/* =========================================================
   1400px
========================================================= */

@media (max-width:1400px){

    .asgari-hero h1{
        font-size:56px;
    }

    .asgari-section-head h2{
        font-size:42px;
    }

}

/* =========================================================
   1200px
========================================================= */

@media (max-width:1200px){

    .asgari-hero-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .asgari-hero-media{
        max-width:760px;
        margin:auto;
    }

    .asgari-card-grid{
        grid-template-columns:1fr;
    }

    .asgari-calculator-grid{
        grid-template-columns:1fr;
    }

    .asgari-result-card{
        position:relative;
        top:auto;
    }

    .asgari-table-grid{
        grid-template-columns:1fr;
    }

    .asgari-content-grid{
        grid-template-columns:1fr;
    }

    .asgari-side-box{
        position:relative;
        top:auto;
    }

    .asgari-cta-box{
        flex-direction:column;
        align-items:flex-start;
    }

}

/* =========================================================
   992px
========================================================= */

@media (max-width:992px){

    .asgari-hero{
        padding:90px 0;
    }

    .asgari-hero h1{
        font-size:48px;
    }

    .asgari-hero p{
        font-size:17px;
    }

    .asgari-mini-cards{
        margin-top:-40px;
    }

    .asgari-mini-card{
        padding:32px;
    }

    .asgari-mini-card h2{
        font-size:24px;
    }

    .asgari-section-head{
        margin-bottom:45px;
    }

    .asgari-section-head h2{
        font-size:38px;
    }

    .asgari-form,
    .asgari-result-card{
        padding:32px;
    }

    .asgari-result-main strong{
        font-size:36px;
    }

    .asgari-seo-content article{
        padding:40px;
    }

    .asgari-seo-content h2{
        font-size:30px;
    }

    .asgari-side-box h3{
        font-size:28px;
    }

    .asgari-cta-box{
        padding:45px;
    }

    .asgari-cta-box h2{
        font-size:36px;
    }

}

/* =========================================================
   768px
========================================================= */

@media (max-width:768px){

    .asgari-container{
        width:min(100% - 24px, 100%);
    }

    .asgari-hero{
        padding:75px 0;
    }

    .asgari-hero h1{
        font-size:40px;
    }

    .asgari-hero p{
        font-size:16px;
        margin-bottom:30px;
    }

    .asgari-hero-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .asgari-btn-primary,
    .asgari-btn-outline{
        width:100%;
    }

    .asgari-hero-stats{
        grid-template-columns:1fr;
    }

    .asgari-hero-stats div{
        width:100%;
    }

    .asgari-mini-cards{
        margin-top:-20px;
    }

    .asgari-mini-card{
        padding:28px;
        border-radius:24px;
    }

    .asgari-mini-card h2{
        font-size:22px;
    }

    .asgari-calculator-section,
    .asgari-table-section,
    .asgari-seo-content,
    .asgari-faq-section{
        padding:80px 0;
    }

    .asgari-section-head h2{
        font-size:32px;
    }

    .asgari-section-head p{
        font-size:16px;
    }

    .asgari-form,
    .asgari-result-card{
        padding:26px;
        border-radius:24px;
    }

    .asgari-form-row input,
    .asgari-form-row select{
        height:58px;
        font-size:16px;
    }

    .asgari-form-actions{
        flex-direction:column;
    }

    .asgari-result-card h3{
        font-size:28px;
    }

    .asgari-result-main{
        padding:24px;
    }

    .asgari-result-main strong{
        font-size:32px;
    }

    .asgari-result-list div{
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
    }

    .asgari-table-card{
        padding:26px;
    }

    .asgari-table-card h3{
        font-size:24px;
    }

    .asgari-table-card table th,
    .asgari-table-card table td{
        padding:14px;
        font-size:14px;
    }

    .asgari-seo-content article{
        padding:30px;
        border-radius:24px;
    }

    .asgari-seo-content h2{
        font-size:28px;
    }

    .asgari-seo-content p{
        font-size:16px;
    }

    .asgari-side-box{
        padding:28px;
        border-radius:24px;
    }

    .asgari-side-box h3{
        font-size:24px;
    }

    .asgari-faq-list details{
        padding:24px;
        border-radius:20px;
    }

    .asgari-faq-list summary{
        font-size:18px;
        line-height:1.5;
    }

    .asgari-cta{
        padding-bottom:90px;
    }

    .asgari-cta-box{
        padding:35px;
        border-radius:28px;
    }

    .asgari-cta-box h2{
        font-size:30px;
    }

    .asgari-cta-actions{
        width:100%;
        flex-direction:column;
    }

    .asgari-cta-actions .asgari-btn{
        width:100%;
    }

}

/* =========================================================
   576px
========================================================= */

@media (max-width:576px){

    .asgari-hero{
        padding:65px 0;
    }

    .asgari-eyebrow{
        font-size:12px;
        padding:8px 14px;
    }

    .asgari-hero h1{
        font-size:34px;
        line-height:1.15;
    }

    .asgari-hero p{
        font-size:15px;
    }

    .asgari-hero-media img{
        border-radius:22px;
    }

    .asgari-mini-card{
        padding:24px;
    }

    .asgari-mini-card span{
        width:50px;
        height:50px;
        font-size:18px;
    }

    .asgari-mini-card h2{
        font-size:20px;
    }

    .asgari-section-head h2{
        font-size:28px;
    }

    .asgari-form,
    .asgari-result-card{
        padding:22px;
    }

    .asgari-form-row label{
        font-size:14px;
    }

    .asgari-result-main strong{
        font-size:28px;
    }

    .asgari-result-list strong{
        font-size:16px;
    }

    .asgari-table-card{
        padding:22px;
    }

    .asgari-seo-content article{
        padding:24px;
    }

    .asgari-seo-content h2{
        font-size:24px;
    }

    .asgari-side-box{
        padding:22px;
    }

    .asgari-side-box h3{
        font-size:22px;
    }

    .asgari-faq-list details{
        padding:20px;
    }

    .asgari-faq-list summary{
        font-size:17px;
    }

    .asgari-cta-box{
        padding:28px;
    }

    .asgari-cta-box h2{
        font-size:26px;
    }

    .asgari-cta-box p{
        font-size:15px;
    }

}

/* =========================================================
   420px
========================================================= */

@media (max-width:420px){

    .asgari-hero h1{
        font-size:30px;
    }

    .asgari-section-head h2{
        font-size:24px;
    }

    .asgari-result-main strong{
        font-size:24px;
    }

    .asgari-cta-box h2{
        font-size:22px;
    }

}