.highSchoolStartup.latesthssl.new {
    .participationRight {
        align-items: center !important;
    }
}

.ApplyNow.hssl-brochure {

    top: 40px;

    .popupContainer {
        max-height: 80vh;
    }

    .PopupformWrapper {
        align-items: flex-start;
    }

}

.highSchoolStartup.latesthssl {
    .hplay {
        cursor: pointer;
    }

    .highPreviousWrapper {
        flex-direction: column;
    }

    .highPreviousWrapper .mastersRoaster {
        max-width: 100%;
        display: flex;
        justify-content: space-between;
        gap: 20px;
        align-items: center;
    }

    .highPreviousYrHighlights .nav-arrow {
        margin-top: 0;
        gap: 12px;
    }

    .highSchoolPreviousSliderWrap {
        max-width: 100%;
    }


    .reachoutBreatherSection {
        background: linear-gradient(96deg, #39B5D7 -31.01%, #F7D544 49.05%, #E38330 109.58%);
        padding: 60px 0 !important;

        .reachoutBreatherWrapper {
            display: flex;
            gap: 28px;
            align-items: stretch;
        }

        .reachoutLefti {
            width: 100%;
            max-width: 57.1%;
            border-radius: 16px;
            background: var(--white);
            padding: 48px;
            display: flex;
            flex-direction: column;
            gap: 40px;
            align-items: flex-start;
            max-height: 267px;
            overflow: hidden;
        }

        .go-BreatherHeading {
            border-bottom: 2px solid var(--grey4);
            padding-bottom: 8px;
            width: 100%;
        }

        .reachoutRight {
            width: 100%;
            max-width: 39.6%;
            overflow: hidden;
        }

        .supportInfoWrapper {
            display: flex;
            gap: 32px;
            align-items: flex-start;
        }

        .supportDivi {
            display: flex;
            gap: 10px;
            align-items: flex-start;
        }

        .supportDivi>img {
            max-width: 40px;
            max-height: 40px;
        }

        .supportMailDivi {
            display: flex;
            gap: 5px;
            align-items: flex-start;
            flex-direction: column;
        }

        .supportBoxiText {
            font-size: 16px;
            font-style: italic;
            font-weight: 400;
            line-height: 120%;
            font-family: "fraunces", serif;
            color: var(--grey);
        }

        .supportcontentText {
            font-size: 16px;
            line-height: 120%;
            font-family: var(--go-medium);
            color: var(--grey17);
        }
    }

    .participationRight ul li img {
        filter: grayscale(1);
    }

    .hsslParticipation {
        padding: 80px 0;

        .missionFlex {
            margin: 0;
            gap: 0px;
        }

        .participationRight,
        .missionCenter {
            max-width: 395px;
            width: 100%;
        }

        .missionLeft {
            max-width: 345px;

        }

    }

    .highSchool {
        max-width: 13%;
    }

    .heroSection {
        position: relative;
        line-height: 0;
        z-index: 9;
        padding: 80px 0 0;
        overflow: hidden;
        min-height: 80vh;
        background: #020202;

        ul {
            list-style: disc;
            display: flex;
            gap: 40px;
            align-items: center;
            margin-top: 24px;

            li {
                color: var(--white3);
                font: 16px 'go-medium';
                line-height: 150%;
            }
        }


        .heroSectionContent .go-HeroSubtitle {
            color: var(--white);
        }

        .heroSectionContent {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%, -30%);
            display: flex;
            align-items: center;
            flex-direction: column;
            text-align: center;
            width: 100%;
        }

        .go-HeroSubtitle {
            margin-top: 16px;

            .textHighlight {
                color: var(--white);
            }
        }

        .heroSectionBtnWrap {
            display: flex;
            gap: 16px;
            align-items: center;
            margin-top: 32px;
        }


    }

    .highDescp {
        background: var(--black);
        display: flex;
        padding: 0;
        justify-content: space-between;

        .highDescpWrapper {
            padding-left: 10.1%;
            padding-block: 80px;
            width: 48%;
        }

        .mob-hide {
            width: 40%;
        }


    }

    .hGreyTag p {
        color: var(--grey4) !important;
        text-transform: uppercase;
    }

    .highXtraMargin {
        margin-top: 10px !important;
    }

    .highCardLiWrap {
        min-height: 144px;
    }

    .hSchoolBg p:first-child {
        line-height: 150%;
        color: var(--grey10);
        font-size: 16px;
        font-weight: 400;
    }

    .hSchoolBg p:last-child {
        font-family: "fraunces", serif;
        font-size: 60px;
        font-style: italic;
        font-weight: 400;
        line-height: 120%;
        background: linear-gradient(280deg, #F7D344 9.39%, #E38330 101.03%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        padding-right: 5px;


        span {
            font-size: 50px;
        }
    }

    .hSchoolBg {
        padding-block: 0;
        flex-direction: column-reverse;
        height: unset;
    }

    .skyRocket {
        background: var(--black);
        border-bottom: 1px solid var(--black5);
    }

    .skyWrapper {
        display: flex;
        gap: 80px;
        align-items: flex-end;
    }

    .inputBox {
        margin-top: 6px;
        padding: 10px 12px;
    }

    .registerForm .form {
        margin-top: 20px;
    }


    .skyLeft {
        display: flex;
        flex-direction: column;
        gap: 40px;
        width: 100%;
        max-width: 50%;

        img {
            height: 100%;
        }
    }

    .skyright {
        max-width: 46%;
        width: 100%;
    }


    .skyHeadWrapper {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .skySubHead {
        font-size: 18px;
        font-family: var(--go-regular);
        line-height: 150%;
        color: var(--grey18);
    }

    .phone-input-container {
        display: flex;
        border: 1px solid #ddd;
        border-radius: 6px;
        overflow: hidden;
        background: white;
        transition: border-color 0.2s ease;
        margin-top: 8px;
    }

    .country-code-select {
        background: var(--white);
        border: none;
        padding: 12px 16px;
        font-size: 14px;
        font-weight: 400;
        color: #333;
        cursor: pointer;
        border-right: 1px solid #ddd;
        outline: none;
        max-width: fit-content;
    }

    .phone-input {
        flex: 1;
        border: none;
        padding: 12px 16px;
        font-size: 16px;
        font-weight: 500;
        color: #333;
        outline: none;
        background: white;
    }

    .phone-input-container:focus-within,
    .phone-input-container:hover,
    .input:focus-within {
        background: linear-gradient(var(--white) 0 0) padding-box,
            var(--gradient) border-box;
        border: 1px solid transparent;
    }

}


/*  ugAchivers */
.achieversForm.techDsaiHomePage.dsaiRedesign.aiHackathon {


    .heroWrapperHeadingDiv.new {
        max-width: 50% !important;
    }

    .techHeroSection {
        padding-top: 80px !important;
    }
}

.achieversForm {

    .form {
        margin-top: 24px !important;
    }

    .techHeroSection {
        border-bottom: 1px solid var(--grey3);
        padding: unset !important;
    }

    .techHeroSectionWrapper {
        position: relative;
    }

    .achieversPageHeading {
        font-size: 60px;
        color: var(--white);
        font-style: italic;
        font-family: "Fraunces", serif;
        line-height: 120%;
        font-weight: 400;
    }

    .achieversSubHeading {
        font-size: 16px;
        line-height: 150%;
        color: var(--white);
        font-family: var(--go-regular);
    }

    .achieversSubHeading {
        text-align: center;
    }

    .subHeadBold {
        font-size: 18px;
        font-family: var(--go-semibold);
    }

    .achieverRegister {
        background: url(https://images.mastersunion.link/uploads/17072025/v1/Frame13213179071.webp);
        padding: 80px 0px;
        background-size: cover;
        background-repeat: no-repeat;

        .registerForm {
            padding: 32px;

        }

        .whitebigform {
            background: unset;
        }

        .orText {
            margin-top: 6px;
            font-size: 12px;
            color: var(--grey15);
            line-height: 150%;
            font-family: var(--go-regular);
            align-self: center;
        }
    }

}

.ugAchivers {
    /* heroSection */


    .ugAchiversHero {
        position: relative;
        background: url("https://images.mastersunion.link/uploads/03072025/v1/P1095742.webp");
        /* background: url("https://images.mastersunion.link/uploads/01072025/v1/herosection3.webp"); */
        padding-bottom: 0;
        line-height: 0;
        min-height: 100vh;
        overflow: hidden;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 48px;

        .heroP {
            color: white;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 136px;
            font-weight: 500;
            font-size: 24px;
            font-family: var(--go-regular);
            line-height: 120%;
            color: #ffffff;
        }

        .aboveImg {
            position: absolute;
            bottom: -86px;
            left: 0%;
            z-index: 2;
            width: 100%;
            /* top: -60px; */
        }

        /* onScroll css */
        .heroMovingTextimg {
            transition: transform 0.3s ease-out;
        }

        .bgHeroImg {
            top: 166px;
            position: absolute;
            right: 0px;
            /* right: 197px; */
            width: 100%;
            scale: 1.05;
        }

        /* .bgHeroImg {
    right: -160px;
  } */
        .aboveImg img {
            width: 100%;
        }

        /* end of onScroll css */
        .marquee3 {
            margin-top: 40px;
        }

        .lensBoxi {
            background: none;
            padding: 10px 10px 17px 10px;
            display: flex;
            flex-direction: column;
            gap: 8px;
            max-width: 100%;
        }
    }

    /*  neicheNetwork */
    .nicheNetwork {

        /* fonts  */
        .nicheBold {
            font-weight: 600;
            font-size: 30px;
            line-height: 150%;
            color: rgba(9, 9, 9, 1);
        }

        .nicheTXT {
            font-weight: 400;
            font-size: 30px;
            line-height: 150%;
        }

        .nicheTxtItalic {
            font-size: 34px;
            font-family: "fraunces", serif;
            line-height: 120%;
            font-weight: 400;
            font-style: italic;
        }

        .nicheNetworkWrapper {
            position: relative;
            display: flex;
            justify-content: center;
            flex-direction: column;
            gap: 12px;
            align-items: center;
        }

        .leftcard {
            position: absolute;
            left: 14px;
            z-index: -1;
            top: 200px;
            max-width: 200px;
            transform: translateY(0);
            transition: transform 0.2s ease;

        }

        .rightcard {
            position: absolute;
            right: 14px;
            z-index: -1;
            top: 180px;
            max-width: 200px;
            transform: translateY(0);
            transform: translateX(0);
            transition: transform 0.2s ease;
        }

        .btnBlack {
            max-width: 250px;
            width: 100%;

        }

        .nicheNetworkContentWrapper {
            display: flex;
            flex-direction: column;
            gap: 60px;
            align-items: center;
        }

        .nicheNetworkContent {
            max-width: 864px;
            text-align: center;
            display: flex;
            flex-direction: column;
            gap: 12px;
            align-items: center;
        }

        .line {
            width: 100%;
            max-width: 620px;
            height: 1px;
            background-color: rgba(229, 229, 229, 1);
        }

        .flexList {
            display: flex;
            gap: 12px;
            list-style: none;
            /* Remove default bullets */
            padding-left: 0;
            margin: 0;
        }

        .flexList li {
            position: relative;
            padding-left: 1em;
            /* Space for the custom bullet */
            font-size: 24px;
            font-weight: 500;
            line-height: 120%;
            color: rgba(9, 9, 9, 1);
        }

        .flexList li::before {
            content: "•";
            position: absolute;
            left: 0;
            top: 0;
            color: black;
            font-size: 1.2em;
            line-height: 1;
        }
    }

    /* end of neicheNetwork */

    /* startups */
    .startups {
        background-color: var(--white3);
        /* bottom border */
        /* border-bottom: 6px solid; */
        border-image-source: linear-gradient(91.25deg,
                #39b5d7 1.8%,
                #f7d544 50.99%,
                #e38330 99.75%);
        border-image-slice: 1;
        border-image-repeat: stretch;

        .marqueeHeading {
            text-align: center;
            font-size: 30px;
            font-weight: 400;
            line-height: 100%;
        }

        .f34 {
            font-size: 34px;
            font-weight: 400;
            line-height: 100%;
        }

        .lensBoxi {
            width: 100%;
            max-width: 200px;
            border-radius: 12px;
            border: 1px solid var(--grey16);
            padding: unset;
        }
    }

    /* end of startups */
    .vertical-text.two {
        bottom: 67px !important;
    }

    .vertical-text.three {
        bottom: 46px !important;
    }

    /*  COMPONENT GET GOING  */
    .getGoing {
        /* background-color: #090909; */

        .getGoingWrapper {
            /* background: url("https://images.mastersunion.link/uploads/03072025/v1/Vector1351.svg"); */

            display: flex;
            flex-direction: column;
            gap: 40px;
            background-color: rgb(255, 255, 255);
            border-radius: 24px;
        }

        .getGoingUpper {
            display: flex;
            justify-content: space-between;
            align-items: end;
        }

        .getGoingLeft {
            max-width: 58%;
        }

        .getGoingContent {
            display: flex;
            gap: 20px;
            padding: 40px;
            border-radius: 24px;
            background-color: black;
        }

        .getGoingCard {
            max-width: 570px;
            width: 100%;
            border: 1px solid #404040;
            border-radius: 24px;
            overflow: hidden;
        }

        .getGoingCard img {
            border-radius: 16px;
        }

        .getGoingp {
            font-weight: 400;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: 0;
            color: #404040;
            margin-top: 8px;
        }

        .getGoingCardnum {
            font-weight: 400;
            font-size: 14px;
            line-height: 120%;
        }

        .getGoingCardh2 {
            font-family: "Fraunces", serif;
            font-weight: 400;
            font-size: 22px;
            line-height: 120%;
            font-style: italic;
        }

        .getGoingCardp {
            font-family: var(--go-regular);
            font-weight: 300;
            font-size: 14px;
            line-height: 120%;
            color: #A3A3A3;
        }

        .getGoingSvg {
            max-width: 40px;
            width: 100%;
        }

        .getGoingInnerWrapper {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        /*  */

        .getGoingCard {
            position: relative;
            line-height: 0;
            /* height: 400px; */
        }

        /* Black gradient overlay */
        .getGoingOverlay {
            position: absolute;
            inset: 0;
            /* background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); */
            background: linear-gradient(180deg,
                    rgba(9, 9, 9, 0) 6.04%,
                    #090909 87.36%);

            z-index: 2;
        }

        /* Text over the image */
        .getGoingtxt {
            position: absolute;
            bottom: 10px;
            left: 0;
            color: white;
            padding: 26px 34px;
            z-index: 2;
            display: flex;
            flex-direction: column;
            gap: 12px;
            width: 100%;
        }
    }

    /*  END OF  GET GOING  */

    /*    businessFounder   */

    .businessFounder {
        .highSchoolHeadWrapper {
            background-color: black;
            color: white;
            display: flex;
            flex-direction: column;
            gap: 60px;
            align-items: center;
            justify-content: center;
        }

        .highHeadingUpper {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .businessHeadBox {
            display: flex;
            flex-direction: column;
            gap: 10px;
            padding-right: 42px;
            border-right: 1px solid var(--black5);
        }

        .headingNumber {
            font-size: 60px;
            font-family: "Fraunces", serif;
            font-weight: 400;
            color: var(--black);
            line-height: 120%;
            text-align: center;
        }

        .businessHeadLower {
            display: flex;
            gap: 42px;
        }

        .businessHeadBox {
            display: flex;
            flex-direction: column;
            gap: 10px;
            padding-right: 42px;
            border-right: 1px solid var(--black5);
        }
    }

    /*    END OF  businessFounder   */

    /* images section  */
    .lensSection {
        background: var(--black);
        display: flex;
        flex-direction: column;
        margin-bottom: -1;
        /* gap: 40px; */
        padding: 80px 0;
        border-bottom: 1px solid var(--black5);

        .lensWrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            margin-bottom: 60px;
        }

        /*  */
        .highSchoolHeadWrapper {
            color: white;
            display: flex;
            flex-direction: column;
            gap: 60px;
            align-items: center;
            justify-content: center;
        }

        .highHeadingUpper {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .businessHeadBox {
            display: flex;
            flex-direction: column;
            gap: 10px;
            padding-right: 42px;
            border-right: 1px solid var(--black5);
        }

        .businessHeadBox:last-child {
            border: none;
        }

        .headingNumber {
            font-size: 60px;
            font-family: "Fraunces", serif;
            font-weight: 400;
            color: var(--black);
            line-height: 120%;
            text-align: center;
        }

        .businessHeadLower {
            display: flex;
            gap: 42px;
        }

        .businessHeadBox {
            display: flex;
            flex-direction: column;
            gap: 10px;
            padding-right: 42px;
            border-right: 1px solid var(--black5);
        }

        .highSchlHeading {
            font-weight: 400;
            font-size: 30px;
            line-height: 120%;
        }

        .businessNumberText {
            font-weight: 400;
            font-size: 18px;
            line-height: 150%;
            color: #a3a3a3;
        }

        /*  */

        .lensSlider {
            display: flex;
            gap: 20px;
        }

        .lensBoxi {
            background: var(--white);
            padding: 10px 10px 17px 10px;
            display: flex;
            flex-direction: column;
            gap: 8px;
            max-width: 2.3%;
        }

        .lensPara {
            font-size: 16px;

            font-weight: 400;
            line-height: 120%;
            text-align: center;
            font-family: "Fraunces", serif;
            color: var(--grey17);
        }

        .buildingImage picture>img {
            width: 100%;
        }

        .marquee3 {
            width: 100%;
            pointer-events: none;
            overflow: hidden;
            display: flex;
            align-items: center;
        }

        .marquee__inner-wrap {
            height: 100%;
            width: 100%;
        }

        .marquee__inner {
            height: 100%;
            width: max-content;
            align-items: center;
            display: flex;
            position: relative;
            animation: marquee 30s linear infinite;
            will-change: transform;
        }

        .lensBoxi {
            background: var(--white);
            padding: 10px 10px 17px 10px;
            display: flex;
            flex-direction: column;
            gap: 8px;
            max-width: 2.3%;
        }

        .marquee__inner_reverse {
            height: 100%;
            width: max-content;
            align-items: center;
            display: flex;
            position: relative;
            animation: marqueeReverse 30s linear infinite;
            will-change: transform;
        }
    }

    /* End of images section  */

    /* builderTribe */
    .builderTribe {
        background-color: #090909;
        color: white;
        padding: 80px 0 0 0;

        .builderTribeWrapper {
            max-width: 1240px;
            display: flex;
            flex-direction: column;
            gap: 60px;
        }

        .builderTribeUpper {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .builderTribeContent {
            display: flex;
            gap: 8px;
        }

        .builderTribeCard {
            max-width: 146px;
            width: 100%;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .builderTribeCard img {
            width: 100%;
            height: 493px;
        }

        .vertical-text {
            position: absolute;
            bottom: 68px;
            transform: rotate(270deg);
            width: 100%;
            min-width: max-content;
        }

        .buildTribeText {
            font-size: 32px;
            line-height: 120%;
            vertical-align: middle;
            font-family: "Fraunces", serif;
            font-size: 32px;
            font-weight: 400;
            line-height: 120%;
        }

        /* .bw-image {
    width: 300px;
    filter: grayscale(100%);
    transition: filter 0.4s ease;
  }
  .bw-image:hover {
    filter: grayscale(0%);
    color: red;
  } */
        .builderTribeCard {
            filter: grayscale(100%);
            transition: filter 0.4s ease;
            color: #e38330;
            transition: filter 0.4s ease, transform 0.4s ease;
        }

        .builderTribeCard:hover {
            filter: grayscale(0%);
            color: #e38330;
            /* transition: filter 0.4s ease; */
            transform: scale(1.05);
        }
    }

    .startups {
        .topStartup {
            text-align: center;
            display: flex;
            flex-direction: column;
            gap: 40px;
        }
    }

    /* End of builderTribe */

    /* beforeClg */
    .beforeClg {
        padding: 60px 0;
        background-color: #090909;

        .upperdiv {
            display: flex;
            justify-content: flex-start;

            h1 {
                transform: translateX(0);
            }
        }

        .f70Italic {
            color: #FFFFFF;
            font-size: 70px;
            font-style: italic;
            font-family: "Fraunces", serif;
            font-weight: 400;
            line-height: 120%;
            transition: transform 0.2s ease-out;
        }

        .gradientTxtcustom {
            background: linear-gradient(280.12deg, #f7d344 9.52%, #e38330 104.78%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .lowerdiv {
            display: flex;
            justify-content: flex-end;

            h1 {
                transform: translateX(0);
            }
        }
    }


    /*   -------------  semi circle   cards section ------------ */

    .u18CrownCircle {
        background-color: black;
        color: white;
        padding-bottom: 0;

        .crownCircleWrapper {
            display: flex;
            flex-direction: column;
        }

        /* .swiper-pagination{
    justify-self: center;
  } */

        /* .swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #444;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  } */

        .crownCircleHeader {
            text-align: center;
        }

        .u18Heading {
            font-size: 30px;
            font-family: var(--go-regular);
            font-weight: 400;
            margin-bottom: 80px;
        }

        .crownCircleContent {
            position: relative;
            height: 640px;
        }

        .ccContentRelative {
            margin: 0 auto;
            position: absolute;
            max-width: 725px;
            width: 100%;
            bottom: 0px;
            left: 50%;
            transform: translate(-50%, 0%);
            z-index: 1;
        }

        .ccContentCard {
            position: absolute;
            max-width: 188px;
            width: 100%;
            filter: brightness(0.4);
            z-index: 4;
        }

        .ccContentCard.active {
            filter: brightness(1);


        }

        .ccContentCard[data-id="1"].active~.ccContentFlow[data-id="1"],
        .ccContentCard[data-id="2"].active~.ccContentFlow[data-id="2"],
        .ccContentCard[data-id="3"].active~.ccContentFlow[data-id="3"],
        .ccContentCard[data-id="4"].active~.ccContentFlow[data-id="4"],
        .ccContentCard[data-id="5"].active~.ccContentFlow[data-id="5"],
        .ccContentCard[data-id="6"].active~.ccContentFlow[data-id="6"] {
            transform: translateY(50px);
            filter: grayscale(0);
            opacity: 1;
            /* transition: opacity 0.4s ease; */
        }

        .ccContentCard[data-id="1"].active~.ccContentTxt[data-id="1"],
        .ccContentCard[data-id="2"].active~.ccContentTxt[data-id="2"],
        .ccContentCard[data-id="3"].active~.ccContentTxt[data-id="3"],
        .ccContentCard[data-id="4"].active~.ccContentTxt[data-id="4"],
        .ccContentCard[data-id="5"].active~.ccContentTxt[data-id="5"],
        .ccContentCard[data-id="6"].active~.ccContentTxt[data-id="6"] {
            filter: grayscale(1);
            z-index: 5;
            transition: transform 0.4s ease, filter 0.4s ease;
            color: white;

            .ctP {
                display: block;
            }

            .ctFitalic {
                color: white;
            }

            /* bottom: 10px;  */
            transition: opacity 0.4s ease;
        }

        .ccTxt1 {
            /* transform: translateY(100px); */
        }

        .card1 {
            bottom: -18px;
            left: 251px;
            transition: opacity 0.4s ease, visibility 0.4s ease;
            rotate: -76deg;

        }

        .card2 {
            bottom: 111px;
            left: 328px;
            rotate: -45deg;
            transition: opacity 0.4s ease, visibility 0.4s ease;

        }

        .card3 {
            bottom: 186px;
            left: 456px;
            rotate: -16deg;
            transition: opacity 0.4s ease, visibility 0.4s ease;

        }

        .card4 {
            bottom: 183px;
            left: 602px;
            rotate: 15deg;
            transition: opacity 0.4s ease, visibility 0.4s ease;
        }

        .card5 {
            bottom: 110px;
            left: 728px;
            rotate: 45deg;
            transition: opacity 0.4s ease, visibility 0.4s ease;
        }

        .card6 {
            bottom: -17px;
            left: 800px;
            rotate: 74deg;
            transition: opacity 0.4s ease, visibility 0.4s ease;
        }

        .ccContentFlow {
            z-index: 0;
            position: absolute;
            filter: grayscale(0.9);
            opacity: 0.25;
            /* transition: opacity 0.4s ease;    */
            transition: transform 0.4s ease, filter 0.4s ease;
        }

        .ccContentCard[data-id="1"].active~.ccContentTxt[data-id="1"] {
            transform: translateY(44px);
        }

        .ccContentCard[data-id="2"].active~.ccContentTxt[data-id="2"] {
            transform: translateY(48px);
        }

        .ccContentCard[data-id="3"].active~.ccContentTxt[data-id="3"] {
            transform: translateY(50px);
        }

        .ccContentCard[data-id="4"].active~.ccContentTxt[data-id="4"] {
            transform: translateY(46px);
        }

        .ccContentCard[data-id="5"].active~.ccContentTxt[data-id="5"] {
            transform: translateY(52px);
        }

        .ccContentCard[data-id="6"].active~.ccContentTxt[data-id="6"] {
            transform: translateY(46px);
        }

        .ccContentCard[data-id="1"].active~.ctFitalic[data-id="1"] {
            background-color: red;
        }

        .ccContentCard[data-id="2"].active~.ctFitalic[data-id="2"] {
            transform: translateY(48px);
        }

        .ccContentCard[data-id="3"].active~.ctFitalic[data-id="3"] {
            transform: translateY(50px);
        }

        .ccContentCard[data-id="4"].active~.ctFitalic[data-id="4"] {
            transform: translateY(46px);
        }

        .ccContentCard[data-id="5"].active~.ctFitalic[data-id="5"] {
            transform: translateY(52px);
        }

        .ccContentCard[data-id="6"].active~.ctFitalic[data-id="6"] {
            transform: translateY(46px);
        }

        .ccFlow1 {
            width: 141px;
            bottom: 68px;
            left: 120px;
        }

        .ccFlow2 {
            width: 68px;
            bottom: 240px;
            left: 276px;
        }

        .ccFlow3 {
            width: 40px;
            bottom: 338px;
            left: 480px;
        }

        .ccFlow4 {
            width: 57px;
            bottom: 335px;
            left: 686px;
        }

        .ccFlow5 {
            width: 65px;
            bottom: 264px;
            left: 876px;
        }

        .ccFlow6 {
            width: 117px;
            bottom: 100px;
            left: 969px;
        }

        .ccContentTxt {
            position: absolute;
            display: flex;
            flex-direction: column;
            gap: 8px;
            transition: transform 0.4s ease, filter 0.4s ease;
            filter: grayscale(0);
        }

        .ctFitalic {
            font-family: "Fraunces", serif;
            font-style: italic;
            font-size: 22px;
            line-height: 120%;
            font-weight: 300;
            color: var(--grey10);
        }

        .ctP {
            font-size: 12px;
            font-family: var(--go-regular);
            ;
            /* font: 14px 'go-regular'; */
            line-height: 150%;
            color: #A3A3A3;
            display: none;
            transition: opacity 0.4s ease;
        }

        .ctP ul {
            list-style-type: disc;
        }

        .ctP li {
            margin-left: 15px;
        }

        .ccTxt1 {
            bottom: 236px;
            left: -40px;
        }

        .ccTxt2 {
            bottom: 402px;
            left: 62px;

        }

        .ccTxt3 {
            bottom: 544px;
            left: 300px;
        }

        .ccTxt4 {
            bottom: 562px;
            left: 648px;
        }

        .ccTxt5 {
            bottom: 410px;
            left: 800px;
        }

        .ccTxt6 {
            bottom: 216px;
            left: 972px;
        }

        .fiOrange {
            color: #E38330;
            font-size: 34px;
            line-height: 120%;
            font-family: "Fraunces", serif;
            font-style: italic;
            font-weight: 400;
        }




    }

    /* ---------------  END OF DONUT MENU CARD */


    /* .container {
padding: 0;
} */

    .CardSectionscWrapper {
        /* padding: 40px 0px; */
        display: flex;
        flex-direction: column;
        gap: 60px;
        position: relative;
    }

    .cardSecHeading {
        text-align: center;
    }

    .cardSecMainWrapper {
        position: absolute;
        top: 130px;
        left: 100px;
        max-width: 270px;
    }

    .maincontent {
        display: none;
    }

    .maincontent.active {
        display: block;
    }



    .cardSwiperTry {
        width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
        overflow: hidden !important;
        margin-top: 40px;
    }

    .flowLogo {
        margin-left: 34px;
    }

    .swiper-wrapper {
        display: flex;
    }

    .swiper-slide {
        width: auto;
        transition: transform 0.3s ease;
    }

    .unmuteCards img {
        filter: grayscale(100%);
        transition: filter 0.4s ease;
        transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(0deg) scale(0.8);
        border-radius: 12px;
        width: 100%;
    }

    .unmuteCards.swiper-slide-active img {
        transform: translate3d(0px, 0px, -100.86px) rotateX(0deg) rotateY(0deg) scale(1);
        filter: grayscale(0%);
    }




}

/* summerskill week page css starts*/
.summerEventSkillWeek {
    .heroWrapper .left p {
        width: 100%;
        max-width: 80%;
    }

    .mastermind h2 {
        width: 100%;
        max-width: 55%;
    }

    .costDetails .perParticipant {
        font-size: 20px;
        line-height: 30px;
        font-family: var(--go-regular);
        color: var(--grey4);
    }

    .CardInner .headingSmall {
        margin-bottom: 0;
        font-family: var(--go-regular) !important;
    }

    .CardInner {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}

/* summerskill week page css ends */

/* /temperory certificate */
.verifyCertificate .yellow-bg {
    display: inline-block;
    width: 100%;
    padding: 140px 0;
    background-color: rgba(250, 209, 51, 0.05) !important;
}

.verifyCertificate .heading-4 {
    font-family: "go-bold";
    font-size: 32px;
    line-height: 38px;
    color: var(--black);
}

.verifyCertificate .searchBoxOuter a {
    height: 100%;
    padding: 12px 25px;
    background: var(--red);
    border-radius: 5px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    color: var(--white);
    font-family: 'go-semibold';
    font-size: 14px;
    transition: 0.5s;
}

.verifyCertificate .white-bg {
    display: inline-block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--white) !important;
}

.verifyCertificate .studentTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.verifyCertificate .studentTableOuter {
    display: block;
    overflow: auto;
    height: 600px;
    border: 1px solid var(--black);
    width: 100%;
    border-radius: 10px;
    background: var(--white);
}

.verifyCertificate .catalogueContentOuter {
    height: 100%;
    padding: 30px 0;
    border-radius: 5px;
    width: calc(100% - 320px);
}

.verifyCertificate .catalogueOuter .group {
    display: flex;
    gap: 10px;
    width: 100%;
}

.verifyCertificate .studentTable td {
    font-family: 'go-medium';
    font-size: 14px;
    padding: 20px 40px;
    border-bottom: 1px solid var(--black);
}

.verifyCertificate .searchBoxOuter {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.verifyCertificate .msg-error {
    font-size: 13px;
    color: var(--black);
    margin-top: 2px;
    display: inline-block;
}

.verifyCertificate .catalogueOuter {
    margin-top: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    height: 90vh;
    flex-direction: column;
}

.verifyCertificate .studentTable tr {
    background: var(--white);
}

.verifyCertificate .black-bg {
    display: inline-block;
    width: 100%;
    /* padding: 40px 0; */
    background: var(--black);
}

.verifyCertificate .certificateImg {
    width: 100%;
}

.verifyCertificate .certificateImg img {
    width: 100%;
    object-fit: cover;
}

.verifyCertificate .viewCertificateHeader {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin-top: 80px;
}

.verifyCertificate .viewCertificateHeader .headerLeft {
    width: 75%;
}

.verifyCertificate .heading-5.yellow-text.ng-regular {
    font-family: 'ss-light';
}

.verifyCertificate .headerLeft p {
    font-size: 15px;
    font-family: 'ss-semibold';
}

.verifyCertificate .shareLogoOuter {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.verifyCertificate .viewCertificateHeader .heading-7 {
    font-family: 'ss-light' !important;
}

.verifyCertificate .viewCertificate {
    display: none;
}

.verifyCertificate .searchInput {
    width: 100%;
    max-width: 615px;
    border: 1px solid var(--dark-grey);
    border-radius: 5px;
    outline: none;
    padding: 12px 20px;
    background: var(--white);
    transition: 0.3s;
}

.verifyCertificate .text-3 {
    font-family: "go-regular";
    font-size: 14px !important;
    line-height: 21px;
    color: var(--light-black);
    width: 100%;
    display: inline-block;
}

.verifyCertificate .shareLogoOuter svg {
    cursor: pointer;
}

.verifyCertificate .yellow-text {
    color: var(--yellow) !important;
}

.verifyCertificate .white-text {
    color: var(--white) !important;
}

.verifyCertificate .viewCertificateHeader .headerRight {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    width: 20%;
}

.verifyCertificate .studentTable a {
    text-decoration: none;
    color: var(--black);
    background: #dddddd;
    padding: 5px;
    border-radius: 5px;
}

.testDriveWrap {
    position: relative;
    overflow: hidden;
}

.testDriveWrap .white-btn {
    background-color: var(--white);
    color: var(--black);
    border: 1px solid var(--black);
    border-radius: 5px;
    padding: 15px 60px;
}

.testDriveWrap .gradient-btn {
    background: linear-gradient(90deg, #f7bd01 8.33%, #f69b27 100%);
    padding: 15px 160px;
    color: var(--black);
    font-family: "go-medium";
    border-radius: 5px;
    text-transform: none;
    transition: 0.5s;
    border: 1px solid transparent;
}

.testDriveWrap .testDriveWrap.new .greyMultiTag {
    gap: 20px 45px !important;
    flex-wrap: wrap !important;
}

.testDriveWrap .greyMultiTag {
    padding: 10px;
    border-radius: 5px;
    background: linear-gradient(90deg,
            #343434 0%,
            #121112 46.63%,
            #313131 100%);
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}

.testDriveWrap .gradient-btn:hover,
.testDriveWrap .gradient-btn-outline:hover {
    box-shadow: 5px 5px var(--white), 5px 5px 0 1px var(--yellow);
}

.testDriveWrap .ccPhone {
    position: relative;
}

.testDriveWrap .ccPhone .flexbox {
    align-items: center;
    justify-content: flex-start;

}

.testDriveWrap .ccPhone .flexbox select {
    background: var(--black);
    border: 1px solid var(--white);
    border-right: 0;
    padding: 15px 5px;
    height: 52px;
    color: #d1d1d1;
}

.testDriveWrap .ccPhone .flexbox select option {
    color: var(--white) !important;
}

.testDriveWrap .ccPhone .flexbox .input {
    height: 52px;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@media (min-width: 768px) and (max-width: 1366px) {
    .testDriveWrap section {
        padding: 60px 0 !important;
    }
}

@media (max-width: 767px) {

    .roadmapBoxParent {
        display: flex;
        overflow: auto;
        flex-direction: row;
        flex-wrap: nowrap !important;

        .roadmapBox {
            min-width: 250px;
            min-height: 224px;
        }

    }

    .testDriveWrap {
        padding: 0;
        gap: 10px
    }
}

.testDriveWrap .ytag {
    width: 40% !important;
}

@media (max-width:767px) {

    .testDriveWrap .ytag {
        text-wrap: wrap !important
    }
}

.testDriveWrap .testDriveWrap.new .greyMultiTag {
    gap: 20px 45px !important;
    flex-wrap: wrap !important;
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap {
        padding: 6px 12px
    }
}

.testDriveWrap .ytag {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    color: var(--white);
    font-family: "go-semibold";
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    text-wrap: nowrap;
}

@media (max-width: 767px) {

    .testDriveWrap .ytag {
        font-size: 13px;
        font-family: "go-regular";
        font-weight: 400;
        gap: 5px
    }

    .testDriveWrap .ytag span {
        text-wrap: wrap;
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .ytag {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .testDriveWrap .ytag img {
        max-width: 20px;
    }
}

.testDriveWrap .heroSection {
    position: relative;
    padding: 180px 0 0;
}

@media (max-width: 767px) {

    .testDriveWrap .heroSection {
        padding: 120px 0 !important
    }
}

.testDriveWrap .heroSection {

    background: url("https://cdn.mastersunion.link/assets/imgV2/testDriveBg.png"),
        var(--black2);
    background-position: center;
    background-size: cover;
}

.testDriveWrap .heroSection .heroSectionFlex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 60px;
}

@media (max-width: 767px) {

    .testDriveWrap .heroSection .heroSectionFlex {
        gap: 40px
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .heroSection .heroSectionFlex {
        gap: 40px
    }
}

.testDriveWrap .heroSection .heroSectionFlex .heroLeft {
    max-width: calc(45% - 30px);
    width: 100%;
}

@media (max-width: 767px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroLeft {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroLeft {
        max-width: 100%
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroLeft {
        max-width: calc(50% - 20px)
    }
}

.testDriveWrap .heroSection .heroSectionFlex .heroLeft h1 {
    color: var(--white);
    font-family: "go-bold";
    font-size: 96px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    position: relative;
    padding-bottom: 0;
    display: inline-block;
}

@media (max-width: 767px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroLeft h1 {
        font-size: 36px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroLeft h1 {
        font-size: 65px
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroLeft h1 {
        font-size: 56px
    }
}

.testDriveWrap .heroSection .heroSectionFlex .heroLeft h1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    background: linear-gradient(104deg, #f69b26 0%, #f7bd01 100%);
}

@media (max-width: 767px) {
    .testDriveWrap .heroSection .heroSectionFlex .heroLeft h1::after {
        bottom: -2px;
        height: 5px;
    }
}

.testDriveWrap .heroSection .heroSectionFlex .heroLeft p {
    color: var(--white);
    font-family: "go-regular";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 15px;
}

@media (max-width: 767px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroLeft p {
        font-size: 16px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroLeft p {
        font-size: 22px
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroLeft p {
        font-size: 20px;
        margin-top: 10px
    }
}

.testDriveWrap .heroSection .heroSectionFlex .heroLeft .greyMultiTag {
    margin-top: 15px;
}

.testDriveWrap .heroSection .heroSectionFlex .heroLeft .greyMultiTag .singleTag {
    margin-top: 0;
}

@media (max-width: 767px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroLeft .greyMultiTag {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 20px;
        row-gap: 10px;
        padding: 10px 10px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroLeft .greyMultiTag {
        width: 100%
    }
}

.testDriveWrap .heroSection .heroSectionFlex .heroLeft .heroButtonGroup {
    margin-top: 40px;
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroLeft .heroButtonGroup {
        margin-top: 30px
    }
}

@media (max-width: 767px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroLeft .heroButtonGroup {
        flex-direction: column
    }
}

.testDriveWrap .heroSection .heroSectionFlex .heroLeft .heroButtonGroup a {
    padding: 16px;
    color: var(--black);
    font-family: "go-regular";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    max-width: max-content;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

@media (max-width: 767px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroLeft .heroButtonGroup a {
        max-width: 100%;
        width: 100%
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroLeft .heroButtonGroup a {
        padding: 10px 20px;
        font-size: 14px;
        line-height: 150%
    }
}

.testDriveWrap .heroSection .heroSectionFlex .heroRight {
    max-width: calc(55% - 30px);
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0;
    background: var(--newGrey);
    /* border-radius: 10px; */
    /* overflow: hidden; */
}

@media (max-width: 767px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroRight {
        max-width: 100%
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroRight {
        display: none
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroRight {
        max-width: calc(50% - 20px)
    }
}

.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap {
    max-width: 25%;
    width: 100%;
    padding: 0;
    position: relative;
    line-height: 0;
}

.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap:hover .tooltip {
    visibility: visible;
    opacity: 1;
    transition: 0.4s ease-in;
}

.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap:nth-child(4) .tooltip,
.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap:nth-child(8) .tooltip,
.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap:nth-child(12) .tooltip {
    right: 5%;
}

.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap:last-child .tooltip,
.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap:nth-last-child(2) .tooltip,
.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap:nth-last-child(3) .tooltip,
.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap:nth-last-child(4) .tooltip {
    bottom: 5%;
}

.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap .masterimgWrap {
    overflow: hidden;
    line-height: 0;
    max-width: 100%;
}

.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap .masterimgWrap img {
    box-shadow: none;
    border-radius: 0;
    scale: 1.06;
    filter: grayscale(1);
}

.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap .tooltip {
    position: absolute;
    right: -4%;
    bottom: 3px;
    width: max-content;
    padding: 6px 10px;
    height: auto;
    color: var(--black);
    font-family: "ns-bold";
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    border-radius: 5px;
    background: var(--Event-Page,
            linear-gradient(104deg, #f69b26 0%, #f7bd01 100%));
    visibility: hidden;
    opacity: 0;
    transition: 0.4s ease-in;
    z-index: 9;
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap .tooltip {
        width: max-content
    }
}

.testDriveWrap .aboutProgram {
    position: relative;
    padding: 80px 0;
    /* background: url('https://cdn.mastersunion.link/assets/imgV2/aboutTheProgTestEvent.png') no-repeat; */
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

@media (max-width: 767px) {

    .testDriveWrap .aboutProgram {
        padding: 60px 0
    }
}

.testDriveWrap .aboutProgram h4 {
    color: var(--black);
    font-family: "go-bold";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

@media (max-width: 767px) {

    .testDriveWrap .aboutProgram h4 {
        font-size: 28px
    }
}

.testDriveWrap .aboutProgram .aboutFlex {
    margin-top: 40px;
    border-top: 6px solid #FEE9CE;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    position: relative;
}

@media (max-width: 767px) {

    .testDriveWrap .aboutProgram .aboutFlex {
        align-items: flex-start;
        gap: 40px;
        flex-wrap: wrap;
        border-top: 0;
        margin-top: 30px
    }
}

.testDriveWrap .aboutProgram .aboutFlex::before,
.testDriveWrap .aboutProgram .aboutFlex::after {
    content: "";
    border-top: 1px solid #FEE9CE;
    height: 1px;
    width: 100vw;
    left: -27%;
    top: 0;
    position: absolute;
}

.testDriveWrap .aboutProgram .aboutFlex::after {
    top: unset;
    bottom: -1px;
}

@media (max-width: 767px) {

    .testDriveWrap .aboutProgram .aboutFlex::before,
    .testDriveWrap .aboutProgram .aboutFlex::after {
        display: none;
    }
}

.testDriveWrap .aboutProgram .aboutFlex .aboutBox {
    max-width: 33.3%;
    width: 100%;
    padding: 40px;
    border: 1px solid #FEE9CE;
    border-top: 0;
    position: relative;
}

@media (max-width: 767px) {

    .testDriveWrap .aboutProgram .aboutFlex .aboutBox {
        max-width: 100%;
        border-top: 4px solid #FEE9CE !important;
        border: 1px solid #FEE9CE
    }

    .testDriveWrap .aboutProgram .aboutFlex .aboutBox::after {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    .testDriveWrap .aboutProgram .aboutFlex .aboutBox {
        padding: 20px 20px
    }
}

.testDriveWrap .aboutProgram .aboutFlex .aboutBox::after {
    content: "";
    border-right: 1px solid #FEE9CE;
    width: 1px;
    height: 100vw;
    right: -1px;
    top: -60%;
    position: absolute;
}

.testDriveWrap .aboutProgram .aboutFlex .aboutBox:first-child::before {
    content: "";
    border-right: 1px solid #FEE9CE;
    width: 1px;
    height: 100vw;
    left: -2px;
    top: -60%;
    position: absolute;
}

@media (max-width: 767px) {
    .testDriveWrap .aboutProgram .aboutFlex .aboutBox:first-child::before {
        display: none;
    }

    .testDriveWrap .aboutProgram .aboutFlex .aboutBox:nth-child(1),
    .testDriveWrap .aboutProgram .aboutFlex .aboutBox:nth-child(2) {
        border-right: 1px solid #FEE9CE !important;
    }
}

.testDriveWrap .aboutProgram .aboutFlex .aboutBox:nth-child(1),
.testDriveWrap .aboutProgram .aboutFlex .aboutBox:nth-child(2) {
    border-right: 0;
}

.testDriveWrap .aboutProgram .aboutFlex .aboutBox h5 {
    color: var(--black);
    font-family: "go-bold";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-top: 20px;
}

@media (min-width: 768px) and (max-width: 1024px) {

    .testDriveWrap .aboutProgram .aboutFlex .aboutBox h5 {
        font-size: 18px
    }
}

.testDriveWrap .aboutProgram .aboutFlex .aboutBox p {
    color: var(--black);
    font-family: "go-regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 10px;
}

.testDriveWrap .weeksCarrer {
    position: relative;
    background: url("https://cdn.mastersunion.link/assets/imgV2/summerStarpGradBox-min.png"),
        linear-gradient(104deg, #f69b26 0%, #f7bd01 100%);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    padding: 0;
}

@media (max-width: 767px) {

    .testDriveWrap .weeksCarrer {
        padding: 60px 0;
        background: url("https://cdn.mastersunion.link/assets/imgV2/mobGradTestDrive.png") no-repeat;
        background-size: cover
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    .testDriveWrap .weeksCarrer {
        padding: 0 0 !important;
        background-size: cover;
        background-position: 70%
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .weeksCarrer {
        padding: 30px 0 !important;
        background-size: cover;
        background-position: 80%
    }
}

.testDriveWrap .weeksCarrer .weeksFlex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

@media (max-width: 767px) {

    .testDriveWrap .weeksCarrer .weeksFlex {
        gap: 0
    }
}

.testDriveWrap .weeksCarrer .weeksFlex .weeksLeft {
    padding: 60px 0;
}

@media (max-width: 767px) {

    .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft {
        padding: 0;
        max-width: 100%;
        width: 100%
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft {
        padding: 40px 0 !important
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft {
        padding: 0
    }
}

.testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .textBox {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    width: 100%;
    background: none;
    flex-direction: row;
    padding: 0;
}

.testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .textBox h1 {
    color: var(--black);
    font-family: "go-bold";
    font-size: 158px;
    font-style: normal;
    font-weight: 700;
    line-height: 80%;
    letter-spacing: -15.8px;
}

@media (max-width: 767px) {

    .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .textBox h1 {
        font-size: 128px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .textBox h1 {
        font-size: 100px
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .textBox h1 {
        font-size: 138px
    }
}

.testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .textBox span {
    color: var(--black);
    font-family: "ss-regular";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

@media (max-width: 767px) {

    .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .textBox span {
        font-size: 24px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .textBox span {
        font-size: 22px
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .textBox span {
        font-size: 26px
    }
}

.testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .white-btn {
    max-width: 300px;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

@media (min-width: 768px) and (max-width: 1023px) {

    .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .white-btn {
        margin-top: 10px;
        padding: 10px 10px;
        width: auto;
        min-width: max-content;
        max-width: 200px
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .white-btn {
        margin-top: 20px
    }
}

.testDriveWrap .outcomePro {
    position: relative;
    background: var(--black);
    padding: 0;
}

@media (max-width: 767px) {

    .testDriveWrap .outcomePro {
        padding: 60px 0
    }
}

.testDriveWrap .outcomePro .outcomeFlex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

@media (min-width: 768px) and (max-width: 1023px) {

    .testDriveWrap .outcomePro .outcomeFlex {
        flex-wrap: wrap
    }
}

.testDriveWrap .outcomePro .outcomeLeft {
    max-width: calc(50% - 15px);
    padding: 80px 0;
}

@media (max-width: 767px) {

    .testDriveWrap .outcomePro .outcomeLeft {
        padding: 0;
        max-width: 100%
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    .testDriveWrap .outcomePro .outcomeLeft {
        max-width: 100%;
        padding: 0
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .outcomePro .outcomeLeft {
        padding: 0 0
    }
}

.testDriveWrap .outcomePro .outcomeLeft h4 {
    color: var(--white);
    font-family: "go-bold";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

@media (max-width: 767px) {

    .testDriveWrap .outcomePro .outcomeLeft h4 {
        font-size: 28px
    }
}

.testDriveWrap .outcomePro .outcomeLeft .outcomeListWrap {
    margin-top: 40px;
    position: relative;
}

@media (max-width: 767px) {

    .testDriveWrap .outcomePro .outcomeLeft .outcomeListWrap {
        margin-top: 30px
    }
}

.testDriveWrap .outcomePro .outcomeLeft .outcomeListWrap .outcomeList {
    margin-top: 20px;
}

.testDriveWrap .outcomePro .outcomeLeft .outcomeListWrap .outcomeList:first-child {
    margin-top: 0;
}

.testDriveWrap .outcomePro .outcomeLeft .outcomeListWrap .outcomeList h4 {
    background: var(--Event-Page,
            linear-gradient(104deg, #f69b26 0%, #f7bd01 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "go-bold";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.testDriveWrap .outcomePro .outcomeLeft .outcomeListWrap .outcomeList p {
    color: var(--white);
    font-family: "go-regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.testDriveWrap .outcomePro .outcomeRight {
    max-width: calc(50% - 30px);
    line-height: 0;
}

@media (max-width: 767px) {

    .testDriveWrap .outcomePro .outcomeRight {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    .testDriveWrap .outcomePro .outcomeRight {
        display: none
    }
}

.testDriveWrap .outcomePro .outcomeRight img {
    width: 100%;
}

.testDriveWrap .bg-yellow {
    background-color: rgba(250, 209, 51, 0.05);
}

.testDriveWrap .costandlogleft .eventPrice {
    max-width: 540px !important;
    width: 100%;
    text-transform: inherit;
}

.testDriveWrap .testDriveTimeline .testtimeline .tabs-new {
    min-width: max-content;
}

@media (min-width: 768px) and (max-width: 1023px) {

    .testDriveWrap .testDriveTimeline .testtimeline .tabs-new {
        padding: 10px 12px;
        min-width: 110px
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .testDriveTimeline .testtimeline .tabs-new {
        padding: 10px 25px;
        min-width: 140px
    }
}

@media (min-width: 768px) and (max-width: 1366px) {

    .testDriveWrap .testDriveTimeline .tab-main-box {
        margin-top: 0 !important
    }
}

.testDriveWrap .testDriveTimeline .tab-main-box .timecardWrapper {
    justify-content: space-between;
}

@media (min-width: 768px) and (max-width: 1366px) {

    .testDriveWrap .testDriveTimeline .tab-main-box .timecardWrapper {
        flex-wrap: wrap;
        flex-direction: row;
        align-items: stretch;
        justify-content: space-between
    }

    .testDriveWrap .testDriveTimeline .tab-main-box .timecardWrapper .heading-6 {
        font-size: 22px;
    }

    .testDriveWrap .testDriveTimeline .tab-main-box .timecardWrapper .timeCard {
        max-width: 31% !important;
        min-width: unset !important;


    }
}

@media (max-width:767px) {

    .testDriveWrap .testDriveTimeline .tab-main-box .timecardWrapper {
        overflow: auto;
        gap: 20px
    }
}

.testDriveWrap .testDriveTimeline .tab-main-box .timecardWrapper .heading-6 {
    font: 16px 'go-semibold';
}

.testDriveWrap .testDriveTimeline .WeekDetail {
    display: flex;
    justify-content: space-between;
}

@media (min-width: 768px) and (max-width: 1023px) {

    .testDriveWrap .testDriveTimeline .WeekDetail {
        padding: 20px;
        gap: 20px;
        flex-wrap: nowrap;
        flex-direction: row-reverse;
        align-items: flex-start
    }
}

@media (max-width: 767px) {

    .testDriveWrap .testDriveTimeline .WeekDetail {
        flex-direction: column-reverse;
        padding: 20px 10px;
        gap: 40px
    }
}

.testDriveWrap .testDriveTimeline .WeekDetail .text-1 {
    width: 65%;
}

.testDriveWrap .UgScholarship {
    position: relative;
    background: url("https://files.mastersunion.link/resources/img/artistBackground.png"), var(--black);

}

@media (min-width: 768px) and (max-width: 1023px) {

    .testDriveWrap .UgScholarship .flexbox {
        flex-wrap: wrap
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .UgScholarship .flexbox {
        gap: 40px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    .testDriveWrap .UgScholarship .flexbox .costandlogleft {
        width: 100%
    }

    .testDriveWrap .UgScholarship .flexbox .costandlogleft .eventPrice {
        max-width: max-content;
        padding: 15px 20px;
    }

    .testDriveWrap .UgScholarship .flexbox .costandlogleft .heading-5 {
        font-size: 22px;
        margin-bottom: 0;
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .UgScholarship .flexbox .costandlogleft {
        max-width: calc(40% - 20px);
        width: 100%
    }

    .testDriveWrap .UgScholarship .flexbox .costandlogleft .heading-5 {
        font-size: 22px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    .testDriveWrap .UgScholarship .flexbox .StagesRight {
        width: 100%
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .testDriveWrap .UgScholarship .flexbox .StagesRight {
        max-width: calc(60% - 20px);
        width: 100%
    }
}

.testDriveWrap .UgScholarship .white-btn {
    background-color: var(--white);
    color: var(--black);
    border: 1px solid var(--black);
    border-radius: 5px;
    padding: 15px 60px;
}

.testDriveWrap .UgScholarship .testtimeline {
    position: relative;
}

.testDriveWrap .UgScholarship .outcomeList {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.testDriveWrap .UgScholarship .eventPrice {
    max-width: 390px;
    text-transform: uppercase;
    display: flex;
    border: 1px solid var(--light-black);
    border-radius: 15px;
    background: var(--black);
    padding: 20px;
    flex-direction: column;
    gap: 10px;
}

.testDriveWrap .UgScholarship .meetTheArtist {
    background: url("https://files.mastersunion.link/resources/img/artistBackground.png"), var(--black);
    background-size: cover;
    background-position: -2px;
}

.testDriveWrap .UgScholarship .heading-5 {
    font-family: "go-bold";
    font-size: 20px;
    line-height: 34px;
    color: var(--black);
    margin-bottom: 5px;
}

.testDriveWrap .UgScholarship .gradient-text {
    background: #f7dd01;
    background: -moz-linear-gradient(left, #f7dd01 0%, #f69b27 75%);
    background: -webkit-linear-gradient(left, #f7dd01 0%, #f69b27 75%);
    background: linear-gradient(to right, #f7dd01 0%, #f69b27 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7dd01',
            endColorstr='#f69b27',
            GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.testDriveWrap .td_Simulations {
    padding: 80px 0;
    background: var(--Event-Page, linear-gradient(104deg, #F69B26 0%, #F7BD01 100%));
}

.testDriveWrap .heading-4 {
    font-family: "go-semibold";
    font-size: 32px;
    line-height: 38px;
    color: var(--black);
}

.testDriveWrap .simulation-cards-wrapper {
    display: flex;
    gap: 20px;
}

@media (max-width:767px) {

    .testDriveWrap .simulation-cards-wrapper {
        overflow: auto
    }
}

.testDriveWrap .gl-mt-40 {
    margin-top: 40px;
}

.testDriveWrap .simu-title {
    color: var(--black);
    font-family: "go-semibold";
    font-size: 20px;
    font-style: normal;
    line-height: 24px;
}

.testDriveWrap .simu-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 28px;
    font-family: "go-semibold";
    line-height: 19.2px;
    border: 0.5px solid var(--black);
    transition: .4s ease-in-out;
    border-radius: 5px;
}

.testDriveWrap .gl-mt-15 {
    margin-top: 15px;
}

.testDriveWrap .simulation-card {
    width: 100%;
    max-width: 295px;
}

@media (max-width:767px) {

    .testDriveWrap .simulation-card {
        min-width: 300px
    }
}

.testDriveWrap .gtmRegMidTstDrive {
    cursor: pointer;
}

.testDriveWrap .itTheNews {
    overflow: hidden;
    margin-top: 30px;
}

.testDriveWrap .parallel-outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.testDriveWrap .nav-arrow {
    display: inline-block;
    margin-top: 20px;
}

.testDriveWrap .nav-arrow a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    background: var(--white);
    color: var(--black);
    border: 1px solid var(--black);
    font-size: 29px;
    border-radius: 50%;
    padding: 5px 5px;
    transition: 0.4s ease-in-out;

}

.testDriveWrap .swiper-button-disabled {
    opacity: 0.5;
}

.testDriveWrap .nav-arrow img {
    width: 20px;
}

.testDriveWrap .nav-arrow a.s-next img {
    filter: invert(1);
    transition: 0.4s;
}

.testDriveWrap .s-prev img:nth-child(2) {
    display: none;
    transform: rotate(180deg);
}

.testDriveWrap .testtimeline .tabs-new.active {
    background: var(--Event-Page, linear-gradient(104deg, #F69B26 0%, #F7BD01 100%));
    transition: 0.4s;
}

.testDriveWrap .testtimeline .tabs-new {
    text-decoration: none;
    color: var(--black);
    font: 18px 'ss-semibold';
    padding: 12px 24px;
    border-radius: 5px;
    transition: 0.4s;
    border: 1px solid var(--black);
    background: var(--light-yellow);
    min-width: 132px;
    text-align: center;
    max-height: 70px;
    position: relative;
}

.testDriveWrap .testtimeline .tab-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: auto;
    gap: 10px;
}

.testDriveWrap .Tabinner.active {
    display: block;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
}

.testDriveWrap .Tabinner {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}

.testDriveWrap .WeekDetail {
    gap: 65px;
    border-radius: 10px;
    border: 1px solid var(--black);
    border-radius: 10px;
    padding: 40px;
    align-items: center;
}

.testDriveWrap .timeCard {
    border-radius: 10px;
    border: 1px solid var(--black);
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 20px;
    flex-direction: column;
    width: 32%;
    min-height: 128px;
    background: rgba(250, 209, 51, 0.05);
}

@media (max-width:767px) {

    .testDriveWrap .timeCard {
        min-width: 300px
    }
}

.testDriveWrap .flexbox.newflexbox {
    gap: 40px;
    justify-content: space-between;
    align-items: center;
}

@media (max-width:767px) {

    .testDriveWrap .flexbox.newflexbox {
        flex-direction: column-reverse
    }
}

.testDriveWrap .UgScholarship .StagesRight {
    width: 45%;
}

@media (max-width:767px) {

    .testDriveWrap .UgScholarship .StagesRight {
        width: 100%
    }
}

.testDriveWrap .registerbox {
    width: 100%;
}

.testDriveWrap .SummerStartupWeek .costandlogleft {
    width: 46%;
}

@media (max-width:767px) {

    .testDriveWrap .SummerStartupWeek .costandlogleft {
        width: 100%
    }
}

.testDriveWrap .gradient-text.line {
    position: relative !important;
}

.testDriveWrap .gradient-text.line::after {
    content: "";
    position: absolute;
    border-bottom: 4px solid #d63736;
    top: -70%;
    left: 0;
    width: 44%;
    height: 30px;
}

.testDriveWrap .SummerStartupWeek .registerbox {
    background: #343434;
    border: 1px solid #f0a434;
    border-radius: 10px;
    color: var(--white);
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 0;
}

.testDriveWrap .SummerStartupWeek .registerbox .form {
    width: 100%;
    margin-top: 20px;
}

.testDriveWrap .UgScholarship .StagesRight .gradient-btn {
    width: 100%;
    font-size: 16px;
    justify-content: center;
    padding: 15px;
}

.testDriveWrap .contact-us-form.NewCommonContact.box-21 {
    min-height: 351px;
    margin-top: 0;
    display: none;
}

.testDriveWrap .SummerStartupWeek .contact-us-form.NewCommonContact {
    width: 100%;
    max-width: 445px;

}

.testDriveWrap .contact-us-form.NewCommonContact {
    padding: 20px;
}

.testDriveWrap .form label {
    color: var(--white);
}

.testDriveWrap .form input,
.testDriveWrap .input {
    background: transparent;
    color: var(--white);

}

.testDriveWrap .input {
    border: 1px solid var(--grey);

}

.testDriveWrap .SummerStartupWeek .formfont input {
    color: white;
}

.testDriveWrap .SummerStartupWeek .StagesRight input {
    background: #343434;
}

.testDriveWrap .ccPhone .flexbox select {
    padding: 15px;
    background: var(--black5);
    border: 1px solid #585858;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
    max-width: 22%;
    color: var(--white);
}

.testDriveWrap .input:hover,
.testDriveWrap .input:focus-within {
    border: 1px solid var(--grey);
    background: transparent;
}

.testDriveWrap .contact-us-form.NewCommonContact.box-21 {
    min-height: 351px;
    margin-top: 0;
    display: none;
}

.testDriveWrap .contact-us-form.NewCommonContact {
    width: 40%;
    max-width: 445px;
    padding: 20px;
}

.testDriveWrap .SummerStartupWeek .contact-us-form.NewCommonContact {
    width: 100%;
}

.testDriveWrap .congrats-box {
    display: flex;
    margin: auto;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.testDriveWrap .congrats-box .heading-4 {
    color: var(--black);
}

.testDriveWrap .registerbox .msg-error {
    visibility: hidden;
}

.testDriveWrap .gtmThnkBtnDrive {
    font: 24px 'go-semibold';
}

.testDriveOnline {
    .readText {
        font-size: 13px;
        font-family: 'go-semibold';
        line-height: 150%;
        background: var(--gradient);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        cursor: pointer;
    }

    .testHero {
        background: url(https://images.mastersunion.link/uploads/23012025/v1/vectorTestdrive.webp) var(--black) no-repeat;
        background-position: top left;
        background-repeat: repeat-y;

        .gradientTitle {
            padding: 4px 8px;
            border-radius: 36px;
            align-items: center;
            background-color: #262626;
            max-width: max-content;
        }

        .titleHeadingLite {
            font-size: 13px;
            font-family: "go-medium";
            background-image: linear-gradient(90deg, #39b6d8 6.41%, #f7d344 51.47%, #e38330 96.52%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
            font-weight: 500;
            line-height: 140%;
            /* 18.2px */
        }

        .highsubTitle {
            color: var(--grey10);
            font-family: 'go-regular';
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 160%;
            /* 22.4px */
        }

        .grid-wrapper {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-template-rows: repeat(3, auto);
            /* width: 80%; */
            max-width: 100%;
            gap: 2px;
        }

        .grid-item {
            line-height: 0;
            width: 100%;
            max-width: 100%;
            position: relative;
            cursor: pointer;
        }

        .grid-item .hoverWrapimg {
            overflow: hidden;
            line-height: 0;
            max-width: 100%;
            display: block;
            filter: grayscale(1);
            transition: .3s;
        }

        .grid-item img {
            width: 100%;
            border-radius: 0;
        }

        .hoverWrapimg:nth-child(1) img {
            border-top-left-radius: 8px;
        }

        .hoverWrapimg:nth-child(4) img {
            border-top-right-radius: 8px;
        }

        .hoverWrapimg:nth-child(9) img {
            border-bottom-left-radius: 8px;
        }

        .hoverWrapimg:nth-child(12) img {
            border-bottom-right-radius: 8px;
        }

        .hoverDetailsOnImg {
            position: absolute;
            display: flex;
            align-items: flex-end;
            left: 0;
            bottom: 0px;
            width: 100%;
            padding: 6px 10px;
            background-image: linear-gradient(90deg, #39b6d8 6.41%, #f7d344 51.47%, #e38330 96.52%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
            font-size: 11px;
            font-family: 'go-semibold';
            font-weight: 600;
            line-height: 120%;
            visibility: hidden;
            height: 50%;
            opacity: 0;
            z-index: 1;
            transition: 0.3s ease-in;
            cursor: pointer;
        }

        .grid-item:hover::before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 70%;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
            z-index: 1;
        }

        .grid-item:hover .hoverDetailsOnImg {
            visibility: visible;
            opacity: 1;
        }
    }

    .aboutProgrammeIcon {
        background: url(https://images.mastersunion.link/uploads/23012025/v1/partnerWithUs.svg) var(--white) no-repeat;
        background-position: top left;
        background-repeat: repeat-y;
        background-size: cover;

        .programmeWrapper {
            max-width: 100%;
            gap: 30px;
            position: relative;
            display: flex;
            width: 100%;
            justify-content: flex-start;
            align-items: flex-start;
        }

        .sectionHeading {
            font-family: "go-semibold";
            color: var(--black);
            font-size: 30px;
            font-weight: 600;
            line-height: 140%;
            /* 42px */
            letter-spacing: 0.6px;
        }

        .aboutBox {
            /* max-width: calc(33% - 30px); */
            width: 100%;
            display: flex;
            gap: 24px;
            flex-direction: column;
        }

        .detailsWrapper {
            display: flex;
            flex-direction: column;
            gap: 8px;
            max-width: 335px;
        }

        .heading {
            font-family: 'go-semibold';
            color: var(--black);
            font-size: 20px;
            font-weight: 600;
            line-height: 140%;
            /* 23.4px */
        }

        .paragraph {
            font-family: 'go-regular';
            color: var(--grey);
            font-size: 16px;
            font-weight: 400;
            line-height: 140%;
            /* 18px */
        }
    }

    .experienceReal {
        background-color: var(--white3);


        .sectionHeading {
            color: var(--black);
            font-family: "go-bold";
            font-size: 30px;
            font-weight: 700;
            line-height: 130%;
        }

        .simulationWrapper {
            display: flex;
            gap: 20px;

            &.swiper {
                overflow: hidden !important;
            }
        }

        .cards {
            display: flex;
            /* max-width: calc((100% - 60px) /4); */
            width: 100%;
            /* gap: 20px; */
            align-items: center;
            border-radius: 8px;
            background-color: var(--white);
            padding: 12px 12px 12px 16px;
        }

        .cardDetails {
            display: flex;
            gap: 12px;
            align-items: center;
            justify-content: space-between;
        }

        .cardText {
            display: flex;
            flex-direction: column;
            gap: 12px;
            max-width: 100%;
            width: 100%;
        }

        .logos {
            line-height: 0;
        }

        .paragrapgh {
            font-family: 'go-medium';
            color: var(--black);
            font-size: 16px;
            font-weight: 500;
            line-height: normal;
        }

        .startNow {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 8px;
            font-family: 'go-medium';
            font-size: .875rem;
            line-height: 24px;
            background: var(--Linear, linear-gradient(90deg, #39b6d8 7.41%, #f7d344 21.47%, #e38330 45.52%));
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .logos img {
            border-radius: 6px;
            max-width: 100px;
        }
    }

    .whiteLineBg {
        background: url(/assets/svg/partnerWithUs.svg) var(--white) no-repeat;
        background-position: top left;
        background-repeat: repeat-y;
        background-size: cover;

        .BootcampCard {
            border: none;
            border-radius: unset;
        }

        & img {
            border-radius: 16px;
        }

        .paraAbout {
            color: var(--grey);
            font-size: 12px;
            font-family: 'go-regular';
            font-weight: 400;
            line-height: 150%;
        }

        .CardInner {
            padding: 15px 0 0 0px;
        }
    }

    .testDriveCareer {
        background: url(/assets/img/menaImages/newVectorOnWhiteBg.png), #090909;
        background-position: top left;
        /* background-size: cover; */
        background-repeat: no-repeat;

        .sectionHeading {
            color: var(--white);
        }

        .highQualifyCard {
            background-color: var(--grey17);

        }

        .selectInput {
            border-radius: 8px;
            border: 1px solid var(--black5);
            background: var(--black5);
            color: var(--white);
        }

        .white-arrow {
            filter: invert(100%);
        }
    }

    .testDriveMentors {
        background-color: var(--grey17);
        position: relative;
        background: url(https://images.mastersunion.link/uploads/23012025/v1/vectorTestdrive.webp) var(--black);
        background-repeat: no-repeat;
        background-position: top;
        background-position-x: left;

        .logoWraps {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-top: 10px;
            width: 100%;
            height: 22px;

            img {
                height: 100%;
                width: auto;
                object-fit: contain;
            }
        }

        .sectionHeading {
            font-size: 30px;
            font-family: 'go-semibold';
            font-weight: 600;
            line-height: 140%;
            letter-spacing: 0.6px;
        }

        .newMasterLogos {
            max-width: 37px;
        }

        .newMentorsDetailsWrap {
            background: var(--black);
            padding: 8px 20px 16px 20px;
        }

        .newMentorsDetailsWrap h3 {
            color: var(--white);
            font-family: 'go-bold';
            font-size: 14px;
            font-weight: 700;
            line-height: 140%;
        }

        .newMentorsDetailsWrap h4 {
            font-size: 12px;
            color: var(--white);
            font-family: 'go-medium';
            font-weight: 500;
            line-height: 160%;
        }
    }

    .outcomePrograme {
        background: url(/assets/img/testDriveOnline/vectorTestdrive.png) var(--white) no-repeat;
        background-position: top left;
        background-repeat: repeat-y;
        background-size: contain;

        .mastermindBodWrapper {
            align-items: flex-start;
        }

        .paraOutclass {
            font-family: 'go-medium';
            color: var(--grey);
            font-size: 14px;
            font-weight: 500;
            line-height: 160%;
            /* 22.4px */
        }
    }

    .testCounsellor {
        .headingtestSmall {
            font-family: 'go-semibold' !important;
            color: var(--grey) !important;
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: 1px;
            text-transform: uppercase;
        }
    }

    .TimelineTestDrive {
        .content-section.new {
            border: none;
            padding: 40px 0;
        }

        ::-webkit-scrollbar-track {
            background: var(--grey3);
        }

        ::-webkit-scrollbar-thumb {
            background: var(--grey);
            border-radius: 0;
        }

        .inClassHeading {
            font-family: "go-semibold";
            font-size: 26px;
            font-style: normal;
            font-weight: 600;
            line-height: 140%;
            /* 36.4px */
            letter-spacing: 0.52px;
        }

        .classEffect::before {
            height: 124%;

        }

        .classEffect:last-child::before {
            height: 88%;
        }

        .classEffect:hover:last-child::before {
            height: 88%;
        }

        .classEffect:hover::before {
            height: 133%;
            /* height: calc(100% - 11%); */
        }

        .inclasstabs li.active {
            background: linear-gradient(var(--black) 0 0) padding-box, var(--gradient) border-box;
        }

        .inclasstabs li {
            min-width: 133px;
            min-height: 67px;
            font-weight: 500;
            align-items: center;
            line-height: 140%;
            /* 15.4px */
            letter-spacing: 1px;
            text-transform: uppercase;
            padding: 10px 16px;

        }

        .inclasstabs li span {
            text-transform: none;
            width: max-content;
        }

        .inclassBox {
            max-height: 117px;
        }

        .inclasstabs {
            gap: 16px;
            padding-bottom: 8px;
        }

        .tagsWrapper {
            flex-wrap: wrap;
            flex-direction: row;
            max-width: 33%;
            overflow: hidden;
            justify-content: flex-start;

            .blackTag {
                background: var(--Linear, linear-gradient(90deg, #39b6d8 6.41%, #f7d344 51.47%, #e38330 96.52%));
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font: 13px "go-medium";

                .inclassFlex {
                    background: unset;
                    background-clip: unset;
                    -webkit-background-clip: unset;
                    -webkit-text-fill-color: unset;
                    display: flex;
                    gap: 5px;
                    color: var(--white3);
                    font: 12px "go-regular";
                    align-items: baseline;
                    width: 22%;
                }
            }
        }

        .inclassFlex {
            width: 100%;
        }

        .outclassBox {
            max-width: 32%;
            position: relative;
            display: flex;
            z-index: 9;
            max-height: 337px;
            height: 100vh;
            overflow: hidden;
        }

        .outclassBox:hover::before {
            opacity: 1;
            transition: 0.4s;
        }

        .overLayMore {
            position: absolute;
            left: 0;
            width: 100%;
            color: var(--grey18);
            /* background: linear-gradient(204deg, #39b6d8 0%, #f7d344 50%, #e38330 100%); */
            background: var(--grey17);
            display: flex;
            padding: 25px 20px 25px;
            align-items: flex-start;
            flex-wrap: wrap;
            justify-content: flex-start;
            transition: 0.4s;
            align-content: center;
            max-height: 100%;
            bottom: -100%;
            z-index: 9;
            transition: 0.4s ease;
            height: 100%;
        }

        .overlayHeading {
            border-bottom: 1px solid var(--black5);
        }

        .readLessGradient {
            background: var(--gradient);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            cursor: pointer;
        }

        .overlayText {
            color: var(--grey18);
            font-family: "go-regular";
            font-size: 14px;
            font-weight: 400;
            line-height: 160%;
            /* 22.4px */
        }

        .outclassBox.active .overLayMore {
            bottom: 0;
            transition: 0.4s ease;
        }
    }

    .costLogistic {
        background: url() var(--black) no-repeat;
        background-position: top left;
        background-repeat: repeat-y;

        .costWrapper {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }

        .logisticsCard {
            width: 100%;
            margin-top: 20px;
        }

        .logisticsCard:nth-child(2) {
            margin-top: 0;
        }

        .heading {
            color: var(--white);
            font-size: 30px;
            font-weight: 700;
            line-height: 130%;
            margin-bottom: 40px;
        }

        .logisticsCardwrap {
            display: flex;
            flex-direction: column;
            gap: 8px;
            min-width: fit-content;
            margin-top: 20px;
        }

        .tagWrapper {
            display: flex;
            margin-bottom: 11px;
            width: fit-content;
        }

        .listing {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        & li {
            display: flex;
            gap: 8px;
        }

        & .costTag {
            background-color: #171717;
            padding: 6px 16px;
            border-radius: 6px;
        }

        .paracost {
            background: var(--Linear, linear-gradient(90deg, #39b6d8 6.41%, #f7d344 51.47%, #e38330 96.52%));
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font: 14px "go-medium";
            line-height: 172%;
            width: max-content;
        }

        .tabContent {
            font-size: 18px;
            font-family: 'go-medium';
            font-weight: 500;
            line-height: 160%;
            color: var(--grey18);
        }

        .tabContent span {
            color: var(--white);
            font-size: 18px;
            font-family: "go-bold";
            font-weight: 700;
            line-height: 160%;
        }

        .lineOver {
            text-decoration: line-through;
            color: var(--white);
        }

        .formWrap {
            width: 45%;
        }

        .noteText {
            font-size: 12px;
            margin-top: 12px;
            font-family: 'go-medium';
            color: var(--grey);
            font-weight: 500;
            line-height: 140%;
            /* 16.8px */
        }

    }
}


/* /temperory certificate end*/

/* High School Startup League CSS Start */

.highSchoolStartup .highSchoolSlider {
    overflow: hidden !important;
}

.highHero {
    padding: 80px 0;
    background: var(--black);
    color: var(--white);
}

.highHeroWrapper .newVideoPreviewHome {
    padding: 0;
}

.highHeroWrapper {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
}

.highHeroWrapperLeft {
    width: 100%;
    max-width: 542px;
}

.heroright {
    position: relative;
    width: fit-content;
    z-index: 100;
}

.highHeroWrapperRight .heroright::after {
    content: "";
    position: absolute;
    width: 103%;
    height: 347px;
    background: url("https://files.mastersunion.link/media/svg/gradientCardOutline.svg");
    left: -2%;
    background-repeat: no-repeat;
    z-index: -1;
    top: -10%;
    transform: rotate(-1deg);
    background-size: cover;
}

.highTitle {
    color: var(--white);
    font-family: 'go-bold';
    font-size: 42px;
    font-style: normal;
    line-height: 130%;
}

.hsslEnrollButton {
    background: none;
    color: #fff;
    font-family: var(--go-medium);
    cursor: pointer;
    transition: all .3s ease-in;
}

.hsslEnrollButton:hover {
    background: linear-gradient(102deg, #39b6d8 0%, #f7d344 50%, #e38330 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all .3s;
}

.noresults {
    text-transform: capitalize;
}

.highsubTitle {
    color: var(--grey4);
    font-family: 'go-regular';
    font-size: 16px;
    font-style: normal;
    line-height: 160%;
    font-weight: 400;
}

.highClass {
    display: flex;
    align-items: center;
    gap: 5px;
}

.highClass img {
    max-width: 12px;
}

.highClass p {
    font: 12px/30px var(--go-regular);
    color: var(--grey10);
}

.eventTag.blackeventTag {
    background: var(--black);
}

.eventTag.blackeventTag p {
    background: var(--Linear,
            linear-gradient(90deg, #39b6d8 6.41%, #f7d344 51.47%, #e38330 96.52%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font: 13px "go-medium";
}

.eventTagsWrapper {
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: flex-start;
}

.highBtnGroup {
    display: flex;
    gap: 30px;
    align-items: center;
}

.highAbout {
    padding: 80px 0 0;
    background: var(--white);
    color: var(--black);
    position: relative;
}

.challengesHeadWrap {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-end;
}

.tabbox>img {
    width: 100%;
}



.descpRLeft {
    width: 100%;
    max-width: 443px;
    position: relative;
}

.highList {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.h-list {
    display: flex;
    align-items: center;
    gap: 14px;
}

.h-list p {
    color: var(--grey16);
    font-family: "go-regular";
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
}

.highQualifierWrapper {
    display: flex;
    gap: 20px;
}

.highQualifyCard {
    width: 100%;
    max-width: 400px;
    flex-shrink: 0;
    border-radius: 10px;
    background: var(--black);
    color: var(--white);
}

.highCardImg {
    padding: 10px;
    position: relative;
}

.highTag {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 36px;
    background: var(--white);
    color: var(--black);
    font-family: "go-medium";
    font-size: 13px;
    font-style: normal;
    line-height: 140%;
    position: absolute;
    left: 20px;
    top: 20px;
}

.highCardDescp {
    padding: 5px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.h-cardTitle {
    color: var(--white);
    font-family: 'go-medium';
    font-size: 18px;
    line-height: 140%;
}

.highDivider {
    height: .5px;
    background: var(--grey3);
    border: none;
    width: 100%;
}

.highCardLiWrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.highCardLi {
    display: flex;
    gap: 8px;
    align-items: center;
}

.highCardLi img {
    max-width: 12px;
}

.highCardLi p {
    color: var(--grey16);
    font-family: "go-regular";
    font-size: 14px;
    font-style: normal;
    line-height: 160%;
}

.findSchool {
    color: var(--newWhite);
    display: flex;
    font-size: 15px;
    font-family: "go-bold";
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 54px;
    border: 1px solid var(--newYellow);
}

.findSchool img {
    filter: invert(1);
    width: 20px;
}

.findSchool:hover {
    color: var(--white);
    transition: all .2s ease-in-out;
}

.findSchool:hover img {
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
}

.findSchool:active {
    border: 1px solid var(--white);
}

/* HSSL Custom Dropdown CSS - Shubham */

.findSchoolDropdown {
    width: 100%;
}

.findSchoolDropdown select {
    display: none;
}

.dropdown-select {
    background-color: var(--black5);
    border-radius: 8px;
    border: 1px solid var(--black5);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 48px;
    outline: none;
    padding: 12px 24px;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

.dropdown-select .list ul li:first-child {
    z-index: -1;
    position: relative;
    cursor: not-allowed;
}

.dropdown-select:focus {
    background-color: var(--light-black);
}

.dropdown-select:hover {
    background-color: #232020;
}

.dropdown-select:active,
.dropdown-select.open {
    background-color: var(--black);
    border-color: var(--grey3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
}

.dropdown-select:after {
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777;
    -webkit-transform: origin(50% 20%);
    transform: origin(50% 20%);
    transition: all 0.125s ease-in-out;
    content: '';
    display: block;
    margin-top: -2px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
}

.dropdown-select.open:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.dropdown-select.open .list {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

.dropdown-select.open .option {
    cursor: pointer;
}

.dropdown-select.wide {
    width: 100%;
}

.dropdown-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.dropdown-select .list {
    box-sizing: border-box;
    transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    background-color: var(--black);
    border-radius: 6px;
    margin-top: 4px;
    padding: 3px 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    max-height: 250px;
    overflow: auto;
    border: 1px solid var(--black5);
}

.dropdown-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.dropdown-select .dd-search {
    width: 96%;
    display: flex;
    justify-content: space-between;
    margin: 0.5rem;
    gap: 5px;
}

.dropdown-select .dd-searchbox {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid var(--black5);
    border-radius: 4px;
    background: var(--black);
    outline: none;
    color: var(--white);
}

.dropdown-select .dd-searchbox:focus {
    border: .5px solid transparent;
    background: linear-gradient(var(--black) 0 0) padding-box,
        var(--gradient) border-box;
}

.enrollDropdownBtn {
    padding: 9px 10px;
    font-size: 13px;
    border-radius: 6px;
    background-color: var(--newWhite);
    border: none;
    font-weight: 600;
    cursor: pointer;
}

.enrollDropdownBtn:hover {
    transition: all 0.2s ease-in;
    background-color: var(--white);
}

.dropdown-select .list ul {
    padding: 0;
    color: var(--newWhite);
}

.dropdown-select .option {
    cursor: default;
    line-height: 30px;
    outline: none;
    padding-inline: 15px;
    text-align: left;
    transition: all 0.2s;
    list-style: none;
    font-family: var(--go-medium);
}

.dropdown-select .option:hover,
.dropdown-select .option:focus {
    background: linear-gradient(102deg, #39B6D8 0%, #F7D344 50%, #E38330 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: .2s ease;
}

.dropdown-select .option.selected {
    font-weight: 600;
    background: linear-gradient(102deg, #39B6D8 0%, #F7D344 50%, #E38330 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.current {
    display: flex;
    font-size: 15px;
    font-family: "go-bold";
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.dropdown-select .option:first-child {
    font-weight: 600;
}

.dropdown-select a {
    color: #aaa;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.dropdown-select a:hover {
    color: #666;
}


.findSchoolDropdown select {
    color: var(--white);
    text-align: center;
    font-family: "go-bold";
    font-weight: 600;
}

.findSchoolDropdown select option {
    font-family: "go-regular";
}

.hGreyTag {
    display: flex;
    padding: 8px 12px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 36px;
    background: var(--black5);
}

.highXtraMargin {
    margin-top: 107px;
}

.highQualifyCard:nth-child(2) .highCardImg {
    padding-bottom: 45px;
}

.hGreyTag p {
    color: var(--white);
    font-family: "go-regular";
    font-size: 13px;
    line-height: 140%;
}

.hGreyTag p span {
    font-size: 13px;
    font-family: "go-medium";
    line-height: 140%;
}

.highStartupWeeknd {
    background: var(--black);
    padding: 80px 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.highStartupWeekndWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.highStartupWeekndRight {
    display: flex;
    gap: 20px;
    align-items: center;
}

.hSchoolBg {
    display: flex;
    height: 125px;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    gap: 5px;
    border-right: 1px solid var(--black5);
}

.hSchoolBg:last-child {
    border-right: none;
}

.hSchoolBg p {
    color: var(--white);
    text-align: center;
    font-family: 'go-medium';
    font-size: 60px;
    font-style: normal;
    line-height: 120%;
}

.hSchoolBg p:first-child {
    color: var(--white);
    font-family: 'go-medium';
    font-size: 14px;
    line-height: 24px;
    text-transform: capitalize;
}

.hSchoolBgMob {
    display: flex;
    height: 125px;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    gap: 5px;
    border-radius: 10px;
    background: var(--black);
}

.highMobStartup .hSchoolBgMob:last-child {
    aspect-ratio: 1/1;
}

.hSchoolBgMob p:first-child {
    font-family: 'go-bold';
    font-size: 56px;
}

.hSchoolBgMob p {
    color: var(--white);
    font-family: 'go-bold';
    font-size: 15px;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
}

.highPreviousYrHighlights {
    padding: 80px 0;
    background: var(--black);
    border-bottom: 1px solid var(--black5);
}

.highPreviousWrapper {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.highPreviousWrapper .mastersRoaster {
    width: 100%;
    max-width: 25%;
}

.highSchoolSliderWrapper {
    width: 100%;
    overflow: hidden;
}

.highSchoolPreviousSliderWrap {
    width: 100%;
    max-width: 70%;
    overflow: hidden !important;
}

.highSchoolMarquee {
    padding: 60px 0;
    overflow: hidden;

    .go-HighlightHeading {
        text-align: center;
    }
}

.hSchoolWrapper {
    display: flex;
    position: relative;
    align-items: center;
    gap: 40px;
    animation: 18s linear infinite scroll;
    user-select: none;
}

.highSchool {
    flex: none;
}

@keyframes scroll {

    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-100% - 40px));
    }
}

.hsslParticipation {
    background: var(--grey16);
}

.participationRight {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-width: calc(33.3% - 18px);
}

.participationRight ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.participationRight ul li {
    color: var(--black5);
    font-size: 15px;
    font-family: var(--go-medium);
    line-height: 160%;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: 10px;
}

.participationRight ul li img {
    max-width: 14px;
}

.headingMubaat {
    font: 20px 'ss-bold';
    margin-top: 20px;
}

.highPreviousYrHighlights .nav-arrow {
    margin-top: 50px;
    display: inline-flex;
    line-height: 0;
}

.highSubmitBtnWrapper {
    display: flex;
    justify-content: flex-end;
}

/* // high-school swiper temp css start --> */

.highPreviousYrHighlights .swiper-slide {
    min-height: auto !important;
    padding: 0 5px;
}

.highPreviousYrHighlights .mainScrollableBoxReel {
    /* min-width: 221px; */
    /* max-width: 100%; */
    /* max-width: 218px; */
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    /* border: 1px solid var(--black); */
}

.highPreviousYrHighlights .mainScrollableBoxReel .littleView {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease-in-out;
}

/* High School Startup League CSS End */


/* High School Team Register Page CSS Start */

.hsslRegistrationForm {
    padding: 150px 0 !important;
    background: var(--black);
}

.hsslRegistrationForm .msg-error {
    visibility: hidden;
}

.AfterRegistration {
    border: 1px solid var(--black5);
    border-radius: 5px;
    background-color: var(--black);
    padding: 20px 30px 40px;
    max-width: 100%;
    width: 850px;
    margin: 0 auto;
}

.fixingthanku {
    justify-content: center;
    display: flex;
    padding: 20px;
}

.formPersonalDetails {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 10px;
}

.inputGrup label {
    color: var(--white);
}

.inputGrup .inputType {
    width: 100%;
    display: flex;
    align-items: center;
    background: var(--black);
    gap: 15px;
    padding: 16px;
    border: 1px solid var(--black5);
    border-radius: 5px;
}

.inputGrup .inputType select {
    cursor: pointer;
}

.inputGrup .inputType input {
    border: none;
    line-height: 120%;
    font-family: "go-regular";
    width: 100%;
    background: var(--black);
    color: var(--white);
}

.inputGrup .inputType:focus-within {
    border: 1px solid var(--grey15);
}

.inputType input::placeholder {
    color: var(--white) !important;
    opacity: .4;
}

.inputType input:-ms-input-placeholder {
    color: var(--white) !important;
    opacity: .4;
}

.hsslRegistrationForm select:focus {
    outline: none;
}

.newedition {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.ccPhone .flexbox select {
    color: var(--white);
    background: var(--black);
    appearance: none;
    padding: 17px;
    border: 1px solid var(--black5);
    border-radius: 5px;
    outline: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
    max-width: 22%;
}

.ccPhone .flexbox select:focus-within {
    border: 1px solid var(--grey15);
}

.inputSelectClass select {
    appearance: auto;
    color: var(--white);
    background: var(--black);
}

/* High School Team Register Page CSS End */

/* High School ENroll Popup CSS Start */


.twoColLayout .popupContainer {
    max-width: 650px !important;
}

/* High School Startup League CSS End */

.youngleader {
    padding-top: 120px;
    background: url('https://files.mastersunion.link/media/img/Leader/YoungLeaderBanner.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.rightSection .feeBox {
    min-width: 760px;
}

.reelWrapper {
    position: relative;
    overflow: hidden;
    min-height: 420px;
}

.LeaderSliderMenaLanding .opportunityWrapper .masterBox {
    max-width: unset;
    min-width: unset;
}

.LeaderSliderMenaLanding .opportunityWrapper {
    flex-wrap: unset !important;
    overflow: unset;
}

.reelPoster {
    position: absolute;
    top: 0;
    border-radius: 10px;
    left: 0;
    z-index: -1;
    height: 414px;
}

.LeaderProgramme .swiper {
    overflow: hidden !important;
}

.reelWrapper.youtubeWrapper video {
    top: 50%;
    width: 97%;
    left: 6px;
    transform: translate(-3px, -50%);
}

.reelWrapper video {
    top: 3px;
    max-height: 414px;
    left: 0;
    position: absolute;
    width: 100%;
}


.LeaderProgramme .abouttimevid {
    width: 100%;
}

.greyborder {
    border-color: var(--grey4) !important;
}

.BootcampCard {
    border-radius: 16px;
    border: 1px solid var(--grey4);
    background: var(--white);
    width: 32%;
    overflow: hidden;
}

.CardInner {
    padding: 15px;
}

.Leaderlogistics {
    background: url('https://images.mastersunion.link/uploads/23012025/v1/LeaderFee.webp');
    background-size: cover;
}

.costDetails {
    background: url('https://files.mastersunion.link/media/img/Leader/costBG.svg'), var(--black);
    padding: 35px;
    border-radius: 16px 0 0 16px;
    width: 53%;
    max-height: 290px;
    background-repeat: no-repeat;
    position: relative;
    /* top: 20px; */
    left: 20px;
}

.logisticsDetails {
    background: var(--white);
    background-position: right;
    padding: 55px 35px;
    border-radius: 16px;
    width: 58%;
    background-repeat: no-repeat;
}

.pl-45 {
    padding-left: 46px;
}


.twoColLayout .flexInput {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    gap: 15px;
}

.twoColLayout .PopupformWrapper .right {
    width: 100% !important;
    max-width: 100% !important;
}

.twoColLayout .PopupformWrapper .formContainer .inputGroup:first-child {
    margin-top: 30px;
}

/* High School ENroll Popup CSS End */

/* High School Leaderboard Waitlist CSS Start */

.hsslLeaderboardWaitPopup .popupContainer {
    width: unset;
    max-width: unset;
    padding: 15px;
    background: var(--black);
    border: 1px solid var(--grey9);
}

.hsslLeaderboardWaitPopup .PopupformWrapper {
    flex-direction: column;
    gap: unset;
}

.hsslLeaderBoardPopBottm {
    display: flex;
    flex-direction: column;
    text-align: center;
    background: var(--black);
    width: 100%;
}

.hsslLeaderboardWaitPopup .votingPill-hssl {
    font-size: 24px;
    line-height: 130%;
    padding: 10px 18px;
    color: var(--white);
    text-align: center;
    font-family: var(--go-bold);
}

.hsslTimer {

    display: flex;
    justify-content: center;
    gap: 10px;
    font-weight: bold;
    font-size: 2.2rem;
}

.hsslTimer .time-box {
    display: flex;
    flex-direction: column;
    align-items: center;

}

.hsslTimer .time-box .font56 {
    font-size: 56px;
    line-height: 120%;
}

.hsslTimer .timeFix {
    position: relative;
    top: 5px;
}

.hsslTimer .label {
    font-size: 15px;
    line-height: 120%;
    margin-top: 5px;
    color: var(--grey10);
}

.hsslLeaderboardWaitPopup .votingPill-hssl span {
    font-size: 24px;
    font-weight: 700;
    font-family: var(--go-bold);
}

.fixingthanku .congrats-inner>h3 {
    text-align: center;
    font-family: var(--go-regular);
    line-height: 140%;
}

/* High School Leaderboard Waitlist CSS End */

/* Media Queries for responsiveness */

@media screen and (max-width: 767px) {

    .formPersonalDetails {
        grid-template-columns: 100%;
    }

    .twoColLayout .flexInput {
        grid-template-columns: 100%;
        gap: 15px;
    }

    .highSchoolPreviousSliderWrap {
        max-width: 100%;
    }

    .hsslParticipation {
        background: var(--grey16) !important;
    }

    .twoColLayout .popupContainer {
        max-height: 610px;
        overflow-y: scroll;
    }

    .hsslParticipation .missionFlex {
        flex-direction: column;
    }

    .participationRight {
        max-width: 100%;
    }

    .highHeroWrapperRight .heroright::after {
        width: 150%;
        height: 167%;
        top: -31%;
        scale: 0.7;
        left: -25%;
    }

}

.mastermindBodWrapper {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;


}

.mastermindBodWrapper .imgWrapper {
    width: 45%;
}

.mastermindBodWrapper .mastersList li {

    gap: 10px;
}

.mastermindBodWrapper .mastersList li img {
    max-width: 16px;
    top: 3px;
    position: relative;
}

.milestoneWrapper {
    display: flex;
    gap: 20px;
}

.masterlistPara {
    font-family: 'go-bold';
}

.procedureImg {
    visibility: hidden;
}

.cyberPark2024 .selectInput {
    color: var(--grey17);
}

.cyberPark2024 .selectInput {
    background: var(--white);
}

.Monsoon .feeProcessContainer .rightSection::before {
    background: linear-gradient(180deg, #f7d344, #e38330);
}

.Monsoon .procedureImgGrad {
    visibility: visible !important;
}

.Monsoon .highHero {
    background: url('/assets/img/monsonnbanner.png');
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.Monsoon .highClass img {
    max-width: max-content;
}

.Monsoon .highClass p {
    font: 16px var(--go-regular);
    color: var(--grey4);
}

.Monsoon .timeline {
    background: url('/assets/img/timelinebg.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0;
}

.Monsoon .timeline .faqtabs {
    display: flex;
    align-items: center;
    gap: 15px;
}

.Monsoon .timeline .faqtabs li {
    padding: 6px 13px;
    font-size: 14px;
    font-family: var(--go-medium);
    color: var(--grey);
    border-radius: 5px;
    border: 1px solid var(--grey);
    cursor: pointer;
    transition: 0.4s;
}

.Monsoon .timeline .faqtabs li.active {
    color: var(--white);
    transition: 0.4s;
    border: 1px solid transparent;
    background: linear-gradient(var(--black) 0 0) padding-box,
        linear-gradient(90deg, #39B6D8 6.41%, #F7D344 51.47%, #E38330 96.52%) border-box;
}

.Monsoon .agendawrapper {
    padding: 20px;
    display: flex;
    align-items: flex-start;
    max-height: max-content;
    gap: 10px;
    flex-direction: column;
    border-radius: 10px;
    border: 1px solid var(--black1);
    background: var(--white);
    width: 24%;
}

.Monsoon .agendawrapper .agendainner {
    display: flex;
    align-items: center;
    padding: 11px 13px 11px 11px;
    gap: 10px;
    border-radius: 5px;
    border: 1px dashed #585858;
}

.Monsoon .blackwaves {
    background-color: #1E1E1E;
    background-image: url('/assets/img/meetmasterbackground.png');
}

.Monsoon .feedetail {
    padding: 20px;
    border-radius: 15px;
    border: 1px solid var(--343434, #343434);
    background: var(--1E1E1E, #1E1E1E);
}

.Monsoon .mastersList li {
    gap: 10px;
}

.Monsoon .rightSection .feeBox {
    min-width: 760px;
    cursor: pointer;
}

.Monsoon .rightSection .feeBox.active .toggler {
    transform: rotate(180deg);
    transition: 0.4s ease-in;
}

.Monsoon .rightSection::before {
    left: 4.4% !important;
}

.Monsoon .feeProcessContainer {
    flex-direction: column;
    width: 67%;
}

.Monsoon .feeProcessContainer .header {
    justify-content: space-between;
    border-radius: 10px;
}




/* vishali event page start */
@media (max-width: 767px) {
    .v_winterCampWrapper .programmeHeading .mob-hide {
        display: block !important;
    }

    .v_winterCampWrapper .muvector::after {
        bottom: -9%;
    }

    .v_mastermindHeading .mob-view {
        display: block !important;
    }
}

.v_mastermindHeading .mob-view {
    display: none;
}

/* High School Startup Leaderboard CSS Start */

.hsslRegisterBtn {
    display: flex;
    padding: 16px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 54px;
    border: 1px solid var(--newYellow);
    color: var(--white);
    font-family: "MintExtraBold";
    text-align: center;
    font-size: 13px;
}

.hsslRegisterBtn:hover {
    color: var(--newYellow);
    border: 1px solid var(--newWhite);
    transition: all .2s ease-in;
}

.hsslRegisterBtn:hover img {
    transform: translateX(2px) translateY(-2px);
    transition: all .2s ease-in;
}

.hsslRegisterBtn:active {
    border-color: var(--newYellow);
}

.hsslLeaderboard {
    background: url(/assets/img/svg/intersect/hssl/hsslLeaderboardBg.png) var(--black);
    padding: 120px 0 80px !important;
    color: var(--white);
    background-position: center;
}

.teamList {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.populatedteamList {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.liveTeamResults:hover .teamDetails {
    transition: 0.2s ease-in;
    background: linear-gradient(92deg, #39b6d8 7.6%, #f7d344 53.43%, #e38330 99.26%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.liveTeamResults:hover .resultLabel {
    border: 1px solid var(--grey9);
}

.liveTeamResults .iconButton {
    padding: 4px 8px;
}

.resultLabelHeader {
    color: rgba(255, 255, 255, 0.60);
    display: flex;
    justify-content: flex-start;
    padding: 5px 25px;
    align-items: center;
    gap: 30px;
    font-family: var(--go-medium);
    font-size: 13px;
    line-height: 120%;
    letter-spacing: 0.65px;
    min-height: 57px;
    text-transform: uppercase;
}

.resultLabelHeader p:nth-child(1) {
    width: 40px;
}

.resultLabelHeader p:nth-child(2) {
    width: 410px;
}

.resultLabelHeader p:nth-child(3) {
    width: 150px;
}

.resultLabelHeader p:nth-child(4) {
    width: 150px;
}

.resultLabelHeader p:last-child {
    width: 135px;
    padding-left: 35px;
}

.resultLabel {
    display: flex;
    justify-content: flex-start;
    padding: 5px 25px;
    align-items: center;
    gap: 30px;
    color: var(--white);
    font-family: var(--go-medium);
    font-size: 13px;
    line-height: 120%;
    letter-spacing: 0.65px;
    border-radius: 5px;
    background: var(--grey17);
    min-height: 57px;
    cursor: pointer;
}

.resultLabel p:nth-child(1) {
    width: 40px;
}

.resultLabel p:nth-child(2) {
    width: 410px;
}

.resultLabel p:nth-child(3) {
    width: 150px;
}

.resultLabel p:nth-child(4) {
    width: 150px;
}

.resultLabel p:last-child {
    width: 100px;
}

.teamDetails {
    color: var(--white);
    display: inline-flex;
    align-items: center;
    gap: 12px;
    transition: 0.2s ease-in;
}

.hFirst {
    color: #F7D544;
}

.hSecond {
    color: #5BBCBD;
}

.hThird {
    color: #ECA639;
}

.rightInContent {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.topInsights {
    border-radius: 8px;
    background: var(--black);
    width: 100%;
    max-width: 520px;
    flex-shrink: 0;
    color: var(--white);
    padding: 30px;
}

.insightTitle {
    color: var(--white);
    font-family: "go-bold";
    font-size: 24px;
    line-height: 110%;
    position: relative;
}

.hssl-row {
    display: flex;
    justify-content: space-between;
}

.hssl-row>div {
    width: 100%;
    max-width: 50%;
}

.insigh {
    width: 100%;
    height: 1px;
    border: 1px solid var(--light-black);
    margin: 20px 0 30px 0;
}

.insightsPoints {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.textLight {
    opacity: 0.7;
}

.insightTitleSchool {
    color: var(--newYellow);
    font-family: "MintBold";
    font-size: 24px;
    line-height: 110%;
    position: relative;
}

/* High School Startup Leaderboard CSS end */

/* HSSL Leaderboard detail CSS */

.hsslteamDetails {
    padding: 120px 0 80px !important;
    background: var(--black);
    color: var(--white);
    border-top: 1px solid var(--dark-grey);
}

.backLeaderboard {
    display: flex;
    gap: 6px;
    align-items: center;
    color: var(--white);
    font-family: "go-regular";
    font-size: 14px;
    font-weight: 500;
    line-height: 160%;
}

.backLeaderboard:hover {
    text-decoration: underline;
}

.backLeaderboard:hover img {
    transform: rotate(-140deg);
    transition: all.3s ease;
}

.backLeaderboard img {
    transform: rotate(-180deg);
}

.teamDetailWrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    position: relative;
}

.teamLeft {
    width: 100%;
    max-width: 530px;
}

.teamName {
    color: var(--white);
    font-family: "go-bold";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 103%;
    text-transform: capitalize;
    position: relative;
}

.teamName::after {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    top: 0;
    left: 31.5%;
    background: url(/assets/img/svg/intersect/hssl/highlight-bling-line.svg);
}

.schoolName {
    color: #A2A2A2;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "go-regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.lightBreaker {
    height: 0.5px;
    border: none;
    border-bottom: 1px solid var(--black5);
    margin-block: 20px;
}

.stuNames {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

.stuNames li {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.stuNames li a {
    width: 100%;
    max-width: 55px;
}

.stuNames li a img {
    opacity: .7;
    width: 100%;
}

.stuNames li a:hover img {
    opacity: 1.1;
    transition: all .1s ease-in;
}

.textSmall {
    display: inline;
    font-family: "go-regular";
    font-size: 13px;
    line-height: 140%;
    background: linear-gradient(92deg, #39b6d8 7.6%, #f7d344 53.43%, #e38330 99.26%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.teamRight {
    display: flex;
    flex-direction: column;
    position: relative;
}

.scrollWrapper {
    position: sticky;
    top: 65px;
}

.hsslBtnWrapper {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 30px;
    padding-inline: 40px;
}

.scrollWrapper .currVotes {
    padding-inline: 60px;
}

.testimonialWrapper {
    display: flex;
    gap: 20px;
}

.hsslSocialWrapper {
    display: flex;
    gap: 40px;
    justify-content: end;
}


/* HSSL Additional CSS Start */

.hsslBtnWrapper a {
    width: 235px;
}

.hsslBtnWrapper a button {
    width: 235px;
}

.hsslXploreUGProgrammes {
    padding: 60px 0 !important;
    background-position: unset;
}

.hsslXploreUGProgrammes .programme-cards-wrapper {
    justify-content: center;
}

.hsslBtnWrapper .gradientButton .iconButton {
    justify-content: center;
}

.hsslSocialMedia {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.liveTeamResults:hover .teamDetails>svg {
    transform: translate(5px, 0);
    transition: .2s ease-in;
}

.hssl-link-wrapper {
    position: relative;
    width: 24px;
    height: 24px;
}

.hssl-default-link {
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease;
}

.hssl-hover-link {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.hssl-link-wrapper:hover .hssl-default-link {
    opacity: 0;
}

.hssl-link-wrapper:hover .hssl-hover-link {
    opacity: 1;
}

.currVotes {
    display: flex;
    justify-content: space-between;
}

.currVotes>div {
    width: 100%;
    max-width: 310px;
}

.compDetail h4 {
    color: var(--black);
    font-family: "MintMedium";
    font-size: 24px;
    line-height: 110%;
}

.compDetail p {
    color: var(--black);
    font-family: "MintRegular";
    font-size: 13px;
    font-weight: 400;
    line-height: 160%;
    margin-top: 8px;
}

.hsslInsights {
    display: flex;
}

.insightContainer {
    width: 100%;
    max-width: 50%;
    line-height: 0;
}

.insightContainer img {
    width: 100%;
}

.rightInContent {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.topInsights {
    border-radius: 8px;
    background: var(--black);
    width: 100%;
    max-width: 520px;
    flex-shrink: 0;
    color: var(--white);
    padding: 30px;
}

.insightTitle {
    color: var(--white);
    font-family: "MintBold";
    font-size: 24px;
    line-height: 110%;
    position: relative;
}

.hssl-row {
    display: flex;
    justify-content: space-between;
}

.hssl-row>div {
    width: 100%;
    max-width: 50%;
}

.insigh {
    width: 100%;
    height: 1px;
    border: 1px solid var(--light-black);
    margin: 20px 0 30px 0;
}

.insightsPoints {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.insightTitleSchool {
    color: var(--newYellow);
    font-family: "MintBold";
    font-size: 24px;
    line-height: 110%;
    position: relative;
}

/* High School Startup Leaderboard CSS end */

/* HSSL Leaderboard detail CSS */

.hsslteamDetails {
    padding: 120px 0 80px !important;
    background: var(--black);
    color: var(--white);
    border-top: 1px solid var(--dark-grey);
}

.backLeaderboard {
    display: flex;
    gap: 6px;
    align-items: center;
    color: var(--white);
    font-family: "go-regular";
    font-size: 14px;
    font-weight: 500;
    line-height: 160%;
}

.backLeaderboard:hover {
    text-decoration: underline;
}

.backLeaderboard:hover img {
    transform: rotate(-140deg);
    transition: all.3s ease;
}

.backLeaderboard img {
    transform: rotate(-180deg);
}

.teamDetailWrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    position: relative;
}

.teamLeft {
    width: 100%;
    max-width: 530px;
}

.teamName {
    color: var(--white);
    font-family: "go-bold";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 103%;
    text-transform: capitalize;
    position: relative;
}

.teamName::after {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    top: 0;
    left: 31.5%;
    background: url(/assets/img/svg/intersect/hssl/highlight-bling-line.svg);
}

.schoolName {
    color: #A2A2A2;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "go-regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.lightBreaker {
    height: 0.5px;
    border: none;
    border-bottom: 1px solid var(--black5);
    margin-block: 20px;
}

.stuNames {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

.stuNames li {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.stuNames li a {
    width: 100%;
    max-width: 55px;
}

.stuNames li a img {
    opacity: .7;
    width: 100%;
}

.stuNames li a:hover img {
    opacity: 1.1;
    transition: all .1s ease-in;
}

.textSmall {
    display: inline;
    font-family: "go-regular";
    font-size: 13px;
    line-height: 140%;
    background: linear-gradient(92deg, #39b6d8 7.6%, #f7d344 53.43%, #e38330 99.26%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.teamRight {
    display: flex;
    flex-direction: column;
    position: relative;
}

.scrollWrapper {
    position: sticky;
    top: 65px;
}

.hsslTeamVideoBanner {
    width: 100%;
    max-width: 610px;
    height: auto;
    max-height: 410px;
    margin: 0 auto;
    overflow: hidden;
}

.hsslTeamVideoBanner .video {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.hsslTeamTestimonialBanner {
    width: 100%;
    max-width: 402px;
    height: auto;
    border-radius: 10px;
    max-height: 367px;
    margin: 0 auto;
    overflow: hidden;
}

.hsslTeamTestimonialBanner .video {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.hsslBtnWrapper {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 30px;
    padding-inline: 40px;
}

.scrollWrapper .currVotes {
    padding-inline: 60px;
}

.testimonialWrapper {
    display: flex;
    gap: 20px;
}

.hsslSocialWrapper {
    display: flex;
    gap: 40px;
    justify-content: end;
}


/* HSSL Additional CSS Start */

.hsslBtnWrapper a {
    width: 235px;
}

.hsslBtnWrapper a button {
    width: 235px;
}

.hsslXploreUGProgrammes {
    padding: 60px 0 !important;
    background-position: unset;
}

.hsslXploreUGProgrammes .programme-cards-wrapper {
    justify-content: center;
}

.hsslBtnWrapper .gradientButton .iconButton {
    justify-content: center;
}

.hsslSocialMedia {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.liveTeamResults:hover .teamDetails>svg {
    transform: translate(5px, 0);
    transition: .2s ease-in;
}

.hssl-link-wrapper {
    position: relative;
    width: 24px;
    height: 24px;
}

.hssl-default-link {
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease;
}

.hssl-hover-link {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.hssl-link-wrapper:hover .hssl-default-link {
    opacity: 0;
}

.hssl-link-wrapper:hover .hssl-hover-link {
    opacity: 1;
}

.currVotes {
    display: flex;
    justify-content: space-between;
}

.currVotes>div {
    width: 100%;
    max-width: 50%;
}

.currVotes>div:first-child {
    border-right: 1px solid #6c6c6c;
}

.currVotes> :last-child {
    margin-left: 35px;
}

.highAbout {
    padding: 80px 0 !important;
}

.hsslNewLeaderboard {
    padding: 60px 0;
    background: var(--white3);
}

.hsslNewLeaderboard .hssl__wrapper {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.hsslNewLeaderboard .hssl__wrapper .hsslCountDownBox {
    border-radius: 10px;
    background: var(--black);
    width: 100%;
    max-width: 379px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 20px;
}

.hsslNewLeaderboard .hssl__wrapper .hsslCountDownBox .hsslCountDownTimer {
    padding: 20px;
}

.hsslNewLeaderboard .hssl__wrapper .hsslCountDownBox .hsslCountDownTimer .teamName {
    color: var(--white);
    font-family: "go-bold";
    font-size: 24px;
    line-height: 110%;
}

.hsslNewLeaderboard .hssl__wrapper .hsslCountDownBox .hsslCountDownTimer .highCardLiWrap .highCardLi {
    align-items: baseline;
}

.hsslNewLeaderboard .hssl__wrapper .lightBreaker {
    height: 0.5px;
    border: none;
    border-bottom: 1px solid var(--black5);
    margin-block: 20px;
}

.hsslNewLeaderboard .hssl__wrapper .hsslTimer {

    display: flex;
    justify-content: center;
    gap: 10px;
    font-weight: bold;
    font-size: 2.2rem;
}

.hsslNewLeaderboard .hssl__wrapper .hsslTimer .time-box {
    display: flex;
    flex-direction: column;
    align-items: center;

}

.hsslNewLeaderboard .hssl__wrapper .hsslTimer .time-box .font56 {
    font-size: 56px;
    line-height: 120%;
}

.hsslNewLeaderboard .hssl__wrapper .hsslTimer .timeFix {
    position: relative;
    top: 5px;
}

.hsslNewLeaderboard .hssl__wrapper .hsslTimer .label {
    font-size: 15px;
    line-height: 120%;
    margin-top: 5px;
    color: var(--grey10);
}

/* HSSL Vote Popup */

.hsslVotePopup .popupContainer {
    width: 30%;
    padding: 15px 20px;
    overflow: unset;
}

.hsslVotePopup .popupContainer .registerbox {
    padding: 0;
    width: 100%;
    gap: 15px;
}

.hsslVotePopup .popupContainer .registerbox::before {
    background: none;
    height: 0;
}

.hsslVotePopup .popupContainer .registerbox .otpInput {
    position: relative;
    padding: 3px;
}

.hsslVotePopup .popupContainer .registerbox .otpInput .otpCountryCode {
    margin-top: unset;
}

.hsslVotePopup .popupContainer .registerbox .otpInput .getOtpBtn .iconButton {
    padding: 5px 10px;
    text-wrap: nowrap;
}

/* HSSL Share Event Popup */

.hsslLeaderboardSharePopup .popupContainer {
    width: unset;
    max-width: 22%;
    padding: 15px;
    background: var(--white);
    border: 1px solid var(--grey9);
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper {
    flex-direction: column;
    position: relative;
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .topFloaters {

    display: block;
    width: 100%;
    overflow: hidden;
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .topFloaters .share-social-link {
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    min-width: 75px;
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .topFloaters .share-social-link span {
    font-size: 13px;
    line-height: 120%;
    font-family: var(--go-regular);
    color: var(--grey15);
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .copyEventLink {
    width: 100%;
    border: 1px solid transparent;
    background: linear-gradient(var(--white) 0 0) padding-box, var(--gradient) border-box;
    border-radius: 4px;

}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .copyEventLink .eventLink {
    background: var(--white);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px 16px;
    border-radius: 5px;
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .copyEventLink .eventLink .linK {
    font: 15/24px var(--go-medium);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 90%;
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .copyEventLink .eventLink .copy-link-wrapper {
    position: relative;
    display: inline-block;


}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .copyEventLink .eventLink .copy-link-wrapper .copy-link {
    cursor: pointer;
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .copyEventLink .eventLink .copy-link-wrapper .copy-link:active path {
    stroke: var(--warning);
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .copyEventLink .eventLink .copy-link-wrapper .tooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--grey15);
    color: var(--white);
    padding: 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-family: var(--go-regular);
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .copyEventLink .eventLink .copy-link-wrapper:hover .tooltip {
    visibility: visible;
    opacity: 1;
}

/* HSSL Additional CSS End */

.vHsslLeaderHeading .searchBarWrapper {
    border-radius: 4px;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 5px;
    background: #171717;
    padding-left: 11px;
    margin-bottom: 20px;
}

.vHsslLeaderHeading .searchBarWrapper input {
    color: #737373;
    padding: 11px 8px;
    width: 100%;
    background: transparent;
}

.vHsslLeaderHeading .searchBarWrapper input::placeholder {
    color: #737373 !important;
}

/* winter week new start */
.newWinter .programmeHeading {
    color: var(--white);
    font-size: 3.46rem;
    font-family: "go-extrabold";
    line-height: 130%;
}

.newWinter .newCourseSchedule .rightSection::before {
    content: "";
    width: 5px;
    height: calc(100% + 80px);
    background: var(--grey4);
    position: absolute;
    left: 3.2%;
    z-index: 0;
}

.newWinter #growingDiv {
    content: "";
    width: 5px;
    max-height: 363%;
    background: linear-gradient(180deg, #f7d344, #e38330);
    position: absolute;
    /* left: 408px; */
    z-index: 1;

}

@media (min-width: 1024px) and (max-width: 1540px) {
    .newWinter #growingDiv {
        left: 25.55rem
    }
}

.newWinter .v_sectionContent {
    display: flex;
    gap: 11px;
    align-items: center;
}

.newWinter .newCourseDetail .costDetails {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.newWinter .v_mastermindHeading .mastermindBodWrapper {
    align-items: center;
    flex-wrap: wrap;
}

.newWinter .v_mastermindHeading .left {
    max-width: 55%;
    width: 100%;
}

.newWinter .right {
    width: 46%;
}

.newWinter .mastersList {
    margin-top: 20px;
}

.newWinter .imgWrapper {
    max-width: calc(45% - 50px);
    width: 100%;
}

.v_mastermindHeading .left {
    max-width: 55%;
    width: 100%;
}

.newWinter .applicationProcess {
    background: var(--white3);
}

.newWinter .applicationProcessWrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 50px;
}

.newWinter .applicationLeft {
    width: 100%;
    max-width: 45%;
    display: flex;
    flex-direction: column;
}

.newWinter .applicationContent {
    margin-top: 43px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.newWinter .applicationList {
    display: flex;
    gap: 8px;
    align-items: baseline;
}

.newWinter .applicationList>img {
    position: relative;
    top: 2px;
}

.newWinter .text-14 {
    color: var(--New-Color-Neutral-262626, #262626);
    font-family: "go-semibold";
    font-size: 14px;
    font-weight: 600;
    line-height: 160%;
    /* 22.4px */
}

.newWinter .applicationText {
    color: var(--New-Color-Neutral-737373, #737373);
    font-family: "go-regular";
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
}

.newWinter .applicationRight {
    width: 100%;
    max-width: 45%;
}

.newWinter .borderLine {
    width: 100%;
    background-color: #E5E5E5;
    height: 1px;
}

.newWinter .mastermindText {
    font-family: "go-semibold";
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: var(--Secondary-text-color, #3B3B3B);
}

.newWinter .masterContent {
    color: var(--Secondary-text-color, #3B3B3B);
    font-family: "go-regular";
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.newWinter .programmeGreyCard {
    position: absolute;
    bottom: 13px;
    right: 4px;
    background: var(--black5);
    padding: 10px 15px;
    border-radius: 10px;
    display: inline-flex;
    gap: 8px;
    align-items: center;
}

.newWinter .heroIcon {
    width: 36px;
    height: 36px;
}


/* MENA LANDING PAGE START */

.menaLanding .menaherolanding .left {
    width: 100%;
    max-width: 46%;

}

.menaLanding .menaherolanding .left .detailsBox {
    display: flex;
    gap: 10px;
    padding: 10px 15px;
    border-radius: 30px;
    border: 1px solid transparent;
    background: linear-gradient(var(--black) 0 0) padding-box,
        linear-gradient(90deg, #39B6D8 6.41%, #F7D344 51.47%, #E38330 96.52%) border-box;
}

.menaLanding .rightmena {
    width: 100%;
    max-width: 40%;
}

.menaLanding .rightmena .eventRight {
    width: 100%;
}

.menaLanding .rightmena .eventRight .menaForm {
    max-width: 98%;
}

.menaLanding .rightmena .eventRight .menaForm .gradientButton {
    /* max-width: 96%; */
    width: 100%;
}

.menaLanding .rightmena .eventRight .menaForm .gradientButton .iconButton {
    justify-content: center;
}

.menaLanding .milestoneWrapper {
    gap: 0;
    padding-bottom: 1px;
}

.menaLanding .menaWhitebg {
    background: url(https://files.mastersunion.link/resources/img/oppertunityBG.webp), white;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    background-position-x: left;
}

.menaLanding .menaWhitebg .menaLandingswiper .BootcampCard {
    padding: 20px;
    border-radius: 16px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);

}

.menaLanding .menaWhitebg .menaLandingswiper .BootcampCard .CardInner {
    padding: 0;
    margin-top: 20px;
}

.menaLanding .menaWhitebg .menaLandingswiper .BootcampCard img {
    border-radius: 8px;
}

.menaLanding .menaStories {

    background: url(https://files.mastersunion.link/resources/svg/meetMasterbg.svg) var(--black);
    background-repeat: no-repeat;
    background-position: top;
    background-position-x: left;

}

@media (max-width:767px) {

    .menaLanding .menaStories {
        background-size: contain
    }
}

.menaLanding .menaStories.whiteVictories .navigationWrapper ul {
    background: var(--grey17);
}

.menaLanding .menaStories.stories .navigationWrapper {
    margin: 40px 0 40px;
}

.menaLanding .menaStories .stories {
    padding: 0;
}

.menaLanding .menaStories .swiper-slide .masterBox {
    padding: 0;
    background: var(--black);
    gap: 0;
    box-shadow: none;
}

.menaLanding .menaStories .gradientGlobal {
    background: linear-gradient(91deg, #39B6D8 27.44%, #F7D344 36.39%, #E38330 45.35%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'go-regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.menaLanding .menaStories .CardInner {
    padding: 15px 0 0 0;
}

.menaLanding .menaStories .transformheading {
    letter-spacing: 0.48px;
    line-height: 140%;
}

.menaLanding .menaStories .transformpera {
    letter-spacing: 0.26px;
    line-height: 160%;
    font-size: 13px;
    font-weight: 600;
}

.menaLanding .menaStories .masterPlay img {
    width: 14%;
}

.menaLanding .menaStories .tabs li {
    color: var(--grey);
}

.menaLanding .menaStories.stories.whiteVictories .swiper-slide .masterBox {
    min-height: 0 !important;
}

.menaLanding .feeProcess .headingSmall {
    font-family: var(--go-medium);
    font-size: 12px;
    color: var(--grey10);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.menaLanding .feeProcess .sectionHeading {
    font-size: 30px;
    color: var(--white);
}

.menaLanding .feeProcess .leftHeading {
    color: var(--white);
}

.menaLanding .collaboration .innerBox1 {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.menaLanding .collaboration .innerBox1 .wrapperinner {
    width: 180px;
    padding: 20px;
    align-items: flex-start;
    border-radius: 16px;
    background: var(--white);
    box-shadow: 0px 0px 36px 2px rgba(192, 192, 192, 0.25);
}

.menaLanding .collaboration .innerBox1 .wrapperinner .paragraph {
    display: flex;
    align-items: flex-start;
}

.menaLanding .opportunityWrapper {
    flex-wrap: nowrap;
    gap: 0;
}

.menaLanding .faq .mena-Faq-Sections-landing {
    width: 100%;
}

.menaLanding .feeBox .body {
    background: var(--grey17) !important;
    border: none;
}

.menaLanding .rightSection .subContent {
    color: var(--grey10);
    font-family: "go-medium";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    /* 22.4px */
}

.menaLanding .detailsList .list li {
    font-size: 12px;
    font-weight: 400;
    font-family: "go-regular";
    color: var(--grey10);
}


/* MENA LANDING PAGE END */

/* summerStartupEvent start */
.summerStartupEvent {
    .leaderWrapper {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .registerForm {
        gap: 10px;
    }

    .inputBox {
        margin-top: 2px;
    }

    .mobMentor {
        background: var(--black) !important;
    }

    .form label {
        font-size: 0.875rem;
        line-height: 160%;
    }

    .programmeGreyCard .editionItalic {
        font-size: 14px;
    }

    .select-form-arrow:after {
        top: 40px;
    }

    .editionItalic {
        font-size: 18px;
        font-style: italic;
        font-weight: 400;
        line-height: 140%;
        color: var(--grey4);
        font-family: "Fraunces", serif;
    }

    .editionDivi>p {
        max-width: 100% !important;
    }

    .boxiSummer {
        width: 100%;
        height: 100%;
        background: var(--black);
    }

    .heroWrapper .left {
        width: 52%;
    }

    .formWrap {
        width: 100%;
        max-width: 47%;
    }

    .imgWrap {
        max-width: 52%;
        position: sticky;
        top: 10rem;
    }

    .interestDivi.new .sectionHeadingTech {
        position: sticky;
        top: 6rem;
    }

    .youngleader .sectionHeadingTech {
        font-size: 48px;
        line-height: 110%;
    }

    .youngleader .sectionHeadingItalic {
        font-size: 52px;
    }

    .interestForm {
        background: var(--black);

        .sectionHeadingItalic {
            font-style: normal;
        }
    }

    .interestDivi {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .registerForm .form {
        margin-top: 0 !important;
    }

    .interestFormWrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
        width: 100%;
        max-width: 50%;
    }

    .summerFormImg {
        width: 100%;
        max-width: 640px;
        height: 512px;
        object-fit: cover;
        object-position: center;
    }

    .leaderSummerWrapperDivi {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .leaderSummerWrapperDivi .headingWrapperButton .gradientUnderlineThin::after {
        width: 100%;
    }

    .ssWeek {

        /* .sectionHeading {
            font-family: "go-bold";
            font-size: 30px;
            color: var(--black);
            font-weight: 700;
            line-height: 140%;
            letter-spacing: 0.6px;
        } */
        .BootcampCard {
            padding: 10px;
        }

        .BootcampCard img {
            border-radius: 8px;
        }

        .CardInner {
            padding: unset;
            margin-top: 10px;
        }

        .details {
            color: var(--grey3);
        }

    }

    .leaderMasterSlider {
        overflow: hidden !important;
    }



    .newMasterImgBox>img {
        width: 100%;
    }

    .blackSvgBg.datesImg picture img {
        display: block;
        width: 100% !important;
    }

    .lightMuVector::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 75%;
        background: url(https://images.mastersunion.link/uploads/17042025/v1/Vector13471.svg);
        background-repeat: no-repeat;
        left: 0;
        bottom: -55%;
        z-index: -1;
    }

    .mentorSection2 {
        background: var(--white);

        .newMasterBox {
            border: 2px solid var(--transparent);
        }
    }

    .mentorMob2,
    .whiteLineBg.ssWeek,
    .mastermind {
        .lightMuVector::after {
            background: url(https://images.mastersunion.link/uploads/17042025/v1/Vector13472.svg);
            background-repeat: no-repeat;
        }
    }

    .mastermind {
        .lightMuVector::after {
            background: url(https://images.mastersunion.link/uploads/17042025/v1/Vector13472.svg);
            background-repeat: no-repeat;
        }
    }

    .dsCareer .diviCareer {
        padding: unset !important;
    }

    .mobMentor {
        .newMasterBox {
            max-width: 100%;
        }
    }

    .roadMap .roadmapBox {
        min-height: 238px;
        padding: 16px;
        max-width: 23%;
    }

    .roadmapBoxParent {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        align-items: center;
    }

    .roadmapBox {
        width: 100% !important;
        max-width: 24% !important;
    }

    .startupDivi {
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .gradientUnderline::after {
        background: url('https://images.mastersunion.link/uploads/18042025/v1/Vector13473.svg');
        background-repeat: no-repeat;
        bottom: -80%;
    }

    .summerText {
        font-size: 16px;
        line-height: 160%;
        font-family: var(--go-regular);
        color: var(--grey3);
        text-align: center;

    }

    .dsCareer .studiesRight {
        padding-block: 55px;
    }

    .higherStudyContent {
        gap: 60px !important;

        .sectionHeadingTech {
            font-size: 16px;
            width: 100%;
            max-width: fit-content;
            line-height: 150%;
        }

        .sectionHeadingItalic {
            font-size: 20px;
        }
    }

    .whiteLineBg {
        background: var(--black);
    }

    .upperContentTab {
        gap: 24px !important;
    }

    /* vishali summerstartup */

    .whiteLineBg.ssWeek {
        background: url("https://files.mastersunion.link/resources/img/meshVector.webp"), var(--white3);
        background-repeat: no-repeat;
    }

    .Leaderlogistics .costHeading {
        font-family: "go-regular";
        font-size: 20px;
        /* font-weight: 400; */
        line-height: 32px;
        color: var(--grey4);
    }

    .Leaderlogistics .costDetails {
        max-height: unset !important;
    }

    .Leaderlogistics .costPrice {
        color: var(--grey);
        font-family: "go-medium";
        font-size: 23px;
        line-height: 36px;
    }

    .Leaderlogistics .costPriceBold {
        font-family: "go-bold";
        font-size: 28px;
        font-weight: 700;
        line-height: 44px;
        color: var(--white);

    }

    .mastermindBodWrapper .left {
        width: 50%;
    }

    .mastermindBodWrapper .right {
        width: 50%;
        position: relative;
    }

    .mastermindBodWrapper {
        gap: 60px;
    }

    .mastermindBodWrapper .right::after {
        position: absolute;
        content: "";
        width: 57%;
        height: 100%;
        background: url(https://images.mastersunion.link/uploads/20012025/v1/summerWeekVector.svg);
        background-repeat: no-repeat;
        top: 45%;
        right: -18%;
        z-index: -1;
    }

    .Leaderlogistics .mastermindBodWrapper {
        gap: 20px;
    }

    .LeaderSliderSummerSkill .masterBox>img {
        width: 100%;
    }

    .datesImg>img {
        width: 100%;
    }

    .masterBox {
        width: 100%;
        max-width: 18%;
    }

    /* summerStartupEvent end */
}

/* vishali certification page start */

.certificationProgramme {

    .mastermindBodWrapper {
        margin-top: 30px;
        display: flex;
        justify-content: space-between;
        gap: 60px;

    }

    .mastermindBodLeft {
        width: 100%;
        max-width: 45%;
    }

    .mastermindBodRight {
        width: 100%;
        max-width: 45%;
    }

    .ourteambanner {
        background: var(--white);
        padding: 40px;
        overflow: hidden;
        max-width: 90%;
        margin: 0 auto;
    }

    .imageWrapper {
        margin-top: 50px;
    }

    .psyStudentXperience {
        background: var(--grey17) !important;
    }

    .homeAlumni .swiper-slide {
        background: var(--black);
    }

    .homeAlumni .swiper-slide .alumniName {
        color: var(--white);
        font-family: "go-bold";
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
    }

    .winPrice {
        background: var(--black);
    }

    .winPriceWrapper {
        display: flex;
        justify-content: space-around;
        gap: 75px;

    }

    .winPriceLeft {
        display: flex;
        flex-direction: column;
        gap: 10px;
        justify-content: center;
        width: 100%;
        max-width: 50%;
    }

    .priceSubHead {
        font-family: "go-regular";
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color: var(--white);

    }

    .winPriceRight {
        width: 100%;
        max-width: 424px;
    }

    .gradientBox {
        background: linear-gradient(var(--black) 0 0) padding-box,
            linear-gradient(119deg, #39b6d8 -19.47%, #f7d344 47.29%, #e38330 112.78%) border-box;
        border: 2px solid transparent;
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 40px 78px;
        border-radius: 16px;
    }

    .priceContent {
        display: flex;
        gap: 14px;
        align-items: center;
    }

    .priceData {
        font-family: "go-regular";
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
        color: var(--grey16);
    }

    .skillFocus {
        background: url(https://images.mastersunion.link/uploads/27012025/v1/gridtop_rightwrapper.svg) var(--black);
        background-repeat: no-repeat;
        background-position: left;
    }

    .skilWrapper {
        display: flex;
        margin-top: 30px;
        gap: 20px;
        overflow: hidden;
    }

    .Leaderlogistics .mastermindBodWrapper .costDetails {
        max-height: 315px !important;
    }

    .skillFocusBox {
        border: 1px solid #262626;
        border-radius: 16px;
        display: flex;
        flex-direction: column;
        min-height: 323px;
        max-width: 400px;
    }

    .skillDetail {
        padding: 20px;
    }

    .skillHeading {
        font-family: "go-semibold";
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        color: var(--white);
    }

    .psyStudentXperience .alumniName {
        max-width: 377px;
    }

    .meetopportunity {
        background-color: var(--white3);
    }

    .cardText .heading {
        font-family: "go-semibold";
        font-size: 18px;
        font-weight: 600;
        line-height: 21px;

    }

    .businessText {
        color: var(--grey15);
        font-family: "go-regular";
        font-size: 14px;
        font-weight: 400;
        line-height: 120%;
    }

    .businessesBuilt .paragrapgh {
        color: var(--grey15);
        font-family: "go-regular";
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
    }

    .businessesBuilt .logoImg {
        max-width: 240px;
    }

    .experienceReal .programmeTagLine {
        color: var(--grey9);
    }

    .certification {
        background: var(--black);
    }

    .psyStudentXperience.homeAlumni .swiper-slide {
        padding: 10px;
    }

    .certification {
        background: var(--black);
    }


}


.techDsaiHomePage.dsaiRedesign.aiHackathon {

    .video-container img {
        opacity: 1;
    }

    .thanku {
        min-height: 522px;
    }

    .faqquestionWrap.active .left {
        padding-bottom: 0;
        transition: 0.4s ease-in-out;
    }

    .techPointerChild {
        align-items: baseline;
    }

    .inputBox {
        font-size: 13px !important;
    }

    .go-HighlightHeading {
        font-size: 30px;
        line-height: 120%;
    }

    select {
        /* appearance: none; */
        cursor: pointer;
    }

    .selectform::after {
        content: "";
        background: url('https://images.mastersunion.link/uploads/21052025/v1/CaretDown.svg');
        background-repeat: no-repeat;
        position: absolute;
        top: 32px;
        right: 1.1rem;
        width: 22px;
        z-index: 9999;
        height: 22px;
    }

    .selectform {
        position: relative;
    }

    .lightNumber {
        color: var(--grey10);
    }

    .heroSectionImg video {
        background: #000000;
        opacity: 0.5;
    }

    .newMasterDetailsWrap h3 {
        font-size: 14px;
    }

    .newMasterDetailsWrap {
        padding-bottom: 16px;
    }

    .impactLeft .go-HeroSubtitle {
        color: var(--grey10);
    }

    .whiteApplyButton,
    .downloadBroucherButton {
        max-width: fit-content;
        justify-content: flex-start;
    }

    .subPointer {
        font-size: 16px;
    }

    .impactScroll {
        border-bottom: 1px solid var(--black5);

    }

    .claimSwiper {
        overflow: hidden !important;
        margin-top: 30px;
        padding-inline: 45px;
    }

    .heroWrapperHeadingDiv.new {
        max-width: 55% !important;
    }

    .faqanswer {
        padding: 0 12px 12px 12px;
    }

    .bottomFooter {
        padding-bottom: 20px;
        margin-top: 43px;
    }

    .podcastSection.white {
        background: white;
        padding: 80px 0;




        .podcastWrapper {
            background: white;
            padding: 0;
            align-items: center;

        }


        .countdown {
            display: flex;
            height: 100%;
            gap: 3px;
        }

        .time-box {
            width: 33%;
            padding: 95px 30px;
            text-align: center;
            color: white;
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: center;

        }

        .days {
            background-color: #28c1e1;
        }

        .hours {
            background-color: #fcd949;
            color: white;
        }

        .minutes {
            background-color: #f28c28;
        }

        .time-box h1 {
            font-size: 118px;
            font-family: 'go-bold';
            line-height: 100%;
        }

        .time-box p {
            font: 24px 'go-regular';
        }
    }

    .studentJourneyWrap.borderGradient .gridBox:hover {
        background: none !important;
    }

    .gradientSectionLeft {
        width: 100%;
        max-width: 53%;
    }

    .curriculumImmersionDs {
        background: var(--white);
    }

    .diviCompanyText {
        color: var(--black);
    }

    .diviName {
        border-bottom: 1px solid var(--grey4);

    }

    .newMasterImgBox {
        max-height: 245px;
    }

    .diviMastersText {
        color: var(--grey3);
    }

    .rewritingText {
        color: var(--grey17);
    }

    .impactLeftBox::after {
        background: url(https://images.mastersunion.link/uploads/19052025/v1/aiLogo1.svg);
        background-repeat: no-repeat;
    }

    .impactLeftBox:nth-of-type(2)::after {
        content: '';
        background: url(https://images.mastersunion.link/uploads/19052025/v1/ailogo2.svg);
    }

    .impactLeftBox:nth-of-type(3)::after {
        content: '';
        background: url(https://images.mastersunion.link/uploads/19052025/v1/aiLogo3.svg);
    }

    .aiMentors {
        background: var(--white);
    }

    .aiMentors .go-HeroSubtitle {
        color: var(--grey3);
    }

    .enterPreneurshipParent {
        justify-content: flex-end;
    }

    .circleNumber {
        padding: 14px 12px;
    }

    .aiGradientUpper {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    .aiSubHeading {
        font-size: 16px;
        line-height: 150%;
        color: var(--grey3);
        font-family: var(--go-regular);
    }

    .aiPoints {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .aiSubPonter {
        display: flex;
        gap: 10px;
        align-items: flex-start;
    }

    .whiteApplyButton {
        gap: 10px;
        /* justify-content: unset;
        padding:14px 24px; */
    }

    .impactLeft .go-HeroSubtitle {
        color: var(--grey10);
    }

    .overlayText .font-semibold {
        color: var(--black5);
    }




    .aiGeadientPoint {
        font-size: 14px;
        line-height: 150%;
        font-family: var(--go-regular);
        color: var(--black5);
    }

    .gradientRightDivi {
        gap: 28px;
        padding: 32px;
    }

    .gradientRightDivi .buttonsParent {
        margin-top: unset;
    }

    .waitingParaBold {
        color: var(--black);
        font-family: var(--go-semibold);
    }

    .heroWrapperHeadingDiv {
        left: 25.5%;
        bottom: 80px;
    }

    .aiCards {
        display: flex;
        gap: 20px;
    }

    .skyRocket {
        background: var(--black);
        border-bottom: 1px solid var(--black5);
    }

    .skyWrapper {
        display: flex;
        gap: 80px;
        align-items: flex-end;
    }

    .inputBox {
        margin-top: 6px;
        padding: 10px 12px;
    }

    .registerForm .form {
        margin-top: 20px;
    }


    .skyLeft {
        display: flex;
        flex-direction: column;
        gap: 40px;
        width: 100%;
        max-width: 50%;

        img {
            height: 100%;
        }
    }

    .skyright {
        max-width: 46%;
        width: 100%;
    }


    .skyHeadWrapper {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .skySubHead {
        font-size: 18px;
        font-family: var(--go-regular);
        line-height: 150%;
        color: var(--grey18);
    }

    .claimHeadingWrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .exploreUg .buttonPlay {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        cursor: pointer;
        left: 141px;
        top: 50px;
    }

    .floatingText {
        font-family: var(--go-regular);
    }

    .teachingDescriptionBox {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

    .innovatorBelowWrap {
        display: flex;
        gap: 20px;
    }

    .innovatorBelowWrap .diviName {
        font-size: 17px;
    }


    .impactHeading {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .impactBold {
        color: var(--grey);
    }

    .claimSection {
        background: var(--black);
    }

    .claimSection .sectionParaTechThin {
        color: var(--grey10);
    }

    .claimSection .floatingText {
        line-height: 120%;
    }

    .claimSection .gridBox {
        border: unset;
    }

    .aiMentors .mastersScrollAi {
        overflow: hidden !important;
    }

    .detailsList .list li p {
        font-size: 0.813rem;
        color: var(--grey13);
    }

    .whiteLineBg {
        background: var(--black);
    }

    .summerWeekSlider {
        margin-top: 32px;
    }

    .studentBuilding {
        border-bottom: 1px solid var(--black5);
    }

    .skyright .select-form-arrow:after {
        background: url(https://images.mastersunion.link/uploads/10062025/v1/CaretDown.svg);
        top: 37px;
    }

    .phone-input-container {
        display: flex;
        border: 1px solid #ddd;
        border-radius: 6px;
        overflow: hidden;
        background: white;
        transition: border-color 0.2s ease;
        margin-top: 8px;
    }

    .phone-input-container:focus-within,
    .phone-input-container:hover,
    .input:focus-within {
        background: linear-gradient(var(--white) 0 0) padding-box,
            var(--gradient) border-box;
        border: 1px solid transparent;
    }

    .country-code-select {
        background: var(--white);
        border: none;
        padding: 12px 16px;
        font-size: 14px;
        font-weight: 400;
        color: #333;
        cursor: pointer;
        border-right: 1px solid #ddd;
        outline: none;
        max-width: fit-content;
    }

    .country-code-select:focus {
        background: #e9ecef;
    }

    .phone-input {
        flex: 1;
        border: none;
        padding: 12px 16px;
        font-size: 16px;
        font-weight: 500;
        color: #333;
        outline: none;
        background: white;
    }

    .phone-input::placeholder {
        color: #999;
        font-weight: 400;
    }
}

.whitebigform {
    background: var(--black);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 120px 0 80px;

    .registerForm {
        max-width: 800px;
        margin: 0 auto;

    }

    .paticipantInput {
        display: flex;
        gap: 12px;
        width: 100%;
    }

    .paticipantInput .form {
        margin-top: unset;

    }

    .paticipantInput .inputBox {
        margin-top: 8px;
        padding: 12px;
    }

    .participantLabel {
        font-size: 16px;
        font-family: var(--go-semibold);
        font-weight: 600;
        line-height: 150%;
        color: var(--black5);
        margin: 20px 0 8px;
    }

    .participant {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .thanku {
        max-width: 800px;
        margin: 0 auto;
    }

    .select-form-arrow:after {
        background: url(https://images.mastersunion.link/uploads/10062025/v1/CaretDown.svg);
        top: 40px;
    }


}

.whiteupload.new {
    max-height: 100vh;
    overflow: hidden;

    .left-panel {
        background: url('https://images.mastersunion.link/uploads/12082025/v1/herosection1.webp');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}

.whiteupload {
    min-height: 100vh;

    .registration-container {
        display: flex;
        margin: 0 auto;
        background: white;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
        height: 100vh;
    }

    .thanku {
        height: 100%
    }

    .buttonDivi {
        display: flex;
        justify-content: flex-end;
        padding-bottom: 80px;
    }


    /* Left Panel */
    .left-panel {
        flex: 1;
        background:
            url('https://images.mastersunion.link/uploads/28052025/v1/leftpdf.webp');
        background-size: cover;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 60px 40px;
        color: white;
        position: relative;
    }

    .left-content {
        position: absolute;
        z-index: 2;
        bottom: 143px;
        left: 100px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .left-panel h1 {
        font-size: 3.5rem;
        font-weight: 300;
        margin-bottom: 10px;
        line-height: 1.2;
    }

    .left-panel h1 .highlight {
        font-style: italic;
        font-weight: 400;
        color: #ffd700;
    }

    .formLeftHead {
        font-size: 52px;
        line-height: 120%;
        font-family: var(--go-regular);
        font-weight: 400;
        color: var(--white);
    }

    .formHeadItalic {
        font-size: 60px;
        line-height: 120%;
        font-style: italic;
        font-family: "Fraunces", serif;
        font-weight: 350;
    }

    .formLeftSubHead {
        font-size: 18px;
        line-height: 150%;
        font-family: var(--go-regular);
        color: var(--white3);
    }

    /* .left-panel h2 {
        font-size: 2.5rem;
        font-weight: 300;
        margin-bottom: 20px;
    } */

    /* .left-panel p {
        font-size: 1.2rem;
        opacity: 0.9;
        max-width: 400px;
    } */

    /* Right Panel */
    .right-panel {
        flex: 1;
        padding: 60px 0;
        overflow-y: auto;
        background: #FFF;
    }

    .form-container {
        max-width: 80%;
        margin: 0 auto;
        height: 100%;
    }

    .required {
        color: #e74c3c;
    }

    .form-input,
    .form-select {
        width: 100%;
        padding: 10px 12px;
        font-size: 14px;
        border: 1px solid #E5E5E5;
        border-radius: 8px;
        background: white;
        transition: all 0.3s ease;
        font-family: inherit;
    }

    .form {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;

    }

    .form-input:focus,
    .form-select:focus {
        outline: none;
        border-color: #3498db;
        box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
    }

    .form-input::placeholder {
        color: #95a5a6;
    }

    .form-select {
        cursor: pointer;
        appearance: none;
        background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
        background-position: right 12px center;
        background-repeat: no-repeat;
        background-size: 16px;
        padding-right: 40px;
    }

    .file-upload-container {
        position: relative;
        display: inline-block;
        width: 100%;
    }

    .file-upload-input {
        position: absolute;
        opacity: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    .file-upload-label {
        display: block;
        padding: 14px 16px;
        border: 1px solid #E5E5E5;
        border-radius: 8px;
        text-align: center;
        cursor: pointer;
        transition: all 0.3s ease;
        background: white;
        color: #7f8c8d;
    }

    .form-label {
        margin-bottom: 8px;
    }

    .file-upload-label:hover {
        border-color: #3498db;
        background: #f8f9fa;
    }

    .file-size-hint {
        font-size: 12px;
        color: #95a5a6;
        margin-top: 4px;
    }

    .error-message {
        font-size: 12px;
        color: #e74c3c;
        margin-top: 6px;
        min-height: 18px;
    }

    .disclaimer {
        /* background: #f8f9fa; */
        /* padding: 16px; */
        /* border-radius: 8px; */
        /* border-left: 4px solid #3498db; */
        margin-bottom: 24px;
    }

    .disclaimer-label {
        font-weight: 600;
        color: #2c3e50;
        margin-bottom: 8px;
    }

    .disclaimer-text {
        font-size: 12px;
        color: var(--grey3);
        line-height: 150%;
        font-family: var(--go-regular);
    }

    .desclaimerBold {
        color: var(--black);
        font-family: var(--go-semibold);
    }

    .submit-container {
        text-align: center;
        margin-top: 32px;
    }


    .submit-btn:hover {
        background: linear-gradient(135deg, #2980b9, #1f5f8b);
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(52, 152, 219, 0.3);
    }

    .submit-btn:active {
        transform: translateY(0);
    }

    .submit-icon {
        width: 18px;
        height: 18px;
    }

    .select-form-arrow:after {
        background: url(https://images.mastersunion.link/uploads/10062025/v1/CaretDown.svg);
        top: 33px;
    }

    /* Responsive Design */
    @media (max-width: 1024px) {
        .registration-container {
            flex-direction: column;
        }

        .left-panel {
            min-height: 50vh;
            padding: 40px 20px;
        }

        .left-panel h1 {
            font-size: 2.5rem;
        }

        /* .left-panel h2 {
            font-size: 2rem;
        } */

        .right-panel {
            padding: 40px 20px;
        }
    }

    @media (max-width: 768px) {
        /* .left-panel h1 {
            font-size: 2rem;
        }

        .left-panel h2 {
            font-size: 1.5rem;
        }

        .left-panel p {
            font-size: 1rem;
        } */

        .formLeftHead {
            font-size: 22px;
        }

        .formHeadItalic {
            font-size: 24px;
        }

        .formLeftSubHead {
            font-size: 14px;
        }

        .left-content {
            left: 20px;
            bottom: 51px;
        }

        .left-panel {
            background: url(https://images.mastersunion.link/uploads/10062025/v1/formMobImage.webp);
            background-size: cover;
            margin-top: -15px;
        }
    }
}

.skyFormHeading {
    font-size: 24px;
    font-family: var(--go-regular);
    line-height: 120%;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;

    p {
        background-color: #F5F5F5;
        border-radius: 4px;
        padding: 4px 8px;
        font: 14px 'go-medium';
        line-height: 150%;

    }

    .lightNumber {
        color: var(--grey10);
    }
}

.skypara {
    font: 14px 'go-regular';
    line-height: 150%;
    color: #404040;
    margin-top: 8px;
}

.thankyouPara {
    font: 16px 'go-regular';
    line-height: 150%;
    color: #404040;
    margin-top: 8px;

    a {
        color: #E38330;
        font-weight: 600;
    }
}

.thankyouHeading {
    font-family: "Fraunces", serif;
    font-size: 28px;
    font-weight: 350;
    line-height: 120%;
    color: #090909;
}

.thankyouBigForm {

    .thanku {
        min-height: 522px;
    }
}

.thankyouText {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-direction: column;
}

/* bluePrint */

.bluePrint {

    .faqanswer {
        max-width: 95% !important;
    }

    .dsBelowRight .faqquestionWraps,
    .faqquestionWrap {
        border-radius: 12px !important;
    }

    .roundParallaxImg {
        transition: transform 0.2s linear;
        will-change: transform;
    }

    .homeHeroSection {
        position: relative;
        z-index: 9;
        padding: 80px 0 0;
        overflow: hidden;
        min-height: 80vh;
        background: var(--black);

        .bgHeroVideoWrap {
            max-height: 90vh;
        }

        .homeheroHeading {
            font: 52px "go-regular";
            color: var(--white);
            line-height: 100%;

            .FrHeading {
                font-family: "fraunces", serif;
                font-weight: 350;
                color: var(--white);
                line-height: 120%;
                font-style: italic;
                font-size: 60px;
            }
        }

        .overlayHero {
            position: absolute;
            bottom: 100px;
            width: 100%;
            z-index: 10;
            left: 0;
            text-align: center;
        }

        /* .heroRightButtons {
            display: flex;
            gap: 20px;
            align-items: center;
        } */

        .muHeroButtonWrap {
            display: flex;
            justify-content: center;
            margin-top: 32px;
            align-items: center;
        }

        .heroTag {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 16px;
        }

        .heroImpactButton {
            display: flex;
            padding: 8px 10px;
            align-items: flex-start;
            justify-content: center;
            gap: 4px;
            border-radius: 40px;
            background: var(--grey3);
            color: var(--grey4);
            font-size: 13px;
            font-family: var(--go-medium);
            line-height: 120%;
            letter-spacing: 1px;
            text-transform: uppercase;
            max-width: max-content;
        }

        .heroSubHeading {
            font-size: 16px;
            line-height: 150%;
            font-family: var(--go-regular);
            color: var(--grey10);
            margin-top: 12px;
        }

        .heroSubBold {
            color: var(--grey18);
            font-family: var(--go-semibold);
            line-height: 150%;
        }

        .muHeroLogos {
            display: flex;
            gap: 30px;
            align-items: center;
        }

        .muHeroLogos img {
            max-width: 90px;
        }

        .bgHeroImage {
            filter: grayscale(1);
        }

        .bgHeroImageScrolled {
            filter: grayscale(0);
            transition: filter 0.5s ease;
        }

        .bgHeroVideoWrap {
            max-height: 90vh;
        }


    }

    .marqueeDivi {
        background: var(--white);
        padding: 16px 0px;
        width: 100%;
        pointer-events: none;
        overflow: hidden;
        display: flex;
        align-items: center;
        gap: 20px;

        .marqueeText {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .limitedText {
            font-size: 16px;
            line-height: 150%;
            font-family: var(--go-semibold);
            color: var(--grey17);
        }

        .marqueeInnerWrap {
            width: 100%;
            height: 100%;
        }

        .marqueeReverse {
            height: 100%;
            width: max-content;
            align-items: center;
            display: flex;
            position: relative;
            animation: marqueeReverse 20s linear infinite;
            will-change: transform;
            gap: 20px;
        }
    }

    .traderManager {
        background: var(--black);

        .traderWrapper {
            display: flex;
            flex-direction: column;
            gap: 32px;
        }

        .traderHeading {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .marqueeCards {
            width: 100%;
            pointer-events: none;
            overflow: hidden;
            display: flex;
            align-items: center;
            margin-top: 32px;
        }

        .marqueeInnerWrap {
            width: 100%;
            height: 100%;
        }

        .marqueeReverse {
            height: 100%;
            width: max-content;
            align-items: center;
            display: flex;
            position: relative;
            animation: marqueeReverse 20s linear infinite;
            will-change: transform;
            gap: 20px;
        }

        .traderCardsBox {
            border: 1px solid var(--grey4);
            background: var(--grey16);
            border-radius: 8px;
            padding: 16px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
            max-width: 24.5%;
            width: 100%;
        }

        .traderDetails {
            display: flex;
            flex-direction: column;
            gap: 8px;
            align-items: flex-start;
        }

        .traderCardHeading {
            font-size: 22px;
            line-height: 120%;
            color: var(--black);
            font-family: "Fraunces", serif;
        }

        .traderSubText {
            font-size: 14px;
            line-height: 150%;
            font-family: var(--go-regular);
            color: var(--grey3);
        }

        .traderBelowWrap {
            display: flex;
            gap: 12px;
            align-items: center;
        }
    }

    .tetrStartupSection {
        position: relative;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover;
        border-bottom: 1px solid var(--grey4);
        background-color: white;
        padding: 60px 0;



        .container {
            background: url('https://images.mastersunion.link/uploads/11072025/v1/eventVector.svg'), var(--black);
            padding: 99px 0;
            border-radius: 12px;
            background-repeat: no-repeat;
        }

        .tetrTextBold {
            color: var(--black);
            line-height: 150%;
            font-family: var(--go-semibold);
        }



        .startUpWrapBlock {
            background: var(--white);
            max-height: 330px;
            max-width: 1066px;
            border-radius: 12px;
            display: flex;
            gap: 60px;
            padding: 50px 40px;
            margin: 0 auto;
            position: relative;
            z-index: 1;

            .greycrossAsset {
                position: relative;
                color: var(--grey);
                z-index: 1;
                font-weight: 400;
            }

            .go-HighlightHeading {
                font-weight: 600;
                color: var(--black5);
            }

            .greycrossAsset::after {
                position: absolute;
                top: 21px;
                left: 0;
                background: var(--grey);
                height: 2px;
                content: "";
                width: 95%;
                z-index: 2;
            }

            .leftWrapStartup {
                position: relative;
                left: 0;
                top: -5px;
                transform: translateY(-23%);
                width: 100%;
                max-width: 350px;
                height: 100%;
                border-radius: 8px;
                background: #FFF;
                box-shadow: 3px 3px 78px 0px rgba(0, 0, 0, 0.10);

            }

            .rightWrapStartup {
                width: 100%;
                max-width: 570px;
                display: flex;
                flex-direction: column;
                justify-content: center;



                p {
                    margin-top: 8px;
                    color: var(--grey3);
                    font: 16px 'go-regular';
                    line-height: 150%;
                }

                button {
                    margin-top: 24px;
                    width: fit-content;
                }
            }
        }
    }

    .enrollmentSection {
        background: url(https://images.mastersunion.link/uploads/08052025/v2/Vector13518.svg), #000;
        background-repeat: no-repeat;
        padding: 80px 0;
        background-size: cover;

        .enrollmentWrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 32px;
        }

        .go-HighlightHeading {
            text-align: center;
        }

        .threeCards {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            width: fit-content;
            gap: 12px;
        }

        .fourCards {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 12px;
        }

        .gridCard {
            position: relative;
            overflow: hidden;
            max-height: 315px;
            border-radius: 8px;
            border: 1px solid var(--black5);

            img {
                scale: 1.01;
            }
        }

        .enrollOverlay {
            position: absolute;
            top: 60%;
            left: 16px;
            opacity: 1;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .gridCardBlack {
            position: absolute;
            width: 100%;
            height: 50%;
            left: 0;
            /* top: 0; */
            bottom: 0;
        }

        .gridCard:hover .enrollOverlay {
            opacity: 1;
        }

        .overlayNumber {
            font-size: 13px;
            line-height: 120%;
            font-family: var(--go-regular);
        }

        .overlayText {
            font-size: 16px;
            line-height: 150%;
            font-family: var(--go-regular);
            color: var(--grey10) !important;
        }

        .overlayBold {
            color: var(--grey18) !important;
            font-family: var(--go-semibold);
            line-height: 150%;
        }

    }

    .graduatePrestigiousSection {
        background: var(--white);


        .remarkText {
            font-size: 11px;
            line-height: 150%;
            font-family: var(--go-regular);
            color: var(--grey10);
            align-self: flex-start;
            margin-top: 32px;
            margin-left: 8px;
        }

        .graduatePrestigiousWrapper:nth-child(2) {
            border-top: 1px solid var(--black5);
            padding-top: 32px;
            border-radius: 16px;
        }

        .degreeSectionParent {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 20px;
        }

        .graduatePrestigiousWrapper {
            display: flex;
            flex-direction: column;
            gap: 32px;
            align-items: flex-start;
            padding: 60px 50px;
            background: var(--black);
            border-radius: 10px;
            position: sticky;
            top: -5rem;
        }

        /* .graduatePrestigiousWrapper.graduateBelowSticky {
           padding-top: 0;

       } */

        .degreeImageWrapper {
            position: relative;
        }

        .degreeHeadingWrapper {
            display: flex;
            width: 100%;
            justify-content: space-between;
            align-items: flex-end;
        }

        .degreePara {
            font-size: 16px;
            line-height: 150%;
            font-family: var(--go-regular);
            color: var(--grey10);
        }

        .degreeParaBold {
            font-family: var(--go-semibold);
            color: var(--grey18);
        }

        .degreeListWrapper {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;

        }

        .degreeHeading {
            font: normal 28px/1.2 var(--go-regular);
        }

        .degreeGradientHeading {
            font: italic 32px/1.2 "Fraunces", serif;
            font-weight: 350;
        }

        .degreeList {
            display: flex;
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
            width: 100%;
            max-width: 560px;
        }



        .degreeListItem {
            display: flex;
            align-items: baseline;
            gap: 8px;
        }

        .listNumber {
            border-radius: 60px;
            border: 1px solid var(--grey15);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
            max-width: 26px;
            max-height: 26px;
            font-size: 14px;
            line-height: 150%;
            color: var(--white);
        }

        .listPara {
            font-size: 16px;
            line-height: 150%;
            font-family: var(--go-regular);
            color: var(--grey10);
        }

        .listGradientBold {
            font-weight: 600;
            line-height: 120%;
            color: var(--Orange, #E38330);
        }

        .yellowArrow {
            vertical-align: middle;
        }
    }

    .skyRocket {
        background: var(--black);

        .skyWrapperMain {
            display: flex;
            flex-direction: column;
            gap: 32px;
        }

        .skyBelowWrap {
            display: flex;
            gap: 80px;
            align-items: center;
        }

        .skyLeft {
            display: flex;
            flex-direction: column;
            gap: 32px;
            width: 100%;
            max-width: 50%;

            img {
                height: 100%;
            }
        }

        .skyright {
            max-width: 46%;
            width: 100%;
        }


        .skyHeadWrapper {
            display: flex;
            align-items: flex-start;
        }

        .skySubHead {
            font-size: 18px;
            font-family: var(--go-regular);
            line-height: 150%;
            color: var(--grey18);
        }
    }

    .higherStudies {
        max-height: 73vh;

        .higherStudiesWrapper {
            display: flex;
            gap: 40px;
            max-width: 100%;
            padding: 0;
        }

        .higherStudiesLeft {
            width: 100%;
            max-width: 50%;
            margin-bottom: -7px;
            margin-top: -8px;
            /* z-index: -1; */

        }

        /* .higherStudiesLeft>img {
           min-height: 755px;
       } */

        .diviCareer {
            display: flex;
            flex-direction: column;
            gap: 32px;
            padding: 80px 0px;
        }

        .studiesRight {
            max-width: 600px;
        }

        .techCareerTabs {
            display: flex;
            border-bottom: 1px solid var(--grey18);
        }

        .careerTabUl {
            display: flex;
            align-items: center;
            gap: 35px;
        }

        .careerTabUl li {
            /* padding: 0 50px 0px 10px; */
            color: var(--grey);
            text-wrap: nowrap;
            display: flex;
            flex-direction: column;
            align-items: flex-start !important;
            padding: 0 50px 10px 10px;
            font-size: 16px;
            font-family: var(--go-semibold);
            cursor: pointer;
        }

        .careerTabUl li.active {
            position: relative;
            color: var(--black);
        }

        .numberTabs {
            font-size: 13px;
            font-family: var(--go-regular);
            font-weight: 400;
            color: var(--grey10);
            line-height: 120%;
        }

        .careerTabUl li.active .numberTabs {
            color: var(--black);
        }

        .careerTabUl li.active::after {
            border-bottom: 1px solid var(--black);
            content: "";
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 2px;
        }

        .careerContentTech {
            display: flex;
            flex-direction: column;
            gap: 37px;
        }

        .upperContentTab {
            display: flex;
            flex-direction: column;
            gap: 24px;
        }

        .higherStudyContent {
            display: flex;
            gap: 10px;
            align-items: flex-start;

            svg {
                width: 100%;
                max-width: 52px;
            }
        }

        .hsPara {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        .blackSemiPara {
            font-size: 20px;
            font-family: "Fraunces", serif;
            font-weight: 400;
            line-height: 140%;
            color: var(--black);
        }

        .blackMediumPara {
            font-size: 14px;
            line-height: 150%;
            font-family: "go-regular";
            color: var(--grey3);
        }

        .techUpperHighlightLeft {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            width: 100%;
        }

        .companiesLogoDivi {
            width: 100%;
            max-width: 142px;
            max-height: 60px;
        }
    }

    .aboutRajiv {

        background: url('https://images.mastersunion.link/uploads/15072025/v1/HeroSection.webp') no-repeat;
        padding: 0px;
        position: relative;
        background-size: cover;

        .rajivWrapper {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 50px;
        }

        .rajivLeft {
            display: flex;
            flex-direction: column;
            gap: 16px;
            width: 100%;
            max-width: 46%;
        }

        .rajivSubText {
            font-size: 16px;
            line-height: 150%;
            font-family: var(--go-regular);
            color: var(--grey10);
        }

        .rajivRight {
            width: 100%;
            max-width: 48%;
            line-height: 0;
        }

        .masterBox {
            position: absolute;
            padding: 10px 16px;
            display: flex;
            flex-direction: column;
            gap: 8px;
            bottom: 60px;
            right: 0;
            width: fit-content;
            border-radius: 8px 0 0 8px;
            border: 1px solid var(--black5);
            background: linear-gradient(119deg, rgba(0, 0, 0, 0.35) 43.01%, rgba(102, 102, 102, 0.35) 103.97%);
            backdrop-filter: blur(8.5px);
        }

        .masterHeading {
            font-size: 28px;
            line-height: 130%;
            font-family: "Fraunces", serif;
            color: var(--white);
        }

        .masterButton {
            display: flex;
            padding: 8px;
            align-items: center;
            gap: 4px;
            border-radius: 40px;
            background: var(--grey3);
            color: var(--grey4);
            font-size: 11px;
            font-family: var(--go-medium);
            line-height: 120%;
            letter-spacing: 1px;
            text-transform: uppercase;
            max-width: max-content;
        }

    }


    .inifiniteParent {
        /* height: 200dvh; */
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--black);
        /* background: url(https://images.mastersunion.link/uploads/05062025/v1/Vector1352.webp) no-repeat center 0%, url(https://images.mastersunion.link/uploads/05062025/v1/Vector1353.webp) no-repeat right 21%, url(https://images.mastersunion.link/uploads/05062025/v1/Vector1354.webp) no-repeat left 88%, linear-gradient(to bottom, white 50%, black 50%); */
        background-size: contain,
            /* Vector1352 */
            760px auto,
            /* Vector1353 */
            782px auto,
            /* Vector1354 */
            100% 100%;

        display: flex;
        justify-content: space-between;
        overflow: hidden;

        .leftInifiniteWrapper,
        .rightInifiniteWrapper {
            display: flex;
            flex-direction: column;
        }

        .infinite-scroll {
            height: 100%;
            position: relative;
        }

        .scroll-track {
            display: flex;
            flex-direction: column;
            animation: scroll-up 30s linear infinite;
            gap: 220px;
        }

        .scroll-track-down {
            display: flex;
            flex-direction: column;
            animation: scroll-down 30s linear infinite;
            gap: 220px;
        }

        .scroll-track-down img {
            width: 100%;
            height: auto;
            display: block;
            max-width: 278px;
        }

        .scroll-track img {
            width: 100%;
            height: auto;
            display: block;
            max-width: 278px;
        }

        .margin30 {
            margin-left: 50px;
        }

        .margin100 {
            margin-left: 150px;
        }

        .marginRight100 {
            margin-left: 170px;
        }

        .marginRight30 {
            margin-left: 50px;
        }

        .headingWrapper {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            /* gap: 80dvh; */
        }
    }

    .roundTable {
        background: url(https://images.mastersunion.link/uploads/15072025/v1/roundVector.svg) no-repeat right bottom,
            url(https://images.mastersunion.link/uploads/15072025/v1/Vector1352.svg) no-repeat left top, var(--black);
        height: 90dvh;
        display: flex;
        justify-content: center;
        overflow: hidden;
        position: relative;


        .roundWrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 40px;
        }

        .roundHeadWrap {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .roundHeading {
            font-size: 52px;
            color: var(--white);
            line-height: 120%;
            font-family: var(--go-regular);
            font-weight: 400;
            text-align: center;
        }

        .roundItalic {
            font-size: 60px;
            font-style: italic;
            font-family: "Fraunces", serif;
            line-height: 120%;
            color: var(--white);
            font-weight: 400;
        }

        .roundSubHead {
            font-size: 16px;
            color: var(--grey10);
            line-height: 150%;
            font-family: var(--go-regular);
            text-align: center;


            .textHighlight {
                color: var(--grey18);
            }
        }

        /* .RoundImageWrapper {
            position: absolute;

        } */

        .roundImgDivi {
            width: 100%;
            max-width: 265px;
            position: absolute;
            left: 159px;
            top: 0;
        }

        .roundImgDiviBottom {
            width: 100%;
            max-width: 258px;
            position: absolute;
            left: 159px;
            bottom: -10px;
        }

        .roundImgDiviRight {
            width: 100%;
            max-width: 335px;
            position: absolute;
            right: 0;
            top: 20px;
        }
    }




}

.weekendStartup {
    .heroSection {
        position: relative;
        line-height: 0;
        z-index: 9;
        padding: 80px 0 0;
        overflow: hidden;
        min-height: 80vh;
        background: #020202;


        .heroSectionContent .go-HeroSubtitle {
            color: var(--white);
        }

        .heroSectionContent {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%, -40%);
            display: flex;
            align-items: center;
            flex-direction: column;
            text-align: center;
            width: 100%;
        }

        .heroHeadingBold {
            font-family: var(--go-semibold);
        }

        .headingPoints {
            display: flex;
            gap: 19px;
        }

        .subPointer {
            color: var(--white3);
            font-size: 16px;
            font-family: var(--go-medium);
            line-height: 150%;
            text-align: center;
            list-style: disc;
            padding-right: 18px;
        }

        .go-HeroSubtitle {
            margin-top: 16px;

            .textHighlight {
                color: var(--white);
            }
        }

        .heroSectionBtnWrap {
            display: flex;
            gap: 16px;
            align-items: center;
            margin-top: 24px;
        }
    }

    .germanImmersion {
        background: var(--grey17);
        padding: 60px 0 !important;

        .singaporeBtnWrapper {
            display: flex;
            gap: 12px;
        }

        .textMedium {
            font-family: var(--go-medium);
            color: var(--black);
        }

        .germanBtnWrapper {
            display: flex;
            gap: 12px;
            align-self: flex-start;
        }

        .germanImmersionWrapper {
            display: flex;
            gap: 40px;
            align-items: flex-start;
        }

        .germanBreatherLeft {
            width: 100%;
            max-width: 541px;
            border-radius: 8px;
            background: var(--white);
            padding: 30px;
            display: flex;
            flex-direction: column;
            gap: 32px;
            align-items: center;
            justify-content: center;
            min-height: 387px;

        }

        .germanBold {
            font-family: var(--go-medium);
            color: var(--grey17);
        }

        .masterRight {
            width: 100%;
            max-width: 618px;
            overflow: hidden !important;
            max-height: 387px;
        }

        .swiper-slide {
            overflow: hidden !important;
        }

        .germanHeadingWrapper {
            display: flex;
            flex-direction: column;
            gap: 16px;
            align-items: flex-start;
        }

        .germanPara {
            font-size: 16px;
            line-height: 150%;
            font-family: var(--go-regular);
            color: var(--grey3);
        }

        .germanflagsWrapper {
            display: flex;
            gap: 32px;
            align-items: flex-start;
        }

        .startupDate {
            font-size: 16px;
            line-height: 150%;
            font-family: var(--go-semibold);
            color: var(--black);
        }

        .swiper-pagination-bullet {
            background: var(--grey18) !important;
            opacity: 1;
            transition: all 0.3s ease;
            border-radius: 10px;
        }

        .swiper-pagination-bullet-active {
            width: 40px !important;
            background: var(--white4) !important;
            border-radius: 10px;
        }

        .swiper-pagination {
            display: flex;
            width: fit-content !important;
            bottom: 30px !important;
            left: 45% !important;
            top: unset !important;
        }

        .germanImageBoxi>img {
            /* min-height: 352px; */
            border-radius: 8px;
        }

        .bottomBlackOverlay {
            position: absolute;
            bottom: 0;
            left: 0;
        }

        .germanImageBoxi {
            position: relative;
            cursor: pointer;
        }
    }

    .highDescp {
        display: flex;
        padding: 0;
        justify-content: space-between;

        .highDescpWrapper {
            padding-left: 10.1%;
            padding-block: 60px;
            width: 52%;
        }

        .h-list p {
            font-size: 18px;
            line-height: 150%;
            font-family: var(--go-regular);
            color: var(--grey3);
        }

        .highList {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .mob-hide {
            width: 40%;
        }


    }

    .programFlow {
        background: var(--black);


        .flowUpperWrap {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .campusButtonDivi {
            display: flex;
            justify-content: center;
            align-items: center;
            border: 2px solid var(--grey3);
            /* background: linear-gradient(var(--black) 0 0) padding-box, var(--gradient) border-box; */
            border-radius: 32px;
            padding: 8px;
        }

        .flowWrapper {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

        .withoutArrowWhiteBgBtn {
            display: flex;
            padding: 8px 20px 10px 20px;
            justify-content: center;
            align-items: center;
            border-radius: 54px;
            border: 1px solid var(--black);
            color: var(--white) !important;
            font-size: 16px;
            font-family: var(--go-medium);
            line-height: 120%;
            max-width: fit-content;
            background: var(--black);
            cursor: pointer;
            transition: 0.4s ease-in-out;
        }

        .withoutArrowWhiteBgBtn.active {
            background-color: var(--white);
            color: black !important;
            transition: 0.4s ease-in-out;
        }

        .towerSection iframe {
            height: 65vh;
            margin-top: 30px;
            border-radius: 8px;
        }
    }

    .startups {
        background: linear-gradient(var(--white) 0 0) padding-box, linear-gradient(90deg, #39b6d8 6.41%, #f7d344 51.47%, #e38330 96.52%) border-box;
        border-bottom: 6px solid transparent;
        border-image-slice: 1;
        border-image-repeat: stretch;

        .lensBoxi {
            width: 100%;
            max-width: 200px;
            border-radius: 12px;
            border: 1px solid var(--grey16);
            padding: unset;
        }

        .topStartup {
            text-align: center;
            display: flex;
            flex-direction: column;
            gap: 40px;
        }
    }

    .dsaiMasters {
        background: var(--black);
        border-bottom: 1px solid var(--black5);
        display: flex;
        flex-direction: column;
        /* Hide scrollbar for webkit browsers */
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* Internet Explorer 10+ */

        /* Hide scrollbar for webkit browsers */
        &::-webkit-scrollbar {
            display: none;
        }

        .newMasterDetailsWrap {
            border-radius: 0px 0px 8px 8px;
            line-height: 0;
            padding: 18px 10px;
            background: #171717;
            margin: 0;
        }

        .newMasterDetailsWrap img {
            margin-top: 14px;
        }

        .newMasterBoxImg {
            line-height: 0;
            max-width: 100%;
            min-width: 19%;
        }

        .marqueesliders {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 32px;
            overflow: auto;
        }

        .expertsDivi {
            display: flex;
            flex-direction: column;
            gap: 8px;
            align-items: flex-start;
        }

        .go-HeroSubtitle {
            color: var(--grey3);
        }

        .industrySpan {
            color: var(--black);
            font-weight: 600;
        }

        .mastersScroll {
            margin-top: 32px;
        }

        .newMasterDetailsWrap h3 {
            font: 18px "go-regular";
        }

        .newMasterDetailsWrap h4 {
            font-size: 14px;
            line-height: 150%;
            color: var(--grey18);
            margin-top: 5px;
            font-family: "fraunces", serif;
            font-weight: 400;
        }

        .newMasterDetailsWrap svg {
            margin-top: 10px;
            max-width: 200px;
            max-height: 35px;
            min-height: 35px;
        }
    }


    .internshipSection {
        background: var(--white);
        padding: 60px 0px;

        .internshipSwiperClass {
            width: 100%;
            overflow: hidden !important;
        }

        .internshipSwiperClassCareer {
            width: 100%;
            overflow: hidden !important;
        }

        .internshipSwiperClassTbm {
            overflow: hidden !important;
            width: 100%;
        }

        .internshipHiddenWrapper {
            width: 100%;
            overflow: hidden !important;
        }

        .internshipImage .masterPlay>img {
            width: 48px;
            height: 48px;
        }

        .internshipUpperWrapper {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

        .internshipWrapper {
            background: var(--grey17);
            border-radius: 24px;
            padding: 60px;
            display: flex;
            flex-direction: column;
            gap: 26px;
        }

        .internshipCardWrapper {
            display: flex;
            align-items: stretch;
            gap: 60px;
            width: 100%;
            justify-content: space-between;
        }

        .internshipImage {
            max-width: 395px;
            max-height: 254px;
            border-radius: 10px;
            position: relative;
            line-height: 0px;

            img {
                border-radius: 16px;
            }
        }

        .internshipStudentDetail {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: space-between;
            width: 100%;
            max-width: 686px;
        }


        .internshipStudentUpperDivi {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 24px;
            width: 100%;
        }

        .studentNameWrapper {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .studentCompanyWrapper {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 4px;
        }

        .companyName {
            font-size: 16px;
            line-height: 120%;
            font-family: var(--go-medium);
            color: var(--grey4);
        }

        .studentClass {
            font-size: 14px;
            line-height: 120%;
            font-family: var(--go-medium);
            color: var(--grey10);
        }

        .internshipDivider {
            width: 100%;
            height: 1px;
            background: var(--grey3);
            max-height: 1px;
        }

        .studentThoughtPara {
            font-size: 13px;
            line-height: 150%;
            font-family: var(--go-regular);
            color: var(--grey10);
            border-top: 1px solid var(--grey3);
            padding-top: 24px;
            border-bottom: 1px solid var(--grey3);
            padding-bottom: 24px;
            width: 100%;
        }

        .internshipStudentBelow {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .studentNumber {
            padding: 8px 12px;
            border-radius: 8px;
            width: fit-content;
            display: flex;
            justify-content: center;
            align-items: center;
            background: var(--black5);
            text-align: center;
            font-size: 14px;
            line-height: 150%;
            font-family: var(--go-regular);
            color: var(--grey18);
        }

        .insightBtn {
            display: flex;
            gap: 12px;
            align-items: center;
            flex-direction: row-reverse;
        }

        .internshipSwiper {
            overflow: hidden !important;
            width: 100%;
        }
    }

    .individualFee {
        background: url(https://images.mastersunion.link/uploads/28072025/v1/feeVector.svg), var(--grey17);
        background-repeat: no-repeat;
        background-size: cover;

        .individualWrapper {
            display: flex;
            gap: 20px;
            align-items: center;
            justify-content: space-between;
        }

        .individualContent {
            background: url(https://files.mastersunion.link/media/img/Leader/costBG.svg), var(--white);
            padding: 30px 50px;
            border-radius: 16px 0 0 16px;
            width: 50%;
            min-height: 182px;
            background-repeat: no-repeat;
            position: relative;
            /* top: 20px; */
            left: 53px;
        }

        .registeredInfo {
            display: flex;
            gap: 10px;
            align-items: baseline;
            max-width: 80%;
        }

        .registrationText {
            font-size: 20px;
            color: var(--black);
            line-height: 150%;
            font-family: var(--go-regular);
        }

        .registerBold {
            font-family: var(--go-semibold);
        }

        .feeContent {
            background: var(--black);
            border: 1px solid var(--grey3);
            background-position: right;
            padding: 40px 60px;
            border-radius: 16px;
            width: 58%;
            position: relative;
            right: 58px;
            background-repeat: no-repeat;
            z-index: 2;
        }

        .feeText {
            display: flex;
            gap: 10px;
            align-items: center;
        }

        .boardroomFeeDetail {
            display: flex;
            flex-direction: column;
            gap: 32px;
            justify-content: center;
        }

        .feeDetailUpper {
            display: flex;
            flex-direction: column;
            gap: 9px;
        }

        .costPrice {
            font-size: 32px;
            color: var(--white);
            font-family: var(--go-semibold);
            line-height: 160%;
        }

        .costGreyPrice {
            font-size: 20px;
            color: var(--grey10);
            font-family: var(--go-medium);
        }

        .costGreyPricebold {
            font-size: 20px;
            color: var(--grey10);
            font-family: var(--go-bold);
            text-decoration-line: line-through;
        }

        .feeNote {
            display: flex;
            gap: 9px;
            align-items: flex-start;
            font-size: 20px;
            line-height: 150%;
            color: var(--white);
            font-family: var(--go-regular);
        }

        .gradientWhiteBtn {
            background: linear-gradient(119deg, #39b6d8 -19.47%, #f7d344 47.29%, #e38330 112.78%) border-box;
            border: 1px solid transparent;
            display: flex;
            flex-direction: column;
            gap: 20px;
            border-radius: 16px !important;
            max-width: fit-content;
        }

        .gradientWhiteBtn button {
            display: flex;
            padding: 6px 16px;
            gap: 10px;
            background: var(--grey17);
            color: var(--grey4);
            font-size: 14px;
            font-family: var(--go-medium);
            border-radius: 20px;
            line-height: 120%;
            text-transform: uppercase;
        }
    }

    .skyRocket {
        background: var(--black);

        .skyWrapper {
            display: flex;
            gap: 80px;
            align-items: center;
        }

        .skyLeft {
            display: flex;
            flex-direction: column;
            gap: 40px;
            width: 100%;
            max-width: 50%;
            justify-content: flex-end;
        }

        .skyLeft img {
            line-height: 0;
        }

        .skyHeadWrapper {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .skyright {
            max-width: 45%;
            width: 100%;
        }

        .registerForm {
            background: var(--white);
            padding: 20px 25px;
            display: flex;
            border-radius: 10px;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            width: 100%;

            .lightNumber {
                color: var(--grey10);
            }
        }

        .registerForm .phone-input-container {
            display: flex;
            border: 1px solid #ddd;
            border-radius: 6px;
            overflow: hidden;
            background: white;
            transition: border-color 0.2s ease;
            margin-top: 8px;
        }

        .registerForm .country-code-select {
            background: var(--white);
            border: none;
            padding: 12px 16px;
            font-size: 14px;
            font-weight: 400;
            color: #333;
            cursor: pointer;
            border-right: 1px solid #ddd;
            outline: none;
            max-width: fit-content;
        }

        .registerForm .phone-input {
            flex: 1;
            border: none;
            padding: 12px 16px;
            font-size: 16px;
            font-weight: 500;
            color: #333;
            outline: none;
            background: white;
        }

        .registerForm .form {
            margin-top: 20px;
        }

        .skyFormHeading {
            font-size: 24px;
            font-family: var(--go-regular);
            line-height: 120%;
            font-weight: 400;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }

        .skyFormHeading {
            p {
                background-color: #F5F5F5;
                border-radius: 4px;
                padding: 4px 8px;
                font: 14px 'go-medium';
                line-height: 150%;
            }
        }

        .skyright .select-form-arrow:after {
            background: url(https://images.mastersunion.link/uploads/10062025/v1/CaretDown.svg);
            top: 41px;
        }

        .phone-input-container:focus-within,
        .phone-input-container:hover,
        .input:focus-within {
            background: linear-gradient(var(--white) 0 0) padding-box,
                var(--gradient) border-box;
            border: 1px solid transparent;
        }
    }

    .reachoutBreatherSection {
        background: linear-gradient(96deg, #39B5D7 -31.01%, #F7D544 49.05%, #E38330 109.58%);
        padding: 60px 0 !important;

        .reachoutBreatherWrapper {
            display: flex;
            gap: 28px;
            align-items: stretch;
        }

        .reachoutLefti {
            width: 100%;
            max-width: 57.1%;
            border-radius: 16px;
            background: var(--white);
            padding: 48px;
            display: flex;
            flex-direction: column;
            gap: 40px;
            align-items: flex-start;
            max-height: 267px;
            overflow: hidden;
        }

        .go-BreatherHeading {
            border-bottom: 2px solid var(--grey4);
            padding-bottom: 8px;
            width: 100%;
        }

        .reachoutRight {
            width: 100%;
            max-width: 39.6%;
            overflow: hidden;
        }

        .supportInfoWrapper {
            display: flex;
            gap: 32px;
            align-items: flex-start;
        }

        .supportDivi {
            display: flex;
            gap: 10px;
            align-items: flex-start;
        }

        .supportDivi>img {
            max-width: 40px;
            max-height: 40px;
        }

        .supportMailDivi {
            display: flex;
            gap: 5px;
            align-items: flex-start;
            flex-direction: column;
        }

        .supportBoxiText {
            font-size: 16px;
            font-style: italic;
            font-weight: 400;
            line-height: 120%;
            font-family: "fraunces", serif;
            color: var(--grey);
        }

        .supportcontentText {
            font-size: 16px;
            line-height: 120%;
            font-family: var(--go-medium);
            color: var(--grey17);
        }
    }

    .buildingProgramme {
        background: var(--white3) !important;
        padding-bottom: 120px !important;

        .programmerWrapper {
            display: flex;
            flex-direction: column;
            gap: 32px;
        }

        .programHeadingWrap {
            overflow: hidden !important;
            display: flex;
            justify-content: space-between;

        }

        .BootcampCard {
            border-radius: 16px;
            border: 1px solid var(--grey4);
            background: var(--white);
            width: unset;
            display: flex;
            flex-direction: column;
            gap: 10px;
            padding: 10px;
            min-height: 336px;
        }

        .buildingCardHead {
            font-size: 18px;
            line-height: 140%;
            color: var(--black3);
            font-family: "Fraunces", serif;
            font-weight: 500;
            min-height: 51px;
        }

        .CardInner {
            padding: unset;
        }

        .buildingText {
            font-size: 14px;
            line-height: 150%;
            color: var(--grey3);
            font-family: var(--go-regular);
        }

        .insightBtn {
            display: flex;
            gap: 12px;
            align-items: center;
            flex-direction: row-reverse;
        }

        .buildingSwipeWrap {
            display: flex;
            gap: 20px;
            align-items: flex-start;
            overflow: hidden !important;
            padding-left: 10%;
            margin-top: 34px;
        }

        .swiper-pagination-bullet {
            background: var(--grey10) !important;
            opacity: 1;
            transition: all 0.3s ease;
            border-radius: 10px;
        }

        .swiper-pagination-bullet-active {
            width: 40px !important;
            background: var(--grey10) !important;
            border-radius: 10px;
            transition: 0.4s ease-in-out !important;
        }

        .swiper-pagination-bullet {
            transition: width 0.4s ease-in-out,
                border-radius 0.4s ease-in-out,
                background-color 0.4s ease-in-out,
                transform 0.4s ease-in-out,
                box-shadow 0.4s ease-in-out !important;
        }

        .swiper-pagination {
            width: 100% !important;
            position: absolute !important;
            z-index: 10;
            display: flex;
            gap: 6px;
            align-items: center;
            justify-content: center;
            bottom: 10% !important;
            left: 0% !important;
        }

        @media screen and (min-width: 1920px) {
            .buildingSwipeWrap {
                padding-left: 18%;
            }
        }

        @media (min-width:1200px) and (max-width:1280px) {
            .buildingSwipeWrap {
                padding-left: 7%;
            }
        }


    }

    .highPreviousYrHighlights {
        padding: 80px 0;
        background: var(--black);
        border-bottom: 1px solid var(--black5);

        .highPreviousWrapper {
            flex-direction: column;
        }

        .mastersRoaster {
            max-width: 100%;
            display: flex;
            justify-content: space-between;
            gap: 20px;
            align-items: center;
        }

        .nav-arrow {
            margin-top: 0;
            gap: 12px;
        }

        .highSchoolPreviousSliderWrap {
            max-width: 100%;
            overflow: hidden !important;
        }

        .littleView {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            visibility: hidden;
            transition: 0.4s ease-in-out;
        }

        .mainScrollableBoxReel:hover .littleView {
            opacity: 1;
            visibility: visible;
            transition: 0.4s ease-in-out;
        }

    }

}