/* =====================================================
   SUMMITPOINT RESPONSIVE STYLES
   =====================================================

   Organization

   1200px
   1100px
   1024px
   992px
   900px
   768px
   640px
   576px
   400px

=====================================================*/



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

@media (max-width:1200px){

    /*------------------------------------
      Global Containers
    ------------------------------------*/

    .assessment-page .container,
    .assessment-review-page .container{
        max-width:1000px;
    }

    /*------------------------------------
      Homepage Hero
    ------------------------------------*/

    .hero-content{
        padding:60px 40px;
    }

    .hero-content h1{
        max-width:760px;
        font-size:clamp(2.8rem,4.5vw,3.6rem);
    }

    .hero-description{
        max-width:650px;
        font-size:1.1rem;
    }

    /*------------------------------------
      Header
    ------------------------------------*/

    .header-container{
        gap:24px;
    }

    .nav-menu{
        gap:22px;
    }

    /*------------------------------------
      People
    ------------------------------------*/

    .people-grid{
        grid-template-columns:1fr;
        gap:60px;
    }

    .person-card:first-child{
        padding-right:0;
        padding-bottom:60px;
        border-right:none;
        border-bottom:1px solid #e6e9ef;
    }

    /*------------------------------------
      Services
    ------------------------------------*/

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

    /*------------------------------------
      Who We Help
    ------------------------------------*/

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

}

/* =====================================================
   <=1100px
=====================================================*/

@media (max-width:1100px){

    /*------------------------------------
      Card Grid
    ------------------------------------*/

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

    /*------------------------------------
      Contact
    ------------------------------------*/

    .contact-grid{
        grid-template-columns:1fr;
        gap:60px;
    }

    /*------------------------------------
      Outcomes
    ------------------------------------*/

    .outcomes-layout{
        grid-template-columns:1fr;
        gap:50px;
    }

    .outcomes-content{
        max-width:700px;
        margin:0 auto;
        text-align:center;
    }

    .outcomes-divider{
        display:none;
    }

    .outcomes-grid{
        grid-template-columns:repeat(2,minmax(260px,1fr));
        gap:30px;
    }

    /*------------------------------------
      Assessment Results
    ------------------------------------*/

    .score-cards-grid{
        grid-template-columns:1fr;
    }

    /*------------------------------------
      Roadmap
    ------------------------------------*/

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

    /*------------------------------------
      Services
    ------------------------------------*/

    .services-callout{
        flex-direction:column;
        text-align:center;
    }

    .divider{
        width:100%;
        height:2px;
    }

    .callout-title{
        white-space:normal;
    }

    /*------------------------------------
      Insights
    ------------------------------------*/

    .insights-layout{
        grid-template-columns:1fr;
    }

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

}

/* =====================================================
   <=1024px
=====================================================*/

@media (max-width:1024px){

    /*------------------------------------
      Header
    ------------------------------------*/

    .header-container{
        gap:20px;
    }

    .nav-menu{
        gap:16px;
    }

    /*------------------------------------
      Homepage Hero
    ------------------------------------*/

    .hero-content{
        padding:55px 32px;
    }

    .hero-content h1{
        max-width:700px;
        font-size:clamp(2.6rem,4.5vw,3.4rem);
    }

    .hero-description{
        max-width:620px;
        font-size:1.05rem;
    }

    .hero-buttons{
        gap:16px;
    }

    /*------------------------------------
      Blog
    ------------------------------------*/

    .blog-layout{
        grid-template-columns:1fr;
        gap:60px;
    }

    .blog-sidebar{
        position:static;
    }

}

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

@media (max-width:992px){

    /*------------------------------------
      Global Section Spacing
    ------------------------------------*/

    .assessment-page section,
    .assessment-review-page section{
        padding:80px 0;
    }

    .assessment-results-page section{
        padding:40px 0;
    }

    /*------------------------------------
      Shared Headings
    ------------------------------------*/

    .section-heading{
        margin-bottom:50px;
    }

    .assessment-results-page .section-heading{
        margin-bottom:50px;
    }

    /*------------------------------------
      Header
    ------------------------------------*/

    .header-container{
        flex-direction:column;
        justify-content:center;
        gap:20px;
        padding:20px;
    }

    .main-nav{
        width:100%;
    }

    .nav-menu{
        flex-wrap:wrap;
        justify-content:center;
        gap:18px;
    }

    .logo img{
        height:75px;
    }

    .header-cta{
        width:100%;
    }

    .btn-primary{
        width:100%;
        text-align:center;
    }

    /*------------------------------------
      Page Hero
    ------------------------------------*/

    .page-hero-content{
        padding:95px 24px 55px;
    }

    .page-hero h1{
        font-size:clamp(2.3rem,4vw,3rem);
    }

    .page-hero-description{
        max-width:600px;
    }

    /*------------------------------------
      Overview
    ------------------------------------*/

    .section-overview{
        padding:var(--space-lg) 0;
    }

    /*------------------------------------
      Results Cards
    ------------------------------------*/

    .result-card{
        grid-template-columns:1fr;
        gap:40px;
        padding:36px;
    }

    .result-right{
        border-left:none;
        border-top:4px solid #b18024;
        padding-left:0;
        padding-top:28px;
    }

    /*------------------------------------
      Approach
    ------------------------------------*/

    .approach-steps{
        grid-template-columns:1fr;
        gap:50px;
    }

    .step-divider{
        display:none;
    }

    /*------------------------------------
      Assessment Intro
    ------------------------------------*/

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

    .assessment-card{
        grid-column:span 1 !important;
    }

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

    /*------------------------------------
      Assessment Form
    ------------------------------------*/

    .assessment-info-grid{
        grid-template-columns:1fr;
    }

    .assessment-form-wrapper{
        padding:40px;
    }

    /*------------------------------------
      FAQ
    ------------------------------------*/

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

    /*------------------------------------
      Assessment Review
    ------------------------------------*/

    .next-steps-grid,
    .assessment-review-list{
        grid-template-columns:1fr;
    }

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

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

    /*------------------------------------
      Meeting
    ------------------------------------*/

    .meeting-card{
        padding:35px;
    }

    /*------------------------------------
      Scheduler
    ------------------------------------*/

    .scheduler-placeholder{
        min-height:650px;
    }

    .scheduler-wrapper iframe,
    .calendly-inline-widget{
        min-height:700px;
    }

    /*------------------------------------
      Results Summary
    ------------------------------------*/

    .results-summary-grid,
    .performance-scale{
        grid-template-columns:1fr;
    }

    .summary-row{
        grid-template-columns:1fr;
        gap:10px;
        text-align:center;
    }

    /*------------------------------------
      Recommendations
    ------------------------------------*/

    .recommendation-overview{
        grid-template-columns:1fr;
    }

    /*------------------------------------
      Statement Panel
    ------------------------------------*/

    .statement-panel{
        margin:90px auto;
        padding:70px 50px;
    }

    .statement-panel h2{
        font-size:3rem;
    }

    .statement-panel p{
        font-size:1.15rem;
    }

}

/* =====================================================
   <=900px
=====================================================*/

@media (max-width:900px){

    /*------------------------------------
      Process
    ------------------------------------*/

    .process-timeline{
        grid-template-columns:repeat(2,1fr);
        gap:60px 40px;
    }

    .process-timeline::before{
        display:none;
    }

    /*------------------------------------
      CTA
    ------------------------------------*/

    .cta-content{
        flex-direction:column;
        text-align:center;
    }

    .cta-text{
        flex-direction:column;
        align-items:center;
    }

    .cta-line{
        width:80px;
        height:4px;
    }

    /*------------------------------------
      Footer
    ------------------------------------*/

    .footer-container{
        grid-template-columns:1fr;
        text-align:center;
    }

    .footer-logo img{
        margin:auto;
    }

    .footer-bottom{
        flex-direction:column;
    }

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

    /*------------------------------------
      Leadership
    ------------------------------------*/

    .founders-grid{
        grid-template-columns:1fr;
        gap:60px;
    }

    /*------------------------------------
      Why SummitPoint
    ------------------------------------*/

    .why-summitpoint-content{
        grid-template-columns:1fr;
        gap:50px;
    }

    .why-summitpoint-image{
        order:-1;
    }

    .why-summitpoint-header{
        margin-bottom:40px;
    }

    .why-summitpoint-title{
        font-size:2.2rem;
        line-height:1.15;
    }

    .why-summitpoint-intro{
        font-size:1rem;
    }

    .why-summitpoint-item-title{
        font-size:24px;
    }

}

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

@media (max-width:768px){

    /*------------------------------------
      Shared Typography
    ------------------------------------*/

    .section-heading{
        margin-bottom:40px;
    }

    .section-heading h2{
        font-size:2rem;
    }

    .section-text{
        font-size:1rem;
    }

    .section-eyebrow{
        font-size:.8rem;
        letter-spacing:1.5px;
    }

    /*------------------------------------
      Hero
    ------------------------------------*/

    .page-hero-content{
        padding:55px 20px;
    }

    .page-hero h1{
        font-size:2.3rem;
        line-height:1.1;
    }

    .page-hero-description{
        font-size:1rem;
    }

    /*------------------------------------
      Card Grid
    ------------------------------------*/

    .section-grid{
        padding:80px 0;
    }

    .section-grid .page-section-title{
        font-size:3rem;
    }

    .section-grid .section-intro{
        font-size:1.15rem;
    }

    .grid-layout{
        grid-template-columns:1fr;
        gap:28px;
    }

    .grid-card{
        padding:32px;
    }

    /*=====================================================
  SECTION - METRICS
=====================================================*/

.section-metrics{

    padding:80px 0;

}

.section-metrics .section-heading{

    margin-bottom:40px;

}

.section-metrics .page-section-title{

    font-size:2.2rem;

    line-height:1.15;

}

.section-metrics .section-intro{

    font-size:1rem;

    line-height:1.7;

}

.metrics-grid{

    grid-template-columns:1fr;

    gap:40px;

    margin-top:50px;

}

.metric-column{

    padding:0;

}

.metric-column:not(:last-child){

    padding-bottom:40px;

    margin-bottom:10px;

}

.metric-column:not(:last-child)::after{

    top:auto;

    bottom:0;

    left:50%;

    right:auto;

    width:80px;

    height:1px;

    transform:translateX(-50%);

}

.metric-icon{

    width:64px;

    height:64px;

    margin-bottom:22px;

}

.metric-icon img{

    width:64px;

    height:64px;

}

.metric-title{

    min-height:auto;

    margin-bottom:18px;

    font-size:1.6rem;

}

.metric-description{

    text-align:center;

    font-size:1rem;

    line-height:1.75;

}

.metric-list{

    text-align:left;

    display:inline-block;

}

/*=====================================================
  SECTION - CARD GRID
=====================================================*/

.section-grid{

    padding:80px 0;

}

.section-card-grid .section-heading{

    margin-bottom:40px;

}

.section-card-grid .page-section-title{

    font-size:2.2rem;

    line-height:1.15;

}

.section-card-grid .section-intro{

    font-size:1rem;

    line-height:1.7;

}

.grid-layout.columns-2,
.grid-layout.columns-3,
.grid-layout.columns-4{

    grid-template-columns:1fr;

    gap:24px;

}

.grid-card{

    padding:28px 24px;

}

.grid-icon{

    width:64px;

    height:64px;

    margin-bottom:22px;

}

.grid-icon img,
.grid-icon svg{

    width:64px;

    height:64px;

}

.grid-card h3{

    min-height:auto;

    justify-content:center;

    margin-bottom:18px;

    font-size:1.6rem;

}

.grid-card p{

    text-align:center;

    font-size:1rem;

    line-height:1.75;

}

    .grid-footer{

    margin-top:28px;

    padding-top:20px;

    }

    /*------------------------------------
      Contact
    ------------------------------------*/

    .section-contact{
        padding:70px 0;
    }

    .contact-item{
        gap:18px;
        padding:24px 0;
    }

    .contact-icon{
        width:60px;
        height:60px;
        font-size:1.4rem;
    }

    .contact-content h3{
        font-size:1.2rem;
    }

    .contact-content p,
    .contact-content a,
    .office-address{
        font-size:1rem;
    }

    .contact-form-card{
        padding:30px 24px;
    }

    /*------------------------------------
      Outcomes
    ------------------------------------*/

    .section-outcomes{
        padding:70px 0;
    }

    .outcomes-grid{
        grid-template-columns:1fr;
        gap:24px;
    }

    .outcome-item{
        gap:16px;
    }

    .outcome-icon{
        width:40px;
        height:40px;
        font-size:.85rem;
    }

    .outcome-text{
        font-size:1rem;
    }

    /*------------------------------------
      Overview
    ------------------------------------*/

    .overview-content{
        max-width:100%;
    }

    .overview-paragraph p{
        font-size:var(--text-sm);
        line-height:1.8;
    }

    /*------------------------------------
      People
    ------------------------------------*/

    .section-people{
        padding:70px 0;
    }

    .person-card{
        grid-template-columns:1fr;
        gap:30px;
        text-align:center;
    }

    .person-photo{
        width:180px;
        margin:0 auto;
    }

    .person-photo img{
        width:180px;
        height:180px;
    }

    .person-bio,
    .person-highlights{
        max-width:100%;
    }

    .person-highlights li{
        text-align:left;
    }

    .person-link{
        justify-content:center;
    }

    /*------------------------------------
      Results
    ------------------------------------*/

    .section-results{
        padding:80px 0;
    }

    .results-list{
        gap:28px;
    }

    .result-card{
        padding:28px;
    }

    .result-left h3{
        font-size:1.5rem;
    }

    .result-left p,
    .result-impact-text{
        font-size:1rem;
    }

    .result-impact-title{
        font-size:.75rem;
        letter-spacing:1.5px;
    }

    /*------------------------------------
      Blog
    ------------------------------------*/

    .blog-post{
        padding:60px 20px;
    }

    .post-title{
        font-size:2.2rem;
    }

    .related-post{
        align-items:center;
    }

    /*------------------------------------
      Insights
    ------------------------------------*/

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

    /*------------------------------------
      Services
    ------------------------------------*/

    .services-section{
        padding:70px 20px;
    }

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

    .service-card{
        padding:32px;
    }

    .service-card h3{
        min-height:auto;
        font-size:1.5rem;
    }

    .service-card p{
        min-height:auto;
    }

    .services-heading p{
        font-size:1.1rem;
    }

/*------------------------------------
  Who We Help
------------------------------------*/

    .who-we-help-heading{

    text-align:center;

    }

    .who-we-help-title{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    font-size:2.2rem;

    line-height:1.15;

    flex-wrap:nowrap;

    width:100%;

    }

    .who-we-help-grid{

    display:grid;

    grid-template-columns:1fr;

    justify-content:stretch;

    gap:24px;

    margin-top:30px;

    }

    .who-we-help-card{

    width:100%;

    max-width:none;

    min-width:0;

    }

    .who-we-help-card-content{

    padding:0 24px 30px;

    }

    .who-we-help-card-title{

    font-size:1.5rem;

    }

    .who-we-help-card-text{

    font-size:1rem;

    }

    .who-we-help-card-icon{

    width:70px;

    height:70px;

    }

    .who-we-help-card-icon img{

    width:34px;

    height:34px;

    }

    /*------------------------------------
      Leadership
    ------------------------------------*/

    .leadership-section{
        padding:80px 0;
    }

    .leadership-section .btn,

    .leadership-section .btn-primary{

    display:block;

    width:100%;

    max-width:320px;

    margin:30px auto 0;

    text-align:center;

    }

    .founder img{
        width:200px;
        height:200px;
    }

    /*------------------------------------
      Statement Panel
    ------------------------------------*/

    .statement-panel{
        margin:70px auto;
        padding:55px 30px;
    }

    .statement-panel h2{
        font-size:2.4rem;
    }

    .statement-panel p{
        font-size:1.05rem;
        line-height:1.75;
    }


    /*=====================================================
    Assessment - Next Steps
    =====================================================*/

    .assessment-next-steps{

        margin:60px 0;

    }

    .assessment-next-step-card{

        padding:32px 24px;

    }

    .assessment-next-step-card h1{

        font-size:2rem;

    }

    .next-step-intro{

        margin:0 auto 35px;

        font-size:1rem;

    }

    .next-step-item{

        grid-template-columns:1fr;

        justify-items:center;

        text-align:center;

        gap:20px;

        padding:28px 24px;

    }

    .step-divider{

        display:none;

    }

    .step-number{

        width:56px;

        height:56px;

        font-size:1.4rem;

    }

    .step-icon{

        font-size:2.5rem;

    }

    .step-content{

        width:100%;

    }

    .step-content h3{

        font-size:1.45rem;

        margin-bottom:12px;

    }

    .step-content p{

        font-size:1rem;

        line-height:1.75;

    }

    /*=====================================================
    Assessment - Final CTA
    =====================================================*/

    .assessment-final .btn-primary{

        min-width:0;

        width:100%;

        max-width:320px;

        padding:16px 24px;

        font-size:1rem;

    }

    /* =====================================================
    Assessment Results - Category Summary
    ===================================================== */

    .summary-row{

        grid-template-columns:1fr;

        grid-template-areas:
            "title"
            "score"
            "status"
            "description";

        gap:18px;

        padding:24px;

    }

    .summary-category{

        text-align:center;

    }

    .summary-score{

        justify-self:center;

        min-width:110px;

    }

    .summary-status{

        justify-self:center;

        min-width:0;

        width:100%;

        max-width:260px;

    }

    .summary-description{

        text-align:center;

    }

    /* =====================================================
    Assessment Results - CTA Button
    ===================================================== */

    .assessment-next-steps .btn-primary{

        display:block;

        width:100%;

        max-width:280px;

        min-width:0;

        margin:0 auto;

        padding:16px 24px;

        font-size:1rem;

    }

/* =====================================================
   Assessment Review
===================================================== */

    .review-benefits-grid{
        display:grid;
        grid-template-columns:1fr;
        gap:20px;
    }

    .review-benefit-card{
        width:100%;
        padding:28px 24px;
    }

    .review-benefit-card h3{
        font-size:1.5rem;
    }

    .review-benefit-card p{
        font-size:1rem;
        line-height:1.7;
    }

/* =====================================================
   Assessment Review Benefits
===================================================== */

    .benefits-grid{

        display:grid;
        grid-template-columns:1fr;
        gap:20px;

    }

    .benefit-card{

        width:auto !important;
        max-width:100% !important;
        min-width:0 !important;

        padding:25px;

    }

    .benefit-card h3{

        font-size:1.45rem;

    }

    .benefit-card p{

        font-size:1rem;
        line-height:1.7;

    }

    /* =====================================================
    Assessment Review - Calendly
    ===================================================== */

    @media (max-width: 768px) {

        .calendly-inline-widget {

            min-height: 1100px !important;
            height: 1100px !important;

        }

    }
}


/* =====================================================
   <=640px
=====================================================*/

@media (max-width:640px){

    /*------------------------------------
      Process
    ------------------------------------*/

    .section-process{
        padding:70px 0;
    }

    .process-timeline{
        grid-template-columns:1fr;
        gap:50px;
    }

}



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

@media (max-width:576px){

    /*------------------------------------
      Global Containers
    ------------------------------------*/

    .assessment-page .container,
    .assessment-review-page .container,
    .assessment-results-page .container{
        padding:0 16px;
    }

    .page-section-title {
        padding-top: 15px;
    }

    /*------------------------------------
      Overview
    ------------------------------------*/

    .section-overview{
        padding:var(--space-md) 0;
    }

    .overview-button{
        margin-top:var(--space-md);
    }

    /*------------------------------------
      Assessment Cards
    ------------------------------------*/

    .assessment-card,
    .benefit-card,
    .faq-card{
        padding:25px;
    }

    .assessment-form-wrapper{
        padding:24px 20px;
    }

    .assessment-highlight-content,
    .assessment-note,
    .assessment-final-message,
    .next-step-card{
        padding:35px 24px;
    }

    .assessment-highlight-content h3,
    .assessment-note h3,
    .assessment-final-message h2{
        font-size:1.6rem;
    }

    .assessment-final-message p{
        font-size:1rem;
    }

    .assessment-icon,
    .benefit-icon,
    .info-icon{
        width:56px;
        height:56px;
        margin-bottom:20px;
        font-size:1.4rem;
    }

    .assessment-grid{
    grid-template-columns:1fr;
    gap:24px;
    }

    /*------------------------------------
      Assessment Form
    ------------------------------------*/

    .assessment-form-header{
        margin-bottom:40px;
    }

    .assessment-info-grid{
        gap:20px;
        margin-bottom:40px;
    }

    /*------------------------------------
      Next Steps
    ------------------------------------*/

    .step-number{
        width:48px;
        height:48px;
        font-size:1rem;
    }

    .next-step-card h3{
        font-size:1.3rem;
    }

    /*------------------------------------
      FAQ
    ------------------------------------*/

    .faq-card h3{
        font-size:1.15rem;
    }

    /*------------------------------------
      Disclaimer
    ------------------------------------*/

    .disclaimer-card{
        padding:28px 22px;
    }

    .disclaimer-card h2{
        font-size:1.6rem;
    }

    .disclaimer-icon{
        width:50px;
        height:50px;
        font-size:1.3rem;
    }

    /*------------------------------------
      Review CTA
    ------------------------------------*/

    .review-cta{
        padding:70px 0;
    }

    .cta-box{
        padding:40px 24px;
    }

    .cta-box h2{
        font-size:1.75rem;
    }

    .cta-box p{
        font-size:1rem;
    }

    .review-cta .btn-primary{
        width:100%;
        justify-content:center;
        padding:16px 24px;
    }

    /*------------------------------------
      Meeting
    ------------------------------------*/

    .meeting-card{
        padding:28px 22px;
    }

    .meeting-grid > div{
        padding:24px;
    }

    .meeting-grid h3{
        font-size:1.15rem;
    }

    .meeting-grid > div::before{
        font-size:2rem;
    }

    /*------------------------------------
      Scheduler
    ------------------------------------*/

    .scheduler-placeholder{
        min-height:500px;
        padding:30px 20px;
        font-size:1rem;
    }

    .scheduler-wrapper iframe,
    .calendly-inline-widget{
        min-height:600px;
    }

    .scheduler-info{
        padding:24px;
    }

    /*------------------------------------
      Results Summary
    ------------------------------------*/

    .overall-score-card{
        padding:30px 24px;
    }

    .overall-score{
        font-size:3.75rem;
    }

    .overall-score span{
        font-size:1.5rem;
    }

    .overall-score-card h3{
        font-size:1.6rem;
    }

    .key-insight-box{
        padding:35px 24px;
    }

    .key-insight-box h2{
        font-size:1.8rem;
    }

    /*------------------------------------
      Score Cards
    ------------------------------------*/

    .score-card{
        padding:24px;
    }

    .score-value{
        font-size:3rem;
    }

    .score-total{
        font-size:1.2rem;
    }

    .score-card-header h3{
        font-size:1.25rem;
    }

    .legend-item{
        flex-direction:column;
        text-align:center;
    }

    /*------------------------------------
      Recommendations
    ------------------------------------*/

    .recommendation-primary,
    .recommendation-strength{
        padding:24px;
    }

    .recommendation-primary h3,
    .recommendation-strength h3{
        font-size:1.5rem;
    }

    .roadmap-card{
        padding:30px 20px;
    }

    .roadmap-number{
        width:60px;
        height:60px;
        font-size:1.5rem;
    }

    .consulting-message{
        padding:35px 24px;
    }

    .consulting-message h2{
        font-size:1.8rem;
    }

    .category-summary{
        padding:30px 20px;
    }

}


/* =====================================================
   <=400px
=====================================================*/

@media (max-width:400px){

    /*------------------------------------
      Assessment Pages
    ------------------------------------*/

    .assessment-page section,
    .assessment-review-page section{
        padding:60px 0;
    }

    .assessment-card,
    .benefit-card,
    .faq-card{
        padding:20px;
    }

    .assessment-form-wrapper{
        padding:20px 16px;
    }

    /*------------------------------------
      Shared Typography
    ------------------------------------*/

    .page-section-title {
        padding-top: 15px;
    }

    .section-heading h2{
        font-size:1.6rem;
    }

    .section-text{
        font-size:.95rem;
    }

    /*------------------------------------
      Hero
    ------------------------------------*/

    .page-hero h1{
        font-size:2rem;
    }

    .page-hero-description{
        font-size:.95rem;
    }

    /*------------------------------------
      Statistics
    ------------------------------------*/

    .stat-number{
        font-size:2.2rem;
    }

    /*------------------------------------
      Scheduler
    ------------------------------------*/

    .scheduler-placeholder{
        min-height:400px;
        padding:20px;
    }

    .scheduler-wrapper iframe,
    .calendly-inline-widget{
        min-height:500px;
    }

    /*------------------------------------
      Review Benefits
    ------------------------------------*/

    .benefit-card{
        padding:20px;
    }

    .benefit-card h3{
        font-size:1.25rem;
    }

    .benefit-card p{
        font-size:.95rem;
    }

    /*------------------------------------
      CTA
    ------------------------------------*/

    .cta-box{
        padding:32px 20px;
    }

    .cta-box h2{
        font-size:1.5rem;
    }

    .review-cta .btn-primary{
        padding:15px 20px;
        font-size:.95rem;
    }

    /*------------------------------------
    Assessment
    ------------------------------------*/

    .assessment-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .assessment-card{

        padding:24px;

    }

    .assessment-card h3{

        font-size:1.9rem;

    }

    .assessment-card p{

        font-size:1rem;

        line-height:1.7;

    }

    /*------------------------------------
    Assessment Results CTA
    ------------------------------------*/

    .assessment-final .btn-primary{

        width:100%;

        min-width:0;

        max-width:100%;

        padding:14px 18px;

        font-size:1rem;

        line-height:1.4;

    }

}