.cd-header__toggle{
    display:none;
}

/*==================================
Large Desktop
==================================*/
@media (max-width: 1400px) {

}

/*==================================
Laptop
==================================*/
@media (max-width: 1200px) {
  .cd-menu{
        gap:24px;
    }

}

/*==================================
Tablet
==================================*/
@media (max-width: 992px) {

    .cd-hero__left{
        padding:0 30px;
    }

   .cd-expertise-copy{
    margin-top: 20px;
    }
  
   .cd-header__cta--desktop {
        display:none;
    }

    .cd-header__cta--mobile {
        display: none;
    }

    .cd-header__nav.is-open .cd-header__cta--mobile {
        display: block;
        padding: 20px 24px 0 24px;
        border-top: 1px solid #f3f4f6;
        margin-top: 12px;
    }

    .cd-header__toggle{
        display:flex;
        position: relative;
        z-index: 99999;
    }

    .cd-header__nav{
        position:absolute;
        top:calc(100% + 10px);
        left:0;
        width:100%;
        background:#fff;
        border-radius:16px;
        box-shadow:0 12px 30px rgba(17, 24, 39, 0.12);
        transform:translateY(-10px);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:.3s ease;
        display:block;
    }

    .cd-header__nav.is-open{
        transform:translateY(0) !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        display:block !important;
    }

    .cd-header__nav .cd-menu{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
        padding:20px 24px;
    }

    .cd-header__nav .cd-menu a{
        display:block;
        padding:8px 0;
        width:100%;
    }

    .cd-hero__wrapper{
        grid-template-columns:1fr;
        gap:30px;
        padding-top: 6rem;

    }
}

/*==================================
Mobile
==================================*/
@media (max-width: 768px) {

    .cd-hero__left {
     margin-top: 40px;
}

    .cd-header {
    top: 34px;
    }

  .cd-hero__title {
    line-height: 40px;
    }  
 .cd-hero{
        text-align:center;
    }

    .cd-hero__actions{
        justify-content:center;
    }

     .cd-hero__eyebrow{
            justify-content: center ;
            display: inline;
    }
    
}

/*==================================
Small Mobile
==================================*/
@media (max-width: 576px) {

    .cd-header__wrapper{
        padding-inline:20px;
    }
}



/* hero toggle */

.cd-header__wrapper{
    position: relative;
}

.cd-header__toggle{
    position: relative;
    z-index: 99999;
}

.cd-header__nav{
    z-index: 9999;
}