/*
Theme Name: Clean Energy Child Theme
Theme URI: https://clean-energy.themerex.net/
Description: Clean Energy is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: ThemeREX
Author URI: https://themerex.net/
Version: 1.0.0
Tested up to: 6.9
Requires at least: 5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: clean-energy
Template: clean-energy
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */
.page-id-29 header.top_panel.top_panel_custom.top_panel_custom_9.top_panel_custom_header-main-dark-logo-menu-button.without_bg_image {
    background: #000000;
}
span.number-pt {
    margin-right: 20px;
}
.location-hover a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

#skmTableWrapper {
    margin: auto;
    overflow-x: auto;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
}

#skmTableWrapper table {
    width: 100%;
    border-collapse: collapse;
    min-width: 700px;
}

#skmTableWrapper thead th {
    padding: 14px;
    font-size: 14px;
    color: #fff;
}
/* First column (Model wala) left */
.skmBatteryTable th:first-child,
.skmBatteryTable td:first-child{
    text-align: left;
    text-transform: uppercase;
}
/* Sab columns center */
.skmBatteryTable th,
.skmBatteryTable td{
    text-align: center;
}

/* IP Protection special styling */
.skm-ip-row td:not(:first-child) {
    padding: 0 !important;
}

.skm-ip-row td span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
    line-height: 1.4;
}

.skm-ip-row td span:last-child {
    border-bottom: none;
}


#skmTableWrapper thead th:first-child {
    background: #cfd4db;
    color: #333;
}

#skmTableWrapper thead th:nth-child(n+2) {
    background: #cfd4db;
    color: #333;
}

#skmTableWrapper tbody td {
    padding: 12px 14px;
    font-size: 14px;
    border-bottom: 1px solid #eee;
    background: #fff;
    color: #252F4A;
}

#skmTableWrapper tbody tr:nth-child(even) {
    background: #fafafa;
}

#skmTableWrapper tbody td:first-child {
    color: #555;
    font-weight: 500;
    width: 35%;
}

/* 🔥 ACTIVE COLUMN SYSTEM (UNLIMITED SUPPORT) */
#skmTableWrapper td.active-col,
#skmTableWrapper th.active-col {
    background: #F8F3EE !important;
    color: #b8742f !important;
    font-weight: 500;
}

#skmTableWrapper th.active-col {
    background: #B87333 !important;
    color: #fff !important;
}
/* vertical column lines */
.skmBatteryTable th,
.skmBatteryTable td {
    border-right: 1px solid #e3e6eb;
}

/* last column line remove */
.skmBatteryTable th:last-child,
.skmBatteryTable td:last-child {
    border-right: none;
}
/* ACTIVE COLUMN me color change */
#skmTableWrapper td.active-col .skm-check::before {
    color: #b8742f !important;
}

/* header case */
#skmTableWrapper th.active-col .skm-check::before {
    color: #ffffff !important;
}



.icon-text-card h4.elementor-icon-box-title {
    margin-bottom: 0 !important;
}

.button-switch .sc_switcher_controls {
    margin-bottom: 30px !important;
    margin-left: 80px !important;
}
.button-switch .sc_switcher_content {
    align-items: flex-start !important;
}


/* MOBILE FIX - KEEP TABLE STRUCTURE */
@media (max-width: 768px) {

    #skmTableWrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #skmTableWrapper table {
        min-width: 900px; /* 👈 important (columns ke hisaab se adjust karo) */
    }

    /* ❌ REMOVE OLD BLOCK SYSTEM */
    #skmTableWrapper thead,
    #skmTableWrapper tbody,
    #skmTableWrapper tr,
    #skmTableWrapper td {
        display: revert;
        width: auto;
    }

    /* optional scroll hint */
    #skmTableWrapper::after {
        content: "← Scroll →";
        display: block;
        text-align: center;
        font-size: 12px;
        color: #888;
        padding: 6px 0;
    }
	.button-switch .sc_switcher_controls {
    margin-left: 16px !important;
}
}



button.stk-nav-btn:focus {
    background: #b87333;
}








/* For contact Page Map Css  */


/* =========================================
   CLN Contact Map Tabs - Final Fixed Code
   No duplicate tabs + Figma active icon
   ========================================= */

#cln-google-map,
#cln-google-map * {
    box-sizing: border-box;
}

/* Main tabs layout: map top, tabs bottom */
#cln-google-map .elementor-tabs {
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 20px !important;
}

/* Remove Elementor default borders/padding */
#cln-google-map .elementor-tab-content {
    padding: 0 !important;
    border: 0 !important;
}

#cln-google-map .elementor-tab-content p {
    margin: 0 !important;
}

/* Map iframe exact Figma style */
#cln-google-map iframe,
#cln-google-map .clean_energy_resize {
    width: 100% !important;
    max-width: 100% !important;
    height: 555px !important;
    display: block !important;
    border: 1px solid #0000001A !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* Show only desktop tabs wrapper */
#cln-google-map .elementor-tabs-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 12px !important;
    align-items: center !important;
}

/* Force desktop tab titles visible */
#cln-google-map .elementor-tabs-wrapper .elementor-tab-desktop-title {
    display: inline-flex !important;
}

/* IMPORTANT: Hide duplicate mobile titles completely */
#cln-google-map .elementor-tab-mobile-title,
#cln-google-map .elementor-tabs-content-wrapper > .elementor-tab-title,
#cln-google-map .elementor-tabs-content-wrapper > .elementor-tab-mobile-title {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* Normal tab button */
#cln-google-map .elementor-tabs-wrapper .elementor-tab-title {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;

    background: #FFFFFF !important;
    color: #4F4F4F !important;
    border: 1px solid #E6E0DA !important;
    border-radius: 50px !important;

    padding: 11px 23px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;

    box-shadow: none !important;
    transition: all 0.25s ease !important;
}

/* Remove old/right icon */
#cln-google-map .elementor-tabs-wrapper .elementor-tab-title::after,
#cln-google-map .elementor-tabs-wrapper .elementor-tab-title.elementor-active::after {
    content: none !important;
    display: none !important;
}

/* No icon on normal tabs */
#cln-google-map .elementor-tabs-wrapper .elementor-tab-title::before {
    content: none !important;
}

/* Hover */
#cln-google-map .elementor-tabs-wrapper .elementor-tab-title:hover {
    color: #C86B1F !important;
    border-color: #E8D3C3 !important;
}

/* Active tab */
#cln-google-map .elementor-tabs-wrapper .elementor-tab-title.elementor-active {
    background: #FBEDE3 !important;
    color: #C86B1F !important;
    border-color: #FBEDE3 !important;
    font-weight: 500 !important;
    padding: 11px 22px !important;
}

/* Active location icon - Figma style */
#cln-google-map .elementor-tabs-wrapper .elementor-tab-title.elementor-active::before {
    content: "" !important;
    display: inline-block !important;
    position: static !important;

    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    margin-right: 8px !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C12 21 19 14.4 19 9C19 5.13401 15.866 2 12 2C8.13401 2 5 5.13401 5 9C5 14.4 12 21 12 21Z' stroke='%23C86B1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='9' r='2.5' stroke='%23C86B1F' stroke-width='2'/%3E%3C/svg%3E") !important;
}

/* Tablet */
@media (max-width: 768px) {
    #cln-google-map .elementor-tabs {
        gap: 18px !important;
    }

    #cln-google-map iframe,
    #cln-google-map .clean_energy_resize {
        height: 425px !important;
        border-radius: 12px !important;
        border: 1px solid #0000001A !important;
    }

    #cln-google-map .elementor-tabs-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px 12px !important;
    }

    #cln-google-map .elementor-tabs-wrapper .elementor-tab-title {
        font-size: 15px !important;
        padding: 11px 22px !important;
    }

    #cln-google-map .elementor-tabs-wrapper .elementor-tab-title.elementor-active {
        padding: 11px 22px !important;
    }

    #cln-google-map .elementor-tabs-wrapper .elementor-tab-title.elementor-active::before {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        margin-right: 8px !important;
    }

    /* Keep mobile duplicate titles hidden on tablet/mobile */
    #cln-google-map .elementor-tab-mobile-title,
    #cln-google-map .elementor-tabs-content-wrapper > .elementor-tab-title,
    #cln-google-map .elementor-tabs-content-wrapper > .elementor-tab-mobile-title {
        display: none !important;
    }
}

/* Mobile */
@media (max-width: 480px) {
    #cln-google-map iframe,
    #cln-google-map .clean_energy_resize {
        height: 390px !important;
    }

    #cln-google-map .elementor-tabs-wrapper .elementor-tab-title {
        font-size: 14px !important;
        padding: 10px 18px !important;
    }

    #cln-google-map .elementor-tabs-wrapper .elementor-tab-title.elementor-active {
        padding: 10px 18px !important;
    }
}


/* =========================================
   GTranslate Language Switcher - Button Style
   Globe icon with pill-shaped border (Float Widget)
   ========================================= */

/* Main float switcher container */
.gt_float_switcher {
    box-shadow: none !important;
    background: transparent !important;
    overflow: visible !important;
    position: relative !important;
    line-height: normal !important;
}

/* Selected language button - pill style */
.gt_float_switcher .gt-selected {
    background: transparent !important;
    position: relative !important;
    z-index: 10 !important;
    float: none !important;
}

/* Fix wrapper to not affect layout */
#gt_float_wrapper {
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
    line-height: normal !important;
    height: auto !important;
}

#gt_float_wrapper,
#gt_float_wrapper * {
    box-sizing: border-box !important;
}

.gtranslate_wrapper {
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
    line-height: normal !important;
}

/* Prevent any height changes in parent */
.gt_float_switcher,
.gt_float_switcher .gt-selected {
    height: auto !important;
    min-height: 0 !important;
}

.gt_float_switcher .gt-selected .gt-current-lang {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: transparent !important;
    border: 1.5px solid rgba(102, 102, 102, 0.3) !important;
    border-radius: 50px !important;
    padding: 10px 16px !important;
    color: #666 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    transition: all 0.3s ease !important;
}

/* Hide the flag image */
.gt_float_switcher .gt-selected .gt-current-lang > img {
    display: none !important;
}

/* Add globe icon using a wrapper approach */
.gt_float_switcher .gt-selected .gt-current-lang::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='2' y1='12' x2='22' y2='12'%3E%3C/line%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    order: -1 !important;
}

/* Language code styling */
.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
    text-transform: uppercase !important;
    font-weight: 500 !important;
    position: static !important;
    top: auto !important;
}

/* Arrow styling */
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
    width: 12px !important;
    height: 12px !important;
    background-size: 10px !important;
    margin-left: 2px !important;
}

/* Fix: invert GTranslate arrow behavior and add smooth rotation
   - closed (no .gt_arrow_rotate): arrow points down (0deg)
   - open  (.gt_arrow_rotate): arrow points up (180deg)
   Use !important to reliably override plugin-injected styles. */
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
    display: inline-block !important;
    transform-origin: 50% 50% !important;
    transition: transform 0.28s cubic-bezier(.4,0,.2,1) !important;
    transform: rotate(0deg) !important; /* closed -> down */
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate {
    transform: rotate(180deg) !important; /* open -> up */
}

/* Hover state */
.gt_float_switcher .gt-selected .gt-current-lang:hover {
    border-color: rgba(102, 102, 102, 0.5) !important;
    background: rgba(0, 0, 0, 0.03) !important;
}

/* Dropdown options styling - opens BELOW with absolute position */
.gt_float_switcher .gt_options,
.gt_float_switcher .gt_options.gt-open,
.gt_float_switcher .gt_options[style] {
    position: absolute !important;
    top: 100% !important;
    bottom: auto !important;
    right: 0 !important;
    left: auto !important;
    float: none !important;
    border-radius: 16px !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
    background: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    min-width: 180px !important;
    max-height: 300px !important;
    overflow-y: auto !important;
    z-index: 99999 !important;
    transform: translateY(0) !important;
    padding: 8px 0 !important;
}

.gt_float_switcher .gt_options a {
    padding: 12px 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    white-space: nowrap !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #333 !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.gt_float_switcher .gt_options a img {
    width: 26px !important;
    height: 26px !important;
    border-radius: 4px !important;
    object-fit: cover !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.gt_float_switcher .gt_options a:hover {
    background: #f8f8f8 !important;
    color: #B87333 !important;
}

.gt_float_switcher .gt_options a.gt-current {
    display: none !important;
}

/* Dark header / transparent header variant */
.scheme_dark .gt_float_switcher .gt-selected .gt-current-lang,
.top_panel .gt_float_switcher .gt-selected .gt-current-lang,
.sc_layouts_row_type_compact .gt_float_switcher .gt-selected .gt-current-lang {
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

.scheme_dark .gt_float_switcher .gt-selected .gt-current-lang::before,
.top_panel .gt_float_switcher .gt-selected .gt-current-lang::before,
.sc_layouts_row_type_compact .gt_float_switcher .gt-selected .gt-current-lang::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='2' y1='12' x2='22' y2='12'%3E%3C/line%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.scheme_dark .gt_float_switcher .gt-selected .gt-current-lang:hover,
.top_panel .gt_float_switcher .gt-selected .gt-current-lang:hover,
.sc_layouts_row_type_compact .gt_float_switcher .gt-selected .gt-current-lang:hover {
    border-color: rgba(255, 255, 255, 0.6) !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Arrow color for dark theme */
.scheme_dark .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow,
.top_panel .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow,
.sc_layouts_row_type_compact .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23ffffff'/></svg>") !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .gt_float_switcher .gt-selected .gt-current-lang {
        padding: 8px 12px !important;
        font-size: 13px !important;
    }
    
    .gt_float_switcher .gt-selected .gt-current-lang::before {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
    }
}


/* =========================================
   Header Contact Button - Figma Specs
   Width: 120px, Height: 40px, Radius: 40px
   ========================================= */

/* Header Contact Button */
.top_panel .elementor-widget-button .elementor-button,
.sc_layouts_row .elementor-widget-button .elementor-button {
    width: 120px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 10px !important;
    border-radius: 40px !important;
    background-color: #B87333 !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #fff !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    line-height: 1 !important;
}

.top_panel .elementor-widget-button .elementor-button:hover,
.sc_layouts_row .elementor-widget-button .elementor-button:hover {
    background-color: #a5652d !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(184, 115, 51, 0.3) !important;
}

.top_panel .elementor-widget-button .elementor-button .elementor-button-text,
.sc_layouts_row .elementor-widget-button .elementor-button .elementor-button-text {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

/* Mobile responsive for Contact button */
@media (max-width: 768px) {
    .top_panel .elementor-widget-button .elementor-button,
    .sc_layouts_row .elementor-widget-button .elementor-button {
        width: 100px !important;
        height: 36px !important;
        min-height: 36px !important;
        font-size: 13px !important;
        padding: 8px !important;
    }
}


/* =========================================
   Show Language & Contact Button Below 1280px
   ========================================= */

/* Force show language switcher and contact button on all screen sizes */
@media (max-width: 1280px) {
    /* Show the language switcher */
    .gtranslate_wrapper,
    #gt_float_wrapper,
    .gt_float_switcher,
    .elementor-element-07c5911,
    [data-id="07c5911"] {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Show the contact button */
    .elementor-element-3f081c1,
    [data-id="3f081c1"],
    .sc_layouts_row .elementor-widget-button {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Show parent container */
    .elementor-element-601b201,
    [data-id="601b201"] {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (max-width: 1024px) {
    /* Keep elements visible on tablet */
    .gtranslate_wrapper,
    #gt_float_wrapper,
    .gt_float_switcher {
        display: inline-block !important;
        visibility: visible !important;
    }
    
    .sc_layouts_row .elementor-widget-button,
    .top_panel .elementor-widget-button {
        display: inline-block !important;
        visibility: visible !important;
    }
    
    /* Adjust button size for tablet */
    .top_panel .elementor-widget-button .elementor-button,
    .sc_layouts_row .elementor-widget-button .elementor-button {
        width: 110px !important;
        height: 38px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 768px) {
    /* Keep visible on mobile */
    .gtranslate_wrapper,
    #gt_float_wrapper,
    .gt_float_switcher {
        display: inline-block !important;
        visibility: visible !important;
    }
    
    .sc_layouts_row .elementor-widget-button {
        display: inline-block !important;
        visibility: visible !important;
    }
    
    /* Smaller button on mobile */
    .top_panel .elementor-widget-button .elementor-button,
    .sc_layouts_row .elementor-widget-button .elementor-button {
        width: 90px !important;
        height: 34px !important;
        min-height: 34px !important;
        font-size: 12px !important;
        padding: 6px 10px !important;
    }
    
    /* Smaller language switcher on mobile */
    .gt_float_switcher .gt-selected .gt-current-lang {
        padding: 6px 10px !important;
        font-size: 12px !important;
    }
    
    .gt_float_switcher .gt-selected .gt-current-lang::before {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
    }
span.number-pt {
    margin-right: 10px;
}

}

@media screen and (max-width: 418px) and (min-width: 280px) {

   div#mob-btn {
    display: none !important;
}

}


/* For map locaton - css */



.map-location {
  cursor: pointer;
  transition: all 0.2s ease;
}

.map-location .elementor-heading-title {
  transition: all 0.2s ease;
}

/* Active + hover state */
.tab-contn-inbox.map-location.active-location,
.tab-contn-inbox.map-location:hover {
  background-color: #b87333 !important;
  color: #ffffff !important;
}

.tab-contn-inbox.map-location.active-location .elementor-heading-title,
.tab-contn-inbox.map-location:hover .elementor-heading-title {
  color: #ffffff !important;
}


body.trx_addons_page_scrolled 
.elementor-9 
.elementor-element.elementor-element-f3e8852.sc_layouts_row_fixed_on 
.elementor-element.elementor-element-924fa36 
.trx-addons-main-nav-menu > .trx-addons-nav-menu-item > .trx-addons-menu-link {
    color: #000 !important;
}
body.trx_addons_page_scrolled 
.elementor-9 
.elementor-element.elementor-element-f3e8852.sc_layouts_row_fixed_on 
.elementor-element.elementor-element-924fa36 
.trx-addons-main-nav-menu > .trx-addons-nav-menu-item > .trx-addons-menu-link:hover {
    color: #B87333 !important;
}
body.trx_addons_page_scrolled 
.elementor-9 
.elementor-element.elementor-element-f3e8852.sc_layouts_row_fixed_on 
.elementor-element.elementor-element-924fa36 
.trx-addons-dropdown-icon svg path {
    fill: #000 !important;
}
body.trx_addons_page_scrolled 
.elementor-9 
.elementor-element.elementor-element-f3e8852.sc_layouts_row_fixed_on 
.elementor-element.elementor-element-924fa36 
.trx-addons-main-nav-menu > .trx-addons-nav-menu-item.current-menu-item > .trx-addons-menu-link,
body.trx_addons_page_scrolled 
.elementor-9 
.elementor-element.elementor-element-f3e8852.sc_layouts_row_fixed_on 
.elementor-element.elementor-element-924fa36 
.trx-addons-main-nav-menu > .trx-addons-nav-menu-item.current-menu-ancestor > .trx-addons-menu-link {
    color: #B87333 !important;
}
/* 🔥 HOVER STATE */
body.trx_addons_page_scrolled 
.elementor-9 
.elementor-element.elementor-element-f3e8852.sc_layouts_row_fixed_on 
.elementor-element.elementor-element-924fa36 
.trx-addons-nav-menu-item:hover .trx-addons-dropdown-icon svg path {
    fill: #B87333 !important;
}

/* 🔥 ACTIVE / CURRENT MENU */
body.trx_addons_page_scrolled 
.elementor-9 
.elementor-element.elementor-element-f3e8852.sc_layouts_row_fixed_on 
.elementor-element.elementor-element-924fa36 
.trx-addons-nav-menu-item.current-menu-item .trx-addons-dropdown-icon svg path,
body.trx_addons_page_scrolled 
.elementor-9 
.elementor-element.elementor-element-f3e8852.sc_layouts_row_fixed_on 
.elementor-element.elementor-element-924fa36 
.trx-addons-nav-menu-item.current-menu-ancestor .trx-addons-dropdown-icon svg path {
    fill: #B87333 !important;
}
#black-logo {
    display: none;
}

#white-logo {
    display: block;
}
body.trx_addons_page_scrolled #white-logo {
    display: none;
}

body.trx_addons_page_scrolled #black-logo {
    display: block;
}
#white-logo,
#black-logo {
    transition: all 0.3s ease;
}

body.trx_addons_page_scrolled .gt-selected,
body.trx_addons_page_scrolled .gt-selected span,
body.trx_addons_page_scrolled .gt-selected .gt-lang-code {
    color: #000 !important;
}
body.trx_addons_page_scrolled .top_panel .gt_float_switcher .gt-selected .gt-current-lang{border-color: #000 !important;}
body.trx_addons_page_scrolled .top_panel .gt_float_switcher .gt-selected .gt-current-lang::before{filter: brightness(0);}
body.trx_addons_page_scrolled .top_panel .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{filter: brightness(0);}

div#home-slider .swiper-pagination-bullets {
    position: absolute;
    left: 18%;
}