/* header  */
.offcanvas-body{
    background-color:#336CA6 !important;
}

.offcanvas-header{
    background: #2f649a;
}
.btn-close{
    filter: invert(1);
}
.navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(245,130,32)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-collapse  .dropdown:hover> .dropdown-menu , .dropend:hover .dropdown-menu {
    display: block;
    
}
.dropdown-menu{
    box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.19);
}
.navbar-collapse .nav-item:hover > a , .navbar-nav .nav-link.active  {
 color: #1db2ff !important;
 background-color:#E7F6FD;
}
.pro-items:hover > .dropdown-item , .all-item:hover > .dropdown-item {
    color: #1db2ff !important;
    background-color:#E7F6FD;
}
.tell:hover{
    color: #1DB2FF !important;
}
.social-icon a , .social-logos a{
    color: #1DB2FF;
    
}
.social-icon i{
    font-size: 17px;
}
.social-icon :hover ,.contect-mail-item:hover{
    background-color:#E7F6FD;
}
.contect-mail:hover > .contect-mail-menu{
    display: block;
}
.navbar-collapse .nav-item:hover > a , .navbar-nav .nav-link.active ,.dropdown-item.active  {
 color: #1db2ff !important;
 background-color:#E7F6FD;
}

.dropdown-menu[data-bs-popper] {
    left: -130px;
}
.contect:hover > .contect-menu {
    display: block;

}


/* footer  */
footer{
    background-color: #e7f6fd;  
}
.site-footer{
    background: url(../img/ultra-footer.png) !important;
    background-repeat: no-repeat !important;
    background-position: right bottom !important;
}


.logo-border:hover{
border-color: #36BAFD !important;
}
footer input[type="text"]:focus-visible {
    outline:   0px !important;
}
footer .search-btn{
    right: 30px;
    background: #1DB2FF;
}
footer .footer-phone button:hover,footer .footer-phone button:hover i{
    background: #1DB2FF;
    color: #fff !important;

}

footer .footer-phone button i{
    color:  #1DB2FF;
}

.footer-phone{
background: #DBF0FA;
}
.page-footer li a:hover{
    color: #1DB2FF !important;
}
.search-input:hover + .search-btn ,footer  .search-btn:hover{
        background: #F58220 !important;
    }

    footer .social-logos a:hover  {
        color: #f58220  !important;
    }
    
    
    footer .footer-phone button i{
        color:  #1DB2FF;
    }
    .field:focus  {
        border-bottom-color: #1db2ff !important;
        
    }
    .field:focus ~ lable svg {
        fill: #1db2ff !important;
    }
    .page-footer li a:hover{
        color: #1DB2FF !important;
    }