*{
    scrollbar-width: thin;
    scrollbar-color: #008E9B #222222;
}
#header.bg-heads{
  background: #000000b5 !important;
}
#header.bg-head{
    background: rgba(2, 38, 57, 0.8) !important;
}
#benifit .beni-card:before, .site-btn .btn:before, #about .about-box:before, #service .beni-card:before, #sec-banner::before, #head-banner::before, #header.bg-head:before, .sticky-header:before{
  opacity: 0 !important;
}

.site-btn.nav-btn a{
  padding: 7px 18px 7px 13px !important;
  box-shadow: 0 0px 10px 0px #00000015;
}
.site-btn.nav-btn a span{
  font-size: 16px !important;
  font-weight: bold !important;
}
.site-btn.nav-btn a span img{
    width: 100%;
    max-width: 20px;
  }
.site-btn.nav-btn a:hover{
    background: linear-gradient(to right, #035783 0%, #008E9B 70%);
}

@media (min-width:1601px){
#header{
  padding-top: 3px;
}
}

@media (min-width:1201px) and (max-width:1600px){
#header{
  padding-top: 5px;
}
}

@media (min-width:1201px){
  .site-btn.nav-btn a span{
    font-size: 0.82vw !important;
  }
  .site-btn.nav-btn a span img{
    max-width: 1.3vw;
  }
  #header.sticky-header{
  padding-top: 0;
}
  
}

@media (max-width:1200px){
  .site-btn.nav-btn a{
  padding: 6px 15px 6px 10px !important;
}
}

@media (max-width: 991px){
  #header .hamburger span{
    margin-right: 0 !important;
  }
  #header .nav-link, #header .nav-link::before{
    padding: 8px 15px !important;
}
#header .navbar{
    padding-bottom: 0.5rem !important;
}
}
@media (max-width: 767px) {
    .site-btn.nav-btn a span {
        font-size: 14px !important;
    }
}

@media (max-width:575px){
  .site-btn.nav-btn a{
    padding: 5px 15px 5px 10px !important;
  }
  
.site-btn.nav-btn a span img{
    max-width: 20px;
  }
}