body{line-height:1.5;font-weight:400;display:flex;flex-direction:column;margin:0;padding:0;width:100%;overflow-x:hidden;overflow-y:scroll; scroll-behavior: smooth; transition: all 0.1s;}
a{text-decoration:none}
.mega-menu{position:fixed;top:67px;left:0;width:100vw;height:100vh;background-color:#e0e0e0;padding:40px 20px 100px;z-index:1000;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}
.mega-menu.show{opacity:1;visibility:visible;transform:translateY(0)}
.mega-menu .container{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-width:1200px;margin:auto}
.mega-menu ul{list-style:none;padding:0}
.mega-menu li:first-child a{font-weight:700;font-size:15px;color:#000;margin-bottom:7px}
.mega-menu a{color:#333;text-decoration:none;display:block;padding-bottom:4px;font-size:14px}
.mega-menu a:hover{color:#007bff}
.header-main{padding:0}
.navbar-toggler{border-color:#000}
.dropdown-toggle::after {
    display: none !important;
}
/* .navbar-toggler .navbar-toggler-icon{background-color:#000} */
.header-main img{max-width:100%;height:auto;width:80px}
.search-container{width:200px; position: relative;}
.search-container input{z-index:22222; font-size: 17px; color: #555; width: 100%; outline: none; border: 1px solid #dbdbdb; background-color: rgba(0, 0, 0, 0); border-radius: 4px; padding: 0 20px; min-height: 48px;}
.search-container button.btn{position: absolute; height: 100%; width: 100%; right: 0px; color: #9c9c9c;}
.search-container button.btn:hover{color: #9c9c9c;}
.search-container button.btn i {float:right;}
.offcanvas-menu{position:fixed;top:0;left:-100%;height:100%;width:100%;background-color:rgba(255,255,255,1);transition:left .3s ease-in-out;z-index:999999;padding:20px;overflow-y:auto}
.offcanvas-menu.show{left:0}
.submenu-screen{position:fixed;top:0;left:100%;height:100%;width:100%;background-color:rgba(255,255,255,1);transition:left .3s ease-in-out;z-index:999999;padding:20px;overflow-y:auto}
.submenu-screen.show{left:0}
.back-btn{display:block;padding:10px 0;cursor:pointer;color:#000}
.btn-close{font-size:1.5rem;color:#000;position:absolute;top: 15px; right: 20px; width: 7px; height: 7px;}
.navbar-expand-lg .navbar-nav{ gap:0 12px;}
.navbar-nav .nav-link{font-size:16px;color:#000;display:flex;justify-content:space-between;align-items:center;padding:10px;}
.navbar-nav .nav-link i{margin-left:10px;color:#666}
.navbar-nav .nav-item{ margin: 0px;}
.navbar-nav .nav-item span{line-height: 1.2;}
.navbar-nav .nav-item .fas.fa-caret-right{font-size:1rem}

#aboutLink:hover .dropdown-menu{ display: block !important;}
.header-desktop.homeheader{ position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 1000;
    width: 100%; transition: 0.3s;}
.header-desktop.homeheader.scroll {
    animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
    position: fixed !important;
    background-color: #000 !important;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

/* Animation */
@keyframes headerSlideDown {
    0% {
        margin-top: -150px;
    }
    100% {
        margin-top: 0;
    }
}
/* .header-desktop.homeheader img{filter: brightness(0) invert(1)!important;}*/
.header-desktop.homeheader .navbar-nav .nav-link{ color: #fff;}
.product-tabing{ border-bottom: 1px solid #d5d5d5; overflow-x: auto; position: sticky; top: 0; background: #fff; z-index: 100;}
.product-tabing ul{ list-style: none; display: flex; justify-content: center; align-items: center; padding: 0; margin: 0;}
.product-tabing ul li{ list-style: none;  margin: 0;}
.product-tabing ul li a{font-size: 15px; letter-spacing: .1px; color: #7d6245; cursor: pointer; border: none; padding: 15px 5px; font-weight: 500; text-transform: capitalize; float: left; text-decoration: none; margin: 0; white-space: nowrap;}
.product-tabing ul li a.active{border-bottom:2px solid #7d6245; color: #000;}





@media (max-width:992px){
.header-desktop{display:none}
.mega-menu{display:none!important}
.header-mobile{display:block}
.search-container{width:170px}
.search-container input{ padding: 0 10px;}
.nav-link{padding-right:20px}
.navbar-brand{ margin-left: 15px;}
.navbar-toggler{ padding: 5px;}
}

/* Mobile (<= 768px) */
@media (max-width: 768px) { 
    .search-container {
        width: 150px;
    }
}

/* Small Mobile (<= 480px) */
@media (max-width: 480px) { 
    .search-container {
        width: 140px;
    }
}
@media (min-width:993px){
.header-mobile{display:none}
.header-desktop{display:block; }
}

.footer{padding:100px 0;background-color:#191919;color:#fff;text-align:left}
.top-footer img{max-width:90px;height:auto;filter: brightness(0) invert(1)!important;}

p.footer__top-text{font-size:32px;font-weight:700;line-height:42px;max-width:280px}
.footer__top-block.brxe-div{display:flex;justify-content:flex-start;column-gap:40px}
.footer__buttons.brxe-div{display:flex;column-gap:40px;row-gap:15px;justify-content:space-between; flex-wrap: wrap;}
a.text-link{min-width:300px}
.button_blue_contact{flex-direction:row-reverse}
.text-link,.text-link span{align-items:center;display:inline-flex}
.top-footer .button_blue_contact{
    color: #fff;
    background-color: transparent;
    display: inline-block;
    margin-bottom: 0px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: 2px solid rgb(139, 111, 78);
    height: 55px;
    padding:14px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 0px;
}
.top-footer .button_blue_contact:hover{
    background-color: rgb(139, 111, 78);
    color: rgb(255, 255, 255);}
.button_transparent.text-link{
    color: #fff;
    background-color: transparent;
    display: inline-block;
    margin-bottom: 0px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: 2px solid rgb(139, 111, 78);
    height: 55px;
    padding:14px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 0px;
}
.top-footer .button_transparent:hover{
    background-color: rgb(139, 111, 78);
    color: rgb(255, 255, 255);}

.middle-footer h4{color:#fff;font-size:18px;margin-bottom:10px}
.middle-footer .col-md-3:last-child h5{text-align:right}
.middle-footer ul li{padding-bottom:10px;text-align:left}
.middle-footer .col-md-3:last-child ul li{text-align:right}
.middle-footer ul li a{text-decoration:none;color:#a9a9a9;font-size:16px;cursor:pointer;text-align:left}
.middle-footer ul li:hover a{color:#fff!important}
.footer-social-icons a{color:#fff;margin-right:15px;font-size:20px}
.footer-social-icons a:hover{color:rgb(139, 111, 78)}
.disclaimer-text{font-size:14px;color:#a9a9a9;line-height:1.5;margin-top:20px;text-align:center}
.footer__links.brxe-div{display:flex;column-gap:30px;align-items:flex-start;margin-bottom:50px}
.footer__link.brxe-text-link{font-weight:700;letter-spacing:-.81px;line-height:25px;font-size:18px;color:#fff;text-decoration:none}
.footer__info-text.brxe-text-basic{color:#a9a9a9;font-size:14px;line-height:23px;letter-spacing:-.21px;max-width:685px;margin-bottom:50px}
.brxe-text-link{gap:5px}
.footer__media.brxe-div{display:flex;justify-content:flex-end;margin-top:0;margin-bottom:0}
.footer__table-item{grid-column-end:4;grid-column-start:1;margin-top:10px}
footer a{cursor:pointer}
#brxe-xbxwvk{display:flex;column-gap:12px;align-items:center;flex-shrink:0}
.footer__bottom-links.brxe-div{flex-wrap:wrap}
.footer__bottom-link.brxe-text-link{color:#a9a9a9;font-size:14px;line-height:22px;letter-spacing:-.21px}
#brxe-hhkghy,#brxe-zexflm{color:#a9a9a9;font-size:14px;line-height:22px;letter-spacing:-.21px}
.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}
.footer__address.brxe-div{text-align:right}
.footer__table-links.brxe-div{display:flex;flex-direction:column;justify-content:space-between;row-gap:30px}
.footer__table-links{grid-column-end:6;grid-column-start:4}
.footer__link.brxe-text-basic{font-weight:700;letter-spacing:-.81px;line-height:25px}
:where(p:last-of-type){margin-bottom:0}
.footer__hours.brxe-text-basic{color:#a9a9a9;font-size:14px;line-height:23px;letter-spacing:-.21px;margin-top:26px}
.footer__table-item.brxe-div{display:flex;flex-direction:column;justify-content:space-between}
.footer__address-link.brxe-text-link{color:#a9a9a9;font-size:16px;line-height:26px;letter-spacing:-.24px;margin-top:30px;max-width:240px}
.footer__table-links.brxe-div{display:flex;flex-direction:column;justify-content:space-between;row-gap:30px}
.button.button_transparent:hover{background:#fff;color:rgb(139, 111, 78);border:2px solid #fff}
.brxe-text-link span{justify-content:center}
#brxe-dbiqxp{column-gap:12px}
.footer__media{list-style-type:none;padding-left:0}
.footer__media-link.brxe-text-link{padding:8px 12px}
.button_footer.brxe-text-link{order:0;align-self:flex-end;padding:0 30px}
.button_transparent1.brxe-text-link{
    color: #fff;
    background-color: transparent;
    display: inline-block;
    margin-bottom: 0px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    border: 2px solid rgb(139, 111, 78);
    height: 55px;
    padding:14px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 0px;}
.button.button_transparent1:hover{background-color: rgb(139, 111, 78);
    color: rgb(255, 255, 255);}
.button.brxe-text-link{padding:17px 21px;justify-content:center;align-items:center;text-align:center;font-weight:700;font-size:14px;line-height:14px;letter-spacing:1px;text-transform:uppercase;position:relative;cursor:pointer;gap:10px;min-height:56px}
.footer__info-text a{transition:all .3s ease;color:#a9a9a9;font-size:14px}
.footer__info-text a:hover{transition:all .3s ease;color:#fff;font-size:14px}




.footer .signup-header {
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
}

.signup-container .input-group {
    overflow: hidden;
}

.signup-container input {
   border: 2px solid rgb(139, 111, 78);
   border-radius: 0px;
   padding: 15px 21px;
   min-height:56px;
}

.signup-container button {
    background-color: transparent;
    border: 2px solid rgb(139, 111, 78);
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.signup-container button i {
    font-size: 1.2rem;
    color: white;
}
@media (max-width:767px){
.footer__top-block.brxe-div{flex-direction:column;row-gap:10px}
.footer__buttons.brxe-div{display:flex;column-gap:40px;row-gap:24px;justify-content:space-between}
p.footer__top-text{font-size:22px;line-height:29px;font-weight:700;max-width:none}
.top-footer .btn{width:100%;max-width:100%!important}
.top-footer .footer__buttons a{min-width:100%}
.footer__buttons{flex-direction:column;width:100%}
.top-footer{padding-top:0px;padding-bottom:50px}
.disclaimer-text{margin:10px 0}
.footer h5{text-transform:uppercase;font-size:12px!important;letter-spacing:.08em}
.middle-footer ul li a{font-size:14px}
.middle-footer .col-md-3:last-child h5{text-align:left}
.middle-footer .col-md-3:last-child ul li{text-align:left}
.footer__address.brxe-div{text-align:left}
#brxe-uiyjpt{max-width:none}
.footer__link-up.brxe-text-basic{text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.button_footer.brxe-text-link{order:0;align-self:normal}
#brxe-dbiqxp{column-gap:24px}
.footer__media.brxe-div{display:flex;justify-content:normal;margin-top:10px;margin-bottom:40px}
.footer__links.brxe-div{margin-top:16px;order:0}
.footer__links{grid-row-gap:16px;grid-column-gap:40px;grid-template-columns:1fr 1fr}
.footer__address-link.brxe-text-link{margin-top:10px}
.footer{ padding: 50px 0;}
}




.page-scroll-up {
    position: fixed;
    right: 10px;
    bottom: -60px;
    z-index: 999;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);
    display: block;
    padding: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    line-height: 60px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border:1px solid gray;
}

.page-scroll-up i {
    font-size: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: gray;
}

.page-scroll-up .arrow-top {
    transform: translate(-50%, -50%)
}

.page-scroll-up .arrow-bottom {
    transform: translate(-50%, 80px)
}

.page-scroll-up.show {
    bottom: 60px;
    opacity: 1;
    visibility: visible
}

.page-scroll-up:hover .arrow-top {
    transform: translate(-50%, -80px)
}

.page-scroll-up:hover .arrow-bottom {
    transform: translate(-50%, -50%)
}


@media (max-width: 768px) { 
   .page-scroll-up {
      position: fixed;
      right: 15px;
      bottom: -60px;
      width: 50px;
      height: 50px;
      font-size: 20px;
      line-height: 50px;
   }

}


.floating-sidebar {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .floating-toggle-btn {
    background: black;
    color: white;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    border-radius: 10px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  .floating-icon-list {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    transition: all 0.3s ease;
  }

  .floating-icon-item {
    display: flex;
    align-items: center;
    background-color: #7f7f7f;
    color: #fff;
    width: 40px;
    height: 40px;
    overflow: hidden;
    transition: width 0.3s ease;
    justify-content: flex-end;
  }

  .floating-icon-item:hover {
    width: 180px;
    border-radius: 8px 0 0 8px;
    border-bottom: none;
  }

  .floating-icon-item a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: white;
    text-decoration: none;
    width: 100%;
    padding: 10px;
  }

  .floating-icon-item i {
    font-size: 12px;
    margin-left: 10px;
  }

  .floating-icon-item span {
    white-space: nowrap;
    overflow: hidden;
    opacity: 0;
    margin-right: 10px;
    transition: opacity 0.3s ease;
  }

  .floating-icon-item:hover span {
    opacity: 1;
  }

  /* Specific backgrounds */
  .floating-bg-grey {
    background-color: #7f7f7f;
    border-bottom: 1px solid #dedede;
  }

  .floating-bg-dark {
    background-color: rgb(72, 72, 72);
    border-radius: 0 0 0 10px;
  }

  /* Responsive */
  @media(max-width: 768px) {
    .floating-icon-item:hover {
      width: 140px;
    }
  }

  @media(max-width: 480px) {
    .floating-icon-item:hover {
      width: 120px;
    }
  }