.banner-carousel .slide-item:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    background: #4fa4d2;
    mix-blend-mode: multiply;
    z-index: 1;
}
.main-menu .navigation > li.current > a, .main-menu .navigation > li:hover > a {
    color: #0c4888;
}

.theme-btn-one {
    /* Remove the old background and apply the new gradient */
    background: hsla(211, 84%, 29%, 1); /* Fallback solid color for older browsers */
    
    background: linear-gradient(360deg, hsla(211, 84%, 29%, 1) 0%, hsla(201, 59%, 57%, 1) 100%);
    
    background: -moz-linear-gradient(360deg, hsla(211, 84%, 29%, 1) 0%, hsla(201, 59%, 57%, 1) 100%);
    
    background: -webkit-linear-gradient(360deg, hsla(211, 84%, 29%, 1) 0%, hsla(201, 59%, 57%, 1) 100%);
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0C4888", endColorstr="#4FA4D2", GradientType=1 ); /* IE fallback */
}


.theme-btn-one:before {
    /* background: -webkit-linear-gradient(0deg, #f92542, #bd1ec7 100%); */
    background: hsla(201, 59%, 57%, 1); /* Fallback solid color for older browsers */
    
    background: linear-gradient(225deg, hsla(201, 59%, 57%, 1) 0%, hsla(200, 65%, 38%, 1) 61%);
    
    background: -moz-linear-gradient(225deg, hsla(201, 59%, 57%, 1) 0%, hsla(200, 65%, 38%, 1) 61%);
    
    background: -webkit-linear-gradient(225deg, hsla(201, 59%, 57%, 1) 0%, hsla(200, 65%, 38%, 1) 61%);
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4FA4D2", endColorstr="#2276A1", GradientType=1 ); /* IE fallback */
}
.header-top-one .info li i {
    background: #0c4888;
}


.header-top-one .info li:before {
    position: absolute;
    content: '';
    background: #000000;
    width: 1px;
    height: 100%;
    top: 0px;
    right: -30px;
}
    /* Remove hover effect from links */
/* Remove hover effect from links */

.header-style-two .main-menu .navigation > li > a:before {
    position: absolute;
    content: "\f107";
    font-family: 'Font Awesome 5 Pro';
    top: 40px;
    right: 0px;
}

.header-style-two .main-menu .navigation > li.current > a, .header-style-two .main-menu .navigation > li:hover > a {
    color: #0c4888;
}

.header-style-two .main-menu .navigation > li.contact-menu-item > a:before {
    content: none;
}

/* .header-top-one .social-links li a {
    background: linear-gradient(to right, #0c4888, #0c4888);
   
    color: transparent;
    -webkit-text-fill-color: transparent; 
} */

li.dropdown ul li a:hover {
    color: #0c4888;
}

.header-top-one {
    background: #0c4888;
}
.white-text {
    color: white !important;
}
.header-top-one .info li p {
    line-height: 55px;
    color: #e5e5e5;
}
.header-top-one .info li p a {
    line-height: 55px;
    color: transparent;
    background: white;
    -webkit-text-fill-color: transparent;
}
.header-top-one .info li:before {
    position: absolute;
    content: '';
    background: #ffffff;
    width: 1px;
    height: 100%;
    top: 0px;
    right: -30px;
}
/* .whiteqwe {
    color: #ffffff !important;
    text-decoration: none;
    background-color: transparent;
} */
.header-top-one .social-links li {
    color: #ffffff;
}
.header-top-one .social-links li a {
    color: transparent;
    background: white;
    -webkit-text-fill-color: transparent;
}
.header-lower .outer-box .logo-box .logo {
    max-width: 275px !important;
}
.header-lower .outer-box .logo-box {
    padding: 12px 0px;
}

.mouse-pointer .icon {
    color: #ffffff00;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    opacity: 0;
    -webkit-transition: .4s cubic-bezier(.225, 1, .316, .99);
    -o-transition: .4s cubic-bezier(.225, 1, .316, .99);
    transition: .4s cubic-bezier(.225, 1, .316, .99);
}
/* .fig {
    margin: -24px;
} */
 /* Default styles for larger screens */
.fig {
    margin: -24px;
}

/* Media query for mobile devices */
@media only screen and (max-width: 768px) {
    .fig {
        margin: 0; /* Adjust as needed for mobile view */
    }
}
