.elementor-1649 .elementor-element.elementor-element-47b1d92 > .elementor-container{max-width:1416px;}.elementor-1649 .elementor-element.elementor-element-47b1d92{margin-top:0px;margin-bottom:-10px;padding:12px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1649 .elementor-element.elementor-element-3e36fb2 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-1649 .elementor-element.elementor-element-3e36fb2{text-align:center;}.elementor-1649 .elementor-element.elementor-element-3e36fb2 img{width:100%;}.elementor-bc-flex-widget .elementor-1649 .elementor-element.elementor-element-2a07b6c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1649 .elementor-element.elementor-element-2a07b6c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-bc-flex-widget .elementor-1649 .elementor-element.elementor-element-2982e0e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1649 .elementor-element.elementor-element-2982e0e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1649 .elementor-element.elementor-element-36c7d0d{width:auto;max-width:auto;--e-icon-list-icon-size:30px;--icon-vertical-offset:0px;}.elementor-1649 .elementor-element.elementor-element-36c7d0d .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1649 .elementor-element.elementor-element-36c7d0d .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1649 .elementor-element.elementor-element-36c7d0d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1649 .elementor-element.elementor-element-36c7d0d .elementor-icon-list-item > a{font-family:"Helvetica", Sans-serif;font-size:18px;font-weight:400;}.elementor-1649 .elementor-element.elementor-element-36c7d0d .elementor-icon-list-text{color:#282C33;transition:color 0.3s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1649 .elementor-element.elementor-element-ea5b87e .elementor-button{background-color:#D05110;font-family:"Montserrat", Sans-serif;font-weight:500;fill:#FFFFFF;color:#FFFFFF;padding:15px 20px 15px 20px;}.elementor-1649 .elementor-element.elementor-element-ea5b87e .elementor-button:hover, .elementor-1649 .elementor-element.elementor-element-ea5b87e .elementor-button:focus{background-color:#F99637;}.elementor-1649 .elementor-element.elementor-element-ea5b87e{width:auto;max-width:auto;}.elementor-1649 .elementor-element.elementor-element-4712838{border-style:solid;border-width:0px 0px 1px 0px;border-color:#DDDDDD;margin-top:-15px;margin-bottom:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px) and (min-width:768px){.elementor-1649 .elementor-element.elementor-element-e854275{width:100%;}.elementor-1649 .elementor-element.elementor-element-2a07b6c{width:100%;}}@media(min-width:2400px){.elementor-1649 .elementor-element.elementor-element-4712838{margin-top:0px;margin-bottom:0px;padding:10px 0px 20px 0px;}}@media(max-width:1024px){.elementor-1649 .elementor-element.elementor-element-3e36fb2{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-1649 .elementor-element.elementor-element-7406ad4{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-1649 .elementor-element.elementor-element-2a07b6c.elementor-column > .elementor-widget-wrap{justify-content:center;}}@media(max-width:767px){.elementor-1649 .elementor-element.elementor-element-e854275.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1649 .elementor-element.elementor-element-3e36fb2{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:left;}.elementor-1649 .elementor-element.elementor-element-7406ad4{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-1649 .elementor-element.elementor-element-2a07b6c.elementor-column > .elementor-widget-wrap{justify-content:center;}}/* Start custom CSS for html, class: .elementor-element-7406ad4 */.mobile-menu li a .fa-chevron-down.active {
    transform: rotate(180deg) !important;
    transition: transform 0.3s ease;
}

.chevron-icon {
    transition: transform 0.3s ease;
}

.chevron-icon.rotate {
    transform: rotate(180deg) !important;
}

.mobile-menu ul.dropdown {
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #FFF;
    border-radius: 20px;
}

.mobile-menu ul.dropdown.active {
    display: block;
}

.mobile-menu ul.dropdown li {
    padding: 8px 16px;
    font-size: 15px;
     border-bottom: 1px solid #eaeaea;
}
.mobile-menu ul.dropdown li:last-child {
    border-bottom: none;
}
.mobile-menu ul.dropdown li a {
    
    text-decoration: none;
}


.logo {
    margin-bottom: 20px;
}
/* Mobile menu styles */
.mobile-menu {
    position: fixed !important;
    top: 0;
    left: -100%;
    width: 100% !important;
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 999;
    transition: left 0.3s ease-in-out !important;
}

.mobile-menu.active {
    left: 0; /* Slide in from the left */
}

/* Mobile menu close icon styles */
.mobile-menu .close-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    color: #F77E0B;
    cursor: pointer;
    z-index: 1000;
}

.mobile-buttons {
    display: flex;
    justify-content: space-between;
    gap: 10px; 
    margin-top: 20px; 
    padding: 10px;
}

/* Style for the buttons section inside the mobile menu */
.mobile-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 20px; /* Add some space from the list above */
    padding: 0px;
}

/* Style for the individual buttons */
.mobile-buttons .button-one,
.mobile-buttons .button-two {
    width: 50%; /* Make each button take up 50% of the width */
    padding: 10px 15px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

/* Button one styles */
.mobile-buttons .button-one {
    background-color: #D05110;
    color: white;
    border-radius: 11px;
    font-size: 15px;
    text-align: center;
    white-space: nowrap !important;
}

/* Button two styles */
.mobile-buttons .button-two {
    background-color: #333333;
    color: white;
    text-align: center;
    font-size: 15px;
     border-radius: 11px;
}

.column a {
    color: #6E6E6E;
}
.view-more-container-mobile {
   margin-top: 15px;
}
.view-more-container-mobile button {
    padding: 5px 20px;
    background-color: #D05110;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 15px;
    margin-bottom: 15px;
}
.mobile-menu li a,
.mobile-menu li a:visited,
.mobile-menu li a:active,
.mobile-menu li a:focus {
    color: #6E6E6E;
    text-decoration: none; /* Optional: remove underline */
}
.link-with-icon {
    display: flex;
    align-items: center;
    gap: 6px; /* adjust gap if needed */
}

.link-with-icon a {
    text-decoration: none;
    color: inherit;
}

.link-with-icon .chevron-icon {
    cursor: pointer;
    font-size: 14px;
    color: #6E6E6E;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-2982e0e */.header-1 .elementor-widget-wrap {
    display: flex;
    gap: 20px 50px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a039cb3 */nav { color: white;
            padding: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .view-more-container {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px; 
    position: absolute;
    bottom: 0;
    left: 0;
}
 .accessories-item {
    width: 215px !important;
}
.help-support {
    width: 270px !important;
}
.services {
    width: 180px !important;
}
.accessories-item div {
    gap: 5px;
}
        
        .menu {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
        }

        .menu li {
            position: relative;
            margin: 0 15px;
        }

        .menu li a {
            text-decoration: none;
            color: #6E6E6E;
            padding: 5px 15px;
            font-size: 18px;
            display: block;
        }
       /*
        .menu li:hover > a {
            background-color: #555;
        }
       */
        .mega-menu {
            
            display: none;
            position: absolute;
            left: -140px;
            top: 100%;
            color: #000;
            padding: 15px;
            padding-bottom: 60px;
            background-color: #fff !important;
            z-index: 999;
            width: 720px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        }
        .mega-menu .column a{
            font-size: 16px !important;
        }
        .mega-menu .column {
            display: flex;
            flex-direction: column;
            gap: 10px;
            flex: 1;
             border-right: 1px solid #eaeaea;
        }
       .mega-menu .column:nth-child(4),
.mega-menu .column:nth-child(5) {
    border-right: none; 
}
.view-more-container button {
    padding: 5px 20px;
    background-color: #D05110;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 15px;
    margin-bottom: 15px;
}

        .mega-menu .column img {
            width: 40px;
            height: 40px;
            margin-right: 10px;
        }

        .mega-menu .column div {
            display: flex;
            align-items: center;
            
        }

        .menu li:hover .mega-menu {
            display: flex;
        }

        .mega-menu {
            display: none;
            flex-direction: row;
        }
      .dropdown div{
          display: flex;
    align-items: center;
      }
      .dropdown img {
          margin-right: 5px;
      }
        /* Mobile Styles */
        .hamburger {
            display: none;
            cursor: pointer;
        }

        .hamburger span {
            display: block;
            height: 4px;
            background-color: #6E6E6E;
            margin: 5px 0;
            width: 25px;
        }

        .hamburger.open span {
            background-color: red;
        }

        .mobile-menu {
            position: fixed;
            top: 0;
            overflow-y: auto;
             -ms-overflow-style: none; 
    scrollbar-width: none;
            left: -100%;
            height: 100%;
            width: 100%;
            background-color: #fff;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            display: flex;
            flex-direction: column;
            padding-top:  30px;
            padding-left: 20px;
            padding-right: 20px;
            
            transition: left 0.3s ease;
            z-index: 999;
        }
.mobile-menu .mega-menu {
      top: 0%;
      left: 0;
     width: 100% !important;
     padding-bottom: 0px;
} 
.mobile-menu .mega-menu .column a {
    font-size: 14px !important;
}
        .mobile-menu.active {
            left: 0;
        }

        .mobile-menu li {
            margin-bottom: 10px;
            
        }

        .mobile-menu li a {
            padding: 10px 0;
            color: #6E6E6E;
        }

        .mobile-menu .mega-menu {
            grid-template-columns: 1fr 1fr;
            display: none;
            margin-top: 5px;
            position: relative; /* Ensures dropdown appears directly below Industries */
        }

        .mobile-menu .mega-menu.active {
            display: grid;
        }

        .mobile-menu .mega-menu .column {
            display: flex;
            margin-bottom: 10px;
            
        }
.menu li a .fa-chevron-down {
    margin-left: 8px;
    font-size: 0.8em;
    color: #6E6E6E;
    transition: transform 0.3s ease;
}

/* Rotate on hover (desktop) */
.menu li:hover a .fa-chevron-down {
    transform: rotate(180deg);
}

/* For mobile and toggling (add active class on click) */
.mobile-menu li a .fa-chevron-down {
    margin-left: 8px;
    font-size: 0.8em;
    color: #6E6E6E;
    transition: transform 0.3s ease;
}
.mobile-menu li a .fa-chevron-down.active {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.hamburger.open span:nth-child(1) {
    transform: rotate(45deg);
    top: 5px;
}

.hamburger.open span:nth-child(2) {
    opacity: 0;
}

.hamburger.open span:nth-child(3) {
    transform: rotate(-45deg);
    top: -5px;
}
.hamburger i.fa-times {
    font-size: 36px; /* Increase the size of the cross icon */
    color: red; /* Change the color to red */
}
/* For the hamburger cross icon */
.hamburger i.fa-times {
    font-size: 26px;
    color: #6E6E6E;
}

/* Position the close icon inside the mobile menu */
.mobile-menu .close-menu {
    position: absolute;
    top: 10px;   /* Position from the top */
    right: 10px; /* Position from the right */
    font-size: 30px; /* Size of the icon */
    color: #6E6E6E !impo; /* Color of the close icon */
    cursor: pointer;
}

.mobile-menu .close-menu:hover {
    color: darkred; /* Optional: change color on hover */
}

/* When the mobile menu is active */
.mobile-menu.active {
    left: 0; /* Show the menu */
}







.menu li {
    position: relative;
}

.menu li .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    padding: 0;
    z-index: 10;
    list-style: none;
    width: 170px;
    border-radius: 4px;
}

.menu li .dropdown li {
    margin: 0;
    padding: 0px;
    border-bottom: 1px solid #eaeaea;
}

.menu li .dropdown li:last-child {
    border-bottom: none;
}

.menu li .dropdown li a {
    display: block;
    padding: 10px 15px;
    color: #6E6E6E;
    text-decoration: none;
    white-space: nowrap;
    font-size: 16px;
}

.menu li .dropdown li a:hover {
    background-color: #f9f9f9;
}

.menu li:hover .dropdown {
    display: block;
}

/* Hide all dropdowns by default */
.menu li > .dropdown {
    display: none;
}

/* Only show the dropdown on hover for the 'Boxes By Styles' menu */
.menu li.boxes-by-styles:hover > .dropdown,
.menu li.products-dropdown:hover > .dropdown{
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 0px; 
}


.menu .boxes-by-styles .dropdown li a,
.menu .products-dropdown .dropdown li a{
    display: flex;
    align-items: center; 
}


.menu .boxes-by-styles .dropdown li img {
    margin-right: 10px; 
    width: 40px; 
}
.menu li.boxes-by-styles .dropdown,
.menu li.products-dropdown .dropdown{
    width: 390px; 
    padding-bottom: 10px;
    padding-top: 10px;
}
.menu li.boxes-by-styles .dropdown li,
.menu li.products-dropdown .dropdown li{
    border-bottom: none;
}
.menu li.boxes-by-styles .dropdown > li:nth-child(odd),
.menu li.products-dropdown .dropdown > li:nth-child(odd){
    border-right: 1px solid #eaeaea; 
}
.mobile-menu .mega-menu .column {
    border-right: none;
}
.menu li.boxes-by-styles .dropdown li a:hover,
.menu li.products-dropdown .dropdown li a:hover{
    background-color: transparent; 
}

@media (max-width: 768px) {
    .menu {
        display: none;
    }

    .hamburger {
        display: block;
    }
}

        @media (max-width: 768px) {
            .menu {
                display: none;
            }

            .hamburger {
                display: block;
            }
        }/* End custom CSS */