:root{
    --white:#fff;
    --black:#000; 
    --green:#267F4E; 
    --grey:#f1f1f1; 
    --custom-ease:all 0.4s cubic-bezier(0.215,0.61,0.355,1);
    --section-padding-desktop:80px;
    --section-padding-tablet:70px;
    --section-padding-mobile:50px; 
}
 

/* =================reset css starts here=================  */
*{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,ul,li,body,html,form,fieldset{margin:0;padding:0;outline:none;border:0}
a{text-decoration:none;border:0;outline:0;}
ul{list-style:none;}
a:focus,input:focus,textarea:focus,*:focus{outline:0!important;}
/* =================reset css ends here================= */
/* =================core css starts here================= */
html{height: 100%;}
body{min-height: 100%; display: flex; flex-flow: column;}
body{padding-top: 82px; font-size:18px;line-height:1.5;font-weight:400;font-family: "Outfit", sans-serif;color: var(--black);background: var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.container {width: calc(100% - 16px);max-width: 1264px;}
a,input,button{display:inline-block;text-decoration:none;color:inherit;outline:none;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;}
a img{border:0px none;}
a:hover{outline:none;color:var(--green);text-decoration:none;}
a:active{outline:none;text-decoration:none;}
a:focus{outline:none;outline-offset:0px;text-decoration:none;color:inherit;}
::-webkit-input-placeholder{color:#000;opacity:0.5;}
::-moz-placeholder{color:#000;opacity:0.5;}
:-moz-placeholder{color:#000;opacity:0.5;}
:-ms-input-placeholder{color:#000;opacity:0.5;}
.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
img{max-width:100%;border:0;height:auto;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;margin-bottom:24px;line-height:1.2;font-weight:700;color:inherit;}
h1{font-size:48px;}
h2{font-size:40px;}
h3{font-size:32px;}
h4{font-size:26px;}
h5{font-size:22px;}
h6{font-size:18px;}
p{margin:0px;padding:0px;margin-bottom:24px;}
strong{font-weight:700;}
b{font-weight:400;}
p:last-child{margin-bottom:0;}
ul:not([class]){list-style:none;margin-bottom:24px;text-align:left;}
ul:not([class])>li{padding-left:22px;position:relative;margin-bottom:18px;}
ul:not([class])>li:last-child{margin-bottom:0;}
ul:not([class])>li:before{content:"";position:absolute;left:0px;top:9px;background:var(--black);height:8px;width:8px;border-radius:50%;}
ol:not([class]){margin-bottom:24px;text-align:left;list-style-position:outside;margin-left:18px;padding:0;}
ol:not([class])>li{position:relative;margin-bottom:18px;}
ol:not([class])>li:last-child{margin-bottom:0;}
.img-cover{object-fit: cover;}
.img-contain{object-fit: contain;}
.content-container{padding:var(--section-padding-desktop) 0;}
.green-bg{background-color: var(--green);color: var(--white);}
.grey-bg{background-color: var(--grey);}
.black-bg{background-color: var(--black);color: var(--white);}
.btn {padding:  12px 16px;font-size: 16px;line-height:22px; display: inline-block;min-width: 140px; border-radius:5px; vertical-align: middle;position: relative;overflow: hidden;}
.btn-default,.btn-default:focus {color: var(--white);background-color: var(--black);border-color: var(--black);}
.btn-default:hover,.btn-default:active {color: var(--white);background-color: var(--green);border-color: var(--green);}
.btn-white,.btn-white:focus {color: var(--black);background-color: var(--white);border-color: var(--white);}
.btn-white:hover,.btn-white:active {color: var(--white);background-color: var(--green);border-color: var(--green);}
.btn.btn-block{min-width:100%;}
.btn+.btn{margin-left:25px;}
/* =================core css ends here================= */
/* ============================== Header Start ====================================== */
#header{background:var(--white);position:fixed;left:0;top:0;right:0;padding:0;z-index:9999;transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);-webkit-transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);}
body:not(.home) #header{box-shadow: 0 -4px 20.6px 0 rgba(0,0,0,.08)!important;}
.fixed #header{box-shadow: 0 -4px 20.6px 0 rgba(0,0,0,.08)!important;background-color: var(--white);}
.navbar{padding:0;width:100%;height:82px;transition:.2s all ease-in;}
.navbar-brand{/*width:215px;height: 24px;*/ padding:0;margin:0;position:relative;z-index:999;}
.navbar-logo{width: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.navbar-expand-xl .navbar-nav .nav-link {font-size: 16px;line-height: 1.37;font-weight: 400;padding: 0;color:inherit;position: relative;letter-spacing: 0.4px;}
.dropdown-toggle::after{display:none;}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow{display:none;}
.nav-inside{width:100%;padding:0;}
.nav-inside-content{padding:30px 0;}
.navbar-expand-xl .navbar-nav .nav-item.active .nav-link{font-weight: 500;}
@media only screen and (min-width:1200px){
.navbar-brand{width:215px;height: 24px;}
.navbar-expand-xl .navbar-nav .nav-item{margin-left: 30px;} 
.navbar-nav>li>.dropdown-menu{display:block!important;top:100%!important;left:-15px;margin-top:10px!important;opacity:0;visibility:hidden;background:rgb(255 255 255 / 80%);color:var(--black);min-width:170px;box-shadow:0 10px 10px rgba(0,0,0,0.16);border:0;border-radius:5px;transition:all 0.1s ease-in;-moz-transition:all 0.1s ease-in;-webkit-transition:all 0.1s ease-in;padding:10px 0;}
.fixed .navbar-nav>li>.dropdown-menu{border-radius:0 0 5px 5px;}
.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;margin-top:5px!important;transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);-moz-transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);-webkit-transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);}
.dropdown-item{color:var(--black);padding:10px 15px;font-size:13px;text-transform:uppercase;font-weight:600;}
.dropdown-item:hover{color:rgb(0 0 0 / 70%);}
.dropdown-item:focus,.dropdown-item:hover{color:var(--primary-color);background:transparent;}
.dropdown-toggle{display:none;}
.dropdown-item:focus,.dropdown-item:hover,.dropdown-item.active{color:var(--primary-color);background:transparent;}
}
 
/* ============================== Header End ====================================== */
 
#footer{font-size: 14px;padding: 30px 0;background-color: #F5F5F5;}
 

.form-label {margin-bottom: 8px;font-size: 16px;line-height: 1; color: #333333;}
.form-control{border:solid 1px var(--black);background-color:var(--white);border-radius:6px;padding:12px 16px;color:var(--black);height:50px;font-size:16px;line-height: 1;}
.form-control::placeholder{color:#808080;}
.form-control:focus{border-color:#000;background-color:var(--white);box-shadow:none;}
.form-select {background-color:var(--grey);border:0;height:40px;color: var(--black);border-radius: 6px;}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {border-top-right-radius: 6px;border-bottom-right-radius:6px;}

.eye-icon-box{width: 20px;height: 20px;cursor: pointer;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);z-index: 9;display: flex;align-items: center;justify-content: center;}


.home-page .navbar-brand-logo{width: 12%;}
.product-detail .navbar-brand-logo{width: 5%;}
.navbar-brand-logo img{width: 100%;}
#searchbox{display: flex;align-items: center;width: 100%; justify-content: center;}

/*  `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
  .home-page .navbar-brand-logo{width: 10%;}
}
/* `xl` applies to large devices (desktops, less than 1200px) */

@media (max-width:1199.98px){
.navbar{height:80px;}
.navbar-toggler{width:60px;height:60px;border-radius:0;text-decoration:none;padding:0;border:0;background:transparent;margin:0;position:absolute;right:0;top:50%;z-index:999;transform:translateY(-50%);}
.navbar-toggler:not([class="collapsed"]),.navbar-toggler:not([class="collapsed"]):focus,.navbar-toggler:not([class="collapsed"]):hover{background:transparent;box-shadow:none;}
.navbar-toggler.collapsed,.navbar-toggler.collapsed:focus,.navbar-toggler.collapsed:hover{background:transparent;}
.home .navbar-toggler.collapsed,.home .navbar-toggler.collapsed:focus,.home .navbar-toggler.collapsed:hover{background:transparent;}
.navbar-toggler .navbar-toggler-icon{position:relative;display:inline-block;width:30px;height:3px;color:#243238;text-indent:-55px;margin-top:0;background:transparent!important;transition:var(--custom-ease);-webkit-transition:var(--custom-ease);vertical-align:middle;}
.navbar-toggler .navbar-toggler-icon:before,.navbar-toggler .navbar-toggler-icon:after{content:"";width:30px;height:3px;background:#000;position:absolute;left:0;transition:var(--custom-ease);}
.navbar-toggler.collapsed .navbar-toggler-icon{background:#fff!important;}
body.fixed .navbar-toggler.collapsed .navbar-toggler-icon,
body:not(.home) .navbar-toggler.collapsed .navbar-toggler-icon{background:#000!important;}
.navbar-toggler.collapsed .navbar-toggler-icon:before,.navbar-toggler.collapsed .navbar-toggler-icon:after{background:#fff;}
.navbar-toggler.collapsed .navbar-toggler-icon:before{background:#fff;}
body.fixed .navbar-toggler.collapsed .navbar-toggler-icon:before,
body:not(.home) .navbar-toggler.collapsed .navbar-toggler-icon:before{background:#000;}
.navbar-toggler.collapsed .navbar-toggler-icon:after{background:#fff;}
body.fixed .navbar-toggler.collapsed .navbar-toggler-icon:after,
body:not(.home) .navbar-toggler.collapsed .navbar-toggler-icon:after{background:#000;}
.navbar-toggler.collapsed .navbar-toggler-icon:before{top:-10px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:before{top:0;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.navbar-toggler.collapsed .navbar-toggler-icon:after{bottom:-10px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:after{bottom:0;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg);}
.navbar-collapse,.navbar-collapse.collapsing{width:100%;height:100%;transform:translateX(100%);position:fixed;left:0;right:0;top:0px;background:var(--white);padding:0;z-index:99;margin:0;border:0;overflow-y:auto;display:block!important;transition:var(--custom-ease);}
.navbar .collapse.show{transform:none;}
.navbar-inside{height:100%;padding:100px 0 0 0;overflow:hidden;overflow-y:auto;display:flex;flex-flow:column;align-items: center;}
.navbar-expand-xl .navbar-nav .nav-item{padding:0 20px;margin:0;margin-top:30px;transition:var(--custom-ease);}
.navbar-expand-xl .navbar-nav .nav-link{font-size:24px;line-height:1.3;padding:0;position:relative;color:var(--black);text-align: center;}
.dropdown-menu{background:transparent;border:0;padding:20px 0;margin:0!important;}
.dropdown-item{padding:12px 20px 12px 30px;font-size:20px;line-height:1.4;font-weight:600;text-transform:uppercase;}
.dropdown-item:focus,.dropdown-item:hover,.dropdown-item.active{color:rgb(0 0 0 / 60%);background:transparent;}
 
.search-box{margin-right: 40px;}
.product-detail .navbar-brand-logo{width: 15%;}
/* .home-page .navbar-brand-logo{width: 20%;} */
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  
 
.content-container{padding:var(--section-padding-tablet) 0;}
 
  
}
/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
.content-container{padding:var(--section-padding-mobile) 0;} 
 
}
/*`sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 

}
/*`sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 400.98px) { 
  .navbar-toggler{
    width: 60px;
    height: 45px;
  }
}

#hits .ais-Hits-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#hits .ais-Hits-list .ais-Hits-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    box-sizing: border-box;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-top: var(--bs-gutter-y);
}

@media (min-width: 600px) {
    #hits .ais-Hits-list .ais-Hits-item {
        width: 48%;
    }    
}

@media (min-width: 900px) {
    #hits .ais-Hits-list .ais-Hits-item {
        width: 30%;
    }
}
@media (min-width: 1024px) {
    #hits .ais-Hits-list .ais-Hits-item {
        width: 24%;
    }
}

#searchbox .ais-SearchBox-reset{display: none;}
#add-to-cart + #message{ color: var(--green); margin-top: 10px; }
#searchbox .ais-SearchBox-form{display: flex;}
#searchbox .ais-SearchBox-input{
  margin-right: 0.5rem;
  border-radius: 0.5rem;  
  padding: 0.5rem 1rem;
}
.ais-SearchBox-submit {
    border-radius: 0.5rem;
    padding: 0.5rem 1.2rem;    
    border: none;
}
.ais-SearchBox-reset {
    display: none;
}

.rating-null{ height: 36px; }

.ais-SearchBox-submitIcon{
  width: 15px;
  height: 15px;
}
@media (max-width: 600px) {
    #searchbox .ais-SearchBox-input{width:180px; margin-right: 0.3rem;padding: 0.3rem 0.5rem;}
}
@media (max-width: 400px) {
    #searchbox .ais-SearchBox-input{width:140px; margin-right: 0.3rem;}
    .rating-null{ height: inherit; }
    .search-box{margin-right: 20px;}
}
@media (max-width: 360px) {
    #searchbox .ais-SearchBox-input{width:130px; margin-right: 0.2rem;}
}
@media (max-width: 320px) {
  #searchbox .ais-SearchBox-input{width:110px; margin-right: 0.2rem;}
}
/* ais-Pagination */
/* Container for the pagination */
.ais-Pagination {
    display: flex;
    justify-content: center;
    margin: 20px 0;
  }
.ais-Pagination-list{
    display: flex;
}  
  /* Individual page number buttons */
  .ais-Pagination-item {
    /* margin: 0 5px; */
  }
  
  .ais-Pagination-link {
    display: block;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
  }
  
  /* Hover effect */
  .ais-Pagination-link:hover {
    background-color: #f0f0f0;
    color: #267f4e;
  }
  
  /* Active page */
  .ais-Pagination-item--selected .ais-Pagination-link {
    background-color: #267f4e;
    color: white;
    border-color: #267f4e;
  }
  
  /* Disabled buttons (like previous/next when on first/last page) */
  .ais-Pagination-item--disabled .ais-Pagination-link {
    color: #ccc;
    cursor: not-allowed;
    pointer-events: none;
    border-color: #eee;
  }
  
  /* Style for first and last page buttons (optional) */
  .ais-Pagination-item--firstPage .ais-Pagination-link,
  .ais-Pagination-item--lastPage .ais-Pagination-link {
    font-weight: bold;
  }
  
  /* Rating CSS */
  .rating {
    display: flex;
    align-items: center;
    font-size: 1rem;
    color: #ffcc00; /* Color for the filled stars */
  }

  .rating + p{ margin-bottom: 10px; }

  .stars-outer {
    position: relative;
    display: inline-block;
    font-family: FontAwesome;
  }
  
  .stars-outer::before {
    content: "\f005 \f005 \f005 \f005 \f005"; /* FontAwesome stars */
    font-size: 1rem;
    color: #ccc; /* Color for the empty stars */
  }
  
  .stars-inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
  }
  
  .stars-inner::before {
    content: "\f005 \f005 \f005 \f005 \f005"; /* FontAwesome stars */
    font-size: 1rem;
    color: #ffcc00; /* Color for the filled stars */
  }
  
  .rating-value {
    margin-left: 10px;
    font-size: 1.1rem;
    color: var(--black);
  }
  /* End */
  .pr-item a {
      color : #000;
      text-decoration: none;
  }
  #view-details {
      padding: 0.5rem 1rem;
      color: var(--bs-btn-active-color);
      background-color: var(--bs-btn-active-bg);
      border-color: var(--bs-btn-active-border-color);
  }
  #view-details:hover {
      color: var(--white);
      background-color: var(--green);
      border-color: var(--green);
  }
  #add-to-cart {
      padding: 0.5rem 1rem;
      color: var(--bs-btn-active-color);
      background-color: var(--bs-btn-active-bg);
      border-color: var(--bs-btn-active-border-color);
  }
  #add-to-cart:hover {
      color: var(--white);
      background-color: var(--green);
      border-color: var(--green);
  }