.Header.Explore_scc_header {
    min-height: 0;
}

.Intro_video {
    max-width: 100vw;
    overflow: hidden;
    /* height: 55vh; */
    position: relative;
    /* background-color: black; */
}

.Kotak_logo {
    position: absolute;
    z-index: 1;
    /* top: 0; */
    left: 0;
    margin-left: 20px;
    margin-top: 30px;
}

.Card_intro {
    width: 88vw;
    padding-left: 6vw;
    padding-right: 6vw;
    padding-top: 3vh;
    padding-bottom: 4vh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

.Tagline_1 {
    font-size: 12px;
    font-weight: 600;
    line-height: 167%;
    letter-spacing: 3px;
    color: #BBE3EF;
    display: flex;
    margin-bottom: 1vh;
}

.Tagline_2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 143%;
    letter-spacing: -0.025em;
    text-align: left;
    color: #FFFFFF;
    display: flex;
    margin-bottom: 0.9vh;
}

.Card_criteria {
    font-size: 16px;
    font-weight: 500;
    line-height: 162%;
    letter-spacing: 0em;
    color: #FFFFFF;
    opacity: 0.7;
    margin-bottom: 2.4vh;
}

.Key_features_heading {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #CCCCCC;
    margin-bottom: 2.8vh;
}


.Benefit_cards {
    display: flex;
    flex-direction: row;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #FAFAFA;
    overflow-x: scroll;
    margin-bottom: 4.4vh;
    width: 100vw;
}

.Benefit_card_comp {
    margin-right: 8vw;
    max-width: 224px;
}

.Benefit_card_img {
    /* height: 25vh;
    width: 50vw; */
    max-width: 224px;
    max-height: 235px;
    border-radius: 12px;
}

.Desktop_benefit_cards {
    padding-left: 15vw;
    padding-right: 6vw;
    /* padding-left: 234px;
    padding-right: 214px; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 32px;
    margin-bottom: 15vh;
}

.Desktop_benefit_card_comp {
    /* width: 27vw;
    height: 50vh; */
    /* flex-shrink: 0; */
    /* border-radius: 12px; */
    /* background: #39505C; */
    /* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between; */
    /* padding: 20px 20px; */
    /* color: var(--white, #FFF);

    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 128%; */
    width: 40%;
    position: relative;
    display: inline-block;
}

.Desktop_benefit_card_img {
    width: 100%;
    border-radius: 12px;
    position: relative;
    /* z-index: -1; */
}

.Desktop_benefit_card_text {
    /* z-index: 999 !important; */
    position: absolute;
    top: 52px;
    /* left: 50%;
    transform: translate(-50%,-0%); */
    padding-left: 45px;
    padding-right: 45px;
    color: var(--White, #FFF);
    font-family: 'Manrope';
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 128.571%; /* 128.571% */
}

.Desktop_benefit_card_text.Benefit_dark_text {
    color: #253844;
}

@media (min-width : 768px) {

    .Kotak_logo {
        top: 0;
    }

    .Header.Explore_scc_header {
        max-width: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .Desktop_home_screen_wrapper {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-top: 10vh;
        padding-left: 15vw;
        /* width: 80vw; */
    }
    .Card_intro {
        width: 30vw;
        height: 34.5vw;
        justify-content: center;
        /* margin-left: -6vw; */
        padding-left: 0;
    }
    .Intro_video {
        width: 30vw;
        height: 50vh;
    }

    .Intro_video_container {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .Key_features_heading {
        padding-left: 15vw;
    }

    .Kotak_logo {
        margin-top: 52px;
        margin-left: 40px;
    }

    .Tagline_1 {
        font-weight: 700;
    }

    .Tagline_2 {
        font-weight: 700;
    }
}