.maintopnav{
    background-color:#ff9800;
}

.maintopnav .text{
    font-size:14px;
    font-weight:500;
    color:#fff;
}

.maintopnav a{
    font-size:14px;
    font-weight:500;
    color:#fff;
}

.maintopnav .icon-bg{
    border:1px solid #ffd699;
    color:#fff;
    padding:0 3px;
    border-radius:5px;
}



/*--------------------------------*/
/*--------------------------------*/


.logo-part{
    background-color:#fff;
    padding:17px 0;
}

.logo-part .logo{
    max-height:70px;
}

.icon-box{
    width:45px;
    height:45px;
    border:1px solid #f39c12;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#f39c12;
    font-size:20px;
}

.logo-part .btn-main{
    font-size:14px;
    font-weight:500;
    background:#ff9800;
    color:#000;
    padding:10px 25px;
    border:none;
    border-radius:13px;
    position:relative;
    overflow:hidden;
    display:inline-flex;
    align-items:center;
    gap:8px;
    transition:all .35s ease;
}

.logo-part .btn-main::before{
    content:"";
    position:absolute;
    inset:0;
    background:#404040;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .4s ease;
    z-index:0;
}

.logo-part .btn-main i,
.logo-part .btn-main span{
    position:relative;
    z-index:1;
    transition:color .35s ease;
}

.logo-part .btn-main:hover::before{
    transform:scaleX(1);
}

.logo-part .btn-main:hover{
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,.15);
}

.logo-part .btn-main:hover i,
.logo-part .btn-main:hover span{
    color:#fff;
}

.logo-part .btn-main:focus,
.logo-part .btn-main:active,
.logo-part .btn-main:focus-visible{
    outline:none !important;
    box-shadow:none !important;
}



/*---------------------------------------------*/