@media (max-width: 1024px) {
    .bentoGrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cardLarge {
        grid-column: span 2;
    }

    .cardWide {
        grid-column: span 2;
    }

    .cardTall {
        grid-column: span 1;
    }

    .cardSmall {
        grid-column: span 1;
    }

    .heroTitle {
        font-size: 3.5rem;
    }
}

@media (max-width: 992px) {

    .testimonialsGrid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {


    .footerGrid {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    .footerBrand {
        grid-column: span 2;
    }
}

@media (max-width: 768px) {
    .navbar .navLinks {
        display: none;
    }

    .navbar {
        padding: 10px 0;
    }

    .logoImg {
        width: 65px;
    }

    .mobileMenuBtn {
        display: flex;
        padding: 5px;
    }

    .heroTitle {
        font-size: 2.5rem;
    }

    .bentoGrid {
        grid-template-columns: 1fr;
    }

    .cardLarge,
    .cardTall,
    .cardWide,
    .cardSmall {
        grid-column: span 1;
        grid-row: auto;
    }

    .cardLarge {
        flex-direction: column;
    }

    .cardVisual {
        width: 100%;
        height: 200px;
        margin-top: 20px;
    }

    .testimonialsGrid {
        grid-template-columns: 1fr;
    }

    .ctaGlassForm {
        padding: 16px;
    }

    .ctaTitle {
        font-size: 35px;
    }

    .ctaDesc {
        font-size: 17px;
    }
}

@media (max-width: 600px) {
	.thankyou h3{
		font-size:38px
	}
	.dBlock{
		display:inline;
	}
	.heroTitle{
		font-size:35px
	}
    .footerGrid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .footerBrand {
        grid-column: span 1;
    }

    .footerBottom {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
}

@media (max-width: 426px) {
    .heroSection {
        padding: 170px 0 80px;
    }

    .heroBgIcon {
        position: absolute;
        top: 30%;
        left: 50%;
        font-size: 270px;
    }

    .closeMenu {
        background: rgba(0, 0, 0, 0.1);
        border: none;
        color: #fff;
        font-size: 30px;
        cursor: pointer;
        width: 40px;
        height: 62px;
    }

    .courseCard {
        margin-bottom: 25px;
    }

    .heroSubtitle {
        font-size: 16px;
    }

    .ctaDesc {
        font-size: 16px;
    }

    .ctaGlassForm {
        padding: 25px;
    }

    .ctaDesc {
        margin-bottom: 23px;
    }

    .faqQuestion {
        font-size: 15px;
    }

    .sectionHeader {
        margin-bottom: 28px;
    }

    .ctaTitle {
        font-size: 30px;
    }

    .btn {
        font-size: 13px;
    }

    .statNum {
        font-size: 25px;
        font-weight: 700;
    }

    .sectionHeader h2 {
        font-size: 26px;
    }

    .sectionPadding {
        padding: 80px 0;
    }

    .footerGrid {
        margin-bottom: 34px;
    }

}

@media (max-width: 426px) {}