
<!-- =========================================================
     GALLERY CSS
========================================================= -->
 

    /* =====================================================
       BASE
    ====================================================== */

    .gal-page-section {
        position: relative;
        overflow: hidden;
        padding: 105px 0;
        background:
            linear-gradient(
                180deg,
                #fffaf5 0%,
                #ffffff 30%,
                #ffffff 100%
            );
    }

    .gal-page-container {
        width: 92%;
        max-width: 1400px;
        margin: auto;
    }


    /* =====================================================
       HEADER
    ====================================================== */

    .gal-page-header {
        display: grid;
        grid-template-columns: 1fr 420px;
        align-items: end;
        gap: 70px;
        margin-bottom: 38px;
    }

    .gal-eyebrow {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #8d1717;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 1.8px;
        text-transform: uppercase;
    }

    .gal-eyebrow > span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #c99845;
        box-shadow: 0 0 0 6px rgba(201,152,69,.10);
    }

    .gal-eyebrow i {
        width: 40px;
        height: 1px;
        margin-left: 3px;
        background: #c99845;
    }

    .gal-header-left h1 {
        max-width: 760px;
        margin: 16px 0 0;
        color: #102d52;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(46px, 5.4vw, 68px);
        line-height: 1.03;
        letter-spacing: -2px;
    }

    .gal-header-left h1 strong {
        display: block;
        color: #8d1717;
    }

    .gal-header-right p {
        margin: 0 0 4px;
        color: #718095;
        font-size: 13px;
        line-height: 1.85;
    }


    /* =====================================================
       FILTER
    ====================================================== */

    .gal-filter-bar {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 25px;
        padding: 8px;
        border: 1px solid #eadfd5;
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 8px 25px rgba(16,45,82,.04);
    }

    .gal-filter-btn {
        padding: 9px 15px;
        border: 0;
        border-radius: 10px;
        background: transparent;
        color: #718095;
        font-family: inherit;
        font-size: 9px;
        font-weight: 800;
        cursor: pointer;
        transition: .25s ease;
    }

    .gal-filter-btn:hover {
        color: #8d1717;
        background: #fff5ef;
    }

    .gal-filter-btn.active {
        color: #fff;
        background: #8d1717;
        box-shadow: 0 7px 16px rgba(141,23,23,.17);
    }


    /* =====================================================
       GALLERY GRID
    ====================================================== */

    .gal-gallery-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-auto-rows: 225px;
        gap: 15px;
    }

    .gal-item {
        min-width: 0;
    }

    .gal-large {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gal-wide {
        grid-column: span 2;
    }


    /* =====================================================
       IMAGE CARD
    ====================================================== */

    .gal-image-card {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 21px;
        background: #102d52;
        border: 1px solid #eadfd5;
        box-shadow: 0 12px 30px rgba(16,45,82,.07);
    }

    .gal-image-card img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition:
            transform .65s ease,
            filter .4s ease;
    }

    .gal-image-card:hover img {
        transform: scale(1.055);
    }


    /* =====================================================
       OVERLAY
    ====================================================== */

    .gal-image-overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
        background:
            linear-gradient(
                180deg,
                rgba(8,31,59,.02) 30%,
                rgba(8,31,59,.72) 100%
            );
        pointer-events: none;
    }


    /* =====================================================
       NUMBER
    ====================================================== */

    .gal-image-number {
        position: absolute;
        z-index: 3;
        top: 17px;
        right: 19px;
        color: rgba(255,255,255,.82);
        font-family: Georgia, serif;
        font-size: 15px;
        font-weight: 700;
    }


    /* =====================================================
       IMAGE INFO
    ====================================================== */

    .gal-image-info {
        position: absolute;
        z-index: 4;
        left: 20px;
        right: 55px;
        bottom: 19px;
    }

    .gal-image-info span {
        display: inline-block;
        color: #e6c783;
        font-size: 7px;
        font-weight: 900;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }

    .gal-image-info h3 {
        margin: 5px 0 0;
        color: #fff;
        font-family: Georgia, serif;
        font-size: 19px;
        line-height: 1.15;
    }

    .gal-large .gal-image-info h3,
    .gal-wide .gal-image-info h3 {
        font-size: 25px;
    }

    .gal-image-info p {
        max-width: 400px;
        margin: 6px 0 0;
        color: rgba(255,255,255,.78);
        font-size: 9px;
        line-height: 1.55;
    }


    /* =====================================================
       VIEW BUTTON
    ====================================================== */

    .gal-view-btn {
        position: absolute;
        z-index: 6;
        right: 17px;
        bottom: 17px;
        width: 34px;
        height: 34px;
        border: 1px solid rgba(255,255,255,.28);
        border-radius: 10px;
        background: rgba(255,255,255,.13);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        backdrop-filter: blur(10px);
        transition: .3s ease;
    }

    .gal-view-btn:hover {
        background: #c99845;
        border-color: #c99845;
        transform: translateY(-3px);
    }


    /* =====================================================
       BOTTOM CTA
    ====================================================== */

    .gal-bottom-cta {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-top: 24px;
        padding: 22px 25px;
        border: 1px solid #eadfd5;
        border-radius: 19px;
        background: #fffaf5;
    }

    .gal-bottom-icon {
        width: 47px;
        height: 47px;
        flex: 0 0 47px;
        border-radius: 13px;
        background: #fff;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 7px 18px rgba(16,45,82,.06);
    }

    .gal-bottom-content {
        flex: 1;
    }

    .gal-bottom-content span,
    .gal-bottom-content strong {
        display: block;
    }

    .gal-bottom-content span {
        color: #c99845;
        font-size: 8px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .gal-bottom-content strong {
        margin-top: 4px;
        color: #102d52;
        font-family: Georgia, serif;
        font-size: 15px;
    }

    .gal-bottom-button {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        padding: 12px 17px;
        border-radius: 11px;
        background: #8d1717;
        color: #fff !important;
        text-decoration: none !important;
        font-size: 9px;
        font-weight: 800;
        transition: .3s ease;
    }

    .gal-bottom-button:hover {
        background: #6f1111;
        color: #fff !important;
        transform: translateY(-2px);
    }


    /* =====================================================
       LIGHTBOX
    ====================================================== */

    .gal-lightbox {
        position: fixed;
        inset: 0;
        z-index: 99999;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 30px;
        background: rgba(8,31,59,.94);
        backdrop-filter: blur(10px);
    }

    .gal-lightbox.show {
        display: flex;
    }

    .gal-lightbox-content {
        position: relative;
        width: min(1100px, 94vw);
        max-height: 90vh;
        text-align: center;
    }

    .gal-lightbox-content img {
        max-width: 100%;
        max-height: 78vh;
        display: block;
        margin: auto;
        border-radius: 15px;
        object-fit: contain;
        box-shadow: 0 30px 70px rgba(0,0,0,.35);
    }

    .gal-lightbox-caption {
        margin-top: 12px;
        color: #fff;
        font-family: Georgia, serif;
        font-size: 15px;
    }

    .gal-lightbox-close {
        position: absolute;
        top: 25px;
        right: 30px;
        z-index: 5;
        width: 43px;
        height: 43px;
        border: 1px solid rgba(255,255,255,.2);
        border-radius: 12px;
        background: rgba(255,255,255,.09);
        color: #fff;
        cursor: pointer;
        transition: .25s ease;
    }

    .gal-lightbox-close:hover {
        background: #8d1717;
        border-color: #8d1717;
    }


    /* =====================================================
       TABLET
    ====================================================== */

    @media (max-width: 1100px) {

        .gal-page-header {
            grid-template-columns: 1fr 340px;
            gap: 35px;
        }

        .gal-gallery-grid {
            grid-template-columns: repeat(3, 1fr);
            grid-auto-rows: 210px;
        }

        .gal-large {
            grid-column: span 2;
            grid-row: span 2;
        }

        .gal-wide {
            grid-column: span 2;
        }

    }


    /* =====================================================
       TABLET
    ====================================================== */

    @media (max-width: 991px) {

        .gal-page-section {
            padding: 80px 0;
        }

        .gal-page-header {
            display: block;
            text-align: center;
            margin-bottom: 30px;
        }

        .gal-eyebrow {
            justify-content: center;
        }

        .gal-header-left h1 {
            margin-left: auto;
            margin-right: auto;
        }

        .gal-header-right p {
            max-width: 650px;
            margin: 18px auto 0;
        }

        .gal-gallery-grid {
            grid-template-columns: repeat(2, 1fr);
            grid-auto-rows: 220px;
        }

        .gal-large {
            grid-column: span 2;
            grid-row: span 2;
        }

        .gal-wide {
            grid-column: span 2;
        }

    }


    /* =====================================================
       MOBILE
    ====================================================== */

    @media (max-width: 767px) {

        .gal-page-section {
            padding: 70px 0;
        }

        .gal-page-container {
            width: 94%;
        }

        .gal-header-left h1 {
            font-size: 40px;
            letter-spacing: -1px;
        }

        .gal-header-right p {
            font-size: 12px;
            line-height: 1.75;
        }


        /* Filter */

        .gal-filter-bar {
            justify-content: center;
            padding: 7px;
            gap: 5px;
        }

        .gal-filter-btn {
            padding: 8px 11px;
            font-size: 8px;
        }


        /* Grid */

        .gal-gallery-grid {
            grid-template-columns: 1fr 1fr;
            grid-auto-rows: 180px;
            gap: 10px;
        }

        .gal-large {
            grid-column: span 2;
            grid-row: span 2;
        }

        .gal-wide {
            grid-column: span 2;
        }


        /* Cards */

        .gal-image-card {
            border-radius: 15px;
        }

        .gal-image-number {
            top: 11px;
            right: 12px;
            font-size: 11px;
        }

        .gal-image-info {
            left: 13px;
            right: 43px;
            bottom: 12px;
        }

        .gal-image-info span {
            font-size: 6px;
        }

        .gal-image-info h3,
        .gal-large .gal-image-info h3,
        .gal-wide .gal-image-info h3 {
            font-size: 15px;
        }

        .gal-image-info p {
            display: none;
        }

        .gal-view-btn {
            right: 10px;
            bottom: 10px;
            width: 28px;
            height: 28px;
            border-radius: 8px;
            font-size: 9px;
        }


        /* CTA */

        .gal-bottom-cta {
            align-items: flex-start;
            flex-wrap: wrap;
            padding: 17px;
        }

        .gal-bottom-content {
            min-width: calc(100% - 64px);
        }

        .gal-bottom-content strong {
            font-size: 12px;
            line-height: 1.4;
        }

        .gal-bottom-button {
            width: 100%;
            justify-content: center;
            margin-top: 2px;
        }


        /* Lightbox */

        .gal-lightbox {
            padding: 15px;
        }

        .gal-lightbox-close {
            top: 15px;
            right: 15px;
            width: 38px;
            height: 38px;
        }

        .gal-lightbox-content img {
            max-height: 72vh;
            border-radius: 10px;
        }

    }


    /* =====================================================
       SMALL MOBILE
    ====================================================== */

    @media (max-width: 420px) {

        .gal-header-left h1 {
            font-size: 35px;
        }

        .gal-gallery-grid {
            grid-auto-rows: 155px;
        }

        .gal-image-info h3,
        .gal-large .gal-image-info h3,
        .gal-wide .gal-image-info h3 {
            font-size: 13px;
        }

        .gal-filter-btn {
            padding: 7px 8px;
            font-size: 7px;
        }

    }
 
<!-- =========================================================
     FACILITIES HERO CSS
========================================================= -->

 

    /* =====================================================
       BASE
    ====================================================== */

    .fac-hero-section {
        position: relative;
        overflow: hidden;
        padding: 95px 0 0;
        background:
            radial-gradient(
                circle at 82% 18%,
                rgba(201,152,69,.13),
                transparent 29%
            ),
            linear-gradient(
                135deg,
                #fffaf5 0%,
                #ffffff 58%,
                #fff7ef 100%
            );
    }


    .fac-hero-container {
        position: relative;
        z-index: 3;
        width: 92%;
        max-width: 1400px;
        margin: auto;
    }


    /* =====================================================
       BACKGROUND ORBITS
    ====================================================== */

    .fac-hero-orbit {
        position: absolute;
        border-radius: 50%;
        pointer-events: none;
    }


    .fac-hero-orbit-one {
        width: 510px;
        height: 510px;
        right: -260px;
        top: -210px;
        border: 1px solid rgba(141,23,23,.07);
    }


    .fac-hero-orbit-two {
        width: 300px;
        height: 300px;
        left: -170px;
        bottom: 80px;
        border: 1px solid rgba(201,152,69,.12);
    }


    .fac-hero-dot {
        position: absolute;
        width: 12px;
        height: 12px;
        left: 47%;
        top: 18%;
        border-radius: 50%;
        background: #c99845;
        opacity: .7;
    }


    /* =====================================================
       CONTENT
    ====================================================== */

    .fac-hero-content {
        padding: 20px 50px 70px 8px;
    }


    /* =====================================================
       EYEBROW
    ====================================================== */

    .fac-hero-eyebrow {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 22px;
        color: #102d52;
        font-size: 11px;
        font-weight: 900;
        letter-spacing: 2px;
        text-transform: uppercase;
    }


    .fac-hero-eyebrow-icon {
        width: 31px;
        height: 31px;
        border-radius: 9px;
        background: #fff0eb;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
    }


    .fac-hero-eyebrow-line {
        width: 42px;
        height: 1px;
        margin-left: 5px;
        background: #c99845;
    }


    /* =====================================================
       TITLE
    ====================================================== */

    .fac-hero-title {
        max-width: 670px;
        margin: 0;
        color: #102d52;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(52px, 5.4vw, 77px);
        line-height: .99;
        font-weight: 700;
        letter-spacing: -2.8px;
    }


    .fac-hero-title span {
        display: block;
        color: #8d1717;
        margin-top: 8px;
    }


    /* =====================================================
       DESCRIPTION
    ====================================================== */

    .fac-hero-description {
        max-width: 620px;
        margin: 23px 0 0;
        color: #647488;
        font-size: 15px;
        line-height: 1.85;
    }


    /* =====================================================
       BUTTONS
    ====================================================== */

    .fac-hero-actions {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 31px;
    }


    .fac-hero-primary-btn,
    .fac-hero-secondary-btn {
        min-height: 53px;
        padding: 0 19px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 11px;
        border-radius: 14px;
        text-decoration: none !important;
        font-size: 12px;
        font-weight: 800;
        transition: .3s ease;
    }


    .fac-hero-primary-btn {
        color: #fff !important;
        background: linear-gradient(
            135deg,
            #8d1717,
            #b62a24
        );
        box-shadow: 0 14px 30px rgba(141,23,23,.19);
    }


    .fac-hero-primary-btn span {
        width: 28px;
        height: 28px;
        border-radius: 8px;
        background: rgba(255,255,255,.15);
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .fac-hero-primary-btn:hover {
        color: #fff !important;
        transform: translateY(-3px);
        box-shadow: 0 18px 38px rgba(141,23,23,.26);
    }


    .fac-hero-secondary-btn {
        color: #102d52 !important;
        background: #fff;
        border: 1px solid #eadfd5;
        box-shadow: 0 8px 22px rgba(16,45,82,.05);
    }


    .fac-hero-secondary-btn:hover {
        color: #8d1717 !important;
        border-color: #c99845;
        transform: translateY(-3px);
    }


    /* =====================================================
       HIGHLIGHTS
    ====================================================== */

    .fac-hero-highlights {
        display: flex;
        align-items: center;
        gap: 17px;
        margin-top: 36px;
        padding-top: 23px;
        border-top: 1px solid #eadfd5;
    }


    .fac-highlight-item {
        display: flex;
        align-items: center;
        gap: 9px;
    }


    .fac-highlight-icon {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        border-radius: 11px;
        background: #fff0eb;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
    }


    .fac-highlight-item strong,
    .fac-highlight-item span {
        display: block;
    }


    .fac-highlight-item strong {
        color: #102d52;
        font-size: 10px;
        font-weight: 900;
    }


    .fac-highlight-item span {
        margin-top: 3px;
        color: #8995a2;
        font-size: 9px;
    }


    .fac-highlight-divider {
        width: 1px;
        height: 29px;
        background: #e2d8ce;
    }


    /* =====================================================
       VISUAL
    ====================================================== */

    .fac-hero-visual {
        position: relative;
        min-height: 620px;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    /* =====================================================
       IMAGE
    ====================================================== */

    .fac-hero-image-frame {
        position: relative;
        z-index: 2;
        width: 76%;
        height: 550px;
        overflow: hidden;
        border-radius: 35px 35px 100px 35px;
        border: 8px solid rgba(255,255,255,.96);
        box-shadow:
            0 30px 70px rgba(16,45,82,.15),
            0 9px 25px rgba(141,23,23,.07);
    }


    .fac-hero-image {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
        transition: transform .7s ease;
    }


    .fac-hero-image-frame:hover .fac-hero-image {
        transform: scale(1.035);
    }


    .fac-hero-image-overlay {
        position: absolute;
        inset: 0;
        background:
            linear-gradient(
                180deg,
                transparent 62%,
                rgba(16,45,82,.20)
            );
        pointer-events: none;
    }


    /* =====================================================
       IMAGE LABEL
    ====================================================== */

    .fac-image-label {
        position: absolute;
        z-index: 6;
        left: 5%;
        top: 11%;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 13px;
        border-radius: 13px;
        background: rgba(255,255,255,.95);
        border: 1px solid #eadfd5;
        box-shadow: 0 13px 30px rgba(16,45,82,.10);
    }


    .fac-image-label-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #8d1717;
        box-shadow: 0 0 0 5px rgba(141,23,23,.08);
    }


    .fac-image-label small,
    .fac-image-label strong {
        display: block;
    }


    .fac-image-label small {
        color: #8b96a2;
        font-size: 7px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }


    .fac-image-label strong {
        margin-top: 3px;
        color: #102d52;
        font-size: 10px;
    }


    /* =====================================================
       FLOATING CARDS
    ====================================================== */

    .fac-floating-card {
        position: absolute;
        z-index: 7;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 11px 13px;
        border-radius: 15px;
        background: rgba(255,255,255,.96);
        border: 1px solid #eadfd5;
        box-shadow: 0 17px 35px rgba(16,45,82,.13);
        backdrop-filter: blur(12px);
    }


    .fac-floating-card-one {
        left: 1%;
        top: 31%;
    }


    .fac-floating-card-two {
        right: 0;
        top: 52%;
    }


    .fac-floating-icon {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        border-radius: 10px;
        background: #fff0eb;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
    }


    .fac-floating-card span,
    .fac-floating-card strong {
        display: block;
    }


    .fac-floating-card span {
        color: #8995a2;
        font-size: 8px;
    }


    .fac-floating-card strong {
        margin-top: 3px;
        color: #102d52;
        font-size: 10px;
    }


    .fac-floating-check {
        width: 19px;
        height: 19px;
        margin-left: 5px;
        border-radius: 50%;
        background: #8d1717;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 7px;
    }


    /* =====================================================
       GOLD SHAPE
    ====================================================== */

    .fac-gold-shape {
        position: absolute;
        z-index: 1;
        right: 3%;
        top: 7%;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        border: 11px solid rgba(201,152,69,.15);
    }


    /* =====================================================
       DASHBOARD
    ====================================================== */

    .fac-dashboard-card {
        position: absolute;
        z-index: 8;
        left: 11%;
        right: 8%;
        bottom: 1%;
        padding: 20px 23px;
        border-radius: 20px;
        background: rgba(16,45,82,.97);
        box-shadow: 0 22px 45px rgba(16,45,82,.22);
    }


    .fac-dashboard-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }


    .fac-dashboard-header span,
    .fac-dashboard-header strong {
        display: block;
    }


    .fac-dashboard-header span {
        color: #e6c783;
        font-size: 7px;
        font-weight: 900;
        letter-spacing: 1.3px;
    }


    .fac-dashboard-header strong {
        margin-top: 4px;
        color: #fff;
        font-family: Georgia, serif;
        font-size: 15px;
    }


    .fac-dashboard-status {
        display: flex;
        align-items: center;
        gap: 5px;
        padding: 5px 8px;
        border-radius: 20px;
        color: #d9e2e9;
        background: rgba(255,255,255,.07);
        font-size: 7px;
    }


    .fac-dashboard-status i {
        color: #c99845;
        font-size: 5px;
    }


    .fac-dashboard-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
        margin-top: 16px;
    }


    .fac-dashboard-item {
        display: flex;
        align-items: center;
        gap: 7px;
        padding: 9px;
        border-radius: 10px;
        background: rgba(255,255,255,.055);
    }


    .fac-dashboard-item > i {
        color: #e6c783;
        font-size: 12px;
    }


    .fac-dashboard-item strong,
    .fac-dashboard-item span {
        display: block;
    }


    .fac-dashboard-item strong {
        color: #fff;
        font-size: 8px;
    }


    .fac-dashboard-item span {
        margin-top: 2px;
        color: #9faebb;
        font-size: 7px;
    }


    /* =====================================================
       BOTTOM STRIP
    ====================================================== */

    .fac-hero-bottom {
        display: grid;
        grid-template-columns: 1.25fr repeat(5, 1fr);
        align-items: center;
        gap: 0;
        margin-top: 25px;
        padding: 21px 8px;
        border-top: 1px solid #eadfd5;
        background: rgba(255,255,255,.70);
    }


    .fac-bottom-title span,
    .fac-bottom-title strong {
        display: block;
    }


    .fac-bottom-title span {
        color: #c99845;
        font-size: 8px;
        text-transform: uppercase;
        letter-spacing: 1.2px;
        font-weight: 900;
    }


    .fac-bottom-title strong {
        margin-top: 3px;
        color: #102d52;
        font-family: Georgia, serif;
        font-size: 16px;
    }


    .fac-bottom-item {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        color: #53657a;
        font-size: 9px;
        font-weight: 700;
    }


    .fac-bottom-item i {
        color: #8d1717;
        font-size: 12px;
    }


    /* =====================================================
       TABLET
    ====================================================== */

    @media (max-width: 1100px) {

        .fac-hero-content {
            padding-right: 20px;
        }

        .fac-hero-title {
            font-size: 58px;
        }

        .fac-hero-visual {
            min-height: 560px;
        }

        .fac-hero-image-frame {
            width: 78%;
            height: 510px;
        }

        .fac-floating-card-one {
            left: 0;
        }

        .fac-floating-card-two {
            right: 0;
        }

        .fac-dashboard-card {
            left: 6%;
            right: 4%;
        }

        .fac-hero-bottom {
            grid-template-columns: repeat(3, 1fr);
            row-gap: 17px;
        }

        .fac-bottom-title {
            grid-column: 1 / -1;
            text-align: center;
        }

    }


    /* =====================================================
       TABLET
    ====================================================== */

    @media (max-width: 991px) {

        .fac-hero-section {
            padding-top: 65px;
        }

        .fac-hero-content {
            max-width: 760px;
            margin: auto;
            padding: 0 5px 55px;
            text-align: center;
        }

        .fac-hero-eyebrow {
            justify-content: center;
        }

        .fac-hero-title {
            font-size: clamp(48px, 8vw, 68px);
        }

        .fac-hero-description {
            margin-left: auto;
            margin-right: auto;
        }

        .fac-hero-actions {
            justify-content: center;
        }

        .fac-hero-highlights {
            justify-content: center;
        }

        .fac-hero-visual {
            min-height: 590px;
        }

        .fac-hero-image-frame {
            width: 68%;
            height: 540px;
        }

        .fac-floating-card-one {
            left: 9%;
        }

        .fac-floating-card-two {
            right: 7%;
        }

        .fac-dashboard-card {
            left: 12%;
            right: 10%;
        }

    }


    /* =====================================================
       MOBILE
    ====================================================== */

    @media (max-width: 767px) {

        .fac-hero-section {
            padding-top: 48px;
        }

        .fac-hero-container {
            width: 94%;
        }


        /* Content */

        .fac-hero-content {
            padding-bottom: 40px;
        }


        .fac-hero-eyebrow {
            font-size: 9px;
            letter-spacing: 1.3px;
        }


        .fac-hero-eyebrow-icon {
            width: 27px;
            height: 27px;
            border-radius: 8px;
            font-size: 10px;
        }


        .fac-hero-eyebrow-line {
            width: 24px;
        }


        .fac-hero-title {
            font-size: clamp(40px, 12vw, 53px);
            letter-spacing: -1.6px;
            line-height: 1;
        }


        .fac-hero-title span {
            margin-top: 5px;
        }


        .fac-hero-description {
            margin-top: 17px;
            font-size: 13px;
            line-height: 1.75;
        }


        /* Buttons */

        .fac-hero-actions {
            flex-direction: column;
            width: 100%;
            gap: 9px;
            margin-top: 24px;
        }


        .fac-hero-primary-btn,
        .fac-hero-secondary-btn {
            width: 100%;
            min-height: 51px;
        }


        /* Highlights */

        .fac-hero-highlights {
            justify-content: space-between;
            gap: 7px;
            margin-top: 28px;
            padding-top: 20px;
        }


        .fac-highlight-item {
            flex: 1;
            flex-direction: column;
            text-align: center;
            gap: 5px;
        }


        .fac-highlight-icon {
            width: 34px;
            height: 34px;
            flex-basis: 34px;
            border-radius: 9px;
            font-size: 11px;
        }


        .fac-highlight-item strong {
            font-size: 8px;
        }


        .fac-highlight-item span {
            font-size: 7px;
        }


        .fac-highlight-divider {
            height: 27px;
        }


        /* Visual */

        .fac-hero-visual {
            min-height: 500px;
        }


        .fac-hero-image-frame {
            width: 86%;
            height: 440px;
            border-width: 6px;
            border-radius: 25px 25px 65px 25px;
        }


        /* Image Label */

        .fac-image-label {
            left: 0;
            top: 13%;
            padding: 8px 10px;
            border-radius: 10px;
        }


        .fac-image-label small {
            font-size: 6px;
        }


        .fac-image-label strong {
            font-size: 8px;
        }


        /* Floating */

        .fac-floating-card {
            padding: 8px 9px;
            gap: 7px;
            border-radius: 11px;
        }


        .fac-floating-card-one {
            left: 0;
            top: 31%;
        }


        .fac-floating-card-two {
            right: 0;
            top: 47%;
        }


        .fac-floating-icon {
            width: 31px;
            height: 31px;
            flex-basis: 31px;
            border-radius: 8px;
            font-size: 10px;
        }


        .fac-floating-card span {
            font-size: 6px;
        }


        .fac-floating-card strong {
            font-size: 8px;
        }


        .fac-floating-check {
            width: 17px;
            height: 17px;
            font-size: 6px;
        }


        /* Dashboard */

        .fac-dashboard-card {
            left: 3%;
            right: 3%;
            bottom: 1%;
            padding: 15px;
            border-radius: 16px;
        }


        .fac-dashboard-header strong {
            font-size: 13px;
        }


        .fac-dashboard-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 6px;
            margin-top: 12px;
        }


        .fac-dashboard-item {
            padding: 8px;
        }


        .fac-dashboard-item > i {
            font-size: 10px;
        }


        .fac-dashboard-item strong {
            font-size: 7px;
        }


        .fac-dashboard-item span {
            font-size: 6px;
        }


        /* Bottom */

        .fac-hero-bottom {
            grid-template-columns: repeat(2, 1fr);
            padding: 17px 5px;
            row-gap: 10px;
        }


        .fac-bottom-title {
            grid-column: 1 / -1;
            padding-bottom: 5px;
        }


        .fac-bottom-item {
            padding: 8px 4px;
            font-size: 8px;
        }


        .fac-bottom-item i {
            font-size: 10px;
        }


        /* Decorative */

        .fac-gold-shape {
            width: 48px;
            height: 48px;
            border-width: 7px;
        }


        .fac-hero-dot {
            width: 8px;
            height: 8px;
        }

    }


    /* =====================================================
       SMALL MOBILE
    ====================================================== */

    @media (max-width: 420px) {

        .fac-hero-title {
            font-size: 39px;
        }


        .fac-hero-description {
            font-size: 12.5px;
        }


        .fac-highlight-divider {
            display: none;
        }


        .fac-hero-visual {
            min-height: 465px;
        }


        .fac-hero-image-frame {
            width: 88%;
            height: 405px;
        }


        .fac-dashboard-header strong {
            font-size: 12px;
        }


        .fac-dashboard-status {
            display: none;
        }


        .fac-floating-card-one {
            left: -2px;
        }


        .fac-floating-card-two {
            right: -2px;
        }

    }
 

<!-- =========================================================
     FACILITIES SHOWCASE CSS
========================================================= -->

 

    /* =====================================================
       BASE
    ====================================================== */

    .fac-showcase-section {
        position: relative;
        overflow: hidden;
        padding: 105px 0;
        background: #ffffff;
    }

    .fac-showcase-container {
        width: 92%;
        max-width: 1380px;
        margin: auto;
    }


    /* =====================================================
       HEADER
    ====================================================== */

    .fac-showcase-header {
        display: grid;
        grid-template-columns: 1fr 430px;
        align-items: end;
        gap: 70px;
        margin-bottom: 50px;
    }

    .fac-showcase-eyebrow {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #8d1717;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 1.8px;
        text-transform: uppercase;
    }

    .fac-showcase-eyebrow > span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #c99845;
        box-shadow: 0 0 0 6px rgba(201,152,69,.10);
    }

    .fac-showcase-eyebrow i {
        width: 38px;
        height: 1px;
        background: #c99845;
        margin-left: 4px;
    }

    .fac-showcase-heading h2 {
        max-width: 730px;
        margin: 16px 0 0;
        color: #102d52;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(43px, 5vw, 64px);
        line-height: 1.05;
        letter-spacing: -2px;
    }

    .fac-showcase-heading h2 strong {
        display: block;
        color: #8d1717;
    }

    .fac-showcase-header > p {
        margin: 0 0 4px;
        color: #718095;
        font-size: 13px;
        line-height: 1.85;
    }


    /* =====================================================
       GRID
    ====================================================== */

    .fac-showcase-grid {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 20px;
    }


    /* =====================================================
       COMMON IMAGE
    ====================================================== */

    .fac-image-shade {
        position: absolute;
        inset: 0;
        background:
            linear-gradient(
                180deg,
                rgba(8,31,59,.03) 35%,
                rgba(8,31,59,.55) 100%
            );
        pointer-events: none;
    }

    .fac-feature-image img,
    .fac-standard-image img,
    .fac-hostel-image img,
    .fac-cafeteria-visual img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: transform .7s ease;
    }

    .fac-feature-card:hover img,
    .fac-standard-card:hover img,
    .fac-hostel-card:hover img,
    .fac-cafeteria-card:hover img {
        transform: scale(1.045);
    }


    /* =====================================================
       CLASSROOM FEATURE
    ====================================================== */

    .fac-feature-card {
        grid-column: span 7;
        min-height: 500px;
        overflow: hidden;
        border-radius: 27px;
        background: #ffffff;
        border: 1px solid #eadfd5;
        box-shadow: 0 15px 40px rgba(16,45,82,.06);
    }

    .fac-feature-image {
        position: relative;
        height: 285px;
        overflow: hidden;
    }

    .fac-feature-number {
        position: absolute;
        top: 20px;
        right: 23px;
        color: rgba(255,255,255,.8);
        font-family: Georgia, serif;
        font-size: 19px;
        font-weight: 700;
        z-index: 2;
    }

    .fac-feature-badge {
        position: absolute;
        left: 20px;
        bottom: 18px;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 8px 11px;
        border-radius: 10px;
        color: #fff;
        background: rgba(16,45,82,.88);
        backdrop-filter: blur(8px);
        font-size: 8px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .7px;
    }

    .fac-feature-badge i {
        color: #e6c783;
    }

    .fac-feature-content {
        display: flex;
        gap: 17px;
        padding: 28px;
    }

    .fac-card-icon {
        width: 48px;
        height: 48px;
        flex: 0 0 48px;
        border-radius: 14px;
        background: #fff0eb;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
    }

    .fac-card-content h3 {
        margin: 0;
        color: #102d52;
        font-family: Georgia, serif;
        font-size: 27px;
    }

    .fac-card-content p {
        max-width: 620px;
        margin: 9px 0 15px;
        color: #718095;
        font-size: 11px;
        line-height: 1.75;
    }

    .fac-card-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .fac-card-meta span {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 7px 9px;
        border-radius: 8px;
        background: #fffaf5;
        color: #62748a;
        font-size: 8px;
        font-weight: 700;
    }

    .fac-card-meta i {
        color: #c99845;
    }


    /* =====================================================
       STANDARD CARDS
    ====================================================== */

    .fac-standard-card {
        grid-column: span 5;
        overflow: hidden;
        border-radius: 27px;
        background: #fff;
        border: 1px solid #eadfd5;
        box-shadow: 0 15px 40px rgba(16,45,82,.05);
    }

    .fac-standard-image {
        position: relative;
        height: 225px;
        overflow: hidden;
    }

    .fac-standard-number {
        position: absolute;
        top: 17px;
        right: 20px;
        color: rgba(255,255,255,.85);
        font-family: Georgia, serif;
        font-size: 17px;
        font-weight: 700;
        z-index: 2;
    }

    .fac-standard-content {
        padding: 24px;
    }

    .fac-standard-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .fac-standard-icon {
        width: 43px;
        height: 43px;
        border-radius: 12px;
        background: #fff0eb;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
    }

    .fac-standard-label {
        color: #c99845;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .fac-standard-content h3 {
        margin: 13px 0 7px;
        color: #102d52;
        font-family: Georgia, serif;
        font-size: 24px;
    }

    .fac-standard-content p {
        margin: 0;
        color: #718095;
        font-size: 10px;
        line-height: 1.7;
    }

    .fac-explore-line {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 18px;
        padding-top: 13px;
        border-top: 1px solid #eee5dc;
        color: #8d1717;
        font-size: 8px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .8px;
    }

    .fac-explore-line i {
        color: #c99845;
        transition: .3s ease;
    }

    .fac-standard-card:hover .fac-explore-line i {
        transform: translateX(4px);
    }


    /* =====================================================
       HOSTELS
    ====================================================== */

    .fac-hostel-card {
        grid-column: span 4;
        overflow: hidden;
        border-radius: 25px;
        background: #ffffff;
        border: 1px solid #eadfd5;
        box-shadow: 0 14px 35px rgba(16,45,82,.05);
    }

    .fac-hostel-image {
        position: relative;
        height: 205px;
        overflow: hidden;
    }

    .fac-hostel-gender {
        position: absolute;
        left: 16px;
        bottom: 15px;
        z-index: 3;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 7px 10px;
        border-radius: 9px;
        color: #fff;
        background: rgba(16,45,82,.88);
        font-size: 8px;
        font-weight: 800;
    }

    .fac-hostel-gender i {
        color: #e6c783;
    }

    .fac-hostel-content {
        display: flex;
        gap: 13px;
        padding: 22px;
    }

    .fac-hostel-icon {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        border-radius: 11px;
        background: #fff0eb;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
    }

    .fac-hostel-label {
        color: #c99845;
        font-size: 7px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .fac-hostel-content h3 {
        margin: 5px 0 7px;
        color: #102d52;
        font-family: Georgia, serif;
        font-size: 22px;
    }

    .fac-hostel-content p {
        margin: 0;
        color: #718095;
        font-size: 9px;
        line-height: 1.7;
    }


    /* =====================================================
       CAFETERIA
    ====================================================== */

    .fac-cafeteria-card {
        grid-column: span 8;
        display: grid;
        grid-template-columns: .85fr 1.15fr;
        min-height: 285px;
        overflow: hidden;
        border-radius: 27px;
        background: #102d52;
        box-shadow: 0 18px 45px rgba(16,45,82,.14);
    }

    .fac-cafeteria-content {
        position: relative;
        padding: 34px;
        overflow: hidden;
    }

    .fac-cafeteria-number {
        position: absolute;
        top: 20px;
        right: 25px;
        color: rgba(255,255,255,.13);
        font-family: Georgia, serif;
        font-size: 23px;
        font-weight: 700;
    }

    .fac-cafeteria-icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        background: rgba(201,152,69,.13);
        color: #e6c783;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
    }

    .fac-cafeteria-label {
        display: block;
        margin-top: 18px;
        color: #e6c783;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }

    .fac-cafeteria-content h3 {
        margin: 6px 0 9px;
        color: #fff;
        font-family: Georgia, serif;
        font-size: 30px;
    }

    .fac-cafeteria-content p {
        max-width: 360px;
        margin: 0;
        color: #b7c3cf;
        font-size: 10px;
        line-height: 1.75;
    }

    .fac-cafeteria-points {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-top: 17px;
    }

    .fac-cafeteria-points span {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 7px 9px;
        border-radius: 8px;
        color: #dce3e8;
        background: rgba(255,255,255,.06);
        font-size: 7px;
        font-weight: 700;
    }

    .fac-cafeteria-points i {
        color: #e6c783;
    }

    .fac-cafeteria-visual {
        position: relative;
        min-height: 285px;
        overflow: hidden;
    }

    .fac-cafeteria-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(
            90deg,
            rgba(16,45,82,.55),
            transparent 45%
        );
    }

    .fac-cafe-circle {
        position: absolute;
        right: 22px;
        bottom: 20px;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: rgba(255,255,255,.92);
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }


    /* =====================================================
       BOTTOM NOTE
    ====================================================== */

    .fac-showcase-note {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-top: 25px;
        padding: 19px 23px;
        border-radius: 17px;
        background: #fffaf5;
        border: 1px solid #eadfd5;
    }

    .fac-note-icon {
        width: 43px;
        height: 43px;
        flex: 0 0 43px;
        border-radius: 12px;
        background: #fff;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 6px 18px rgba(16,45,82,.06);
    }

    .fac-showcase-note span,
    .fac-showcase-note strong {
        display: block;
    }

    .fac-showcase-note span {
        color: #c99845;
        font-size: 8px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .fac-showcase-note strong {
        margin-top: 4px;
        color: #102d52;
        font-family: Georgia, serif;
        font-size: 14px;
    }


    /* =====================================================
       TABLET
    ====================================================== */

    @media (max-width: 1100px) {

        .fac-showcase-header {
            grid-template-columns: 1fr 350px;
            gap: 35px;
        }

        .fac-feature-card {
            grid-column: span 7;
        }

        .fac-standard-card {
            grid-column: span 5;
        }

        .fac-hostel-card {
            grid-column: span 6;
        }

        .fac-cafeteria-card {
            grid-column: span 12;
        }

    }


    /* =====================================================
       TABLET
    ====================================================== */

    @media (max-width: 991px) {

        .fac-showcase-section {
            padding: 80px 0;
        }

        .fac-showcase-header {
            display: block;
            text-align: center;
            margin-bottom: 40px;
        }

        .fac-showcase-eyebrow {
            justify-content: center;
        }

        .fac-showcase-heading h2 {
            margin-left: auto;
            margin-right: auto;
        }

        .fac-showcase-header > p {
            max-width: 680px;
            margin: 18px auto 0;
        }

        .fac-feature-card {
            grid-column: span 12;
        }

        .fac-standard-card {
            grid-column: span 6;
        }

        .fac-hostel-card {
            grid-column: span 6;
        }

        .fac-cafeteria-card {
            grid-column: span 12;
        }

    }


    /* =====================================================
       MOBILE
    ====================================================== */

    @media (max-width: 767px) {

        .fac-showcase-section {
            padding: 70px 0;
        }

        .fac-showcase-container {
            width: 94%;
        }

        .fac-showcase-header {
            margin-bottom: 32px;
        }

        .fac-showcase-heading h2 {
            font-size: 39px;
            letter-spacing: -1px;
        }

        .fac-showcase-header > p {
            font-size: 12px;
            line-height: 1.75;
        }


        /* Grid */

        .fac-showcase-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 15px;
        }

        .fac-feature-card,
        .fac-standard-card,
        .fac-hostel-card,
        .fac-cafeteria-card {
            grid-column: auto;
        }


        /* Classroom */

        .fac-feature-card {
            min-height: auto;
            border-radius: 21px;
        }

        .fac-feature-image {
            height: 220px;
        }

        .fac-feature-content {
            padding: 20px;
        }

        .fac-card-icon {
            width: 41px;
            height: 41px;
            flex-basis: 41px;
            border-radius: 11px;
            font-size: 13px;
        }

        .fac-card-content h3 {
            font-size: 23px;
        }

        .fac-card-content p {
            font-size: 10px;
        }


        /* Standard */

        .fac-standard-card {
            border-radius: 21px;
        }

        .fac-standard-image {
            height: 200px;
        }

        .fac-standard-content {
            padding: 20px;
        }

        .fac-standard-content h3 {
            font-size: 22px;
        }


        /* Hostel */

        .fac-hostel-card {
            border-radius: 21px;
        }

        .fac-hostel-image {
            height: 190px;
        }

        .fac-hostel-content {
            padding: 19px;
        }


        /* Cafeteria */

        .fac-cafeteria-card {
            grid-template-columns: 1fr;
            border-radius: 21px;
        }

        .fac-cafeteria-content {
            padding: 25px 21px;
        }

        .fac-cafeteria-content h3 {
            font-size: 28px;
        }

        .fac-cafeteria-visual {
            min-height: 210px;
        }

        .fac-cafeteria-overlay {
            background: linear-gradient(
                180deg,
                rgba(16,45,82,.30),
                transparent
            );
        }


        /* Note */

        .fac-showcase-note {
            align-items: flex-start;
            padding: 17px;
        }

        .fac-note-icon {
            width: 38px;
            height: 38px;
            flex-basis: 38px;
        }

        .fac-showcase-note strong {
            font-size: 12px;
            line-height: 1.45;
        }

    }


    /* =====================================================
       SMALL MOBILE
    ====================================================== */

    @media (max-width: 420px) {

        .fac-showcase-heading h2 {
            font-size: 34px;
        }

        .fac-feature-image {
            height: 190px;
        }

        .fac-standard-image {
            height: 175px;
        }

        .fac-hostel-image {
            height: 175px;
        }

        .fac-feature-content {
            gap: 11px;
        }

        .fac-card-content h3 {
            font-size: 21px;
        }

        .fac-card-meta {
            display: grid;
            grid-template-columns: 1fr;
        }

        .fac-cafeteria-visual {
            min-height: 180px;
        }

    }
 

<!-- =========================================================
     ADMISSIONS HERO CSS
========================================================= -->

 

    /* =====================================================
       SECTION
    ====================================================== */

    .adm-hero-section {
        position: relative;
        overflow: hidden;
        padding: 92px 0 0;
        background:
            radial-gradient(
                circle at 80% 15%,
                rgba(201,152,69,.12),
                transparent 28%
            ),
            linear-gradient(
                135deg,
                #fffaf5 0%,
                #ffffff 55%,
                #fff7ef 100%
            );
    }


    .adm-hero-container {
        position: relative;
        z-index: 3;
        width: 92%;
        max-width: 1400px;
        margin: auto;
    }


    /* =====================================================
       BACKGROUND DECORATION
    ====================================================== */

    .adm-hero-bg-circle {
        position: absolute;
        border-radius: 50%;
        pointer-events: none;
    }


    .adm-hero-bg-circle-1 {
        width: 500px;
        height: 500px;
        right: -280px;
        top: -200px;
        border: 1px solid rgba(141,23,23,.07);
    }


    .adm-hero-bg-circle-2 {
        width: 300px;
        height: 300px;
        left: -170px;
        bottom: 60px;
        border: 1px solid rgba(201,152,69,.12);
    }


    /* =====================================================
       CONTENT
    ====================================================== */

    .adm-hero-content {
        padding: 20px 45px 65px 8px;
    }


    .adm-hero-eyebrow {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 22px;
        color: #102d52;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 2px;
        text-transform: uppercase;
    }


    .adm-hero-dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #8d1717;
        box-shadow: 0 0 0 6px rgba(141,23,23,.08);
    }


    .adm-hero-line {
        width: 45px;
        height: 1px;
        margin-left: 5px;
        background: #c99845;
    }


    /* =====================================================
       TITLE
    ====================================================== */

    .adm-hero-title {
        margin: 0;
        max-width: 650px;
        color: #102d52;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(50px, 5.4vw, 76px);
        line-height: 1;
        letter-spacing: -2.5px;
        font-weight: 700;
    }


    .adm-hero-title span {
        display: block;
        color: #8d1717;
        margin-top: 7px;
    }


    /* =====================================================
       HIGHLIGHT
    ====================================================== */

    .adm-hero-highlight {
        display: inline-flex;
        align-items: center;
        gap: 13px;
        margin-top: 25px;
        padding: 10px 17px 10px 10px;
        border-radius: 15px;
        background: #fff;
        border: 1px solid #eadfd5;
        box-shadow: 0 8px 25px rgba(16,45,82,.05);
    }


    .adm-highlight-mark {
        width: 42px;
        height: 42px;
        border-radius: 12px;
        background: #fff0eb;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
    }


    .adm-hero-highlight strong,
    .adm-hero-highlight span {
        display: block;
    }


    .adm-hero-highlight strong {
        color: #102d52;
        font-size: 13px;
        font-weight: 800;
    }


    .adm-hero-highlight span {
        margin-top: 3px;
        color: #7d8997;
        font-size: 10px;
    }


    /* =====================================================
       DESCRIPTION
    ====================================================== */

    .adm-hero-description {
        max-width: 625px;
        margin: 22px 0 0;
        color: #637388;
        font-size: 15px;
        line-height: 1.85;
    }


    /* =====================================================
       BUTTONS
    ====================================================== */

    .adm-hero-actions {
        display: flex;
        align-items: center;
        gap: 13px;
        flex-wrap: wrap;
        margin-top: 30px;
    }


    .adm-hero-primary-btn,
    .adm-hero-secondary-btn {
        min-height: 54px;
        padding: 0 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 11px;
        border-radius: 14px;
        text-decoration: none !important;
        font-size: 13px;
        font-weight: 800;
        transition: all .3s ease;
    }


    .adm-hero-primary-btn {
        color: #fff !important;
        background: linear-gradient(
            135deg,
            #8d1717,
            #b62b24
        );
        box-shadow: 0 14px 30px rgba(141,23,23,.20);
    }


    .adm-hero-primary-btn span {
        width: 30px;
        height: 30px;
        border-radius: 9px;
        background: rgba(255,255,255,.15);
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .adm-hero-primary-btn:hover {
        color: #fff !important;
        transform: translateY(-3px);
        box-shadow: 0 18px 38px rgba(141,23,23,.27);
    }


    .adm-hero-secondary-btn {
        color: #102d52 !important;
        background: #fff;
        border: 1px solid #eadfd5;
        box-shadow: 0 8px 22px rgba(16,45,82,.06);
    }


    .adm-hero-secondary-btn:hover {
        color: #8d1717 !important;
        border-color: #c99845;
        transform: translateY(-3px);
    }


    /* =====================================================
       TRUST
    ====================================================== */

    .adm-hero-trust {
        display: flex;
        align-items: center;
        gap: 18px;
        margin-top: 35px;
        padding-top: 24px;
        border-top: 1px solid #eadfd5;
    }


    .adm-trust-item {
        display: flex;
        align-items: center;
        gap: 9px;
    }


    .adm-trust-icon {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        border-radius: 11px;
        background: #fff0eb;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }


    .adm-trust-item strong,
    .adm-trust-item span {
        display: block;
    }


    .adm-trust-item strong {
        color: #102d52;
        font-size: 11px;
        font-weight: 800;
    }


    .adm-trust-item span {
        margin-top: 2px;
        color: #84909d;
        font-size: 10px;
    }


    .adm-trust-divider {
        width: 1px;
        height: 32px;
        background: #e5dbd1;
    }


    /* =====================================================
       RIGHT VISUAL
    ====================================================== */

    .adm-hero-visual {
        position: relative;
        min-height: 610px;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .adm-hero-image-wrap {
        position: relative;
        width: 74%;
        height: 555px;
        overflow: hidden;
        border-radius: 35px 35px 100px 35px;
        border: 8px solid rgba(255,255,255,.95);
        box-shadow:
            0 30px 70px rgba(16,45,82,.15),
            0 10px 25px rgba(141,23,23,.08);
        z-index: 2;
    }


    .adm-hero-image {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
        transition: transform .7s ease;
    }


    .adm-hero-image-wrap:hover .adm-hero-image {
        transform: scale(1.035);
    }


    .adm-image-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(
            180deg,
            transparent 65%,
            rgba(16,45,82,.15)
        );
        pointer-events: none;
    }


    /* =====================================================
       FLOATING CARDS
    ====================================================== */

    .adm-floating-card {
        position: absolute;
        z-index: 7;
        display: flex;
        align-items: center;
        gap: 11px;
        padding: 12px 14px;
        border-radius: 15px;
        background: rgba(255,255,255,.96);
        border: 1px solid #eadfd5;
        box-shadow: 0 16px 35px rgba(16,45,82,.13);
        backdrop-filter: blur(12px);
    }


    .adm-floating-application {
        top: 18%;
        left: 4%;
    }


    .adm-floating-programme {
        right: 1%;
        top: 43%;
    }


    .adm-floating-icon,
    .adm-programme-icon {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        border-radius: 11px;
        background: #fff0eb;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }


    .adm-floating-card span,
    .adm-floating-card strong {
        display: block;
    }


    .adm-floating-card span {
        color: #8b96a2;
        font-size: 9px;
        text-transform: uppercase;
        letter-spacing: .8px;
    }


    .adm-floating-card strong {
        margin-top: 3px;
        color: #102d52;
        font-size: 12px;
    }


    .adm-floating-check {
        width: 22px;
        height: 22px;
        margin-left: 7px;
        border-radius: 50%;
        background: #8d1717;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 8px;
    }


    /* =====================================================
       ORBS
    ====================================================== */

    .adm-orb {
        position: absolute;
        border-radius: 50%;
        z-index: 1;
    }


    .adm-orb-1 {
        width: 65px;
        height: 65px;
        right: 2%;
        top: 8%;
        border: 10px solid rgba(141,23,23,.10);
    }


    .adm-orb-2 {
        width: 27px;
        height: 27px;
        left: 5%;
        bottom: 18%;
        background: #c99845;
        opacity: .7;
    }


    /* =====================================================
       JOURNEY CARD
    ====================================================== */

    .adm-journey-card {
        position: absolute;
        z-index: 8;
        left: 10%;
        right: 7%;
        bottom: 2%;
        padding: 20px 24px;
        border-radius: 20px;
        background: rgba(16,45,82,.96);
        box-shadow: 0 20px 45px rgba(16,45,82,.23);
    }


    .adm-journey-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }


    .adm-journey-top span,
    .adm-journey-top strong {
        display: block;
    }


    .adm-journey-top span {
        color: #e6c783;
        font-size: 9px;
        text-transform: uppercase;
        letter-spacing: 1.2px;
        font-weight: 800;
    }


    .adm-journey-top strong {
        margin-top: 3px;
        color: #fff;
        font-family: Georgia, serif;
        font-size: 18px;
    }


    .adm-journey-number {
        color: #e6c783;
        font-family: Georgia, serif;
        font-size: 24px;
        font-weight: 700;
    }


    .adm-journey-steps {
        display: flex;
        align-items: center;
        margin-top: 17px;
    }


    .adm-journey-step {
        display: flex;
        align-items: center;
        gap: 7px;
    }


    .adm-journey-step span {
        width: 31px;
        height: 31px;
        border-radius: 9px;
        background: rgba(255,255,255,.08);
        color: #aebdca;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
    }


    .adm-journey-step.active span {
        background: #c99845;
        color: #fff;
    }


    .adm-journey-step small {
        color: #c4cdd6;
        font-size: 9px;
        font-weight: 700;
    }


    .adm-step-line {
        height: 1px;
        flex: 1;
        min-width: 18px;
        margin: 0 8px;
        background: rgba(255,255,255,.15);
    }


    /* =====================================================
       BOTTOM BAR
    ====================================================== */

    .adm-hero-bottom {
        display: flex;
        align-items: center;
        justify-content: space-around;
        gap: 20px;
        margin-top: 25px;
        padding: 24px 20px;
        border-top: 1px solid #eadfd5;
        background: rgba(255,255,255,.65);
    }


    .adm-bottom-item {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #102d52;
        font-size: 11px;
        font-weight: 700;
    }


    .adm-bottom-item i {
        color: #8d1717;
        font-size: 14px;
    }


    .adm-bottom-divider {
        width: 1px;
        height: 24px;
        background: #e2d8ce;
    }


    /* =====================================================
       TABLET
    ====================================================== */

    @media (max-width: 1100px) {

        .adm-hero-section {
            padding-top: 70px;
        }

        .adm-hero-content {
            padding-right: 20px;
        }

        .adm-hero-title {
            font-size: 57px;
        }

        .adm-hero-visual {
            min-height: 560px;
        }

        .adm-hero-image-wrap {
            width: 77%;
            height: 510px;
        }

        .adm-floating-application {
            left: 0;
        }

        .adm-floating-programme {
            right: 0;
        }

        .adm-journey-card {
            left: 7%;
            right: 4%;
        }
    }


    /* =====================================================
       TABLET / MOBILE
    ====================================================== */

    @media (max-width: 991px) {

        .adm-hero-section {
            padding-top: 65px;
        }

        .adm-hero-content {
            max-width: 760px;
            margin: auto;
            padding: 0 5px 55px;
            text-align: center;
        }

        .adm-hero-eyebrow {
            justify-content: center;
        }

        .adm-hero-title {
            font-size: clamp(48px, 8vw, 68px);
        }

        .adm-hero-highlight {
            text-align: left;
        }

        .adm-hero-description {
            margin-left: auto;
            margin-right: auto;
        }

        .adm-hero-actions {
            justify-content: center;
        }

        .adm-hero-trust {
            justify-content: center;
        }

        .adm-hero-visual {
            min-height: 590px;
        }

        .adm-hero-image-wrap {
            width: 68%;
            height: 540px;
        }

        .adm-floating-application {
            left: 9%;
        }

        .adm-floating-programme {
            right: 7%;
        }

        .adm-journey-card {
            left: 13%;
            right: 10%;
        }
    }


    /* =====================================================
       MOBILE
    ====================================================== */

    @media (max-width: 767px) {

        .adm-hero-section {
            padding-top: 48px;
        }

        .adm-hero-container {
            width: 94%;
        }

        .adm-hero-content {
            padding-bottom: 40px;
        }

        .adm-hero-eyebrow {
            font-size: 9px;
            letter-spacing: 1.4px;
            gap: 7px;
        }

        .adm-hero-dot {
            width: 8px;
            height: 8px;
        }

        .adm-hero-line {
            width: 25px;
        }

        .adm-hero-title {
            font-size: clamp(40px, 12vw, 53px);
            letter-spacing: -1.5px;
            line-height: 1;
        }

        .adm-hero-title span {
            margin-top: 5px;
        }


        .adm-hero-highlight {
            width: 100%;
            justify-content: flex-start;
            margin-top: 20px;
        }


        .adm-hero-description {
            font-size: 13px;
            line-height: 1.75;
            margin-top: 17px;
        }


        .adm-hero-actions {
            width: 100%;
            flex-direction: column;
            gap: 9px;
            margin-top: 24px;
        }


        .adm-hero-primary-btn,
        .adm-hero-secondary-btn {
            width: 100%;
            min-height: 51px;
        }


        /* Trust */

        .adm-hero-trust {
            gap: 7px;
            margin-top: 28px;
            padding-top: 20px;
        }


        .adm-trust-item {
            flex: 1;
            flex-direction: column;
            gap: 5px;
            text-align: center;
        }


        .adm-trust-icon {
            width: 34px;
            height: 34px;
            flex-basis: 34px;
            border-radius: 9px;
            font-size: 11px;
        }


        .adm-trust-item strong {
            font-size: 9px;
        }


        .adm-trust-item span {
            font-size: 8px;
        }


        .adm-trust-divider {
            height: 25px;
        }


        /* Visual */

        .adm-hero-visual {
            min-height: 500px;
        }


        .adm-hero-image-wrap {
            width: 86%;
            height: 440px;
            border-width: 6px;
            border-radius: 25px 25px 65px 25px;
        }


        /* Floating */

        .adm-floating-card {
            padding: 9px 10px;
            gap: 7px;
            border-radius: 11px;
        }


        .adm-floating-application {
            left: 0;
            top: 17%;
        }


        .adm-floating-programme {
            right: 0;
            top: 42%;
        }


        .adm-floating-icon,
        .adm-programme-icon {
            width: 32px;
            height: 32px;
            flex-basis: 32px;
            border-radius: 8px;
            font-size: 11px;
        }


        .adm-floating-card span {
            font-size: 7px;
        }


        .adm-floating-card strong {
            font-size: 9px;
        }


        .adm-floating-check {
            width: 18px;
            height: 18px;
            font-size: 7px;
        }


        /* Journey */

        .adm-journey-card {
            left: 3%;
            right: 3%;
            bottom: 1%;
            padding: 16px;
            border-radius: 16px;
        }


        .adm-journey-top strong {
            font-size: 15px;
        }


        .adm-journey-number {
            font-size: 19px;
        }


        .adm-journey-step {
            flex-direction: column;
            gap: 4px;
        }


        .adm-journey-step span {
            width: 29px;
            height: 29px;
            border-radius: 8px;
        }


        .adm-journey-step small {
            font-size: 7px;
        }


        .adm-step-line {
            min-width: 7px;
            margin: 0 4px;
        }


        /* Orbs */

        .adm-orb-1 {
            width: 45px;
            height: 45px;
            border-width: 7px;
        }


        .adm-orb-2 {
            width: 20px;
            height: 20px;
        }


        /* Bottom */

        .adm-hero-bottom {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 0;
            padding: 18px 10px;
        }


        .adm-bottom-item {
            justify-content: center;
            padding: 10px 5px;
            font-size: 9px;
            text-align: center;
        }


        .adm-bottom-item i {
            font-size: 12px;
        }


        .adm-bottom-divider {
            display: none;
        }

    }


    /* =====================================================
       SMALL MOBILE
    ====================================================== */

    @media (max-width: 420px) {

        .adm-hero-title {
            font-size: 39px;
        }

        .adm-hero-highlight strong {
            font-size: 11px;
        }

        .adm-hero-highlight span {
            font-size: 8px;
        }

        .adm-hero-description {
            font-size: 12.5px;
        }

        .adm-hero-visual {
            min-height: 465px;
        }

        .adm-hero-image-wrap {
            height: 405px;
            width: 88%;
        }

        .adm-journey-card {
            left: 2%;
            right: 2%;
        }

    }

 
<!-- =========================================================
     BPT ADMISSION GUIDE CSS
========================================================= -->

 

    /* =====================================================
       BASE
    ====================================================== */

    .bpt-admission-guide {
        position: relative;
        overflow: hidden;
        padding: 105px 0;
        background:
            linear-gradient(
                180deg,
                #fffaf5 0%,
                #ffffff 42%,
                #fffaf5 100%
            );
        color: #102d52;
    }

    .bpt-admission-container {
        width: 92%;
        max-width: 1380px;
        margin: auto;
    }


    /* =====================================================
       HEADER
    ====================================================== */

    .bpt-admission-header {
        max-width: 820px;
        margin: 0 auto 55px;
        text-align: center;
    }

    .bpt-admission-eyebrow {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        color: #8d1717;
        font-size: 11px;
        font-weight: 900;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .bpt-admission-eyebrow-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #8d1717;
        box-shadow: 0 0 0 6px rgba(141,23,23,.08);
    }

    .bpt-admission-eyebrow i {
        width: 40px;
        height: 1px;
        background: #c99845;
    }

    .bpt-admission-header h2 {
        margin: 18px 0 0;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(42px, 5vw, 65px);
        line-height: 1.08;
        letter-spacing: -2px;
        color: #102d52;
    }

    .bpt-admission-header h2 strong {
        display: block;
        color: #8d1717;
    }

    .bpt-admission-header > p {
        max-width: 700px;
        margin: 20px auto 0;
        color: #718095;
        font-size: 15px;
        line-height: 1.85;
    }


    /* =====================================================
       OVERVIEW CARDS
    ====================================================== */

    .bpt-admission-overview {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 14px;
        margin-bottom: 65px;
    }

    .bpt-admission-overview-card {
        display: flex;
        align-items: center;
        gap: 13px;
        min-height: 88px;
        padding: 16px;
        background: #fff;
        border: 1px solid #eadfd5;
        border-radius: 17px;
        box-shadow: 0 8px 25px rgba(16,45,82,.04);
    }

    .bpt-admission-overview-icon {
        width: 45px;
        height: 45px;
        flex: 0 0 45px;
        border-radius: 13px;
        background: #fff0eb;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bpt-admission-overview-card span,
    .bpt-admission-overview-card strong {
        display: block;
    }

    .bpt-admission-overview-card span {
        color: #8b96a2;
        font-size: 9px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 800;
    }

    .bpt-admission-overview-card strong {
        margin-top: 4px;
        color: #102d52;
        font-size: 11px;
        line-height: 1.45;
    }


    /* =====================================================
       MAIN GRID
    ====================================================== */

    .bpt-admission-main-grid {
        display: grid;
        grid-template-columns: 1.15fr .85fr;
        gap: 22px;
        margin-bottom: 75px;
    }


    .bpt-eligibility-card,
    .bpt-career-card {
        position: relative;
        padding: 40px;
        border-radius: 27px;
        border: 1px solid #eadfd5;
        overflow: hidden;
    }


    .bpt-eligibility-card {
        background: #fff;
    }


    .bpt-career-card {
        background: #102d52;
        border-color: #102d52;
    }


    .bpt-card-number {
        position: absolute;
        top: 28px;
        right: 32px;
        color: #d8c5a3;
        font-size: 11px;
        font-weight: 900;
        letter-spacing: 1px;
    }


    .bpt-career-card .bpt-card-number {
        color: rgba(255,255,255,.22);
    }


    .bpt-card-label {
        color: #8d1717;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }


    .bpt-career-card .bpt-card-label {
        color: #e6c783;
    }


    .bpt-eligibility-card h3,
    .bpt-career-card h3 {
        margin: 9px 0 12px;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 38px;
        color: #102d52;
    }


    .bpt-eligibility-card h3 span {
        color: #8d1717;
    }


    .bpt-career-card h3 {
        color: #fff;
    }


    .bpt-career-card h3 span {
        color: #e6c783;
    }


    .bpt-card-intro {
        margin: 0 0 25px;
        color: #718095;
        font-size: 13px;
        line-height: 1.8;
    }


    .bpt-career-card .bpt-card-intro {
        color: #b7c2cf;
    }


    /* =====================================================
       ELIGIBILITY ROWS
    ====================================================== */

    .bpt-eligibility-row {
        display: flex;
        gap: 13px;
        padding: 17px 0;
        border-top: 1px solid #eee4db;
    }


    .bpt-eligibility-icon {
        width: 39px;
        height: 39px;
        flex: 0 0 39px;
        border-radius: 11px;
        background: #fff0eb;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
    }


    .bpt-eligibility-text span {
        display: block;
        color: #8d1717;
        font-size: 9px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }


    .bpt-eligibility-text strong {
        display: block;
        margin-top: 4px;
        color: #102d52;
        font-size: 12px;
    }


    .bpt-eligibility-text p {
        margin: 4px 0 0;
        color: #84909d;
        font-size: 10px;
        line-height: 1.6;
    }


    .bpt-eligibility-note {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        margin-top: 18px;
        padding: 12px;
        border-radius: 12px;
        background: #fffaf5;
        color: #7d8996;
        font-size: 9px;
        line-height: 1.6;
    }


    .bpt-eligibility-note i {
        color: #c99845;
        margin-top: 2px;
    }


    /* =====================================================
       CAREER
    ====================================================== */

    .bpt-career-list {
        margin-top: 20px;
    }


    .bpt-career-item {
        display: flex;
        align-items: center;
        gap: 11px;
        padding: 12px 0;
        border-top: 1px solid rgba(255,255,255,.09);
    }


    .bpt-career-item > div {
        width: 37px;
        height: 37px;
        flex: 0 0 37px;
        border-radius: 10px;
        background: rgba(201,152,69,.13);
        color: #e6c783;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
    }


    .bpt-career-item span {
        flex: 1;
        color: #e1e7ed;
        font-size: 11px;
        line-height: 1.4;
    }


    .bpt-career-item > i {
        color: #c99845;
        font-size: 9px;
    }


    .bpt-career-bottom {
        display: flex;
        gap: 10px;
        margin-top: 22px;
        padding: 13px;
        border-radius: 12px;
        background: rgba(255,255,255,.06);
    }


    .bpt-career-bottom i {
        color: #e6c783;
        margin-top: 2px;
    }


    .bpt-career-bottom span {
        color: #b5c0cc;
        font-size: 9px;
        line-height: 1.6;
    }


    /* =====================================================
       APPLICATION PROCESS
    ====================================================== */

    .bpt-application-section {
        margin-bottom: 75px;
        padding: 55px;
        border-radius: 28px;
        background: #fff;
        border: 1px solid #eadfd5;
        box-shadow: 0 18px 50px rgba(16,45,82,.05);
    }


    .bpt-application-heading {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 30px;
        margin-bottom: 42px;
    }


    .bpt-application-heading h3 {
        margin: 8px 0 0;
        font-family: Georgia, serif;
        font-size: 42px;
        color: #102d52;
    }


    .bpt-application-heading h3 span {
        color: #8d1717;
    }


    .bpt-application-heading > p {
        max-width: 370px;
        margin: 0;
        color: #718095;
        font-size: 12px;
        line-height: 1.7;
    }


    .bpt-application-steps {
        display: flex;
        align-items: flex-start;
    }


    .bpt-application-step {
        flex: 1;
        text-align: center;
    }


    .bpt-step-number {
        color: #c99845;
        font-size: 10px;
        font-weight: 900;
        margin-bottom: 10px;
    }


    .bpt-step-icon {
        width: 55px;
        height: 55px;
        margin: auto;
        border-radius: 16px;
        background: #fff0eb;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        transition: .3s ease;
    }


    .bpt-application-step:hover .bpt-step-icon {
        background: #8d1717;
        color: #fff;
        transform: translateY(-4px);
    }


    .bpt-application-step h4 {
        margin: 16px 0 7px;
        color: #102d52;
        font-family: Georgia, serif;
        font-size: 17px;
    }


    .bpt-application-step p {
        max-width: 150px;
        margin: auto;
        color: #84909d;
        font-size: 10px;
        line-height: 1.65;
    }


    .bpt-step-connector {
        width: 55px;
        height: 1px;
        margin-top: 92px;
        background: #dfd3c8;
        position: relative;
    }


    .bpt-step-connector::after {
        content: "";
        position: absolute;
        right: 0;
        top: -3px;
        width: 7px;
        height: 7px;
        border-top: 1px solid #c99845;
        border-right: 1px solid #c99845;
        transform: rotate(45deg);
    }


    /* =====================================================
       DOCUMENT + CONTACT
    ====================================================== */

    .bpt-document-contact-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 22px;
        margin-bottom: 55px;
    }


    .bpt-document-card {
        padding: 38px;
        border-radius: 27px;
        background: #fff;
        border: 1px solid #eadfd5;
    }


    .bpt-doc-top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
    }


    .bpt-doc-top > div:first-child > span {
        color: #8d1717;
        font-size: 9px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1.4px;
    }


    .bpt-doc-top h3 {
        margin: 9px 0 0;
        color: #102d52;
        font-family: Georgia, serif;
        font-size: 31px;
        line-height: 1.2;
    }


    .bpt-doc-top h3 strong {
        color: #8d1717;
    }


    .bpt-doc-icon {
        width: 53px;
        height: 53px;
        flex: 0 0 53px;
        border-radius: 15px;
        background: #fff0eb;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .bpt-document-card > p {
        margin: 16px 0 20px;
        color: #718095;
        font-size: 12px;
        line-height: 1.7;
    }


    .bpt-document-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }


    .bpt-document-list div {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        color: #53657a;
        font-size: 10px;
        line-height: 1.5;
    }


    .bpt-document-list i {
        width: 17px;
        height: 17px;
        flex: 0 0 17px;
        border-radius: 50%;
        background: #f8eee8;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 7px;
        margin-top: 1px;
    }


    .bpt-doc-note {
        display: flex;
        gap: 8px;
        margin-top: 20px;
        padding: 11px;
        border-radius: 11px;
        background: #fffaf5;
        color: #84909d;
        font-size: 9px;
        line-height: 1.6;
    }


    .bpt-doc-note i {
        color: #c99845;
        margin-top: 2px;
    }


    /* =====================================================
       CONTACT
    ====================================================== */

    .bpt-contact-card {
        position: relative;
        overflow: hidden;
        border-radius: 27px;
        background: linear-gradient(
            135deg,
            #102d52,
            #081f3b
        );
    }


    .bpt-contact-glow {
        position: absolute;
        width: 280px;
        height: 280px;
        right: -100px;
        top: -120px;
        border-radius: 50%;
        border: 1px solid rgba(230,199,131,.16);
    }


    .bpt-contact-content {
        position: relative;
        z-index: 2;
        padding: 38px;
    }


    .bpt-contact-label {
        color: #e6c783;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }


    .bpt-contact-content h3 {
        margin: 9px 0 13px;
        color: #fff;
        font-family: Georgia, serif;
        font-size: 39px;
    }


    .bpt-contact-content h3 span {
        color: #e6c783;
    }


    .bpt-contact-content > p {
        max-width: 450px;
        color: #b9c5d0;
        font-size: 12px;
        line-height: 1.75;
    }


    .bpt-contact-details {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 23px;
    }


    .bpt-contact-item {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px;
        border-radius: 13px;
        background: rgba(255,255,255,.06);
        text-decoration: none !important;
        border: 1px solid rgba(255,255,255,.08);
    }


    .bpt-contact-item > div {
        width: 35px;
        height: 35px;
        flex: 0 0 35px;
        border-radius: 10px;
        background: rgba(201,152,69,.14);
        color: #e6c783;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
    }


    .bpt-contact-item small,
    .bpt-contact-item strong {
        display: block;
    }


    .bpt-contact-item small {
        color: #9eacba;
        font-size: 8px;
    }


    .bpt-contact-item strong {
        margin-top: 3px;
        color: #fff;
        font-size: 10px;
        word-break: break-word;
    }


    .bpt-contact-button {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: 22px;
        padding: 13px 18px;
        border-radius: 12px;
        background: #c99845;
        color: #fff !important;
        text-decoration: none !important;
        font-size: 11px;
        font-weight: 800;
        transition: .3s ease;
    }


    .bpt-contact-button:hover {
        color: #fff !important;
        transform: translateY(-3px);
        background: #b98738;
    }


    /* =====================================================
       FINAL CTA
    ====================================================== */

    .bpt-admission-final-cta {
        display: flex;
        align-items: center;
        gap: 17px;
        padding: 25px 30px;
        border-radius: 20px;
        background: #fff;
        border: 1px solid #eadfd5;
        box-shadow: 0 12px 35px rgba(16,45,82,.05);
    }


    .bpt-final-cta-icon {
        width: 50px;
        height: 50px;
        flex: 0 0 50px;
        border-radius: 14px;
        background: #8d1717;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .bpt-final-cta-content {
        flex: 1;
    }


    .bpt-final-cta-content span,
    .bpt-final-cta-content strong {
        display: block;
    }


    .bpt-final-cta-content span {
        color: #c99845;
        font-size: 9px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }


    .bpt-final-cta-content strong {
        margin-top: 4px;
        color: #102d52;
        font-family: Georgia, serif;
        font-size: 17px;
    }


    .bpt-final-cta-button {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        padding: 13px 18px;
        border-radius: 12px;
        background: #8d1717;
        color: #fff !important;
        text-decoration: none !important;
        font-size: 10px;
        font-weight: 800;
        transition: .3s ease;
    }


    .bpt-final-cta-button:hover {
        color: #fff !important;
        background: #6f1111;
        transform: translateY(-2px);
    }


    /* =====================================================
       TABLET
    ====================================================== */

    @media (max-width: 1100px) {

        .bpt-admission-overview {
            grid-template-columns: repeat(2, 1fr);
        }

        .bpt-admission-main-grid {
            grid-template-columns: 1fr;
        }

        .bpt-career-card {
            min-height: auto;
        }

        .bpt-application-steps {
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
        }

        .bpt-application-step {
            flex: 0 0 28%;
        }

        .bpt-step-connector {
            display: none;
        }
    }


    /* =====================================================
       MOBILE
    ====================================================== */

    @media (max-width: 767px) {

        .bpt-admission-guide {
            padding: 70px 0;
        }

        .bpt-admission-container {
            width: 94%;
        }


        /* Header */

        .bpt-admission-header {
            margin-bottom: 40px;
        }

        .bpt-admission-header h2 {
            font-size: 40px;
            letter-spacing: -1px;
        }

        .bpt-admission-header > p {
            font-size: 13px;
            line-height: 1.75;
        }


        /* Overview */

        .bpt-admission-overview {
            grid-template-columns: 1fr;
            margin-bottom: 45px;
        }


        /* Main */

        .bpt-eligibility-card,
        .bpt-career-card {
            padding: 27px 21px;
            border-radius: 22px;
        }

        .bpt-eligibility-card h3,
        .bpt-career-card h3 {
            font-size: 34px;
        }

        .bpt-card-intro {
            font-size: 12px;
        }


        /* Application */

        .bpt-application-section {
            padding: 30px 20px;
            border-radius: 22px;
            margin-bottom: 55px;
        }

        .bpt-application-heading {
            display: block;
            margin-bottom: 30px;
        }

        .bpt-application-heading h3 {
            font-size: 35px;
        }

        .bpt-application-heading > p {
            margin-top: 12px;
        }

        .bpt-application-steps {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 25px 15px;
        }

        .bpt-application-step {
            flex: none;
        }

        .bpt-application-step:last-child {
            grid-column: 1 / -1;
        }


        /* Documents */

        .bpt-document-contact-grid {
            grid-template-columns: 1fr;
        }

        .bpt-document-card {
            padding: 27px 21px;
            border-radius: 22px;
        }

        .bpt-doc-top h3 {
            font-size: 28px;
        }

        .bpt-document-list {
            grid-template-columns: 1fr;
        }


        /* Contact */

        .bpt-contact-content {
            padding: 30px 22px;
        }

        .bpt-contact-content h3 {
            font-size: 36px;
        }

        .bpt-contact-details {
            grid-template-columns: 1fr;
        }


        /* CTA */

        .bpt-admission-final-cta {
            padding: 20px;
            align-items: flex-start;
            flex-wrap: wrap;
        }

        .bpt-final-cta-content {
            min-width: calc(100% - 67px);
        }

        .bpt-final-cta-button {
            width: 100%;
            justify-content: center;
            margin-top: 4px;
        }

    }


    /* =====================================================
       SMALL MOBILE
    ====================================================== */

    @media (max-width: 420px) {

        .bpt-admission-header h2 {
            font-size: 35px;
        }

        .bpt-eligibility-card h3,
        .bpt-career-card h3 {
            font-size: 31px;
        }

        .bpt-application-heading h3 {
            font-size: 31px;
        }

        .bpt-application-steps {
            grid-template-columns: 1fr;
        }

        .bpt-application-step:last-child {
            grid-column: auto;
        }

        .bpt-final-cta-content strong {
            font-size: 15px;
        }

    }
 
 /* =========================================================
     BPT HERO CSS
========================================================= */

 

    /* =========================================
       ROOT
    ========================================== */

    .bpt-hero-section {
        position: relative;
        overflow: hidden;
        background:
            radial-gradient(circle at 82% 20%, rgba(201, 152, 69, 0.10), transparent 30%),
            linear-gradient(135deg, #fffaf5 0%, #ffffff 55%, #fff8f1 100%);
        padding: 95px 0 85px;
    }


    .bpt-hero-section::before {
        content: "";
        position: absolute;
        width: 420px;
        height: 420px;
        border: 1px solid rgba(141, 23, 23, 0.07);
        border-radius: 50%;
        right: -190px;
        top: -150px;
    }


    .bpt-hero-section::after {
        content: "";
        position: absolute;
        width: 260px;
        height: 260px;
        border: 1px solid rgba(201, 152, 69, 0.12);
        border-radius: 50%;
        left: -130px;
        bottom: -140px;
    }


    .bpt-hero-container {
        width: 92%;
        max-width: 1420px;
        margin: auto;
        position: relative;
        z-index: 2;
    }


    /* =========================================
       LEFT CONTENT
    ========================================== */

    .bpt-hero-content {
        padding: 25px 55px 25px 10px;
    }


    /* Eyebrow */

    .bpt-hero-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 11px;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #102d52;
        margin-bottom: 22px;
    }


    .bpt-hero-eyebrow-dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #8d1717;
        position: relative;
        box-shadow: 0 0 0 6px rgba(141, 23, 23, 0.08);
    }


    .bpt-hero-eyebrow::after {
        content: "";
        width: 42px;
        height: 1px;
        background: #c99845;
        margin-left: 5px;
    }


    /* Heading */

    .bpt-hero-title {
        margin: 0;
        color: #102d52;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(48px, 5vw, 76px);
        line-height: 0.98;
        font-weight: 700;
        letter-spacing: -2.5px;
    }


    .bpt-hero-title span {
        display: block;
        color: #8d1717;
        margin-top: 7px;
    }


    .bpt-hero-title small {
        font-size: 0.48em;
        color: #8d1717;
        letter-spacing: 0;
        white-space: nowrap;
    }


    /* Tagline */

    .bpt-hero-tagline {
        margin-top: 22px;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 23px;
        font-weight: 600;
        font-style: italic;
        color: #b27a23;
    }


    /* Description */

    .bpt-hero-description {
        max-width: 610px;
        margin: 20px 0 0;
        color: #53657a;
        font-size: 16px;
        line-height: 1.85;
        font-weight: 400;
    }


    /* =========================================
       BUTTONS
    ========================================== */

    .bpt-hero-actions {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 14px;
        margin-top: 30px;
    }


    .bpt-hero-primary-btn,
    .bpt-hero-secondary-btn {
        min-height: 54px;
        padding: 0 22px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 11px;
        text-decoration: none !important;
        font-size: 14px;
        font-weight: 700;
        transition: all .3s ease;
    }


    .bpt-hero-primary-btn {
        color: #fff !important;
        background: linear-gradient(135deg, #8d1717, #b52b25);
        box-shadow: 0 12px 28px rgba(141, 23, 23, 0.20);
    }


    .bpt-hero-primary-btn:hover {
        color: #fff !important;
        transform: translateY(-3px);
        box-shadow: 0 17px 34px rgba(141, 23, 23, 0.28);
    }


    .bpt-hero-btn-icon {
        width: 30px;
        height: 30px;
        border-radius: 9px;
        background: rgba(255,255,255,.15);
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }


    .bpt-hero-secondary-btn {
        color: #102d52 !important;
        background: #fff;
        border: 1px solid #eadfd5;
        box-shadow: 0 7px 20px rgba(20, 40, 65, .06);
    }


    .bpt-hero-secondary-btn:hover {
        color: #8d1717 !important;
        border-color: #c99845;
        transform: translateY(-3px);
        box-shadow: 0 12px 25px rgba(20, 40, 65, .10);
    }


    /* =========================================
       TRUST POINTS
    ========================================== */

    .bpt-hero-trust {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-top: 38px;
        padding-top: 25px;
        border-top: 1px solid #eadfd5;
    }


    .bpt-hero-trust-item {
        display: flex;
        align-items: center;
        gap: 10px;
    }


    .bpt-hero-trust-icon {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        border-radius: 12px;
        background: #fff0eb;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
    }


    .bpt-hero-trust-item strong,
    .bpt-hero-trust-item span {
        display: block;
    }


    .bpt-hero-trust-item strong {
        color: #102d52;
        font-size: 12px;
        font-weight: 800;
        line-height: 1.3;
    }


    .bpt-hero-trust-item span {
        color: #7a8795;
        font-size: 11px;
        margin-top: 2px;
    }


    .bpt-hero-trust-divider {
        width: 1px;
        height: 32px;
        background: #e7ddd4;
    }


    /* =========================================
       RIGHT VISUAL
    ========================================== */

    .bpt-hero-visual {
        min-height: 620px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .bpt-hero-glow {
        position: absolute;
        width: 510px;
        height: 510px;
        border-radius: 50%;
        background:
            radial-gradient(
                circle,
                rgba(201, 152, 69, .15) 0%,
                rgba(201, 152, 69, .06) 48%,
                transparent 70%
            );
    }


    /* Image */

    .bpt-hero-image-wrap {
        position: relative;
        width: 76%;
        height: 540px;
        overflow: hidden;
        border-radius: 34px 34px 90px 34px;
        border: 9px solid rgba(255,255,255,.92);
        box-shadow:
            0 30px 70px rgba(16, 45, 82, .16),
            0 8px 25px rgba(141, 23, 23, .08);
        z-index: 3;
    }


    .bpt-hero-image {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
        transition: transform .7s ease;
    }


    .bpt-hero-image-wrap:hover .bpt-hero-image {
        transform: scale(1.035);
    }


    /* =========================================
       FLOATING CARDS
    ========================================== */

    .bpt-hero-floating-card {
        position: absolute;
        z-index: 6;
        display: flex;
        align-items: center;
        gap: 12px;
        background: rgba(255,255,255,.95);
        backdrop-filter: blur(14px);
        border: 1px solid rgba(234,223,213,.95);
        border-radius: 16px;
        padding: 13px 17px;
        box-shadow: 0 16px 35px rgba(16,45,82,.13);
    }


    .bpt-hero-card-one {
        left: 3%;
        top: 20%;
    }


    .bpt-hero-card-two {
        right: 1%;
        bottom: 18%;
    }


    .bpt-hero-floating-icon {
        width: 40px;
        height: 40px;
        border-radius: 12px;
        background: #fff0eb;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .bpt-hero-floating-card strong,
    .bpt-hero-floating-card span {
        display: block;
    }


    .bpt-hero-floating-card strong {
        color: #102d52;
        font-size: 12px;
        font-weight: 800;
    }


    .bpt-hero-floating-card span {
        color: #7c8793;
        font-size: 10px;
        margin-top: 3px;
    }


    /* =========================================
       DECORATIVE CIRCLES
    ========================================== */

    .bpt-hero-circle {
        position: absolute;
        border-radius: 50%;
        z-index: 1;
    }


    .bpt-hero-circle-one {
        width: 75px;
        height: 75px;
        right: 4%;
        top: 8%;
        border: 12px solid rgba(141,23,23,.10);
    }


    .bpt-hero-circle-two {
        width: 34px;
        height: 34px;
        left: 8%;
        bottom: 13%;
        background: #c99845;
        opacity: .7;
    }


    /* =========================================
       BOTTOM SHAPE
    ========================================== */

    .bpt-hero-bottom-shape {
        position: absolute;
        right: 8%;
        bottom: 4%;
        width: 280px;
        min-height: 125px;
        padding: 25px 25px 20px 55px;
        background: linear-gradient(
            145deg,
            #8d1717,
            #a91e1d
        );
        border-radius: 0 0 55px 0;
        z-index: 4;
        box-shadow: 0 18px 35px rgba(141,23,23,.20);
    }


    .bpt-hero-bottom-shape::before {
        content: "";
        position: absolute;
        top: -8px;
        left: 0;
        width: 100%;
        height: 8px;
        background: #c99845;
        transform: skewX(-25deg);
        transform-origin: left;
    }


    .bpt-hero-shape-line {
        width: 35px;
        height: 2px;
        background: #e6c783;
        margin-bottom: 9px;
    }


    .bpt-hero-shape-text span,
    .bpt-hero-shape-text strong {
        display: block;
        color: #fff;
        font-family: Georgia, "Times New Roman", serif;
    }


    .bpt-hero-shape-text span {
        font-size: 13px;
        font-style: italic;
        color: #e6c783;
    }


    .bpt-hero-shape-text strong {
        font-size: 17px;
        line-height: 1.35;
        margin-top: 4px;
    }


    /* =========================================
       LARGE TABLET
    ========================================== */

    @media (max-width: 1199px) {

        .bpt-hero-section {
            padding: 75px 0;
        }

        .bpt-hero-content {
            padding-right: 25px;
        }

        .bpt-hero-title {
            font-size: 58px;
        }

        .bpt-hero-visual {
            min-height: 550px;
        }

        .bpt-hero-image-wrap {
            width: 78%;
            height: 500px;
        }

        .bpt-hero-card-one {
            left: 0;
        }

        .bpt-hero-card-two {
            right: 0;
        }

        .bpt-hero-bottom-shape {
            right: 4%;
        }
    }


    /* =========================================
       TABLET
    ========================================== */

    @media (max-width: 991px) {

        .bpt-hero-section {
            padding: 70px 0 60px;
        }

        .bpt-hero-content {
            padding: 0 10px 50px;
            max-width: 750px;
            margin: auto;
            text-align: center;
        }

        .bpt-hero-eyebrow {
            justify-content: center;
        }

        .bpt-hero-title {
            font-size: clamp(48px, 8vw, 68px);
        }

        .bpt-hero-description {
            margin-left: auto;
            margin-right: auto;
        }

        .bpt-hero-actions {
            justify-content: center;
        }

        .bpt-hero-trust {
            justify-content: center;
        }

        .bpt-hero-visual {
            min-height: 590px;
        }

        .bpt-hero-image-wrap {
            width: 68%;
            height: 540px;
        }

        .bpt-hero-card-one {
            left: 9%;
            top: 20%;
        }

        .bpt-hero-card-two {
            right: 8%;
            bottom: 18%;
        }

        .bpt-hero-bottom-shape {
            right: 12%;
        }
    }


    /* =========================================
       MOBILE
    ========================================== */

    @media (max-width: 767px) {

        .bpt-hero-section {
            padding: 52px 0 45px;
        }

        .bpt-hero-container {
            width: 94%;
        }

        .bpt-hero-content {
            padding: 0 5px 38px;
        }

        .bpt-hero-eyebrow {
            font-size: 10px;
            letter-spacing: 1.4px;
            gap: 8px;
            margin-bottom: 18px;
        }

        .bpt-hero-eyebrow-dot {
            width: 8px;
            height: 8px;
        }

        .bpt-hero-eyebrow::after {
            width: 25px;
        }

        .bpt-hero-title {
            font-size: clamp(40px, 12vw, 53px);
            line-height: 1;
            letter-spacing: -1.6px;
        }

        .bpt-hero-title span {
            margin-top: 5px;
        }

        .bpt-hero-title small {
            font-size: .52em;
        }

        .bpt-hero-tagline {
            font-size: 19px;
            margin-top: 18px;
        }

        .bpt-hero-description {
            font-size: 14px;
            line-height: 1.7;
            margin-top: 15px;
        }

        .bpt-hero-actions {
            flex-direction: column;
            width: 100%;
            gap: 10px;
            margin-top: 24px;
        }

        .bpt-hero-primary-btn,
        .bpt-hero-secondary-btn {
            width: 100%;
            min-height: 51px;
        }

        .bpt-hero-trust {
            margin-top: 28px;
            padding-top: 20px;
            gap: 9px;
            justify-content: space-between;
        }

        .bpt-hero-trust-item {
            gap: 6px;
            flex: 1;
            justify-content: center;
        }

        .bpt-hero-trust-icon {
            width: 34px;
            height: 34px;
            flex: 0 0 34px;
            border-radius: 9px;
            font-size: 12px;
        }

        .bpt-hero-trust-item strong {
            font-size: 9px;
        }

        .bpt-hero-trust-item span {
            font-size: 8px;
        }

        .bpt-hero-trust-divider {
            height: 28px;
        }


        /* Mobile Visual */

        .bpt-hero-visual {
            min-height: 500px;
        }

        .bpt-hero-glow {
            width: 350px;
            height: 350px;
        }

        .bpt-hero-image-wrap {
            width: 86%;
            height: 430px;
            border-width: 6px;
            border-radius: 25px 25px 65px 25px;
        }

        .bpt-hero-card-one,
        .bpt-hero-card-two {
            padding: 9px 11px;
            border-radius: 12px;
            gap: 8px;
        }

        .bpt-hero-card-one {
            left: 0;
            top: 18%;
        }

        .bpt-hero-card-two {
            right: 0;
            bottom: 17%;
        }

        .bpt-hero-floating-icon {
            width: 32px;
            height: 32px;
            border-radius: 9px;
            font-size: 12px;
        }

        .bpt-hero-floating-card strong {
            font-size: 9px;
        }

        .bpt-hero-floating-card span {
            font-size: 8px;
        }


        .bpt-hero-bottom-shape {
            right: 7%;
            bottom: 3%;
            width: 215px;
            min-height: 95px;
            padding: 17px 17px 14px 34px;
            border-radius: 0 0 35px 0;
        }

        .bpt-hero-shape-text span {
            font-size: 9px;
        }

        .bpt-hero-shape-text strong {
            font-size: 12px;
        }

        .bpt-hero-shape-line {
            width: 25px;
            margin-bottom: 6px;
        }

        .bpt-hero-circle-one {
            width: 50px;
            height: 50px;
            border-width: 8px;
            right: 1%;
        }

        .bpt-hero-circle-two {
            width: 24px;
            height: 24px;
            left: 2%;
        }
    }


    /* =========================================
       SMALL MOBILE
    ========================================== */

    @media (max-width: 420px) {

        .bpt-hero-section {
            padding-top: 42px;
        }

        .bpt-hero-title {
            font-size: 39px;
        }

        .bpt-hero-description {
            font-size: 13.5px;
        }

        .bpt-hero-trust-item {
            flex-direction: column;
            text-align: center;
        }

        .bpt-hero-trust-divider {
            display: none;
        }

        .bpt-hero-visual {
            min-height: 450px;
        }

        .bpt-hero-image-wrap {
            height: 390px;
            width: 88%;
        }

        .bpt-hero-card-one {
            left: -2px;
        }

        .bpt-hero-card-two {
            right: -2px;
        }

        .bpt-hero-bottom-shape {
            width: 190px;
            right: 5%;
        }
    }

  
 /*=========================================================
     BPT JOURNEY CSS
========================================================= */
 

    /* =====================================================
       BASE
    ====================================================== */

    .bpt-journey-section {
        position: relative;
        overflow: hidden;
        padding: 110px 0;
        background: #ffffff;
        color: #102d52;
    }

    .bpt-journey-container {
        width: 92%;
        max-width: 1380px;
        margin: auto;
    }


    /* =====================================================
       HEADER
    ====================================================== */

    .bpt-journey-header {
        max-width: 820px;
        margin: 0 auto 80px;
        text-align: center;
    }

    .bpt-journey-eyebrow,
    .bpt-mini-label {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #8d1717;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .bpt-journey-eyebrow {
        justify-content: center;
        margin-bottom: 18px;
    }

    .bpt-journey-eyebrow span {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #8d1717;
        box-shadow: 0 0 0 6px rgba(141,23,23,.08);
    }

    .bpt-journey-title {
        margin: 0;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(42px, 5vw, 68px);
        line-height: 1.08;
        letter-spacing: -2px;
        font-weight: 700;
        color: #102d52;
    }

    .bpt-journey-title strong {
        display: block;
        color: #8d1717;
        font-weight: 700;
    }

    .bpt-journey-intro {
        max-width: 720px;
        margin: 22px auto 0;
        color: #718095;
        font-size: 16px;
        line-height: 1.85;
    }


    /* =====================================================
       SCOPE
    ====================================================== */

    .bpt-scope-block {
        position: relative;
        display: grid;
        grid-template-columns: 75px 1fr 300px;
        gap: 40px;
        align-items: center;
        padding: 55px;
        margin-bottom: 110px;
        border-radius: 32px;
        background:
            linear-gradient(
                135deg,
                #fffaf5 0%,
                #ffffff 65%
            );
        border: 1px solid #eadfd5;
        box-shadow: 0 22px 60px rgba(16,45,82,.07);
        overflow: hidden;
    }

    .bpt-scope-block::after {
        content: "";
        position: absolute;
        width: 330px;
        height: 330px;
        border: 1px solid rgba(201,152,69,.16);
        border-radius: 50%;
        right: -160px;
        top: -150px;
    }

    .bpt-scope-number {
        align-self: start;
        font-size: 17px;
        font-weight: 900;
        color: #c99845;
        letter-spacing: 1px;
    }

    .bpt-scope-content {
        position: relative;
        z-index: 2;
    }

    .bpt-scope-content h3 {
        margin: 10px 0 17px;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 44px;
        color: #102d52;
    }

    .bpt-scope-content p {
        max-width: 760px;
        color: #68788a;
        font-size: 15px;
        line-height: 1.8;
        margin-bottom: 10px;
    }

    .bpt-scope-points {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 13px;
        margin-top: 25px;
    }

    .bpt-scope-point {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 13px;
        border-radius: 14px;
        background: rgba(255,255,255,.78);
        border: 1px solid #eee3da;
    }

    .bpt-point-icon {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        border-radius: 11px;
        background: #fff0eb;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bpt-scope-point strong,
    .bpt-scope-point span {
        display: block;
    }

    .bpt-scope-point strong {
        color: #102d52;
        font-size: 12px;
        font-weight: 800;
    }

    .bpt-scope-point span {
        margin-top: 3px;
        color: #85909c;
        font-size: 10px;
    }

    .bpt-scope-visual {
        min-height: 300px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bpt-scope-visual::before {
        content: "";
        position: absolute;
        width: 245px;
        height: 245px;
        border-radius: 50%;
        background: #8d1717;
        opacity: .06;
    }

    .bpt-scope-quote {
        position: relative;
        z-index: 2;
        width: 230px;
        height: 230px;
        padding: 38px 25px;
        border-radius: 50%;
        background: #8d1717;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        box-shadow: 0 22px 45px rgba(141,23,23,.20);
    }

    .bpt-scope-quote i {
        color: #e6c783;
        font-size: 18px;
        margin-bottom: 13px;
    }

    .bpt-scope-quote strong {
        font-family: Georgia, serif;
        font-size: 20px;
        line-height: 1.35;
    }

    .bpt-scope-quote span {
        margin-top: 12px;
        color: #f2dfb6;
        font-size: 9px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }


    /* =====================================================
       COURSE OF STUDY
    ====================================================== */

    .bpt-study-block {
        margin-bottom: 110px;
    }

    .bpt-study-heading {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 40px;
        margin-bottom: 35px;
    }

    .bpt-study-heading h3,
    .bpt-clinical-intro h3,
    .bpt-departments-header h3 {
        margin: 9px 0 0;
        font-family: Georgia, "Times New Roman", serif;
        color: #102d52;
        font-size: 43px;
        line-height: 1.15;
    }

    .bpt-study-heading h3 span,
    .bpt-clinical-intro h3 span,
    .bpt-departments-header h3 span {
        color: #8d1717;
    }

    .bpt-study-heading p {
        max-width: 430px;
        margin: 0;
        color: #718095;
        font-size: 14px;
        line-height: 1.8;
    }

    .bpt-study-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }

    .bpt-study-card {
        position: relative;
        min-height: 310px;
        padding: 25px;
        background: #fff;
        border: 1px solid #eadfd5;
        border-radius: 22px;
        transition: all .3s ease;
        overflow: hidden;
    }

    .bpt-study-card::after {
        content: "";
        position: absolute;
        width: 90px;
        height: 90px;
        right: -45px;
        bottom: -45px;
        border-radius: 50%;
        background: #fff4ed;
    }

    .bpt-study-card:hover {
        transform: translateY(-7px);
        border-color: #d9c09b;
        box-shadow: 0 20px 45px rgba(16,45,82,.09);
    }

    .bpt-study-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .bpt-study-top > span {
        color: #c99845;
        font-size: 11px;
        font-weight: 900;
    }

    .bpt-study-icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        background: #fff0eb;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    }

    .bpt-study-card h4 {
        margin: 30px 0 13px;
        color: #102d52;
        font-family: Georgia, serif;
        font-size: 21px;
    }

    .bpt-study-card p {
        color: #718095;
        font-size: 13px;
        line-height: 1.75;
    }

    .bpt-study-line {
        width: 32px;
        height: 2px;
        background: #c99845;
        margin-top: 20px;
    }

    .bpt-study-tag {
        display: inline-block;
        margin-top: 13px;
        color: #8d1717;
        font-size: 9px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1px;
    }


    /* =====================================================
       CLINICAL POSTINGS
    ====================================================== */

    .bpt-clinical-block {
        margin-bottom: 110px;
        padding: 65px;
        border-radius: 32px;
        background: #102d52;
        position: relative;
        overflow: hidden;
    }

    .bpt-clinical-block::before {
        content: "";
        position: absolute;
        width: 430px;
        height: 430px;
        border: 1px solid rgba(255,255,255,.08);
        border-radius: 50%;
        right: -190px;
        top: -190px;
    }

    .bpt-clinical-block::after {
        content: "";
        position: absolute;
        width: 260px;
        height: 260px;
        border: 1px solid rgba(201,152,69,.18);
        border-radius: 50%;
        left: -150px;
        bottom: -150px;
    }

    .bpt-clinical-intro {
        position: relative;
        z-index: 2;
        max-width: 680px;
        margin-bottom: 50px;
    }

    .bpt-clinical-intro .bpt-mini-label {
        color: #e6c783;
    }

    .bpt-clinical-intro h3 {
        color: #fff;
        font-size: 48px;
    }

    .bpt-clinical-intro h3 span {
        color: #e6c783;
    }

    .bpt-clinical-intro p {
        max-width: 620px;
        margin-top: 17px;
        color: #bdc8d4;
        font-size: 14px;
        line-height: 1.8;
    }

    .bpt-clinical-timeline {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
    }

    .bpt-clinical-item {
        position: relative;
    }

    .bpt-clinical-marker {
        margin-bottom: 14px;
    }

    .bpt-clinical-marker span {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #c99845;
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        font-weight: 900;
        box-shadow: 0 0 0 7px rgba(201,152,69,.10);
    }

    .bpt-clinical-card {
        min-height: 240px;
        padding: 25px;
        border: 1px solid rgba(255,255,255,.11);
        border-radius: 20px;
        background: rgba(255,255,255,.06);
        transition: .3s ease;
    }

    .bpt-clinical-card:hover {
        background: rgba(255,255,255,.09);
        transform: translateY(-5px);
    }

    .bpt-clinical-icon {
        width: 46px;
        height: 46px;
        border-radius: 13px;
        background: rgba(201,152,69,.15);
        color: #e6c783;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 25px;
    }

    .bpt-clinical-label {
        color: #e6c783;
        font-size: 9px;
        text-transform: uppercase;
        letter-spacing: 1.3px;
        font-weight: 800;
    }

    .bpt-clinical-card h4 {
        margin: 8px 0 10px;
        color: #fff;
        font-family: Georgia, serif;
        font-size: 20px;
    }

    .bpt-clinical-card p {
        margin: 0;
        color: #aebbc9;
        font-size: 12px;
        line-height: 1.75;
    }


    /* =====================================================
       DEPARTMENTS
    ====================================================== */

    .bpt-departments-block {
        margin-bottom: 110px;
    }

    .bpt-departments-header {
        display: flex;
        justify-content: space-between;
        align-items: end;
        gap: 30px;
        margin-bottom: 35px;
    }

    .bpt-departments-header h3 {
        max-width: 760px;
        font-size: 41px;
    }

    .bpt-department-count {
        min-width: 150px;
        padding: 16px 20px;
        border-left: 2px solid #c99845;
    }

    .bpt-department-count strong,
    .bpt-department-count span {
        display: block;
    }

    .bpt-department-count strong {
        color: #8d1717;
        font-size: 13px;
    }

    .bpt-department-count span {
        margin-top: 4px;
        color: #8994a0;
        font-size: 10px;
    }

    .bpt-department-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 17px;
    }

    .bpt-department-card {
        position: relative;
        min-height: 225px;
        padding: 25px;
        border: 1px solid #eadfd5;
        border-radius: 20px;
        background: #fffaf5;
        transition: .3s ease;
        overflow: hidden;
    }

    .bpt-department-card:hover {
        background: #fff;
        transform: translateY(-6px);
        box-shadow: 0 18px 40px rgba(16,45,82,.08);
        border-color: #d9c09b;
    }

    .bpt-department-number {
        position: absolute;
        top: 20px;
        right: 20px;
        color: #d7c3a0;
        font-size: 11px;
        font-weight: 900;
    }

    .bpt-department-icon {
        width: 50px;
        height: 50px;
        border-radius: 14px;
        background: #fff;
        border: 1px solid #eadfd5;
        color: #8d1717;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    }

    .bpt-department-card h4 {
        margin: 22px 0 8px;
        color: #102d52;
        font-family: Georgia, serif;
        font-size: 19px;
    }

    .bpt-department-card p {
        max-width: 220px;
        color: #7a8795;
        font-size: 11px;
        line-height: 1.7;
        margin: 0;
    }

    .bpt-department-card > i {
        position: absolute;
        right: 24px;
        bottom: 23px;
        color: #c99845;
        font-size: 12px;
    }


    /* =====================================================
       INTERNSHIP
    ====================================================== */

    .bpt-internship-block {
        display: grid;
        grid-template-columns: 1.4fr .6fr;
        min-height: 420px;
        margin-bottom: 45px;
        border-radius: 30px;
        overflow: hidden;
        background: linear-gradient(
            135deg,
            #8d1717,
            #671010
        );
        box-shadow: 0 25px 60px rgba(141,23,23,.16);
    }

    .bpt-internship-content {
        padding: 60px;
        position: relative;
        z-index: 2;
    }

    .bpt-internship-badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 8px 13px;
        border-radius: 30px;
        color: #f2dfb6;
        background: rgba(255,255,255,.08);
        border: 1px solid rgba(255,255,255,.12);
        font-size: 9px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 800;
    }

    .bpt-internship-content h3 {
        margin: 23px 0 16px;
        color: #fff;
        font-family: Georgia, serif;
        font-size: 52px;
    }

    .bpt-internship-content p {
        max-width: 700px;
        color: #f0dfe0;
        font-size: 13px;
        line-height: 1.85;
        margin-bottom: 10px;
    }

    .bpt-internship-features {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin-top: 25px;
    }

    .bpt-internship-features div {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #fff;
        font-size: 11px;
    }

    .bpt-internship-features i {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #c99845;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 9px;
    }

    .bpt-internship-visual {
        position: relative;
        min-height: 420px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .bpt-internship-circle {
        position: absolute;
        width: 290px;
        height: 290px;
        border-radius: 50%;
        background: rgba(255,255,255,.06);
    }

    .bpt-internship-icon {
        position: relative;
        z-index: 4;
        width: 100px;
        height: 100px;
        border-radius: 28px;
        background: #c99845;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 38px;
        box-shadow: 0 20px 40px rgba(0,0,0,.18);
    }

    .bpt-internship-text {
        position: absolute;
        z-index: 5;
        bottom: 45px;
        text-align: center;
    }

    .bpt-internship-text span,
    .bpt-internship-text strong {
        display: inline-block;
        margin: 0 5px;
        color: #fff;
        font-family: Georgia, serif;
        font-size: 15px;
    }

    .bpt-internship-text strong {
        color: #e6c783;
    }

    .bpt-internship-ring {
        position: absolute;
        border: 1px solid rgba(230,199,131,.25);
        border-radius: 50%;
    }

    .ring-one {
        width: 350px;
        height: 350px;
    }

    .ring-two {
        width: 420px;
        height: 420px;
    }


    /* =====================================================
       FOOTER MESSAGE
    ====================================================== */

    .bpt-journey-footer {
        display: flex;
        align-items: center;
        gap: 18px;
        padding: 28px 35px;
        border-radius: 20px;
        background: #fffaf5;
        border: 1px solid #eadfd5;
    }

    .bpt-footer-icon {
        width: 50px;
        height: 50px;
        flex: 0 0 50px;
        border-radius: 14px;
        background: #8d1717;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bpt-journey-footer span,
    .bpt-journey-footer strong {
        display: block;
    }

    .bpt-journey-footer span {
        color: #c99845;
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1.3px;
    }

    .bpt-journey-footer strong {
        margin-top: 5px;
        color: #102d52;
        font-family: Georgia, serif;
        font-size: 18px;
        font-weight: 600;
    }


    /* =====================================================
       TABLET
    ====================================================== */

    @media (max-width: 1100px) {

        .bpt-scope-block {
            grid-template-columns: 55px 1fr;
        }

        .bpt-scope-visual {
            display: none;
        }

        .bpt-study-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .bpt-clinical-timeline {
            grid-template-columns: 1fr;
        }

        .bpt-department-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .bpt-internship-block {
            grid-template-columns: 1fr;
        }

        .bpt-internship-visual {
            min-height: 300px;
        }
    }


    /* =====================================================
       MOBILE
    ====================================================== */

    @media (max-width: 767px) {

        .bpt-journey-section {
            padding: 70px 0;
        }

        .bpt-journey-container {
            width: 94%;
        }

        .bpt-journey-header {
            margin-bottom: 50px;
        }

        .bpt-journey-title {
            font-size: 42px;
            letter-spacing: -1.2px;
        }

        .bpt-journey-intro {
            font-size: 13px;
            line-height: 1.75;
        }


        /* Scope */

        .bpt-scope-block {
            grid-template-columns: 1fr;
            gap: 15px;
            padding: 28px 22px;
            border-radius: 23px;
            margin-bottom: 70px;
        }

        .bpt-scope-number {
            font-size: 12px;
        }

        .bpt-scope-content h3 {
            font-size: 36px;
        }

        .bpt-scope-content p {
            font-size: 13px;
            line-height: 1.75;
        }

        .bpt-scope-points {
            grid-template-columns: 1fr;
        }


        /* Study */

        .bpt-study-block {
            margin-bottom: 70px;
        }

        .bpt-study-heading {
            display: block;
        }

        .bpt-study-heading h3,
        .bpt-clinical-intro h3,
        .bpt-departments-header h3 {
            font-size: 35px;
        }

        .bpt-study-heading p {
            margin-top: 15px;
            font-size: 13px;
        }

        .bpt-study-grid {
            grid-template-columns: 1fr;
        }

        .bpt-study-card {
            min-height: auto;
            padding: 23px;
        }


        /* Clinical */

        .bpt-clinical-block {
            padding: 35px 22px;
            border-radius: 24px;
            margin-bottom: 70px;
        }

        .bpt-clinical-intro {
            margin-bottom: 35px;
        }

        .bpt-clinical-intro h3 {
            font-size: 37px;
        }

        .bpt-clinical-intro p {
            font-size: 13px;
        }

        .bpt-clinical-timeline {
            gap: 14px;
        }

        .bpt-clinical-card {
            min-height: auto;
        }


        /* Departments */

        .bpt-departments-block {
            margin-bottom: 70px;
        }

        .bpt-departments-header {
            display: block;
        }

        .bpt-department-count {
            margin-top: 20px;
        }

        .bpt-department-grid {
            grid-template-columns: 1fr;
        }


        /* Internship */

        .bpt-internship-block {
            border-radius: 24px;
        }

        .bpt-internship-content {
            padding: 35px 24px;
        }

        .bpt-internship-content h3 {
            font-size: 42px;
        }

        .bpt-internship-content p {
            font-size: 13px;
        }

        .bpt-internship-features {
            grid-template-columns: 1fr;
        }

        .bpt-internship-visual {
            min-height: 280px;
        }


        /* Footer */

        .bpt-journey-footer {
            padding: 22px;
            align-items: flex-start;
        }

        .bpt-footer-icon {
            width: 42px;
            height: 42px;
            flex: 0 0 42px;
        }

        .bpt-journey-footer strong {
            font-size: 15px;
            line-height: 1.45;
        }

    }


    /* =====================================================
       SMALL MOBILE
    ====================================================== */

    @media (max-width: 420px) {

        .bpt-journey-title {
            font-size: 36px;
        }

        .bpt-scope-content h3 {
            font-size: 32px;
        }

        .bpt-study-heading h3,
        .bpt-clinical-intro h3,
        .bpt-departments-header h3 {
            font-size: 31px;
        }

        .bpt-internship-content h3 {
            font-size: 38px;
        }

        .bpt-internship-visual {
            min-height: 250px;
        }

    }

 

/* =========================================================
   AFFILIATION & RECOGNITION
   PREMIUM HERO SECTION
========================================================= */

:root {

    --ar-navy: #102d52;
    --ar-navy-dark: #081f3b;

    --ar-maroon: #8d1717;
    --ar-red: #ed4035;

    --ar-gold: #c99845;
    --ar-gold-light: #e6c783;

    --ar-cream: #fffaf5;

    --ar-text: #29486b;
    --ar-muted: #718095;

    --ar-border: #eadfd5;

}


/* =========================================================
   MAIN SECTION
========================================================= */

.ar-hero-section {

    position: relative;

    overflow: hidden;

    padding:
        80px
        0
        0;

    background:

        radial-gradient(
            circle at 8% 15%,
            rgba(201,152,69,.10),
            transparent 24%
        ),

        radial-gradient(
            circle at 92% 65%,
            rgba(141,23,23,.07),
            transparent 28%
        ),

        linear-gradient(
            135deg,
            #fffdfa 0%,
            #fff8f3 100%
        );

}


/* =========================================================
   CONTAINER
========================================================= */

.ar-container {

    position: relative;

    z-index: 5;

    width:
        min(
            1400px,
            calc(100% - 70px)
        );

    min-height: 650px;

    margin: auto;

    display: grid;

    grid-template-columns:
        .92fr
        1.08fr;

    align-items: center;

    gap: 55px;

}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.ar-bg-shape {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.ar-bg-shape-1 {

    width: 500px;

    height: 500px;

    left: -280px;

    top: 70px;

    border:
        1px solid
        rgba(201,152,69,.25);

}


.ar-bg-shape-2 {

    width: 350px;

    height: 350px;

    right: -170px;

    top: 20px;

    background:
        rgba(201,152,69,.06);

}


.ar-gold-line {

    position: absolute;

    width: 130px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ar-gold)
        );

    opacity: .6;

}


.ar-gold-line-1 {

    left: 5%;

    top: 180px;

    transform: rotate(-25deg);

}


.ar-gold-line-2 {

    right: 5%;

    bottom: 180px;

    transform: rotate(25deg);

}


/* =========================================================
   EYEBROW
========================================================= */

.ar-eyebrow {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 20px;

    color: var(--ar-navy);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 3px;

}


.ar-eyebrow-dot {

    width: 11px;

    height: 11px;

    flex: 0 0 auto;

    border-radius: 50%;

    background:
        var(--ar-red);

    box-shadow:
        0 0 0 5px
        rgba(237,64,53,.10);

}


.ar-eyebrow-line {

    width: 75px;

    height: 1px;

    background:
        var(--ar-gold);

}


/* =========================================================
   TITLE
========================================================= */

.ar-title {

    max-width: 720px;

    margin: 0;

    color: var(--ar-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            48px,
            5vw,
            72px
        );

    font-weight: 700;

    line-height: 1.02;

    letter-spacing: -2.5px;

}


.ar-title span {

    color: var(--ar-maroon);

}


/* =========================================================
   DESCRIPTION
========================================================= */

.ar-description {

    max-width: 650px;

    margin:
        25px
        0
        20px;

    color: var(--ar-text);

    font-size: 15px;

    line-height: 1.75;

}


/* =========================================================
   TRUST NOTE
========================================================= */

.ar-trust-note {

    display: flex;

    align-items: center;

    gap: 13px;

    max-width: 570px;

    margin-bottom: 27px;

    padding:
        13px
        16px;

    border-left:
        3px solid
        var(--ar-gold);

    background:
        rgba(255,255,255,.55);

}


.ar-trust-icon {

    width: 42px;

    height: 42px;

    flex: 0 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    color: var(--ar-maroon);

    background:
        #fff0ec;

}


.ar-trust-note strong {

    display: block;

    margin-bottom: 3px;

    color: var(--ar-navy);

    font-size: 12px;

}


.ar-trust-note span {

    display: block;

    color: var(--ar-muted);

    font-size: 10px;

}


/* =========================================================
   ACTIONS
========================================================= */

.ar-hero-actions {

    display: flex;

    align-items: center;

    gap: 12px;

}


.ar-primary-btn,
.ar-secondary-btn {

    min-height: 50px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 13px;

    padding:
        0
        22px;

    border-radius: 50px;

    text-decoration: none;

    font-size: 12px;

    font-weight: 700;

    transition:
        all .25s ease;

}


/* Primary */

.ar-primary-btn {

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--ar-maroon),
            var(--ar-red)
        );

    box-shadow:
        0 12px 25px
        rgba(141,23,23,.20);

}


.ar-primary-btn i {

    width: 28px;

    height: 28px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background:
        rgba(255,255,255,.18);

}


.ar-primary-btn:hover {

    color: #fff;

    transform:
        translateY(-3px);

    box-shadow:
        0 16px 30px
        rgba(141,23,23,.27);

}


/* Secondary */

.ar-secondary-btn {

    color: var(--ar-navy);

    border:
        1px solid
        #d8dce1;

    background:
        rgba(255,255,255,.75);

}


.ar-secondary-btn i {

    color: var(--ar-maroon);

}


.ar-secondary-btn:hover {

    color: var(--ar-maroon);

    transform:
        translateY(-3px);

    border-color:
        var(--ar-gold);

}


/* =========================================================
   VISUAL
========================================================= */

.ar-hero-visual {

    position: relative;

    height: 600px;

    display: flex;

    align-items: center;

    justify-content: center;

}


.ar-image-wrapper {

    position: relative;

    width: 100%;

    max-width: 680px;

    height: 560px;

}


/* Image */

.ar-hero-image {

    position: relative;

    z-index: 2;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    border-radius:
        38%
        10%
        38%
        10%;

    box-shadow:
        0 30px 65px
        rgba(16,45,82,.18);

}


/* Gold border */

.ar-image-border {

    position: absolute;

    z-index: 1;

    inset:
        -13px
        12px
        10px
        -13px;

    border:
        2px solid
        var(--ar-gold);

    border-radius:
        38%
        10%
        38%
        10%;

    transform:
        rotate(-2deg);

}


/* Image overlay */

.ar-image-overlay {

    position: absolute;

    z-index: 3;

    inset: 0;

    border-radius:
        38%
        10%
        38%
        10%;

    background:
        linear-gradient(
            180deg,
            transparent 60%,
            rgba(8,31,59,.35)
        );

    pointer-events: none;

}


/* =========================================================
   RECOGNITION BADGE
========================================================= */

.ar-recognition-badge {

    position: absolute;

    z-index: 6;

    top: 45px;

    left: -25px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding:
        12px
        18px;

    border-radius: 16px;

    background:
        rgba(255,255,255,.96);

    border:
        1px solid
        rgba(225,218,210,.8);

    box-shadow:
        0 15px 35px
        rgba(16,45,82,.13);

    backdrop-filter:
        blur(12px);

}


.ar-badge-icon {

    width: 43px;

    height: 43px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--ar-maroon),
            var(--ar-red)
        );

}


.ar-badge-content span {

    display: block;

    margin-bottom: 3px;

    color: var(--ar-gold);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.5px;

}


.ar-badge-content strong {

    display: block;

    color: var(--ar-navy);

    font-size: 11px;

}


/* =========================================================
   QUOTE
========================================================= */

.ar-image-quote {

    position: absolute;

    z-index: 6;

    left: 35px;

    bottom: 30px;

    max-width: 290px;

    padding:
        17px
        20px;

    border-radius: 15px;

    color: #fff;

    background:
        rgba(101,10,10,.88);

    backdrop-filter:
        blur(8px);

}


.ar-quote-mark {

    position: absolute;

    top: -12px;

    left: 15px;

    color: var(--ar-gold-light);

    font-family: Georgia, serif;

    font-size: 40px;

}


.ar-image-quote p {

    margin: 0;

    padding-top: 8px;

    font-family: Georgia, serif;

    font-size: 14px;

    font-style: italic;

    line-height: 1.45;

}


/* =========================================================
   FLOATING CARD
========================================================= */

.ar-floating-card {

    position: absolute;

    z-index: 8;

    right: -20px;

    bottom: 45px;

    display: flex;

    align-items: center;

    gap: 11px;

    min-width: 270px;

    padding:
        13px
        15px;

    border:
        1px solid
        rgba(220,213,205,.8);

    border-radius: 17px;

    background:
        rgba(255,255,255,.96);

    box-shadow:
        0 18px 40px
        rgba(16,45,82,.14);

}


.ar-floating-icon {

    width: 43px;

    height: 43px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    color: var(--ar-maroon);

    background:
        #fff0ec;

}


.ar-floating-content {

    flex: 1;

}


.ar-floating-content span {

    display: block;

    color: var(--ar-muted);

    font-size: 7px;

    font-weight: 800;

    letter-spacing: 1.2px;

}


.ar-floating-content strong {

    display: block;

    margin-top: 4px;

    color: var(--ar-navy);

    font-size: 11px;

}


.ar-floating-arrow {

    width: 28px;

    height: 28px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: var(--ar-maroon);

    background:
        #fff2ed;

    font-size: 10px;

}


/* =========================================================
   HIGHLIGHTS STRIP
========================================================= */

.ar-highlights-wrapper {

    position: relative;

    z-index: 20;

    width:
        min(
            1320px,
            calc(100% - 70px)
        );

    margin:
        -15px
        auto
        0;

}


.ar-highlights {

    display: grid;

    grid-template-columns:
        1fr
        1px
        1fr
        1px
        1fr
        1px
        1fr;

    align-items: center;

    padding:
        18px
        25px;

    border:
        1px solid
        rgba(218,211,204,.75);

    border-radius:
        24px
        24px
        0
        0;

    background:
        rgba(255,255,255,.97);

    box-shadow:
        0 -8px 35px
        rgba(16,45,82,.08);

    backdrop-filter:
        blur(15px);

}


.ar-highlight-item {

    display: flex;

    align-items: center;

    gap: 12px;

    padding:
        5px
        14px;

}


.ar-highlight-icon {

    width: 47px;

    height: 47px;

    flex: 0 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: var(--ar-maroon);

    background:
        linear-gradient(
            145deg,
            #fff0ec,
            #fde2dc
        );

    font-size: 17px;

}


.ar-highlight-text span {

    display: block;

    margin-bottom: 4px;

    color: var(--ar-gold);

    font-size: 7px;

    font-weight: 800;

    letter-spacing: 1.2px;

}


.ar-highlight-text strong {

    display: block;

    color: var(--ar-navy);

    font-family:
        Georgia,
        serif;

    font-size: 13px;

}


.ar-highlight-divider {

    width: 1px;

    height: 50px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            #dfc28d,
            transparent
        );

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .ar-container {

        grid-template-columns:
            1fr
            1fr;

        gap: 30px;

    }


    .ar-title {

        font-size: 48px;

    }


    .ar-hero-visual {

        height: 500px;

    }


    .ar-image-wrapper {

        height: 470px;

    }


    .ar-floating-card {

        right: -5px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ar-hero-section {

        padding-top: 50px;

    }


    .ar-container {

        width:
            calc(100% - 22px);

        display: flex;

        flex-direction: column;

        gap: 28px;

        min-height: auto;

    }


    /* Content */

    .ar-hero-content {

        text-align: center;

    }


    .ar-eyebrow {

        justify-content: center;

        font-size: 7px;

        letter-spacing: 1.8px;

        gap: 7px;

        margin-bottom: 15px;

    }


    .ar-eyebrow-dot {

        width: 8px;

        height: 8px;

    }


    .ar-eyebrow-line {

        width: 38px;

    }


    .ar-title {

        font-size:
            clamp(
                38px,
                12vw,
                52px
            );

        line-height: 1.03;

        letter-spacing: -1px;

    }


    .ar-description {

        margin:
            15px
            auto
            17px;

        max-width: 500px;

        font-size: 11px;

        line-height: 1.65;

    }


    .ar-trust-note {

        max-width: 450px;

        margin:
            0
            auto
            20px;

        padding:
            10px
            12px;

        text-align: left;

    }


    .ar-trust-icon {

        width: 36px;

        height: 36px;

        font-size: 12px;

    }


    .ar-trust-note strong {

        font-size: 10px;

    }


    .ar-trust-note span {

        font-size: 8px;

        line-height: 1.35;

    }


    /* Buttons */

    .ar-hero-actions {

        justify-content: center;

        gap: 7px;

    }


    .ar-primary-btn,
    .ar-secondary-btn {

        min-height: 43px;

        padding:
            0
            14px;

        gap: 7px;

        font-size: 9px;

    }


    .ar-primary-btn i {

        width: 23px;

        height: 23px;

    }


    /* Visual */

    .ar-hero-visual {

        width: 100%;

        height: 390px;

    }


    .ar-image-wrapper {

        width: calc(100% - 28px);

        height: 360px;

    }


    .ar-hero-image {

        border-radius:
            36%
            9%
            36%
            9%;

    }


    .ar-image-border {

        inset:
            -8px
            7px
            7px
            -8px;

    }


    /* Recognition */

    .ar-recognition-badge {

        top: 20px;

        left: -10px;

        gap: 8px;

        padding:
            8px
            11px;

        border-radius: 12px;

    }


    .ar-badge-icon {

        width: 32px;

        height: 32px;

        border-radius: 9px;

        font-size: 11px;

    }


    .ar-badge-content span {

        font-size: 6px;

    }


    .ar-badge-content strong {

        font-size: 8px;

    }


    /* Quote */

    .ar-image-quote {

        left: 10px;

        bottom: 15px;

        max-width: 185px;

        padding:
            11px
            12px;

        border-radius: 11px;

    }


    .ar-quote-mark {

        font-size: 28px;

        top: -9px;

    }


    .ar-image-quote p {

        padding-top: 5px;

        font-size: 9px;

    }


    /* Floating */

    .ar-floating-card {

        right: -5px;

        bottom: 12px;

        min-width: 190px;

        padding:
            9px
            10px;

        gap: 7px;

        border-radius: 12px;

    }


    .ar-floating-icon {

        width: 32px;

        height: 32px;

        border-radius: 9px;

        font-size: 11px;

    }


    .ar-floating-content span {

        font-size: 5px;

    }


    .ar-floating-content strong {

        font-size: 8px;

    }


    .ar-floating-arrow {

        width: 22px;

        height: 22px;

        font-size: 8px;

    }


    /* Highlights */

    .ar-highlights-wrapper {

        width:
            calc(100% - 22px);

        margin-top:
            -5px;

    }


    .ar-highlights {

        grid-template-columns:
            repeat(2,1fr);

        gap: 0;

        padding:
            10px;

        border-radius: 17px;

    }


    .ar-highlight-item {

        min-height: 68px;

        flex-direction: column;

        justify-content: center;

        gap: 5px;

        padding:
            8px
            4px;

        text-align: center;

    }


    .ar-highlight-icon {

        width: 32px;

        height: 32px;

        font-size: 11px;

    }


    .ar-highlight-text span {

        margin-bottom: 2px;

        font-size: 5.5px;

    }


    .ar-highlight-text strong {

        font-size: 8px;

        line-height: 1.2;

    }


    .ar-highlight-divider {

        display: none;

    }


    .ar-highlight-item:nth-of-type(1),
    .ar-highlight-item:nth-of-type(3) {

        border-right:
            1px solid #eadfd5;

    }


    .ar-highlight-item:nth-of-type(1),
    .ar-highlight-item:nth-of-type(2) {

        border-bottom:
            1px solid #eadfd5;

    }


    /* Hide decorations */

    .ar-bg-shape-1 {

        width: 250px;

        height: 250px;

        left: -180px;

    }


    .ar-bg-shape-2 {

        width: 200px;

        height: 200px;

        right: -120px;

    }


    .ar-gold-line {

        display: none;

    }

}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .ar-title {

        font-size: 35px;

    }


    .ar-description {

        font-size: 10px;

    }


    .ar-primary-btn,
    .ar-secondary-btn {

        padding:
            0
            11px;

        font-size: 8px;

    }


    .ar-hero-visual {

        height: 350px;

    }


    .ar-image-wrapper {

        height: 325px;

    }


    .ar-floating-card {

        min-width: 175px;

    }


    .ar-highlight-text strong {

        font-size: 7.5px;

    }

}

 

/* =========================================================
   AFFILIATIONS & RECOGNITION
   PREMIUM CARD SECTION
========================================================= */

:root {

    --ar2-navy: #102d52;
    --ar2-navy-dark: #081f3b;

    --ar2-maroon: #8d1717;
    --ar2-red: #ed4035;

    --ar2-gold: #c99845;
    --ar2-gold-light: #e6c783;

    --ar2-text: #29486b;
    --ar2-muted: #718095;

    --ar2-border: #eadfd5;

    --ar2-white: #ffffff;

}


/* =========================================================
   SECTION
========================================================= */

.ar-affiliation-section {

    position: relative;

    overflow: hidden;

    padding:
        90px
        0
        85px;

    background:

        radial-gradient(
            circle at 10% 15%,
            rgba(201,152,69,.10),
            transparent 25%
        ),

        radial-gradient(
            circle at 90% 80%,
            rgba(141,23,23,.06),
            transparent 27%
        ),

        linear-gradient(
            135deg,
            #fffdfa 0%,
            #fff7f1 100%
        );

}


/* =========================================================
   CONTAINER
========================================================= */

.ar-aff-container {

    position: relative;

    z-index: 5;

    width:
        min(
            1350px,
            calc(100% - 70px)
        );

    margin: auto;

}


/* =========================================================
   DECORATION
========================================================= */

.ar-aff-bg {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.ar-aff-bg-1 {

    width: 430px;

    height: 430px;

    left: -260px;

    top: 300px;

    border:
        1px solid
        rgba(201,152,69,.20);

}


.ar-aff-bg-2 {

    width: 350px;

    height: 350px;

    right: -190px;

    bottom: 100px;

    background:
        rgba(141,23,23,.045);

}


/* =========================================================
   HEADER
========================================================= */

.ar-aff-header {

    max-width: 850px;

    margin:
        0
        auto
        50px;

    text-align: center;

}


.ar-aff-eyebrow {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    margin-bottom: 18px;

    color: var(--ar2-navy);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 3px;

}


.ar-aff-dot {

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background:
        var(--ar2-red);

    box-shadow:
        0 0 0 5px
        rgba(237,64,53,.10);

}


.ar-aff-line {

    width: 75px;

    height: 1px;

    background:
        var(--ar2-gold);

}


.ar-aff-title {

    margin: 0;

    color: var(--ar2-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            42px,
            4.5vw,
            64px
        );

    line-height: 1.04;

    letter-spacing: -2px;

}


.ar-aff-title span {

    color: var(--ar2-maroon);

}


.ar-aff-subtitle {

    max-width: 680px;

    margin:
        17px
        auto
        0;

    color: var(--ar2-text);

    font-size: 14px;

    line-height: 1.7;

}


/* =========================================================
   CARD GRID
========================================================= */

.ar-aff-grid {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 20px;

}


/* =========================================================
   CARD
========================================================= */

.ar-aff-card {

    position: relative;

    display: flex;

    flex-direction: column;

    min-height: 530px;

    overflow: hidden;

    padding:
        22px;

    border:
        1px solid
        var(--ar2-border);

    border-radius: 25px;

    background:
        rgba(255,255,255,.94);

    box-shadow:
        0 15px 40px
        rgba(16,45,82,.07);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


.ar-aff-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--ar2-maroon),
            var(--ar2-gold),
            var(--ar2-red)
        );

    transform:
        scaleX(.35);

    transform-origin: left;

    transition:
        transform .3s ease;

}


.ar-aff-card:hover {

    transform:
        translateY(-7px);

    box-shadow:
        0 25px 55px
        rgba(16,45,82,.12);

}


.ar-aff-card:hover::before {

    transform:
        scaleX(1);

}


/* =========================================================
   FEATURED CARD
========================================================= */

.ar-aff-card-featured {

    border-color:
        rgba(201,152,69,.42);

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fffaf3
        );

    transform:
        translateY(-7px);

}


.ar-aff-card-featured:hover {

    transform:
        translateY(-12px);

}


/* =========================================================
   CARD TOP
========================================================= */

.ar-aff-card-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

}


.ar-aff-number {

    color:
        rgba(141,23,23,.16);

    font-family:
        Georgia,
        serif;

    font-size: 28px;

    font-weight: 700;

}


.ar-aff-status {

    display: flex;

    align-items: center;

    gap: 5px;

    padding:
        6px
        9px;

    border-radius: 30px;

    color: var(--ar2-maroon);

    background:
        #fff1ed;

    font-size: 8px;

    font-weight: 800;

}


.ar-aff-status i {

    color:
        #2d936c;

    font-size: 9px;

}


/* =========================================================
   LOGO BOX
========================================================= */

.ar-aff-logo-box {

    width: 100%;

    height: 150px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin:
        18px
        0
        20px;

    border:
        1px solid
        #eee4dc;

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            #fff,
            #faf7f3
        );

}


.ar-aff-logo {

    width: 115px;

    height: 115px;

    object-fit: contain;

    transition:
        transform .3s ease;

}


.ar-aff-card:hover .ar-aff-logo {

    transform:
        scale(1.05);

}


.ar-aff-rguhs-logo {

    width: 145px;

    height: 115px;

}


/* =========================================================
   CARD CONTENT
========================================================= */

.ar-aff-content {

    flex: 1;

}


.ar-aff-label {

    color: var(--ar2-gold);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.7px;

}


.ar-aff-content h3 {

    margin:
        7px
        0
        3px;

    color: var(--ar2-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;

    line-height: 1.25;

}


.ar-aff-short-name {

    display: inline-block;

    margin-bottom: 10px;

    color: var(--ar2-maroon);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1px;

}


.ar-aff-content p {

    margin: 0;

    color: var(--ar2-text);

    font-size: 11px;

    line-height: 1.65;

}


/* =========================================================
   CARD FOOTER
========================================================= */

.ar-aff-card-footer {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px;

    margin-top: 20px;

    padding-top: 15px;

    border-top:
        1px solid
        #eee5dd;

}


.ar-aff-recognition {

    display: flex;

    align-items: center;

    gap: 7px;

    color: var(--ar2-muted);

    font-size: 8px;

    font-weight: 700;

}


.ar-aff-recognition i {

    color: var(--ar2-gold);

    font-size: 12px;

}


.ar-aff-pdf-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    padding:
        9px
        12px;

    border-radius: 30px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--ar2-maroon),
            var(--ar2-red)
        );

    text-decoration: none;

    font-size: 8px;

    font-weight: 800;

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}


.ar-aff-pdf-btn:hover {

    color: #fff;

    transform:
        translateY(-2px);

    box-shadow:
        0 8px 18px
        rgba(141,23,23,.20);

}


/* =========================================================
   BOTTOM NOTE
========================================================= */

.ar-aff-note {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-top: 25px;

    padding:
        17px
        22px;

    border:
        1px solid
        rgba(201,152,69,.25);

    border-radius: 17px;

    background:
        rgba(255,255,255,.70);

}


.ar-aff-note-icon {

    width: 43px;

    height: 43px;

    flex: 0 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    color: var(--ar2-maroon);

    background:
        #fff0ec;

}


.ar-aff-note-content {

    flex: 1;

}


.ar-aff-note-content strong {

    display: block;

    color: var(--ar2-navy);

    font-size: 11px;

}


.ar-aff-note-content span {

    display: block;

    margin-top: 3px;

    color: var(--ar2-muted);

    font-size: 9px;

}


.ar-aff-note-mark {

    width: 29px;

    height: 29px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: #fff;

    background:
        #2d936c;

    font-size: 10px;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .ar-aff-container {

        width:
            calc(100% - 40px);

    }


    .ar-aff-grid {

        grid-template-columns:
            repeat(2,1fr);

    }


    .ar-aff-card-featured {

        transform: none;

    }


    .ar-aff-card-featured:hover {

        transform:
            translateY(-7px);

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ar-affiliation-section {

        padding:
            55px
            0
            50px;

    }


    .ar-aff-container {

        width:
            calc(100% - 22px);

    }


    /* Header */

    .ar-aff-header {

        margin-bottom: 30px;

    }


    .ar-aff-eyebrow {

        font-size: 7px;

        letter-spacing: 1.8px;

        gap: 7px;

    }


    .ar-aff-dot {

        width: 8px;

        height: 8px;

    }


    .ar-aff-line {

        width: 40px;

    }


    .ar-aff-title {

        font-size:
            clamp(
                37px,
                11vw,
                50px
            );

        line-height: 1.03;

        letter-spacing: -1px;

    }


    .ar-aff-subtitle {

        margin-top: 13px;

        font-size: 10px;

        line-height: 1.6;

    }


    /* Cards */

    .ar-aff-grid {

        grid-template-columns:
            1fr;

        gap: 12px;

    }


    .ar-aff-card,
    .ar-aff-card-featured {

        min-height: 0;

        padding: 16px;

        border-radius: 18px;

        transform: none;

    }


    .ar-aff-card:hover,
    .ar-aff-card-featured:hover {

        transform:
            translateY(-3px);

    }


    .ar-aff-number {

        font-size: 21px;

    }


    .ar-aff-status {

        padding:
            5px
            8px;

        font-size: 6.5px;

    }


    .ar-aff-status i {

        font-size: 7px;

    }


    /* Logo */

    .ar-aff-logo-box {

        height: 105px;

        margin:
            12px
            0
            14px;

        border-radius: 13px;

    }


    .ar-aff-logo {

        width: 75px;

        height: 75px;

    }


    .ar-aff-rguhs-logo {

        width: 100px;

        height: 80px;

    }


    /* Content */

    .ar-aff-label {

        font-size: 6px;

        letter-spacing: 1.2px;

    }


    .ar-aff-content h3 {

        margin-top: 5px;

        font-size: 18px;

        line-height: 1.2;

    }


    .ar-aff-short-name {

        margin-bottom: 7px;

        font-size: 8px;

    }


    .ar-aff-content p {

        font-size: 9px;

        line-height: 1.55;

    }


    /* Footer */

    .ar-aff-card-footer {

        margin-top: 13px;

        padding-top: 11px;

    }


    .ar-aff-recognition {

        font-size: 6.5px;

    }


    .ar-aff-recognition i {

        font-size: 9px;

    }


    .ar-aff-pdf-btn {

        padding:
            7px
            10px;

        font-size: 7px;

        gap: 5px;

    }


    /* Note */

    .ar-aff-note {

        margin-top: 15px;

        padding:
            12px;

        gap: 9px;

        border-radius: 13px;

    }


    .ar-aff-note-icon {

        width: 35px;

        height: 35px;

        border-radius: 9px;

        font-size: 11px;

    }


    .ar-aff-note-content strong {

        font-size: 8px;

    }


    .ar-aff-note-content span {

        font-size: 7px;

    }


    .ar-aff-note-mark {

        width: 23px;

        height: 23px;

        font-size: 8px;

    }


    /* Background */

    .ar-aff-bg-1 {

        width: 230px;

        height: 230px;

        left: -170px;

    }


    .ar-aff-bg-2 {

        width: 200px;

        height: 200px;

        right: -130px;

    }

}

 
/* =========================================================
   PRINCIPAL MESSAGE HERO
   PREMIUM SAAS / HEALTHCARE EDUCATION DESIGN
========================================================= */

:root {

    --pm-navy: #102d52;
    --pm-navy-dark: #0b203b;

    --pm-maroon: #8f1717;
    --pm-maroon-dark: #6f0e0e;

    --pm-red: #ef3d32;
    --pm-gold: #c8953f;
    --pm-gold-light: #e5c27d;

    --pm-cream: #fffaf5;
    --pm-white: #ffffff;

    --pm-text: #29476b;
    --pm-muted: #6d7c8f;

    --pm-border: #eadfd4;

}


/* =========================================================
   MAIN SECTION
========================================================= */

.pm-hero {

    position: relative;

    width: 100%;

    overflow: hidden;

    padding:
        75px
        0
        70px;

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(229,194,125,.18),
            transparent 28%
        ),

        linear-gradient(
            135deg,
            #fffdfa 0%,
            #fff8f2 50%,
            #fff1ed 100%
        );

}


/* =========================================================
   CONTAINER
========================================================= */

.pm-container {

    position: relative;

    z-index: 5;

    width: min(
        1440px,
        calc(100% - 70px)
    );

    margin: auto;

}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.pm-bg-circle {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.pm-bg-circle-one {

    width: 420px;
    height: 420px;

    top: -190px;
    right: -100px;

    background:
        rgba(201,149,63,.08);

}


.pm-bg-circle-two {

    width: 300px;
    height: 300px;

    bottom: -160px;
    left: -120px;

    background:
        rgba(239,61,50,.06);

}


.pm-gold-line {

    position: absolute;

    width: 350px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--pm-gold),
            transparent
        );

    opacity: .45;

}


.pm-gold-line-one {

    top: 130px;
    right: 3%;

    transform: rotate(-35deg);

}


/* =========================================================
   HERO GRID
========================================================= */

.pm-hero-grid {

    display: grid;

    grid-template-columns:
        minmax(0, .92fr)
        minmax(480px, 1.08fr);

    align-items: center;

    gap: 55px;

}


/* =========================================================
   LEFT CONTENT
========================================================= */

.pm-content {

    position: relative;

    z-index: 3;

    padding:
        10px
        0
        10px
        20px;

}


/* =========================================================
   EYEBROW
========================================================= */

.pm-eyebrow {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 22px;

    color: var(--pm-navy);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 3px;

}


.pm-eyebrow-dot {

    width: 13px;
    height: 13px;

    border-radius: 50%;

    background:
        var(--pm-red);

    box-shadow:
        0 0 0 5px rgba(239,61,50,.10);

}


.pm-eyebrow-line {

    width: 105px;

    height: 1px;

    background:
        var(--pm-gold);

}


/* =========================================================
   TITLE
========================================================= */

.pm-title {

    margin: 0;

    max-width: 650px;

    color: var(--pm-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(
        55px,
        5.5vw,
        86px
    );

    line-height: .98;

    letter-spacing: -3px;

    font-weight: 700;

}


.pm-title span {

    display: block;

    color: var(--pm-maroon);

}


/* =========================================================
   SUBTITLE
========================================================= */

.pm-subtitle {

    margin-top: 24px;

    color: var(--pm-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 24px;

    line-height: 1.25;

    font-style: italic;

}


/* =========================================================
   DESCRIPTION
========================================================= */

.pm-description {

    max-width: 670px;

    margin:
        25px
        0
        0;

    color: var(--pm-text);

    font-size: 16px;

    line-height: 1.75;

}


.pm-description-second {

    margin-top: 12px;

}


/* =========================================================
   ACTIONS
========================================================= */

.pm-actions {

    display: flex;

    flex-wrap: wrap;

    gap: 13px;

    margin-top: 30px;

}


.pm-primary-btn,
.pm-secondary-btn {

    min-height: 54px;

    padding:
        0
        23px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 13px;

    border-radius: 50px;

    text-decoration: none;

    font-size: 14px;

    font-weight: 700;

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}


.pm-primary-btn {

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--pm-maroon),
            var(--pm-red)
        );

    box-shadow:
        0 12px 25px
        rgba(143,23,23,.18);

}


.pm-primary-btn i {

    width: 31px;
    height: 31px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        rgba(255,255,255,.18);

}


.pm-secondary-btn {

    color: var(--pm-navy);

    background:
        rgba(255,255,255,.85);

    border:
        1px solid #d8dce1;

}


.pm-secondary-btn i {

    color: var(--pm-maroon);

}


.pm-primary-btn:hover,
.pm-secondary-btn:hover {

    transform:
        translateY(-3px);

}


.pm-primary-btn:hover {

    box-shadow:
        0 18px 35px
        rgba(143,23,23,.24);

}


/* =========================================================
   QUOTE
========================================================= */

.pm-quote {

    position: relative;

    display: flex;

    gap: 15px;

    max-width: 640px;

    margin-top: 34px;

    padding:
        18px
        22px;

    border-left:
        3px solid var(--pm-gold);

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.75),
            rgba(255,255,255,.25)
        );

}


.pm-quote-mark {

    color: var(--pm-gold);

    font-family:
        Georgia,
        serif;

    font-size: 55px;

    line-height: .7;

}


.pm-quote-content p {

    margin: 0;

    color: var(--pm-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 18px;

    line-height: 1.45;

    font-style: italic;

}


.pm-quote-line {

    width: 65px;

    height: 1px;

    margin:
        9px
        0
        6px;

    background:
        var(--pm-gold);

}


.pm-quote-content span {

    color: var(--pm-muted);

    font-size: 11px;

    font-weight: 700;

}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.pm-visual {

    position: relative;

    min-height: 620px;

    display: flex;

    align-items: center;

    justify-content: center;

}


/* =========================================================
   IMAGE ARC
========================================================= */

.pm-image-arc {

    position: absolute;

    width: 82%;

    height: 88%;

    right: 3%;

    top: 6%;

    border:
        2px solid var(--pm-gold);

    border-left:
        0;

    border-radius:
        48%
        48%
        45%
        55%;

    transform:
        rotate(-7deg);

    opacity: .9;

}


/* =========================================================
   IMAGE WRAPPER
========================================================= */

.pm-image-wrapper {

    position: relative;

    z-index: 2;

    width: 80%;

    max-width: 650px;

    height: 580px;

    overflow: hidden;

    border-radius:
        42%
        12%
        42%
        12%;

    background:
        #eee4dc;

    box-shadow:
        0 25px 65px
        rgba(16,45,82,.18);

}


.pm-image-wrapper::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 65%,
            rgba(8,24,45,.30)
        );

    pointer-events: none;

}


.pm-image {

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center top;

}


/* =========================================================
   IMAGE CAPTION
========================================================= */

.pm-image-caption {

    position: absolute;

    z-index: 5;

    right: 4%;

    bottom: 45px;

    min-width: 245px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding:
        14px
        17px;

    border-radius: 16px;

    background:
        rgba(255,255,255,.96);

    border:
        1px solid rgba(220,220,220,.8);

    box-shadow:
        0 15px 35px
        rgba(16,45,82,.15);

    backdrop-filter:
        blur(12px);

}


.pm-caption-icon {

    width: 47px;
    height: 47px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 14px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--pm-maroon),
            var(--pm-red)
        );

}


.pm-caption-content span {

    display: block;

    color: var(--pm-gold);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;

}


.pm-caption-content strong {

    display: block;

    margin-top: 4px;

    color: var(--pm-navy);

    font-size: 15px;

}


/* =========================================================
   FLOATING BADGE
========================================================= */

.pm-floating-badge {

    position: absolute;

    z-index: 6;

    top: 75px;

    left: 2%;

    display: flex;

    align-items: center;

    gap: 10px;

    padding:
        11px
        16px;

    border-radius: 50px;

    background:
        rgba(255,255,255,.96);

    box-shadow:
        0 14px 35px
        rgba(16,45,82,.12);

}


.pm-badge-icon {

    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--pm-maroon);

    background:
        #fff0ec;

}


.pm-floating-badge strong {

    display: block;

    color: var(--pm-navy);

    font-size: 13px;

}


.pm-floating-badge span {

    display: block;

    color: var(--pm-muted);

    font-size: 10px;

}


/* =========================================================
   VERTICAL TEXT
========================================================= */

.pm-vertical-text {

    position: absolute;

    z-index: 5;

    right: -3px;

    top: 50%;

    color: var(--pm-maroon);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 3px;

    writing-mode:
        vertical-rl;

    transform:
        translateY(-50%);

    opacity: .7;

}


/* =========================================================
   VALUE STRIP
========================================================= */

.pm-values {

    position: relative;

    z-index: 15;

    display: grid;

    grid-template-columns:
        1fr
        1px
        1fr
        1px
        1fr
        1px
        1fr;

    align-items: center;

    width: min(
        1150px,
        94%
    );

    margin:
        -15px
        auto
        0;

    padding:
        15px
        22px;

    border:
        1px solid rgba(210,215,220,.7);

    border-radius:
        22px;

    background:
        rgba(255,255,255,.97);

    box-shadow:
        0 18px 45px
        rgba(16,46,85,.11);

    backdrop-filter:
        blur(14px);

}


.pm-value {

    display: flex;

    align-items: center;

    gap: 12px;

    padding:
        7px
        12px;

}


.pm-value-icon {

    flex: 0 0 auto;

    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--pm-maroon);

    background:
        linear-gradient(
            145deg,
            #fff2ed,
            #fde0d9
        );

}


.pm-value strong {

    display: block;

    color: var(--pm-navy);

    font-size: 12px;

    line-height: 1.3;

}


.pm-value span {

    display: block;

    margin-top: 3px;

    color: var(--pm-muted);

    font-size: 10px;

    line-height: 1.3;

}


.pm-value-divider {

    width: 1px;

    height: 52px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            var(--pm-gold),
            transparent
        );

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .pm-container {

        width:
            calc(100% - 40px);

    }


    .pm-hero-grid {

        grid-template-columns:
            1fr
            1fr;

        gap: 25px;

    }


    .pm-title {

        font-size: 62px;

    }


    .pm-visual {

        min-height: 550px;

    }


    .pm-image-wrapper {

        width: 85%;

        height: 520px;

    }


    .pm-values {

        width: 100%;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .pm-hero {

        padding:
            45px
            0
            45px;

    }


    .pm-container {

        width:
            calc(100% - 24px);

    }


    .pm-hero-grid {

        display: flex;

        flex-direction: column;

        gap: 28px;

    }


    /* CONTENT */

    .pm-content {

        padding: 0 5px;

        order: 1;

    }


    .pm-eyebrow {

        gap: 7px;

        margin-bottom: 17px;

        font-size: 8px;

        letter-spacing: 2px;

        white-space: nowrap;

    }


    .pm-eyebrow-dot {

        width: 9px;
        height: 9px;

    }


    .pm-eyebrow-line {

        width: 50px;

    }


    .pm-title {

        font-size:
            clamp(
                43px,
                13vw,
                58px
            );

        line-height: .96;

        letter-spacing: -1.5px;

    }


    .pm-subtitle {

        margin-top: 17px;

        font-size: 18px;

        line-height: 1.3;

    }


    .pm-description {

        margin-top: 18px;

        font-size: 13px;

        line-height: 1.65;

    }


    .pm-description-second {

        display: none;

    }


    /* BUTTONS */

    .pm-actions {

        margin-top: 22px;

        gap: 9px;

    }


    .pm-primary-btn,
    .pm-secondary-btn {

        min-height: 47px;

        padding:
            0
            16px;

        font-size: 11px;

        gap: 8px;

    }


    .pm-primary-btn i {

        width: 26px;
        height: 26px;

    }


    /* QUOTE */

    .pm-quote {

        margin-top: 22px;

        padding:
            13px
            15px;

        gap: 9px;

    }


    .pm-quote-mark {

        font-size: 40px;

    }


    .pm-quote-content p {

        font-size: 14px;

    }


    .pm-quote-content span {

        font-size: 8px;

    }


    /* VISUAL */

    .pm-visual {

        order: 2;

        width: 100%;

        min-height: 390px;

    }


    .pm-image-wrapper {

        width: 88%;

        height: 390px;

        border-radius:
            38%
            12%
            38%
            12%;

    }


    .pm-image-arc {

        width: 90%;

        height: 91%;

        right: 0;

    }


    /* FLOATING BADGE */

    .pm-floating-badge {

        top: 22px;

        left: 0;

        padding:
            8px
            12px;

    }


    .pm-badge-icon {

        width: 32px;
        height: 32px;

    }


    .pm-floating-badge strong {

        font-size: 10px;

    }


    .pm-floating-badge span {

        font-size: 8px;

    }


    /* IMAGE CAPTION */

    .pm-image-caption {

        right: 0;

        bottom: 20px;

        min-width: 190px;

        padding:
            10px
            12px;

        border-radius: 13px;

    }


    .pm-caption-icon {

        width: 38px;
        height: 38px;

    }


    .pm-caption-content span {

        font-size: 7px;

    }


    .pm-caption-content strong {

        font-size: 12px;

    }


    .pm-vertical-text {

        display: none;

    }


    /* VALUES */

    .pm-values {

        width: 100%;

        margin:
            18px
            auto
            0;

        padding:
            8px;

        display: grid;

        grid-template-columns:
            repeat(2, 1fr);

        border-radius: 17px;

    }


    .pm-value {

        min-height: 82px;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        text-align: center;

        gap: 5px;

        padding:
            9px
            4px;

        position: relative;

    }


    .pm-value-icon {

        width: 38px;
        height: 38px;

        font-size: 14px;

    }


    .pm-value strong {

        font-size: 9px;

        line-height: 1.2;

    }


    .pm-value span {

        display: none;

    }


    .pm-value-divider {

        display: none;

    }


    /* Vertical dividers */

    .pm-value:nth-of-type(1)::after,
    .pm-value:nth-of-type(3)::after {

        content: "";

        position: absolute;

        top: 10px;
        bottom: 10px;

        right: 0;

        width: 1px;

        background:
            linear-gradient(
                to bottom,
                transparent,
                #ddb66e,
                transparent
            );

    }


    /* Horizontal dividers */

    .pm-value:nth-of-type(1)::before,
    .pm-value:nth-of-type(2)::before {

        content: "";

        position: absolute;

        left: 8px;
        right: 8px;

        bottom: 0;

        height: 1px;

        background:
            linear-gradient(
                90deg,
                transparent,
                #eadfd5,
                transparent
            );

    }


    .pm-bg-circle-one {

        width: 220px;
        height: 220px;

        top: -80px;
        right: -100px;

    }


    .pm-bg-circle-two {

        width: 180px;
        height: 180px;

        bottom: -80px;
        left: -90px;

    }

}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .pm-hero {

        padding-top: 35px;

    }


    .pm-title {

        font-size: 41px;

    }


    .pm-subtitle {

        font-size: 16px;

    }


    .pm-primary-btn,
    .pm-secondary-btn {

        padding:
            0
            12px;

        font-size: 10px;

    }


    .pm-image-wrapper {

        height: 350px;

    }


    .pm-visual {

        min-height: 350px;

    }


    .pm-value {

        min-height: 76px;

    }


    .pm-value-icon {

        width: 34px;
        height: 34px;

        font-size: 13px;

    }

}



 
/* =========================================================
   PRINCIPAL DETAILS
   PREMIUM SAAS / HEALTHCARE EDUCATION UI
========================================================= */

:root {

    --pd-navy: #102d52;
    --pd-navy-dark: #081e39;

    --pd-maroon: #8d1717;
    --pd-red: #ed4035;

    --pd-gold: #c99845;
    --pd-gold-light: #e6c783;

    --pd-cream: #fffaf5;
    --pd-white: #ffffff;

    --pd-text: #29486b;
    --pd-muted: #718095;

    --pd-border: #eadfd5;

}


/* =========================================================
   SECTION
========================================================= */

.pd-section {

    position: relative;

    overflow: hidden;

    padding:
        90px
        0
        80px;

    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(201,152,69,.10),
            transparent 24%
        ),

        radial-gradient(
            circle at 90% 75%,
            rgba(141,23,23,.06),
            transparent 25%
        ),

        linear-gradient(
            135deg,
            #fffdfa,
            #fff8f3
        );

}


/* =========================================================
   CONTAINER
========================================================= */

.pd-container {

    position: relative;

    z-index: 5;

    width:
        min(
            1400px,
            calc(100% - 70px)
        );

    margin: auto;

}


/* =========================================================
   BACKGROUND
========================================================= */

.pd-bg-circle {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.pd-bg-one {

    width: 430px;
    height: 430px;

    top: -190px;
    right: -150px;

    background:
        rgba(201,152,69,.07);

}


.pd-bg-two {

    width: 330px;
    height: 330px;

    bottom: -180px;
    left: -150px;

    background:
        rgba(141,23,23,.05);

}


/* =========================================================
   SECTION HEADER
========================================================= */

.pd-section-header {

    max-width: 850px;

    margin:
        0
        auto
        55px;

    text-align: center;

}


.pd-eyebrow {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 10px;

    margin-bottom: 17px;

    color: var(--pd-navy);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 3px;

}


.pd-eyebrow-dot {

    width: 11px;
    height: 11px;

    border-radius: 50%;

    background:
        var(--pd-red);

    box-shadow:
        0 0 0 5px rgba(237,64,53,.10);

}


.pd-eyebrow-line {

    width: 80px;

    height: 1px;

    background:
        var(--pd-gold);

}


.pd-title {

    margin: 0;

    color: var(--pd-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            46px,
            5vw,
            72px
        );

    line-height: 1;

    letter-spacing: -2px;

}


.pd-title span {

    color: var(--pd-maroon);

}


.pd-intro {

    max-width: 650px;

    margin:
        18px
        auto
        0;

    color: var(--pd-text);

    font-size: 15px;

    line-height: 1.7;

}


/* =========================================================
   PROFILE CARD
========================================================= */

.pd-profile-card {

    position: relative;

    display: grid;

    grid-template-columns:
        430px
        1fr;

    align-items: center;

    gap: 55px;

    padding:
        45px;

    border:
        1px solid rgba(218,211,204,.75);

    border-radius: 32px;

    background:
        rgba(255,255,255,.94);

    box-shadow:
        0 25px 70px
        rgba(16,45,82,.10);

    backdrop-filter:
        blur(15px);

}


/* =========================================================
   PROFILE IMAGE
========================================================= */

.pd-profile-image {

    position: relative;

    height: 470px;

    display: flex;

    justify-content: center;

    align-items: center;

}


.pd-image-ring {

    position: absolute;

    width: 410px;
    height: 430px;

    border:
        2px solid var(--pd-gold);

    border-radius:
        45%
        12%
        45%
        12%;

    transform:
        rotate(-6deg);

}


.pd-principal-image {

    position: relative;

    z-index: 2;

    width: 390px;
    height: 440px;

    object-fit: cover;

    object-position: center top;

    border-radius:
        42%
        12%
        42%
        12%;

    box-shadow:
        0 20px 45px
        rgba(16,45,82,.20);

}


.pd-image-badge {

    position: absolute;

    z-index: 5;

    left: 5px;

    bottom: 28px;

    display: flex;

    align-items: center;

    gap: 10px;

    padding:
        11px
        17px;

    border-radius: 50px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--pd-maroon),
            var(--pd-red)
        );

    box-shadow:
        0 12px 30px
        rgba(141,23,23,.25);

}


.pd-image-badge i {

    font-size: 14px;

}


.pd-image-badge span {

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.5px;

}


/* =========================================================
   PROFILE CONTENT
========================================================= */

.pd-profile-content {

    padding:
        10px
        15px;

}


.pd-profile-label {

    color: var(--pd-gold);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2.5px;

}


.pd-profile-content h3 {

    margin:
        9px
        0
        3px;

    color: var(--pd-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 48px;

    line-height: 1;

}


.pd-profile-role {

    margin: 0;

    color: var(--pd-maroon);

    font-size: 16px;

    font-weight: 800;

}


.pd-profile-description {

    max-width: 650px;

    margin:
        20px
        0
        28px;

    color: var(--pd-text);

    font-size: 15px;

    line-height: 1.75;

}


/* =========================================================
   INFO GRID
========================================================= */

.pd-info-grid {

    display: grid;

    grid-template-columns:
        repeat(2,1fr);

    gap: 12px;

}


.pd-info-item {

    display: flex;

    align-items: center;

    gap: 12px;

    padding:
        14px;

    border:
        1px solid #eee4dc;

    border-radius: 15px;

    background:
        linear-gradient(
            145deg,
            #fff,
            #fffaf7
        );

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}


.pd-info-item:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 10px 25px
        rgba(16,45,82,.07);

}


.pd-info-icon {

    flex: 0 0 auto;

    width: 42px;
    height: 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 12px;

    color: var(--pd-maroon);

    background:
        #fff0ec;

}


.pd-info-item span {

    display: block;

    margin-bottom: 3px;

    color: var(--pd-muted);

    font-size: 9px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .8px;

}


.pd-info-item strong {

    display: block;

    color: var(--pd-navy);

    font-size: 12px;

    line-height: 1.35;

}


/* =========================================================
   CONTENT SECTIONS
========================================================= */

.pd-content-section {

    margin-top: 75px;

}


.pd-heading-row {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

    margin-bottom: 28px;

}


.pd-small-label {

    display: flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 8px;

    color: var(--pd-gold);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2px;

}


.pd-small-label i {

    color: var(--pd-red);

}


.pd-heading-row h3 {

    margin: 0;

    color: var(--pd-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 38px;

}


.pd-heading-row h3 span {

    color: var(--pd-maroon);

}


.pd-heading-number {

    color:
        rgba(141,23,23,.10);

    font-family:
        Georgia,
        serif;

    font-size: 70px;

    font-weight: 700;

    line-height: .7;

}


/* =========================================================
   QUALIFICATION GRID
========================================================= */

.pd-qualification-grid {

    display: grid;

    grid-template-columns:
        repeat(2,1fr);

    gap: 18px;

}


.pd-qualification-card {

    position: relative;

    min-height: 215px;

    overflow: hidden;

    padding:
        25px;

    border:
        1px solid var(--pd-border);

    border-radius: 22px;

    background:
        rgba(255,255,255,.92);

    box-shadow:
        0 10px 30px
        rgba(16,45,82,.06);

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}


.pd-qualification-card:hover {

    transform:
        translateY(-5px);

    box-shadow:
        0 18px 40px
        rgba(16,45,82,.11);

}


.pd-qualification-card::after {

    content: "";

    position: absolute;

    width: 120px;
    height: 120px;

    right: -50px;
    bottom: -50px;

    border-radius: 50%;

    background:
        rgba(201,152,69,.08);

}


.pd-degree-icon {

    width: 52px;
    height: 52px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 15px;

    color: var(--pd-maroon);

    background:
        linear-gradient(
            145deg,
            #fff0ec,
            #fde0d9
        );

    font-size: 18px;

}


.pd-degree-year {

    position: absolute;

    top: 27px;
    right: 25px;

    padding:
        6px
        11px;

    border-radius: 20px;

    color: var(--pd-maroon);

    background:
        #fff1ed;

    font-size: 10px;

    font-weight: 800;

}


.pd-degree-content {

    position: relative;

    z-index: 2;

    margin-top: 17px;

}


.pd-degree-label {

    color: var(--pd-gold);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;

}


.pd-degree-content h4 {

    margin:
        7px
        0
        2px;

    color: var(--pd-navy);

    font-family:
        Georgia,
        serif;

    font-size: 22px;

    line-height: 1.2;

}


.pd-degree-content strong {

    color: var(--pd-maroon);

    font-size: 11px;

}


.pd-degree-content p {

    margin:
        12px
        0
        4px;

    color: var(--pd-text);

    font-size: 12px;

    font-weight: 700;

}


.pd-degree-content small {

    color: var(--pd-muted);

    font-size: 10px;

}


.pd-muted-card {

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #faf8f5
        );

}


.pd-not-available {

    color: var(--pd-muted) !important;

    font-style: italic;

}


/* =========================================================
   FEATURED QUALIFICATION
========================================================= */

.pd-featured {

    border-color:
        rgba(201,152,69,.45);

    background:
        linear-gradient(
            145deg,
            #fff,
            #fff8ef
        );

}


.pd-featured::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--pd-maroon),
            var(--pd-gold),
            var(--pd-red)
        );

}


/* =========================================================
   EXPERIENCE TIMELINE
========================================================= */

.pd-experience-section {

    padding-top: 5px;

}


.pd-timeline {

    position: relative;

    max-width: 1050px;

    margin:
        0
        auto;

}


.pd-timeline::before {

    content: "";

    position: absolute;

    left: 25px;

    top: 20px;
    bottom: 20px;

    width: 1px;

    background:
        linear-gradient(
            to bottom,
            var(--pd-gold),
            #eadfd5,
            var(--pd-maroon)
        );

}


.pd-timeline-item {

    position: relative;

    display: grid;

    grid-template-columns:
        52px
        1fr;

    gap: 22px;

    padding-bottom: 22px;

}


.pd-timeline-marker {

    position: relative;

    z-index: 2;

    width: 52px;
    height: 52px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--pd-maroon);

    background:
        #fff0ec;

    border:
        5px solid #fff;

    box-shadow:
        0 6px 20px
        rgba(141,23,23,.10);

}


.pd-timeline-content {

    padding:
        20px
        23px;

    border:
        1px solid var(--pd-border);

    border-radius: 17px;

    background:
        #fff;

    box-shadow:
        0 8px 25px
        rgba(16,45,82,.05);

}


.pd-timeline-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

}


.pd-role {

    color: var(--pd-maroon);

    font-size: 14px;

    font-weight: 800;

}


.pd-duration {

    padding:
        6px
        10px;

    border-radius: 20px;

    color: var(--pd-navy);

    background:
        #f6f3ef;

    font-size: 9px;

    font-weight: 700;

}


.pd-timeline-content h4 {

    margin:
        8px
        0
        3px;

    color: var(--pd-navy);

    font-family:
        Georgia,
        serif;

    font-size: 19px;

}


.pd-timeline-content p {

    margin: 0;

    color: var(--pd-muted);

    font-size: 11px;

}


/* =========================================================
   BOTTOM BANNER
========================================================= */

.pd-bottom-banner {

    position: relative;

    display: flex;

    align-items: center;

    gap: 20px;

    margin-top: 70px;

    padding:
        25px
        35px;

    overflow: hidden;

    border-radius: 25px;

    color: #fff;

    background:
        linear-gradient(
            115deg,
            #6f0c0c,
            #a61b1b 60%,
            #8b1515
        );

    box-shadow:
        0 20px 45px
        rgba(111,12,12,.18);

}


.pd-bottom-banner::after {

    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    right: -100px;
    top: -180px;

    border:
        1px solid rgba(230,199,131,.45);

    border-radius: 50%;

}


.pd-banner-icon {

    flex: 0 0 auto;

    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--pd-gold-light);

    background:
        rgba(255,255,255,.10);

    font-size: 20px;

}


.pd-banner-content {

    position: relative;

    z-index: 2;

}


.pd-banner-content span {

    display: block;

    color: var(--pd-gold-light);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2px;

}


.pd-banner-content p {

    margin:
        5px
        0
        0;

    font-family:
        Georgia,
        serif;

    font-size: 18px;

    font-style: italic;

}


.pd-banner-mark {

    position: relative;

    z-index: 2;

    margin-left: auto;

    color: var(--pd-gold-light);

    font-size: 35px;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .pd-container {

        width:
            calc(100% - 40px);

    }


    .pd-profile-card {

        grid-template-columns:
            350px
            1fr;

        gap: 30px;

        padding: 30px;

    }


    .pd-profile-image {

        height: 420px;

    }


    .pd-principal-image {

        width: 320px;
        height: 390px;

    }


    .pd-image-ring {

        width: 340px;
        height: 390px;

    }


    .pd-profile-content h3 {

        font-size: 40px;

    }


    .pd-info-grid {

        grid-template-columns:
            1fr;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .pd-section {

        padding:
            55px
            0
            50px;

    }


    .pd-container {

        width:
            calc(100% - 22px);

    }


    /* HEADER */

    .pd-section-header {

        margin-bottom: 32px;

    }


    .pd-eyebrow {

        font-size: 8px;

        letter-spacing: 2px;

        gap: 7px;

    }


    .pd-eyebrow-dot {

        width: 9px;
        height: 9px;

    }


    .pd-eyebrow-line {

        width: 45px;

    }


    .pd-title {

        font-size:
            clamp(
                42px,
                13vw,
                56px
            );

        letter-spacing: -1px;

    }


    .pd-intro {

        margin-top: 14px;

        font-size: 12px;

        line-height: 1.6;

    }


    /* PROFILE */

    .pd-profile-card {

        display: flex;

        flex-direction: column;

        gap: 25px;

        padding:
            22px
            15px
            20px;

        border-radius: 23px;

    }


    .pd-profile-image {

        width: 100%;

        height: 330px;

    }


    .pd-principal-image {

        width: 270px;
        height: 310px;

        border-radius:
            40%
            12%
            40%
            12%;

    }


    .pd-image-ring {

        width: 290px;
        height: 315px;

    }


    .pd-image-badge {

        left: 50%;

        bottom: 3px;

        transform:
            translateX(-50%);

        padding:
            9px
            14px;

    }


    .pd-profile-content {

        padding: 0 4px;

        text-align: center;

    }


    .pd-profile-label {

        font-size: 8px;

        letter-spacing: 1.7px;

    }


    .pd-profile-content h3 {

        margin-top: 7px;

        font-size: 35px;

    }


    .pd-profile-role {

        font-size: 13px;

    }


    .pd-profile-description {

        margin:
            15px
            0
            18px;

        font-size: 11px;

        line-height: 1.6;

    }


    /* INFO GRID */

    .pd-info-grid {

        grid-template-columns:
            repeat(2,1fr);

        gap: 8px;

        text-align: left;

    }


    .pd-info-item {

        min-height: 70px;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        gap: 5px;

        padding:
            9px
            5px;

        border-radius: 12px;

        text-align: center;

    }


    .pd-info-icon {

        width: 30px;
        height: 30px;

        border-radius: 9px;

        font-size: 11px;

    }


    .pd-info-item span {

        font-size: 6.5px;

        letter-spacing: .5px;

    }


    .pd-info-item strong {

        font-size: 8px;

        line-height: 1.25;

    }


    /* CONTENT HEADINGS */

    .pd-content-section {

        margin-top: 45px;

    }


    .pd-heading-row {

        align-items: center;

        margin-bottom: 18px;

    }


    .pd-small-label {

        margin-bottom: 5px;

        font-size: 7px;

        letter-spacing: 1.5px;

    }


    .pd-heading-row h3 {

        font-size: 27px;

        line-height: 1.05;

    }


    .pd-heading-number {

        font-size: 45px;

    }


    /* QUALIFICATIONS */

    .pd-qualification-grid {

        grid-template-columns:
            1fr;

        gap: 10px;

    }


    .pd-qualification-card {

        min-height: 150px;

        padding: 17px;

        border-radius: 16px;

    }


    .pd-degree-icon {

        width: 40px;
        height: 40px;

        border-radius: 11px;

        font-size: 14px;

    }


    .pd-degree-year {

        top: 19px;
        right: 17px;

        font-size: 8px;

        padding:
            5px
            8px;

    }


    .pd-degree-content {

        margin-top: 11px;

    }


    .pd-degree-label {

        font-size: 7px;

        letter-spacing: 1px;

    }


    .pd-degree-content h4 {

        margin-top: 5px;

        font-size: 17px;

    }


    .pd-degree-content strong {

        font-size: 9px;

    }


    .pd-degree-content p {

        margin-top: 8px;

        font-size: 9px;

    }


    .pd-degree-content small {

        font-size: 8px;

    }


    /* TIMELINE */

    .pd-timeline {

        margin-left: 2px;

    }


    .pd-timeline::before {

        left: 19px;

    }


    .pd-timeline-item {

        grid-template-columns:
            40px
            1fr;

        gap: 10px;

        padding-bottom: 12px;

    }


    .pd-timeline-marker {

        width: 40px;
        height: 40px;

        border-width: 4px;

        font-size: 11px;

    }


    .pd-timeline-content {

        padding:
            13px
            12px;

        border-radius: 13px;

    }


    .pd-timeline-top {

        display: block;

    }


    .pd-role {

        display: block;

        font-size: 11px;

    }


    .pd-duration {

        display: inline-block;

        margin-top: 5px;

        font-size: 7px;

        padding:
            4px
            7px;

    }


    .pd-timeline-content h4 {

        margin-top: 7px;

        font-size: 14px;

        line-height: 1.25;

    }


    .pd-timeline-content p {

        font-size: 8px;

    }


    /* BANNER */

    .pd-bottom-banner {

        margin-top: 40px;

        padding:
            18px
            15px;

        gap: 11px;

        border-radius: 17px;

    }


    .pd-banner-icon {

        width: 40px;
        height: 40px;

        font-size: 13px;

    }


    .pd-banner-content span {

        font-size: 6px;

        letter-spacing: 1.2px;

    }


    .pd-banner-content p {

        font-size: 11px;

        line-height: 1.4;

    }


    .pd-banner-mark {

        font-size: 22px;

    }

}


/* =========================================================
   EXTRA SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .pd-section {

        padding-top: 45px;

    }


    .pd-profile-image {

        height: 300px;

    }


    .pd-principal-image {

        width: 245px;
        height: 280px;

    }


    .pd-image-ring {

        width: 265px;
        height: 285px;

    }


    .pd-profile-content h3 {

        font-size: 32px;

    }


    .pd-info-item {

        min-height: 67px;

    }


    .pd-info-item strong {

        font-size: 7.5px;

    }


    .pd-heading-row h3 {

        font-size: 24px;

    }


    .pd-degree-content h4 {

        font-size: 15px;

    }

}



 
/* =========================================================
   SUBBAIAH - CHAIRMAN'S DESK
   PREMIUM RESPONSIVE DESIGN
========================================================= */

:root {

    --pt-navy: #102E55;
    --pt-navy-dark: #0B2342;

    --pt-maroon: #941B1B;
    --pt-maroon-dark: #711313;

    --pt-red: #E52F2F;
    --pt-gold: #C9963E;
    --pt-gold-light: #E3B75F;

    --pt-cream: #FBF5ED;
    --pt-cream-dark: #F5EADF;

    --pt-text: #193558;
    --pt-muted: #64748B;

    --pt-white: #FFFFFF;

}


/* =========================================================
   MAIN SECTION
========================================================= */

.pt-leadership-section {

    position: relative;

    width: 100%;

    overflow: hidden;

    padding: 70px 0 0;

    background:

        radial-gradient(
            circle at 80% 15%,
            rgba(201,150,62,.10),
            transparent 28%
        ),

        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffaf5 48%,
            #f8eee5 100%
        );

}


/* Decorative circles */

.pt-leadership-orb {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    opacity: .55;

}


.pt-orb-one {

    width: 260px;
    height: 260px;

    right: -100px;
    top: 60px;

    background:
        radial-gradient(
            circle,
            rgba(229,47,47,.08),
            transparent 70%
        );

}


.pt-orb-two {

    width: 300px;
    height: 300px;

    left: -180px;
    bottom: 40px;

    background:
        radial-gradient(
            circle,
            rgba(201,150,62,.12),
            transparent 70%
        );

}


/* =========================================================
   CONTAINER
========================================================= */

.pt-leadership-container {

    position: relative;

    z-index: 2;

    width: min(1450px, 94%);

    margin: auto;

    display: grid;

    grid-template-columns: 46% 54%;

    min-height: 720px;

}


/* =========================================================
   LEFT CONTENT
========================================================= */

.pt-leadership-content {

    position: relative;

    z-index: 5;

    padding: 45px 25px 80px 45px;

}


/* =========================================================
   LABEL
========================================================= */

.pt-section-label {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 25px;

    color: var(--pt-navy);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 3px;

}


.pt-label-dot {

    width: 15px;
    height: 15px;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            var(--pt-gold),
            var(--pt-gold-light)
        );

    box-shadow:
        0 0 0 5px rgba(201,150,62,.12);

}


.pt-label-line {

    width: 120px;

    height: 1px;

    margin-left: 8px;

    background:
        linear-gradient(
            90deg,
            var(--pt-gold),
            transparent
        );

}


/* =========================================================
   TITLE
========================================================= */

.pt-leadership-title {

    margin: 0;

    max-width: 680px;

    color: var(--pt-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(
        48px,
        5vw,
        76px
    );

    line-height: .98;

    font-weight: 700;

    letter-spacing: -2px;

}


.pt-leadership-title span {

    display: block;

    color: var(--pt-maroon);

}


/* =========================================================
   SUBTITLE
========================================================= */

.pt-leadership-subtitle {

    margin: 25px 0 20px;

    color: var(--pt-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 25px;

    font-weight: 500;

    font-style: italic;

}


/* =========================================================
   DESCRIPTION
========================================================= */

.pt-leadership-description {

    max-width: 570px;

    margin: 0 0 28px;

    color: var(--pt-text);

    font-size: 17px;

    line-height: 1.75;

}


/* =========================================================
   BUTTON
========================================================= */

.pt-leadership-btn {

    display: inline-flex;

    align-items: center;

    gap: 18px;

    padding: 15px 22px 15px 27px;

    color: #fff !important;

    text-decoration: none;

    background:
        linear-gradient(
            135deg,
            var(--pt-red),
            var(--pt-maroon)
        );

    border-radius: 50px;

    font-size: 15px;

    font-weight: 700;

    box-shadow:
        0 12px 28px rgba(148,27,27,.22);

    transition:
        .3s ease;

}


.pt-leadership-btn i {

    width: 34px;
    height: 34px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(255,255,255,.18);

}


.pt-leadership-btn:hover {

    transform: translateY(-3px);

    color: #fff;

    box-shadow:
        0 16px 35px rgba(148,27,27,.30);

}


/* =========================================================
   CHAIRMAN QUOTE
========================================================= */

.pt-chairman-quote {

    position: relative;

    display: flex;

    align-items: flex-start;

    max-width: 580px;

    margin-top: 48px;

}


.pt-quote-mark {

    color: var(--pt-gold);

    font-family: Georgia, serif;

    font-size: 65px;

    line-height: .7;

}


.pt-quote-left {

    margin-right: 10px;

}


.pt-quote-right {

    align-self: flex-end;

    margin-left: 5px;

}


.pt-quote-content {

    padding: 0 5px;

}


.pt-quote-content p {

    margin: 0 0 13px;

    color: var(--pt-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 23px;

    line-height: 1.35;

    font-style: italic;

}


.pt-quote-line {

    width: 210px;

    height: 1px;

    margin: 10px 0 12px;

    background:
        linear-gradient(
            90deg,
            var(--pt-gold),
            transparent
        );

}


.pt-quote-content strong {

    display: block;

    color: var(--pt-navy);

    font-size: 14px;

    letter-spacing: 1px;

}


.pt-quote-content span {

    display: block;

    margin-top: 4px;

    color: var(--pt-muted);

    font-size: 13px;

}


.pt-quote-content small {

    display: block;

    margin-top: 2px;

    color: var(--pt-muted);

    font-size: 12px;

}


/* =========================================================
   RIGHT IMAGE
========================================================= */

.pt-leadership-visual {

    position: relative;

    min-height: 720px;

}


/* Decorative gold arc */

.pt-image-decoration {

    position: absolute;

    width: 520px;
    height: 520px;

    top: 20px;
    right: 40px;

    border-radius: 50%;

    border:

        2px solid
        rgba(201,150,62,.55);

    border-left-color: transparent;

    border-bottom-color: transparent;

    transform: rotate(18deg);

}


/* =========================================================
   IMAGE WRAPPER
========================================================= */

.pt-chairman-image-wrap {

    position: absolute;

    top: 0;
    right: 0;

    width: 94%;

    height: 650px;

    overflow: hidden;

    border-radius:
        0
        0
        0
        180px;

    background: #ddd;

    box-shadow:
        -20px 25px 60px rgba(16,46,85,.16);

}


/* Image */

.pt-chairman-image {

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

}


/* Image dark gradient */

.pt-chairman-image-wrap::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(16,46,85,.05),
            transparent 55%
        );

    pointer-events: none;

}


/* =========================================================
   IMAGE MESSAGE
========================================================= */

.pt-image-message {

    position: absolute;

    top: 80px;

    right: 45px;

    z-index: 3;

    color: var(--pt-gold-light);

    font-family:
        Georgia,
        serif;

    font-size: 22px;

    line-height: 1.35;

    letter-spacing: 1px;

}


.pt-image-message div {

    width: 90px;

    height: 2px;

    margin-top: 15px;

    background: var(--pt-gold);

}


/* =========================================================
   MAROON WAVE
========================================================= */

.pt-leadership-wave {

    position: absolute;

    z-index: 5;

    right: -20px;

    bottom: 0;

    width: 70%;

    min-height: 190px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    color: #fff;

    background:

        linear-gradient(
            150deg,
            var(--pt-maroon),
            #720909
        );

    border-radius:
        100% 0 0 0;

    box-shadow:
        -15px -10px 35px rgba(112,9,9,.15);

}


/* Gold top edge */

.pt-leadership-wave::before {

    content: "";

    position: absolute;

    top: -5px;

    left: 0;

    width: 100%;

    height: 10px;

    background: var(--pt-gold);

    transform:
        rotate(-5deg)
        scale(1.1);

}


/* Gold lower edge */

.pt-leadership-wave::after {

    content: "";

    position: absolute;

    bottom: 8px;

    left: 0;

    width: 100%;

    height: 3px;

    background: var(--pt-gold-light);

    opacity: .8;

}


.pt-wave-content {

    position: relative;

    z-index: 2;

    text-align: center;

    font-family:
        Georgia,
        serif;

}


.pt-wave-content span {

    display: block;

    margin-bottom: 3px;

    font-size: 23px;

    font-style: italic;

}


.pt-wave-content strong {

    display: block;

    font-size: 25px;

    line-height: 1.12;

    font-weight: 500;

    font-style: italic;

}


.pt-wave-leaf {

    position: absolute;

    bottom: 20px;

    left: 55px;

    color: var(--pt-gold-light);

    font-size: 60px;

    transform: rotate(-20deg);

}


/* =========================================================
   VALUES BAR
========================================================= */

.pt-leadership-values {

    position: relative;

    z-index: 10;

    width: min(1000px, 90%);

    margin:
        -55px
        auto
        0;

    padding: 18px 30px;

    display: grid;

    grid-template-columns:
        1fr
        1px
        1fr
        1px
        1fr
        1px
        1fr;

    align-items: center;

    background:
        rgba(255,255,255,.96);

    border:
        1px solid rgba(210,215,220,.7);

    border-radius: 22px;

    box-shadow:
        0 18px 45px rgba(16,46,85,.12);

    backdrop-filter: blur(12px);

}


.pt-value-box {

    display: flex;

    align-items: center;

    gap: 14px;

    padding: 8px 15px;

}


.pt-value-icon {

    flex: 0 0 auto;

    width: 53px;
    height: 53px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--pt-maroon);

    background:
        linear-gradient(
            145deg,
            #fff1ed,
            #fde1dc
        );

    font-size: 19px;

}


.pt-value-text strong {

    display: block;

    color: var(--pt-navy);

    font-size: 14px;

}


.pt-value-text span {

    display: block;

    margin-top: 2px;

    color: var(--pt-text);

    font-size: 13px;

}


.pt-value-divider {

    width: 1px;

    height: 55px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            #ddb66e,
            transparent
        );

}


/* =========================================================
   BOTTOM STATEMENT
========================================================= */

.pt-leadership-bottom {

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 25px;

    padding: 48px 20px 35px;

    color: var(--pt-navy);

    text-align: center;

}


.pt-leadership-bottom p {

    margin: 0;

    font-family:
        Georgia,
        serif;

    font-size: 20px;

    font-style: italic;

}


.pt-bottom-leaf {

    color: var(--pt-gold);

    font-size: 35px;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .pt-leadership-container {

        grid-template-columns: 1fr 1fr;

    }

    .pt-leadership-content {

        padding-left: 25px;

    }

    .pt-leadership-title {

        font-size: 53px;

    }

    .pt-leadership-subtitle {

        font-size: 21px;

    }

    .pt-leadership-description {

        font-size: 15px;

    }

    .pt-chairman-image-wrap {

        height: 590px;

        border-radius:
            0
            0
            0
            120px;

    }

    .pt-leadership-visual {

        min-height: 650px;

    }

    .pt-leadership-wave {

        width: 78%;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .pt-leadership-section {

        padding-top: 35px;

    }


    .pt-leadership-container {

        width: 92%;

        display: flex;

        flex-direction: column;

        min-height: auto;

    }


    /* Content */

    .pt-leadership-content {

        padding:
            25px
            5px
            35px;

    }


    .pt-section-label {

        gap: 8px;

        font-size: 9px;

        letter-spacing: 2px;

        margin-bottom: 17px;

    }


    .pt-label-dot {

        width: 11px;
        height: 11px;

    }


    .pt-label-line {

        width: 55px;

    }


    .pt-leadership-title {

        font-size: 42px;

        line-height: 1;

        letter-spacing: -1px;

    }


    .pt-leadership-subtitle {

        margin-top: 17px;

        font-size: 19px;

        line-height: 1.35;

    }


    .pt-leadership-description {

        font-size: 14px;

        line-height: 1.65;

        margin-bottom: 20px;

    }


    .pt-leadership-btn {

        padding: 12px 17px 12px 21px;

        font-size: 13px;

        gap: 12px;

    }


    .pt-leadership-btn i {

        width: 29px;
        height: 29px;

    }


    /* Quote */

    .pt-chairman-quote {

        margin-top: 32px;

    }


    .pt-quote-mark {

        font-size: 42px;

    }


    .pt-quote-content p {

        font-size: 17px;

    }


    .pt-quote-content strong {

        font-size: 11px;

    }


    .pt-quote-content span,
    .pt-quote-content small {

        font-size: 10px;

    }


    /* Image */

    .pt-leadership-visual {

        min-height: 500px;

        margin-top: 5px;

    }


    .pt-image-decoration {

        width: 280px;
        height: 280px;

        top: -15px;
        right: 0;

    }


    .pt-chairman-image-wrap {

        position: relative;

        width: 100%;

        height: 450px;

        border-radius:
            0
            0
            0
            90px;

    }


    .pt-image-message {

        top: 35px;

        right: 22px;

        font-size: 13px;

    }


    .pt-image-message div {

        width: 55px;

        margin-top: 8px;

    }


    /* Wave */

    .pt-leadership-wave {

        right: -5px;

        bottom: 0;

        width: 82%;

        min-height: 135px;

        border-radius:
            90% 0 0 0;

    }


    .pt-wave-content span {

        font-size: 16px;

    }


    .pt-wave-content strong {

        font-size: 17px;

    }


    .pt-wave-leaf {

        left: 20px;

        bottom: 10px;

        font-size: 38px;

    }


    /* Values */

    .pt-leadership-values {

        width: 90%;

        margin-top: -35px;

        padding: 10px;

        grid-template-columns:
            1fr
            1px
            1fr;

        border-radius: 18px;

    }


    .pt-value-box {

        justify-content: center;

        flex-direction: column;

        gap: 5px;

        padding: 12px 5px;

        text-align: center;

    }


    .pt-value-icon {

        width: 42px;
        height: 42px;

        font-size: 15px;

    }


    .pt-value-text strong {

        font-size: 10px;

    }


    .pt-value-text span {

        font-size: 9px;

    }


    .pt-value-divider {

        height: 60px;

    }


    /* Hide 3rd divider so grid becomes clean */

    .pt-leadership-values
    .pt-value-divider:nth-of-type(6) {

        display: none;

    }


    /* Bottom */

    .pt-leadership-bottom {

        gap: 10px;

        padding: 30px 15px;

    }


    .pt-leadership-bottom p {

        font-size: 15px;

        line-height: 1.4;

    }


    .pt-bottom-leaf {

        font-size: 25px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .pt-leadership-title {

        font-size: 36px;

    }


    .pt-leadership-subtitle {

        font-size: 17px;

    }


    .pt-leadership-description {

        font-size: 13px;

    }


    .pt-chairman-image-wrap {

        height: 400px;

        border-radius:
            0
            0
            0
            70px;

    }


    .pt-leadership-visual {

        min-height: 450px;

    }


    .pt-leadership-wave {

        min-height: 120px;

    }


    .pt-wave-content strong {

        font-size: 15px;

    }


    .pt-value-box {

        padding-left: 2px;

        padding-right: 2px;

    }

}

    
    /* =========================================================
   LEADERSHIP VALUES - MOBILE
   2 ITEMS PER ROW
========================================================= */

@media (max-width: 767px) {

    .pt-leadership-values {

        position: relative;
        z-index: 10;

        width: calc(100% - 24px);

        margin: -30px auto 0;

        padding: 12px 10px;

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        gap: 0;

        align-items: stretch;

        background: rgba(255,255,255,.98);

        border: 1px solid rgba(210,215,220,.75);

        border-radius: 18px;

        box-shadow:
            0 12px 30px rgba(16,46,85,.10);

        backdrop-filter: blur(12px);

    }


    /* -----------------------------------------
       VALUE BOX
    ----------------------------------------- */

    .pt-value-box {

        min-width: 0;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        text-align: center;

        gap: 6px;

        min-height: 100px;

        padding: 12px 6px;

        position: relative;

    }


    /* -----------------------------------------
       ICON
    ----------------------------------------- */

    .pt-value-icon {

        flex: 0 0 auto;

        width: 42px;
        height: 42px;

        display: flex;

        align-items: center;
        justify-content: center;

        border-radius: 50%;

        color: var(--pt-maroon);

        background:
            linear-gradient(
                145deg,
                #fff1ed,
                #fde1dc
            );

        font-size: 16px;

        box-shadow:
            0 5px 14px
            rgba(142,23,23,.08);

    }


    /* -----------------------------------------
       TEXT
    ----------------------------------------- */

    .pt-value-text {

        min-width: 0;

        text-align: center;

    }


    .pt-value-text strong {

        display: block;

        margin: 0;

        color: var(--pt-navy);

        font-size: 11px;

        line-height: 1.25;

        font-weight: 800;

    }


    .pt-value-text span {

        display: block;

        margin-top: 3px;

        color: var(--pt-text);

        font-size: 9px;

        line-height: 1.25;

    }


    /* -----------------------------------------
       DIVIDERS
       
       Hide old desktop divider because
       mobile grid needs clean 2 x 2 layout.
    ----------------------------------------- */

    .pt-value-divider {

        display: none;

    }


    /* -----------------------------------------
       VERTICAL DIVIDER BETWEEN COLUMNS
    ----------------------------------------- */

    .pt-value-box:nth-of-type(1)::after,
    .pt-value-box:nth-of-type(3)::after {

        content: "";

        position: absolute;

        right: 0;

        top: 15px;
        bottom: 15px;

        width: 1px;

        background:
            linear-gradient(
                to bottom,
                transparent,
                #ddb66e,
                transparent
            );

    }


    /* -----------------------------------------
       HORIZONTAL DIVIDER BETWEEN ROWS
    ----------------------------------------- */

    .pt-value-box:nth-of-type(1)::before,
    .pt-value-box:nth-of-type(2)::before {

        content: "";

        position: absolute;

        left: 10px;
        right: 10px;

        bottom: 0;

        height: 1px;

        background:
            linear-gradient(
                90deg,
                transparent,
                #eadfd5,
                transparent
            );

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .pt-leadership-values {

        width: calc(100% - 18px);

        margin-top: -25px;

        padding: 8px 6px;

        border-radius: 16px;

    }


    .pt-value-box {

        min-height: 88px;

        padding: 9px 4px;

        gap: 5px;

    }


    .pt-value-icon {

        width: 37px;
        height: 37px;

        font-size: 14px;

    }


    .pt-value-text strong {

        font-size: 10px;

    }


    .pt-value-text span {

        font-size: 8px;

    }

}

 

/* =========================================================
   MANAGEMENT TEAM
   SUBBAIAH INSTITUTE OF PHYSIOTHERAPY
   PREMIUM SAAS UI / UX
========================================================= */

:root {

    --ptm-navy: #102f56;
    --ptm-navy-dark: #081f3b;

    --ptm-maroon: #8e1717;
    --ptm-maroon-dark: #650b0b;

    --ptm-red: #e73535;

    --ptm-gold: #c7953d;
    --ptm-gold-light: #e2b765;

    --ptm-cream: #fff9f3;

    --ptm-text: #17375e;
    --ptm-muted: #687a8f;

}


/* =========================================================
   MAIN SECTION
========================================================= */

.pt-management-section {

    position: relative;

    width: 100%;

    overflow: hidden;

    padding:
        100px
        0
        80px;

    background:

        radial-gradient(
            circle at 5% 10%,
            rgba(201,149,61,.11),
            transparent 24%
        ),

        radial-gradient(
            circle at 95% 85%,
            rgba(142,23,23,.08),
            transparent 25%
        ),

        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffaf6 55%,
            #f8eee5 100%
        );

}


/* =========================================================
   BACKGROUND DECORATIONS
========================================================= */

.ptm-orbit {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.ptm-orbit-one {

    width: 520px;
    height: 520px;

    left: -310px;
    top: 180px;

    border:
        1px solid
        rgba(199,149,61,.18);

}


.ptm-orbit-two {

    width: 390px;
    height: 390px;

    right: -230px;
    bottom: 120px;

    border:
        1px solid
        rgba(142,23,23,.10);

}


.ptm-gold-dot {

    position: absolute;

    width: 9px;
    height: 9px;

    border-radius: 50%;

    background:
        var(--ptm-gold);

    opacity: .65;

}


.ptm-gold-dot-one {

    top: 180px;
    left: 8%;

}


.ptm-gold-dot-two {

    right: 9%;
    bottom: 240px;

}


/* =========================================================
   CONTAINER
========================================================= */

.pt-management-container {

    position: relative;

    z-index: 3;

    width: min(
        1380px,
        92%
    );

    margin: auto;

}


/* =========================================================
   HEADING
========================================================= */

.pt-management-heading {

    max-width: 900px;

    margin:
        0
        auto
        55px;

    text-align: center;

}


.pt-management-label {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 13px;

    margin-bottom: 20px;

    color:
        var(--ptm-navy);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 3.5px;

}


.ptm-label-dot {

    width: 11px;
    height: 11px;

    border-radius: 50%;

    background:
        var(--ptm-red);

    box-shadow:
        0 0 0 5px
        rgba(231,53,53,.10);

}


.ptm-label-line {

    width: 100px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            var(--ptm-gold),
            transparent
        );

}


.pt-management-heading h2 {

    margin: 0;

    color:
        var(--ptm-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            42px,
            5vw,
            68px
        );

    line-height: 1.02;

    letter-spacing: -1.7px;

}


.pt-management-heading h2 span {

    color:
        var(--ptm-maroon);

}


.pt-management-heading p {

    max-width: 760px;

    margin:
        22px
        auto
        0;

    color:
        var(--ptm-muted);

    font-size: 16px;

    line-height: 1.75;

}


/* =========================================================
   GRID
========================================================= */

.pt-management-grid {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 25px;

}


/* =========================================================
   MANAGEMENT CARD
========================================================= */

.pt-management-card {

    position: relative;

    display: flex;

    flex-direction: column;

    min-height: 475px;

    overflow: hidden;

    padding: 30px;

    background:
        rgba(255,255,255,.94);

    border:
        1px solid
        rgba(211,217,223,.75);

    border-radius: 27px;

    box-shadow:
        0 15px 45px
        rgba(16,47,86,.07);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}


.pt-management-card::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 4px;

    background:
        linear-gradient(
            90deg,
            var(--ptm-maroon),
            var(--ptm-red),
            var(--ptm-gold)
        );

    transform:
        scaleX(.18);

    transform-origin:
        left;

    transition:
        transform .4s ease;

}


.pt-management-card:hover {

    transform:
        translateY(-9px);

    border-color:
        rgba(199,149,61,.45);

    box-shadow:
        0 28px 65px
        rgba(16,47,86,.13);

}


.pt-management-card:hover::before {

    transform:
        scaleX(1);

}


/* =========================================================
   CARD TOP
========================================================= */

.ptm-card-top {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}


.ptm-number {

    color:
        rgba(16,47,86,.12);

    font-family:
        Georgia,
        serif;

    font-size: 38px;

    font-weight: 700;

    line-height: 1;

}


/* =========================================================
   PHOTO
========================================================= */

.ptm-photo-wrap {

    position: relative;

    width: 128px;
    height: 128px;

}


.ptm-photo {

    position: relative;

    z-index: 3;

    display: block;

    width: 112px;
    height: 112px;

    object-fit: cover;

    object-position: center top;

    border-radius: 50%;

    border:
        5px solid
        #ffffff;

    background:
        #f7eee8;

    box-shadow:
        0 12px 28px
        rgba(16,47,86,.15);

    transition:
        transform .4s ease;

}


.ptm-photo-ring {

    position: absolute;

    z-index: 1;

    top: 2px;
    left: 2px;

    width: 122px;
    height: 122px;

    border-radius: 50%;

    border:
        1px solid
        var(--ptm-gold);

    opacity: .8;

    transition:
        transform .4s ease;

}


.pt-management-card:hover
.ptm-photo {

    transform:
        scale(1.035);

}


.pt-management-card:hover
.ptm-photo-ring {

    transform:
        rotate(15deg)
        scale(1.04);

}


.ptm-photo-status {

    position: absolute;

    z-index: 5;

    right: 14px;
    bottom: 13px;

    width: 15px;
    height: 15px;

    border-radius: 50%;

    background:
        #42a866;

    border:
        3px solid
        #ffffff;

}


/* =========================================================
   CARD CONTENT
========================================================= */

.ptm-card-content {

    padding-top: 22px;

}


.ptm-role {

    display: inline-flex;

    align-items: center;

    min-height: 28px;

    padding:
        6px
        12px;

    color:
        var(--ptm-maroon);

    background:
        #fff0eb;

    border-radius: 30px;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.4px;

}


.ptm-card-content h3 {

    margin:
        14px
        0
        3px;

    color:
        var(--ptm-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 25px;

    line-height: 1.15;

}


.ptm-qualification {

    color:
        var(--ptm-gold);

    font-size: 13px;

    font-weight: 800;

    letter-spacing: 1px;

}


.ptm-card-content p {

    margin:
        17px
        0
        0;

    color:
        var(--ptm-muted);

    font-size: 13px;

    line-height: 1.7;

}


/* =========================================================
   CARD BOTTOM
========================================================= */

.ptm-card-bottom {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: auto;

    padding-top: 23px;

    border-top:
        1px solid
        #edf0f2;

}


.ptm-card-bottom > span:first-child {

    color:
        var(--ptm-navy);

    font-size: 10px;

    font-weight: 800;

}


.ptm-card-bottom > span:first-child i {

    margin-right: 7px;

    color:
        var(--ptm-red);

}


.ptm-arrow {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 34px;
    height: 34px;

    color:
        #ffffff;

    background:
        var(--ptm-maroon);

    border-radius: 50%;

    font-size: 10px;

    transition:
        all .3s ease;

}


.pt-management-card:hover
.ptm-arrow {

    background:
        var(--ptm-red);

    transform:
        translateX(5px);

}


/* =========================================================
   LEGACY CARD
========================================================= */

.ptm-legacy-card {

    position: relative;

    min-height: 475px;

    overflow: hidden;

    display: flex;

    align-items: center;

    padding: 42px;

    color: #ffffff;

    background:
        linear-gradient(
            145deg,
            #8e1717,
            #650b0b
        );

    border-radius: 27px;

    box-shadow:
        0 20px 55px
        rgba(101,11,11,.20);

}


.ptm-legacy-card::before {

    content: "";

    position: absolute;

    width: 310px;
    height: 310px;

    top: -160px;
    right: -110px;

    border-radius: 50%;

    border:
        1px solid
        rgba(226,183,103,.50);

}


.ptm-legacy-card::after {

    content: "";

    position: absolute;

    width: 400px;
    height: 400px;

    bottom: -300px;
    left: -260px;

    border-radius: 50%;

    background:
        rgba(255,255,255,.04);

}


.ptm-legacy-glow {

    position: absolute;

    width: 220px;
    height: 220px;

    top: 35px;
    right: 25px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(226,183,103,.16),
            transparent 70%
        );

}


.ptm-legacy-content {

    position: relative;

    z-index: 4;

}


.ptm-quote-icon {

    display: flex;

    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    margin-bottom: 18px;

    color:
        var(--ptm-gold-light);

    border:
        1px solid
        rgba(226,183,103,.55);

    border-radius: 50%;

}


.ptm-legacy-label {

    display: block;

    margin-bottom: 13px;

    color:
        var(--ptm-gold-light);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2px;

}


.ptm-legacy-content h3 {

    margin: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 37px;

    line-height: 1.05;

}


.ptm-legacy-content h3 span {

    display: block;

    color:
        var(--ptm-gold-light);

    font-style: italic;

}


.ptm-legacy-content p {

    max-width: 315px;

    margin:
        20px
        0;

    color:
        rgba(255,255,255,.78);

    font-family:
        Georgia,
        serif;

    font-size: 14px;

    line-height: 1.7;

    font-style: italic;

}


.ptm-legacy-divider {

    width: 85px;

    height: 2px;

    margin-bottom: 17px;

    background:
        var(--ptm-gold);

}


.ptm-legacy-content strong {

    color:
        #ffffff;

    font-size: 10px;

    letter-spacing: 1.5px;

}


.ptm-legacy-symbol {

    position: absolute;

    right: 28px;
    bottom: 8px;

    color:
        var(--ptm-gold-light);

    font-size: 100px;

    line-height: 1;

    opacity: .7;

    transform:
        rotate(-18deg);

}


/* =========================================================
   BOTTOM STRIP
========================================================= */

.ptm-bottom-strip {

    display: flex;

    align-items: center;

    gap: 25px;

    margin-top: 55px;

}


.ptm-strip-line {

    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(199,149,61,.65)
        );

}


.ptm-strip-line:last-child {

    background:
        linear-gradient(
            90deg,
            rgba(199,149,61,.65),
            transparent
        );

}


.ptm-strip-content {

    display: flex;

    align-items: center;

    gap: 12px;

    color:
        var(--ptm-navy);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 1.3px;

    text-align: center;

}


.ptm-strip-content b {

    margin:
        0 5px;

    color:
        var(--ptm-gold);

}


.ptm-strip-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 34px;
    height: 34px;

    color:
        var(--ptm-red);

    background:
        #fff0eb;

    border-radius: 50%;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .pt-management-section {

        padding:
            80px
            0
            65px;

    }


    .pt-management-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .pt-management-heading h2 {

        font-size: 52px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .pt-management-section {

        padding:
            60px
            0
            45px;

    }


    .pt-management-container {

        width: 92%;

    }


    /* Heading */

    .pt-management-heading {

        margin-bottom: 35px;

    }


    .pt-management-label {

        gap: 8px;

        margin-bottom: 16px;

        font-size: 8px;

        letter-spacing: 2px;

    }


    .ptm-label-dot {

        width: 9px;
        height: 9px;

    }


    .ptm-label-line {

        width: 42px;

    }


    .pt-management-heading h2 {

        font-size: 38px;

        line-height: 1.04;

        letter-spacing: -1px;

    }


    .pt-management-heading p {

        margin-top: 15px;

        font-size: 13px;

        line-height: 1.65;

    }


    /* Grid */

    .pt-management-grid {

        grid-template-columns:
            1fr;

        gap: 16px;

    }


    /* Cards */

    .pt-management-card {

        min-height: 420px;

        padding: 23px;

        border-radius: 21px;

    }


    .ptm-photo-wrap {

        width: 105px;
        height: 105px;

    }


    .ptm-photo {

        width: 92px;
        height: 92px;

        border-width: 4px;

    }


    .ptm-photo-ring {

        width: 101px;
        height: 101px;

    }


    .ptm-photo-status {

        right: 9px;
        bottom: 10px;

        width: 13px;
        height: 13px;

        border-width: 2px;

    }


    .ptm-number {

        font-size: 27px;

    }


    .ptm-card-content {

        padding-top: 17px;

    }


    .ptm-role {

        max-width: 100%;

        font-size: 7px;

        letter-spacing: 1px;

        padding:
            6px
            9px;

    }


    .ptm-card-content h3 {

        margin-top: 10px;

        font-size: 22px;

    }


    .ptm-qualification {

        font-size: 11px;

    }


    .ptm-card-content p {

        margin-top: 11px;

        font-size: 12px;

        line-height: 1.6;

    }


    .ptm-card-bottom {

        padding-top: 17px;

    }


    .ptm-card-bottom > span:first-child {

        font-size: 9px;

    }


    .ptm-arrow {

        width: 29px;
        height: 29px;

        font-size: 9px;

    }


    /* Legacy */

    .ptm-legacy-card {

        min-height: 340px;

        padding: 30px;

        border-radius: 21px;

    }


    .ptm-quote-icon {

        width: 40px;
        height: 40px;

        margin-bottom: 14px;

    }


    .ptm-legacy-label {

        font-size: 7px;

        letter-spacing: 1.5px;

    }


    .ptm-legacy-content h3 {

        font-size: 30px;

    }


    .ptm-legacy-content p {

        max-width: 275px;

        margin:
            15px
            0;

        font-size: 12px;

    }


    .ptm-legacy-symbol {

        right: 15px;
        bottom: 8px;

        font-size: 70px;

    }


    /* Bottom strip */

    .ptm-bottom-strip {

        gap: 10px;

        margin-top: 35px;

    }


    .ptm-strip-content {

        gap: 7px;

        font-size: 7px;

        letter-spacing: .6px;

        white-space: nowrap;

    }


    .ptm-strip-content b {

        margin:
            0 2px;

    }


    .ptm-strip-icon {

        width: 27px;
        height: 27px;

        font-size: 9px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .pt-management-heading h2 {

        font-size: 33px;

    }


    .pt-management-card {

        padding: 19px;

    }


    .ptm-photo {

        width: 84px;
        height: 84px;

    }


    .ptm-photo-ring {

        width: 93px;
        height: 93px;

    }


    .ptm-photo-wrap {

        width: 97px;
        height: 97px;

    }


    .ptm-card-content h3 {

        font-size: 20px;

    }


    .ptm-card-content p {

        font-size: 11px;

    }


    .ptm-legacy-card {

        padding: 24px;

    }


    .ptm-legacy-content h3 {

        font-size: 27px;

    }


    .ptm-strip-line {

        display: none;

    }


    .ptm-bottom-strip {

        justify-content: center;

    }

}

 

/* =========================================================
   SUBBAIAH PHYSIOTHERAPY
   ABOUT THE COLLEGE
   PREMIUM RESPONSIVE DESIGN
========================================================= */

:root {

    --pt-about-navy: #102a4c;
    --pt-about-navy-dark: #091d36;

    --pt-about-maroon: #8f1d20;
    --pt-about-maroon-dark: #681316;

    --pt-about-red: #e94b3c;
    --pt-about-gold: #c49345;
    --pt-about-gold-light: #e5c17b;

    --pt-about-cream: #fffaf5;
    --pt-about-white: #ffffff;

    --pt-about-text: #17365d;
    --pt-about-muted: #607087;

    --pt-about-border: #eadfd5;

}


/* =========================================================
   MAIN SECTION
========================================================= */

.pt-about-college {

    position: relative;

    width: 100%;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffaf6 48%,
            #fdf1eb 100%
        );

    padding: 78px 0 0;

}


/* =========================================================
   DECORATIVE BACKGROUND
========================================================= */

.pt-about-glow {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    opacity: .75;

}


.pt-about-glow-one {

    width: 330px;
    height: 330px;

    left: -170px;
    top: 100px;

    background:
        radial-gradient(
            circle,
            rgba(196,147,69,.13),
            rgba(196,147,69,0)
        );

}


.pt-about-glow-two {

    width: 460px;
    height: 460px;

    right: -240px;
    bottom: 40px;

    background:
        radial-gradient(
            circle,
            rgba(143,29,32,.10),
            rgba(143,29,32,0)
        );

}


/* =========================================================
   CONTAINER
========================================================= */

.pt-about-container {

    position: relative;

    z-index: 2;

    width: min(1450px, calc(100% - 70px));

    margin: 0 auto;

    display: grid;

    grid-template-columns: 42% 58%;

    align-items: center;

    min-height: 650px;

}


/* =========================================================
   LEFT CONTENT
========================================================= */

.pt-about-content {

    position: relative;

    z-index: 5;

    padding: 35px 20px 70px 25px;

}


/* =========================================================
   EYEBROW
========================================================= */

.pt-about-eyebrow {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 22px;

    color: var(--pt-about-navy);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 4px;

}


.pt-about-eyebrow-dot {

    width: 13px;
    height: 13px;

    flex: 0 0 13px;

    border-radius: 50%;

    background: var(--pt-about-red);

    box-shadow:
        0 0 0 5px rgba(233,75,60,.12);

}


.pt-about-eyebrow-line {

    width: 95px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            var(--pt-about-gold),
            transparent
        );

}


/* =========================================================
   TITLE
========================================================= */

.pt-about-title {

    margin: 0;

    color: var(--pt-about-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(52px, 5vw, 82px);

    line-height: .94;

    font-weight: 700;

    letter-spacing: -3px;

}


.pt-about-title span {

    display: block;

    color: var(--pt-about-maroon);

}


/* =========================================================
   TAGLINE
========================================================= */

.pt-about-tagline {

    margin-top: 25px;

    color: var(--pt-about-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;

    line-height: 1.45;

    font-style: italic;

}


.pt-about-tagline span {

    color: var(--pt-about-maroon);

}


/* =========================================================
   DESCRIPTION
========================================================= */

.pt-about-description {

    max-width: 560px;

    margin: 23px 0 0;

    color: var(--pt-about-text);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 16px;

    line-height: 1.75;

}


.pt-about-description-small {

    margin-top: 10px;

    color: var(--pt-about-muted);

    font-size: 14px;

    line-height: 1.65;

}


/* =========================================================
   BUTTON
========================================================= */

.pt-about-actions {

    margin-top: 30px;

}


.pt-about-btn {

    display: inline-flex;

    align-items: center;

    gap: 20px;

    min-height: 55px;

    padding: 7px 8px 7px 25px;

    border-radius: 50px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--pt-about-maroon),
            #bd2728
        );

    text-decoration: none;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14px;

    font-weight: 700;

    box-shadow:
        0 15px 30px rgba(143,29,32,.18);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


.pt-about-btn:hover {

    color: #ffffff;

    text-decoration: none;

    transform: translateY(-3px);

    box-shadow:
        0 20px 38px rgba(143,29,32,.28);

}


.pt-about-btn-arrow {

    width: 40px;
    height: 40px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(255,255,255,.18);

    border: 1px solid rgba(255,255,255,.35);

}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.pt-about-visual {

    position: relative;

    min-height: 650px;

    display: flex;

    align-items: center;

    justify-content: center;

}


/* =========================================================
   IMAGE WRAPPER
========================================================= */

.pt-about-image-wrap {

    position: relative;

    width: 94%;

    height: 560px;

    overflow: hidden;

    border-radius:
        170px
        35px
        35px
        35px;

    border:
        8px solid rgba(255,255,255,.9);

    box-shadow:
        0 30px 70px rgba(16,42,76,.16);

    z-index: 2;

}


.pt-about-image {

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transition:
        transform .7s ease;

}


.pt-about-image-wrap:hover
.pt-about-image {

    transform: scale(1.035);

}


/* =========================================================
   IMAGE LABEL
========================================================= */

.pt-about-image-label {

    position: absolute;

    left: 30px;
    bottom: 30px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 12px 20px 12px 12px;

    background:
        rgba(255,255,255,.95);

    backdrop-filter:
        blur(15px);

    border-radius: 15px;

    box-shadow:
        0 15px 35px rgba(0,0,0,.13);

}


.pt-about-label-icon {

    width: 47px;
    height: 47px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 13px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--pt-about-maroon),
            var(--pt-about-red)
        );

    font-size: 18px;

}


.pt-about-image-label small {

    display: block;

    margin-bottom: 4px;

    color: var(--pt-about-gold);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2px;

}


.pt-about-image-label strong {

    display: block;

    max-width: 260px;

    color: var(--pt-about-navy);

    font-size: 13px;

}


/* =========================================================
   QUOTE
========================================================= */

.pt-about-quote {

    position: absolute;

    top: 35px;

    right: 0;

    z-index: 5;

    width: 190px;

    color: var(--pt-about-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 28px;

    line-height: 1.05;

    font-style: italic;

}


.pt-about-quote-mark {

    display: block;

    color: var(--pt-about-gold);

    font-size: 65px;

    line-height: .5;

}


.pt-about-quote p {

    margin: 10px 0;

}


.pt-about-quote-end {

    text-align: right;

}


/* =========================================================
   DECORATIVE ORBITS
========================================================= */

.pt-about-orbit {

    position: absolute;

    border: 1px solid rgba(196,147,69,.45);

    border-radius: 50%;

    pointer-events: none;

}


.pt-about-orbit-one {

    width: 210px;
    height: 210px;

    right: -20px;
    bottom: 80px;

}


.pt-about-orbit-two {

    width: 110px;
    height: 110px;

    left: 25px;
    bottom: 60px;

}


.pt-about-orbit-two::after {

    content: "";

    position: absolute;

    width: 15px;
    height: 15px;

    right: -7px;
    top: 50%;

    border-radius: 50%;

    background: var(--pt-about-gold);

}


/* =========================================================
   MAROON RIBBON
========================================================= */

.pt-about-ribbon {

    position: absolute;

    z-index: 4;

    right: -20px;

    bottom: 0;

    width: 74%;

    min-height: 110px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

    padding: 20px 40px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #711316,
            #a51d20
        );

    clip-path:
        polygon(
            10% 35%,
            100% 0,
            100% 100%,
            0 100%
        );

    box-shadow:
        0 -10px 30px rgba(100,20,20,.12);

}


.pt-about-ribbon-text {

    padding-top: 15px;

    text-align: center;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;

    font-style: italic;

}


.pt-about-ribbon-text span {

    display: block;

    color: var(--pt-about-gold-light);

    font-size: 27px;

}


.pt-about-ribbon-line {

    width: 55px;

    height: 1px;

    background: var(--pt-about-gold-light);

    opacity: .7;

}


/* =========================================================
   VALUES BAR
========================================================= */

.pt-about-values {

    position: relative;

    z-index: 10;

    width: min(1370px, calc(100% - 70px));

    margin: -8px auto 0;

}


.pt-about-values-inner {

    display: grid;

    grid-template-columns:
        1fr
        1px
        1fr
        1px
        1fr
        1px
        1fr;

    align-items: center;

    min-height: 105px;

    padding: 16px 25px;

    border-radius:
        25px
        25px
        0
        0;

    background:
        rgba(255,255,255,.97);

    border:
        1px solid rgba(220,210,200,.7);

    box-shadow:
        0 -10px 40px rgba(16,42,76,.08);

}


.pt-about-value {

    display: flex;

    align-items: center;

    gap: 15px;

    padding: 10px 20px;

}


.pt-about-value-icon {

    width: 55px;
    height: 55px;

    flex: 0 0 55px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--pt-about-maroon);

    background:
        linear-gradient(
            145deg,
            #fff3ee,
            #fce1d9
        );

    font-size: 19px;

}


.pt-about-value-text strong,
.pt-about-value-text span {

    display: block;

}


.pt-about-value-text strong {

    color: var(--pt-about-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 16px;

}


.pt-about-value-text span {

    margin-top: 2px;

    color: var(--pt-about-muted);

    font-size: 13px;

}


.pt-about-value-divider {

    width: 1px;

    height: 55px;

    background:
        #dfd9d3;

}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1600px) {

    .pt-about-container {

        width: min(1550px, calc(100% - 100px));

    }

    .pt-about-image-wrap {

        width: 92%;

        height: 590px;

    }

    .pt-about-title {

        font-size: 86px;

    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .pt-about-college {

        padding-top: 55px;

    }

    .pt-about-container {

        width: calc(100% - 45px);

        grid-template-columns: 1fr;

        min-height: auto;

    }

    .pt-about-content {

        padding:
            20px
            20px
            40px;

        text-align: center;

    }

    .pt-about-eyebrow {

        justify-content: center;

    }

    .pt-about-description {

        margin-left: auto;
        margin-right: auto;

    }

    .pt-about-actions {

        display: flex;

        justify-content: center;

    }

    .pt-about-visual {

        min-height: 620px;

    }

    .pt-about-image-wrap {

        width: 88%;

    }

    .pt-about-values {

        width: calc(100% - 45px);

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .pt-about-college {

        padding-top: 45px;

    }

    .pt-about-container {

        width: calc(100% - 28px);

    }

    .pt-about-content {

        padding:
            10px
            8px
            30px;

    }

    .pt-about-eyebrow {

        gap: 8px;

        font-size: 9px;

        letter-spacing: 2.2px;

        margin-bottom: 18px;

    }

    .pt-about-eyebrow-line {

        width: 45px;

    }

    .pt-about-title {

        font-size: 49px;

        line-height: .95;

        letter-spacing: -2px;

    }

    .pt-about-tagline {

        margin-top: 18px;

        font-size: 17px;

    }

    .pt-about-description {

        margin-top: 18px;

        font-size: 14px;

        line-height: 1.65;

    }

    .pt-about-description-small {

        display: none;

    }

    .pt-about-actions {

        margin-top: 23px;

    }

    .pt-about-btn {

        min-height: 51px;

        padding-left: 21px;

        gap: 14px;

        font-size: 13px;

    }

    .pt-about-btn-arrow {

        width: 36px;
        height: 36px;

    }


    /* VISUAL */

    .pt-about-visual {

        min-height: 455px;

        display: block;

    }

    .pt-about-image-wrap {

        width: 100%;

        height: 390px;

        border-width: 5px;

        border-radius:
            105px
            22px
            22px
            22px;

    }

    .pt-about-image {

        object-position: center;

    }


    /* QUOTE */

    .pt-about-quote {

        top: 8px;

        right: 5px;

        width: 105px;

        font-size: 17px;

        line-height: 1.05;

    }

    .pt-about-quote-mark {

        font-size: 42px;

    }


    /* IMAGE LABEL */

    .pt-about-image-label {

        left: 15px;

        bottom: 15px;

        padding: 8px 12px 8px 8px;

        border-radius: 12px;

    }

    .pt-about-label-icon {

        width: 38px;
        height: 38px;

        border-radius: 10px;

        font-size: 14px;

    }

    .pt-about-image-label small {

        font-size: 7px;

        letter-spacing: 1.3px;

    }

    .pt-about-image-label strong {

        max-width: 165px;

        font-size: 10px;

    }


    /* RIBBON */

    .pt-about-ribbon {

        right: -10px;

        bottom: 0;

        width: 84%;

        min-height: 78px;

        padding:
            15px
            20px
            10px;

        gap: 8px;

    }

    .pt-about-ribbon-text {

        padding-top: 10px;

        font-size: 14px;

    }

    .pt-about-ribbon-text span {

        font-size: 17px;

    }

    .pt-about-ribbon-line {

        width: 25px;

    }


    /* ORBITS */

    .pt-about-orbit-one {

        width: 120px;
        height: 120px;

        right: -25px;

        bottom: 60px;

    }

    .pt-about-orbit-two {

        width: 70px;
        height: 70px;

        left: -10px;

        bottom: 55px;

    }


    /* VALUES */

    .pt-about-values {

        width: calc(100% - 28px);

        margin-top: 0;

    }

    .pt-about-values-inner {

        grid-template-columns:
            1fr
            1fr;

        gap: 0;

        padding: 8px;

        border-radius: 20px;

        min-height: auto;

    }

    .pt-about-value {

        min-height: 82px;

        justify-content: center;

        flex-direction: column;

        gap: 7px;

        padding: 10px 5px;

        text-align: center;

    }

    .pt-about-value-icon {

        width: 42px;
        height: 42px;

        flex-basis: 42px;

        font-size: 15px;

    }

    .pt-about-value-text strong {

        font-size: 12px;

    }

    .pt-about-value-text span {

        font-size: 10px;

    }

    .pt-about-value-divider {

        display: none;

    }

    .pt-about-value:nth-child(3),
    .pt-about-value:nth-child(7) {

        border-left:
            1px solid #e6dfd8;

    }

    .pt-about-value:nth-child(5),
    .pt-about-value:nth-child(7) {

        border-top:
            1px solid #e6dfd8;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .pt-about-title {

        font-size: 43px;

    }

    .pt-about-tagline {

        font-size: 15px;

    }

    .pt-about-description {

        font-size: 13px;

    }

    .pt-about-visual {

        min-height: 420px;

    }

    .pt-about-image-wrap {

        height: 355px;

    }

    .pt-about-image-label {

        max-width: 205px;

    }

    .pt-about-ribbon {

        width: 88%;

    }

}

 
/* =========================================================
   SUBBAIAH INSTITUTE OF PHYSIOTHERAPY
   COLLEGE STORY SECTION
   PREMIUM SAAS UI
========================================================= */

.pt-college-story {

    --story-navy: #102c50;
    --story-navy-dark: #091d35;

    --story-maroon: #8d171b;
    --story-red: #e84638;

    --story-gold: #c59648;
    --story-gold-light: #e4bd73;

    --story-cream: #fffaf5;
    --story-white: #ffffff;

    --story-text: #254466;
    --story-muted: #687a8e;

    position: relative;

    overflow: hidden;

    padding: 105px 0 90px;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffaf7 52%,
            #fdf1eb 100%
        );

}


/* =========================================================
   BACKGROUND
========================================================= */

.pt-story-bg-circle {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.pt-story-circle-1 {

    width: 480px;
    height: 480px;

    top: 50px;
    left: -300px;

    background:
        radial-gradient(
            circle,
            rgba(196,150,72,.12),
            transparent 70%
        );

}


.pt-story-circle-2 {

    width: 550px;
    height: 550px;

    right: -330px;
    bottom: 100px;

    background:
        radial-gradient(
            circle,
            rgba(141,23,27,.08),
            transparent 70%
        );

}


/* =========================================================
   CONTAINER
========================================================= */

.pt-story-container {

    position: relative;

    z-index: 2;

    width: min(1400px, calc(100% - 70px));

    margin: auto;

}


/* =========================================================
   HEADER
========================================================= */

.pt-story-header {

    max-width: 900px;

    margin: 0 auto 70px;

    text-align: center;

}


.pt-story-eyebrow {

    display: flex;

    align-items: center;

    gap: 12px;

    color: var(--story-navy);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 4px;

}


.pt-story-header .pt-story-eyebrow {

    justify-content: center;

}


.pt-story-dot {

    width: 12px;
    height: 12px;

    flex: 0 0 12px;

    border-radius: 50%;

    background: var(--story-red);

    box-shadow:
        0 0 0 5px rgba(232,70,56,.10);

}


.pt-story-line {

    width: 85px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            var(--story-gold),
            transparent
        );

}


.pt-story-title {

    margin: 22px 0 20px;

    color: var(--story-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(48px, 5vw, 72px);

    line-height: .98;

    letter-spacing: -2.5px;

}


.pt-story-title span {

    color: var(--story-maroon);

}


.pt-story-intro {

    max-width: 750px;

    margin: auto;

    color: var(--story-muted);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 16px;

    line-height: 1.75;

}


/* =========================================================
   MAIN STORY
========================================================= */

.pt-story-main {

    display: grid;

    grid-template-columns: 1.1fr .9fr;

    gap: 70px;

    align-items: center;

}


/* =========================================================
   STORY COPY
========================================================= */

.pt-story-copy {

    position: relative;

}


.pt-story-card-label {

    display: inline-flex;

    align-items: center;

    gap: 13px;

    padding: 10px 18px 10px 10px;

    border-radius: 15px;

    background: rgba(255,255,255,.9);

    border: 1px solid #eadfd5;

    box-shadow:
        0 10px 30px rgba(16,42,76,.06);

}


.pt-story-card-icon {

    width: 46px;
    height: 46px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 12px;

    color: white;

    background:
        linear-gradient(
            135deg,
            var(--story-maroon),
            var(--story-red)
        );

}


.pt-story-card-label small {

    display: block;

    margin-bottom: 3px;

    color: var(--story-gold);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 2px;

}


.pt-story-card-label strong {

    color: var(--story-navy);

    font-size: 13px;

}


.pt-story-copy h3 {

    margin: 28px 0 20px;

    color: var(--story-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 43px;

    line-height: 1.05;

}


.pt-story-copy h3 span {

    color: var(--story-maroon);

}


.pt-story-copy > p {

    max-width: 680px;

    margin: 0 0 15px;

    color: var(--story-text);

    font-size: 15px;

    line-height: 1.8;

}


/* =========================================================
   QUOTE
========================================================= */

.pt-story-quote {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-top: 28px;

    padding: 20px 25px;

    border-left: 3px solid var(--story-gold);

    border-radius: 0 15px 15px 0;

    background:
        linear-gradient(
            90deg,
            rgba(255,246,235,.9),
            rgba(255,255,255,.3)
        );

}


.pt-story-quote-mark {

    color: var(--story-gold);

    font-family: Georgia, serif;

    font-size: 55px;

    line-height: .7;

}


.pt-story-quote strong {

    display: block;

    color: var(--story-navy);

    font-family: Georgia, serif;

    font-size: 16px;

    font-style: italic;

}


.pt-story-quote small {

    display: block;

    margin-top: 7px;

    color: var(--story-muted);

    font-size: 11px;

}


/* =========================================================
   TIMELINE
========================================================= */

.pt-story-timeline {

    position: relative;

    padding: 20px 0;

}


.pt-timeline-line {

    position: absolute;

    top: 30px;
    bottom: 30px;

    left: 31px;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            var(--story-gold),
            rgba(196,150,72,.15)
        );

}


.pt-timeline-item {

    position: relative;

    display: grid;

    grid-template-columns: 64px 1fr;

    gap: 22px;

    margin-bottom: 38px;

}


.pt-timeline-item:last-child {

    margin-bottom: 0;

}


.pt-timeline-number {

    position: relative;

    z-index: 2;

    width: 64px;
    height: 64px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--story-maroon);

    background:
        linear-gradient(
            145deg,
            #fff1eb,
            #ffffff
        );

    border: 1px solid #eadfd5;

    font-family: Georgia, serif;

    font-size: 15px;

    font-weight: 700;

    box-shadow:
        0 8px 25px rgba(16,42,76,.08);

}


.pt-timeline-content {

    padding: 6px 0;

}


.pt-timeline-content > span {

    color: var(--story-gold);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2px;

}


.pt-timeline-content h4 {

    margin: 5px 0 7px;

    color: var(--story-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;

}


.pt-timeline-content p {

    margin: 0;

    color: var(--story-muted);

    font-size: 13px;

    line-height: 1.65;

}


/* =========================================================
   INSTITUTION HIGHLIGHTS
========================================================= */

.pt-institution-highlights {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    margin-top: 80px;

    padding: 25px;

    border-radius: 25px;

    background:
        rgba(255,255,255,.96);

    border: 1px solid #e9dfd7;

    box-shadow:
        0 20px 55px rgba(16,42,76,.08);

}


.pt-institution-card {

    display: flex;

    align-items: center;

    gap: 15px;

    padding: 15px 25px;

}


.pt-institution-icon {

    width: 55px;
    height: 55px;

    flex: 0 0 55px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--story-maroon);

    background:
        linear-gradient(
            145deg,
            #fff0eb,
            #fde1da
        );

    font-size: 18px;

}


.pt-institution-card strong {

    display: block;

    color: var(--story-navy);

    font-family: Georgia, serif;

    font-size: 25px;

}


.pt-institution-card span {

    display: block;

    color: var(--story-navy);

    font-size: 12px;

    font-weight: 700;

}


.pt-institution-card small {

    display: block;

    margin-top: 4px;

    color: var(--story-muted);

    font-size: 9px;

}


/* =========================================================
   CLINICAL SECTION
========================================================= */

.pt-clinical-section {

    display: grid;

    grid-template-columns: .95fr 1.05fr;

    gap: 75px;

    align-items: center;

    margin-top: 100px;

}


/* =========================================================
   CLINICAL IMAGE
========================================================= */

.pt-clinical-visual {

    position: relative;

}


.pt-clinical-image-frame {

    position: relative;

    height: 510px;

    overflow: hidden;

    border-radius:
        150px
        30px
        30px
        30px;

    border: 7px solid white;

    box-shadow:
        0 25px 60px rgba(16,42,76,.15);

}


.pt-clinical-image-frame img {

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

}


.pt-clinical-floating {

    position: absolute;

    right: 25px;
    bottom: 25px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 11px 18px 11px 11px;

    border-radius: 15px;

    background:
        rgba(255,255,255,.96);

    box-shadow:
        0 15px 35px rgba(0,0,0,.15);

}


.pt-clinical-floating-icon {

    width: 43px;
    height: 43px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 12px;

    color: white;

    background:
        linear-gradient(
            135deg,
            var(--story-maroon),
            var(--story-red)
        );

}


.pt-clinical-floating small {

    display: block;

    color: var(--story-gold);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.5px;

}


.pt-clinical-floating strong {

    display: block;

    margin-top: 3px;

    color: var(--story-navy);

    font-size: 12px;

}


/* =========================================================
   CLINICAL CONTENT
========================================================= */

.pt-clinical-content h3 {

    margin: 20px 0;

    color: var(--story-navy);

    font-family: Georgia, serif;

    font-size: 45px;

    line-height: 1.05;

}


.pt-clinical-content h3 span {

    display: block;

    color: var(--story-maroon);

}


.pt-clinical-content > p {

    margin: 0 0 14px;

    color: var(--story-text);

    font-size: 14px;

    line-height: 1.75;

}


/* =========================================================
   CLINICAL FEATURES
========================================================= */

.pt-clinical-features {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 12px;

    margin-top: 25px;

}


.pt-clinical-feature {

    display: flex;

    gap: 10px;

    padding: 15px;

    border-radius: 14px;

    background: white;

    border: 1px solid #eee4dc;

}


.pt-clinical-feature > span {

    width: 27px;
    height: 27px;

    flex: 0 0 27px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--story-maroon);

    background: #fff0eb;

    font-size: 10px;

}


.pt-clinical-feature strong {

    display: block;

    color: var(--story-navy);

    font-size: 11px;

}


.pt-clinical-feature small {

    display: block;

    margin-top: 4px;

    color: var(--story-muted);

    font-size: 9px;

    line-height: 1.45;

}


/* =========================================================
   FACILITIES
========================================================= */

.pt-facilities-block {

    margin-top: 105px;

    padding: 60px;

    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            #102c50,
            #173b64
        );

    box-shadow:
        0 25px 60px rgba(16,42,76,.16);

}


.pt-facilities-header {

    max-width: 720px;

    margin-bottom: 40px;

}


.pt-facilities-header .pt-story-eyebrow {

    color: white;

}


.pt-facilities-header h3 {

    margin: 18px 0;

    color: white;

    font-family: Georgia, serif;

    font-size: 43px;

    line-height: 1.05;

}


.pt-facilities-header h3 span {

    color: var(--story-gold-light);

}


.pt-facilities-header p {

    margin: 0;

    color: rgba(255,255,255,.72);

    font-size: 14px;

    line-height: 1.7;

}


.pt-facilities-grid {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 12px;

}


.pt-facility {

    min-height: 145px;

    padding: 22px;

    border-radius: 18px;

    background:
        rgba(255,255,255,.07);

    border:
        1px solid rgba(255,255,255,.12);

    transition:
        transform .3s ease,
        background .3s ease;

}


.pt-facility:hover {

    transform: translateY(-5px);

    background:
        rgba(255,255,255,.12);

}


.pt-facility i {

    display: block;

    margin-bottom: 17px;

    color: var(--story-gold-light);

    font-size: 20px;

}


.pt-facility strong {

    display: block;

    color: white;

    font-family: Georgia, serif;

    font-size: 17px;

}


.pt-facility span {

    display: block;

    margin-top: 6px;

    color: rgba(255,255,255,.62);

    font-size: 10px;

    line-height: 1.5;

}


/* =========================================================
   CLOSING
========================================================= */

.pt-story-closing {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 25px;

    margin-top: 70px;

    padding: 35px 25px;

    text-align: center;

}


.pt-closing-mark {

    color: var(--story-gold);

    font-family: Georgia, serif;

    font-size: 60px;

    line-height: .5;

}


.pt-story-closing p {

    margin: 0 0 7px;

    color: var(--story-navy);

    font-family: Georgia, serif;

    font-size: 21px;

    font-style: italic;

}


.pt-story-closing span {

    color: var(--story-muted);

    font-size: 12px;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .pt-story-container {

        width: calc(100% - 45px);

    }

    .pt-story-main {

        grid-template-columns: 1fr;

        gap: 45px;

    }

    .pt-story-copy {

        max-width: 800px;

        margin: auto;

    }

    .pt-story-timeline {

        max-width: 800px;

        width: 100%;

        margin: auto;

    }

    .pt-institution-highlights {

        grid-template-columns: 1fr 1fr;

    }

    .pt-clinical-section {

        grid-template-columns: 1fr;

        gap: 45px;

    }

    .pt-clinical-image-frame {

        max-width: 700px;

        margin: auto;

    }

    .pt-clinical-content {

        max-width: 800px;

        margin: auto;

    }

    .pt-facilities-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .pt-college-story {

        padding: 65px 0 55px;

    }

    .pt-story-container {

        width: calc(100% - 28px);

    }


    /* HEADER */

    .pt-story-header {

        margin-bottom: 45px;

    }

    .pt-story-eyebrow {

        font-size: 8px;

        letter-spacing: 2px;

        gap: 8px;

    }

    .pt-story-dot {

        width: 9px;
        height: 9px;

        flex-basis: 9px;

    }

    .pt-story-line {

        width: 35px;

    }

    .pt-story-title {

        margin-top: 18px;

        font-size: 43px;

        letter-spacing: -1.8px;

    }

    .pt-story-intro {

        font-size: 13px;

        line-height: 1.65;

    }


    /* STORY */

    .pt-story-card-label {

        max-width: 100%;

        padding: 8px 12px 8px 8px;

    }

    .pt-story-card-icon {

        width: 40px;
        height: 40px;

        flex-basis: 40px;

    }

    .pt-story-card-label strong {

        font-size: 11px;

    }

    .pt-story-copy h3 {

        font-size: 34px;

        margin-top: 22px;

    }

    .pt-story-copy > p {

        font-size: 13px;

        line-height: 1.7;

    }


    /* QUOTE */

    .pt-story-quote {

        padding: 15px;

    }

    .pt-story-quote-mark {

        font-size: 42px;

    }

    .pt-story-quote strong {

        font-size: 13px;

    }


    /* TIMELINE */

    .pt-timeline-item {

        grid-template-columns: 48px 1fr;

        gap: 14px;

        margin-bottom: 25px;

    }

    .pt-timeline-line {

        left: 23px;

    }

    .pt-timeline-number {

        width: 48px;
        height: 48px;

        font-size: 11px;

    }

    .pt-timeline-content h4 {

        font-size: 17px;

    }

    .pt-timeline-content p {

        font-size: 11px;

    }


    /* HIGHLIGHTS */

    .pt-institution-highlights {

        grid-template-columns: 1fr 1fr;

        margin-top: 55px;

        padding: 8px;

        border-radius: 20px;

    }

    .pt-institution-card {

        min-height: 110px;

        flex-direction: column;

        justify-content: center;

        gap: 7px;

        padding: 10px 5px;

        text-align: center;

    }

    .pt-institution-icon {

        width: 42px;
        height: 42px;

        flex-basis: 42px;

        font-size: 14px;

    }

    .pt-institution-card strong {

        font-size: 20px;

    }

    .pt-institution-card span {

        font-size: 10px;

    }

    .pt-institution-card small {

        display: none;

    }


    /* CLINICAL */

    .pt-clinical-section {

        margin-top: 65px;

    }

    .pt-clinical-image-frame {

        height: 350px;

        border-width: 5px;

        border-radius:
            100px
            22px
            22px
            22px;

    }

    .pt-clinical-floating {

        right: 12px;
        bottom: 12px;

        padding: 7px 10px 7px 7px;

    }

    .pt-clinical-floating-icon {

        width: 35px;
        height: 35px;

        font-size: 12px;

    }

    .pt-clinical-floating small {

        font-size: 6px;

    }

    .pt-clinical-floating strong {

        font-size: 9px;

    }

    .pt-clinical-content h3 {

        font-size: 35px;

    }

    .pt-clinical-content > p {

        font-size: 12px;

        line-height: 1.65;

    }


    /* CLINICAL FEATURES */

    .pt-clinical-features {

        grid-template-columns: 1fr;

        gap: 8px;

    }

    .pt-clinical-feature {

        padding: 12px;

    }


    /* FACILITIES */

    .pt-facilities-block {

        margin-top: 65px;

        padding: 35px 18px;

        border-radius: 22px;

    }

    .pt-facilities-header h3 {

        font-size: 33px;

    }

    .pt-facilities-header p {

        font-size: 12px;

    }

    .pt-facilities-grid {

        grid-template-columns: 1fr 1fr;

        gap: 8px;

    }

    .pt-facility {

        min-height: 125px;

        padding: 15px;

    }

    .pt-facility i {

        margin-bottom: 12px;

        font-size: 16px;

    }

    .pt-facility strong {

        font-size: 14px;

    }

    .pt-facility span {

        font-size: 9px;

    }


    /* CLOSING */

    .pt-story-closing {

        gap: 10px;

        margin-top: 45px;

        padding: 20px 10px;

    }

    .pt-closing-mark {

        font-size: 38px;

    }

    .pt-story-closing p {

        font-size: 15px;

    }

    .pt-story-closing span {

        font-size: 10px;

        line-height: 1.5;

    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .pt-story-title {

        font-size: 38px;

    }

    .pt-story-copy h3 {

        font-size: 30px;

    }

    .pt-institution-card strong {

        font-size: 18px;

    }

    .pt-facilities-grid {

        gap: 6px;

    }

    .pt-facility {

        padding: 12px;

    }

}



 
/* =========================================================
   SUBBAIAH INSTITUTE OF PHYSIOTHERAPY
   PREMIUM TOPBAR
========================================================= */

.pt-premium-topbar {

    --pt-dark: #24242C;
    --pt-dark-2: #1B1C23;
    --pt-burgundy: #472830;
    --pt-coral: #E84740;
    --pt-gold: #9F703E;
    --pt-gold-light: #D9B46A;

    position: relative;

    width: 100%;

    min-height: 54px;

    background:
        linear-gradient(
            105deg,
            #24242C 0%,
            #20232C 42%,
            #472830 78%,
            #6B3532 100%
        );

    color: #ffffff;

    z-index: 1100;

    overflow: hidden;

    border-bottom:
        1px solid rgba(255,255,255,.10);

    box-shadow:
        0 3px 15px rgba(0,0,0,.10);
}


/* =========================================================
   PREMIUM TOP HIGHLIGHT
========================================================= */

.pt-premium-topbar::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 32%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(232,71,64,.8),
            transparent
        );

}


/* =========================================================
   MAIN INNER
========================================================= */

.pt-topbar-inner {

    min-height: 54px;

    display: flex;

    align-items: center;

    width: 100%;

}


/* =========================================================
   LEFT BRAND MESSAGE
========================================================= */

.pt-brand-message {

    height: 54px;

    display: flex;

    align-items: center;

    gap: 9px;

    padding-left: 22px;

    padding-right: 28px;

    flex-shrink: 0;

    position: relative;

}


/* Vertical divider */

.pt-brand-message::after {

    content: "";

    position: absolute;

    right: 0;

    top: 10px;

    width: 1px;

    height: 34px;

    background:
        rgba(255,255,255,.18);

}


/* Brand icon */

.pt-brand-icon {

    width: 22px;
    height: 22px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 6px;

    background:
        linear-gradient(
            135deg,
            #9F703E,
            #E84740
        );

    color: #ffffff;

    font-size: 10px;

    box-shadow:
        0 3px 10px rgba(232,71,64,.18);

}


/* Brand text */

.pt-brand-text {

    font-size: 12px;

    font-weight: 600;

    color: rgba(255,255,255,.94);

    white-space: nowrap;

    letter-spacing: .15px;

}


/* =========================================================
   CONTACT AREA
========================================================= */

.pt-contact-area {

    display: flex;

    align-items: center;

    flex: 1;

    min-width: 0;

    padding-left: 25px;

    gap: 25px;

}


/* Contact item */

.pt-contact-item {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color:
        rgba(255,255,255,.90);

    text-decoration: none;

    white-space: nowrap;

    font-size: 12px;

    font-weight: 500;

    transition:
        color .25s ease;

}


/* Hover */

.pt-contact-item:hover {

    color: #ffffff;

}


/* Location */

.pt-location {

    cursor: default;

}


/* Contact icon */

.pt-contact-icon {

    width: 20px;
    height: 20px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    color: #F2766F;

    font-size: 11px;

}


/* =========================================================
   RIGHT ACTION AREA
========================================================= */

.pt-action-area {

    position: relative;

    display: flex;

    align-items: center;

    height: 54px;

    margin-left: auto;

    padding-left: 35px;

    background:
        linear-gradient(
            90deg,
            #542D32,
            #6B3532
        );

}


/* =========================================================
   CURVED TRANSITION
========================================================= */

.pt-action-area::before {

    content: "";

    position: absolute;

    left: -38px;

    top: -1px;

    width: 70px;

    height: 56px;

    background:
        linear-gradient(
            135deg,
            #24242C 0%,
            #472830 75%
        );

    border-bottom-right-radius: 55px;

    transform: skewX(-14deg);

}


/* =========================================================
   SOCIAL LINKS
========================================================= */

.pt-social-links {

    display: flex;

    align-items: center;

    gap: 5px;

    position: relative;

    z-index: 2;

    padding-right: 20px;

}


/* Social button */

.pt-social-links a {

    width: 29px;
    height: 29px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff;

    background:
        rgba(255,255,255,.07);

    border:
        1px solid rgba(255,255,255,.10);

    font-size: 10px;

    text-decoration: none;

    transition:
        background .25s ease,
        transform .25s ease,
        border-color .25s ease;

}


/* Social hover */

.pt-social-links a:hover {

    background: #E84740;

    border-color: #E84740;

    transform: translateY(-2px);

}


/* =========================================================
   STUDENT PORTAL
========================================================= */

.pt-student-portal {

    position: relative;

    z-index: 3;

    height: 54px;

    min-width: 145px;

    padding: 0 23px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 11px;

    background:
        linear-gradient(
            135deg,
            #E3B86A,
            #D29A43
        );

    color: #24242C;

    text-decoration: none;

    font-size: 12px;

    font-weight: 700;

    border-radius:
        0 0 0 28px;

    transition:
        background .3s ease,
        color .3s ease;

}


/* Portal arrow */

.pt-student-portal i {

    width: 25px;
    height: 25px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        rgba(36,36,44,.12);

    font-size: 10px;

    transition:
        transform .3s ease,
        background .3s ease;

}


/* Portal hover */

.pt-student-portal:hover {

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #E84740,
            #C93531
        );

}


.pt-student-portal:hover i {

    background:
        rgba(255,255,255,.18);

    transform:
        translateX(3px);

}


/* =========================================================
   RESPONSIVE — LARGE TABLET
========================================================= */

@media (max-width: 1399px) {

    .pt-contact-area {

        gap: 16px;

        padding-left: 18px;

    }

    .pt-brand-message {

        padding-left: 15px;

        padding-right: 20px;

    }

    .pt-contact-item {

        font-size: 11px;

    }

    .pt-student-portal {

        min-width: 130px;

        padding: 0 17px;

    }

}


/* =========================================================
   RESPONSIVE — TABLET
========================================================= */

@media (max-width: 1199px) {

    .pt-premium-topbar {

        display: none;

    }

}





 
/* =========================================================
   PHYSIOTHERAPY HERO
   SUBBAIAH INSTITUTE OF PHYSIOTHERAPY
========================================================= */

:root {

    --pt-navy: #10233b;
    --pt-navy-light: #1b3553;

    --pt-coral: #ef513d;
    --pt-coral-dark: #d94131;

    --pt-gold: #b88942;
    --pt-gold-light: #d7ae68;

    --pt-maroon: #741c20;

    --pt-cream: #fffaf5;
    --pt-soft: #f8eee8;

    --pt-text: #28425d;
    --pt-muted: #64758a;

}


/* =========================================================
   MAIN SECTION
========================================================= */

.pt-hero-section {

    position: relative;

    background:
        radial-gradient(
            circle at 80% 15%,
            rgba(239, 81, 61, 0.08),
            transparent 25%
        ),
        linear-gradient(
            120deg,
            #fffdfb 0%,
            #fff8f2 48%,
            #fff0eb 100%
        );

    overflow: hidden;

    min-height: 690px;

    padding-top: 30px;

    padding-bottom: 0;

}


/* =========================================================
   BACKGROUND CIRCLES
========================================================= */

.pt-bg-circle {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.pt-bg-circle-1 {

    width: 320px;

    height: 320px;

    right: -120px;

    top: 80px;

    background: rgba(239, 81, 61, 0.055);

}


.pt-bg-circle-2 {

    width: 230px;

    height: 230px;

    left: 32%;

    top: 80px;

    background: rgba(184, 137, 66, 0.065);

}


/* =========================================================
   DECORATIVE RINGS
========================================================= */

.pt-bg-ring {

    position: absolute;

    border: 1px solid rgba(184, 137, 66, 0.28);

    border-radius: 50%;

    pointer-events: none;

}


.pt-bg-ring-1 {

    width: 460px;

    height: 460px;

    right: -170px;

    bottom: 90px;

}


.pt-bg-ring-2 {

    width: 250px;

    height: 250px;

    left: -130px;

    bottom: 50px;

}


/* =========================================================
   CONTAINER
========================================================= */

.pt-hero-container {

    position: relative;

    z-index: 5;

    max-width: 1540px;

    margin: auto;

}


.pt-hero-row {

    min-height: 530px;

}


/* =========================================================
   SPINE DECORATION
========================================================= */

.pt-spine-decoration {

    position: absolute;

    left: 18px;

    top: 40px;

    width: 100px;

    height: 500px;

    z-index: 1;

    opacity: 0.16;

}


.spine-graphic {

    position: absolute;

    left: 20px;

    top: 65px;

    width: 60px;

    height: 370px;

    display: flex;

    align-items: center;

    justify-content: center;

}


.spine-graphic i {

    font-size: 310px;

    color: var(--pt-gold);

    transform: rotate(90deg);

}


.spine-label {

    position: absolute;

    top: 0;

    left: 0;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 3px;

    color: var(--pt-maroon);

    white-space: nowrap;

    transform: rotate(-90deg);

    transform-origin: left top;

    display: none;

}


/* =========================================================
   LEFT CONTENT
========================================================= */

.pt-hero-content {

    position: relative;

    z-index: 8;

    padding-left: 75px;

    padding-right: 35px;

    padding-top: 10px;

}


/* =========================================================
   EYEBROW
========================================================= */

.pt-hero-eyebrow {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 18px;

    color: #9b572e;

    font-size: 13px;

    font-weight: 800;

    letter-spacing: 5px;

    text-transform: uppercase;

}


.pt-eyebrow-dot {

    width: 11px;

    height: 11px;

    border-radius: 50%;

    background: var(--pt-coral);

    box-shadow:

        0 0 0 6px rgba(239,81,61,0.10);

}


.pt-hero-eyebrow b {

    color: var(--pt-gold);

    font-size: 15px;

}


/* =========================================================
   TITLE
========================================================= */

.pt-hero-title {

    margin: 0;

    max-width: 690px;

    color: var(--pt-navy);

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(48px, 5vw, 76px);

    font-weight: 700;

    line-height: 0.98;

    letter-spacing: -2px;

}


.pt-hero-title span {

    display: block;

    color: var(--pt-coral);

}


/* =========================================================
   DESCRIPTION
========================================================= */

.pt-hero-description {

    max-width: 650px;

    margin-top: 25px;

    margin-bottom: 10px;

    color: var(--pt-text);

    font-size: 18px;

    line-height: 1.65;

    font-weight: 500;

}


/* =========================================================
   SUPPORTING TEXT
========================================================= */

.pt-hero-support {

    display: flex;

    flex-direction: column;

    gap: 5px;

    margin-top: 13px;

    color: #718096;

    font-size: 15px;

}


.pt-hero-support strong {

    color: var(--pt-maroon);

    font-size: 16px;

}


/* =========================================================
   BUTTONS
========================================================= */

.pt-hero-actions {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-top: 27px;

}


.pt-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    min-height: 54px;

    padding: 0 24px;

    border-radius: 50px;

    text-decoration: none !important;

    font-size: 15px;

    font-weight: 700;

    transition: all .3s ease;

}


.pt-btn-primary {

    color: #fff !important;

    background: linear-gradient(
        135deg,
        var(--pt-coral),
        #f45e49
    );

    box-shadow:

        0 15px 30px rgba(239,81,61,.22);

}


.pt-btn-primary i {

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: rgba(255,255,255,.22);

}


.pt-btn-primary:hover {

    transform: translateY(-3px);

    box-shadow:

        0 20px 35px rgba(239,81,61,.30);

}


.pt-btn-outline {

    color: var(--pt-navy) !important;

    border: 1px solid #c7d0d9;

    background: rgba(255,255,255,.85);

}


.pt-btn-outline:hover {

    color: var(--pt-coral) !important;

    border-color: var(--pt-coral);

    transform: translateY(-3px);

}


.pt-play {

    width: 32px;

    height: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: #fff;

    background: var(--pt-maroon);

    font-size: 11px;

}


/* =========================================================
   TRUST LINE
========================================================= */

.pt-hero-trust {

    display: flex;

    align-items: center;

    gap: 18px;

    margin-top: 29px;

}


.pt-trust-item {

    display: flex;

    align-items: center;

    gap: 8px;

    color: #53677d;

    font-size: 13px;

    font-weight: 700;

}


.pt-trust-item i {

    color: var(--pt-coral);

    font-size: 15px;

}


.pt-trust-divider {

    width: 1px;

    height: 22px;

    background: #d5dbe1;

}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.pt-hero-visual {

    position: relative;

    min-height: 535px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding-right: 30px;

}


/* =========================================================
   GOLD ARC
========================================================= */

.pt-gold-arc {

    position: absolute;

    width: 590px;

    height: 590px;

    border-radius: 50%;

    border: 2px solid transparent;

    border-top-color: rgba(184,137,66,.75);

    border-left-color: rgba(184,137,66,.30);

    transform: rotate(-28deg);

    z-index: 0;

}


/* =========================================================
   IMAGE WRAPPER
========================================================= */

.pt-hero-image-wrap {

    position: relative;

    width: min(650px, 100%);

    height: 500px;

    overflow: hidden;

    border-radius:

        150px

        28px

        150px

        28px;

    background: #ddd;

    box-shadow:

        0 30px 70px rgba(16,35,59,.16);

    z-index: 3;

}


/* Image */

.pt-hero-image {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

}


/* =========================================================
   IMAGE OVERLAY
========================================================= */

.pt-image-overlay {

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            90deg,
            rgba(16,35,59,.12),
            transparent 35%
        ),

        linear-gradient(
            180deg,
            rgba(255,255,255,.03),
            rgba(16,35,59,.12)
        );

    pointer-events: none;

}


/* =========================================================
   FLOATING QUOTE
========================================================= */

.pt-floating-quote {

    position: absolute;

    left: 28px;

    top: 75px;

    display: flex;

    align-items: center;

    gap: 12px;

    min-width: 210px;

    padding: 13px 17px;

    border-radius: 18px;

    color: #fff;

    background:

        linear-gradient(
            135deg,
            rgba(16,35,59,.96),
            rgba(27,53,83,.94)
        );

    box-shadow:

        0 15px 35px rgba(16,35,59,.25);

    z-index: 8;

}


.pt-quote-icon {

    color: var(--pt-gold-light);

    font-size: 23px;

}


.pt-floating-quote strong {

    display: block;

    font-size: 14px;

}


.pt-floating-quote small {

    display: block;

    margin-top: 3px;

    color: #d7e0ea;

    font-size: 11px;

}


/* =========================================================
   CLINICAL BADGE
========================================================= */

.pt-clinical-badge {

    position: absolute;

    right: 25px;

    bottom: 28px;

    display: flex;

    align-items: center;

    gap: 12px;

    min-width: 245px;

    padding: 13px 17px;

    border-radius: 18px;

    background: rgba(255,255,255,.96);

    box-shadow:

        0 18px 40px rgba(16,35,59,.18);

    z-index: 9;

}


.pt-badge-icon {

    width: 43px;

    height: 43px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    color: #fff;

    background:

        linear-gradient(
            135deg,
            var(--pt-maroon),
            var(--pt-coral)
        );

    font-size: 17px;

}


.pt-clinical-badge small {

    display: block;

    margin-bottom: 3px;

    color: #8a6b54;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;

}


.pt-clinical-badge strong {

    color: var(--pt-navy);

    font-size: 13px;

}


/* =========================================================
   VERTICAL LABEL
========================================================= */

.pt-image-label {

    position: absolute;

    right: 14px;

    top: 50%;

    transform: translateY(-50%) rotate(90deg);

    transform-origin: center;

    display: flex;

    gap: 9px;

    color: rgba(116,28,32,.8);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 4px;

    white-space: nowrap;

    z-index: 7;

}


.pt-image-label b {

    color: var(--pt-gold);

}


/* =========================================================
   DECORATIVE CIRCLE
========================================================= */

.pt-visual-circle {

    position: absolute;

    width: 100px;

    height: 100px;

    left: 5px;

    bottom: 25px;

    border:

        1px solid

        rgba(184,137,66,.55);

    border-radius: 50%;

    z-index: 2;

}


.pt-visual-circle span {

    position: absolute;

    width: 36px;

    height: 36px;

    border-radius: 50%;

    background: var(--pt-gold);

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}


/* =========================================================
   VALUE STRIP
========================================================= */

.pt-hero-values {

    position: relative;

    z-index: 15;

    margin-top: -3px;

}


.pt-values-card {

    display: grid;

    grid-template-columns:

        1fr

        1px

        1fr

        1px

        1fr

        1px

        1fr

        1px

        1fr;

    align-items: center;

    width: 100%;

    max-width: 1450px;

    margin: auto;

    padding: 17px 24px;

    border-radius: 24px 24px 0 0;

    background: rgba(255,255,255,.97);

    box-shadow:

        0 -8px 35px rgba(16,35,59,.08);

    border:

        1px solid rgba(210,215,220,.65);

}


.pt-value-item {

    display: flex;

    align-items: center;

    gap: 13px;

    padding: 5px 14px;

}


.pt-value-icon {

    flex: 0 0 auto;

    width: 54px;

    height: 54px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: var(--pt-maroon);

    background:

        linear-gradient(
            145deg,
            #fff1ed,
            #fde2dc
        );

    font-size: 20px;

}


.pt-value-content h4 {

    margin: 0 0 5px;

    color: var(--pt-navy);

    font-family: Georgia, "Times New Roman", serif;

    font-size: 16px;

    font-weight: 700;

}


.pt-value-content p {

    margin: 0;

    color: #6c7b8b;

    font-size: 11px;

    line-height: 1.45;

}


.pt-value-line {

    width: 1px;

    height: 58px;

    background: #e0e3e6;

}

/* =========================================================
   PHYSIOTHERAPY HERO VALUES
   MOBILE - PREMIUM 3 + 2 GRID
   ========================================================= */

@media (max-width: 767.98px) {

    /* Main wrapper */
    .pt-hero-values {
        position: relative;
        z-index: 30;
        width: 100%;
        margin: 0;
        padding: 0 8px;
    }


    /* =====================================================
       CARD
       ===================================================== */

    .pt-values-card {

        display: grid !important;

        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        grid-auto-flow: row;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto !important;

        padding: 14px 4px 16px !important;

        background: rgba(255,255,255,0.98);

        border: 1px solid #e8e8e8;

        border-radius: 18px 18px 0 0;

        box-shadow:
            0 -6px 25px rgba(16,35,59,0.08);

        gap: 0 !important;

        overflow: hidden;

    }


    /* =====================================================
       HIDE ALL DIVIDER ELEMENTS
       ===================================================== */

    .pt-values-card .pt-value-line {

        display: none !important;

    }


    /* =====================================================
       RESET ALL VALUE ITEMS
       ===================================================== */

    .pt-values-card .pt-value-item {

        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;

        justify-content: flex-start !important;

        text-align: center !important;

        width: auto !important;

        min-width: 0 !important;

        height: auto !important;

        padding: 7px 4px 12px !important;

        margin: 0 !important;

        gap: 7px !important;

        border: 0 !important;

    }


    /* =====================================================
       FORCE 3 ITEMS IN FIRST ROW
       ===================================================== */

    .pt-values-card .pt-value-item:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .pt-values-card .pt-value-item:nth-child(3) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    .pt-values-card .pt-value-item:nth-child(5) {
        grid-column: 3 !important;
        grid-row: 1 !important;
    }


    /* =====================================================
       FORCE 2 ITEMS IN SECOND ROW
       ===================================================== */

    .pt-values-card .pt-value-item:nth-child(7) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    .pt-values-card .pt-value-item:nth-child(9) {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }


    /* =====================================================
       FIRST ROW BOTTOM BORDER
       ===================================================== */

    .pt-values-card .pt-value-item:nth-child(1),
    .pt-values-card .pt-value-item:nth-child(3),
    .pt-values-card .pt-value-item:nth-child(5) {

        border-bottom: 1px solid #eeeeee !important;

    }


    /* =====================================================
       COLUMN SEPARATORS
       ===================================================== */

    .pt-values-card .pt-value-item:nth-child(1),
    .pt-values-card .pt-value-item:nth-child(3),
    .pt-values-card .pt-value-item:nth-child(7) {

        border-right: 1px solid #eeeeee !important;

    }


    /* Second row separator between Research and Community */
    .pt-values-card .pt-value-item:nth-child(7) {

        border-right: 1px solid #eeeeee !important;

    }


    /* =====================================================
       ICON
       ===================================================== */

    .pt-values-card .pt-value-icon {

        width: 42px !important;

        height: 42px !important;

        min-width: 42px !important;

        flex: 0 0 42px !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        border-radius: 50% !important;

        margin: 0 !important;

        padding: 0 !important;

        background:
            linear-gradient(
                145deg,
                #fff4f0 0%,
                #fde0d9 100%
            ) !important;

        color: #8b1e24 !important;

        font-size: 16px !important;

        box-shadow:
            0 3px 10px rgba(139,30,36,0.06);

    }


    /* =====================================================
       CONTENT
       ===================================================== */

    .pt-values-card .pt-value-content {

        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

        padding: 0 !important;

        margin: 0 !important;

        text-align: center !important;

    }


    /* =====================================================
       TITLE
       ===================================================== */

    .pt-values-card .pt-value-content h4 {

        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        color: #10233b !important;

        font-family:
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 10px !important;

        font-weight: 700 !important;

        line-height: 1.25 !important;

        white-space: normal !important;

    }


    /* =====================================================
       HIDE DESCRIPTION ON MOBILE
       ===================================================== */

    .pt-values-card .pt-value-content p {

        display: none !important;

    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .pt-hero-values {

        padding: 0 5px;

    }


    .pt-values-card {

        padding: 11px 3px 13px !important;

        border-radius: 16px 16px 0 0;

    }


    .pt-values-card .pt-value-item {

        padding: 6px 3px 10px !important;

        gap: 6px !important;

    }


    .pt-values-card .pt-value-icon {

        width: 38px !important;

        height: 38px !important;

        min-width: 38px !important;

        flex-basis: 38px !important;

        font-size: 14px !important;

    }


    .pt-values-card .pt-value-content h4 {

        font-size: 9px !important;

        line-height: 1.2 !important;

    }

}


/* =========================================================
   EXTRA SMALL MOBILE
   ========================================================= */

@media (max-width: 360px) {

    .pt-values-card {

        padding: 9px 2px 11px !important;

    }


    .pt-values-card .pt-value-item {

        padding: 5px 2px 9px !important;

        gap: 5px !important;

    }


    .pt-values-card .pt-value-icon {

        width: 35px !important;

        height: 35px !important;

        min-width: 35px !important;

        flex-basis: 35px !important;

        font-size: 13px !important;

    }


    .pt-values-card .pt-value-content h4 {

        font-size: 8px !important;

    }

}
/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

    .pt-hero-section {

        padding-top: 25px;

    }

    .pt-hero-row {

        min-height: 545px;

    }

    .pt-hero-image-wrap {

        height: 510px;

    }

    .pt-hero-title {

        font-size: 76px;

    }

}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1199px) {

    .pt-spine-decoration {

        display: none;

    }

    .pt-hero-content {

        padding-left: 35px;

    }

    .pt-hero-title {

        font-size: 55px;

    }

    .pt-hero-image-wrap {

        height: 440px;

    }

    .pt-hero-visual {

        min-height: 470px;

    }

    .pt-value-content p {

        display: none;

    }

    .pt-value-item {

        justify-content: center;

    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .pt-hero-section {

        padding-top: 30px;

    }

    .pt-hero-row {

        min-height: auto;

    }

    .pt-hero-content {

        padding: 20px 35px 0;

        text-align: center;

    }

    .pt-hero-eyebrow {

        justify-content: center;

    }

    .pt-hero-title {

        max-width: 850px;

        margin-left: auto;

        margin-right: auto;

        font-size: 55px;

    }

    .pt-hero-description {

        margin-left: auto;

        margin-right: auto;

    }

    .pt-hero-support {

        align-items: center;

    }

    .pt-hero-actions {

        justify-content: center;

    }

    .pt-hero-trust {

        justify-content: center;

    }

    .pt-hero-visual {

        min-height: auto;

        margin-top: 35px;

        padding: 0 25px 30px;

    }

    .pt-hero-image-wrap {

        width: 100%;

        max-width: 720px;

        height: 480px;

        margin: auto;

    }

    .pt-gold-arc {

        width: 650px;

        height: 650px;

    }

    .pt-values-card {

        grid-template-columns: repeat(3, 1fr);

        gap: 5px;

        border-radius: 22px;

    }

    .pt-value-line {

        display: none;

    }

    .pt-value-item {

        justify-content: flex-start;

    }

    .pt-value-item:nth-of-type(4),
    .pt-value-item:nth-of-type(5) {

        display: none;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .pt-hero-section {

        padding-top: 20px;

        min-height: auto;

    }

    .pt-bg-circle-1 {

        width: 200px;

        height: 200px;

        right: -100px;

    }

    .pt-bg-circle-2 {

        width: 150px;

        height: 150px;

        left: -50px;

    }

    .pt-hero-content {

        padding: 15px 20px 0;

    }

    .pt-hero-eyebrow {

        gap: 7px;

        margin-bottom: 15px;

        font-size: 9px;

        letter-spacing: 2.5px;

    }

    .pt-eyebrow-dot {

        width: 8px;

        height: 8px;

    }

    .pt-hero-title {

        font-size: 42px;

        line-height: 1;

        letter-spacing: -1px;

    }

    .pt-hero-description {

        margin-top: 20px;

        font-size: 15px;

        line-height: 1.55;

    }

    .pt-hero-support {

        font-size: 13px;

    }

    .pt-hero-support strong {

        font-size: 14px;

    }

    .pt-hero-actions {

        flex-direction: column;

        width: 100%;

        gap: 11px;

        margin-top: 22px;

    }

    .pt-btn {

        width: 100%;

        max-width: 330px;

    }

    .pt-hero-trust {

        flex-direction: column;

        gap: 10px;

        margin-top: 24px;

    }

    .pt-trust-divider {

        display: none;

    }

    .pt-hero-visual {

        margin-top: 25px;

        padding: 0 15px 25px;

    }

    .pt-hero-image-wrap {

        height: 390px;

        border-radius:

            90px

            20px

            90px

            20px;

    }

    .pt-floating-quote {

        left: 15px;

        top: 20px;

        min-width: 175px;

        padding: 10px 12px;

    }

    .pt-floating-quote strong {

        font-size: 12px;

    }

    .pt-floating-quote small {

        font-size: 10px;

    }

    .pt-clinical-badge {

        right: 12px;

        bottom: 15px;

        min-width: 205px;

        padding: 10px 12px;

    }

    .pt-badge-icon {

        width: 38px;

        height: 38px;

    }

    .pt-image-label {

        display: none;

    }

    .pt-gold-arc {

        width: 430px;

        height: 430px;

    }

    .pt-visual-circle {

        width: 70px;

        height: 70px;

        left: 5px;

        bottom: 15px;

    }

    .pt-visual-circle span {

        width: 25px;

        height: 25px;

    }

    .pt-values-card {

        display: flex;

        flex-direction: column;

        gap: 0;

        padding: 15px;

        border-radius: 20px;

    }

    .pt-value-item {

        width: 100%;

        padding: 12px 5px;

        justify-content: flex-start;

    }

    .pt-value-item:nth-of-type(4),
    .pt-value-item:nth-of-type(5) {

        display: flex;

    }

    .pt-value-content p {

        display: block;

        font-size: 11px;

    }

    .pt-value-line {

        display: block;

        width: 100%;

        height: 1px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .pt-hero-title {

        font-size: 36px;

    }

    .pt-hero-eyebrow {

        font-size: 8px;

        letter-spacing: 2px;

    }

    .pt-hero-description {

        font-size: 14px;

    }

    .pt-hero-image-wrap {

        height: 330px;

        border-radius:

            65px

            18px

            65px

            18px;

    }

    .pt-floating-quote {

        transform: scale(.9);

        transform-origin: left top;

    }

    .pt-clinical-badge {

        transform: scale(.85);

        transform-origin: right bottom;

    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .pt-btn {

        transition: none;

    }

}




 
/* =========================================================
   SUBBAIAH PHYSIOTHERAPY
   ABOUT / INSTITUTE SECTION
   PREMIUM SAAS UI
========================================================= */

.pt-about-section {

    --pt-navy: #10233b;
    --pt-navy-soft: #29435f;

    --pt-maroon: #7e1f25;
    --pt-maroon-dark: #65171c;

    --pt-red: #f4513b;
    --pt-red-light: #ff6a50;

    --pt-gold: #b8893b;
    --pt-gold-light: #d8ae5c;

    --pt-cream: #fffaf6;
    --pt-soft: #f7f0eb;

    position: relative;

    padding: 105px 0 115px;

    background:
        radial-gradient(
            circle at 5% 20%,
            rgba(184,137,59,.08),
            transparent 24%
        ),
        radial-gradient(
            circle at 95% 80%,
            rgba(244,81,59,.07),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffaf6 48%,
            #fdf3ed 100%
        );

    overflow: hidden;

}


/* =========================================================
   BACKGROUND ORBS
========================================================= */

.pt-about-orb {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.pt-about-orb-one {

    width: 340px;
    height: 340px;

    left: -180px;
    top: 80px;

    background:
        rgba(184,137,59,.06);

}


.pt-about-orb-two {

    width: 280px;
    height: 280px;

    right: -130px;
    bottom: -100px;

    background:
        rgba(244,81,59,.06);

}


/* =========================================================
   GRID
========================================================= */

.pt-about-grid {

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, .95fr);

    gap: 80px;

    align-items: center;

}


/* =========================================================
   LEFT VISUAL
========================================================= */

.pt-about-visual {

    position: relative;

    padding: 15px 0 25px 10px;

}


/* Campus frame */

.pt-campus-frame {

    position: relative;

    width: 100%;

    max-width: 650px;

    margin: auto;

}


/* =========================================================
   IMAGE
========================================================= */

.pt-campus-image-wrap {

    position: relative;

    width: 100%;

    height: 425px;

    overflow: hidden;

    border-radius:
        26px
        85px
        30px
        30px;

    box-shadow:
        0 30px 65px rgba(16,35,59,.17);

}


/* Main image */

.pt-campus-image {

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .8s ease;

}


.pt-campus-image-wrap:hover
.pt-campus-image {

    transform: scale(1.045);

}


/* Image overlay */

.pt-campus-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(16,35,59,.02) 30%,
            rgba(16,35,59,.35) 100%
        );

}


/* =========================================================
   CAMPUS BUTTON
========================================================= */

.pt-campus-button {

    position: absolute;

    left: 50%;
    top: 50%;

    transform:
        translate(-50%, -50%);

    display: inline-flex;

    align-items: center;

    gap: 11px;

    padding: 11px 19px 11px 11px;

    color: #fff;

    background:
        rgba(16,35,59,.88);

    border:
        1px solid rgba(255,255,255,.25);

    border-radius: 50px;

    text-decoration: none;

    font-size: 13px;

    font-weight: 700;

    white-space: nowrap;

    backdrop-filter: blur(10px);

    box-shadow:
        0 12px 30px rgba(0,0,0,.20);

    transition:
        all .3s ease;

}


.pt-campus-button:hover {

    color: #fff;

    background:
        var(--pt-red);

    transform:
        translate(-50%, -50%)
        translateY(-3px);

}


/* Play */

.pt-play-icon {

    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--pt-navy);

    background: #fff;

    font-size: 11px;

}


/* =========================================================
   DECORATIVE CURVE
========================================================= */

.pt-campus-curve {

    position: absolute;

    left: -18px;

    bottom: -18px;

    width: 76%;

    height: 125px;

    background:
        linear-gradient(
            135deg,
            var(--pt-maroon-dark),
            var(--pt-maroon)
        );

    border-radius:
        0
        100px
        0
        32px;

    transform:
        skewX(-18deg);

    z-index: 2;

    box-shadow:
        0 15px 30px rgba(126,31,37,.18);

}


/* Gold curve */

.pt-campus-curve::after {

    content: "";

    position: absolute;

    right: -75px;
    top: -16px;

    width: 150px;
    height: 95px;

    background:
        var(--pt-gold);

    border-radius: 50%;

    opacity: .9;

}


/* =========================================================
   QUOTE RIBBON
========================================================= */

.pt-campus-quote {

    position: absolute;

    left: 25px;

    bottom: 18px;

    z-index: 5;

    display: flex;

    align-items: center;

    gap: 8px;

    color: #fff;

    font-family:
        "Brush Script MT",
        "Segoe Script",
        cursive;

    font-size: 21px;

    line-height: 1.15;

    font-style: italic;

}


.pt-quote-mark {

    color: var(--pt-gold-light);

    font-family: Georgia, serif;

    font-size: 50px;

    line-height: .6;

}


.pt-quote-end {

    margin-left: -5px;

}


/* =========================================================
   FLOATING DOT
========================================================= */

.pt-about-floating-dot {

    position: absolute;

    width: 72px;
    height: 72px;

    right: -12px;
    bottom: 5px;

    border-radius: 50%;

    border:
        1px solid rgba(184,137,59,.45);

    background:
        rgba(255,255,255,.45);

    z-index: 1;

}


.pt-about-floating-dot::after {

    content: "";

    position: absolute;

    width: 24px;
    height: 24px;

    top: 24px;
    left: 24px;

    border-radius: 50%;

    background:
        var(--pt-gold);

}


/* =========================================================
   RIGHT CONTENT
========================================================= */

.pt-about-content {

    position: relative;

}


/* =========================================================
   SECTION LABEL
========================================================= */

.pt-section-label {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 17px;

    color:
        var(--pt-maroon);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 4px;

}


.pt-label-dot {

    width: 9px;
    height: 9px;

    border-radius: 50%;

    background:
        var(--pt-red);

    box-shadow:
        0 0 0 5px rgba(244,81,59,.10);

}


.pt-label-line {

    width: 105px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            var(--pt-gold),
            transparent
        );

}


/* =========================================================
   TITLE
========================================================= */

.pt-about-title {

    margin: 0 0 22px;

    max-width: 600px;

    color:
        var(--pt-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(
        34px,
        4vw,
        48px
    );

    font-weight: 700;

    line-height: 1.08;

    letter-spacing: -.7px;

}


.pt-about-title span {

    display: inline;

    color:
        var(--pt-red);

}


/* =========================================================
   DESCRIPTION
========================================================= */

.pt-about-description {

    max-width: 620px;

    margin: 0 0 28px;

    color:
        #596b7f;

    font-size: 15px;

    line-height: 1.8;

}


/* =========================================================
   FEATURES
========================================================= */

.pt-about-features {

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 15px 28px;

    margin-bottom: 30px;

}


.pt-about-feature {

    display: flex;

    align-items: center;

    gap: 12px;

    min-width: 0;

}


.pt-feature-icon {

    flex: 0 0 auto;

    width: 42px;
    height: 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 12px;

    color:
        var(--pt-maroon);

    background:
        linear-gradient(
            145deg,
            #fff1ec,
            #fce0d9
        );

    font-size: 15px;

    box-shadow:
        0 7px 18px rgba(126,31,37,.07);

    transition:
        all .3s ease;

}


.pt-about-feature:hover
.pt-feature-icon {

    color: #fff;

    background:
        var(--pt-maroon);

    transform:
        translateY(-3px);

}


.pt-feature-text h4 {

    margin: 0 0 3px;

    color:
        var(--pt-navy);

    font-size: 13px;

    font-weight: 800;

}


.pt-feature-text p {

    margin: 0;

    color:
        #718196;

    font-size: 11px;

    line-height: 1.45;

}


/* =========================================================
   BOTTOM
========================================================= */

.pt-about-bottom {

    display: flex;

    align-items: center;

    gap: 30px;

}


/* =========================================================
   CTA BUTTON
========================================================= */

.pt-about-btn {

    display: inline-flex;

    align-items: center;

    gap: 13px;

    padding: 8px 9px 8px 20px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--pt-red),
            #ef3d32
        );

    border-radius: 50px;

    text-decoration: none;

    font-size: 12px;

    font-weight: 700;

    box-shadow:
        0 12px 28px rgba(244,81,59,.20);

    transition:
        all .3s ease;

}


.pt-about-btn:hover {

    color: #fff;

    transform:
        translateY(-3px);

    box-shadow:
        0 16px 35px rgba(244,81,59,.28);

}


.pt-btn-arrow {

    width: 35px;
    height: 35px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color:
        var(--pt-maroon);

    background: #fff;

    transition:
        transform .3s ease;

}


.pt-about-btn:hover
.pt-btn-arrow {

    transform:
        translateX(3px);

}


/* =========================================================
   QUOTE CARD
========================================================= */

.pt-about-quote-card {

    position: relative;

    max-width: 180px;

    padding: 15px 17px;

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            #f8f2ed,
            #f4ebe5
        );

    border:
        1px solid rgba(126,31,37,.05);

}


.pt-big-quote {

    position: absolute;

    top: 5px;
    right: 12px;

    color:
        var(--pt-red);

    opacity: .85;

    font-family: Georgia, serif;

    font-size: 40px;

    line-height: 1;

}


.pt-about-quote-card p {

    margin: 0;

    color:
        var(--pt-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 12px;

    font-weight: 600;

    font-style: italic;

    line-height: 1.55;

}


.pt-quote-line {

    display: block;

    width: 38px;
    height: 2px;

    margin-top: 9px;

    background:
        var(--pt-red);

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199.98px) {

    .pt-about-section {

        padding: 85px 0 95px;

    }


    .pt-about-grid {

        gap: 50px;

    }


    .pt-campus-image-wrap {

        height: 390px;

    }


    .pt-about-title {

        font-size: 40px;

    }


    .pt-about-features {

        gap: 14px 18px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 991.98px) {

    .pt-about-section {

        padding: 70px 0 80px;

    }


    .pt-about-grid {

        grid-template-columns: 1fr;

        gap: 55px;

    }


    .pt-about-visual {

        max-width: 700px;

        width: 100%;

        margin: auto;

    }


    .pt-campus-image-wrap {

        height: 420px;

    }


    .pt-about-content {

        max-width: 700px;

        margin: auto;

    }


    .pt-about-title {

        max-width: 650px;

    }

}


/* =========================================================
   MOBILE PHONE
========================================================= */

@media (max-width: 767.98px) {

    .pt-about-section {

        padding: 55px 0 65px;

    }


    .pt-about-grid {

        gap: 42px;

    }


    /* Visual */

    .pt-about-visual {

        padding:
            8px
            0
            25px;

    }


    .pt-campus-image-wrap {

        height: 310px;

        border-radius:
            22px
            55px
            22px
            22px;

    }


    .pt-campus-button {

        font-size: 11px;

        padding:
            8px
            14px
            8px
            8px;

    }


    .pt-play-icon {

        width: 32px;
        height: 32px;

        font-size: 9px;

    }


    .pt-campus-curve {

        left: -5px;

        bottom: -14px;

        width: 78%;

        height: 88px;

    }


    .pt-campus-quote {

        left: 18px;

        bottom: 10px;

        font-size: 16px;

    }


    .pt-quote-mark {

        font-size: 38px;

    }


    .pt-about-floating-dot {

        right: -4px;

        bottom: 2px;

        width: 55px;
        height: 55px;

    }


    .pt-about-floating-dot::after {

        width: 18px;
        height: 18px;

        top: 18px;
        left: 18px;

    }


    /* Content */

    .pt-section-label {

        font-size: 9px;

        letter-spacing: 3px;

        margin-bottom: 13px;

    }


    .pt-about-title {

        margin-bottom: 17px;

        font-size: 32px;

        line-height: 1.1;

        letter-spacing: -.4px;

    }


    .pt-about-description {

        margin-bottom: 23px;

        font-size: 13px;

        line-height: 1.7;

    }


    /* Features */

    .pt-about-features {

        grid-template-columns: 1fr;

        gap: 0;

        margin-bottom: 25px;

    }


    .pt-about-feature {

        padding: 11px 0;

        border-bottom:
            1px solid #eee7e2;

    }


    .pt-about-feature:last-child {

        border-bottom: 0;

    }


    .pt-feature-icon {

        width: 38px;
        height: 38px;

        border-radius: 10px;

        font-size: 13px;

    }


    .pt-feature-text h4 {

        font-size: 12px;

    }


    .pt-feature-text p {

        font-size: 10px;

    }


    /* Bottom */

    .pt-about-bottom {

        flex-direction: column;

        align-items: stretch;

        gap: 18px;

    }


    .pt-about-btn {

        width: max-content;

        max-width: 100%;

        font-size: 11px;

    }


    .pt-about-quote-card {

        width: 100%;

        max-width: none;

    }

}


/* =========================================================
   SMALL PHONE
========================================================= */

@media (max-width: 480px) {

    .pt-about-section {

        padding:
            48px
            0
            58px;

    }


    .pt-campus-image-wrap {

        height: 260px;

        border-radius:
            20px
            48px
            20px
            20px;

    }


    .pt-campus-quote {

        font-size: 14px;

    }


    .pt-about-title {

        font-size: 29px;

    }


    .pt-about-description {

        font-size: 12.5px;

    }


    .pt-feature-text h4 {

        font-size: 11.5px;

    }


    .pt-feature-text p {

        font-size: 9.5px;

    }

}


 

/* =========================================================
   SUBBAIAH PHYSIOTHERAPY
   OUR PROGRAMS - PREMIUM SAAS UI
========================================================= */

:root {

    --pt-navy: #102a4a;
    --pt-navy-dark: #091d35;

    --pt-maroon: #7a171b;
    --pt-maroon-dark: #5b0e12;

    --pt-red: #ef4636;
    --pt-red-light: #ff6955;

    --pt-gold: #b68a3a;
    --pt-gold-light: #d8ad58;

    --pt-cream: #fffaf6;
    --pt-soft: #fdf3ed;

    --pt-text: #183250;
    --pt-muted: #64748b;

    --pt-border: #e7e0db;
}


/* =========================================================
   SECTION
========================================================= */

.pt-programs-section {

    position: relative;

    overflow: hidden;

    padding: 95px 20px 0;

    background:
        radial-gradient(
            circle at 7% 20%,
            rgba(246, 224, 215, .48) 0,
            rgba(246, 224, 215, .48) 115px,
            transparent 116px
        ),
        radial-gradient(
            circle at 93% 18%,
            rgba(241, 225, 213, .45) 0,
            rgba(241, 225, 213, .45) 130px,
            transparent 131px
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fffaf7 100%
        );

}


/* =========================================================
   CONTAINER
========================================================= */

.pt-programs-container {

    width: 100%;

    max-width: 1480px;

    margin: 0 auto;

    position: relative;

    z-index: 2;

}


/* =========================================================
   DECORATIVE ORBS
========================================================= */

.pt-programs-orb {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    opacity: .6;

}

.pt-orb-left {

    width: 260px;

    height: 260px;

    left: -170px;

    top: 100px;

    background:
        radial-gradient(
            circle,
            #f8e9e0 0%,
            #fdf4ef 60%,
            transparent 70%
        );

}

.pt-orb-right {

    width: 300px;

    height: 300px;

    right: -190px;

    top: 350px;

    background:
        radial-gradient(
            circle,
            #f9e5dc 0%,
            #fff4ef 60%,
            transparent 70%
        );

}


/* =========================================================
   HEADER
========================================================= */

.pt-programs-header {

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    min-height: 165px;

    margin-bottom: 42px;

}


/* Heading */

.pt-programs-heading-wrap {

    max-width: 850px;

    text-align: center;

}


/* =========================================================
   KICKER
========================================================= */

.pt-section-kicker {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

    margin-bottom: 17px;

    color: var(--pt-navy);

    font-size: 13px;

    font-weight: 800;

    letter-spacing: 5px;

}

.pt-section-kicker span {

    position: relative;

    display: block;

    width: 85px;

    height: 1px;

    background: var(--pt-red);

}

.pt-section-kicker span::after {

    content: "";

    position: absolute;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: var(--pt-red);

    top: 50%;

    transform: translateY(-50%);

}

.pt-section-kicker span:first-child::after {

    right: -1px;

}

.pt-section-kicker span:last-child::after {

    left: -1px;

}


/* =========================================================
   MAIN TITLE
========================================================= */

.pt-programs-title {

    margin: 0;

    color: var(--pt-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(38px, 4vw, 58px);

    line-height: 1.08;

    font-weight: 700;

    letter-spacing: -1.8px;

}

.pt-programs-title strong {

    color: var(--pt-red);

    font-weight: 700;

}


/* =========================================================
   INTRO
========================================================= */

.pt-programs-intro {

    max-width: 760px;

    margin: 16px auto 0;

    color: var(--pt-text);

    font-size: 16px;

    line-height: 1.65;

}


/* =========================================================
   SCRIPT TEXT
========================================================= */

.pt-programs-script {

    position: absolute;

    right: 15px;

    top: 8px;

    width: 155px;

    transform: rotate(-7deg);

    color: #172b45;

    font-family:
        "Brush Script MT",
        "Segoe Script",
        cursive;

    font-size: 39px;

    line-height: .85;

    text-align: center;

}

.pt-programs-script span {

    display: block;

}

.pt-programs-script span:nth-child(2) {

    margin-left: 20px;

}

.pt-programs-script span:nth-child(3) {

    margin-left: 30px;

}

.pt-programs-script::after {

    content: "";

    display: block;

    width: 75px;

    height: 2px;

    margin: 8px 0 0 auto;

    background: var(--pt-gold);

    transform: rotate(-8deg);

}


/* =========================================================
   PROGRAM GRID
========================================================= */

.pt-programs-grid {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 26px;

}


/* =========================================================
   PROGRAM CARD
========================================================= */

.pt-program-card {

    position: relative;

    overflow: hidden;

    min-height: 575px;

    padding: 34px 32px 25px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.98),
            rgba(255,250,247,.98)
        );

    border: 1px solid rgba(221,214,208,.8);

    border-radius: 25px;

    box-shadow:
        0 18px 55px rgba(17, 40, 67, .08);

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}

.pt-program-card:hover {

    transform: translateY(-7px);

    box-shadow:
        0 28px 65px rgba(17, 40, 67, .14);

}


/* =========================================================
   CARD CONTENT
========================================================= */

.pt-program-content {

    position: relative;

    z-index: 4;

    width: 48%;

}


/* =========================================================
   PROGRAM LABEL
========================================================= */

.pt-program-label {

    margin-bottom: 15px;

    color: var(--pt-maroon);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 4px;

}


/* =========================================================
   PROGRAM TITLE
========================================================= */

.pt-program-title {

    margin: 0;

    color: var(--pt-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(31px, 3vw, 43px);

    line-height: 1.03;

    letter-spacing: -1px;

}

.pt-program-title span {

    display: inline-block;

    font-size: .67em;

    letter-spacing: 0;

}


/* =========================================================
   HIGHLIGHT
========================================================= */

.pt-program-highlight {

    margin: 19px 0 13px;

    color: #b46d12;

    font-size: 13px;

    line-height: 1.55;

    font-weight: 800;

    letter-spacing: 1.4px;

}


/* =========================================================
   DESCRIPTION
========================================================= */

.pt-program-description {

    margin: 0;

    color: #38506d;

    font-size: 14px;

    line-height: 1.75;

}


/* =========================================================
   IMAGE
========================================================= */

.pt-program-image-wrap {

    position: absolute;

    top: 0;

    right: -2px;

    width: 53%;

    height: 385px;

    overflow: hidden;

    border-radius:
        0
        25px
        0
        70%;

}


/* Gold curved line */

.pt-program-image-wrap::before {

    content: "";

    position: absolute;

    z-index: 3;

    left: -35px;

    bottom: -30px;

    width: 115%;

    height: 120%;

    border: 7px solid var(--pt-gold-light);

    border-left: 0;

    border-bottom: 0;

    border-radius: 50%;

    pointer-events: none;

}


/* Image */

.pt-program-image {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}


/* =========================================================
   IMAGE RING
========================================================= */

.pt-program-image-ring {

    position: absolute;

    z-index: 4;

    width: 115px;

    height: 115px;

    left: -55px;

    bottom: -45px;

    border: 1px solid var(--pt-gold);

    border-radius: 50%;

}


/* =========================================================
   MPT IMAGE
========================================================= */

.pt-mpt-image {

    border-radius:
        25px
        0
        70%
        0;

}

.pt-mpt-image::before {

    left: auto;

    right: -40px;

    border-right: 0;

    border-left: 7px solid var(--pt-gold-light);

}


/* =========================================================
   FEATURES
========================================================= */

.pt-program-features {

    position: absolute;

    left: 32px;

    right: 32px;

    bottom: 94px;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    z-index: 5;

}


/* Feature */

.pt-program-feature {

    min-height: 95px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-start;

    text-align: center;

    padding: 0 10px;

    border-right: 1px solid #e5ddd8;

}

.pt-program-feature:last-child {

    border-right: 0;

}


/* Feature Icon */

.pt-feature-icon {

    width: 57px;

    height: 57px;

    margin-bottom: 9px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: var(--pt-maroon);

    background:
        linear-gradient(
            145deg,
            #fff0eb,
            #fde0d8
        );

    font-size: 19px;

    transition: all .3s ease;

}

.pt-program-feature:hover .pt-feature-icon {

    background:
        linear-gradient(
            145deg,
            var(--pt-red),
            var(--pt-maroon)
        );

    color: #fff;

    transform: translateY(-4px);

}


/* Feature text */

.pt-program-feature span {

    color: var(--pt-navy);

    font-size: 12px;

    line-height: 1.45;

    font-weight: 700;

}


/* =========================================================
   PROGRAM BUTTON
========================================================= */

.pt-program-btn {

    position: absolute;

    z-index: 6;

    left: 32px;

    bottom: 24px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    min-width: 255px;

    padding: 11px 12px 11px 23px;

    border-radius: 50px;

    color: #fff;

    background:
        linear-gradient(
            100deg,
            var(--pt-maroon),
            #b51f24
        );

    text-decoration: none;

    font-size: 13px;

    font-weight: 700;

    box-shadow:
        0 10px 25px rgba(122,23,27,.22);

    transition: all .3s ease;

}

.pt-program-btn:hover {

    color: #fff;

    transform: translateY(-2px);

    box-shadow:
        0 15px 30px rgba(122,23,27,.3);

}


/* Arrow */

.pt-program-btn i {

    width: 34px;

    height: 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: rgba(255,255,255,.18);

    border: 1px solid rgba(255,255,255,.45);

}


/* MPT button */

.pt-mpt-btn {

    background:
        linear-gradient(
            100deg,
            var(--pt-red),
            #ff503c
        );

}


/* =========================================================
   WATERMARK
========================================================= */

.pt-program-watermark {

    position: absolute;

    right: 17px;

    bottom: -18px;

    color: rgba(235, 82, 62, .055);

    font-family:
        Georgia,
        serif;

    font-size: 82px;

    font-weight: 900;

    line-height: 1;

    pointer-events: none;

}


/* =========================================================
   BENEFITS
========================================================= */

.pt-program-benefits {

    display: grid;

    grid-template-columns:
        1fr
        1px
        1fr
        1px
        1fr
        1px
        1fr;

    align-items: center;

    max-width: 1120px;

    margin: 24px auto 0;

    padding: 15px 25px;

    border-radius: 20px;

    background: rgba(255,255,255,.95);

    border: 1px solid #e8e0db;

    box-shadow:
        0 10px 35px rgba(20,40,65,.06);

}


/* Benefit item */

.pt-benefit-item {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    min-height: 60px;

}


/* Benefit icon */

.pt-benefit-icon {

    width: 48px;

    height: 48px;

    flex: 0 0 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #fff5f1;

    color: var(--pt-maroon);

    font-size: 18px;

}


/* Benefit text */

.pt-benefit-item strong,
.pt-benefit-item span {

    display: block;

}

.pt-benefit-item strong {

    color: var(--pt-navy);

    font-size: 14px;

    line-height: 1.2;

}

.pt-benefit-item span {

    color: var(--pt-navy);

    font-size: 13px;

    line-height: 1.3;

}


/* Divider */

.pt-benefit-divider {

    width: 1px;

    height: 42px;

    background: #dfd5cf;

}


/* =========================================================
   QUOTE
========================================================= */

.pt-program-quote {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    margin:
        18px
        calc((1480px - 100vw) / 2)
        0;

    padding: 30px 20px;

    min-height: 105px;

    background:
        linear-gradient(
            100deg,
            #690b10,
            #8d151b 50%,
            #b51e23
        );

    color: #fff;

    overflow: hidden;

}


/* Gold curves */

.pt-program-quote::before {

    content: "";

    position: absolute;

    top: -75px;

    left: -4%;

    width: 108%;

    height: 100px;

    border-radius: 50%;

    border-bottom: 2px solid var(--pt-gold);

}

.pt-program-quote::after {

    content: "";

    position: absolute;

    bottom: 10px;

    left: 50%;

    transform: translateX(-50%);

    width: 100px;

    height: 2px;

    background: var(--pt-gold-light);

}


/* Quote text */

.pt-program-quote p {

    position: relative;

    z-index: 2;

    margin: 0;

    font-family:
        Georgia,
        serif;

    font-style: italic;

    font-size: 18px;

    letter-spacing: .2px;

}


/* Quote marks */

.pt-quote-mark {

    position: relative;

    z-index: 2;

    color: var(--pt-gold-light);

    font-family: Georgia, serif;

    font-size: 52px;

    line-height: .6;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .pt-programs-section {

        padding-top: 75px;

    }

    .pt-programs-script {

        right: 0;

        opacity: .7;

        transform: scale(.85) rotate(-7deg);

    }

    .pt-program-card {

        min-height: 610px;

    }

    .pt-program-content {

        width: 49%;

    }

    .pt-program-image-wrap {

        width: 52%;

        height: 350px;

    }

    .pt-program-feature {

        padding: 0 5px;

    }

    .pt-program-feature span {

        font-size: 11px;

    }

}


/* =========================================================
   TABLET / LARGE MOBILE
========================================================= */

@media (max-width: 991px) {

    .pt-programs-section {

        padding:
            70px
            15px
            0;

    }

    .pt-programs-header {

        min-height: auto;

        margin-bottom: 30px;

    }

    .pt-programs-script {

        display: none;

    }

    .pt-programs-grid {

        grid-template-columns: 1fr;

        max-width: 700px;

        margin: 0 auto;

    }

    .pt-program-card {

        min-height: 570px;

    }

    .pt-program-benefits {

        max-width: 700px;

        grid-template-columns: 1fr 1fr;

        gap: 0;

    }

    .pt-benefit-divider {

        display: none;

    }

    .pt-benefit-item {

        padding: 12px;

        border-bottom: 1px solid #e5ddd8;

    }

    .pt-benefit-item:nth-last-child(-n+2) {

        border-bottom: 0;

    }

    .pt-program-quote {

        margin-left: -15px;

        margin-right: -15px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .pt-programs-section {

        padding:
            55px
            12px
            0;

    }

    .pt-section-kicker {

        gap: 9px;

        font-size: 10px;

        letter-spacing: 3px;

    }

    .pt-section-kicker span {

        width: 38px;

    }

    .pt-programs-title {

        font-size: 34px;

        line-height: 1.08;

        letter-spacing: -1px;

    }

    .pt-programs-intro {

        padding: 0 12px;

        font-size: 13px;

        line-height: 1.6;

    }


    /* Card */

    .pt-program-card {

        min-height: auto;

        padding:
            27px
            20px
            22px;

        border-radius: 22px;

    }


    /* Content */

    .pt-program-content {

        width: 100%;

        padding-bottom: 20px;

    }

    .pt-program-label {

        font-size: 9px;

        letter-spacing: 2.5px;

    }

    .pt-program-title {

        font-size: 32px;

        line-height: 1.04;

    }

    .pt-program-highlight {

        font-size: 11px;

        margin-top: 14px;

    }

    .pt-program-description {

        font-size: 13px;

        line-height: 1.65;

    }


    /* Image */

    .pt-program-image-wrap,
    .pt-mpt-image {

        position: relative;

        top: auto;

        right: auto;

        width: calc(100% + 40px);

        height: 270px;

        margin:
            0
            -20px
            25px;

        border-radius:
            0
            0
            65%
            0;

    }

    .pt-mpt-image {

        border-radius:
            0
            0
            0
            65%;

    }

    .pt-program-image-wrap::before {

        border-width: 5px;

    }


    /* Features */

    .pt-program-features {

        position: relative;

        left: auto;

        right: auto;

        bottom: auto;

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        margin-top: 4px;

        margin-bottom: 20px;

    }

    .pt-program-feature {

        min-height: 85px;

        padding: 8px 5px;

        border-right: 1px solid #e5ddd8;

        border-bottom: 1px solid #e5ddd8;

    }

    .pt-program-feature:nth-child(2n) {

        border-right: 0;

    }

    .pt-program-feature:nth-last-child(-n+2) {

        border-bottom: 0;

    }

    .pt-feature-icon {

        width: 46px;

        height: 46px;

        margin-bottom: 6px;

        font-size: 16px;

    }

    .pt-program-feature span {

        font-size: 10px;

    }


    /* Button */

    .pt-program-btn {

        position: relative;

        left: auto;

        bottom: auto;

        width: 100%;

        min-width: 0;

        margin-top: 3px;

        padding:
            9px
            10px
            9px
            18px;

        font-size: 12px;

    }

    .pt-program-btn i {

        width: 32px;

        height: 32px;

    }


    /* Watermark */

    .pt-program-watermark {

        font-size: 70px;

    }


    /* Benefits */

    .pt-program-benefits {

        grid-template-columns: repeat(2, 1fr);

        margin-top: 15px;

        padding: 7px;

        border-radius: 18px;

    }

    .pt-benefit-item {

        min-height: 80px;

        flex-direction: column;

        text-align: center;

        gap: 6px;

        padding: 10px 5px;

    }

    .pt-benefit-icon {

        width: 40px;

        height: 40px;

        flex-basis: 40px;

        font-size: 15px;

    }

    .pt-benefit-item strong {

        font-size: 11px;

    }

    .pt-benefit-item span {

        font-size: 10px;

    }


    /* Quote */

    .pt-program-quote {

        gap: 8px;

        margin-top: 14px;

        padding:
            28px
            20px;

        min-height: 110px;

    }

    .pt-program-quote p {

        text-align: center;

        font-size: 13px;

        line-height: 1.5;

    }

    .pt-quote-mark {

        font-size: 38px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .pt-programs-title {

        font-size: 29px;

    }

    .pt-programs-intro {

        font-size: 12px;

    }

    .pt-program-card {

        padding:
            23px
            16px
            18px;

    }

    .pt-program-image-wrap,
    .pt-mpt-image {

        width: calc(100% + 32px);

        margin-left: -16px;

        margin-right: -16px;

        height: 235px;

    }

    .pt-program-title {

        font-size: 29px;

    }

    .pt-program-feature span {

        font-size: 9px;

    }

    .pt-program-benefits {

        grid-template-columns: 1fr 1fr;

    }

}


 
/* =========================================================
   WHY CHOOSE SECTION
   SUBBAIAH INSTITUTE OF PHYSIOTHERAPY
========================================================= */

:root {

    --pt-why-navy: #102A4A;
    --pt-why-navy-dark: #091D35;

    --pt-why-maroon: #8E1717;
    --pt-why-maroon-dark: #681010;

    --pt-why-coral: #F04A3A;
    --pt-why-coral-light: #FF6A57;

    --pt-why-gold: #B88A3B;
    --pt-why-gold-light: #D5A74F;

    --pt-why-cream: #FFF9F4;
    --pt-why-cream-dark: #F7EEE7;

    --pt-why-text: #243B53;
    --pt-why-muted: #64748B;

    --pt-why-border: rgba(16, 42, 74, .10);

}


/* =========================================================
   SECTION
========================================================= */

.pt-why-section {

    position: relative;

    overflow: hidden;

    padding: 105px 0 80px;

    background:
        radial-gradient(
            circle at 5% 20%,
            rgba(184,138,59,.09),
            transparent 260px
        ),
        radial-gradient(
            circle at 95% 80%,
            rgba(240,74,58,.07),
            transparent 300px
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            var(--pt-why-cream) 100%
        );

}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.pt-why-bg-circle {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.pt-why-bg-circle-one {

    width: 320px;
    height: 320px;

    left: -170px;
    top: 120px;

    border: 1px solid rgba(184,138,59,.18);

}


.pt-why-bg-circle-two {

    width: 250px;
    height: 250px;

    right: -130px;
    bottom: 80px;

    background: rgba(240,74,58,.045);

}


/* =========================================================
   CONTAINER
========================================================= */

.pt-why-container {

    width: min(1380px, calc(100% - 60px));

    margin: 0 auto;

    position: relative;

    z-index: 2;

}


/* =========================================================
   HEADING
========================================================= */

.pt-why-heading {

    max-width: 900px;

    margin: 0 auto 55px;

    text-align: center;

}


.pt-why-eyebrow {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin-bottom: 17px;

    color: var(--pt-why-navy);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 5px;

}


.pt-why-dot {

    width: 11px;
    height: 11px;

    border-radius: 50%;

    background: var(--pt-why-coral);

    box-shadow:
        0 0 0 5px rgba(240,74,58,.10);

}


.pt-why-heading-line {

    width: 90px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            var(--pt-why-gold),
            transparent
        );

}


.pt-why-heading h2 {

    margin: 0;

    color: var(--pt-why-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(38px, 4vw, 62px);

    line-height: 1.08;

    font-weight: 700;

    letter-spacing: -1.5px;

}


.pt-why-heading h2 span {

    color: var(--pt-why-coral);

}


.pt-why-heading p {

    max-width: 800px;

    margin: 22px auto 0;

    color: var(--pt-why-muted);

    font-size: 17px;

    line-height: 1.8;

}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.pt-why-main {

    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(430px, .75fr);

    gap: 55px;

    align-items: center;

}


/* =========================================================
   FEATURES
========================================================= */

.pt-why-features {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 18px;

}


/* =========================================================
   FEATURE CARD
========================================================= */

.pt-why-card {

    position: relative;

    display: flex;

    align-items: flex-start;

    gap: 17px;

    min-height: 145px;

    padding: 24px 22px;

    border: 1px solid var(--pt-why-border);

    border-radius: 20px;

    background: rgba(255,255,255,.88);

    box-shadow:
        0 10px 35px rgba(16,42,74,.045);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;

}


.pt-why-card:hover {

    transform: translateY(-6px);

    border-color:
        rgba(240,74,58,.22);

    box-shadow:
        0 18px 45px rgba(16,42,74,.10);

}


/* =========================================================
   ICON
========================================================= */

.pt-why-icon {

    flex: 0 0 58px;

    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--pt-why-maroon);

    background:
        linear-gradient(
            145deg,
            #FFF3EE,
            #FFE3DC
        );

    font-size: 21px;

    box-shadow:
        inset 0 0 0 1px
        rgba(240,74,58,.08);

}


.pt-why-card-content {

    min-width: 0;

}


.pt-why-card-content h3 {

    margin: 2px 0 7px;

    color: var(--pt-why-navy);

    font-size: 17px;

    line-height: 1.25;

    font-weight: 800;

}


.pt-why-card-content p {

    margin: 0;

    color: var(--pt-why-muted);

    font-size: 13px;

    line-height: 1.65;

}


/* =========================================================
   IMAGE AREA
========================================================= */

.pt-why-visual {

    position: relative;

    min-height: 610px;

}


.pt-why-image-frame {

    position: absolute;

    right: 0;

    top: 20px;

    width: min(100%, 550px);

    height: 600px;

    overflow: hidden;

    border-radius:
        150px 35px 150px 35px;

    background: #eee;

    box-shadow:
        0 25px 70px
        rgba(16,42,74,.14);

}


/* =========================================================
   IMAGE
========================================================= */

.pt-why-image {

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

}


/* =========================================================
   GOLD BORDER
========================================================= */

.pt-why-gold-ring {

    position: absolute;

    z-index: 2;

    inset: 12px;

    border-radius:
        140px 27px 140px 27px;

    border:
        2px solid rgba(213,167,79,.8);

    pointer-events: none;

}


/* =========================================================
   IMAGE OVERLAY
========================================================= */

.pt-why-image-frame::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(9,29,53,.15) 100%
        );

    pointer-events: none;

}


/* =========================================================
   QUOTE
========================================================= */

.pt-why-quote {

    position: absolute;

    z-index: 5;

    top: 105px;

    left: -25px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 16px 24px;

    min-width: 205px;

    border-radius: 17px;

    background:
        rgba(16,42,74,.94);

    color: #fff;

    box-shadow:
        0 15px 35px
        rgba(16,42,74,.20);

}


.pt-why-quote-mark {

    color: var(--pt-why-gold-light);

    font-family: Georgia, serif;

    font-size: 42px;

    line-height: .6;

}


.pt-why-quote strong {

    display: block;

    font-size: 14px;

}


.pt-why-quote small {

    display: block;

    margin-top: 4px;

    color: rgba(255,255,255,.72);

    font-size: 11px;

}


/* =========================================================
   RIBBON
========================================================= */

.pt-why-ribbon {

    position: absolute;

    z-index: 6;

    bottom: 0;

    left: 0;

    width: 100%;

    min-height: 95px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    padding: 20px 30px;

    color: #fff;

    background:
        linear-gradient(
            100deg,
            var(--pt-why-maroon-dark),
            var(--pt-why-maroon),
            #A8241D
        );

    clip-path:
        polygon(
            0 20%,
            8% 8%,
            20% 17%,
            32% 0,
            48% 13%,
            65% 0,
            80% 12%,
            100% 0,
            100% 100%,
            0 100%
        );

}


.pt-why-ribbon span {

    font-family: Georgia, serif;

    font-size: 14px;

    font-style: italic;

}


.pt-why-ribbon-divider {

    width: 45px;

    height: 1px;

    background: var(--pt-why-gold-light);

}


/* =========================================================
   SCRIPT TEXT
========================================================= */

.pt-why-script {

    position: absolute;

    right: -5px;

    top: -10px;

    z-index: 7;

    color: var(--pt-why-navy);

    font-family:
        "Brush Script MT",
        "Segoe Script",
        cursive;

    font-size: 34px;

    line-height: 1.05;

    transform: rotate(-7deg);

    opacity: .9;

}


.pt-why-script span {

    color: var(--pt-why-coral);

}


/* =========================================================
   BOTTOM STATS
========================================================= */

.pt-why-bottom {

    position: relative;

    z-index: 10;

    display: flex;

    align-items: center;

    gap: 25px;

    margin-top: -5px;

    padding: 20px 25px;

    border-radius: 22px;

    background: rgba(255,255,255,.97);

    border: 1px solid rgba(16,42,74,.08);

    box-shadow:
        0 18px 50px
        rgba(16,42,74,.09);

}


/* =========================================================
   STAT
========================================================= */

.pt-why-stat {

    display: flex;

    align-items: center;

    gap: 13px;

    flex: 1;

}


.pt-why-stat-icon {

    width: 50px;
    height: 50px;

    flex: 0 0 50px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--pt-why-maroon);

    background:
        linear-gradient(
            145deg,
            #FFF3EF,
            #FFE2DC
        );

}


.pt-why-stat strong {

    display: block;

    color: var(--pt-why-navy);

    font-size: 23px;

    line-height: 1;

    font-weight: 800;

}


.pt-why-stat span {

    display: block;

    margin-top: 5px;

    color: var(--pt-why-muted);

    font-size: 12px;

}


.pt-why-stat-divider {

    width: 1px;

    height: 48px;

    background: #ddd;

}


/* =========================================================
   BUTTON
========================================================= */

.pt-why-button {

    flex: 0 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    min-width: 265px;

    padding: 16px 20px;

    border-radius: 50px;

    text-decoration: none;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--pt-why-coral),
            #FF3028
        );

    font-size: 14px;

    font-weight: 800;

    box-shadow:
        0 12px 25px
        rgba(240,74,58,.20);

    transition: all .3s ease;

}


.pt-why-button i {

    width: 35px;
    height: 35px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(255,255,255,.20);

}


.pt-why-button:hover {

    color: #fff;

    transform: translateY(-3px);

    box-shadow:
        0 17px 32px
        rgba(240,74,58,.28);

}


/* =========================================================
   FOOTER MESSAGE
========================================================= */

.pt-why-footer-message {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    margin-top: 45px;

}


.pt-why-footer-message p {

    margin: 0;

    color: var(--pt-why-navy);

    font-family: Georgia, serif;

    font-size: 18px;

    font-style: italic;

}


.pt-why-footer-message p span {

    margin: 0 8px;

    color: var(--pt-why-gold);

}


.pt-why-footer-line {

    width: 70px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--pt-why-gold)
        );

}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1500px) {

    .pt-why-container {

        width: min(1450px, calc(100% - 80px));

    }

    .pt-why-main {

        gap: 70px;

    }

    .pt-why-card {

        padding: 27px;

    }

}


/* =========================================================
   TABLET / SMALL DESKTOP
========================================================= */

@media (max-width: 1100px) {

    .pt-why-section {

        padding: 80px 0 65px;

    }

    .pt-why-container {

        width: min(94%, 900px);

    }

    .pt-why-main {

        grid-template-columns: 1fr;

    }

    .pt-why-visual {

        min-height: 570px;

        display: flex;

        justify-content: center;

    }

    .pt-why-image-frame {

        left: 50%;

        right: auto;

        transform: translateX(-50%);

    }

    .pt-why-bottom {

        margin-top: 30px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .pt-why-section {

        padding: 65px 0 50px;

    }


    .pt-why-container {

        width: calc(100% - 28px);

    }


    /* Heading */

    .pt-why-heading {

        margin-bottom: 35px;

    }


    .pt-why-eyebrow {

        gap: 8px;

        font-size: 10px;

        letter-spacing: 3px;

    }


    .pt-why-heading-line {

        width: 45px;

    }


    .pt-why-heading h2 {

        font-size: 34px;

        line-height: 1.12;

        letter-spacing: -.7px;

    }


    .pt-why-heading p {

        margin-top: 15px;

        font-size: 14px;

        line-height: 1.7;

    }


    /* Features */

    .pt-why-features {

        grid-template-columns: repeat(2, 1fr);

        gap: 10px;

    }


    .pt-why-card {

        display: block;

        min-height: 160px;

        padding: 17px 12px;

        text-align: center;

        border-radius: 16px;

    }


    .pt-why-icon {

        width: 45px;
        height: 45px;

        margin: 0 auto 11px;

        font-size: 16px;

    }


    .pt-why-card-content h3 {

        margin: 0 0 6px;

        font-size: 13px;

        line-height: 1.3;

    }


    .pt-why-card-content p {

        font-size: 10px;

        line-height: 1.45;

    }


    /* Image */

    .pt-why-visual {

        min-height: 390px;

        margin-top: 25px;

    }


    .pt-why-image-frame {

        top: 30px;

        width: calc(100% - 20px);

        height: 380px;

        border-radius:
            90px 22px 90px 22px;

    }


    .pt-why-gold-ring {

        inset: 8px;

        border-radius:
            82px 15px 82px 15px;

    }


    .pt-why-quote {

        top: 65px;

        left: -5px;

        min-width: 155px;

        padding: 11px 14px;

        gap: 8px;

    }


    .pt-why-quote-mark {

        font-size: 28px;

    }


    .pt-why-quote strong {

        font-size: 11px;

    }


    .pt-why-quote small {

        font-size: 9px;

    }


    .pt-why-script {

        right: 0;

        top: 0;

        font-size: 24px;

    }


    .pt-why-ribbon {

        min-height: 70px;

        gap: 8px;

        padding: 15px;

        clip-path:
            polygon(
                0 20%,
                10% 8%,
                25% 18%,
                40% 0,
                55% 15%,
                70% 0,
                85% 12%,
                100% 0,
                100% 100%,
                0 100%
            );

    }


    .pt-why-ribbon span {

        font-size: 10px;

    }


    .pt-why-ribbon-divider {

        width: 18px;

    }


    /* Stats */

    .pt-why-bottom {

        display: grid;

        grid-template-columns: repeat(3, 1fr);

        gap: 8px;

        padding: 15px 10px;

        margin-top: 15px;

        border-radius: 18px;

    }


    .pt-why-stat {

        display: block;

        text-align: center;

    }


    .pt-why-stat-icon {

        width: 39px;
        height: 39px;

        margin: 0 auto 7px;

        font-size: 13px;

    }


    .pt-why-stat strong {

        font-size: 17px;

    }


    .pt-why-stat span {

        margin-top: 3px;

        font-size: 9px;

    }


    .pt-why-stat-divider {

        display: none;

    }


    /* CTA */

    .pt-why-button {

        grid-column: 1 / -1;

        width: 100%;

        min-width: 0;

        margin-top: 8px;

        padding: 13px 16px;

        font-size: 12px;

    }


    .pt-why-button i {

        width: 30px;
        height: 30px;

    }


    /* Bottom message */

    .pt-why-footer-message {

        margin-top: 30px;

        gap: 8px;

    }


    .pt-why-footer-message p {

        font-size: 13px;

        text-align: center;

    }


    .pt-why-footer-line {

        width: 25px;

    }

}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    .pt-why-heading h2 {

        font-size: 29px;

    }


    .pt-why-card {

        min-height: 150px;

        padding: 14px 8px;

    }


    .pt-why-card-content h3 {

        font-size: 12px;

    }


    .pt-why-card-content p {

        font-size: 9px;

    }


    .pt-why-image-frame {

        height: 350px;

    }


    .pt-why-visual {

        min-height: 360px;

    }

}



 
/* =========================================================
   SUBBAIAH INSTITUTE OF PHYSIOTHERAPY
   PREMIUM HEADER
========================================================= */

:root {

    --pt-black: #24242c;
    --pt-black-2: #1c1d24;

    --pt-coral: #e84740;
    --pt-coral-dark: #cf3832;

    --pt-coral-soft: #fff1ee;

    --pt-gold: #a8783e;
    --pt-gold-light: #d8ad5d;

    --pt-white: #ffffff;

    --pt-text: #25252d;

}


/* =========================================================
   HEADER
========================================================= */

.pt-header {

    position: relative;

    width: 100%;

    z-index: 1000;

}


/* =========================================================
   NAVIGATION BACKGROUND
========================================================= */

.pt-nav-area {

    position: relative;

    min-height: 104px;

    padding: 10px 0;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fbf9f7 58%,
            #f8ece8 100%
        );

    border-bottom:
        1px solid rgba(36,36,44,.07);

    overflow: visible;

}


/* Decorative circle 1 */

.pt-nav-area::before {

    content: "";

    position: absolute;

    width: 260px;

    height: 260px;

    right: 7%;

    top: -175px;

    border-radius: 50%;

    background:
        rgba(232,71,64,.07);

    pointer-events: none;

}


/* Decorative circle 2 */

.pt-nav-area::after {

    content: "";

    position: absolute;

    width: 180px;

    height: 180px;

    left: 33%;

    bottom: -125px;

    border-radius: 50%;

    background:
        rgba(168,120,62,.065);

    pointer-events: none;

}


/* =========================================================
   MAIN CONTAINER
========================================================= */

.pt-nav-container {

    position: relative;

    z-index: 20;

    width: 100%;

    max-width: 1400px;

    min-height: 84px;

    margin: auto;

    padding:
        0 24px;

    display: flex;

    align-items: center;

}


/* =========================================================
   LOGO
========================================================= */

.pt-brand {

    position: relative;

    z-index: 100;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    text-decoration: none !important;

}


.pt-brand img {

    display: block !important;

    width: auto !important;

    height: 68px !important;

    max-width: 235px !important;

    object-fit: contain;

}


/* =========================================================
   NAVIGATION WRAPPER
========================================================= */

.pt-navigation-wrapper {

    position: relative;

    z-index: 100;

    margin-left: auto;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 10px;

}


/* =========================================================
   NAVIGATION PILL
========================================================= */

.pt-navigation {

    display: flex;

    align-items: center;

    gap: 2px;

    padding: 5px 7px;

    background:
        rgba(255,255,255,.98);

    border:
        1px solid rgba(36,36,44,.06);

    border-radius: 40px;

    box-shadow:
        0 12px 35px rgba(36,36,44,.10);

}


/* =========================================================
   MAIN MENU LINK
========================================================= */

.pt-nav-link {

    position: relative;

    min-height: 47px;

    padding:
        0 14px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    border: 0;

    outline: none;

    color:
        var(--pt-text) !important;

    background:
        transparent;

    border-radius: 27px;

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    font-size: 14px;

    font-weight: 600;

    line-height: 1;

    white-space: nowrap;

    text-decoration: none !important;

    cursor: pointer;

    transition:
        all .25s ease;

}


/* Hover */

.pt-nav-link:hover {

    color:
        var(--pt-coral) !important;

    background:
        var(--pt-coral-soft);

}


/* Active */

.pt-nav-link.active {

    color:
        var(--pt-coral) !important;

    background:
        var(--pt-coral-soft);

}


/* Active line */

.pt-nav-link.active::after {

    content: "";

    position: absolute;

    left: 50%;

    bottom: 4px;

    width: 30px;

    height: 2px;

    border-radius: 5px;

    background:
        var(--pt-coral);

    transform:
        translateX(-50%);

}


/* Home icon */

.pt-nav-icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;

}


.pt-nav-icon i {

    color:
        var(--pt-coral);

    font-size: 11px;

}


/* =========================================================
   DROPDOWN
========================================================= */

.pt-dropdown {

    position: relative;

}


/* Dropdown button */

.pt-dropdown-button {

    font-family:
        "Poppins",
        Arial,
        sans-serif;

}


/* Arrow */

.pt-arrow {

    font-size: 8px;

    color:
        #777780;

    transition:
        transform .25s ease;

}


.pt-dropdown.open
.pt-arrow {

    transform:
        rotate(180deg);

    color:
        var(--pt-coral);

}


/* =========================================================
   DROPDOWN MENU
========================================================= */

.pt-dropdown-menu {

    position: absolute;

    top: calc(100% + 11px);

    left: 0;

    width: 315px;

    padding: 9px;

    display: none;

    background:
        #ffffff;

    border:
        1px solid rgba(36,36,44,.08);

    border-radius: 16px;

    box-shadow:
        0 25px 65px rgba(30,30,35,.18),
        0 6px 18px rgba(30,30,35,.06);

    z-index: 999999;

}


/* OPEN */

.pt-dropdown.open
.pt-dropdown-menu {

    display: block;

    animation:
        ptDropdown .22s ease;

}


@keyframes ptDropdown {

    from {

        opacity: 0;

        transform:
            translateY(8px);

    }

    to {

        opacity: 1;

        transform:
            translateY(0);

    }

}


/* Dropdown pointer */

.pt-dropdown-menu::before {

    content: "";

    position: absolute;

    width: 12px;

    height: 12px;

    top: -6px;

    left: 28px;

    background:
        #ffffff;

    border-left:
        1px solid rgba(36,36,44,.08);

    border-top:
        1px solid rgba(36,36,44,.08);

    transform:
        rotate(45deg);

}


/* =========================================================
   DROPDOWN ITEM
========================================================= */

.pt-dropdown-item {

    min-height: 46px;

    padding:
        7px 10px;

    margin: 2px 0;

    display: flex;

    align-items: center;

    gap: 11px;

    color:
        #2b2a31 !important;

    background:
        transparent;

    border-radius: 10px;

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    font-size: 13px;

    font-weight: 500;

    line-height: 1.35;

    text-decoration: none !important;

    transition:
        all .2s ease;

}


.pt-dropdown-item:hover {

    color:
        var(--pt-coral) !important;

    background:
        #fff3f0;

    transform:
        translateX(3px);

}


/* Dropdown icon */

.pt-drop-icon {

    width: 31px;

    height: 31px;

    min-width: 31px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    color:
        var(--pt-coral);

    background:
        #fff0ed;

    border-radius: 8px;

    font-size: 11px;

}


.pt-dropdown-item:hover
.pt-drop-icon {

    color:
        #ffffff;

    background:
        var(--pt-coral);

}


/* Department menu */

.pt-department-menu {

    width: 340px;

}


/* =========================================================
   APPLY BUTTON
========================================================= */

.pt-apply-button {

    height: 48px;

    min-width: 132px;

    padding:
        0 7px 0 19px;

    display: inline-flex;

    align-items: center;

    justify-content: space-between;

    gap: 9px;

    color:
        #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #f15a50 0%,
            #e84740 100%
        );

    border-radius: 30px;

    text-decoration: none !important;

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    font-size: 13px;

    font-weight: 700;

    box-shadow:
        0 10px 28px rgba(232,71,64,.25);

    transition:
        all .25s ease;

}


.pt-apply-button:hover {

    color:
        #ffffff !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 15px 35px rgba(232,71,64,.32);

}


.pt-apply-circle {

    width: 35px;

    height: 35px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background:
        rgba(255,255,255,.18);

}


/* =========================================================
   MOBILE BUTTON
========================================================= */

.pt-mobile-button {

    display: none;

    width: 46px;

    height: 46px;

    margin-left: auto;

    padding: 0;

    border: 0;

    border-radius: 11px;

    background:
        var(--pt-black);

    cursor: pointer;

    box-shadow:
        0 8px 20px rgba(36,36,44,.18);

}


.pt-mobile-button span {

    display: block;

    width: 21px;

    height: 2px;

    margin: 4px auto;

    border-radius: 5px;

    background:
        #ffffff;

    transition:
        all .25s ease;

}


/* =========================================================
   FIXED HEADER
========================================================= */

.pt-header.is-fixed {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 1100;

    box-shadow:
        0 8px 30px rgba(30,30,35,.10);

    animation:
        ptHeader .3s ease;

}


@keyframes ptHeader {

    from {

        transform:
            translateY(-100%);

    }

    to {

        transform:
            translateY(0);

    }

}


/* =========================================================
   1200–1399
========================================================= */

@media (min-width: 1200px) and (max-width: 1399px) {

    .pt-nav-container {

        padding:
            0 18px;

    }


    .pt-brand img {

        height: 64px !important;

        max-width: 220px !important;

    }


    .pt-navigation {

        padding:
            4px 5px;

    }


    .pt-nav-link {

        padding:
            0 10px;

        font-size: 13px;

    }


    .pt-apply-button {

        min-width: 116px;

        height: 46px;

        padding-left: 15px;

        font-size: 12px;

    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .pt-nav-area {

        min-height: 82px;

        padding:
            7px 0;

    }


    .pt-nav-container {

        min-height: 66px;

        padding:
            0 20px;

    }


    .pt-brand img {

        height: 62px !important;

        max-width: 220px !important;

    }


    .pt-mobile-button {

        display: block;

    }


    /* Mobile menu */

    .pt-navigation-wrapper {

        position: absolute;

        top: calc(100% + 8px);

        left: 15px;

        right: 15px;

        display: none;

        margin: 0;

        padding: 10px;

        background:
            #ffffff;

        border:
            1px solid rgba(36,36,44,.08);

        border-radius: 16px;

        box-shadow:
            0 22px 50px rgba(30,30,35,.16);

    }


    .pt-navigation-wrapper.open {

        display: block;

    }


    .pt-navigation {

        display: block;

        padding: 0;

        background:
            transparent;

        border: 0;

        box-shadow: none;

    }


    .pt-nav-link {

        width: 100%;

        min-height: 46px;

        justify-content: flex-start;

        padding:
            0 14px;

        border-radius: 10px;

        font-size: 14px;

    }


    .pt-nav-link.active::after {

        display: none;

    }


    .pt-dropdown {

        width: 100%;

    }


    /* Mobile dropdown */

    .pt-dropdown-menu {

        position: static;

        width: 100%;

        padding: 5px;

        margin:
            3px 0 5px;

        border:
            1px solid #eeeeee;

        border-radius: 11px;

        box-shadow: none;

        background:
            #fafafa;

    }


    .pt-dropdown-menu::before {

        display: none;

    }


    .pt-dropdown-item {

        min-height: 43px;

        font-size: 13px;

    }


    .pt-apply-button {

        width: 100%;

        height: 47px;

        margin-top: 10px;

        justify-content: center;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .pt-nav-area {

        min-height: 75px;

    }


    .pt-nav-container {

        min-height: 61px;

        padding:
            0 15px;

    }


    .pt-brand img {

        height: 56px !important;

        max-width: 200px !important;

    }


    .pt-mobile-button {

        width: 43px;

        height: 43px;

    }


    .pt-navigation-wrapper {

        left: 10px;

        right: 10px;

        top: calc(100% + 7px);

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .pt-brand img {

        height: 51px !important;

        max-width: 180px !important;

    }


    .pt-mobile-button {

        width: 41px;

        height: 41px;

    }

}


/* =========================================================
   FINAL DROPDOWN FIX
========================================================= */

.pt-dropdown {
    position: relative !important;
}


/* Desktop dropdown */

.pt-dropdown > .pt-dropdown-menu {

    display: none !important;

    position: absolute !important;

    top: calc(100% + 10px) !important;

    left: 0 !important;

    width: 315px !important;

    z-index: 999999 !important;

    visibility: hidden;

    opacity: 0;

    transform: translateY(8px);

    pointer-events: none;

}


/* When opened */

.pt-dropdown.open > .pt-dropdown-menu {

    display: block !important;

    visibility: visible !important;

    opacity: 1 !important;

    transform: translateY(0) !important;

    pointer-events: auto !important;

}


/* Department dropdown */

.pt-dropdown.open > .pt-department-menu {

    width: 340px !important;

}


/* =========================================================
   DROPDOWN ITEM
========================================================= */

.pt-dropdown > .pt-dropdown-menu
.pt-dropdown-item {

    display: flex !important;

    width: 100%;

    text-decoration: none !important;

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 1199px) {

    .pt-dropdown > .pt-dropdown-menu {

        position: static !important;

        width: 100% !important;

        max-height: none !important;

        margin: 4px 0 7px !important;

        padding: 5px !important;

        display: none !important;

        visibility: hidden;

        opacity: 0;

        transform: none !important;

        pointer-events: none;

        box-shadow: none !important;

        border: 1px solid #eeeeee !important;

        background: #fafafa !important;

    }


    .pt-dropdown.open > .pt-dropdown-menu {

        display: block !important;

        visibility: visible !important;

        opacity: 1 !important;

        pointer-events: auto !important;

    }


    .pt-dropdown > .pt-dropdown-menu
    .pt-dropdown-item {

        display: flex !important;

    }

}

 




/* =========================================================
   SUBBAIAH PHYSIOTHERAPY
   PREMIUM FOOTER
========================================================= */

:root {

    --pt-footer-navy: #0D2340;
    --pt-footer-navy-dark: #07182C;

    --pt-footer-maroon: #861717;
    --pt-footer-maroon-dark: #5D0E12;

    --pt-footer-coral: #F04A3A;

    --pt-footer-gold: #B88A3B;
    --pt-footer-gold-light: #D7AD5B;

    --pt-footer-cream: #FFF9F4;

    --pt-footer-white: #FFFFFF;

    --pt-footer-muted: #B9C4D2;

}


/* =========================================================
   FOOTER
========================================================= */

.pt-footer {

    position: relative;

    overflow: hidden;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--pt-footer-navy-dark) 0%,
            var(--pt-footer-navy) 55%,
            #172F4D 100%
        );

}


/* =========================================================
   DECORATIVE BACKGROUND
========================================================= */

.pt-footer::before {

    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    top: -300px;
    right: -120px;

    border-radius: 50%;

    border:
        1px solid rgba(215,173,91,.20);

}


.pt-footer::after {

    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    bottom: -260px;
    left: -160px;

    border-radius: 50%;

    background:
        rgba(134,23,23,.20);

}


.pt-footer-glow {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.pt-footer-glow-one {

    width: 220px;
    height: 220px;

    top: 230px;
    right: 5%;

    background:
        radial-gradient(
            circle,
            rgba(184,138,59,.10),
            transparent 70%
        );

}


.pt-footer-glow-two {

    width: 300px;
    height: 300px;

    left: 35%;
    bottom: -180px;

    background:
        radial-gradient(
            circle,
            rgba(240,74,58,.08),
            transparent 70%
        );

}


/* =========================================================
   CONTAINER
========================================================= */

.pt-footer-container {

    position: relative;

    z-index: 2;

    width: min(1380px, calc(100% - 60px));

    margin: auto;

}


/* =========================================================
   TOP CTA
========================================================= */

.pt-footer-cta {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    padding: 42px 48px;

    margin-top: -1px;

    border-radius:
        0 0 30px 30px;

    background:
        linear-gradient(
            110deg,
            #FFF9F4,
            #FFFDFC
        );

    color: var(--pt-footer-navy);

    box-shadow:
        0 20px 50px
        rgba(0,0,0,.12);

}


.pt-footer-cta-label {

    display: block;

    margin-bottom: 8px;

    color: var(--pt-footer-gold);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 4px;

}


.pt-footer-cta h2 {

    margin: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 34px;

    line-height: 1.15;

}


.pt-footer-cta h2 span {

    color: var(--pt-footer-coral);

}


.pt-footer-cta p {

    margin: 9px 0 0;

    color: #66768A;

    font-size: 14px;

}


/* =========================================================
   CTA BUTTON
========================================================= */

.pt-footer-cta-button {

    display: flex;

    align-items: center;

    gap: 15px;

    padding: 15px 17px 15px 25px;

    color: #fff;

    text-decoration: none;

    border-radius: 50px;

    background:
        linear-gradient(
            135deg,
            var(--pt-footer-coral),
            #D93228
        );

    font-size: 14px;

    font-weight: 800;

    box-shadow:
        0 12px 30px
        rgba(240,74,58,.25);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


.pt-footer-cta-button i {

    width: 36px;
    height: 36px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        rgba(255,255,255,.20);

}


.pt-footer-cta-button:hover {

    color: #fff;

    transform: translateY(-3px);

    box-shadow:
        0 17px 35px
        rgba(240,74,58,.35);

}


/* =========================================================
   MAIN FOOTER
========================================================= */

.pt-footer-main {

    display: grid;

    grid-template-columns:
        1.45fr
        .8fr
        1.05fr
        1.15fr;

    gap: 65px;

    padding: 75px 0 55px;

}


/* =========================================================
   BRAND
========================================================= */

.pt-footer-brand {

    max-width: 390px;

}


.pt-footer-logo {

    display: inline-block;

    padding: 7px 14px;

    margin-bottom: 22px;

    border-radius: 14px;

    background: #fff;

}


.pt-footer-logo img {

    display: block;

    width: 250px;

    height: auto;

}


.pt-footer-brand > p {

    margin: 0;

    color: var(--pt-footer-muted);

    font-size: 13px;

    line-height: 1.8;

}


/* =========================================================
   MOTTO
========================================================= */

.pt-footer-motto {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 23px;

}


.pt-footer-motto-mark {

    color: var(--pt-footer-gold-light);

    font-family: Georgia, serif;

    font-size: 46px;

    line-height: .5;

}


.pt-footer-motto strong {

    display: block;

    color: #fff;

    font-family: Georgia, serif;

    font-size: 14px;

    font-style: italic;

}


/* =========================================================
   SOCIAL
========================================================= */

.pt-footer-social {

    display: flex;

    gap: 9px;

    margin-top: 26px;

}


.pt-footer-social a {

    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #fff;

    text-decoration: none;

    border:
        1px solid rgba(255,255,255,.15);

    background:
        rgba(255,255,255,.06);

    transition:
        all .3s ease;

}


.pt-footer-social a:hover {

    color: #fff;

    border-color:
        var(--pt-footer-coral);

    background:
        var(--pt-footer-coral);

    transform:
        translateY(-3px);

}


/* =========================================================
   COLUMNS
========================================================= */

.pt-footer-column h3 {

    margin: 5px 0 8px;

    color: #fff;

    font-size: 17px;

    font-weight: 800;

}


.pt-footer-heading-line {

    display: block;

    width: 45px;

    height: 2px;

    margin-bottom: 22px;

    background:
        linear-gradient(
            90deg,
            var(--pt-footer-coral),
            var(--pt-footer-gold)
        );

}


/* =========================================================
   LINKS
========================================================= */

.pt-footer-column ul {

    list-style: none;

    margin: 0;

    padding: 0;

}


.pt-footer-column li {

    margin-bottom: 13px;

}


.pt-footer-column li a {

    display: flex;

    align-items: center;

    gap: 9px;

    color: var(--pt-footer-muted);

    text-decoration: none;

    font-size: 13px;

    transition:
        color .25s ease,
        transform .25s ease;

}


.pt-footer-column li a i {

    color: var(--pt-footer-gold-light);

    font-size: 8px;

}


.pt-footer-column li a:hover {

    color: #fff;

    transform:
        translateX(5px);

}


/* =========================================================
   CONTACT
========================================================= */

.pt-footer-contact-item {

    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 17px;

    color: var(--pt-footer-muted);

    text-decoration: none;

    font-size: 12px;

    line-height: 1.5;

}


.pt-footer-contact-item:hover {

    color: #fff;

}


.pt-footer-contact-icon {

    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 12px;

    color: var(--pt-footer-gold-light);

    background:
        rgba(184,138,59,.12);

    border:
        1px solid rgba(184,138,59,.18);

}


.pt-footer-contact-item small {

    display: block;

    margin-bottom: 2px;

    color: #8190A2;

    font-size: 9px;

    text-transform: uppercase;

    letter-spacing: 1px;

}


/* =========================================================
   WHATSAPP
========================================================= */

.pt-footer-whatsapp {

    display: flex;

    align-items: center;

    gap: 10px;

    width: 100%;

    margin-top: 23px;

    padding: 12px 14px;

    border-radius: 13px;

    color: #fff;

    text-decoration: none;

    background:
        linear-gradient(
            135deg,
            #159B55,
            #20B965
        );

    font-size: 11px;

    font-weight: 800;

}


.pt-footer-whatsapp > i:first-child {

    font-size: 19px;

}


.pt-footer-whatsapp > i:last-child {

    margin-left: auto;

    font-size: 11px;

}


.pt-footer-whatsapp:hover {

    color: #fff;

    transform: translateY(-2px);

}


/* =========================================================
   BOTTOM MESSAGE
========================================================= */

.pt-footer-bottom-message {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    padding: 22px 0;

    border-top:
        1px solid rgba(255,255,255,.08);

}


.pt-footer-bottom-message span {

    width: 70px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--pt-footer-gold)
        );

}


.pt-footer-bottom-message p {

    margin: 0;

    color: #C5CED9;

    font-family: Georgia, serif;

    font-size: 14px;

    font-style: italic;

}


.pt-footer-bottom-message b {

    margin: 0 8px;

    color: var(--pt-footer-gold-light);

}


/* =========================================================
   COPYRIGHT
========================================================= */

.pt-footer-copyright {

    position: relative;

    z-index: 5;

    background:
        rgba(3,13,26,.55);

    border-top:
        1px solid rgba(255,255,255,.06);

}


.pt-footer-copyright-inner {

    width: min(1380px, calc(100% - 60px));

    min-height: 60px;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

}


.pt-footer-copyright p {

    margin: 0;

    color: #8290A1;

    font-size: 11px;

}


.pt-footer-copyright strong {

    color: #DCE3EA;

}


.pt-footer-copyright a {

    color: var(--pt-footer-gold-light);

    text-decoration: none;

    font-weight: 700;

}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1500px) {

    .pt-footer-container,
    .pt-footer-copyright-inner {

        width: min(1450px, calc(100% - 80px));

    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .pt-footer-main {

        grid-template-columns:
            1.2fr
            1fr
            1fr;

        gap: 45px;

    }

    .pt-footer-brand {

        grid-column: 1 / -1;

        max-width: 650px;

    }

    .pt-footer-contact {

        grid-column: span 1;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .pt-footer-container {

        width: calc(100% - 28px);

    }


    /* CTA */

    .pt-footer-cta {

        display: block;

        padding: 30px 22px;

        border-radius:
            0 0 22px 22px;

        text-align: center;

    }


    .pt-footer-cta-label {

        font-size: 9px;

        letter-spacing: 3px;

    }


    .pt-footer-cta h2 {

        font-size: 26px;

        line-height: 1.18;

    }


    .pt-footer-cta p {

        font-size: 12px;

        line-height: 1.6;

    }


    .pt-footer-cta-button {

        width: 100%;

        margin-top: 20px;

        padding: 12px 14px 12px 18px;

        justify-content: space-between;

        font-size: 12px;

    }


    /* Main */

    .pt-footer-main {

        grid-template-columns: repeat(2, 1fr);

        gap: 38px 22px;

        padding: 50px 0 35px;

    }


    /* Brand */

    .pt-footer-brand {

        grid-column: 1 / -1;

        max-width: none;

    }


    .pt-footer-logo {

        margin-bottom: 17px;

    }


    .pt-footer-logo img {

        width: 205px;

    }


    .pt-footer-brand > p {

        font-size: 11px;

        line-height: 1.7;

    }


    /* Columns */

    .pt-footer-column h3 {

        font-size: 14px;

    }


    .pt-footer-heading-line {

        width: 35px;

        margin-bottom: 17px;

    }


    .pt-footer-column li {

        margin-bottom: 10px;

    }


    .pt-footer-column li a {

        font-size: 10px;

        line-height: 1.4;

    }


    /* Contact */

    .pt-footer-contact {

        grid-column: 1 / -1;

    }


    .pt-footer-contact-item {

        font-size: 11px;

    }


    .pt-footer-contact-icon {

        width: 37px;
        height: 37px;

        flex-basis: 37px;

    }


    .pt-footer-whatsapp {

        font-size: 11px;

    }


    /* Motto */

    .pt-footer-motto {

        margin-top: 18px;

    }


    .pt-footer-social {

        margin-top: 20px;

    }


    /* Bottom */

    .pt-footer-bottom-message {

        gap: 8px;

    }


    .pt-footer-bottom-message span {

        width: 25px;

    }


    .pt-footer-bottom-message p {

        font-size: 10px;

        text-align: center;

    }


    .pt-footer-bottom-message b {

        margin: 0 3px;

    }


    /* Copyright */

    .pt-footer-copyright-inner {

        width: calc(100% - 28px);

        min-height: auto;

        padding: 16px 0;

        display: block;

        text-align: center;

    }


    .pt-footer-copyright p {

        font-size: 9px;

        line-height: 1.7;

    }


    .pt-footer-copyright p + p {

        margin-top: 4px;

    }

}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    .pt-footer-main {

        gap: 32px 16px;

    }


    .pt-footer-logo img {

        width: 185px;

    }


    .pt-footer-cta h2 {

        font-size: 23px;

    }


    .pt-footer-column li a {

        font-size: 9px;

    }


    .pt-footer-contact-item {

        font-size: 10px;

    }

}