/*!
--------------------------------------------------
Component : Header
Framework : Credensys Framework v1.0
--------------------------------------------------
*/

/*==================================================
01 HEADER
==================================================*/
.cd-header{

    position: fixed;
    top: 28px;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: all .3s ease;

}

.cd-100 {width: 100% !important; }

/*==================================================
02 HEADER WRAPPER
==================================================*/
.cd-header__wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:72px;
    padding:0 32px;
    background:#fff;
    border-radius:15px;
    box-shadow:
    0 10px 30px rgba(0,0,0,.15);
}


/*==================================================
03 LOGO
==================================================*/
.cd-header__logo{
    flex-shrink:0;
}

.cd-header__logo img{
    height:30px;
    width:auto;
}

.cd-menu{
    display: flex;
    align-items: center;
    gap: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.cd-menu li{
    margin: 0;
}

.cd-header__nav{
    flex:1;
    display:flex;
    justify-content:end;
}

.cd-header__toggle{
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 0;
}

.cd-header__toggle span{
    display: block;
    width: 22px;
    height: 2px;
    background: #111827;
    border-radius: 999px;
    transition: transform .25s ease, opacity .25s ease;
}

.cd-header__cta{
    margin-left:48px;
}

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

.cd-header__cta--desktop {
    margin-left: 48px;
}
/*==================================================
04 STICKY HEADER
==================================================*/

.cd-header.is-sticky .cd-header__wrapper{

    box-shadow: 0 10px 30px rgba(0,0,0,.15);

}