@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
.home-about-azad {
    position: relative;
    overflow: hidden;
    padding: 40px 0;
    background: #f7f8fa;
}

/* Background Decoration */

.home-about-azad::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(230, 35, 45, 0.05);
    top: -180px;
    left: -180px;
}

.home-about-azad::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.04);
    right: -130px;
    bottom: -130px;
}

.home-about-azad .container {
    position: relative;
    z-index: 2;
}


/* =========================================
   CONTENT
========================================= */

.home-about-azad__content {
    padding-right: 35px;
}

.home-about-azad__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    color: #e6232d;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.home-about-azad__eyebrow::before {
    content: "";
    width: 35px;
    height: 3px;
    background: #e6232d;
    border-radius: 10px;
}

.home-about-azad__title {
    margin: 0 0 15px;
    color: #101828;
    font-size: clamp(36px, 4vw, 35px);
    line-height: 1.1;
    font-weight: 600;
}

.home-about-azad__description {
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

.home-about-azad__description p {
    margin-bottom: 11px;
}

.home-about-azad__description strong {
    color: #101828;
}


/* =========================================
   TRAINING LIST
========================================= */

.home-about-azad__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 20px;
    padding: 0;
    margin: 25px 0;
    list-style: none;
}

.home-about-azad__list li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #344054;
    font-weight: 600;
}

.home-about-azad__list i {
    color: var(--primary);
    font-size: 19px;
}


/* =========================================
   IMAGE / VISUAL
========================================= */

.home-about-azad__visual {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-about-azad__image-wrap {
    position: relative;
    width: min(100%, 440px);
    z-index: 2;
}

.home-about-azad__image-wrap::before {
    content: "";
    position: absolute;
    inset: -14px;
    border: 2px solid rgba(230, 35, 45, 0.25);
    border-radius: 25px;
    transform: rotate(4deg);
}

.home-about-azad__image {
    position: relative;
    display: block;
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 25px;
    box-shadow: 0 25px 60px rgba(16, 24, 40, 0.18);
}


/* =========================================
   YEAR BADGE
========================================= */

.home-about-azad__year {
    position: absolute;
    left: -35px;
    bottom: 35px;
    width: 125px;
    height: 125px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    color: #fff;
    border-radius: 50%;
    border: 8px solid #f7f8fa;
    box-shadow: 0 15px 35px rgba(230, 35, 45, 0.25);
}

.home-about-azad__year strong {
    font-size: 28px;
    line-height: 1;
    font-weight: 800;
}

.home-about-azad__year span {
    margin-top: 5px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
}


/* =========================================
   PROFESSIONAL TRAINING BADGE
========================================= */

.home-about-azad__badge {
    position: absolute;
    right: -10px;
    top: 70px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    background: #fff;
    color: #101828;
    border-radius: 50px;
    box-shadow: 0 15px 35px rgba(16, 24, 40, 0.12);
    font-size: 13px;
    font-weight: 700;
}

.home-about-azad__badge i {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #101828;
    color: #fff;
    border-radius: 50%;
    font-size: 17px;
}


/* =========================================
   DECORATIVE SHAPES
========================================= */

.home-about-azad__shape {
    position: absolute;
    border-radius: 50%;
    z-index: 1;
}

.home-about-azad__shape--one {
    width: 180px;
    height: 180px;
    top: 10px;
    right: 0;
    border: 35px solid rgba(230, 35, 45, 0.08);
}

.home-about-azad__shape--two {
    width: 80px;
    height: 80px;
    left: 0;
    top: 120px;
    background: rgba(230, 35, 45, 0.08);
}


/* =========================================
   MISSION / VISION
========================================= */

.home-about-azad__bottom {
    margin-top: 80px;
}

.home-about-azad__card {
    position: relative;
    height: 100%;
    display: flex;
    gap: 22px;
    padding: 35px;
    background: #fff;
    border-radius: 18px;
    border: 1px solid #eaecf0;
    box-shadow: 0 12px 35px rgba(16, 24, 40, 0.06);
    transition: all 0.3s ease;
}

.home-about-azad__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(16, 24, 40, 0.1);
}

.home-about-azad__card-icon {
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(230, 35, 45, 0.09);
    color: #e6232d;
    border-radius: 14px;
    font-size: 25px;
}

.home-about-azad__card-title {
    margin: 0 0 12px;
    color: #101828;
    font-size: 24px;
    font-weight: 600;
}

.home-about-azad__card p {
    margin: 0;
    color: #667085;
    font-size: 15px;
    line-height: 1.8;
}


.home-course {
    position: relative;
    padding: 70px 0;
    overflow: hidden;
    background: #f5f6f8;
}

.home-course::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    top: -180px;
    right: -100px;
    border-radius: 50%;
    background: rgba(220, 35, 45, 0.04);
}

.home-course::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    bottom: -150px;
    left: -100px;
    border: 50px solid rgba(15, 23, 42, 0.025);
    border-radius: 50%;
}

.home-course .container {
    position: relative;
    z-index: 2;
}


/* ==========================================
   MAIN CONTAINER
========================================== */

.home-course-container {
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 20px 55px rgba(15, 23, 42, 0.08);
    border: 1px solid #ccc;
}


/* ==========================================
   LEFT IMAGE
========================================== */

.home-course-image {
    position: relative;
    height: 100%;
    overflow: hidden;
    background: #111827;
}

.home-course-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.home-course-container:hover .home-course-image img {
    transform: scale(1.04);
}


/* ==========================================
   IMAGE OVERLAY
========================================== */

.home-course-image-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(8, 15, 28, 0.88) 0%,
            rgba(8, 15, 28, 0.25) 60%,
            rgba(8, 15, 28, 0.02) 100%
        );
}


/* ==========================================
   IMAGE BADGE
========================================== */

.home-course-image-badge {
    position: absolute;
    top: 22px;
    left: 22px;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 9px 14px;

    color: #fff;
    background: rgba(255, 255, 255, 0.13);

    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 50px;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    font-size: 12px;
    font-weight: 600;
}

.home-course-image-badge i {
    font-size: 16px;
}
.home-course-image-badge span{
    color: #fff;
}


/* ==========================================
   IMAGE TEXT
========================================== */

.home-course-image-text {
    position: absolute;
    left: 25px;
    right: 20px;
    bottom: 25px;

    display: flex;
    flex-direction: column;
}

.home-course-image-text span {
    margin-bottom: 5px;

    color: rgba(255, 255, 255, 0.7);

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.home-course-image-text strong {
    color: #fff;

    font-size: 35px;
    line-height: 1;

    font-weight: 600;
}


/* ==========================================
   RIGHT CONTENT
========================================== */

.home-course-container-content {
    height: 100%;
    padding: 15px 40px;
}


/* ==========================================
   HEADING
========================================== */

.home-course-heading {
    margin-bottom: 24px;
}

.home-course-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    margin-bottom: 9px;

    color: #df202b;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.home-course-eyebrow i {
    font-size: 14px;
}

.home-course-heading h2 {
    margin: 0;

    color: #101828;

    font-size: 23px;
    line-height: 1.2;

    font-weight: 600;
}


/* ==========================================
   PROGRAMS
========================================== */

.home-course-programs {
    display: flex;
    flex-direction: column;
    gap: 9px;
}


/* ==========================================
   PROGRAM CARD
========================================== */

.home-course-program {
    position: relative;

    display: flex;
    align-items: center;

    gap: 14px;

    min-height: 83px;

    padding: 15px 16px;

    background: #f8f9fb;

    border: 1px solid #eaecf0;
    border-radius: 13px;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
}

.home-course-program:hover {
    transform: translateX(4px);

    background: #fff;

    border-color: rgba(223, 32, 43, 0.2);

    box-shadow: 0 8px 25px rgba(15, 23, 42, 0.06);
}


/* ==========================================
   FEATURED CARD
========================================== */
/* 
.home-course-program-featured {
    background: #101828;
    border-color: #101828;
} */
/* 
.home-course-program-featured:hover {
    background: #101828;
    border-color: #101828;
} */

.home-course-program-featured::before {
    content: "POPULAR";

    position: absolute;

    top: -7px;
    right: 15px;

    padding: 3px 8px;

    color: #fff;
    background: #df202b;

    border-radius: 4px;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 0.8px;
}


/* ==========================================
   NUMBER
========================================== */

.home-course-program-number {
    flex: 0 0 43px;

    width: 43px;
    height: 43px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff0f1;
    color: #df202b;

    border-radius: 9px;

    font-size: 11px;
    font-weight: 800;
}

/* .home-course-program-featured
.home-course-program-number {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
} */


/* ==========================================
   PROGRAM INFO
========================================== */

.home-course-program-info {
    flex: 1;
    min-width: 0;
}

.home-course-program-info h3 {
    margin: 0 0 5px;

    color: #454545;

    font-size: 16px;
    line-height: 1.25;

    font-weight: 600;
}

/* .home-course-program-featured
.home-course-program-info h3 {
    color: #fff;
} */


/* ==========================================
   INCLUDES
========================================== */

.home-course-includes {
    display: flex;
    align-items: center;
    gap: 5px;

    color: #667085;

    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.home-course-includes i {
    color: #18a558;
    font-size: 12px;
}

/* .home-course-program-featured
.home-course-includes {
    color: rgba(255, 255, 255, 0.6);
}

.home-course-program-featured
.home-course-includes i {
    color: #4ade80;
} */


/* ==========================================
   PRICE AREA
========================================== */

.home-course-price {
    flex: 0 0 105px;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    gap: 12px;

    text-align: right;
}


/* Total Fee */

.home-course-total {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.home-course-total span {
    color: #98a2b3;

    font-size: 10px;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.home-course-total del {
    color: #98a2b3;

    font-size: 13px;
}


/* Offer */

.home-course-offer {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.home-course-offer small {
    color: #df202b;

    font-size: 10px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 0.4px;
    white-space: nowrap;
}

.home-course-offer strong {
    color: #101828;

    font-size: 19px;
    line-height: 1.15;

    font-weight: 700;
}
/* 
.home-course-program-featured
.home-course-offer strong {
    color: #fff;
} */


/* ==========================================
   LICENSE ONLY
========================================== */

.home-course-program-license {
    background: #fff;
}

.home-course-program-license
.home-course-offer strong {
    color: #df202b;
}

.home-course-without-training {
    color: #98a2b3;
}

.home-course-without-training i {
    color: #f59e0b;
}


.home-azad-training-offer {
    position: relative;
    padding: 40px 0;
    overflow: hidden;
    background: #f7f8f9;
}

.home-azad-training-offer::before {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    top: -220px;
    right: -120px;

    border-radius: 50%;

    background: rgba(178, 62, 1, 0.045);
}

.home-azad-training-offer::after {
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    bottom: -170px;
    left: -100px;

    border: 50px solid rgba(4, 130, 170, 0.035);
    border-radius: 50%;
}

.home-azad-training-offer .container {
    position: relative;
    z-index: 2;
}


/* =========================================
   TRAINING CARD
========================================= */

.home-azad-training-card {
    height: 100%;

    padding: 32px;

    background: #fff;

    border: 1px solid #e7eaed;
    border-radius: 20px;

    box-shadow: 0 12px 40px rgba(16, 24, 40, 0.055);
}


/* =========================================
   TRAINING HEADER
========================================= */

.home-azad-training-header {
    margin-bottom: 22px;
}

.home-azad-training-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 9px;

    color: var(--primary);

    font-size: 10px;
    line-height: 1;
    font-weight: 600;

    letter-spacing: 1.8px;
}

.home-azad-training-label::before {
    content: "";

    width: 27px;
    height: 2px;

    background: var(--primary);

    border-radius: 20px;
}

.home-azad-training-header h2 {
    margin: 0 0 7px;

    color: #182230;

    font-size: 29px;
    line-height: 1.2;
    font-weight: 600;
}

.home-azad-training-header p {
    max-width: 520px;

    margin: 0;

    color: #667085;

    font-size: 13px;
    line-height: 1.65;
    font-weight: 400;
}


/* =========================================
   TRAINING TABLE
========================================= */

.home-azad-training-table {
    overflow: hidden;

    border: 1px solid #e7eaed;
    border-radius: 12px;
}


/* =========================================
   TRAINING ROW
========================================= */

.home-azad-training-row {
    display: grid;
    grid-template-columns: 1fr 1fr;

    align-items: center;

    min-height: 55px;

    border-bottom: 1px solid #e9ecef;

    transition: background 0.25s ease;
}

.home-azad-training-row:last-child {
    border-bottom: 0;
}

.home-azad-training-row:not(.home-azad-training-row-header):hover {
    background: rgba(178, 62, 1, 0.035);
}


/* =========================================
   TABLE HEADER
========================================= */

.home-azad-training-row-header {
    min-height: 45px;

    background: var(--secondry-dark);
}

.home-azad-training-row-header
.home-azad-training-vehicle,
.home-azad-training-row-header
.home-azad-training-rate {
    color: #fff;

    font-size: 13px;
    font-weight: 600;

    letter-spacing: 0.5px;
    text-transform: uppercase;
}


/* =========================================
   VEHICLE
========================================= */

.home-azad-training-vehicle {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 8px 14px;

    color: #344054;

    font-size: 15px;
    font-weight: 500;
}

.home-azad-training-vehicle i {
    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 30px;

    background: rgba(178, 62, 1, 0.08);
    color: var(--primary);

    border-radius: 8px;

    font-size: 14px;
}


/* =========================================
   RATE
========================================= */

.home-azad-training-rate {
    padding: 8px 14px;

    color: #182230;

    font-size: 15px;
    font-weight: 600;

    text-align: right;
}


/* =========================================
   NOTE
========================================= */

.home-azad-training-note {
    margin: 15px 0 0;

    color: #5f6061;

    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}


/* =========================================
   FEATURED OFFER
========================================= */

.home-azad-offer-card {
    position: relative;

    height: 100%;

    overflow: hidden;

    padding: 38px;

    background:
        linear-gradient(
            135deg,
            var(--secondry-dark),
            #073f50
        );

    border-radius: 20px;

    box-shadow: 0 18px 50px rgba(6, 86, 110, 0.18);
}

.home-azad-offer-content {
    position: relative;
    z-index: 3;
}


/* =========================================
   OFFER SHAPES
========================================= */

.home-azad-offer-shape {
    position: absolute;

    pointer-events: none;

    border-radius: 50%;
}

.home-azad-offer-shape-one {
    width: 280px;
    height: 280px;

    top: -150px;
    right: -100px;

    border: 55px solid rgba(178, 62, 1, 0.18);
}

.home-azad-offer-shape-two {
    width: 150px;
    height: 150px;

    bottom: -90px;
    left: -60px;

    background: rgba(255, 255, 255, 0.035);
}


/* =========================================
   OFFER LABEL
========================================= */

.home-azad-offer-label {
    display: inline-flex;

    padding: 6px 11px;

    color: #fff;

    background: var(--primary);

    border-radius: 5px;

    font-size: 9px;
    line-height: 1;
    font-weight: 600;

    letter-spacing: 1.4px;
}


/* =========================================
   OFFER HEADING
========================================= */

.home-azad-offer-content h2 {
  

    margin: 17px 0 9px;

    color: #fff;

    font-size: 29px;
    line-height: 1.2;
    font-weight: 600;
}

.home-azad-offer-content h3 {
    margin: 0;

    color: rgba(255, 255, 255, 0.72);

    font-size: 16px;
    line-height: 1.45;
    font-weight: 500;
}


/* =========================================
   OFFER PRICING
========================================= */

.home-azad-offer-pricing {
    display: flex;
    align-items: flex-end;
    gap: 28px;

    margin: 23px 0 17px;
}

.home-azad-offer-regular,
.home-azad-offer-price {
    display: flex;
    flex-direction: column;
}

.home-azad-offer-regular span,
.home-azad-offer-price span {
    margin-bottom: 3px;

    color: rgba(255, 255, 255, 0.5);

    font-size: 13px;
    line-height: 1.2;
    font-weight: 500;
}

.home-azad-offer-regular del {
    color: rgba(255, 255, 255, 0.55);

    font-size: 15px;
    font-weight: 500;
}

.home-azad-offer-price strong {
    color: #fff;

    font-size: 28px;
    line-height: 1;

    font-weight: 600;
}


/* =========================================
   OFFER FEATURE
========================================= */

.home-azad-offer-feature {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    margin-bottom: 15px;

    color: #fff;

    font-size: 14px;
    font-weight: 500;
}

.home-azad-offer-feature i {
    color: #7ed6a0;

    font-size: 20px;
}

.home-azad-offer-feature span{
    color: #fff;
}
/* =========================================
   OFFER DESCRIPTION
========================================= */

.home-azad-offer-description {
    max-width: 520px;

    margin: 0 0 22px;

    color: rgba(255, 255, 255, 0.66);

    font-size: 15px;
    line-height: 1.7;
    font-weight: 400;
}


/* =========================================
   CTA BUTTON
========================================= */

.home-azad-offer-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 11px 17px;

    color: #fff;

    background: var(--primary);

    border: 1px solid var(--primary);

    border-radius: 7px;

    font-size: 16px;
    line-height: 1;
    font-weight: 600;

    text-decoration: none;

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}
.home-azad-offer-btn span{
    color: #fff;
}

.home-azad-offer-btn i {
    font-size: 14px;

    transition: transform 0.25s ease;
}

.home-azad-offer-btn:hover {
    color: #fff;

    background: var(--primary-dark);
    border-color: var(--primary-dark);

    transform: translateY(-2px);
}

.home-azad-offer-btn:hover i {
    transform: translateX(4px);
}


.home-azad-why-section {
    position: relative;
    padding: 40px 0;
    overflow: hidden;
    background: #fff;
}


/* Decorative Background */

.home-azad-why-section::before {
    content: "";
    position: absolute;

    width: 380px;
    height: 380px;

    top: -220px;
    left: -160px;

    border: 60px solid rgba(4, 130, 170, 0.035);

    border-radius: 50%;
}

.home-azad-why-section::after {
    content: "";
    position: absolute;

    width: 300px;
    height: 300px;

    right: -170px;
    bottom: -180px;

    background: rgba(178, 62, 1, 0.035);

    border-radius: 50%;
}


/* =========================================
   SECTION HEADING
========================================= */

.home-azad-why-heading {
    position: relative;
    z-index: 2;

    margin-bottom: 45px;
}

.home-azad-why-eyebrow {
    position: relative;

    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 10px;

    color: var(--primary);

    font-size: 10px;
    line-height: 1;
    font-weight: 600;

    letter-spacing: 2px;
}

.home-azad-why-eyebrow::before,
.home-azad-why-eyebrow::after {
    content: "";

    width: 25px;
    height: 2px;

    background: var(--primary);

    border-radius: 20px;
}

.home-azad-why-heading h2 {
    margin: 0;

    color: #182230;

    font-size: 34px;
    line-height: 1.2;
    font-weight: 600;
}


/* =========================================
   IMAGE
========================================= */

.home-azad-why-image {
    position: relative;

    height: 570px;

    overflow: hidden;

    border-radius: 20px;

    background: var(--secondry-dark);

    box-shadow: 0 20px 50px rgba(6, 86, 110, 0.13);
}

.home-azad-why-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.6s ease;
}

.home-azad-why-image:hover img {
    transform: scale(1.04);
}


/* Image Overlay */

.home-azad-why-image-overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(6, 86, 110, 0.95) 0%,
            rgba(6, 86, 110, 0.25) 48%,
            rgba(6, 86, 110, 0.05) 100%
        );
}


/* Image Content */

.home-azad-why-image-content {
    position: absolute;

    left: 28px;
    right: 28px;
    bottom: 30px;

    display: flex;
    align-items: center;
    gap: 13px;

    color: #fff;
}
.home-azad-why-image-content span{
    color: #fff;
}
.home-azad-why-image-content i {
    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--primary);

    border-radius: 10px;

    font-size: 20px;
}

.home-azad-why-image-content span {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
}


/* Image Shape */

.home-azad-why-image-shape {
    position: absolute;

    width: 130px;
    height: 130px;

    top: -55px;
    right: -55px;

    border: 35px solid rgba(255, 255, 255, 0.12);

    border-radius: 50%;
}


/* =========================================
   FEATURE LIST
========================================= */

.home-azad-why-list {
    display: flex;
    flex-direction: column;

    gap: 11px;
}


/* =========================================
   FEATURE ITEM
========================================= */

.home-azad-why-item {
    position: relative;

    display: flex;
    align-items: center;
    gap: 15px;

    min-height: 78px;

    padding: 14px 45px 14px 14px;

    background: #fff;

    border: 1px solid #eaecf0;

    border-radius: 12px;

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.home-azad-why-item:hover {
    transform: translateX(5px);

    border-color: rgba(178, 62, 1, 0.25);

    box-shadow: 0 10px 28px rgba(16, 24, 40, 0.07);
}


/* =========================================
   ICON
========================================= */

.home-azad-why-icon {
    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 45px;

    color: var(--primary);

    background: rgba(178, 62, 1, 0.07);

    border-radius: 10px;

    font-size: 18px;

    transition:
        background 0.25s ease,
        color 0.25s ease;
}

.home-azad-why-item:hover .home-azad-why-icon {
    color: #fff;
    background: var(--primary);
}


/* =========================================
   CONTENT
========================================= */

.home-azad-why-content {
    flex: 1;
}

.home-azad-why-content h3 {
    margin: 0 0 4px;

    color: #182230;

    font-size: 17px;
    line-height: 1.3;
    font-weight: 600;
}

.home-azad-why-content p {
    margin: 0;

    color: #49494a;

    font-size: 13px;
    line-height: 1.55;
    font-weight: 400;
}


/* =========================================
   NUMBER
========================================= */

.home-azad-why-number {
    position: absolute;

    top: 9px;
    right: 12px;

    color: #d9dde2;

    font-size: 13px;
    line-height: 1;
    font-weight: 600;

    transition: color 0.25s ease;
}

.home-azad-why-item:hover .home-azad-why-number {
    color: rgba(178, 62, 1, 0.35);
}
.home-azad-cta-section {
    position: relative;

    padding: 75px 0;

    overflow: hidden;

       background: linear-gradient(135deg, #06242d78 0%, #02131892 55%, #021a2245 100%), url(../img/banner/az4.webp);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment:fixed;
}


/* =========================================
   BACKGROUND SHAPES
========================================= */

.home-azad-cta-shape {
    position: absolute;

    pointer-events: none;

    border-radius: 50%;
}


/* Large Orange Ring */

.home-azad-cta-shape-one {
    width: 400px;
    height: 400px;

    top: -250px;
    left: -160px;

    border: 70px solid rgba(178, 62, 1, 0.18);
}


/* Small Orange Circle */

.home-azad-cta-shape-two {
    width: 120px;
    height: 120px;

    right: 8%;
    top: 15%;

    background: rgba(178, 62, 1, 0.12);
}


/* Bottom Ring */

.home-azad-cta-shape-three {
    width: 280px;
    height: 280px;

    right: -130px;
    bottom: -190px;

    border: 45px solid rgba(255, 255, 255, 0.05);
}


/* =========================================
   CONTENT
========================================= */

.home-azad-cta-content {
    position: relative;

    z-index: 2;

    text-align: center;
}


/* =========================================
   LABEL
========================================= */

.home-azad-cta-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 14px;

    color: #fff;

    font-size: 10px;
    line-height: 1;
    font-weight: 600;

    letter-spacing: 2px;
}

.home-azad-cta-label::before,
.home-azad-cta-label::after {
    content: "";

    width: 28px;
    height: 2px;

    background: var(--primary);

    border-radius: 20px;
}


/* =========================================
   HEADING
========================================= */

.home-azad-cta-content h2 {
    margin: 0 0 6px;

    color: #fff;

    font-size: 40px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: -0.5px;
}


/* =========================================
   DESCRIPTION
========================================= */

.home-azad-cta-content p {
    max-width: 760px;

    margin: 0 auto;

    color: rgba(255, 255, 255, 0.72);

    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
}

.home-azad-cta-content p strong {
    color: #fff;

    font-weight: 600;
}


/* =========================================
   TAGLINE
========================================= */

.home-azad-cta-content h3 {
    margin: 15px 0 27px;

    color: #fff;

    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
}


/* =========================================
   BUTTONS
========================================= */

.home-azad-cta-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 10px;
}


/* Base Button */

.home-azad-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    min-height: 44px;

    padding: 11px 19px;

    border-radius: 7px;

    font-size: 11px;
    line-height: 1;
    font-weight: 600;

    text-decoration: none;

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease;
}

.home-azad-cta-btn i {
    font-size: 14px;
}


/* =========================================
   CALL BUTTON
========================================= */

.home-azad-cta-btn-primary {
    color: #fff;

    background: var(--primary);

    border: 1px solid var(--primary);

    box-shadow: 0 8px 20px rgba(178, 62, 1, 0.18);
}

.home-azad-cta-btn-primary:hover {
    color: #fff;

    background: var(--primary-dark);
    border-color: var(--primary-dark);

    transform: translateY(-2px);

    box-shadow: 0 10px 25px rgba(178, 62, 1, 0.25);
}
.home-azad-cta-buttons span{
    color: #fff;
    font-size: 15px;
}

/* =========================================
   WHATSAPP
========================================= */

.home-azad-cta-btn-whatsapp {
    color: #fff;

    background: transparent;

    border: 1px solid rgba(255, 255, 255, 0.3);
}

.home-azad-cta-btn-whatsapp:hover {
    color: #fff;

    background: rgba(255, 255, 255, 0.1);

    border-color: rgba(255, 255, 255, 0.55);

    transform: translateY(-2px);
}


/* =========================================
   VIEW COURSES
========================================= */

.home-azad-cta-btn-outline {
    color: #fff;

    background: transparent;

    border: 1px solid rgba(255, 255, 255, 0.3);
}

.home-azad-cta-btn-outline:hover {
    color: var(--secondry-dark);

    background: #fff;

    border-color: #fff;

    transform: translateY(-2px);
}
.home-azad-cta-btn-outline:hover span{
    color: #000;
}


.home-azad-blog-v2 {
    position: relative;
    overflow: hidden;
    padding: 45px 0 60px;
    background: #f8f9fa;
}


/* Background Shapes */

.home-azad-blog-bg-shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.home-azad-blog-bg-shape-one {
    width: 320px;
    height: 320px;
    right: -150px;
    top: -130px;
    border: 55px solid rgba(178, 62, 1, 0.045);
}

.home-azad-blog-bg-shape-two {
    width: 240px;
    height: 240px;
    left: -150px;
    bottom: -120px;
    border: 45px solid rgba(4, 130, 170, 0.05);
}


/* Header */

.home-azad-blog-header {
    position: relative;
    z-index: 2;
    margin-bottom: 45px;
}

.home-azad-blog-label {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    color: var(--primary);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
}

.home-azad-blog-label span {
    width: 38px;
    height: 3px;
    display: inline-block;
    background: var(--primary);
    border-radius: 20px;
}

.home-azad-blog-header h2 {
    margin: 0;
    max-width: 650px;
    color: #202020;
    font-size: 40px;
    line-height: 1.32;
    font-weight: 600;
    letter-spacing: -1.5px;
}

.home-azad-blog-header h2 strong {
    display: block;
    color: var(--secondry);
    font-weight: 600;
}

.home-azad-blog-header p {
    margin: 0 0 5px;
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
}


/* Carousel */

.blog-carousel-v2 {
    position: relative;
    z-index: 2;
}

.blog-carousel-v2 .owl-stage {
    display: flex;
}

.blog-carousel-v2 .owl-item {
    display: flex;
}

.blog-carousel-v2 .home-azad-blog-item {
    width: 100%;
    padding: 8px 4px 15px;
}


/* Card */

.home-azad-blog-card {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    border-radius: 18px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 12px 40px rgba(20, 30, 40, 0.07);
    transition: 0.45s ease;
}

.home-azad-blog-card:hover {
    transform: translateY(-9px);
    box-shadow: 0 22px 55px rgba(20, 30, 40, 0.13);
}


/* Image */

.home-azad-blog-image {
    position: relative;
    height: 245px;
    overflow: hidden;
}

.home-azad-blog-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.65s ease;
}

.home-azad-blog-card:hover .home-azad-blog-image img {
    transform: scale(1.08);
}

.home-azad-blog-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 45%,
        rgba(0, 0, 0, 0.45) 100%
    );
    pointer-events: none;
}


/* Number */

.home-azad-blog-count {
    position: absolute;
    z-index: 3;
    left: 20px;
    bottom: 18px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #fff;
    background: var(--primary);
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}


/* Content */

.home-azad-blog-body {
    position: relative;
    padding:23px 20px 20px;
}

.home-azad-blog-body::before {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    width: 45px;
    height: 3px;
    background: var(--secondry);
    border-radius: 20px;
}

.home-azad-blog-body h3 {
    min-height: 58px;
    margin: 0 0 6px;
    color: #202020;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 600;
    transition: 0.3s ease;
}

.home-azad-blog-card:hover .home-azad-blog-body h3 {
    color: var(--primary);
}

.home-azad-blog-body p {
    min-height: 88px;
    margin: 0 0 22px;
    color: #404040;
    font-size: 14px;
    line-height: 1.75;
    font-weight: 400;
}


/* Read More */

.home-azad-blog-read {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--primary);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.home-azad-blog-read span {
    position: relative;
}

.home-azad-blog-read span::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: -5px;
    height: 2px;
    background: var(--primary);
    transition: 0.3s ease;
}

.home-azad-blog-read:hover {
    color: var(--primary-dark);
}

.home-azad-blog-read:hover span::after {
    right: 0;
}


/* Owl Navigation */

.blog-carousel-v2 .owl-nav {
    position: absolute;
    right: 5px;
    top: -90px;
    display: flex;
    gap: 9px;
}

.blog-carousel-v2 .owl-nav button.owl-prev,
.blog-carousel-v2 .owl-nav button.owl-next {
    width: 46px;
    height: 46px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    color: #fff !important;
    background: var(--primary) !important;
    font-size: 20px !important;
    font-weight: 600;
    transition: 0.3s ease;
}

.blog-carousel-v2 .owl-nav button:hover {
    background: var(--secondry) !important;
    transform: translateY(-2px);
}


/* Dots */

.blog-carousel-v2 .owl-dots {
    margin-top: 28px;
}

.blog-carousel-v2 .owl-dot span {
    width: 7px !important;
    height: 7px !important;
    margin: 5px 4px !important;
    background: #d3d3d3 !important;
    transition: 0.3s ease;
}

.blog-carousel-v2 .owl-dot.active span {
    width: 28px !important;
    border-radius: 20px;
    background: var(--primary) !important;
}




.home-azad-blog-v2 .owl-nav {
    display: flex;

    justify-content: center;

    gap: 8px;

    margin-top: 28px;
}

.home-azad-blog-v2 .owl-nav button.owl-prev,
.home-azad-blog-v2 .owl-nav button.owl-next {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 !important;

    color: var(--secondry-dark) !important;

    background: #fff !important;

    border: 1px solid #e1e5e8 !important;

    border-radius: 50%;

    font-size: 18px !important;

    transition:
        color 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
}

.home-azad-blog-v2 .owl-nav button:hover {
    color: #fff !important;

    background: var(--primary) !important;

    border-color: var(--primary) !important;
}


/* =========================================
   OWL DOTS
========================================= */

.home-azad-blog-v2 .owl-dots {
    margin-top: 17px;
}

.home-azad-blog-v2 .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;

    margin: 4px;

    background: #cdd3d7;

    transition:
        width 0.25s ease,
        background 0.25s ease;
}

.home-azad-blog-v2
.owl-dots .owl-dot.active span {
    width: 20px;

    background: var(--primary);
}

.azad-programs {
    position: relative;
    overflow: hidden;
    padding: 40px 0 20px;
    background:
        linear-gradient(180deg, #ffffff 0%, #f6f8f9 100%);
}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.azad-programs::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    top: 15%;
    left: -400px;
    border-radius: 50%;
    background: rgba(4, 130, 170, 0.035);
}

.azad-programs::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    right: -350px;
    bottom: 5%;
    border-radius: 50%;
    background: rgba(178, 62, 1, 0.035);
}

.azad-programs-orbit {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.azad-programs-orbit-one {
    width: 180px;
    height: 180px;
    top: 100px;
    right: 7%;
    border: 1px solid rgba(178, 62, 1, 0.12);
}

.azad-programs-orbit-two {
    width: 110px;
    height: 110px;
    bottom: 180px;
    left: 8%;
    border: 1px solid rgba(4, 130, 170, 0.13);
}


/* =========================================================
   SECTION INTRO
========================================================= */

.azad-programs-intro {
    position: relative;
    z-index: 2;
    margin-bottom: 35px;
}

.azad-programs-kicker {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    color: var(--primary);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.azad-programs-kicker span {
    width: 35px;
    height: 2px;
    display: inline-block;
    border-radius: 20px;
    background: var(--primary);
}

.azad-programs-intro h2 {
    margin: 0;
    color: #1e2529;
    font-size: 35px;
    line-height: 1.22;
    font-weight: 600;
    letter-spacing: -1.5px;
}

.azad-programs-intro h2 strong {
    display: block;
    color: var(--secondry);
    font-weight: 600;
}


/* =========================================================
   MAIN COURSE CARD
========================================================= */

.azad-program-card {
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin-bottom: 38px;
    background: #fff;
    border: 1px solid rgba(20, 30, 35, 0.07);
    border-radius: 28px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: transform 0.45s ease, box-shadow 0.45s ease;
}

.azad-program-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 28px 75px rgba(25, 35, 40, 0.12);
}


/* Featured */

.azad-program-card-featured {
    border-color: rgba(178, 62, 1, 0.16);
}


/* =========================================================
   VISUAL PANEL
========================================================= */

.azad-program-visual {
    position: relative;
    height: 100%;
    min-height: 510px;
    overflow: hidden;
    background: #222;
}

.azad-program-visual img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.8s ease;
}

.azad-program-card:hover .azad-program-visual img {
    transform: scale(1.06);
}


/* Image Overlay */

.azad-program-visual-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.05) 20%,
            rgba(0, 0, 0, 0.28) 48%,
            rgba(0, 0, 0, 0.88) 100%
        );
}


/* Category */

.azad-program-category {
    position: absolute;
    top: 25px;
    left: 25px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 15px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 50px;
    color: #fff;
    background: rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    font-size: 12px;
    font-weight: 600;
}

.azad-program-category i {
    color: #fff;
    font-size: 15px;
}
.azad-program-category span{
    color: #fff;
}

/* Visual Title */

.azad-program-visual-title {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
    color: #fff;
}

.azad-program-visual-title small {
    display: block;
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 0.75);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.azad-program-visual-title strong {
    display: block;
    font-size: 34px;
    line-height: 1;
    font-weight: 600;
}


/* =========================================================
   CONTENT PANEL
========================================================= */

.azad-program-content {
    height: 100%;
    padding: 35px;
    background: #fff;
}


/* Heading */

.azad-program-heading {
    margin-bottom: 22px;
}

.azad-program-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 13px;
    color: var(--primary);
    font-size: 13px;
    font-weight: 600;
}

.azad-program-label i {
    font-size: 15px;
}

.azad-program-heading h2 {
    max-width: 600px;
    margin: 0;
    color: #202629;
    font-size: 25px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================================================
   PROGRAM LIST
========================================================= */

.azad-program-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


/* Individual Row */

.azad-program-row {
    position: relative;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    align-items: center;
    gap: 17px;
    padding: 18px 17px;
    border: 1px solid #e9edef;
    border-radius: 15px;
    background: #fff;
    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.azad-program-row:hover {
    transform: translateX(4px);
    border-color: rgba(4, 130, 170, 0.2);
    box-shadow: 0 8px 25px rgba(20, 30, 35, 0.06);
}


/* Featured Row */

.azad-program-row-active {
    border-color: rgba(178, 62, 1, 0.22);
    background:
        linear-gradient(
            100deg,
            rgba(178, 62, 1, 0.055),
            rgba(178, 62, 1, 0.012)
        );
}


/* License Row */

.azad-program-row-license {
    background: #fafbfb;
}


/* =========================================================
   NUMBER
========================================================= */

.azad-program-index {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #6c7579;
    background: #f0f3f4;
    font-size: 12px;
    font-weight: 600;
    transition: 0.3s ease;
}

.azad-program-row-active .azad-program-index {
    color: #fff;
    background: var(--primary);
}

.azad-program-row:hover .azad-program-index {
    color: #fff;
    background: var(--secondry);
}


/* =========================================================
   PROGRAM DETAILS
========================================================= */

.azad-program-details {
    min-width: 0;
}

.azad-program-details h3 {
    margin: 0 0 7px;
    color: #252b2e;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
}

.azad-program-benefit {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    color: #687276;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 400;
}

.azad-program-benefit i {
    flex: 0 0 auto;
    margin-top: 2px;
    color: var(--secondry);
    font-size: 12px;
}

.azad-program-benefit-info i {
    color: var(--primary);
}


/* =========================================================
   PRICE
========================================================= */

.azad-program-cost {
    min-width: 105px;
    padding-left: 15px;
    text-align: right;
    border-left: 1px solid #e4e7e8;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 20px;

}
.azad-program-cost div{
    display: flex;
    flex-direction: column;
}
.azad-program-cost span,
.azad-program-cost small {
    display: block;
    color: #8a9396;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
}

.azad-program-cost del {
    display: block;
    /* margin: 2px 0 7px; */
    color: #9da4a7;
    font-size: 14px;
    font-weight: 400;
}

.azad-program-cost small {
    margin-bottom: 3px;
    color: var(--primary);
}

.azad-program-cost strong {
    display: block;
    color: var(--primary);
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
}


/* =========================================================
   ALTERNATING CARD
========================================================= */

.azad-program-card-reverse {
    border-color: rgba(4, 130, 170, 0.12);
}

.azad-program-card-reverse .azad-program-label {
    color: var(--secondry);
}

.azad-program-card-reverse .azad-program-row-active {
    border-color: rgba(4, 130, 170, 0.22);
    background:
        linear-gradient(
            100deg,
            rgba(4, 130, 170, 0.055),
            rgba(4, 130, 170, 0.01)
        );
}

.azad-program-card-reverse .azad-program-row-active .azad-program-index {
    background: var(--secondry);
}

.azad-program-card-reverse .azad-program-cost strong {
    color: var(--secondry);
}


.azad-locations-section {
    position: relative;
    overflow: hidden;
    padding: 40px 0 40px;
    background: #f6f8f9;
}


/* Background Pattern */

.azad-locations-pattern {
    position: absolute;
    width: 500px;
    height: 500px;
    right: -250px;
    top: -220px;
    border: 70px solid rgba(178, 62, 1, 0.035);
    border-radius: 50%;
    pointer-events: none;
}

.azad-locations-section::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    left: -170px;
    bottom: 80px;
    border-radius: 50%;
    border: 45px solid rgba(4, 130, 170, 0.035);
}


/* =========================================================
   SECTION HEADING
========================================================= */

.azad-locations-heading {
    position: relative;
    z-index: 2;
    margin-bottom: 45px;
}

.azad-locations-kicker {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    color: var(--primary);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2.5px;
}

.azad-locations-kicker span {
    width: 38px;
    height: 3px;
    display: inline-block;
    border-radius: 30px;
    background: var(--primary);
}

.azad-locations-heading h2 {
    margin: 0;
    color: #202629;
    font-size: 46px;
    line-height: 1.12;
    font-weight: 600;
    letter-spacing: -1px;
}

.azad-locations-heading h2 strong {
    display: block;
    color: var(--secondry);
    font-weight: 600;
}

.azad-locations-heading-line {
    width: 100%;
    height: 1px;
    margin-bottom: 12px;
    background: #dfe4e6;
}


/* =========================================================
   AT A GLANCE
========================================================= */

.azad-glance-box {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 280px;
    margin-bottom: 45px;
    overflow: hidden;
    border-radius: 25px;
    background: #20282c;
    box-shadow: 0 25px 70px rgba(20, 30, 35, 0.12);
}

.azad-glance-main {
    position: relative;
    z-index: 2;
    width: 82%;
    padding: 38px 42px;
}

.azad-glance-top {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 30px;
}

.azad-glance-icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    color: #fff;
    background: var(--primary);
    font-size: 22px;
}

.azad-glance-top small {
    display: block;
    margin-bottom: 3px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
}

.azad-glance-top h3 {
    margin: 0;
    color: #fff;
    font-size: 25px;
    font-weight: 600;
}


/* Stats */

.azad-glance-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}

.azad-glance-stat {
    display: flex;
    gap: 13px;
    padding: 0 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.azad-glance-stat:first-child {
    padding-left: 0;
    border-left: 0;
}

.azad-stat-icon {
    flex: 0 0 auto;
    color: var(--secondry);
    font-size: 19px;
    padding-top: 2px;
}

.azad-glance-stat strong {
    display: block;
    margin-bottom: 6px;
    color: #fff;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 600;
}

.azad-glance-stat p {
    margin: 0;
    color: rgba(255, 255, 255, 0.57);
    font-size: 11px;
    line-height: 1.6;
    font-weight: 400;
}


/* Decorative Right Area */

.azad-glance-decoration {
    position: absolute;
    top: -80px;
    right: -80px;
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 65px solid rgba(255, 255, 255, 0.025);
    border-radius: 50%;
}

.azad-glance-decoration i {
    color: rgba(255, 255, 255, 0.06);
    font-size: 100px;
    transform: rotate(-15deg);
}


/* =========================================================
   LOCATION GRID
========================================================= */

.azad-location-grid {
    position: relative;
    z-index: 2;
    row-gap: 18px;
}


/* Location Card */

.azad-location-card {
    position: relative;
    min-height: 145px;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 27px 60px 27px 25px;
    overflow: hidden;
    border: 1px solid #e4e8e9;
    border-radius: 19px;
    background: #fff;
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.azad-location-card::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 0;
    left: 0;
    top: 50%;
    background: var(--primary);
    border-radius: 0 5px 5px 0;
    transform: translateY(-50%);
    transition: height 0.35s ease;
}

.azad-location-card:hover {
    transform: translateY(-5px);
    border-color: rgba(178, 62, 1, 0.16);
    box-shadow: 0 18px 45px rgba(20, 30, 35, 0.08);
}

.azad-location-card:hover::before {
    height: 65%;
}


/* Number */

.azad-location-number {
    position: absolute;
    top: 15px;
    right: 19px;
    color: #e7eaeb;
    font-size: 27px;
    line-height: 1;
    font-weight: 600;
    transition: color 0.3s ease;
}

.azad-location-card:hover .azad-location-number {
    color: rgba(178, 62, 1, 0.13);
}


/* Icon */

.azad-location-icon {
    flex: 0 0 auto;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    color: var(--primary);
    background: rgba(178, 62, 1, 0.07);
    font-size: 21px;
    transition: 0.35s ease;
}

.azad-location-card:hover .azad-location-icon {
    color: #fff;
    background: var(--primary);
    transform: rotate(-5deg);
}


/* Content */

.azad-location-content {
    position: relative;
    z-index: 2;
}

.azad-location-content h3 {
    margin: 0 0 8px;
    color: #242a2d;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 600;
}

.azad-location-content p {
    margin: 0;
    color: #747d80;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
}


/* Arrow */

.azad-location-arrow {
    position: absolute;
    right: 20px;
    bottom: 18px;
    color: #bfc5c7;
    font-size: 15px;
    transition: 0.3s ease;
}

.azad-location-card:hover .azad-location-arrow {
    color: var(--primary);
    transform: translate(3px, -3px);
}


/* =========================================================
   CALL BAR
========================================================= */

.azad-location-call {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    margin-top: 28px;
    padding: 17px 22px;
    border-radius: 17px;
    background: var(--primary);
    box-shadow: 0 15px 35px rgba(178, 62, 1, 0.16);
}

.azad-call-icon {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
    border-radius: 12px;
    color: var(--primary);
    background: #fff;
    font-size: 16px;
}

.azad-call-text {
    display: flex;
    align-items: center;
    gap: 8px;
}

.azad-call-text span {
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    font-weight: 600;
}

.azad-call-text a {
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
}

.azad-call-line {
    flex: 1;
    height: 1px;
    margin: 0 25px;
    background: rgba(255, 255, 255, 0.2);
}

.azad-call-wheel {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    color: #fff;
    font-size: 17px;
}

.azad-glance-v2 {
  

    position: relative;
    padding: 45px 0;
    background: #fff;
    overflow: hidden;
}


/* -----------------------------------------
   HEADER
----------------------------------------- */

.azad-glance-v2-head {
    max-width: 650px;
    margin: 0 auto 28px;
    text-align: center;
}

.azad-glance-v2-mini {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 13px;
    color: var(--primary);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
}

.azad-glance-v2-mini i {
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(178, 62, 1, 0.10);
}

.azad-glance-v2-head h3 {
    margin: 0 0 12px;
    color: #20282d;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 600;
}

.azad-glance-v2-head p {
    max-width: 540px;
    margin: 0 auto;
    color: #70797d;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
}


/* -----------------------------------------
   GRID
----------------------------------------- */

.azad-glance-v2-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}


/* -----------------------------------------
   ITEM
----------------------------------------- */

.azad-glance-v2-item {
    position: relative;
    height: 100%;
    padding: 26px;
    border-radius: 22px;
    overflow: hidden;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.azad-glance-v2-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(30, 40, 45, 0.12);
}


/* -----------------------------------------
   DIFFERENT BACKGROUNDS
----------------------------------------- */

.azad-glance-v2-orange {
    background: #d3763b;
}

.azad-glance-v2-blue {
    background: #36a9c8;
}

.azad-glance-v2-cream {
    background: #e5c246;
}

.azad-glance-v2-slate {
    background: #276382;
}


/* -----------------------------------------
   TOP
----------------------------------------- */

.azad-glance-v2-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.azad-glance-v2-top > span {
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}

.azad-glance-v2-icon {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #fff;
    color: var(--primary);
    font-size: 21px;
    box-shadow: 0 8px 22px rgba(30, 40, 45, 0.07);
    transition: transform 0.35s ease;
}

.azad-glance-v2-item:hover .azad-glance-v2-icon {
    transform: rotate(-7deg) scale(1.05);
}


/* -----------------------------------------
   BODY
----------------------------------------- */

.azad-glance-v2-body {
    position: relative;
    z-index: 2;
    padding-top: 25px;
}

.azad-glance-v2-body strong {
    display: block;
    max-width: 250px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 600;
}

.azad-glance-v2-body p {
    max-width: 255px;
    margin: 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.65;
    font-weight: 400;
}


/* -----------------------------------------
   BOTTOM ARROW
----------------------------------------- */

.azad-glance-v2-bottom {
    position: absolute;
    right: 25px;
    bottom: 24px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    color: var(--primary);
    font-size: 14px;
    transition: all 0.3s ease;
}

.azad-glance-v2-item:hover .azad-glance-v2-bottom {
    background: var(--primary);
    color: #fff;
    transform: translateX(4px);
}


/* -----------------------------------------
   DECORATIVE CIRCLE
----------------------------------------- */

.azad-glance-v2-item::after {
    content: "";
    position: absolute;
    right: -45px;
    bottom: -55px;
    width: 145px;
    height: 145px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    transition: transform 0.4s ease;
}

.azad-glance-v2-item:hover::after {
    transform: scale(1.2);
}



.azad-contact-section {
 

    position: relative;
    padding:40px 0;
    overflow: hidden;
}


/* =========================================
   MAIN WRAPPER
========================================= */

.azad-contact-wrapper {
    display: grid;
    grid-template-columns: 0.85fr 1.35fr;
    background: #ffffff;
    border: 1px solid #e7ebec;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(25, 40, 45, 0.08);
}


/* =========================================
   LEFT INFORMATION
========================================= */

.azad-contact-info {
    position: relative;
    min-height: 600px;
    padding: 55px 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff3eb;
    overflow: hidden;
}

.azad-contact-info::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    right: -120px;
    top: -110px;
    border-radius: 50%;
    background: rgba(178, 62, 1, 0.07);
}

.azad-contact-info::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    left: -100px;
    bottom: -80px;
    border-radius: 50%;
    background: rgba(4, 130, 170, 0.06);
}


/* =========================================
   KICKER
========================================= */

.azad-contact-kicker {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    gap: 9px;

    width: fit-content;
    margin-bottom: 18px;

    color: var(--primary);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
}

.azad-contact-kicker i {
    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #ffffff;
    font-size: 14px;
}


/* =========================================
   TITLE
========================================= */

.azad-contact-info h2 {
    position: relative;
    z-index: 2;

    max-width: 390px;
    margin: 0 0 14px;

    color: #20292e;
    font-size: 35px;
    line-height: 1.15;
    font-weight: 600;
}

.azad-contact-institute {
    position: relative;
    z-index: 2;

    max-width: 380px;
    margin: 0 0 35px;

    color: #687277;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 400;
}


/* =========================================
   OWNER
========================================= */

.azad-contact-owner {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 28px;
}

.azad-contact-owner-icon {
    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 14px;
    background: var(--primary);
    color: #ffffff;
    font-size: 19px;
}

.azad-contact-owner small {
    display: block;
    margin-bottom: 3px;

    color: #899195;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.azad-contact-owner strong {
    display: block;
    color: #242d31;
    font-size: 17px;
    font-weight: 600;
}


/* =========================================
   CONTACT DETAILS
========================================= */

.azad-contact-details {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    gap: 13px;
}

.azad-contact-detail {
    display: flex;
    align-items: center;
    gap: 13px;
}

.azad-contact-detail span {
    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;
    background: #ffffff;
    color: var(--secondry);
    font-size: 15px;
}

.azad-contact-detail strong {
    color: #313b40;
    font-size: 14px;
    font-weight: 600;
}


/* =========================================
   DECORATION
========================================= */

.azad-contact-decoration {
    position: absolute;
    z-index: 1;

    right: 35px;
    bottom: 35px;

    width: 90px;
    height: 90px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(178, 62, 1, 0.12);
    border-radius: 50%;

    color: rgba(178, 62, 1, 0.12);
    font-size: 40px;

    transform: rotate(-12deg);
}


/* =========================================
   FORM AREA
========================================= */

.azad-contact-form-box {
    padding: 55px 50px;
    background: #ffffff;
}


/* =========================================
   FORM HEADING
========================================= */

.azad-contact-form-heading {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    margin-bottom: 32px;
}

.azad-contact-form-heading > span {
    flex: 0 0 auto;

    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background: #eaf7fa;
    color: var(--secondry);
    font-size: 17px;
}

.azad-contact-form-heading h3 {
    margin: 0 0 7px;

    color: #222c31;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 600;
}

.azad-contact-form-heading p {
    max-width: 600px;
    margin: 0;

    color: #788186;
    font-size: 13px;
    line-height: 1.7;
    font-weight: 400;
}


/* =========================================
   FORM ROW
========================================= */

.azad-contact-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}


/* =========================================
   FIELD
========================================= */

.azad-contact-field {
    margin-bottom: 19px;
}

.azad-contact-field label {
    display: block;
    margin-bottom: 8px;

    color: #394348;
    font-size: 13px;
    font-weight: 600;
    font-family: var(--font-main);
}


/* =========================================
   INPUT
========================================= */

.azad-contact-input {
    position: relative;
    display: flex;
    align-items: center;
}

.azad-contact-input > i:first-child {
    position: absolute;
    left: 15px;
    z-index: 2;

    color: #9aa3a7;
    font-size: 14px;
    pointer-events: none;
}

.azad-contact-input input,
.azad-contact-input select,
.azad-contact-input textarea {
    width: 100%;

    border: 1px solid #e2e7e8;
    outline: none;

    border-radius: 10px;

    background: #fafbfb;
    color: #303a3f;

    font-family: inherit;
    font-size: 13px;
    font-weight: 400;

    transition: all 0.25s ease;
    font-family: var(--font-main);
}

.azad-contact-input input,
.azad-contact-input select {
    height: 49px;
    padding: 0 15px 0 43px;
}

.azad-contact-input textarea {
    min-height: 115px;
    padding: 15px 15px 15px 43px;
    resize: vertical;
}

.azad-contact-input input::placeholder,
.azad-contact-input textarea::placeholder {
    color: #a1a9ad;
}


/* =========================================
   SELECT
========================================= */

.azad-contact-input select {
    appearance: none;
    cursor: pointer;
}

.azad-contact-select-icon {
    position: absolute;
    right: 15px;
    color: #8c969a;
    font-size: 11px;
    pointer-events: none;
}


/* =========================================
   FOCUS
========================================= */

.azad-contact-input input:focus,
.azad-contact-input select:focus,
.azad-contact-input textarea:focus {
    border-color: rgba(178, 62, 1, 0.45);
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(178, 62, 1, 0.07);
}


/* =========================================
   SUBMIT BUTTON
========================================= */

.azad-contact-submit {
    width: 200px;
    height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    margin-top: 3px;

    border: 0;
    border-radius: 11px;

    background: var(--primary);
    color: #ffffff;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

    transition: all 0.3s ease;
}
.azad-contact-submit  span{
    color: #fff;
}

.azad-contact-submit i {
    transition: transform 0.3s ease;
}

.azad-contact-submit:hover {
    background: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(178, 62, 1, 0.20);
}

.azad-contact-submit:hover i {
    transform: translateX(5px);
}

.azad-journey-cta {
    padding: 10px 0;
    padding-bottom: 25px;
}


/* =========================================
   MAIN BOX
========================================= */

.azad-journey-box {
    position: relative;
    min-height: 460px;

    display: flex;
    align-items: center;

    padding: 70px 75px;

    border-radius: 28px;
    overflow: hidden;

    background-image: url("../img/banner/az1.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    box-shadow: 0 25px 60px rgba(20, 30, 35, 0.14);
}


/* =========================================
   OVERLAY
========================================= */

.azad-journey-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(12, 22, 27, 0.94) 0%,
            rgba(12, 22, 27, 0.82) 45%,
            rgba(12, 22, 27, 0.48) 100%
        );

    z-index: 1;
}


/* =========================================
   CONTENT
========================================= */

.azad-journey-content {
    position: relative;
    z-index: 3;

    max-width: 760px;
}


/* =========================================
   LABEL
========================================= */

.azad-journey-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 18px;

    color: #ffffff;

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
}

.azad-journey-label i {
    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: var(--primary);
    color: #ffffff;

    font-size: 14px;
}


/* =========================================
   HEADING
========================================= */

.azad-journey-content h2 {
    margin: 0 0 8px;

    color: #ffffff;

    font-size: 40px;
    line-height: 1.12;
    font-weight: 600;
}

.azad-journey-content h3 {
    margin: 0 0 15px;

    color: #ffb48e;

    font-size: 23px;
    line-height: 1.35;
    font-weight: 600;
}


/* =========================================
   DESCRIPTION
========================================= */

.azad-journey-content p {
    max-width: 680px;

    margin: 0 0 30px;

    color: rgba(255, 255, 255, 0.78);

    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
}


/* =========================================
   ACTIONS
========================================= */

.azad-journey-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
}


/* =========================================
   CALL BUTTON
========================================= */

.azad-journey-call {
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    gap: 11px;

    padding: 0 20px;

    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 9px;

    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);

    font-size: 13px;
    font-weight: 600;

    text-decoration: none;

    backdrop-filter: blur(5px);

    transition: all 0.3s ease;
}

.azad-journey-call i {
    color: #ffae82;
}

.azad-journey-call:hover {
    border-color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
}


/* =========================================
   ENQUIRE BUTTON
========================================= */

.azad-journey-btn {
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 0 23px;

    border-radius: 9px;

    background: var(--primary);
    color: #ffffff;

    font-size: 13px;
    font-weight: 600;

    text-decoration: none;

    transition: all 0.3s ease;
}

.azad-journey-btn i {
    transition: transform 0.3s ease;
}

.azad-journey-btn:hover {
    background: var(--primary-dark);
    color: #ffffff;

    transform: translateY(-2px);

    box-shadow: 0 12px 25px rgba(178, 62, 1, 0.3);
}

.azad-journey-btn:hover i {
    transform: translate(3px, -3px);
}
.azad-journey-btn span,.azad-journey-call span{
    color: #fff;
}

/* =========================================
   DECORATIVE ICON
========================================= */

.azad-journey-corner {
    position: absolute;
    z-index: 2;

    right: 55px;
    bottom: 35px;

    width: 150px;
    height: 150px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 50%;

    color: rgba(255, 255, 255, 0.10);

    font-size: 72px;

    transform: rotate(-8deg);
}

.azad-journey-corner::before {
    content: "";

    position: absolute;

    width: 105px;
    height: 105px;

    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}


.azad-footer-v3 {
  

    position: relative;
    background: #0d0b0a;
    color: #ffffff;
    overflow: hidden;
}


/* =========================================
   TOP ACCENT
========================================= */

.azad-footer-v3::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: linear-gradient(
        90deg,
        var(--primary),
        #e46b28,
        var(--secondry)
    );
}


/* =========================================
   DECORATIVE BACKGROUND
========================================= */

.azad-footer-v3::after {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    right: -260px;
    bottom: -300px;

    border: 1px solid rgba(255,255,255,0.04);
    border-radius: 50%;

    pointer-events: none;
}

.azad-footer-v3 .container {
    position: relative;
    z-index: 2;
}


/* =========================================
   MAIN SINGLE ROW
========================================= */

.azad-footer-v3-main {
    display: grid;

    grid-template-columns:
        1.55fr
        0.75fr
        1.05fr
        0.75fr
        0.95fr;

    gap: 35px;

    padding: 65px 0 50px;

    border-bottom: 1px solid rgba(255,255,255,0.09);
}


/* =========================================
   BRAND
========================================= */

.azad-footer-v3-brand {
    padding-right: 30px;
}

.azad-footer-v3-logo {
    display: inline-flex;
    align-items: center;

    margin-bottom: 20px;
}

.azad-footer-v3-logo img {
    display: block;
   width: 150px;
    
}

.azad-footer-v3-brand h3 {
    max-width: 340px;

    margin: 0 0 9px;

    color: #ffffff;

    font-size: 17px;
    line-height: 1.45;
    font-weight: 600;
}

.azad-footer-v3-brand p {
    margin: 0 0 10px;

    color: #9ba4a8;

    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
}

.azad-footer-v3-established {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: #c1c8ca;

    font-size: 13px;
    font-weight: 600;
}

.azad-footer-v3-established i {
    color: var(--primary);
    font-size: 13px;
}


/* =========================================
   COLUMN
========================================= */

.azad-footer-v3-column {
    min-width: 0;
}

.azad-footer-v3-heading {
    position: relative;

    display: block;

    margin-bottom: 20px;
    padding-left: 13px;

    color: #ffffff;

    font-size: 19px;
    font-weight: 600;
}

.azad-footer-v3-heading::before {
    content: "";

    position: absolute;
    left: 0;
    top: 50%;

    width: 3px;
    height: 15px;

    border-radius: 5px;

    background: var(--primary);

    transform: translateY(-50%);
}


/* =========================================
   LIST
========================================= */

.azad-footer-v3-column ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.azad-footer-v3-column ul li {
    margin-bottom: 11px;
}

.azad-footer-v3-column ul li:last-child {
    margin-bottom: 0;
}

.azad-footer-v3-column ul li a {
    position: relative;

    display: inline-block;

    color: #9da6aa;

    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;

    text-decoration: none;

    transition: all 0.25s ease;
}

.azad-footer-v3-column ul li a::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -3px;

    width: 0;
    height: 1px;

    background: var(--primary);

    transition: width 0.25s ease;
}

.azad-footer-v3-column ul li a:hover {
    color: #ffffff;
}

.azad-footer-v3-column ul li a:hover::before {
    width: 100%;
}


/* =========================================
   CONTACT
========================================= */

.azad-footer-v3-contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.azad-footer-v3-contact-item {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 13px;

    color: #aab2b5;

    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;

    text-decoration: none;

    transition: color 0.25s ease;
}

.azad-footer-v3-contact-item:hover {
    color: #ffffff;
}
.azad-footer-v3-contact-item span:last-child{
    color: #fff;
}

.azad-footer-v3-contact-icon {
    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: rgba(178,62,1,0.12);
    color: #e26a2b;

    font-size: 12px;

    transition: all 0.25s ease;
}

.azad-footer-v3-contact-item:hover .azad-footer-v3-contact-icon {
    background: var(--primary);
    color: #ffffff;
}


/* =========================================
   LOCATIONS
========================================= */

.azad-footer-v3-location ul li {
    display: flex;
    align-items: center;
    gap: 9px;

    color: #aab2b5;

    font-size: 12px;
    font-weight: 400;
}

.azad-footer-v3-location ul li i {
    color: var(--secondry);
    font-size: 13px;
}


/* =========================================
   BOTTOM
========================================= */

.azad-footer-v3-bottom {
    min-height: 70px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;
}

.azad-footer-v3-bottom p {
    margin: 0;

    color: #7f898d;

    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
}

.azad-footer-v3-bottom-right {
    display: flex;
    align-items: center;
    gap: 18px;
}

.azad-footer-v3-bottom-right > span {
    color: #737d81;

    font-size: 13px;
    font-weight: 400;
}

.azad-footer-v3-top {
    width: 37px;
    height: 37px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 9px;

    color: #ffffff;
    background: rgba(255,255,255,0.04);

    font-size: 12px;

    text-decoration: none;

    transition: all 0.3s ease;
}

.azad-footer-v3-top:hover {
    border-color: var(--primary);
    background: var(--primary);
    color: #ffffff;

    transform: translateY(-3px);
}

.header-page{
    position: static;
}
.header-page ul li a{
    color: #000 !important;
}

/* Database-driven blog pages: retained from the public blog reference layout. */
.blog-page-hero {
    position: relative;
    min-height: 407px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-image: linear-gradient(rgba(8, 13, 17, 0.68), rgba(8, 13, 17, 0.68)), url('../img/banner/3.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.blog-page-hero h1 {
    position: relative;
    z-index: 1;
    margin: 40px 0 0;
    color: #fff;
    font-size: clamp(42px, 5vw, 56px);
    font-weight: 600;
}

.blog-page-listing {
    padding: 62px 0 80px;
    background: #fff;
}

.blog-page-listing .home-azad-blog-item {
    height: 100%;
}

.blog-page-listing .home-azad-blog-card {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.blog-page-listing .home-azad-blog-card:focus-visible {
    outline: 3px solid var(--secondry);
    outline-offset: 4px;
}

.blog-page-listing .home-azad-blog-body .blog-page-meta {
    min-height: auto;
    margin: 0 0 8px;
    color: #5b5b5b;
    font-size: 13px;
}

.blog-page-listing .home-azad-blog-body .blog-page-author {
    min-height: auto;
    margin: 0 0 14px;
    color: #777;
    font-size: 13px;
}

.blog-page-article {
    padding: 64px 0 90px;
    background: #fff;
}

.blog-page-article .blog-page-article-image {
    width: 100%;
    max-height: 520px;
    margin-bottom: 35px;
    border-radius: 18px;
    object-fit: cover;
}

.blog-page-article .blog-page-article-meta {
    margin-bottom: 22px;
    color: #727272;
}

.blog-page-article .blog-page-article-content {
    max-width: 950px;
    font-size: 17px;
    line-height: 1.9;
}

@media (max-width: 991px) {
    .blog-page-hero {
        min-height: 300px;
    }

    .blog-page-listing {
        padding-top: 40px;
    }
}

.v-certificate-section {
    position: relative;
    overflow: hidden;
    padding: 40px 0 40px;
    background: radial-gradient(circle at 10% 20%, rgba(178, 62, 1, 0.07), #e49c342b 28%), radial-gradient(circle at 90% 80%, rgb(237 129 33 / 27%), transparent 30%), var(--v-certificate-bg);
}


/* =========================================
   DECORATIVE SHAPES
========================================= */

.v-certificate-shape {
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    opacity: 0.5;
}

.v-certificate-shape-one {
    width: 280px;
    height: 280px;
    top: -120px;
    left: -100px;
    border: 45px solid rgba(178, 62, 1, 0.05);
}

.v-certificate-shape-two {
    width: 350px;
    height: 350px;
    right: -180px;
    bottom: -170px;
    border: 55px solid rgba(4, 130, 170, 0.06);
}


/* =========================================
   HEADER
========================================= */

.v-certificate-header {
    position: relative;
    z-index: 2;
    /* max-width: 800px; */
    margin: 0 auto 50px;
}

.v-certificate-icon {
    width: 68px;
    height: 68px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--v-certificate-white);
    font-size: 30px;

    border-radius: 20px;

    background: linear-gradient(
        135deg,
        var(--primary),
        var(--primary-dark)
    );

    box-shadow:
        0 12px 30px rgba(178, 62, 1, 0.20);
}

.v-certificate-eyebrow {
    display: inline-block;
    margin-bottom: 10px;

    color: var(--secondry);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.v-certificate-title {
    margin: 0;

    color: var(--v-certificate-text);
    font-size: clamp(34px, 4vw, 42px);
    line-height: 1.12;
    font-weight: 600;
    letter-spacing: -1.5px;
}

.v-certificate-title span {
    color: var(--primary);
    font-weight: 600;
}

.v-certificate-subtitle {
    /* max-width: 690px; */
    margin: 10px auto 0;

    color: var(--v-certificate-muted);
    font-size: 16px;
    line-height: 1.8;
}



/* =========================================
   CARDS
========================================= */

.v-certificate-card {
    position: relative;
    height: 100%;
    padding: 34px;

    border: 1px solid var(--v-certificate-border);
    border-radius: 24px;

    background: rgba(255, 255, 255, 0.92);

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
    width: 100%;
}


/* =========================================
   FORM CARD
========================================= */

.v-certificate-card-icon {
    width: 54px;
    height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 22px;

    color: var(--primary);

    border-radius: 15px;

    background: rgba(178, 62, 1, 0.09);

    font-size: 24px;
}

.v-certificate-card-heading h3 {
    margin: 0 0 8px;

    color: var(--v-certificate-text);
    font-size: 23px;
    font-weight: 600;
}

.v-certificate-card-heading p {
    margin: 0 0 20px;

    color: var(--v-certificate-muted);
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================
   INPUT
========================================= */

.v-certificate-input-group {
    margin-bottom: 22px;
}

.v-certificate-input-group label {
    display: block;
    margin-bottom: 9px;

    color: var(--v-certificate-text);
    font-size: 14px;
    font-weight: 600;
    font-family: var(--font-main);
}

.v-certificate-input-wrapper {
    position: relative;
}

.v-certificate-input-wrapper > i {
    position: absolute;
    top: 50%;
    left: 17px;

    z-index: 2;

    color: var(--secondry);

    font-size: 18px;

    transform: translateY(-50%);
}

.v-certificate-input-wrapper .form-control {
    height: 58px;

    padding: 0 18px 0 48px;

    border: 1.5px solid #dfe7eb;
    border-radius: 13px;

    color: var(--v-certificate-text);

    background: #fbfcfd;

    font-size: 15px;

    box-shadow: none;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
        font-family: var(--font-main);
}

.v-certificate-input-wrapper .form-control::placeholder {
    color: #a3afb8;
}

.v-certificate-input-wrapper .form-control:focus {
    border-color: var(--secondry);

    background: #fff;

    box-shadow:
        0 0 0 4px rgba(4, 130, 170, 0.10);
}


/* =========================================
   VERIFY BUTTON
========================================= */

.v-certificate-btn {
    width: 100%;
    min-height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    border: 0;
    border-radius: 13px;

    color: #fff;

    background: linear-gradient(
        135deg,
        var(--primary),
        var(--primary-dark)
    );

    font-size: 15px;
    font-weight: 700;

    cursor: pointer;

    box-shadow:
        0 10px 25px rgba(178, 62, 1, 0.20);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}

.v-certificate-btn i {
    font-size: 18px;

    transition: transform 0.25s ease;
}

.v-certificate-btn:hover {
    color: #fff;

    background: linear-gradient(
        135deg,
        var(--primary-dark),
        #6e2905
    );

    transform: translateY(-2px);

    box-shadow:
        0 14px 30px rgba(178, 62, 1, 0.27);
}

.v-certificate-btn:hover i {
    transform: translateX(5px);
}

.v-certificate-btn:active {
    transform: translateY(0);
}
.v-certificate-btn span{
    color: #fff;
}

/* =========================================
   SECURITY NOTE
========================================= */

.v-certificate-security-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    margin-top: 22px;

    color: #89959e;

    font-size: 12px;
}

.v-certificate-security-note i {
    color: var(--secondry);
}


/* =========================================
   RESULT CARD
========================================= */

.v-certificate-result-card {
    display: flex;
    flex-direction: column;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fafdfe 100%
        );
}

.v-certificate-result-top {
    display: flex;
    align-items: center;
    gap: 13px;

    padding-bottom: 22px;

    border-bottom: 1px solid var(--v-certificate-border);
}

.v-certificate-result-icon {
    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 13px;

    color: var(--secondry);

    background: rgba(4, 130, 170, 0.10);

    font-size: 21px;
}

.v-certificate-status {
    color: var(--v-certificate-text);

    font-size: 14px;
    font-weight: 750;
}


/* =========================================
   EMPTY STATE
========================================= */

.v-certificate-result-content {
    flex: 1;

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 280px;
}

.v-certificate-empty-state {
    max-width: 330px;

    text-align: center;
}

.v-certificate-empty-icon {
    width: 72px;
    height: 72px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 20px;

    border-radius: 50%;

    color: var(--secondry);

    background:
        linear-gradient(
            145deg,
            rgba(4, 130, 170, 0.08),
            rgba(4, 130, 170, 0.15)
        );

    font-size: 28px;
}

.v-certificate-empty-state h3 {
    margin: 0 0 9px;

    color: var(--v-certificate-text);

    font-size: 19px;
    font-weight: 600;
}

.v-certificate-empty-state p {
    margin: 0;

    color: var(--v-certificate-muted);

    font-size: 14px;
    line-height: 1.7;
}


/* =========================================
   RESULT FOOTER
========================================= */

.v-certificate-result-footer {
    display: flex;
    align-items: flex-start;
    gap: 9px;

    padding-top: 18px;

    border-top: 1px solid var(--v-certificate-border);

    color: #89959e;

    font-size: 12px;
    line-height: 1.5;
}

.v-certificate-result-footer i {
    flex-shrink: 0;
    margin-top: 1px;

    color: var(--secondry);
}


/* =========================================
   SUCCESS STATE
========================================= */

.v-certificate-success-state {
    width: 100%;
    text-align: center;
}

.v-certificate-success-icon {
    width: 62px;
    height: 62px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 13px;

    border-radius: 50%;

    color: #fff;

    background: var(--secondry);

    font-size: 27px;

    box-shadow:
        0 10px 25px rgba(4, 130, 170, 0.22);
}

.v-certificate-verified-label {
    display: inline-block;

    padding: 5px 12px;

    border-radius: 50px;

    color: var(--secondry-dark);

    background: rgba(4, 130, 170, 0.09);

    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.v-certificate-success-state h3 {
    margin: 10px 0 22px;

    color: var(--v-certificate-text);

    font-size: 20px;
}


/* =========================================
   DETAILS
========================================= */

.v-certificate-details {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 10px;

    text-align: left;
}

.v-certificate-details > div {
    padding: 13px;

    border: 1px solid var(--v-certificate-border);
    border-radius: 10px;

    background: #fff;
}

.v-certificate-details span {
    display: block;

    margin-bottom: 4px;

    color: #8a969e;

    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.v-certificate-details strong {
    display: block;

    color: var(--v-certificate-text);

    font-size: 12px;
}


/* =========================================
   TRUST ROW
========================================= */

.v-certificate-trust-row {
    display: flex;
    align-items: center;
    justify-content: center;

    margin: 35px auto 0;
    padding: 17px 20px;

    border: 1px solid var(--v-certificate-border);
    border-radius: 16px;

    background: rgba(255, 255, 255, 0.65);
}

.v-certificate-trust-item {
    display: flex;
    align-items: center;
    gap: 10px;

    color: #667681;

    font-size: 12px;
    font-weight: 650;
}

.v-certificate-trust-item > div {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    color: var(--secondry);

    background: rgba(4, 130, 170, 0.08);
}

.v-certificate-divider {
    width: 1px;
    height: 25px;

    margin: 0 30px;

    background: var(--v-certificate-border);
}


.pages-baner{
    height:45vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-color: #287875;
    padding-top: 70px;
    width: 100%;


}
.pages-baner h1{
    text-align: center;
    font-size: 40px;
    color: #fff;
      margin: 0;
}


.v-certificate-blog-section {
    position: relative;
    overflow: hidden;
    background: #f8fafb;
}



/* =========================================
   BLOG ARTICLE
========================================= */

.v-certificate-blog-details {
    overflow: hidden;
    border: 1px solid #e7ecef;
    border-radius: 24px;
    background: #fff;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


/* =========================================
   FEATURED IMAGE
========================================= */

.v-certificate-blog-featured {
    position: relative;
    height: 430px;
    overflow: hidden;
}

.v-certificate-blog-featured img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.v-certificate-blog-details:hover
.v-certificate-blog-featured img {
    transform: scale(1.03);
}

.v-certificate-blog-featured::after {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        to top,
        rgba(6, 22, 30, 0.35),
        transparent 50%
    );

    pointer-events: none;
}

.v-certificate-blog-image-badge {
    position: absolute;
    z-index: 2;
    left: 25px;
    bottom: 25px;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 9px 15px;

    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 50px;

    color: #fff;
    background: rgba(178, 62, 1, 0.9);

    backdrop-filter: blur(10px);

    font-size: 12px;
    font-weight: 700;
}


/* =========================================
   BLOG HEADER
========================================= */

.v-certificate-blog-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;

    padding: 20px 30px 0;

    color: #81909a;

    font-size: 12px;
}

.v-certificate-blog-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.v-certificate-blog-meta i {
    color: var(--secondry);
    font-size: 14px;
}

.v-certificate-blog-title {
    margin: 14px 30px 0;

    color: #17212b;

    font-size: 30px;
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: -1.3px;
}

.v-certificate-blog-intro {
    margin: 14px 30px 0;

    color: #71808a;

    font-size: 17px;
    line-height: 1.8;
}


/* =========================================
   ARTICLE CONTENT
========================================= */

.v-certificate-blog-content {
    padding: 12px 30px 40px;
}

.v-certificate-blog-content > p {
    margin: 0 0 20px;

    color: #52616b;

    font-size: 15px;
    line-height: 1.9;
}

.v-certificate-blog-content h2 {
    margin: 36px 0 15px;

    color: #17212b;

    font-size: 20px;
    line-height: 1.35;
    font-weight: 600;
}

.v-certificate-blog-content h2::before {
    content: "";
    display: inline-block;

    width: 4px;
    height: 22px;

    margin-right: 11px;

    vertical-align: -3px;

    border-radius: 10px;

    background: var(--primary);
}


/* =========================================
   HIGHLIGHT
========================================= */

.v-certificate-blog-highlight {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    margin: 28px 0;
    padding: 20px;

    border-left: 4px solid var(--secondry);
    border-radius: 0 14px 14px 0;

    background: rgba(4, 130, 170, 0.06);
}

.v-certificate-blog-highlight-icon {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    color: var(--secondry);

    background: rgba(4, 130, 170, 0.12);
}

.v-certificate-blog-highlight strong {
    display: block;

    margin-bottom: 5px;

    color: #17212b;

    font-size: 14px;
}

.v-certificate-blog-highlight p {
    margin: 0;

    color: #61727c;

    font-size: 13px;
    line-height: 1.7;
}


/* =========================================
   LIST
========================================= */

.v-certificate-blog-list {
    margin: 15px 0 25px;
    padding: 0;

    list-style: none;
}

.v-certificate-blog-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    margin-bottom: 12px;

    color: #52616b;

    font-size: 14px;
    line-height: 1.6;
}

.v-certificate-blog-list i {
    flex-shrink: 0;

    margin-top: 3px;

    color: var(--secondry);
}


/* =========================================
   CONCLUSION
========================================= */

.v-certificate-blog-conclusion {
    display: flex;
    gap: 17px;

    margin-top: 40px;
    padding: 25px;

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            rgba(178, 62, 1, 0.06),
            rgba(4, 130, 170, 0.06)
        );
}

.v-certificate-blog-conclusion-icon {
    width: 45px;
    height: 45px;

    flex: 0 0 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 13px;

    color: #fff;

    background: linear-gradient(
        135deg,
        var(--primary),
        var(--primary-dark)
    );

    font-size: 19px;
}

.v-certificate-blog-conclusion h3 {
    margin: 0 0 7px;

    color: #17212b;

    font-size: 17px;
    font-weight: 600;
}

.v-certificate-blog-conclusion p {
    margin: 0;

    color: #64747e;

    font-size: 13px;
    line-height: 1.8;
}


/* =========================================
   BLOG FOOTER
========================================= */

.v-certificate-blog-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin: 0 40px;
    padding: 22px 0;

    border-top: 1px solid #e8edef;
}

.v-certificate-blog-tags,
.v-certificate-blog-share {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}
.v-certificate-blog-share {
    display: none !important;
}
.v-certificate-blog-tags > span,
.v-certificate-blog-share > span {
    margin-right: 5px;

    color: #87949c;

    font-size: 12px;
    font-weight: 600;
}

.v-certificate-blog-tags a {
    padding: 6px 10px;

    border-radius: 50px;

    color: var(--secondry-dark);

    background: rgba(4, 130, 170, 0.07);

    font-size: 11px;
    font-weight: 650;

    text-decoration: none;

    transition: 0.25s ease;
}

.v-certificate-blog-tags a:hover {
    color: #fff;
    background: var(--secondry);
}

.v-certificate-blog-share a {
    width: 31px;
    height: 31px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #687780;
    background: #f2f5f6;

    font-size: 12px;

    text-decoration: none;

    transition: 0.25s ease;
}

.v-certificate-blog-share a:hover {
    color: #fff;
    background: var(--primary);
    transform: translateY(-2px);
}


/* =========================================
   SIDEBAR
========================================= */

.v-certificate-blog-sidebar {
    position: sticky;
    top: 0;
}


/* =========================================
   MORE BLOGS
========================================= */

.v-certificate-more-blogs {
    padding: 27px;

    border: 1px solid #e7ecef;
    border-radius: 21px;

    background: #fff;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.v-certificate-sidebar-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 23px;
}

.v-certificate-sidebar-heading span {
    display: block;
    margin-bottom: 4px;

    color: var(--primary);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.v-certificate-sidebar-heading h3 {
    margin: 0;

    color: #17212b;

    font-size: 23px;
    font-weight:600;
}

.v-certificate-sidebar-heading-icon {
    width: 43px;
    height: 43px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    color: var(--secondry);

    background: rgba(4, 130, 170, 0.09);

    font-size: 19px;
}


/* =========================================
   SIDEBAR BLOG
========================================= */

.v-certificate-sidebar-blog {
    display: flex;
    gap: 14px;

    padding: 16px 0;

    border-bottom: 1px solid #edf0f2;

    text-decoration: none;
}

.v-certificate-sidebar-blog:first-of-type {
    padding-top: 0;
}

.v-certificate-sidebar-blog:last-of-type {
    border-bottom: 0;
}

.v-certificate-sidebar-blog-image {
    width: 95px;
    height: 82px;

    flex: 0 0 95px;

    overflow: hidden;

    border-radius: 11px;
}

.v-certificate-sidebar-blog-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.4s ease;
}

.v-certificate-sidebar-blog:hover
.v-certificate-sidebar-blog-image img {
    transform: scale(1.08);
}

.v-certificate-sidebar-blog-content {
    min-width: 0;
}

.v-certificate-sidebar-category {
    display: block;

    margin-bottom: 5px;

    color: var(--secondry);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.v-certificate-sidebar-blog-content h4 {
    display: -webkit-box;
    overflow: hidden;

    margin: 0;

    color: #26343d;

    font-size: 13px;
    line-height: 1.45;
    font-weight: 700;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.v-certificate-sidebar-blog:hover
.v-certificate-sidebar-blog-content h4 {
    color: var(--primary);
}

.v-certificate-sidebar-meta {
    display: flex;
    align-items: center;
    gap: 5px;

    margin-top: 7px;

    color: #9aa5ab;

    font-size: 9px;
}

.v-certificate-sidebar-meta i {
    color: var(--secondry);
}


/* =========================================
   VIEW ALL
========================================= */

.v-certificate-view-all {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    margin-top: 18px;
    padding: 13px;

    border-radius: 11px;

    color: var(--primary);

    background: rgba(178, 62, 1, 0.06);

    font-size: 12px;
    font-weight: 750;

    text-decoration: none;

    transition: 0.25s ease;
}

.v-certificate-view-all i {
    transition: transform 0.25s ease;
}

.v-certificate-view-all:hover {
    color: #fff;
    background: var(--primary);
}

.v-certificate-view-all:hover i {
    transform: translateX(4px);
}


/* =========================================
   CTA
========================================= */

.v-certificate-blog-cta {
    position: relative;
    overflow: hidden;

    margin-top: 22px;
    padding: 30px;

    border-radius: 21px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--primary),
            var(--primary-dark)
        );

    box-shadow:
        0 18px 40px rgba(178, 62, 1, 0.18);
}

.v-certificate-cta-shape {
    position: absolute;

    width: 160px;
    height: 160px;

    right: -75px;
    top: -75px;

    border: 30px solid rgba(255,255,255,0.08);
    border-radius: 50%;
}

.v-certificate-cta-icon {
    position: relative;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 20px;

    border-radius: 13px;

    color: var(--primary);

    background: #fff;

    font-size: 20px;
}

.v-certificate-blog-cta h3 {
    position: relative;

    max-width: 280px;

    margin: 0 0 10px;

    color: #fff;

    font-size: 21px;
    line-height: 1.35;
    font-weight: 750;
}

.v-certificate-blog-cta p {
    position: relative;

    margin: 0 0 22px;

    color: rgba(255,255,255,0.78);

    font-size: 12px;
    line-height: 1.7;
}

.v-certificate-cta-btn {
    position: relative;

    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 11px 15px;

    border-radius: 10px;

    color: var(--primary);
    background: #fff;

    font-size: 11px;
    font-weight: 600;

    text-decoration: none;

    transition: 0.25s ease;
}

.v-certificate-cta-btn span{
    font-weight: 600;
}
.v-certificate-cta-btn i {
    transition: transform 0.25s ease;
}

.v-certificate-cta-btn:hover {
    color: var(--primary-dark);
    transform: translateY(-2px);
}

.v-certificate-cta-btn:hover i {
    transform: translateX(4px);
}



/*.certificate-modal .modal-dialog {*/
/*  max-width: 1150px;*/
/*}*/

.certificate-modal .modal-content {
  border: none;
  border-radius: 18px;
  overflow: hidden;
  background: #f1f4f7;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
}


/* =========================================
   MODAL HEADER
========================================= */

.certificate-modal-header {
  padding: 20px 28px;
 background: #9d4207;
  color: #ffffff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.preview-label {
  display: block;
  margin-bottom: 4px;
  color: #f1f1f1;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
}

.certificate-modal-header .modal-title {
  font-size: 21px;
  font-weight: 600;
}


/* =========================================
   MODAL BODY
========================================= */

.certificate-modal-body {
  padding: 35px;
  background:
    radial-gradient(
      circle at top left,
      rgba(18, 97, 160, 0.06),
      transparent 30%
    ),
    #eef2f5;
}


/* =========================================
   CERTIFICATE
========================================= */

.certificate {
  position: relative;
  max-width: 950px;
  min-height: 650px;
  margin: auto;
  padding: 55px 65px;
  background: #fffdf7;
  border: 10px solid #152536;
  outline: 2px solid var(--primary);
  outline-offset: -20px;
  box-shadow:
    0 15px 40px rgba(15, 23, 42, 0.15),
    inset 0 0 0 1px rgba(200, 155, 60, 0.4);
  overflow: hidden;
}


/* Decorative background */

.certificate::before {
  content: "";
  position: absolute;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  right: -170px;
  top: -170px;
  border: 35px solid rgba(200, 155, 60, 0.07);
}

.certificate::after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  left: -150px;
  bottom: -150px;
  border: 30px solid rgba(18, 97, 160, 0.05);
}


/* =========================================
   CORNERS
========================================= */

.corner {
  position: absolute;
  width: 65px;
  height: 65px;
  border-color: var(--primary-dark);
  z-index: 2;
}

.corner-tl {
  left: 22px;
  top: 22px;
  border-top: 3px solid;
  border-left: 3px solid;
}

.corner-tr {
  right: 22px;
  top: 22px;
  border-top: 3px solid;
  border-right: 3px solid;
}

.corner-bl {
  left: 22px;
  bottom: 22px;
  border-bottom: 3px solid;
  border-left: 3px solid;
}

.corner-br {
  right: 22px;
  bottom: 22px;
  border-bottom: 3px solid;
  border-right: 3px solid;
}


/* =========================================
   INSTITUTE HEADER
========================================= */

.certificate-top {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  text-align: left;
}

.institute-logo {
  width: 68px;
  height: 68px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #152536;
  border: 4px double var(--primary-dark);
  color: #ffffff;
  font-family: Georgia, serif;
  font-size: 34px;
  font-weight: 700;
}

.institute-details h3 {
  margin: 0;
  color: #152536;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  letter-spacing: 2px;
  font-weight: 700;
}

.institute-details h5 {
  margin: 4px 0;
  color: var(--primary-dark);
  font-size: 11px;
  letter-spacing: 2px;
  font-weight: 700;
}

.institute-details p {
  margin: 0;
  color: #7b8794;
  font-size: 11px;
  letter-spacing: 0.5px;
}


/* =========================================
   CERTIFICATE TITLE
========================================= */

.certificate-title {
  position: relative;
  z-index: 3;
  text-align: center;
  margin-top: 48px;
}

.certificate-title > span {
  color: #8a8f96;
  font-size: 12px;
  letter-spacing: 4px;
  font-weight: 600;
}

.certificate-title h1 {
  margin: 15px 0 8px;
  color: #152536;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 43px;
  letter-spacing: 3px;
  font-weight: 700;
}

.title-line {
  width: 180px;
  height: 2px;
  margin: 0 auto 18px;
  background: var(--primary-dark);
}

.certificate-title p {
  max-width: 650px;
  margin: auto;
  color: #596574;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  line-height: 1.7;
}


/* =========================================
   COURSE
========================================= */

.course-section {
  position: relative;
  z-index: 3;
  text-align: center;
  margin: 32px auto 25px;
}

.course-label {
  color: var(--primary-dark);
  font-size: 10px;
  letter-spacing: 3px;
  font-weight: 700;
}

.course-section h2 {
  margin: 7px 0 0;
  color: #152536;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  letter-spacing: 1px;
}


/* =========================================
   DETAILS
========================================= */

.certificate-details {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-top: 30px;
  padding: 18px 0;
  border-top: 1px solid #dfd4bd;
  border-bottom: 1px solid #dfd4bd;
}

.detail-item {
  text-align: center;
}

.detail-item span {
  display: block;
  margin-bottom: 5px;
  color: #8b929b;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.detail-item strong {
  color: #263b50;
  font-size: 12px;
}


/* =========================================
   VERIFIED STATUS
========================================= */

.verification-status {
  position: relative;
  z-index: 3;
  width: fit-content;
  margin: 20px auto 0;
  padding: 9px 18px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 30px;
  background: #edf8f2;
  border: 1px solid #c9ead8;
  color: #217346;
}

.verification-status i {
  font-size: 22px;
}

.verification-status strong {
  display: block;
  font-size: 12px;
}

.verification-status small {
  display: block;
  margin-top: 2px;
  font-size: 9px;
}


/* =========================================
   FOOTER / SIGNATURES
========================================= */

.certificate-footer {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 1fr 100px 1fr;
  align-items: end;
  gap: 45px;
  margin-top: 35px;
}

.signature {
  text-align: center;
}

.signature-line {
  width: 150px;
  height: 1px;
  margin: 0 auto 7px;
  background: #53606e;
}

.signature strong {
  display: block;
  color: #263b50;
  font-size: 11px;
}

.signature span {
  display: block;
  color: #89929c;
  margin-top: 3px;
  font-size: 9px;
}


/* =========================================
   SEAL
========================================= */

.seal {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--primary-dark);
  transform: rotate(-8deg);
}

.seal-inner {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: 1px dashed var(--primary-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--primary-dark);
}

.seal-inner span {
  font-family: Georgia, serif;
  font-size: 16px;
  font-weight: 700;
}

.seal-inner small {
  font-size: 7px;
  letter-spacing: 1px;
}


/* =========================================
   MODAL FOOTER
========================================= */

.certificate-modal-footer {
  padding: 16px 25px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  background: #ffffff;
  border-top: 1px solid #e5e9ee;
}

.certificate-modal-footer .btn {
  /* height: 42px; */
  padding: 0 18px;
  border-radius: 8px;
  font-size: 13px;
  white-space: nowrap;
  font-weight: 600;
}

.certificate-close-btn {
  background: #f1f3f5;
  color: #4b5563;
}

.certificate-print-btn {
  background: #edf3f8;
  color: #1261a0;
}

.certificate-download-btn {
  background: #1261a0;
  color: #ffffff;
}

.certificate-download-btn:hover {
  background: #0d4e82;
  color: #ffffff;
}

.certificate-modal-footer i {
  margin-right: 5px;
}



@media (max-width: 768px) {

  

  .certificate-modal-body {
    padding: 15px;
  }

  .certificate {
    padding: 40px 25px;
    border-width: 7px;
    outline-offset: -14px;
  }

  .certificate-top {
    flex-direction: column;
    text-align: center;
  }

  .institute-details h3 {
    font-size: 20px;
  }

  .certificate-title {
    margin-top: 35px;
  }

  .certificate-title h1 {
    font-size: 30px;
  }

  .certificate-title > span {
    font-size: 9px;
    letter-spacing: 2px;
  }

  .certificate-details {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .certificate-footer {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .seal {
    margin: auto;
    order: -1;
  }

  .certificate-modal-footer {
    flex-wrap: wrap;
  }

  .certificate-modal-footer .btn {
    flex: 1;
  }
}


/* =========================================
   PRINT
========================================= */

@media print {

  body * {
    visibility: hidden;
  }

  .certificate,
  .certificate * {
    visibility: visible;
  }

  .certificate {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: none;
    min-height: auto;
    box-shadow: none;
  }

  @page {
    size: A4 landscape;
    margin: 10mm;
  }
}


.demo-btn{
    padding-top:20px;
    display:flex;
    justify-content:Center;
    align-items:center;
    gap:10px;
}










/* Latest certificate ui */



.certificateview-azad-wrapper {
    width: 100%;
    min-height: 283mm;
    margin: auto;
    padding: 11mm;
    background-image: linear-gradient(#ffffffcb), url(../img/certificate/bg-c.png);
   background-position: center 44%;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;

    /*box-shadow:*/
    /*    0 8px 30px rgba(0, 0, 0, .20);*/

    color: #171717;
}


/* =========================================================
   OUTER ORNAMENTAL BORDER
   ========================================================= */

.certificateview-azad-outer-border {
    position: absolute;
    inset: 5mm;
   border: 2px solid #b5662a;
    pointer-events: none;
}

.certificateview-azad-inner-border {
    position: absolute;
    inset: 13mm;
    border: 1px solid #8c8179;
    pointer-events: none;
}


/* Corner decorations */

.certificateview-azad-corner {
  position: absolute;
    width: 200px;
    height: 200px;
    z-index: 5;
    opacity: .78;
    background: #ede3a34a;
    border-radius: 0 0 200px;
}

/* .certificateview-azad-corner::before,
.certificateview-azad-corner::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border: 1px solid #77706b;
    border-radius: 70% 0 70% 0;
} */

.certificateview-azad-corner::before {
    transform: rotate(45deg);
}

.certificateview-azad-corner::after {
    transform: rotate(-45deg);
}

.certificateview-azad-corner-top-left {
    top: 5mm;
    left: 5mm;
}

.certificateview-azad-corner-top-right {
    top: 5mm;
    right: 5mm;
    transform: rotate(90deg);
}

.certificateview-azad-corner-bottom-left {
    bottom: 4mm;
    left: 4mm;
    transform: rotate(-90deg);
}

.certificateview-azad-corner-bottom-right {
    bottom: 4mm;
    right: 4mm;
    transform: rotate(180deg);
}


/* =========================================================
   ORNAMENTAL TOP / BOTTOM BORDER
   ========================================================= */

.certificateview-azad-top-ornament,
.certificateview-azad-bottom-ornament {
    position: absolute;
    left: 6mm;
    right: 6mm;
    height: 12mm;
    overflow: hidden;
    opacity: .7;
}

.certificateview-azad-top-ornament {
    top: 2mm;
}

.certificateview-azad-bottom-ornament {
    bottom: 2mm;
    transform: rotate(180deg);
}

/* .certificateview-azad-ornament-line {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: #77716d;
} */

/*.certificateview-azad-ornament-pattern {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 15px;*/
/*    height: 10mm;*/

/*    background:*/
/*        radial-gradient(ellipse at center,*/
/*            transparent 0 28%,*/
/*            #77716d 29% 31%,*/
/*            transparent 32%) 0 0 / 24px 24px repeat-x;*/
/*}*/


/* =========================================================
   CONTENT AREA
   ========================================================= */

.certificateview-azad-content {
    position: relative;
    z-index: 10;
    min-height: 260mm;
    display: flex;
    flex-direction: column;
    align-items: center;
}


/* =========================================================
   HEADER / LOGO
   ========================================================= */

.certificateview-azad-header {
    width: 100%;
    text-align: center;
    padding-top: 6mm;
}

.certificateview-azad-logo {
    width: 48mm;
    max-height: 26mm;
    object-fit: contain;
    display: block;
    margin: 0 auto 3mm auto;
}

.certificateview-azad-institute-name {
       margin-top: 2mm;
    /* font-family: Arial, Helvetica, sans-serif; */
    font-family: "Bebas Neue", sans-serif;
    font-size: 31px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;

}

.certificateview-azad-address {
    margin-top: 2mm;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444;
}


/* =========================================================
   CERTIFICATE TITLE
   ========================================================= */

.certificateview-azad-title {
    margin-top: 4mm;
    font-family: "Cinzel", Georgia, serif;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #3d2720;
    text-align: center;
}


/* =========================================================
   REGISTER / DATE
   ========================================================= */

.certificateview-azad-meta {
    width: 100%;
    margin-top: 7mm;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12mm;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.certificateview-azad-register {
    font-weight: 700;
}

.certificateview-azad-date {
    font-weight: 700;
}

.certificateview-azad-red {
    color: #d92a2a;
    font-weight: 400;
}


/* =========================================================
   CERTIFICATION TEXT
   ========================================================= */

.certificateview-azad-certification {
    margin-top: 8mm;
    text-align: center;
    width: 100%;
}

.certificateview-azad-this-certifies {
    font-family: "Dancing Script", cursive;
    font-size: 25px;
    font-style: italic;
    font-weight: 700;
}

.certificateview-azad-student-name {
    margin-top: 2mm;
    font-family: "Cinzel", Georgia, serif;
    font-size: 29px;
    font-weight: 700;
    text-transform: uppercase;
}

.certificateview-azad-description {
    margin-top: 5mm;
    max-width: 175mm;
    margin-left: auto;
    margin-right: auto;

    font-family: "Dancing Script", cursive;
    font-size: 18px;
    line-height: 1.9;
    font-style: italic;
}
.certificateview-azad-description span{
     font-family: "Dancing Script", cursive;
    font-size: 18px;
    line-height: 1.9;
    font-style: italic;
}

.certificateview-azad-description strong {
    font-style: normal;
    font-weight: 700;
    margin:0 25px;
}


/* =========================================================
   WATERMARK
   ========================================================= */

.certificateview-azad-watermark {
    position: absolute;
    left: 50%;
    top: 57%;
    transform: translate(-50%, -50%);

    width: 145mm;
    height: 145mm;

    border-radius: 50%;
    border: 7px solid rgba(90, 90, 90, .045);

    display: flex;
    align-items: center;
    justify-content: center;

    pointer-events: none;
    z-index: -1;
}

.certificateview-azad-watermark::before {
    content: "AZAD";
    position: absolute;

    width: 105mm;
    height: 105mm;

    border-radius: 50%;
    border: 4px solid rgba(90, 90, 90, .045);

    display: flex;
    align-items: center;
    justify-content: center;

    font-family: "Cinzel", serif;
    font-size: 65px;
    font-weight: 700;

    color: rgba(70, 70, 70, .045);
}

.certificateview-azad-watermark::after {
    content: "INSTITUTE OF HEAVY EQUIPMENTS";
    position: absolute;
    width: 120mm;

    text-align: center;

    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;

    color: rgba(70, 70, 70, .045);
}


/* =========================================================
   PHOTO + EMBLEM AREA
   ========================================================= */

.certificateview-azad-photo-section {
    width: 100%;
    margin-top: 9mm;

    display: flex;
    align-items: center;
    justify-content: center;
    /* gap: 48mm; */
    position: relative;
}

.certificateview-azad-emblem {
    width: 38mm;
    height: 38mm;

    border-radius: 50%;
    object-fit: contain;
    position: absolute;
    left: 10px;
    bottom: -20px;
}
.certificateview-qr-img {
    width: 38mm;
    height: 38mm;

    object-fit: contain;
    position: absolute;
    right: 15px;
    bottom: -20px;
}

.certificateview-azad-photo {
    width: 40mm;
    height: 40mm;

    object-fit: cover;

    border: 2px solid #252525;
    background: #ddd;
}


/* =========================================================
   BOTTOM CERTIFICATION AREA
   ========================================================= */

.certificateview-azad-bottom {
    width: 100%;
       margin-top: 15px;
    padding-bottom: 8mm;
}


/* =========================================================
   ACCREDITATION LOGOS
   ========================================================= */

.certificateview-azad-accreditation {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-top: 2mm;
    padding: 2px 38px;
}

.certificateview-azad-accreditation-item {
    height: 22mm;
    width: auto;
    object-fit: contain;
}

.certificate-bottom-imgs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.certificate-bottom-imgs img {
    width: 80px;
}

/* =========================================================
   QR + SIGNATURE
   ========================================================= */

.certificateview-azad-footer {
    /* width: 100%; */
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    /* padding: 0 17mm; */
    /*margin-top: 5mm;*/
}

.certificateview-azad-qr {
    /* width: 25mm; */
    height: 25mm;

    border: 2px solid #222;
    padding: 2mm;

    display: flex;
    align-items: center;
    justify-content: center;

    font-family: Arial, sans-serif;
    font-size: 7px;
    text-align: center;
}

.certificateview-azad-signature {
    /* width: 45mm; */
    text-align: center;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 500;

    padding-top: 15mm;
    border-top: 0;
}

.certificateview-azad-signature img {
    width: 100px;
}

/* =========================================================
   PRINT
   ========================================================= */

@media print {

    @page {
        size: A4 portrait;
        margin: 0;
    }

    /* html,
    body {
        width: 210mm;
        height: 297mm;
        margin: 0;
        padding: 0;
        background: white;
    } */

    .certificateview-azad-wrapper {
        width: 210mm;
        min-height: 297mm;
        margin: 0;
        box-shadow: none;
        page-break-after: always;
    }
}


/* =========================================================
   RESPONSIVE PREVIEW
   ========================================================= */

@media screen and (max-width: 800px) {

   

    .certificateview-azad-wrapper {
        transform-origin: top center;
        width: 210mm;
    }
}








.operatorcard-azad-card {
    width: 100%;
    background: #ffffff;
    border-radius: 12px;
    /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #e0e0e0;
}

/* Header Styling */
.operatorcard-azad-header {
    background-color: #EC1D25;
    color: #ffffff;
    padding: 12px 16px 8px 16px;
    text-align: center;
    position: relative;
    display: flex;
    /*flex-direction: column;*/
    align-items: center;
}

.operatorcard-azad-logo-container {
    position: absolute;
    left: 16px;
    top: 10px;
    background: #ffffff;
    padding: 4px;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.operatorcard-azad-logo {
   width:85px;
   min-width:85px;
    display: block;
}

.operatorcard-azad-header-text {
    /*margin-left: 50px;*/
    width:100%;
}

.operatorcard-azad-inst-title {
    margin: 0;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.8px;
    text-transform: uppercase;
        font-family: "Bebas Neue", sans-serif;
    color: #ffffff;
}

.operatorcard-azad-iso {
    font-size: 11px;
    font-weight: 700;
    margin-top: 2px;
    letter-spacing: 0.3px;
}

.operatorcard-azad-address {
    font-size: 9px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 3px;
    opacity: 0.95;
}

.operatorcard-azad-banner-title {
        font-size: 24px;
    font-weight: 700;
    margin-top: 8px;
    text-transform: uppercase;
    border-top: 1px solid #fff;
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
    letter-spacing: 11px;
        font-family: "Cinzel", Georgia, serif;
}

/* Meta Info Row */
.operatorcard-azad-meta-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 20px 4px 20px;
    font-size: 14px;
    font-weight: 700;
    color: var(--azad-text);
}

.operatorcard-azad-card-no span,
.operatorcard-azad-date span {
    font-weight: 700;
}

/* Card Body */
.operatorcard-azad-body {
    display: flex;
    padding: 6px 20px;
    gap: 20px;
    align-items: flex-start;
}

.operatorcard-azad-photo-box {
    border: 2px solid #333;
    border-radius: 10px;
    overflow: hidden;
    width: 110px;
    height: 130px;
    flex-shrink: 0;
    background: #e9ecef;
}

.operatorcard-azad-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.operatorcard-azad-details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.operatorcard-azad-field {
    display: flex;
    align-items: flex-start;
    font-size: 13px;
    color: var(--azad-text);
}

.operatorcard-azad-label {
    width: 130px;
    font-weight: 700;
    text-transform: uppercase;
    flex-shrink: 0;
}

.operatorcard-azad-colon {
    width: 15px;
    font-weight: 700;
}

.operatorcard-azad-value {
    font-weight: 700;
    text-transform: uppercase;
    flex-grow: 1;
    color: #000000;
}

.operatorcard-azad-field-address .operatorcard-azad-value {
    line-height: 1.25;
}

/* Bottom Barcode & QR Row */
.operatorcard-azad-bottom-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 20px 10px 20px;
}

.operatorcard-azad-barcode-box {
    width: 380px;
    height: 45px;
    background: repeating-linear-gradient(90deg,
            #000 0px,
            #000 2px,
            #fff 2px,
            #fff 4px,
            #000 4px,
            #000 7px,
            #fff 7px,
            #fff 9px);
}

.operatorcard-azad-qr-box {
    width: 65px;
    height: 65px;
    margin-top: -24px;
}

.operatorcard-azad-qr {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Footer Banner */
.operatorcard-azad-footer {
   background-color: #EC1D25;
    color: #ffffff;
    text-align: center;
    padding: 4px 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
}


.operatorCard-back-card {
    width: 100%;
    height: 380px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #dcdcdc;
    padding: 24px;
    background-image: linear-gradient(#ffffffcb), url(../img/certificate/bg-c.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

/* Watermark Background */
.operatorCard-back-watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 280px;
    opacity: 0.08;
    pointer-events: none;
    z-index: 1;
}

.operatorCard-back-watermark img {
    width: 100%;
    height: auto;
}

/* Content Container */
.operatorCard-back-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Top Notice */
.operatorCard-back-notice {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--azad-text);
}

/* Vehicle & Date Section */
.operatorCard-back-vehicle-row {
    display: flex;
    gap: 80px;
    margin-bottom: 20px;
}

.operatorCard-back-col {
    display: flex;
    flex-direction: column;
}

.operatorCard-back-sublabel {
    font-size: 14px;
    color: #333333;
    font-weight: 400;
}

.operatorCard-back-subvalue {
    font-size: 15px;
    font-weight: 900;
    color: #000000;
    margin-top: 2px;
}

/* Details Grid */
.operatorCard-back-details {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 10px;
}

.operatorCard-back-field {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: var(--azad-text);
}

.operatorCard-back-label {
    width: 170px;
    font-weight: 700;
    text-transform: uppercase;
    flex-shrink: 0;
}

.operatorCard-back-colon {
    width: 20px;
    font-weight: 700;
}

.operatorCard-back-value {
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
}

/* Footer Section */
.operatorCard-back-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: auto;
}

.operatorCard-back-contact {
    font-size: 12px;
    font-weight: 700;
    color: #000000;
    line-height: 1.4;
}

.operatorCard-back-signature-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.operatorCard-back-signature-img {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.operatorCard-back-signature-img img {
    width: 120px;
}

.operatorCard-back-sig-label {
    font-size: 14px;
    font-weight: 700;
    color: var(--azad-text);
    margin-top: 4px;
}

/* .operatorcard-azad-card,.operatorCard-back-card{
    min-width: 600px;
} */


.operatorCard-wrapper {
    width: 100%;
     /*max-width: 580px; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    /*padding: 10px;*/
        background: #ede3a3;
    box-sizing: border-box;
}

.operatorCard-back-card,
.operatorcard-azad-card {

    height: auto;
    min-height: 380px;
    background: #ffffff;
    border-radius: 12px;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #dcdcdc;
    overflow: hidden;
}
.operatorCard-back-card{
        background-image: linear-gradient(#ffffffcb), url(../img/certificate/bg-c.png);
    background-position: center 44%;
    background-size: contain;
    background-repeat: no-repeat;
}
.operatorCard-back-card {
    padding: 24px;
}

/* Mobile & Small Screen Scaler */
@media screen and (max-width: 991px) {
    .modal-max {
        max-width: 90% !important;
        margin: auto !important;
    }
}

@media screen and (max-width: 768px) {
    .operatorCard-wrapper {
        padding: 0;
    }

    .operatorCard-back-card,
    .operatorcard-azad-card {
        /* Auto scales layout on smaller displays */
        transform-origin: top center;
        zoom: 0.85;
    }

    .certificateview-azad-wrapper {
        transform-origin: top center;
        zoom: 0.65;
    }
}

@media screen and (max-width: 567px) {

    .operatorCard-back-card,
    .operatorcard-azad-card {
        zoom: 0.58;
    }

    .certificateview-azad-wrapper {
        zoom: 0.48;
    }

    .modal-max {
        max-width: 98% !important;
        margin: auto !important;
    }

    .modal-max .col-lg-12 {
        padding: 0 5px;
    }
}
@media screen and (max-width: 350px) {

   

    .certificateview-azad-wrapper {
        zoom: 0.40;
    }

 
}





.az-training-section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            rgba(178, 62, 1, 0.04) 0%,
            transparent 45%,
            rgba(4, 130, 170, 0.05) 100%
        );
}


/* MAIN LAYOUT */

.az-training-layout {
    display: grid;
    grid-template-columns: 1.08fr 0.92fr;
    gap: 30px;
    align-items: stretch;
}


/* ==========================================
   LEFT TRAINING PANEL
========================================== */

.az-training-panel {
    position: relative;
    padding:30px;
    background: #ffffff;
    border-radius: 28px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.07);
}


/* INTRO */

.az-training-intro {
    position: relative;
    padding-left: 24px;
    margin-bottom: 20px;
}

.az-training-intro::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 5px;
    border-radius: 20px;
    background: linear-gradient(
        180deg,
        var(--primary),
        var(--secondry)
    );
}


.az-training-eyebrow,
.az-pfo-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 7px 13px;
    margin-bottom: 15px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
}


.az-training-eyebrow {
    color: var(--primary);
    background: rgba(178, 62, 1, 0.08);
}


.az-training-intro h2 {
    margin: 0 0 10px;
    font-size: 34px;
    font-weight: 600;
    color: #202020;
}


.az-training-intro p {
    max-width: 550px;
    margin: 0;
    color: #777;
    font-size: 15px;
    line-height: 1.7;
}


/* ==========================================
   TRAINING TABLE
========================================== */

.az-training-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


/* HEADER */

.az-training-list-head {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 25px;
    padding: 0 18px 8px;
    color: #888;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}


.az-training-list-rate {
    text-align: right;
}


/* ITEMS */

.az-training-item {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 25px;
    padding: 13px 16px 13px 13px;
    border-radius: 16px;
    background: #f8f9fa;
    border: 1px solid transparent;
    transition: 0.3s ease;
}


.az-training-item:hover {
    transform: translateX(6px);
    background: #ffffff;
    border-color: rgba(4, 130, 170, 0.2);
    box-shadow: 0 10px 25px rgba(4, 130, 170, 0.08);
}


/* VEHICLE */

.az-training-item-vehicle {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 16px;
    font-weight: 700;
    color: #252525;
}


.az-training-icon {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 13px;
    color: var(--primary);
    background: rgba(178, 62, 1, 0.09);
    font-size: 20px;
}


.az-training-item:nth-child(3) .az-training-icon,
.az-training-item:nth-child(5) .az-training-icon {
    color: var(--secondry);
    background: rgba(4, 130, 170, 0.10);
}


/* RATE */

.az-training-item-price {
    padding: 10px 14px;
    border-radius: 10px;
    white-space: nowrap;
    background: #ffffff;
    color: var(--primary-dark);
    font-size: 13px;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    font-family:var(--font-main);
}


/* NOTE */

.az-training-note {
    margin: 24px 0 0;
    padding-top: 20px;
    border-top: 1px dashed #dddddd;
    color: #999;
    font-size: 12px;
}


/* ==========================================
   RIGHT PFO OFFER PANEL
========================================== */

.az-pfo-panel {
    position: relative;
    display: flex;
    min-height: 100%;
    padding: 30px;
    overflow: hidden;
    border-radius: 28px;
    background: linear-gradient(135deg, #5da4b9 0%, #114758 55%, #095268 100%);
    box-shadow: 0 25px 70px rgba(135, 50, 5, 0.22);
}


/* DECORATION */

.az-pfo-decoration {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}


.az-pfo-decoration-top {
    width: 260px;
    height: 260px;
    top: -120px;
    right: -100px;
    border: 45px solid rgba(255, 255, 255, 0.07);
}


.az-pfo-decoration-bottom {
    width: 320px;
    height: 320px;
    bottom: -220px;
    left: -180px;
    background: rgba(4, 130, 170, 0.18);
}


/* CONTENT */

.az-pfo-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
}


.az-pfo-eyebrow {
    align-self: flex-start;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.13);
    border: 1px solid rgba(255, 255, 255, 0.18);
}


.az-pfo-content h2 {
    max-width: 470px;
    margin: 0 0 16px;
    color: #ffffff;
    font-size: 35px;
    line-height: 1.18;
    font-weight: 600;
}


.az-pfo-content h3 {
    margin: 0 0 28px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 16px;
    font-weight: 500;
}


/* PRICE BOX */

.az-pfo-price-box {
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 18px;
    background: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(8px);
}


.az-pfo-price-old,
.az-pfo-price-new {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}


.az-pfo-price-old span,
.az-pfo-price-new span {
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
}


.az-pfo-price-old del {
    color: rgba(255, 255, 255, 0.75);
    font-size: 17px;
    font-weight: 600;
}


.az-pfo-price-new strong {
    color: #ffffff;
    font-size: 30px;
    line-height: 1;
    font-weight: 600;
}


/* BENEFIT */

.az-pfo-benefit {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    gap: 10px;
    padding: 11px 15px;
    margin-bottom: 20px;
    border-radius: 50px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    font-size: 14px;
    font-weight: 700;
}


.az-pfo-benefit-icon {
    color: #ffffff;
    font-size: 18px;
}

.az-pfo-benefit span{
    color:#fff;
}
/* DESCRIPTION */

.az-pfo-description {
    margin: 0 0 30px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.75;
}


/* BUTTON */

.az-pfo-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    align-self: flex-start;
    min-width: 220px;
    padding: 15px 20px 15px 22px;
    margin-top: auto;
    border-radius: 14px;
    color: var(--primary-dark);
    background: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 800;
    transition: 0.3s ease;
}


.az-pfo-button i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    color: #ffffff;
    background: var(--primary);
    transition: 0.3s ease;
}


.az-pfo-button:hover {
    color: var(--primary-dark);
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}


.az-pfo-button:hover i {
    transform: translateX(4px);
    background: var(--secondry);
}

@media screen and (max-width:991px){
   .az-training-layout{
       display:unset;
   }
   .az-training-panel{
       margin-bottom:20px;
   }
}

@media screen and (max-width:567px){
   .az-training-intro h2,.az-pfo-content h2 {
           font-size: 25px;
    line-height: 1.48;
   }
   .az-training-item{
           display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
   }
   .az-training-item-price{
       width: 100%;
       box-shadow:none;
   }
   .az-pfo-panel,.az-training-panel{
       padding:20px;
   }
   .az-training-section{
       padding:50px 0;
   }
}




.azad-why-modern {
    position: relative;
    padding: 50px 0;
    background: var(--why-bg);
    overflow: hidden;
}

.azad-why-modern::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    top: -220px;
    right: -180px;
    background: rgba(4, 130, 170, 0.055);
}

.azad-why-modern::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    bottom: -150px;
    left: -120px;
    background: rgba(178, 62, 1, 0.045);
}


/* =========================================================
   SECTION TITLE
========================================================= */

.azad-why-title {
    position: relative;
    z-index: 2;
}

.azad-why-kicker {
    position: relative;
    display: inline-block;
    padding-left: 42px;

    color: var(--primary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.azad-why-kicker::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

    background: var(--primary);
}

.azad-why-title h2 {
    margin: 15px 0 0;

    color: var(--why-dark);
    font-size: clamp(36px, 4vw, 38px);
    line-height: 1.1;
    font-weight: 600;
}


/* =========================================================
   IMAGE AREA
========================================================= */

.azad-why-visual {
    position: relative;
    height: 650px;
    overflow: hidden;

    border-radius: 28px;

    box-shadow:
        0 30px 70px rgba(22, 42, 50, 0.14);
}

.azad-why-visual img {
    width: 100%;
    height: 100%;
    display: block;

    object-fit: cover;

    transition: transform 0.7s ease;
}

.azad-why-visual:hover img {
    transform: scale(1.04);
}


/* =========================================================
   IMAGE OVERLAY
========================================================= */

.azad-why-visual-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(6, 32, 40, 0.88) 0%,
            rgba(6, 32, 40, 0.2) 55%,
            rgba(6, 32, 40, 0.05) 100%
        );
}


/* =========================================================
   IMAGE LABEL
========================================================= */

.azad-why-visual-label {
    position: absolute;
    left: 35px;
    right: 35px;
    bottom: 35px;

    display: flex;
    align-items: center;
    gap: 16px;

    color: var(--why-white);
}

.azad-why-visual-icon {
    width: 58px;
    height: 58px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;

    background: var(--primary);

    font-size: 25px;

    box-shadow:
        0 12px 30px rgba(178, 62, 1, 0.3);
}
.azad-why-visual-icon i{
    color:#fff;
}

.azad-why-visual-label span {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.4px;
    color:#fff;
}


/* =========================================================
   IMAGE DECORATION
========================================================= */

.azad-why-visual-decoration {
    position: absolute;

    width: 130px;
    height: 130px;

    right: -55px;
    top: -55px;

    border-radius: 50%;

    border: 25px solid rgba(255, 255, 255, 0.12);
}


/* =========================================================
   FEATURES WRAPPER
========================================================= */

.azad-why-features {
    position: relative;
    z-index: 3;
}


/* =========================================================
   FEATURE ITEM
========================================================= */

.azad-why-feature {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 105px;

    padding: 20px 24px 20px 20px;

    margin-bottom: 12px;

    background: var(--why-white);

    border: 1px solid var(--why-border);
    border-radius: 18px;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

    overflow: hidden;
}

.azad-why-feature:last-child {
    margin-bottom: 0;
}


.azad-why-feature:hover {
    transform: translateX(-8px);

    border-color: rgba(4, 130, 170, 0.2);

    box-shadow:
        0 18px 45px rgba(25, 48, 57, 0.1);
}


/* =========================================================
   FEATURE NUMBER
========================================================= */

.azad-why-feature-no {
    position: absolute;

    right: 18px;
    top: 10px;

    color: #edf1f2;

    font-size: 45px;
    line-height: 1;
    font-weight: 900;

    pointer-events: none;

    transition: 0.3s ease;
}

.azad-why-feature:hover .azad-why-feature-no {
    color: rgba(4, 130, 170, 0.08);
}


/* =========================================================
   FEATURE ICON
========================================================= */

.azad-why-feature-icon {
    position: relative;
    z-index: 2;

    width: 56px;
    height: 56px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-right: 18px;

    border-radius: 15px;

    color: var(--secondry-dark);

    background:
        rgba(4, 130, 170, 0.09);

    font-size: 22px;

    transition: 0.3s ease;
}

.azad-why-feature:hover .azad-why-feature-icon {
    color: var(--color-white);

    background:
        linear-gradient(
            135deg,
            var(--secondry),
            var(--secondry-dark)
        );

    transform: rotate(-4deg);
}


/* =========================================================
   FEATURE CONTENT
========================================================= */

.azad-why-feature-body {
    position: relative;
    z-index: 2;

    padding-right: 35px;
}

.azad-why-feature-body h3 {
    margin: 0 0 6px;

    color: var(--why-dark);

    font-size: 17px;
    line-height: 1.3;
    font-weight: 600;
}

.azad-why-feature-body p {
    margin: 0;

    color: var(--why-text);

    font-size: 13px;
    line-height: 1.65;
}


/* =========================================================
   ARROW
========================================================= */

.azad-why-feature-arrow {
    position: absolute;

    right: 22px;
    bottom: 20px;

    color: var(--secondry);

    font-size: 16px;

    opacity: 0;

    transform: translate(-5px, 5px);

    transition: 0.3s ease;
}

.azad-why-feature:hover .azad-why-feature-arrow {
    opacity: 1;

    transform: translate(0, 0);
}

@media screen and (max-width:991px){
    .azad-why-title{
        padding-bottom:40px;
    }
    .azad-why-visual{
        height:400px;
    }
}

@media screen and (max-width:567px){
    
    .azad-why-visual{
        height:300px;
    }
}


.dt-search label{
    font-size:14px;
}






.aihve-certificate-card {
    width: 100%;
    /* max-width: 700px; */
    min-height: 390px;

    /* margin: 30px auto; */
    padding: 30px 34px;

    position: relative;
    overflow: hidden;
    box-sizing: border-box;

    background: #ffffff;

    border: 1px solid #d2d3d3;
    border-radius: 20px;

    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: #26363b;
    margin-bottom: 0;
}


/* =========================
   TOP ACCENT
========================= */

.aihve-certificate-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: #0482AA;
}


/* =========================
   TOP SECTION
========================= */

.aihve-certificate-top {
    display: flex;

    align-items: center;

    gap: 25px;

    margin-bottom: 15px;
}


/* =========================
   BRAND
========================= */

.aihve-certificate-brand {
    display: flex;

    align-items: center;

    gap: 13px;

    flex: 1;

    min-width: 180px;
}


.aihve-certificate-logo {
       width: 80px;
    height: 80px;
    min-width: 80px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #ffffff;

    border: 1px solid #dce5e8;

    border-radius: 5px;

    padding: 5px;

    box-sizing: border-box;
}


.aihve-certificate-logo img {
    width: 100%;
    height: 100%;

    object-fit: contain;
}


.aihve-certificate-brand-text h3 {
    margin: 0 0 5px;

    color: #0482AA;

    font-size: 15px;
    font-weight: 600;

    letter-spacing: 0.5px;
}


.aihve-certificate-brand-text span {
    display: block;

    color: #78878b;

    font-size: 8px;
    font-weight: 600;

    letter-spacing: 0.7px;

    white-space: nowrap;
}


/* =========================
   TOP DATES
========================= */

.aihve-certificate-top-dates {
    display: flex;

    align-items: center;

    gap: 18px;
}


.aihve-certificate-date-box {
    padding-left: 18px;

    border-left: 1px solid #e1e6e8;
}


.aihve-certificate-date-box small {
    display: block;

    margin-bottom: 5px;

    color: #8a979b;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 1px;
}


.aihve-certificate-date-box strong {
    display: block;

    color: #344348;

    font-size: 13px;
    font-weight: 700;

    white-space: nowrap;
}


/* =========================
   EXPIRY
========================= */

.aihve-certificate-top-expiry {
    border-left-color: #ead0d0;
}


.aihve-certificate-top-expiry small,
.aihve-certificate-top-expiry strong {
    color: #d33d3d;
}


/* =========================
   CHIP
========================= */

.aihve-certificate-chip {
    width: 45px;
    height: 32px;

    min-width: 45px;

    position: relative;

    overflow: hidden;

    background: #f7f8f8;

    border: 1px solid #b9c4c7;

    border-radius: 7px;

    box-sizing: border-box;
}


.aihve-certificate-chip span {
    display: block;

    position: absolute;

    background: transparent;

    border: 1px solid #aeb9bc;
}


.aihve-certificate-chip span:nth-child(1) {
    width: 100%;
    height: 1px;

    top: 10px;
    left: 0;
}


.aihve-certificate-chip span:nth-child(2) {
    width: 100%;
    height: 1px;

    top: 20px;
    left: 0;
}


.aihve-certificate-chip span:nth-child(3) {
    width: 1px;
    height: 100%;

    top: 0;
    left: 20px;
}


/* =========================
   CERTIFICATE NUMBER
========================= */

.aihve-certificate-number {
    margin-bottom: 15px;
}


.aihve-certificate-number small {
    display: block;

    margin-bottom: 5px;

    color: #8a979b;

    font-size: 8px;
    font-weight: 600;

    letter-spacing: 1.2px;
}


.aihve-certificate-number strong {
    display: block;

    color: #26363b;

    font-size: 20px;
    font-weight: 600;

    letter-spacing: 2px;
}


/* =========================
   DETAILS
========================= */

.aihve-certificate-info {
    display: grid;

    grid-template-columns: 1fr 1fr;

    column-gap: 13px;
    row-gap: 15px;

    padding-bottom: 24px;

    border-bottom: 1px solid #e5eaec;
}


.aihve-certificate-field small {
    display: block;

    margin-bottom: 5px;

    color: #8a979b;

    font-size: 8px;
    font-weight: 600;

    letter-spacing: 1px;
}


.aihve-certificate-field strong {
    display: block;

    color: #29383d;

    font-size: 12px;
    font-weight: 700;

    line-height: 1.4;
}


.aihve-certificate-address {
    grid-column: span 2;
}


/* =========================
   BOTTOM
========================= */

.aihve-certificate-bottom {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding-top: 20px;
}


.aihve-certificate-institute {
    flex: 1;
}


.aihve-certificate-institute strong {
    display: block;

    margin-bottom: 5px;

    color: var(--primary);

    font-size: 10px;
    font-weight:600;

    line-height: 1.4;
}


.aihve-certificate-institute span {
    display: block;

    color: #8a979b;

    font-size: 8px;
}


.aihve-certificate-institute b {
    margin: 0 4px;
}


/* =========================
   AIHVE BADGE
========================= */

.aihve-certificate-mark {
    width: 52px;
    height: 52px;

    min-width: 52px;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    border: 1px solid #cbd7da;

    border-radius: 50%;

    box-sizing: border-box;
}


.aihve-certificate-mark span {
    color: #0482AA;

    font-size: 11px;
    font-weight: 600;
}


.aihve-certificate-mark small {
    margin-top: 3px;

    color: #89969a;

    font-size: 6px;
    font-weight: 600;

    letter-spacing: 0.5px;
}
.aihve-certificate-field{
    padding: 10px;
    background-color: #f7f7f7;
    border-radius: 10px;
}

@media screen and (max-width:768px){
    .aihve-certificate-top{
        flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
            gap: 15px;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }
    .aihve-certificate-top-dates{
        width: 100%;
    justify-content: space-between;
    }
    .aihve-certificate-date-box{
        padding-left: 0;
        border-left: 0;
    }
    .aihve-certificate-info{
        flex-direction: column;
        display: flex;
    }
    .aihve-certificate-card{
        padding: 25px;
    }
}