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

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

    .title-wrapper-text,
    .footprit-card-title {
        font-size: 32px;
    }

    .text-container,
    .text-container-two {
        font-size: 20px;
        line-height: 30px;
    }

    .vision-para {
        margin-bottom: 16px;
    }

    .description-lg,
    .vision-para {
        font-size: 20px;
        line-height: 30px;
    }

    .key-pillars-section {
        padding: 80px 0px 0px;
    }

    .stats-cont-box {
        grid-template-columns: repeat(5, 1fr);
    }

    .footer-main-title {
        position: absolute;
        /* width: 100%; */
        bottom: -22em;
        right: 0;
    }

    .news-card__title {
        font-size: 18px;
        line-height: 24px;
    }
}

@media screen and (max-width: 1199.99px) {
    .stats-cont-box {
        grid-template-columns: repeat(4, 1fr);
    }

    .content-wrapper {
        margin: 0 0;
    }
}

@media screen and (max-width: 1024px) {
    .title-wrapper {
        padding: 15px 12px;
    }

    .title-wrapper-text {
        font-size: 24px;
        line-height: 30px;
    }

    .text-container,
    .text-container-two {
        font-size: 20px;
        line-height: 28px;
    }

    .vision-para {
        font-size: 20px;
        line-height: 28px;
    }

    .vision-card-title {
        font-size: 20px;
        line-height: 28px;
    }

    .slide-text-box {
        font-size: 24px;
        line-height: 30px;
    }

    .vision-card-para {
        font-size: 16px;
        line-height: 24px;
    }

    .focus-section {
        padding: 160px 0px 130px;
    }

    .focus-col .card__header {
        align-items: start;
    }

    .focus-card-para {
        font-size: 14px;
    }

    .focus-row {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 26px;
    }

    .focus-card-title {
        font-size: 17px;
        line-height: 25px;
    }

    .partner-img {
        max-width: 150px;
    }

    .partner-section {
        padding: 50px 0px 98px;
    }

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

    .footer-row {
        justify-content: center;
    }

    .key-pillars-main {
        padding: 0px 30px;
    }

    .footprint-wrapper {
        margin-top: -141px;
    }

    .footprit-card-title {
        font-size: 24px;
        line-height: 45px;
    }

    .latest-card-title {
        font-size: 18px;
        line-height: 26px;
    }

    .hero-section,
    .hero-section.about-hero-banner,
    .hero-section.about-hero-banner-1 {
        height: 100vh;
    }

    .about-us-cont.hero-tab-btn {
        bottom: 2em;
    }

    ul#pills-tab {
        gap: 8px !important;
        margin-bottom: 0px !important;
    }

    a.hero-tab-title.active::before {
        display: none;
    }

    .marquee-box {
        margin: 16px 0px;
    }

    .subscribe-shape-right {
        bottom: 78% !important;
    }

    .hero-title {
        font-size: 42px;
        line-height: normal;
        margin-top: 100px;
    }

    .hero-btn {
        padding: 8px 16px;
        font-size: 16px;
    }

    .hero-tab-title {
        font-size: 14px;
        /* min-width: 100px;
        padding: 8px 8px; */
    }

    .unlock-img-flex .unlock-img:nth-child(1),
    .unlock-img {
        min-width: 100%;
        max-width: 100%;
        height: 300px;
        border-radius: 20px;
    }

    .unlock-img-flex .unlock-img:nth-child(2),
    .unlock-img-flex .unlock-img:nth-child(3) {
        display: none;
    }

    .unlock-card-flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    .marquee__group {
        gap: 16px;
    }

    .common-btn,
    .common-btn:hover {
        padding: 10px 20px !important;
        font-size: 18px !important;
    }

    .section-margin {
        margin: 30px 0px;
    }

    .section-padding {
        padding: 30px 0px;
    }

    .subscribe-shape-left {
        bottom: 0px;
        max-height: 200px;
    }

    .stats-cont-box {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-device-width: 1023px) and (orientation : landscape) {}

@media screen and (max-device-width: 767px) and (orientation: landscape) {}


@media (max-width: 767.99px) {
    .slide-text-box {
        height: 110px !important;
    }

    .subscribe-text {
        max-width: 100%;
    }

    .marquee__group img {
        max-width: clamp(10rem, 1rem + 21vmin, 13rem);
    }

    .footer-contact {
        margin-bottom: 16px;
    }

    .vision-section {
        padding: 50px 0px 100px;
    }

    .title-wrapper {
        padding: 10px 10px;
    }

    .title-wrapper-text {
        font-size: 22px;
        line-height: 30px;
    }

    .text-container.text-container-two {
        font-size: 22px;
        line-height: 30px;
    }

    .vision-para {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 100px;
    }

    .vision-card-title {
        font-size: 19px;
        line-height: 21px;
    }

    .vision-card-para {
        font-size: 15px;
        line-height: 30px;
    }

    .focus-section {
        padding: 150px 0px 50px;
        margin-top: -150px;
    }

    .focus-row {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 15px;
    }

    .foucs-content-main {
        padding: 10px;
        border-radius: 10px;
    }

    .page-section-para {
        font-size: 15px;
        line-height: 26px;
    }

    .focus-card-title {
        font-size: 15px;
        line-height: 24px;
    }

    .partner-section {
        padding: 50px 0px;
    }

    .partner-row {
        grid-template-columns: repeat(1, 1fr);
    }

    .partner-img {
        max-width: 150px;
    }

    .footprint-wrapper {
        margin-top: -132px;
    }

    .footprit-card-title {
        font-size: 28px;
        line-height: 41px;
    }

    .key-pillars-section {
        padding: 50px 0px;
    }

    .key-pillars-row {
        grid-template-columns: repeat(1, 1fr);
    }

    .key-pillars-main {
        padding: 0px 15px;
    }

    .key-pillar-title {
        font-size: 27px;
        line-height: 38px;
        margin-bottom: 10px;
    }

    .latest-card-title {
        font-size: 17px;
        line-height: 26px;
    }

    .latest-info-btn-flex {
        margin-top: 20px;
    }

    .latest-section {
        padding: 0px 0px 50px;
    }

    .latet-card {
        height: 600px;
    }

    .latest-info-text {
        font-size: 14px;
        line-height: 18px;
    }

    .latetst-info-box {
        padding: 10px;
    }

    .footer-row {
        justify-content: start;
    }

    .footer-ul {
        gap: 12px;
    }

    .subscribe-shape-right {
        bottom: 62% !important;
    }

    .unlock-title {
        margin-bottom: 24px;
    }

    .unlock-slider-main .unlock-owl .owl-nav {
        bottom: -10%;
    }

    .unlock-slider-main .unlock-owl .owl-nav img {
        height: 40px;
        min-width: 40px;
    }

    .unlock-slider-main .unlock-owl .owl-dots {
        top: -8%;
    }

    .hero-section .container {
        position: absolute;
        bottom: 40%;
    }

    .footer-main-title h2 {
        font-family: "DMSans-Bold";
        font-size: 36px;
    }

    .footer-add-card {
        flex-wrap: wrap;
    }

    .partner-row.footer-row-box {
        grid-template-columns: 1fr;
    }

    .partner-row.footer-row-box .partner-card {
        border-right: 0;
        margin-left: 0;
    }

    .footer-lg-title {
        font-size: 18px;
    }

    .footer-logo-descr {
        font-size: 14px;
    }

    .footer-mail-link .footer-lg-title {
        font-size: 16px;
    }

    .footer-logo-descr.font-md {
        margin-top: 26px;
    }

    .footer-link {
        font-size: 13px;
    }

    .footer-logo {
        text-align: left !important;
    }

    .footer-main-cont {
        padding: 16px;
    }

    .text-container,
    .text-container-two {
        font-size: 20px;
        line-height: 26px;
    }

    .common-btn,
    .common-btn:hover {
        padding: 8px 16px !important;
        font-size: 16px !important;
    }

    .footprit-card {
        height: 160px;
        max-width: 160px;
        min-width: 160px;
    }

    .footprit-row {
        gap: 20px;
    }

    .key-pillars-row {
        margin-top: 26px;
    }

    .latest-card-img-box {
        height: 100vh;
    }

    .latest-card-img-box img {
        height: 100%;
    }

    .stats-cont-box {
        grid-template-columns: repeat(3, 1fr);
    }

}

@media (max-width: 549px) {
    .subscribe-shape-right {
        bottom: 86% !important;
    }

    .subscribe-shape-right img {
        width: 120px;
    }

    .hero-title {
        font-size: 26px;
        line-height: normal;
    }

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

@media (max-width: 479.99px) {
    .stats-cont-box {
        grid-template-columns: repeat(1, 1fr);
    }
}