@media (max-width: 1599px) {
    :root {
        --section-padding-120px: 100px;
        --common-banner-title-fs: 100px;

        --common-section-title-fs: 40px;
        --common-section-disc-fs: 20px;
    }

    .common-typo {
        --common-typo-base-font-size: 20px;
    }

    /* Common */
    .value-card { 
        --card-title-fs: 30px; 
        --card-disc-fs: 20px; 
        
        padding: 120px 30px 30px 30px;
    }
    .core-values .card-block { 
        --row-gap: 30px; 
        --column-gap: 30px;
    }

    .new-home-banner {
        --home-banner-title-fs: 70px;
        --home-banner-disc-fs: 40px;
    }

    .common-title-banner { padding-block: 50px; }

    .core-values .image-block { max-width: 800px; width: 90%; margin-top: 0; }

    .custom-shape-parent { --shape-value: 80px; }

	.new-home-banner-shape { max-width: 45%; right: 15px; top: 150px; }

    .key-sector-card {
        --key-sector-card-title-fs: 60px;
        --key-sector-card-disc-fs: 20px;
    }

    .key-sector-card .image-content { margin-bottom: 30px; }
    .key-sector-card .btn { margin-top: 20px; }
    .btn { padding: 10px 30px; font-size: 20px; }

    .our-work .view-all-link { margin-top: 0; }

    .service-home-v2 { 
        --slider-img-height: 800px; 
        --slider-data-padding-top: 170px;
    }
}

@media (max-width: 1399px) {
    :root {
        --section-padding-120px: 80px;
        --common-banner-title-fs: 80px;

        --section-space-30px: 30px;
        --section-space-60px: 50px;
        --section-space-100px: 80px;
    }

    .value-card { 
        --card-title-fs: 24px; 
        --card-disc-fs: 18px; 

        padding: 100px 30px 30px 30px;
    }

    .stats-card {
        --card-title-font-size: 18px;
    }

    .core-values .card-block { 
        --row-gap: 30px; 
        --column-gap: 20px;
    }

    .our-key-sectors {
        --key-card-row-gap: 60px;
        --key-card-column-gap: 40px;
    }

    .core-values .core-values-block { gap: 30px; }

    .custom-shape-parent { --shape-value: 70px; }

    .our-key-sectors .top-block { --top-block-fs: 20px; }
    .view-all-link { --view-all-link-fs: 20px; }
    .our-key-sectors { padding-block: 70px; }

    .service-details-typo {
        --details-typo-fs-base: 20px;
        --details-typo-fs-heading: 30px;
    }

    .project-title {
        --title-font-size: 50px;
    }
    .project-title .project-title-block { max-width: 900px;  }
    .project-media .media-block { max-height: 500px; }

    .project-detail-typo {
        --project-detail-fs: 20px;
    }
    .title-block {
        --title-fs: 28px;
        --subtitle-fs: 20px;
        --title-lg-fs: 50px;
    }
}

@media (max-width: 1199px) {
    :root {
        --common-section-title-fs: 36px;
        --common-section-disc-fs: 18px;
    }

    .common-typo {
        --common-typo-base-font-size: 18px;
        --common-typo-margin-bottom: 16px;       
    }

    /* New Home Banner */
    .new-home-banner {
        --home-banner-title-fs: 50px;
        --home-banner-disc-fs: 30px;
    }

    /* Our Work */
    .our-work { padding-block: 60px; }
    .our-work::after { width: 100%; }

    .our-work .text-block { margin-inline: 0; max-width: 100%; }
    .our-work .our-work-block { padding-inline: 20px; max-width: 1030px; }

    .project-media .media-block { max-height: 400px; }
    .project-detail-page-wrapper { --row-gap: 16px; --column-gap: 16px; }

    .project-title {
        --title-font-size: 44px;
    }

    .title-block {
        --title-fs: 22px;
        --subtitle-fs: 18px;
        --title-lg-fs: 40px;
    }

    .project-detail-typo {
        --project-detail-fs: 18px;
    }

    .common-back-arrow {
        --button-size: 60px;
    }
}

@media (max-width: 991px) {
    :root {
        --section-padding-120px: 60px;
        --common-banner-title-fs: 60px;

        --section-space-60px: 40px;
        --section-space-100px: 60px;
    }
    
    .value-card { 
        --card-title-fs: 22px; 
        --card-disc-fs: 16px; 

        padding: 80px 20px 20px 30px;
    }

    .new-home-banner {
        --home-banner-title-fs: 38px;
        --home-banner-disc-fs: 22px;
    }

    .core-values .card-block { 
        --row-gap: 20px; 
        --column-gap: 20px;
    }

    .stats-card {
        --card-title-font-size: 16px;
    }

    .key-sector-card {
        --key-sector-card-title-fs: 50px;
        --key-sector-card-disc-fs: 20px;
    }

    .common-title-banner { padding-block: 40px; }

    .our-impact .common-section-disc { max-width: 100%; }

    .common-section-disc * { margin-bottom: .5lh; }

    .stats-card .title * { padding-bottom: 8px; }

    .our-key-sectors .top-block { margin-bottom: 50px; }

    .our-key-sectors { padding-block: 60px; }

    .our-work .our-work-block { max-width: 766px; }

    .service-home-v2 {
        --slider-img-height: 300px;
        --slider-data-padding-top: 50px;
    }

    .service-home-v2 .service-inbox h2 { margin-inline: 0; }
    .service-home-v2 .service-title-rw h3 { min-height: 48px; }

    .service-details-typo {
        margin-block: 30px;

        --details-typo-fs-base: 18px;
        --details-typo-fs-heading: 24px;
    }

    .service-home-v2 .service-inbox { padding: 0 20px !important; }

    .project-title .project-title-block { gap: 20px; }
    .common-back-arrow { --button-size: 50px; } 
    .project-title {
        --title-font-size: 38px;
    }
    .project-title .project-title-block { max-width: 600px; }
}

@media (max-width: 767px) {
    :root {
        --common-banner-title-fs: 40px;
        --common-section-title-fs: 32px;
    }

    .common-typo {
        --common-typo-base-font-size: 18px;
        --common-typo-margin-bottom: 12px;       

        --common-typo-h1-font-size: calc(1.5 * var(--common-typo-base-font-size)); 
        --common-typo-h2-font-size: calc(1.3 * var(--common-typo-base-font-size)); 
        --common-typo-h3-font-size: calc(1.2 * var(--common-typo-base-font-size)); 
        --common-typo-h4-font-size: calc(1.1 * var(--common-typo-base-font-size)); 
        --common-typo-h5-font-size: calc(1 * var(--common-typo-base-font-size));  
        --common-typo-h6-font-size: calc(1 * var(--common-typo-base-font-size));   
    }

    .custom-shape-parent { --shape-value: 60px; }

    .common-title-banner { padding-block: 30px; }
	.scroll-down-common { left: 0;right: 0;margin: 0 auto;bottom: -70px; }

    .value-card { padding: 80px 20px 20px 30px; }
    .new-common-banner-title *,
    .new-common-banner-disc * { text-align: center; }

    .stats-card { 
        --card-value-font-size: 44px;
        gap: 10px;
    }

    .core-values .card-block { max-width: 500px; width: 100%; margin-inline: auto; }
    
    .new-home-banner .custom-shape-parent { display: none; }
    .new-home-banner-left { width: fit-content; margin-inline: auto; }
    .new-home-banner-shape { left: 15px; right: 15px; opacity: 0.50; width: 50%; top: 50%; transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }


    /* Our Impact */
    .our-impact { padding-top: 60px; }
    .our-impact .text-block { margin-bottom: 60px; }
    .our-impact .row { row-gap: 30px; }


    .our-impact .stats-block { margin-bottom: 0; max-width: 100%; --stats-row-gap: 24px; --stats-column-gap: 24px; padding: 40px 20px; }
    .our-impact .stats-card-block { max-width: 100%; }

    .key-sector-card {
        --key-sector-card-title-fs: 40px;
        --key-sector-card-disc-fs: 18px;
    }

    .key-sector-card .image-content { margin-bottom: 24px; }

    .our-key-sectors .top-block { margin-bottom: 30px; }
    .our-key-sectors { padding-block: 40px; }

    /* Our Work */
    .our-work { padding-block: 40px; }

    /* Service (Home V2) */
    .service-home-v2 {
        --slider-img-height: 300px;
        --slider-data-padding-top: 20px;
    }
    .service-details-typo {
        margin-block: 16px;

        --details-typo-fs-base: 18px;
        --details-typo-fs-heading: 24px;
    }
}

@media (max-width: 575px) {

    :root {
        --section-space-30px: 20px;
        --section-space-60px: 30px;
        --section-space-100px: 40px;
    }

    .custom-shape-parent { --shape-value: 40px; }

    .project-title { --title-font-size: 32px; }

    .common-back-arrow { --button-size: 44px; }

    .project-title .project-title-block { gap: 16px; }

    /* Common */
    .btn { padding: 6px 20px; font-size: 18px; }

    /* Stats Card */
    .stats-card { 
        --card-value-font-size: 34px;
    }

    /* Our Impact */
    .our-impact .row { row-gap: 24px; }
    .our-impact { padding-top: 40px; }
    .our-impact .text-block { margin-bottom: 40px; }
    .our-key-sectors { --key-card-row-gap: 40px; }

    /* Project Media */
    .project-media .media-block-sm { aspect-ratio: 1126 / 709; }
}