@media screen and (min-width: 992px) {
	.site-header-sticky-active .nav-wrap {
		top: 58px!important;
	}
}

/* Sticky Top Bar */
.top-bar-sticky-active {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1001 !important;
    background: #1a4b46!important;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Transparent top bar when sticky */
.top-bar-sticky-active.transparent {
    background: rgba(26, 75, 70, 1) !important;
}

.top-bar-sticky-active.transparent a,
.top-bar-sticky-active.transparent .widget-title {
    color: #ffffff !important;
}

.top-bar-sticky-active.transparent a:hover {
    color: #cccccc !important;
}

.top-bar-sticky-active .top-bar-close {
    display: none !important;
}

/* Smooth transition for header position */
.site-header-sticky-active {
    transition: top 0.3s ease !important;
}


/* Responsive - hide sticky top bar on mobile if needed */
@media (max-width: 991px) {
    .top-bar-sticky-active {
        display: none; /* Uncomment this if you want to hide on mobile */
    }
}

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

.hxl-featured-work-section .owlprev i,
.hxl-featured-work-section .owlnext i{
    opacity: 1;
}
.hxl-featured-work-section .owlprev:hover i,
.hxl-featured-work-section .owlnext:hover i{
    opacity: 0.25;
}

@media (max-width: 699px){
.hxl-client-logos-section .logos--style-1{
    display: grid;
    grid-template-columns: 1fr 1fr;
}    
}

.hxl-image-gallery-section-mobile .wpb_gallery .wpb_flexslider .flex-control-paging{
    display: none;
}

@media (min-width: 700px){
    .hide-in-desktop{
        display: none;
    }
}
@media (max-width: 699px){
    .hide-in-mobile{
        display: none;
    }
    
    .hxl-projects-section.vc_custom_1752058297199{
        margin-bottom: 0 !important;
    }
    body.page .hxl-projects-section .wpb_single_image.wpb_content_element{
        margin-bottom: 12px;
    }
    .hxl-projects-section .heading-left span{
        padding-bottom: 10px;
    }
    
    .hxl-projects-section .wpb_column + .wpb_column{
        margin-top: 20px;
    }
}