/* Section 1 Start*/
@media (min-width: 300px) and (max-width:490px) {
    .section-1 {
        height: calc(20rem + 1200px);
    }

    .hdfc-parent {
        margin-top: 2rem;
    }

    .download-install {
        margin-top: -200px;
    }

    .black-shade-gradient {
        height: 600px;
    }



    .play-pause-button {
        width: 40px;
    }

    #intro-video::-webkit-media-controls-panel {
        background-image: none !important;
        position: relative;
        top: 0px;
        filter: hue-rotate(45deg);
    }
}

@media (min-width: 491px) and (max-width:1023px) {
    .section-1 {
        height: calc(25rem + 1150px);
    }

    .hdfc-parent {
        margin-top: 2rem;
    }

    .download-install {
        margin-top: -200px;
    }

    .black-shade-gradient {
        height: 600px;
    }

    .gradient_button {
        font-size: 16px;
    }

    .video-caption-text>h4 {
        font-size: clamp(12.6px, calc(7vw - 25.6px), 16px);
        white-space: unset !important;
    }

    .play-pause-button {
        width: 60px;
    }

    .revenue-grid {
        grid-template-columns: repeat(auto-fit, minmax(295px, 1fr));
    }

    /* .revenue-grid .fs-30 {
        font-size: 20px;
    } */
}

/* Section 1 End */

/* Section 2 Start*/
@media (min-width: 992px) and (max-width:1057px) {
    .revenue-grid {
        grid-template-columns: repeat(2, minmax(245px, 1fr));
    }
}

@media (max-width:1800px) {
    .revenue-grid .fs-30 {
        font-size: 22px !important;
    }
}

/* Section 2 End */
/* Section 4 Start */
@media (min-width: 300px) and (max-width:991px) {
    .eligibility-grid {
        grid-template-columns: repeat(2, minmax(250px, 320px));
    }

    .eligibility-card-bottom {
        display: none;
    }

    .eligibility-card {
        height: unset;
    }

    .eligibility-card .eligibility-image {
        height: 222px;
    }

    .eligibility-card .eligibility-caption {
        height: unset;
    }

    .eligibility-card .eligibility-caption {
        border-top: 4px solid rgba(240, 123, 65, 1);
        padding: 2rem 1.2rem 2rem 1.2rem;
    }
}

@media (min-width: 300px) and (max-width:710px) {
    .eligibility-grid {
        /* grid-template-columns: repeat(1, minmax(250px, 320px)); */
        display: flex;
        align-items: center;
        flex-direction: column;
        row-gap: unset;
    }

    .eligibility-card-bottom {
        display: none;
    }

    .eligibility-card {
        height: unset;
        min-width: 250px;
        max-width: 320px;
        margin-bottom: 50px;
    }

    .eligibility-card .eligibility-image {
        height: 222px;
    }

    .eligibility-card .eligibility-caption {
        height: unset;
    }

    .eligibility-card .eligibility-caption {
        border-top: 4px solid rgba(240, 123, 65, 1);
        padding: 2rem 1.2rem 2rem 1.2rem;
    }
}

/* Section 4 End */
/* Section 6 Starts */
@media (min-width: 300px) and (max-width:768px) {
    div.progression-svg-pc {
        display: none !important;
    }

    div.progression-svg-mobile {
        display: flex !important;
    }

    svg.progression-svg-sm {
        width: calc(50vw + 144px) !important;
        height: calc(100vw + 1000px) !important;
        position: relative;
        left: 6px;
    }
}

@media (min-width: 769px) and (max-width:1270px) {
    div.progression-svg-mobile {
        display: none !important;
    }

    svg.progression-svg-lg {
        width: calc(60vw + 188px) !important;
        height: calc(50vw + 216px) !important;
    }
}

/* Section 6 Ends */
/* Section 8 Starts */
@media (min-width: 300px) and (max-width:768px) {
    .faq-container .accordion {
        grid-template-columns: 100%;
    }

    .faq-container .accordion .accordion-item {
        max-width: 98%;
    }

    .faq-container .accordion-button::after {
        top: -5px;
        right: -10px;
    }
}

@media (min-width: 769px) and (max-width:1270px) {
    .faq-container .accordion .accordion-item {
        max-width: 92%;
    }

    .faq-container .accordion-button {
        font-size: 0.6em;
    }

    .faq-container .accordion-button::after {
        background-size: 17px;
    }
}

/* Section 8 ends */
/* Section 7-5 */
@media (min-width: 769px) and (max-width:1022px) {
    .financial-support .card-title {
        font-size: 0.9em;
    }
}

@media (min-width: 1023px) and (max-width:1800px) {
    .financial-support .card-title {
        font-size: 1.5em;
    }
}

@media (min-width: 300px) and (max-width:649px) {
    .video-caption-text {
        width: 100%;
        position: absolute;
        top: 10px;
        bottom: unset;
        left: 50%;
        transform: translate(-50%, 0px);
        border-radius: 0px 0px 0px 0px;
        max-width: 100%;

    }

    .video-caption-text>h4 {
        font-size: 16px;
        white-space: unset !important;
        max-width: max-content;
    }
}

@media(min-width:650px) {
    .video-caption-text {
        min-width: 638px;
    }
}

@media (min-width: 768px) {
    .accelerator-location-hider {
        display: inline-block !important;
    }
}

@media (min-width: 1024px) and (max-width:1280px) {
    .section-1 {
        height: calc(75rem + 1064px);
    }
}