html {
    scroll-behavior: smooth;
}
.service-style-two .content-box .tab-btns li.active-btn, .service-style-two .content-box .tab-btns li:hover {
    color: #00c0ff;
}
.service-style-two .sec-title .title {
    color: #00c0ff;
}
.service-style-two:before {
    background-image: linear-gradient(141deg, rgb(0 0 0) 0%, rgb(41 40 42 / 80%) 51%, rgba(99, 97, 203, 0.10) 75%);
}
.service-style-two:after {
    background: rgb(0 0 0 / 50%);
}
.service-style-two .content-box .text {
    color: #ababab;
}
.account-info li a, .account-info li button{
    color:#3A7183;
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
    line-height: 26px;
    font-weight: 500;
    opacity: 1;
    text-transform: capitalize;
    background: none;
    cursor: pointer;
}
.account-info li a:hover, .account-info li button:hover{
    color: #6aa7bb;
}
.main-header .header-bottom .nav-outer .menu-area {
    margin-right: unset;
}
.work-section .inner-box .single-item h3 a:hover {
    color: unset;
}
label.response{
    border-radius: 25px;
    margin-top: 2%;
    margin-left: 5%;
    width: 50%;
    text-align: center;
    background-color: white;
}
.custom-loader {
    border: 0.3rem solid black;
    border-radius: 50%;
    border-top: 0.3rem solid white;
    width: 2rem;
    height: 2rem;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: inline-block;
    position: absolute;
    left: 25%;
    visibility: hidden;
}
#contact-form .custom-loader{
    border: 0.3rem solid white;
    left: 45%;
    border-top: 0.3rem solid #3A7183;

}
#contact-form button.theme-btn:hover .custom-loader{
    border: 0.3rem solid white;
    border-top: 0.3rem solid black;

}
.subscribe-section .right-content .form-group button:hover .custom-loader{
    border: 0.3rem solid white;
    border-top: 0.3rem solid black;

}
  
/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@media only screen and (max-width: 991px) {
    .main-menu .navbar-header .navbar-toggle{
        background: #2b5968;
      }
}


.sticky-header .main-menu .navigation > li > a{
    padding: 14px 26px 16px 26px !important;
  }

.header-bottom div.logo-box, .sticky-header figure.logo-box{
    width:20% !important;
    padding-right: 0 !important;
}
@media (max-width: 768px) {
    .header-bottom div.logo-box, .sticky-header figure.logo-box{
        width:100% !important;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .sticky-header .main-menu .navigation > li > a{
        padding: 14px 10px 16px 10px !important;
      }
    .main-header .header-bottom .nav-outer {
        width: fit-content;
    }
    .main-header .header-bottom .logo-box {
        float: left;
    }
    .main-menu .navigation > li {
        margin-right: 0;
    }
    .main-header.style-two .outer-container {
        padding: 0px 8px;
    }
    .main-header .header-bottom {
        padding: 0;
    }
    
}
@media only screen and (min-width: 992px) and (max-width: 1280px) {
    .header-bottom div.logo-box, .sticky-header figure.logo-box{
        width:30% !important;
    }
}