/* =========================================================
   TADIKELA SUBBAIAH COLLEGE OF NURSING
   OUR COMMITMENT
========================================================= */

.tscn-commitment {

    position: relative;

    width: 100%;

    padding:
        105px
        0
        125px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #fffdf9 0%,
            #fff9f1 48%,
            #fff 100%
        );

    isolation: isolate;
}


/* =========================================================
   MAIN GRID
========================================================= */

.tscn-commitment-grid {

    display: grid;

    grid-template-columns:
        1.02fr
        .98fr;

    align-items: center;

    gap: 75px;

    position: relative;

    z-index: 5;
}


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

.tscn-commitment-content {

    position: relative;

    z-index: 10;
}


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

.tscn-commitment-label {

    display: flex;

    align-items: center;

    gap: 12px;

    color: #a27632;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 3.2px;

    text-transform: uppercase;

    margin-bottom: 20px;
}


.tscn-commitment-label span {

    width: 38px;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            #a7192d,
            #d5a03a
        );
}


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

.tscn-commitment-title {

    margin: 0;

    max-width: 650px;

    color: #202126;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            43px,
            4.2vw,
            66px
        );

    font-weight: 700;

    line-height: .98;

    letter-spacing: -2px;
}


.tscn-commitment-title strong {

    display: block;

    margin-top: 5px;

    color: #a7192d;

    font-weight: 700;
}


/* =========================================================
   GOLD LINE
========================================================= */

.tscn-commitment-line {

    width: 85px;

    height: 3px;

    margin:
        25px
        0
        25px;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            #a7192d,
            #d5a03a
        );
}


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

.tscn-commitment-text {

    max-width: 670px;

    margin:
        0
        0
        16px;

    color: #62656b;

    font-size: 15px;

    line-height: 1.78;

    font-weight: 400;
}


/* =========================================================
   HIGHLIGHTS GRID
========================================================= */

.tscn-commitment-highlights {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 14px;

    margin-top: 29px;

    max-width: 690px;
}


/* =========================================================
   HIGHLIGHT ITEM
========================================================= */

.tscn-commitment-item {

    display: flex;

    align-items: center;

    gap: 13px;

    padding: 14px 15px;

    background:
        rgba(255,255,255,.72);

    border:
        1px solid
        rgba(141,23,40,.08);

    border-radius: 14px;

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease;
}


.tscn-commitment-item:hover {

    transform:
        translateY(-4px);

    border-color:
        rgba(167,25,45,.20);

    background: #fff;
}


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

.tscn-commitment-icon {

    width: 43px;

    height: 43px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #8d1728,
            #b62a3d
        );

    border-radius:
        13px 13px 13px 3px;

    font-size: 14px;

    box-shadow:
        0 7px 18px
        rgba(141,23,40,.14);
}


.tscn-commitment-item strong {

    display: block;

    color: #292b30;

    font-size: 12px;

    font-weight: 800;

    line-height: 1.3;
}


.tscn-commitment-item span {

    display: block;

    margin-top: 3px;

    color: #8a8b8f;

    font-size: 9px;

    line-height: 1.3;
}


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

.tscn-commitment-action {

    margin-top: 30px;
}


.tscn-commitment-btn {

    display: inline-flex;

    align-items: center;

    gap: 13px;

    min-height: 51px;

    padding:
        0
        7px
        0
        22px;

    border-radius: 50px;

    color: #fff !important;

    text-decoration: none !important;

    background:
        linear-gradient(
            135deg,
            #8d1728,
            #ad2035
        );

    font-size: 12px;

    font-weight: 800;

    box-shadow:
        0 12px 25px
        rgba(141,23,40,.14);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}


.tscn-commitment-btn i {

    width: 37px;

    height: 37px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: #8d1728;

    background: #fff;

    transition:
        transform .35s ease;
}


.tscn-commitment-btn:hover {

    color: #fff !important;

    transform:
        translateY(-4px);

    box-shadow:
        0 16px 32px
        rgba(141,23,40,.19);
}


.tscn-commitment-btn:hover i {

    transform:
        translateX(4px);
}


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

.tscn-commitment-visual {

    position: relative;

    min-height: 545px;

    display: flex;

    align-items: center;

    justify-content: center;
}


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

.tscn-commitment-image {

    position: relative;

    width: 100%;

    max-width: 590px;

    height: 495px;

    overflow: hidden;

    border-radius:
        46% 54% 17% 83%
        /
        18% 19% 81% 82%;

    background: #eee;

    z-index: 5;

    box-shadow:
        0 25px 60px
        rgba(70,40,20,.13);
}


.tscn-commitment-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transition:
        transform .8s ease;
}


.tscn-commitment-image:hover img {

    transform:
        scale(1.05);
}


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

.tscn-image-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0) 60%,
            rgba(80,20,25,.08)
        );

    pointer-events: none;
}


/* =========================================================
   OUTER BORDER
========================================================= */

.tscn-visual-border {

    position: absolute;

    width: 100%;

    max-width: 600px;

    height: 505px;

    right: -18px;

    top: 16px;

    border:
        1px solid
        rgba(167,25,45,.17);

    border-radius:
        46% 54% 17% 83%
        /
        18% 19% 81% 82%;

    transform:
        rotate(3deg);

    z-index: 2;
}


/* =========================================================
   GOLD RING
========================================================= */

.tscn-visual-gold-ring {

    position: absolute;

    width: 625px;

    height: 520px;

    right: -40px;

    top: 8px;

    border:
        1px solid
        rgba(193,145,50,.28);

    border-radius: 50%;

    transform:
        rotate(-14deg);

    z-index: 1;
}


/* =========================================================
   CAMPUS FLOATING CARD
========================================================= */

.tscn-campus-card {

    position: absolute;

    left: -32px;

    bottom: 52px;

    display: flex;

    align-items: center;

    gap: 11px;

    padding:
        12px
        18px
        12px
        12px;

    background:
        rgba(255,255,255,.94);

    border:
        1px solid
        rgba(141,23,40,.10);

    border-radius: 50px;

    box-shadow:
        0 16px 35px
        rgba(70,40,20,.13);

    backdrop-filter:
        blur(10px);

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

    z-index: 20;
}


.tscn-campus-card-icon {

    width: 39px;

    height: 39px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #8d1728,
            #c29335
        );

    font-size: 13px;
}


.tscn-campus-card small {

    display: block;

    color: #a07634;

    font-size: 7px;

    font-weight: 900;

    letter-spacing: 1.5px;
}


.tscn-campus-card strong {

    display: block;

    margin-top: 3px;

    color: #28292d;

    font-family:
        Georgia,
        serif;

    font-size: 12px;
}


/* =========================================================
   CAMPUS MARK
========================================================= */

.tscn-campus-mark {

    position: absolute;

    right: -15px;

    top: 55px;

    width: 74px;

    height: 74px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    border-radius: 50%;

    color: #fff;

    background:
        linear-gradient(
            145deg,
            #8d1728,
            #a91e34
        );

    border:
        5px solid
        rgba(255,255,255,.88);

    box-shadow:
        0 10px 28px
        rgba(80,20,25,.18);

    z-index: 25;
}


.tscn-campus-mark span {

    font-family:
        Georgia,
        serif;

    font-size: 23px;

    line-height: 1;

    font-weight: 700;
}


.tscn-campus-mark small {

    margin-top: 3px;

    font-size: 6px;

    font-weight: 800;

    letter-spacing: 1px;
}


/* =========================================================
   BACKGROUND DECORATIONS
========================================================= */

.tscn-commitment-shape {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    z-index: -1;
}


.tscn-shape-1 {

    width: 420px;

    height: 420px;

    left: -260px;

    top: -180px;

    border:
        1px solid
        rgba(193,145,50,.12);
}


.tscn-shape-2 {

    width: 300px;

    height: 300px;

    right: -180px;

    bottom: -130px;

    border:
        1px solid
        rgba(141,23,40,.09);
}


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

.tscn-commitment-dot {

    position: absolute;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: #c79839;

    pointer-events: none;
}


.tscn-commitment-dot-1 {

    left: 8%;

    top: 25%;
}


.tscn-commitment-dot-2 {

    right: 8%;

    top: 19%;

    background: #a7192d;
}


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

.tscn-commitment-wave {

    position: absolute;

    left: 0;

    right: 0;

    bottom: -1px;

    width: 100%;

    line-height: 0;

    z-index: 30;

    pointer-events: none;
}


.tscn-commitment-wave svg {

    display: block;

    width: 100%;

    height: 70px;
}


.tscn-commitment-wave path {

    fill: #fff;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .tscn-commitment {

        padding:
            90px
            0
            110px;
    }

    .tscn-commitment-grid {

        gap: 45px;
    }

    .tscn-commitment-title {

        font-size: 50px;
    }

    .tscn-commitment-image {

        height: 450px;
    }

    .tscn-visual-border {

        height: 460px;

        right: -10px;
    }

    .tscn-visual-gold-ring {

        width: 540px;

        height: 470px;
    }

    .tscn-campus-card {

        left: -10px;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .tscn-commitment {

        padding:
            75px
            0
            105px;
    }

    .tscn-commitment-grid {

        grid-template-columns:
            1fr;

        gap: 60px;
    }

    .tscn-commitment-content {

        max-width: 760px;

        margin: 0 auto;

        text-align: center;
    }

    .tscn-commitment-label {

        justify-content: center;
    }

    .tscn-commitment-title {

        margin-left: auto;

        margin-right: auto;
    }

    .tscn-commitment-line {

        margin-left: auto;

        margin-right: auto;
    }

    .tscn-commitment-text {

        margin-left: auto;

        margin-right: auto;
    }

    .tscn-commitment-highlights {

        margin-left: auto;

        margin-right: auto;

        text-align: left;
    }

    .tscn-commitment-action {

        text-align: center;
    }

    .tscn-commitment-visual {

        width: 90%;

        margin:
            0 auto;

        min-height: 500px;
    }

    .tscn-commitment-image {

        max-width: 620px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .tscn-commitment {

        padding:
            65px
            0
            90px;
    }

    .tscn-commitment-grid {

        gap: 45px;
    }

    .tscn-commitment-label {

        font-size: 8px;

        letter-spacing: 2px;

        gap: 8px;
    }

    .tscn-commitment-label span {

        width: 25px;
    }

    .tscn-commitment-title {

        font-size:
            clamp(
                38px,
                10vw,
                52px
            );

        letter-spacing: -1.2px;

        line-height: 1;
    }

    .tscn-commitment-line {

        width: 60px;

        margin:
            20px auto;
    }

    .tscn-commitment-text {

        font-size: 13px;

        line-height: 1.7;

        padding:
            0 8px;
    }

    .tscn-commitment-highlights {

        grid-template-columns:
            1fr;

        gap: 10px;

        width: 100%;
    }

    .tscn-commitment-item {

        padding: 12px;
    }

    .tscn-commitment-icon {

        width: 39px;

        height: 39px;
    }

    .tscn-commitment-item strong {

        font-size: 11px;
    }

    .tscn-commitment-item span {

        font-size: 8px;
    }

    .tscn-commitment-btn {

        min-height: 48px;

        font-size: 11px;
    }

    .tscn-commitment-visual {

        width: 100%;

        min-height: 390px;
    }

    .tscn-commitment-image {

        width: 92%;

        height: 370px;

        border-radius:
            40% 60% 14% 86%
            /
            14% 18% 82% 86%;
    }

    .tscn-visual-border {

        width: 92%;

        height: 375px;

        right: 2%;

        top: 8px;
    }

    .tscn-visual-gold-ring {

        width: 100%;

        height: 390px;

        right: -4%;

        top: 0;
    }

    .tscn-campus-card {

        left: 0;

        bottom: 25px;

        padding:
            9px
            13px
            9px
            9px;
    }

    .tscn-campus-card-icon {

        width: 34px;

        height: 34px;
    }

    .tscn-campus-card strong {

        font-size: 10px;
    }

    .tscn-campus-mark {

        width: 60px;

        height: 60px;

        right: 0;

        top: 20px;
    }

    .tscn-campus-mark span {

        font-size: 18px;
    }

    .tscn-commitment-wave svg {

        height: 50px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .tscn-commitment {

        padding-top: 55px;
    }

    .tscn-commitment-title {

        font-size: 36px;
    }

    .tscn-commitment-text {

        font-size: 12px;
    }

    .tscn-commitment-visual {

        min-height: 330px;
    }

    .tscn-commitment-image {

        height: 315px;
    }

    .tscn-visual-border {

        height: 320px;
    }

    .tscn-visual-gold-ring {

        height: 335px;
    }

    .tscn-campus-card {

        bottom: 10px;
    }

    .tscn-campus-mark {

        display: none;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .tscn-commitment-item,
    .tscn-commitment-btn,
    .tscn-commitment-image img {

        transition: none !important;
    }
}

 

/* =========================================================
   TADIKELA SUBBAIAH COLLEGE OF NURSING
   NURSING PROGRAMMES
========================================================= */

.tscn-courses {

    position: relative;

    width: 100%;

    padding:
        105px
        0
        125px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffaf2 48%,
            #fffdf9 100%
        );

    isolation: isolate;
}


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

.tscn-courses-heading {

    max-width: 760px;

    margin:
        0
        auto
        65px;

    text-align: center;

    position: relative;

    z-index: 5;
}


/* Label */

.tscn-courses-label {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin-bottom: 18px;

    color: #a27632;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 3px;

    text-transform: uppercase;
}


.tscn-courses-label span {

    width: 38px;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            #a7192d,
            #d5a03a
        );
}


/* Heading */

.tscn-courses-heading h2 {

    margin: 0;

    color: #222328;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            42px,
            4.2vw,
            62px
        );

    line-height: 1;

    letter-spacing: -1.8px;

    font-weight: 700;
}


.tscn-courses-heading h2 strong {

    color: #a7192d;

    font-weight: 700;
}


/* Description */

.tscn-courses-heading p {

    max-width: 680px;

    margin:
        22px
        auto
        0;

    color: #707176;

    font-size: 14px;

    line-height: 1.75;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.tscn-courses-layout {

    display: grid;

    grid-template-columns:
        .92fr
        1.08fr;

    align-items: center;

    gap: 75px;

    position: relative;

    z-index: 5;
}


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

.tscn-courses-visual {

    position: relative;

    min-height: 530px;

    display: flex;

    align-items: center;

    justify-content: center;
}


/* Image */

.tscn-courses-image-frame {

    position: relative;

    width: 100%;

    max-width: 570px;

    height: 470px;

    overflow: hidden;

    border-radius:
        28px
        90px
        28px
        90px;

    box-shadow:
        0 25px 60px
        rgba(65,35,20,.13);

    z-index: 5;
}


.tscn-courses-image-frame img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transition:
        transform .8s ease;
}


.tscn-courses-image-frame:hover img {

    transform:
        scale(1.05);
}


/* Image overlay */

.tscn-courses-image-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(141,23,40,0) 55%,
            rgba(70,20,25,.14) 100%
        );

    pointer-events: none;
}


/* =========================================================
   IMAGE DECORATIVE BORDER
========================================================= */

.tscn-courses-image-frame::before {

    content: "";

    position: absolute;

    inset: 13px;

    border:
        1px solid
        rgba(255,255,255,.45);

    border-radius:
        20px
        70px
        20px
        70px;

    z-index: 4;

    pointer-events: none;
}


/* =========================================================
   GOLD CIRCLE
========================================================= */

.tscn-courses-gold-circle {

    position: absolute;

    width: 420px;

    height: 420px;

    left: -90px;

    top: 50px;

    border:
        1px solid
        rgba(196,150,61,.25);

    border-radius: 50%;

    z-index: 1;
}


/* =========================================================
   FLOATING CARD
========================================================= */

.tscn-courses-floating {

    position: absolute;

    right: -15px;

    bottom: 25px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding:
        12px
        18px
        12px
        12px;

    background:
        rgba(255,255,255,.95);

    border:
        1px solid
        rgba(141,23,40,.10);

    border-radius: 50px;

    box-shadow:
        0 15px 35px
        rgba(60,30,20,.13);

    backdrop-filter:
        blur(12px);

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

    z-index: 20;
}


.tscn-courses-floating-icon {

    width: 41px;

    height: 41px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #8d1728,
            #c2943c
        );

    font-size: 14px;
}


.tscn-courses-floating small {

    display: block;

    color: #a07634;

    font-size: 7px;

    font-weight: 900;

    letter-spacing: 1.5px;
}


.tscn-courses-floating strong {

    display: block;

    margin-top: 3px;

    color: #292a2e;

    font-family:
        Georgia,
        serif;

    font-size: 12px;
}


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

.tscn-courses-list {

    display: flex;

    flex-direction: column;

    gap: 17px;
}


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

.tscn-course-card {

    position: relative;

    display: grid;

    grid-template-columns:
        45px
        54px
        1fr;

    align-items: center;

    gap: 17px;

    padding:
        21px
        24px;

    background:
        rgba(255,255,255,.82);

    border:
        1px solid
        rgba(141,23,40,.09);

    border-radius: 20px;

    box-shadow:
        0 8px 30px
        rgba(70,35,20,.045);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease,
        background .35s ease;

    overflow: hidden;
}


.tscn-course-card::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 3px;

    background:
        linear-gradient(
            180deg,
            #8d1728,
            #d1a047
        );

    transform:
        scaleY(0);

    transform-origin:
        center;

    transition:
        transform .35s ease;
}


.tscn-course-card:hover {

    transform:
        translateX(6px);

    background: #fff;

    border-color:
        rgba(141,23,40,.17);

    box-shadow:
        0 15px 38px
        rgba(70,35,20,.09);
}


.tscn-course-card:hover::before {

    transform:
        scaleY(1);
}


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

.tscn-course-number {

    color:
        rgba(141,23,40,.28);

    font-family:
        Georgia,
        serif;

    font-size: 17px;

    font-weight: 700;
}


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

.tscn-course-icon {

    width: 49px;

    height: 49px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    border-radius:
        15px
        15px
        15px
        4px;

    background:
        linear-gradient(
            135deg,
            #8d1728,
            #ad2338
        );

    box-shadow:
        0 8px 18px
        rgba(141,23,40,.14);

    font-size: 15px;
}


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

.tscn-course-content span {

    display: block;

    margin-bottom: 5px;

    color: #aa8038;

    font-size: 8px;

    font-weight: 900;

    letter-spacing: 1.5px;
}


.tscn-course-content h3 {

    margin:
        0
        0
        6px;

    color: #292a2e;

    font-family:
        Georgia,
        serif;

    font-size: 23px;

    line-height: 1.15;

    font-weight: 700;
}


.tscn-course-content p {

    max-width: 600px;

    margin: 0;

    color: #77797e;

    font-size: 11px;

    line-height: 1.6;
}


/* =========================================================
   COURSE LINK
========================================================= */

.tscn-course-link {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-top: 10px;

    color: #8d1728 !important;

    font-size: 10px;

    font-weight: 800;

    text-decoration: none !important;

    transition:
        gap .3s ease,
        color .3s ease;
}


.tscn-course-link i {

    font-size: 9px;
}


.tscn-course-link:hover {

    color: #c18f32 !important;

    gap: 12px;
}


/* =========================================================
   BACKGROUND ORBITS
========================================================= */

.tscn-courses-orbit {

    position: absolute;

    border:
        1px solid
        rgba(193,145,50,.10);

    border-radius: 50%;

    pointer-events: none;

    z-index: 0;
}


.tscn-courses-orbit-1 {

    width: 460px;

    height: 460px;

    left: -300px;

    top: 80px;
}


.tscn-courses-orbit-2 {

    width: 300px;

    height: 300px;

    right: -170px;

    bottom: 40px;

    border-color:
        rgba(141,23,40,.07);
}


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

.tscn-courses-wave {

    position: absolute;

    left: 0;

    right: 0;

    bottom: -1px;

    width: 100%;

    line-height: 0;

    z-index: 30;

    pointer-events: none;
}


.tscn-courses-wave svg {

    width: 100%;

    height: 65px;

    display: block;
}


.tscn-courses-wave path {

    fill: #fff;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .tscn-courses {

        padding:
            90px
            0
            110px;
    }

    .tscn-courses-layout {

        gap: 45px;
    }

    .tscn-courses-image-frame {

        height: 430px;
    }

    .tscn-course-card {

        grid-template-columns:
            35px
            48px
            1fr;

        padding: 18px;
    }

    .tscn-course-content h3 {

        font-size: 20px;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .tscn-courses {

        padding:
            75px
            0
            105px;
    }

    .tscn-courses-heading {

        margin-bottom: 45px;
    }

    .tscn-courses-layout {

        grid-template-columns:
            1fr;

        gap: 55px;
    }

    .tscn-courses-visual {

        min-height: 450px;

        width: 90%;

        margin: auto;
    }

    .tscn-courses-image-frame {

        max-width: 650px;

        height: 450px;
    }

    .tscn-courses-floating {

        right: 5%;
    }

    .tscn-courses-gold-circle {

        left: 3%;
    }

    .tscn-courses-list {

        max-width: 760px;

        width: 100%;

        margin: auto;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .tscn-courses {

        padding:
            60px
            0
            90px;
    }

    .tscn-courses-label {

        font-size: 8px;

        letter-spacing: 2px;

        gap: 8px;
    }

    .tscn-courses-label span {

        width: 25px;
    }

    .tscn-courses-heading h2 {

        font-size:
            clamp(
                36px,
                10vw,
                48px
            );

        letter-spacing: -1px;
    }

    .tscn-courses-heading p {

        padding:
            0 12px;

        font-size: 12px;

        line-height: 1.65;
    }

    .tscn-courses-layout {

        gap: 38px;
    }

    .tscn-courses-visual {

        width: 100%;

        min-height: 350px;
    }

    .tscn-courses-image-frame {

        width: 94%;

        height: 330px;

        border-radius:
            24px
            65px
            24px
            65px;
    }

    .tscn-courses-gold-circle {

        width: 280px;

        height: 280px;

        left: -30px;

        top: 35px;
    }

    .tscn-courses-floating {

        right: 0;

        bottom: 5px;

        padding:
            8px
            13px
            8px
            8px;
    }

    .tscn-courses-floating-icon {

        width: 34px;

        height: 34px;

        font-size: 11px;
    }

    .tscn-courses-floating small {

        font-size: 6px;
    }

    .tscn-courses-floating strong {

        font-size: 9px;
    }


    /* Course card */

    .tscn-course-card {

        grid-template-columns:
            34px
            43px
            1fr;

        gap: 10px;

        padding:
            16px
            13px;

        border-radius: 16px;
    }

    .tscn-course-number {

        font-size: 13px;
    }

    .tscn-course-icon {

        width: 43px;

        height: 43px;

        font-size: 12px;

        border-radius:
            12px
            12px
            12px
            3px;
    }

    .tscn-course-content span {

        font-size: 6.5px;

        letter-spacing: 1px;
    }

    .tscn-course-content h3 {

        font-size: 17px;
    }

    .tscn-course-content p {

        font-size: 9px;

        line-height: 1.55;
    }

    .tscn-course-link {

        font-size: 8px;

        margin-top: 8px;
    }

    .tscn-courses-wave svg {

        height: 48px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .tscn-courses {

        padding-top: 50px;
    }

    .tscn-courses-heading h2 {

        font-size: 34px;
    }

    .tscn-courses-image-frame {

        height: 290px;
    }

    .tscn-courses-visual {

        min-height: 310px;
    }

    .tscn-course-card {

        grid-template-columns:
            30px
            39px
            1fr;

        gap: 8px;
    }

    .tscn-course-icon {

        width: 39px;

        height: 39px;
    }

    .tscn-course-content h3 {

        font-size: 15px;
    }

    .tscn-course-content p {

        font-size: 8.5px;
    }

    .tscn-courses-floating {

        display: none;
    }
}

 
/* =========================================================
   TADIKELA SUBBAIAH COLLEGE OF NURSING
   WHY CHOOSE US
========================================================= */

.tscn-why {

    position: relative;

    width: 100%;

    padding:
        105px
        0
        125px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #fff9ef 0%,
            #fffdf9 48%,
            #ffffff 100%
        );

    isolation: isolate;
}


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

.tscn-why-header {

    position: relative;

    z-index: 5;

    max-width: 760px;

    margin:
        0
        auto
        70px;

    text-align: center;
}


.tscn-why-label {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin-bottom: 18px;

    color: #a27632;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 3px;

    text-transform: uppercase;
}


.tscn-why-label span {

    width: 38px;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            #a7192d,
            #d5a03a
        );
}


.tscn-why-header h2 {

    margin: 0;

    color: #24252a;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            42px,
            4.2vw,
            62px
        );

    line-height: 1;

    letter-spacing: -1.8px;

    font-weight: 700;
}


.tscn-why-header h2 strong {

    display: block;

    color: #a7192d;

    font-weight: 700;
}


.tscn-why-header p {

    max-width: 680px;

    margin:
        22px
        auto
        0;

    color: #707176;

    font-size: 14px;

    line-height: 1.75;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.tscn-why-layout {

    position: relative;

    z-index: 5;

    display: grid;

    grid-template-columns:
        1fr
        360px
        1fr;

    align-items: center;

    gap: 28px;
}


/* =========================================================
   FEATURE COLUMNS
========================================================= */

.tscn-why-column {

    display: flex;

    flex-direction: column;

    gap: 18px;
}


/* =========================================================
   FEATURE CARD
========================================================= */

.tscn-why-card {

    position: relative;

    display: flex;

    align-items: flex-start;

    gap: 15px;

    padding:
        21px
        20px;

    min-height: 137px;

    background:
        rgba(255,255,255,.78);

    border:
        1px solid
        rgba(141,23,40,.08);

    border-radius: 18px;

    box-shadow:
        0 8px 28px
        rgba(65,35,20,.045);

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


.tscn-why-card::after {

    content: "";

    position: absolute;

    width: 35px;

    height: 35px;

    right: -1px;

    top: -1px;

    border-top:
        2px solid
        rgba(193,145,50,.45);

    border-right:
        2px solid
        rgba(193,145,50,.45);

    border-radius:
        0
        17px
        0
        0;

    opacity: .7;
}


.tscn-why-card:hover {

    transform:
        translateY(-6px);

    background: #fff;

    border-color:
        rgba(141,23,40,.15);

    box-shadow:
        0 18px 40px
        rgba(65,35,20,.09);
}


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

.tscn-why-icon {

    width: 48px;

    height: 48px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    border-radius:
        15px
        15px
        15px
        4px;

    background:
        linear-gradient(
            135deg,
            #8d1728,
            #ad263a
        );

    box-shadow:
        0 8px 18px
        rgba(141,23,40,.14);

    font-size: 14px;
}


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

.tscn-why-card-content {

    flex: 1;
}


.tscn-why-card-content span {

    display: block;

    margin-bottom: 3px;

    color: #bd9140;

    font-size: 8px;

    font-weight: 900;

    letter-spacing: 1.5px;
}


.tscn-why-card-content h3 {

    margin:
        0
        0
        7px;

    color: #2b2c31;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;

    line-height: 1.15;

    font-weight: 700;
}


.tscn-why-card-content p {

    margin: 0;

    color: #77797e;

    font-size: 10.5px;

    line-height: 1.65;
}


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

.tscn-why-center {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 500px;
}


.tscn-why-image-wrap {

    position: relative;

    width: 320px;

    height: 430px;

    display: flex;

    align-items: center;

    justify-content: center;
}


/* Image */

.tscn-why-image {

    position: relative;

    width: 285px;

    height: 390px;

    overflow: hidden;

    border-radius:
        145px
        145px
        30px
        30px;

    z-index: 5;

    box-shadow:
        0 25px 55px
        rgba(70,35,20,.14);
}


.tscn-why-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transition:
        transform .8s ease;
}


.tscn-why-image:hover img {

    transform:
        scale(1.05);
}


/* =========================================================
   CENTER RING
========================================================= */

.tscn-why-ring {

    position: absolute;

    width: 315px;

    height: 420px;

    border:
        1px solid
        rgba(193,145,50,.40);

    border-radius:
        160px
        160px
        45px
        45px;

    transform:
        rotate(6deg);

    z-index: 2;
}


.tscn-why-ring::before {

    content: "";

    position: absolute;

    inset: 10px;

    border:
        1px solid
        rgba(141,23,40,.12);

    border-radius:
        inherit;
}


/* =========================================================
   CENTER BADGE
========================================================= */

.tscn-why-badge {

    position: absolute;

    right: -8px;

    bottom: 35px;

    width: 70px;

    height: 70px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    border-radius: 50%;

    color: #fff;

    background:
        linear-gradient(
            145deg,
            #8d1728,
            #a91f34
        );

    border:
        5px solid
        #fff9ef;

    box-shadow:
        0 10px 25px
        rgba(80,20,25,.18);

    z-index: 10;
}


.tscn-why-badge span {

    font-family:
        Georgia,
        serif;

    font-size: 22px;

    font-weight: 700;

    line-height: 1;
}


.tscn-why-badge small {

    margin-top: 4px;

    font-size: 6px;

    font-weight: 900;

    letter-spacing: 1px;
}


/* =========================================================
   BACKGROUND ORBITS
========================================================= */

.tscn-why-orbit {

    position: absolute;

    border:
        1px solid
        rgba(193,145,50,.11);

    border-radius: 50%;

    pointer-events: none;

    z-index: 0;
}


.tscn-why-orbit-1 {

    width: 520px;

    height: 520px;

    left: -350px;

    top: 130px;
}


.tscn-why-orbit-2 {

    width: 350px;

    height: 350px;

    right: -220px;

    bottom: 90px;

    border-color:
        rgba(141,23,40,.07);
}


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

.tscn-why-statement {

    position: relative;

    z-index: 5;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    margin-top: 65px;
}


.tscn-why-statement-line {

    width: 100px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(193,145,50,.55)
        );
}


.tscn-why-statement-line:last-child {

    background:
        linear-gradient(
            90deg,
            rgba(193,145,50,.55),
            transparent
        );
}


.tscn-why-statement-content {

    display: flex;

    align-items: center;

    gap: 9px;

    color: #8d1728;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 2px;
}


.tscn-why-statement-content i {

    color: #bd9140;

    font-size: 12px;
}


.tscn-why-statement-content b {

    color: #c49a4b;

    font-weight: 400;
}


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

.tscn-why-wave {

    position: absolute;

    left: 0;

    right: 0;

    bottom: -1px;

    width: 100%;

    line-height: 0;

    z-index: 30;

    pointer-events: none;
}


.tscn-why-wave svg {

    width: 100%;

    height: 65px;

    display: block;
}


.tscn-why-wave path {

    fill: #ffffff;
}


/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1199px) {

    .tscn-why {

        padding:
            90px
            0
            110px;
    }

    .tscn-why-layout {

        grid-template-columns:
            1fr
            300px
            1fr;

        gap: 16px;
    }

    .tscn-why-card {

        padding: 17px;

        min-height: 145px;
    }

    .tscn-why-card-content h3 {

        font-size: 17px;
    }

    .tscn-why-card-content p {

        font-size: 9.5px;
    }

    .tscn-why-image-wrap {

        transform: scale(.9);
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .tscn-why {

        padding:
            75px
            0
            100px;
    }

    .tscn-why-header {

        margin-bottom: 50px;
    }

    .tscn-why-layout {

        grid-template-columns:
            1fr
            1fr;

        gap: 18px;
    }

    .tscn-why-center {

        grid-column:
            1 / -1;

        grid-row: 1;

        min-height: 430px;

        margin-bottom: 15px;
    }

    .tscn-why-left {

        grid-column: 1;

        grid-row: 2;
    }

    .tscn-why-right {

        grid-column: 2;

        grid-row: 2;
    }

    .tscn-why-image-wrap {

        transform: none;
    }

    .tscn-why-statement {

        margin-top: 45px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .tscn-why {

        padding:
            60px
            0
            85px;
    }

    .tscn-why-header {

        margin-bottom: 40px;
    }

    .tscn-why-label {

        font-size: 8px;

        letter-spacing: 2px;

        gap: 8px;
    }

    .tscn-why-label span {

        width: 25px;
    }

    .tscn-why-header h2 {

        font-size:
            clamp(
                36px,
                10vw,
                48px
            );

        letter-spacing: -1px;
    }

    .tscn-why-header p {

        padding:
            0 10px;

        font-size: 12px;

        line-height: 1.65;
    }


    /* Center */

    .tscn-why-center {

        min-height: 370px;

        margin-bottom: 5px;
    }

    .tscn-why-image-wrap {

        width: 280px;

        height: 360px;
    }

    .tscn-why-image {

        width: 245px;

        height: 330px;

        border-radius:
            125px
            125px
            25px
            25px;
    }

    .tscn-why-ring {

        width: 270px;

        height: 350px;
    }

    .tscn-why-badge {

        width: 58px;

        height: 58px;

        right: -3px;

        bottom: 25px;
    }

    .tscn-why-badge span {

        font-size: 18px;
    }


    /* Cards */

    .tscn-why-layout {

        display: flex;

        flex-direction: column;

        gap: 12px;
    }

    .tscn-why-column {

        width: 100%;

        gap: 12px;
    }

    .tscn-why-card {

        min-height: auto;

        padding: 15px;

        border-radius: 15px;
    }

    .tscn-why-icon {

        width: 42px;

        height: 42px;

        border-radius:
            12px
            12px
            12px
            3px;
    }

    .tscn-why-card-content h3 {

        font-size: 17px;
    }

    .tscn-why-card-content p {

        font-size: 9.5px;

        line-height: 1.55;
    }

    .tscn-why-card-content span {

        font-size: 7px;
    }


    /* Statement */

    .tscn-why-statement {

        margin-top: 38px;

        gap: 9px;
    }

    .tscn-why-statement-line {

        width: 30px;
    }

    .tscn-why-statement-content {

        gap: 5px;

        font-size: 7px;

        letter-spacing: 1px;
    }

    .tscn-why-statement-content i {

        font-size: 10px;
    }


    .tscn-why-wave svg {

        height: 45px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .tscn-why {

        padding-top: 50px;
    }

    .tscn-why-header h2 {

        font-size: 34px;
    }

    .tscn-why-center {

        min-height: 335px;
    }

    .tscn-why-image-wrap {

        transform:
            scale(.88);
    }

    .tscn-why-card {

        padding: 13px;
    }

    .tscn-why-card-content h3 {

        font-size: 15px;
    }

    .tscn-why-card-content p {

        font-size: 8.5px;
    }

    .tscn-why-statement-content b {

        display: none;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .tscn-why-card,
    .tscn-why-image img {

        transition: none !important;
    }
}

 

/* =========================================================
   TADIKELA SUBBAIAH COLLEGE OF NURSING
   CAMPUS EXPERIENCE
========================================================= */

.tscn-campus {

    position: relative;

    width: 100%;

    padding:
        105px
        0
        0;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #fffdf9 0%,
            #fff8ee 48%,
            #ffffff 100%
        );

    isolation: isolate;
}


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

.tscn-campus-intro {

    position: relative;

    z-index: 5;

    max-width: 800px;

    margin:
        0
        auto
        55px;

    text-align: center;
}


.tscn-campus-label {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin-bottom: 18px;

    color: #a27632;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 3px;

    text-transform: uppercase;
}


.tscn-campus-label span {

    width: 38px;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            #a7192d,
            #d5a03a
        );
}


.tscn-campus-intro h2 {

    margin: 0;

    color: #24252a;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            42px,
            4.3vw,
            62px
        );

    line-height: 1;

    letter-spacing: -1.8px;
}


.tscn-campus-intro h2 strong {

    display: block;

    color: #a7192d;

    font-weight: 700;
}


.tscn-campus-intro p {

    max-width: 690px;

    margin:
        21px
        auto
        0;

    color: #707176;

    font-size: 14px;

    line-height: 1.75;
}


/* =========================================================
   MAIN GRID
========================================================= */

.tscn-campus-grid {

    position: relative;

    z-index: 5;

    display: grid;

    grid-template-columns:
        1.02fr
        .98fr;

    gap: 24px;

    align-items: stretch;
}


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

.tscn-campus-main {

    position: relative;

    min-height: 660px;
}


.tscn-campus-image {

    position: relative;

    width: 100%;

    height: 100%;

    min-height: 660px;

    overflow: hidden;

    border-radius:
        30px
        95px
        30px
        30px;

    box-shadow:
        0 25px 65px
        rgba(65,35,20,.13);
}


.tscn-campus-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transition:
        transform .9s ease;
}


.tscn-campus-image:hover img {

    transform:
        scale(1.04);
}


.tscn-campus-image-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(20,20,20,0) 48%,
            rgba(60,15,25,.28) 100%
        );

    pointer-events: none;
}


/* =========================================================
   CAMPUS IMAGE CARD
========================================================= */

.tscn-campus-image-card {

    position: absolute;

    left: 22px;

    bottom: 22px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding:
        10px
        20px
        10px
        10px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            rgba(141,23,40,.97),
            rgba(171,36,55,.94)
        );

    border:
        1px solid
        rgba(255,255,255,.25);

    border-radius: 50px;

    box-shadow:
        0 12px 30px
        rgba(80,15,25,.22);

    z-index: 10;
}


.tscn-campus-image-icon {

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: #8d1728;

    background: #fff;

    font-size: 14px;
}


.tscn-campus-image-card strong {

    display: block;

    font-family:
        Georgia,
        serif;

    font-size: 14px;

    line-height: 1.1;
}


.tscn-campus-image-card span {

    display: block;

    margin-top: 3px;

    color: rgba(255,255,255,.75);

    font-size: 9px;
}


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

.tscn-campus-right {

    display: flex;

    flex-direction: column;

    gap: 20px;
}


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

.tscn-training-card {

    display: grid;

    grid-template-columns:
        42%
        58%;

    min-height: 315px;

    overflow: hidden;

    background:
        rgba(255,255,255,.88);

    border:
        1px solid
        rgba(141,23,40,.09);

    border-radius:
        24px
        24px
        24px
        65px;

    box-shadow:
        0 14px 40px
        rgba(65,35,20,.07);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}


.tscn-training-card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 20px 45px
        rgba(65,35,20,.10);
}


.tscn-training-image {

    min-height: 315px;

    overflow: hidden;
}


.tscn-training-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .8s ease;
}


.tscn-training-card:hover
.tscn-training-image img {

    transform:
        scale(1.05);
}


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

.tscn-training-content {

    padding:
        31px
        30px;
}


.tscn-campus-mini-label {

    display: flex;

    align-items: center;

    gap: 9px;

    color: #b07e2e;

    font-size: 8px;

    font-weight: 900;

    letter-spacing: 2px;

    text-transform: uppercase;
}


.tscn-campus-mini-label i {

    color: #a7192d;

    font-size: 14px;
}


.tscn-training-content h3 {

    margin:
        15px
        0
        12px;

    color: #25262b;

    font-family:
        Georgia,
        serif;

    font-size: 27px;

    line-height: 1.05;
}


.tscn-training-content h3 span {

    display: block;

    color: #a7192d;
}


.tscn-training-content p {

    margin: 0;

    color: #72747a;

    font-size: 10.5px;

    line-height: 1.65;
}


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

.tscn-training-content ul {

    list-style: none;

    padding: 0;

    margin:
        15px
        0
        0;
}


.tscn-training-content li {

    display: flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 8px;

    color: #62646a;

    font-size: 9px;
}


.tscn-training-content li i {

    color: #b98735;

    font-size: 10px;
}


/* =========================================================
   HOSPITAL CARD
========================================================= */

.tscn-hospital-card {

    position: relative;

    display: grid;

    grid-template-columns:
        1fr
        43%;

    min-height: 325px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #fffaf1,
            #ffffff
        );

    border:
        1px solid
        rgba(193,145,50,.16);

    border-radius:
        65px
        24px
        24px
        24px;

    box-shadow:
        0 14px 40px
        rgba(65,35,20,.06);
}


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

.tscn-hospital-content {

    padding:
        28px
        20px
        25px
        31px;
}


.tscn-hospital-content h3 {

    margin:
        13px
        0
        10px;

    color: #292a2e;

    font-family:
        Georgia,
        serif;

    font-size: 24px;

    line-height: 1.05;
}


.tscn-hospital-content h3 span {

    display: block;

    color: #a7192d;
}


.tscn-hospital-content p {

    max-width: 390px;

    margin: 0;

    color: #73757a;

    font-size: 10px;

    line-height: 1.65;
}


/* =========================================================
   HOSPITAL BUTTON
========================================================= */

.tscn-hospital-link {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    margin-top: 17px;

    padding:
        9px
        8px
        9px
        17px;

    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            #8d1728,
            #ac2539
        );

    border-radius: 50px;

    text-decoration: none !important;

    font-size: 9px;

    font-weight: 800;

    box-shadow:
        0 8px 18px
        rgba(141,23,40,.15);

    transition:
        transform .3s ease;
}


.tscn-hospital-link i {

    width: 25px;

    height: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: #8d1728;

    background: #fff;
}


.tscn-hospital-link:hover {

    color: #fff !important;

    transform:
        translateY(-3px);
}


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

.tscn-hospital-image {

    min-height: 325px;

    overflow: hidden;

    border-radius:
        0
        24px
        24px
        0;
}


.tscn-hospital-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .8s ease;
}


.tscn-hospital-card:hover
.tscn-hospital-image img {

    transform:
        scale(1.05);
}


/* =========================================================
   HOSPITAL POINTS
========================================================= */

.tscn-hospital-points {

    position: absolute;

    right: 15px;

    top: 18px;

    display: flex;

    flex-direction: column;

    gap: 7px;

    z-index: 10;
}


.tscn-hospital-points > div {

    display: flex;

    align-items: center;

    gap: 7px;

    min-width: 125px;

    padding:
        7px
        9px;

    background:
        rgba(255,255,255,.94);

    border:
        1px solid
        rgba(141,23,40,.06);

    border-radius: 30px;

    box-shadow:
        0 5px 15px
        rgba(60,30,20,.08);

    backdrop-filter:
        blur(8px);
}


.tscn-hospital-points i {

    width: 27px;

    height: 27px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: #a7192d;

    background: #fff5eb;

    font-size: 10px;
}


.tscn-hospital-points span {

    color: #6d6e73;

    font-size: 7px;

    line-height: 1.25;
}


.tscn-hospital-points b {

    color: #292a2e;

    font-size: 8px;
}


/* =========================================================
   FACILITIES
========================================================= */

.tscn-campus-facilities {

    position: relative;

    z-index: 5;

    display: grid;

    grid-template-columns:
        repeat(5, 1fr);

    margin-top: 28px;

    padding:
        26px
        0;

    background:
        rgba(255,255,255,.72);

    border-top:
        1px solid
        rgba(141,23,40,.07);

    border-bottom:
        1px solid
        rgba(141,23,40,.07);
}


.tscn-facility {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    padding:
        5px
        20px;

    border-right:
        1px solid
        rgba(141,23,40,.08);
}


.tscn-facility:last-child {

    border-right: none;
}


.tscn-facility-icon {

    width: 48px;

    height: 48px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: #a7192d;

    background: #fff;

    border:
        1px solid
        rgba(193,145,50,.28);

    box-shadow:
        0 5px 15px
        rgba(60,30,20,.06);

    font-size: 14px;
}


.tscn-facility h4 {

    margin:
        0
        0
        4px;

    color: #292a2e;

    font-family:
        Georgia,
        serif;

    font-size: 13px;
}


.tscn-facility p {

    margin: 0;

    color: #85868a;

    font-size: 8px;

    line-height: 1.45;
}


/* =========================================================
   MAROON BAND
========================================================= */

.tscn-campus-band {

    position: relative;

    z-index: 5;

    margin-top: 30px;

    padding:
        28px
        0;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #7d1325,
            #a7192d 55%,
            #861627
        );
}


.tscn-campus-band::before {

    content: "";

    position: absolute;

    inset: 0;

    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(255,255,255,.08),
            transparent 28%
        ),
        radial-gradient(
            circle at 80% 70%,
            rgba(211,165,76,.10),
            transparent 30%
        );

    pointer-events: none;
}


.tscn-campus-stats {

    position: relative;

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    z-index: 2;
}


.tscn-campus-stat {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 13px;

    padding:
        5px
        20px;

    border-right:
        1px solid
        rgba(255,255,255,.16);
}


.tscn-campus-stat:last-child {

    border-right: none;
}


.tscn-campus-stat > i {

    color: #f1d28a;

    font-size: 24px;
}


.tscn-campus-stat strong {

    display: block;

    color: #fff;

    font-family:
        Georgia,
        serif;

    font-size: 14px;
}


.tscn-campus-stat span {

    display: block;

    margin-top: 3px;

    color:
        rgba(255,255,255,.68);

    font-size: 8px;
}


/* =========================================================
   DECORATIVE ORBITS
========================================================= */

.tscn-campus-orbit {

    position: absolute;

    border:
        1px solid
        rgba(193,145,50,.10);

    border-radius: 50%;

    pointer-events: none;

    z-index: 0;
}


.tscn-campus-orbit-1 {

    width: 500px;

    height: 500px;

    left: -320px;

    top: 170px;
}


.tscn-campus-orbit-2 {

    width: 330px;

    height: 330px;

    right: -200px;

    bottom: 250px;

    border-color:
        rgba(141,23,40,.07);
}


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

.tscn-campus-wave {

    position: relative;

    width: 100%;

    line-height: 0;

    z-index: 30;
}


.tscn-campus-wave svg {

    display: block;

    width: 100%;

    height: 60px;
}


.tscn-campus-wave path {

    fill: #fff;
}


/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1199px) {

    .tscn-campus {

        padding-top: 90px;
    }

    .tscn-campus-grid {

        gap: 18px;
    }

    .tscn-campus-main,
    .tscn-campus-image {

        min-height: 610px;
    }

    .tscn-training-card {

        grid-template-columns:
            38%
            62%;
    }

    .tscn-training-content {

        padding: 25px;
    }

    .tscn-training-content h3 {

        font-size: 23px;
    }

    .tscn-hospital-content {

        padding-left: 25px;
    }

    .tscn-facility {

        padding:
            5px
            10px;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .tscn-campus {

        padding-top: 75px;
    }

    .tscn-campus-grid {

        grid-template-columns:
            1fr;
    }

    .tscn-campus-main,
    .tscn-campus-image {

        min-height: 470px;
    }

    .tscn-training-card {

        grid-template-columns:
            40%
            60%;
    }

    .tscn-campus-facilities {

        grid-template-columns:
            repeat(3, 1fr);

        row-gap: 22px;
    }

    .tscn-facility:nth-child(3) {

        border-right: none;
    }

    .tscn-campus-stats {

        grid-template-columns:
            repeat(2, 1fr);

        row-gap: 20px;
    }

    .tscn-campus-stat:nth-child(2) {

        border-right: none;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .tscn-campus {

        padding-top: 60px;
    }

    .tscn-campus-intro {

        margin-bottom: 38px;
    }

    .tscn-campus-label {

        font-size: 8px;

        letter-spacing: 2px;

        gap: 8px;
    }

    .tscn-campus-label span {

        width: 25px;
    }

    .tscn-campus-intro h2 {

        font-size:
            clamp(
                36px,
                10vw,
                48px
            );

        letter-spacing: -1px;
    }

    .tscn-campus-intro p {

        padding:
            0 10px;

        font-size: 12px;
    }


    /* Campus */

    .tscn-campus-main,
    .tscn-campus-image {

        min-height: 350px;
    }

    .tscn-campus-image {

        border-radius:
            22px
            65px
            22px
            22px;
    }

    .tscn-campus-image-card {

        left: 12px;

        bottom: 12px;

        padding:
            7px
            13px
            7px
            7px;
    }

    .tscn-campus-image-icon {

        width: 36px;

        height: 36px;

        font-size: 11px;
    }

    .tscn-campus-image-card strong {

        font-size: 11px;
    }

    .tscn-campus-image-card span {

        font-size: 7px;
    }


    /* Training */

    .tscn-training-card {

        grid-template-columns:
            1fr;

        min-height: auto;

        border-radius:
            20px
            20px
            20px
            50px;
    }

    .tscn-training-image {

        min-height: 230px;

        max-height: 250px;
    }

    .tscn-training-content {

        padding:
            23px
            20px
            27px;
    }

    .tscn-training-content h3 {

        font-size: 23px;
    }


    /* Hospital */

    .tscn-hospital-card {

        grid-template-columns:
            1fr;

        min-height: auto;

        border-radius:
            50px
            20px
            20px
            20px;
    }

    .tscn-hospital-image {

        order: -1;

        min-height: 235px;

        border-radius:
            0
            20px
            0
            0;
    }

    .tscn-hospital-content {

        padding:
            25px
            20px
            28px;
    }

    .tscn-hospital-content h3 {

        font-size: 22px;
    }

    .tscn-hospital-points {

        position: absolute;

        top: 12px;

        right: 10px;

        gap: 5px;
    }

    .tscn-hospital-points > div {

        min-width: 105px;

        padding: 5px 7px;
    }

    .tscn-hospital-points i {

        width: 23px;

        height: 23px;
    }


    /* Facilities */

    .tscn-campus-facilities {

        grid-template-columns:
            1fr 1fr;

        margin-top: 18px;

        padding:
            15px
            0;
    }

    .tscn-facility {

        justify-content: flex-start;

        padding:
            10px;

        border-right: none;

        border-bottom:
            1px solid
            rgba(141,23,40,.07);
    }

    .tscn-facility:nth-last-child(-n+1) {

        border-bottom: none;
    }

    .tscn-facility-icon {

        width: 38px;

        height: 38px;

        font-size: 11px;
    }

    .tscn-facility h4 {

        font-size: 10px;
    }

    .tscn-facility p {

        font-size: 7px;
    }


    /* Band */

    .tscn-campus-band {

        margin-top: 18px;

        padding:
            24px
            0;
    }

    .tscn-campus-stats {

        grid-template-columns:
            1fr 1fr;

        row-gap: 22px;
    }

    .tscn-campus-stat {

        justify-content: flex-start;

        padding:
            4px
            10px;

        border-right: none;
    }

    .tscn-campus-stat > i {

        font-size: 19px;
    }

    .tscn-campus-stat strong {

        font-size: 11px;
    }

    .tscn-campus-stat span {

        font-size: 7px;
    }

    .tscn-campus-wave svg {

        height: 45px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .tscn-campus {

        padding-top: 50px;
    }

    .tscn-campus-intro h2 {

        font-size: 34px;
    }

    .tscn-campus-main,
    .tscn-campus-image {

        min-height: 300px;
    }

    .tscn-training-image {

        min-height: 210px;
    }

    .tscn-hospital-image {

        min-height: 210px;
    }

    .tscn-hospital-points {

        display: none;
    }

    .tscn-campus-facilities {

        grid-template-columns:
            1fr;
    }

    .tscn-facility {

        border-bottom:
            1px solid
            rgba(141,23,40,.07);
    }

    .tscn-campus-stats {

        grid-template-columns:
            1fr;
    }

    .tscn-campus-stat {

        border-bottom:
            1px solid
            rgba(255,255,255,.10);

        padding-bottom: 12px;
    }

    .tscn-campus-stat:last-child {

        border-bottom: none;
    }
}

 
/* =========================================================
   TSCN FINAL CTA + STATISTICS
========================================================= */

.tscn-final {

    position: relative;

    width: 100%;

    padding:
        105px
        0
        115px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #fffaf1 0%,
            #ffffff 48%,
            #fff8ed 100%
        );

    isolation: isolate;
}


/* =========================================================
   BACKGROUND GLOW
========================================================= */

.tscn-final-glow {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    z-index: 0;
}


.tscn-final-glow-1 {

    width: 550px;

    height: 550px;

    left: -390px;

    top: 80px;

    border:
        1px solid
        rgba(167,25,45,.08);
}


.tscn-final-glow-2 {

    width: 430px;

    height: 430px;

    right: -300px;

    bottom: 80px;

    border:
        1px solid
        rgba(193,145,50,.12);
}


/* =========================================================
   MAIN CTA
========================================================= */

.tscn-final-cta {

    position: relative;

    z-index: 5;

    min-height: 400px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 40px;

    padding:
        65px
        70px;

    overflow: hidden;

    border-radius:
        34px
        100px
        34px
        34px;

    background:
        linear-gradient(
            120deg,
            #7e1427 0%,
            #971a30 55%,
            #801326 100%
        );

    box-shadow:
        0 28px 65px
        rgba(88,20,32,.16);
}


/* subtle pattern */

.tscn-final-cta::before {

    content: "";

    position: absolute;

    width: 450px;

    height: 450px;

    right: 80px;

    top: -250px;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius: 50%;
}


.tscn-final-cta::after {

    content: "";

    position: absolute;

    width: 300px;

    height: 300px;

    right: -100px;

    bottom: -180px;

    border:
        1px solid
        rgba(219,177,91,.18);

    border-radius: 50%;
}


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

.tscn-final-content {

    position: relative;

    z-index: 5;

    max-width: 700px;
}


.tscn-final-label {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 18px;

    color: #e8c982;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 3px;

    text-transform: uppercase;
}


.tscn-final-label span {

    width: 35px;

    height: 1px;

    background:
        #e8c982;
}


.tscn-final-content h2 {

    margin: 0;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            40px,
            4.5vw,
            64px
        );

    line-height: 1.02;

    letter-spacing: -1.8px;
}


.tscn-final-content h2 strong {

    display: block;

    color: #e5c273;

    font-weight: 700;
}


.tscn-final-content p {

    max-width: 630px;

    margin:
        22px
        0
        0;

    color:
        rgba(255,255,255,.72);

    font-size: 13px;

    line-height: 1.75;
}


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

.tscn-final-actions {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 28px;
}


.tscn-final-btn {

    display: inline-flex;

    align-items: center;

    gap: 14px;

    min-height: 48px;

    padding:
        0
        8px
        0
        21px;

    border-radius: 50px;

    text-decoration: none !important;

    font-size: 10px;

    font-weight: 800;

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


.tscn-final-btn i {

    width: 31px;

    height: 31px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;
}


.tscn-final-btn-primary {

    color: #851526 !important;

    background: #fff;

    box-shadow:
        0 8px 22px
        rgba(0,0,0,.12);
}


.tscn-final-btn-primary i {

    color: #fff;

    background: #a7192d;
}


.tscn-final-btn-outline {

    color: #fff !important;

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


.tscn-final-btn-outline i {

    color: #e8c982;

    background:
        rgba(255,255,255,.10);
}


.tscn-final-btn:hover {

    transform:
        translateY(-3px);
}


/* =========================================================
   DECORATIVE VISUAL
========================================================= */

.tscn-final-visual {

    position: relative;

    width: 280px;

    height: 280px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 5;
}


.tscn-final-circle {

    position: absolute;

    width: 250px;

    height: 250px;

    border:
        1px solid
        rgba(235,202,132,.45);

    border-radius: 50%;
}


.tscn-final-circle::before {

    content: "";

    position: absolute;

    inset: 14px;

    border:
        1px dashed
        rgba(255,255,255,.20);

    border-radius: 50%;
}


.tscn-final-inner-circle {

    position: relative;

    width: 170px;

    height: 170px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    text-align: center;

    color: #fff;

    border:
        1px solid
        rgba(255,255,255,.22);

    border-radius: 50%;

    background:
        rgba(255,255,255,.07);

    backdrop-filter:
        blur(8px);

    box-shadow:
        0 20px 40px
        rgba(0,0,0,.10);
}


.tscn-final-inner-circle i {

    margin-bottom: 9px;

    color: #e7c77f;

    font-size: 27px;
}


.tscn-final-inner-circle span {

    font-family:
        Georgia,
        serif;

    font-size: 17px;

    font-weight: 700;

    letter-spacing: 2px;
}


.tscn-final-inner-circle small {

    margin-top: 7px;

    color:
        rgba(255,255,255,.62);

    font-size: 6px;

    letter-spacing: 1.2px;
}


/* =========================================================
   ORBIT DOT
========================================================= */

.tscn-final-orbit-dot {

    position: absolute;

    top: 23px;

    right: 24px;

    width: 13px;

    height: 13px;

    border-radius: 50%;

    background: #e5c273;

    box-shadow:
        0 0 0 6px
        rgba(229,194,115,.10);
}


/* =========================================================
   STATISTICS
========================================================= */

.tscn-final-stats {

    position: relative;

    z-index: 10;

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    margin:
        -35px
        55px
        0;

    padding:
        25px
        12px;

    background:
        rgba(255,255,255,.96);

    border:
        1px solid
        rgba(193,145,50,.18);

    border-radius: 24px;

    box-shadow:
        0 18px 45px
        rgba(70,35,20,.10);

    backdrop-filter:
        blur(12px);
}


/* =========================================================
   STAT ITEM
========================================================= */

.tscn-final-stat {

    display: flex;

    align-items: center;

    gap: 14px;

    padding:
        6px
        22px;

    border-right:
        1px solid
        rgba(141,23,40,.10);
}


.tscn-final-stat:last-child {

    border-right: none;
}


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

.tscn-final-stat-icon {

    width: 52px;

    height: 52px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #8c1728,
            #ae263b
        );

    border:
        4px solid
        #fff5e8;

    box-shadow:
        0 6px 18px
        rgba(141,23,40,.15);

    font-size: 15px;
}


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

.tscn-final-stat-number {

    flex-shrink: 0;
}


.tscn-final-stat-number strong {

    display: block;

    color: #8d1728;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 30px;

    line-height: .95;
}


.tscn-final-stat-number span {

    display: block;

    margin-top: 5px;

    color: #999;

    font-size: 7px;

    font-weight: 900;

    letter-spacing: 1.5px;
}


/* =========================================================
   STAT INFO
========================================================= */

.tscn-final-stat-info {

    padding-left: 12px;

    border-left:
        1px solid
        rgba(141,23,40,.08);
}


.tscn-final-stat-info small {

    display: block;

    color: #b07e2e;

    font-size: 7px;

    font-weight: 900;

    letter-spacing: 1.3px;
}


.tscn-final-stat-info p {

    max-width: 95px;

    margin:
        4px
        0
        0;

    color: #85868a;

    font-size: 7.5px;

    line-height: 1.4;
}


/* =========================================================
   FINAL MESSAGE
========================================================= */

.tscn-final-message {

    position: relative;

    z-index: 5;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    margin-top: 55px;
}


.tscn-final-message > div {

    display: flex;

    align-items: center;

    gap: 9px;

    color: #8d1728;

    font-size: 8px;

    font-weight: 900;

    letter-spacing: 2px;
}


.tscn-final-message i {

    color: #b98735;

    font-size: 12px;
}


.tscn-final-message b {

    color: #c49a4b;

    font-weight: 400;
}


.tscn-final-line {

    width: 90px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(193,145,50,.55)
        );
}


.tscn-final-line:last-child {

    background:
        linear-gradient(
            90deg,
            rgba(193,145,50,.55),
            transparent
        );
}


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

.tscn-final-wave {

    position: absolute;

    left: 0;

    right: 0;

    bottom: -1px;

    width: 100%;

    line-height: 0;

    z-index: 20;
}


.tscn-final-wave svg {

    display: block;

    width: 100%;

    height: 65px;
}


.tscn-final-wave path {

    fill: #fff;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .tscn-final {

        padding:
            90px
            0
            105px;
    }

    .tscn-final-cta {

        padding:
            55px
            50px;
    }

    .tscn-final-stat {

        padding:
            6px
            12px;

        gap: 10px;
    }

    .tscn-final-stat-info {

        display: none;
    }

    .tscn-final-stat-number strong {

        font-size: 27px;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .tscn-final {

        padding:
            75px
            0
            95px;
    }

    .tscn-final-cta {

        min-height: 360px;

        padding:
            50px
            45px;
    }

    .tscn-final-visual {

        width: 220px;

        height: 220px;
    }

    .tscn-final-circle {

        width: 200px;

        height: 200px;
    }

    .tscn-final-inner-circle {

        width: 145px;

        height: 145px;
    }

    .tscn-final-stats {

        margin:
            -28px
            25px
            0;
    }

    .tscn-final-stat {

        justify-content: center;

        border-right: none;

        padding:
            8px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .tscn-final {

        padding:
            60px
            0
            85px;
    }


    /* CTA */

    .tscn-final-cta {

        display: block;

        min-height: auto;

        padding:
            45px
            25px
            30px;

        border-radius:
            25px
            65px
            25px
            25px;

        text-align: center;
    }


    .tscn-final-content {

        max-width: none;
    }


    .tscn-final-label {

        justify-content: center;

        font-size: 7px;

        letter-spacing: 2px;
    }


    .tscn-final-label span {

        width: 22px;
    }


    .tscn-final-content h2 {

        font-size:
            clamp(
                36px,
                10vw,
                48px
            );

        letter-spacing: -1px;
    }


    .tscn-final-content p {

        margin-top: 18px;

        font-size: 11px;

        line-height: 1.65;
    }


    .tscn-final-actions {

        justify-content: center;

        flex-direction: column;

        align-items: center;
    }


    .tscn-final-btn {

        width: 100%;

        max-width: 280px;

        justify-content: space-between;
    }


    /* Visual */

    .tscn-final-visual {

        width: 210px;

        height: 210px;

        margin:
            30px
            auto
            0;
    }


    .tscn-final-circle {

        width: 190px;

        height: 190px;
    }


    .tscn-final-inner-circle {

        width: 135px;

        height: 135px;
    }


    .tscn-final-inner-circle i {

        font-size: 22px;
    }


    .tscn-final-inner-circle span {

        font-size: 14px;
    }


    /* Stats */

    .tscn-final-stats {

        grid-template-columns:
            1fr 1fr;

        margin:
            -22px
            10px
            0;

        padding:
            18px
            8px;

        border-radius: 18px;
    }


    .tscn-final-stat {

        justify-content: flex-start;

        padding:
            12px
            8px;

        gap: 9px;
    }


    .tscn-final-stat:nth-child(1),
    .tscn-final-stat:nth-child(2) {

        border-bottom:
            1px solid
            rgba(141,23,40,.08);
    }


    .tscn-final-stat-icon {

        width: 39px;

        height: 39px;

        border-width: 3px;

        font-size: 11px;
    }


    .tscn-final-stat-number strong {

        font-size: 23px;
    }


    .tscn-final-stat-number span {

        font-size: 6px;

        letter-spacing: 1px;
    }


    /* Message */

    .tscn-final-message {

        margin-top: 38px;

        gap: 8px;
    }


    .tscn-final-message > div {

        gap: 5px;

        font-size: 6px;

        letter-spacing: 1px;
    }


    .tscn-final-line {

        width: 28px;
    }


    .tscn-final-wave svg {

        height: 45px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .tscn-final {

        padding-top: 50px;
    }


    .tscn-final-cta {

        padding:
            40px
            18px
            25px;
    }


    .tscn-final-content h2 {

        font-size: 34px;
    }


    .tscn-final-stats {

        margin-left: 5px;

        margin-right: 5px;
    }


    .tscn-final-stat {

        padding:
            10px
            4px;
    }


    .tscn-final-stat-icon {

        width: 34px;

        height: 34px;

        font-size: 9px;
    }


    .tscn-final-stat-number strong {

        font-size: 20px;
    }


    .tscn-final-stat-number span {

        font-size: 5px;
    }


    .tscn-final-message > div b {

        display: none;
    }
}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .tscn-final-btn {

        transition: none !important;
    }
}


 
/* =========================================================
   HERO → NEXT SECTION PREMIUM TRANSITION
========================================================= */

.tscn-section-transition {

    position: relative;

    width: 100%;

    height: 72px;

    margin: 0;

    background:
        linear-gradient(
            180deg,
            #fff 0%,
            #fffaf3 48%,
            #fff7ec 100%
        );

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 10;
}


/* =========================================================
   SOFT CURVE
========================================================= */

.tscn-transition-curve {

    position: absolute;

    left: -5%;

    top: -35px;

    width: 110%;

    height: 80px;

    border-radius: 50%;

    border-top:
        1px solid
        rgba(194,150,62,.22);

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.95),
            rgba(255,248,237,.7)
        );

    box-shadow:
        0 -5px 20px
        rgba(140,90,30,.035);
}


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

.tscn-transition-center {

    position: relative;

    z-index: 5;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 13px;
}


/* =========================================================
   GOLD LINES
========================================================= */

.tscn-transition-line {

    width: 65px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #d2a14b
        );
}


.tscn-transition-line:last-child {

    background:
        linear-gradient(
            90deg,
            #d2a14b,
            transparent
        );
}


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

.tscn-transition-symbol {

    width: 32px;

    height: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #8d1728,
            #b98935
        );

    border:
        3px solid
        #fffaf3;

    box-shadow:
        0 4px 15px
        rgba(141,23,40,.12);

    font-size: 10px;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .tscn-section-transition {

        height: 52px;
    }

    .tscn-transition-curve {

        top: -25px;

        height: 60px;
    }

    .tscn-transition-line {

        width: 30px;
    }

    .tscn-transition-center {

        gap: 8px;
    }

    .tscn-transition-symbol {

        width: 27px;

        height: 27px;

        font-size: 9px;
    }
}