::selection {
	background: #d7b39a
}
::-moz-selection {
background:#d7b39a
}
::-webkit-selection {
background:#d7b39a
}


/*-----Background Color-----*/
.get-in-touch-btn:hover::after,.nav-dark.header-nav .nav > li .sub-menu li:hover > a, .site-button, .sx-title-swip::before,.site-button-link::before,.testimonial-home.number-slider .owl-dots,.icon-count-2-outer::after,.footer-dark .social-icons li a:hover,.client-logo-pic span:hover,.number-block-two .figcaption::before,.number-block-two .figcaption::after,.filter-navigation li a.btn:hover::after,.counter-blocks .sx-icon-box-wraper:hover,.footer-light .social-icons li a:hover,.sx-bg-primary,.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span{
	background-color: #d7b39a	
}



/*-----Text Color-----*/
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:active, a:hover, a:focus, .header-nav .nav > li:hover > a, .header-nav .nav > li.active > a, .header-nav .nav > li.current-menu-item > a, .sx-text-primary,.testimonial-2 .fa-quote-right,.filter-pos-right .btn-filter-wrap li.btn-active,.filter-pos-right .btn-filter-wrap li:hover,.footer-dark .footer-top a:active, .footer-dark .footer-top a:focus, .footer-dark .footer-top a:hover,.site-footer .widget_services ul li a:hover,.filter-navigation li.active a,.our-team-3 .our-team-info .our-team-content a:hover,h1 a.sx-text-white:hover, h2 a.sx-text-white:hover, h3 a.sx-text-white:hover, h4 a.sx-text-white:hover, h5 a.sx-text-white:hover, h6 a.sx-text-white:hover,.testimonial-1 .fa-quote-right,.sx-breadcrumb li a,.sx-breadcrumb li a:hover,.widget_services ul li a:hover,.page-notfound span.title,.widget_tag_cloud a:hover{
    color: #d7b39a;
}
.our-story-year{
    color: #d7b39a !important;
}


/*-----Border Color-----*/
.get-in-touch-btn.from-top::before,.about-home-left,.from-top::before, .image-effect-one .mfp-link{
	border-color: #d7b39a;
}


/* ==========================================================================
   SAFE MOBILE RESPONSIVE PATCH (V5 - GENTLE)
   Fixes horizontal overflow ONLY on mobile/tablet without touching Desktop layout.
   ========================================================================== */
@media (max-width: 991.98px) {
    html, body {
        overflow-x: hidden !important;
        width: 100% !important;
        position: relative;
    }
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    img, video, iframe {
        max-width: 100% !important;
        height: auto !important;
    }
    .container, .container-fluid, .container-fluide {
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ==========================================================================
   ULTRA-SAFE ALIGNMENT & RESPONSIVE PATCH (V6)
   Fixes Desktop centering, Mobile stacking, and Universal Overflow.
   ========================================================================== */

/* 1. Global Centering & Overflow Protection (All Resolutions) */
html, body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
}

/* Ensure all primary containers are centered in the viewport */
.container, .auto-container, .container-fluid, .boxed_wrapper, .page-wraper {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Prevent Row-bleed and ensure centered flex rows */
.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

/* 2. Mobile & Tablet Alignment (<= 991.98px) */
@media (max-width: 991.98px) {
    /* Center all headings and titles for a balanced mobile look */
    h1, h2, h3, h4, h5, h6, 
    [class*="title"], [class*="heading"], [class*="hero-text"] {
        text-align: center !important;
    }
    
    /* Standardize mobile column stacking and centering */
    [class*="col-"] {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        float: none !important;
        margin-bottom: 20px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Force-center any floating elements (logos, buttons, icons) on mobile */
    .float-left, .float-right, .pull-left, .pull-right {
        float: none !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    /* Fix for absolutely positioned text layers in sliders */
    .tp-caption {
        left: 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    /* Standard mobile container padding */
    .container, .auto-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* 3. Universal Media Stability */
img, video, iframe, canvas {
    max-width: 100% !important;
    height: auto !important;
}