/* Write your CSS here */
/* Write your CSS here */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

*:disabled {
  opacity: 0.7;
}

.product_box:hover .product_img{
   transform: translate(0px, 0px) rotate(0deg) skewX(0deg) skewY(0deg) scaleX(1.05) scaleY(1.05);
}

.mobile-menu-bazar .active{
  transform: translateX(0%);
  opacity: 1;
  display:block !important;
}


.sort-label:hover{
        background-color: #f3f6fa;
}
.side-empty-item{
    position:relative;
    top: 35% !important;
}
.message-pop:hover{
    background-color:#b0b3b3;
}
.breadcrumb:last-child img{
    display:none;
}
.mobile-category-nav.active{
    position: sticky;
    top: 55px;
    z-index: 10;
}
*{
    -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
input,
textarea,
button,
select,
a {
    -webkit-tap-highlight-color: transparent;
}
.full-width{
    width:100%;
}
.print_mob{
    display:none;
}
.menu-active {
    background-color: #f4f4f4;
    border-radius: 5px;
}
.sideMenu{
    position: sticky;
    top: 142px;
}
@media screen and (max-width: 700px){
    .search_card{
        flex:0 0 calc(50% - 20px);
    }
    .sideMenu{
        display: none;
    }
    .print_mob{
        display:block;
    }
    .mobileList, .headMobile{
        display: block;
    }
}
a:hover p{
    text-decoration: none;
}
.popup-confirm {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 45px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 18px;
    padding-right:18px;
}

.popup {
    display: flex;
    flex-direction: column;
    width: 232px;
    height: 45px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 18px;
}

.popup-child1 {
    font-size: 14px;
    width: fit-content;
    height: fit-content;
    line-height: 1;
    min-width: 10px;
    position: static;
    top: auto;
    left: auto;
    color: #fff;
}
.popup-container{
    position: fixed;
    bottom: 100px;
    right: 100px;
    transform: translate(100px,0px);
    transition:all ease-in-out 0.5s;
    opacity:0;
    border-radius: 6px;
}
.success, .failed{
    transform: translate(0px,0px) !important;
    opacity:1 !important;
    
}
.success{
    background:#29c281c2;
}
.failed{
    background: #f79999;
}

     
.loader {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  background: linear-gradient(0deg, var(--go1-primary-color)63 33%, #995250 100%);
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #7f7f7f;
}
@keyframes rotation {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg)}
}  

#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 80;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
.block{ display: flex !important;}
.hide{ display: none !important;}
.cart_image{
    margin-bottom:20px;
    width: 100px;
}
.cart-text{
    font-size: 14px;
    color: #757676;
    font-weight: 500;
}
br{
    margin-bottom:10px;
}


.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #06D85F;
}

.overlay {
  overflow: auto;
  scrollbar-width: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
  z-index: 50;
}
.overlay.active {
  visibility: visible;
  opacity: 1;
  z-index: 50;
}
.modal {
  margin: 15px  auto;
  /*padding: 20px;*/
  background: #fff;
  border-radius: 5px;
  width: 40%;
  max-height: 70%;
  position: relative;
  transition: all 5s ease-in-out;
}

.modal h2 {
  margin-top: 0;
  color: #333;

}
.modal .close {
  /*position: absolute;*/
  /*top: 20px;*/
  /*right: 30px;*/
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  border-bottom:#ddd;
}
.modal .close:hover {
  color: #06D85F;
}
.modal .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 85%;
  }
  .modal{
    width: 85%;
  }
}
/*Form*/
.form-head{
   display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 15px;
    border-bottom: 1px solid #ddd; 
}
.input-container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap:20px;    
    row-gap: 10px;
    margin-bottom: 10px;
    max-height:500px;
    overflow:auto;

}
@media only screen and (min-width: 600px) {
    #back-icon{
        display:none;
    }
  .cart {
    animation-name: right-cart;
    animation-duration: 0.3s;
  }

.btn-confirm{
    width:20% !important;
}
.mobile-category-nav{
    display:none;
}
}

@media only screen and (max-width: 600px) {
   
    .mobile-category-nav{
        display:none !important;
    }
  .cart {
    animation-name: mobile-right-cart;
    animation-duration: 0.5s;
  }
.address-flex{
    flex:none !important;
}

.btn-confirm{
    width:40% !important;
}

.input-field{
        flex: 0 0 calc(100%);
}
.input-container{
    width:100%;
}
}
.address-form {
  --background: white;
  --border: rgba(0, 0, 0, 0.125);
  --borderDark: rgba(0, 0, 0, 0.25);
  --borderDarker: rgba(0, 0, 0, 0.5);
  --bgColorH: 0;
  --bgColorS: 0%;
  --bgColorL: 98%;
  --fgColorH: 210;
  --fgColorS: 50%;
  --fgColorL: 38%;
  --shadeDark: 0.3;
  --shadeLight: 0.7;
  --shadeNormal: 0.5;
  --borderRadius: 0.125rem;
  --highlight: #177ccb;
  background: white;
  /*border: 1px solid var(--border);*/
  /*border-radius: var(--borderRadius);*/
  /*box-shadow: 0 1rem 1rem -0.75rem var(--border);*/
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  position: relative;
  overflow: hidden;
}

.address-form .email, .address-form .email a {
  color: hsl(var(--fgColorH), var(--fgColorS), var(--fgColorL));
  font-size: 0.825rem;
  order: 4;
  text-align: center;
  margin-top: 0.25rem;
  outline: 1px dashed transparent;
  outline-offset: 2px;
  display: inline;
}

.address-form a:hover {
  color: hsl(var(--fgColorH), var(--fgColorS), calc(var(--fgColorL) * 0.85));
  transition: color 0.25s;
}

.address-form a:focus {
  color: hsl(var(--fgColorH), var(--fgColorS), calc(var(--fgColorL) * 0.85));
  outline: 1px dashed hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));
  outline-offset: 2px;
}

.address-form > div {
  order: 2;
}

label {
  display: flex;
  flex-direction: column;
}

.label-show-password {
  order: 3;
}

label > span {
  color: var(--borderDarker);
  display: block;
  font-size: 0.825rem;
  margin-top: 0.625rem;
  order: 1;
  transition: all 0.25s;
}
.label {
  color: var(--borderDarker);
  display: block;
  font-size: 0.825rem;
  margin-top: 0.625rem;
  /*order: 1;*/
  transition: all 0.25s;
}
select{
        border-radius: 5px;
    height: 37px;
    margin-top: 5px;
    padding: 5px;
    padding-inline: 15px;
    font-size: 14px;

}

label > span.required::after {
  content: "*";
  color: #dd6666;
  margin-left: 0.125rem;
}

label input {
  order: 2;
  outline: none;
}

label input::placeholder {
  color: var(--borderDark);
}

/* trick from https://css-tricks.com/snippets/css/password-input-bullet-alternatives/ */
label input[name="password"] {
  -webkit-text-security: disc;
}

input[name="show-password"]:checked ~ div label input[name="password"] {
  -webkit-text-security: none;
}

label:hover span {
  color:  #177ccb;
  /*hsl(var(--fgColorH), var(--fgColorS), var(--fgColorL));*/
}

input[type="checkbox"] + div label:hover span::before,
label:hover input.text {
  border-color: hsl(var(--fgColorH), var(--fgColorS), var(--fgColorL));
}

label input.text:focus,
label input.text:active {
  border-color:  #177ccb;
  /*hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));*/
  box-shadow: 0 1px #177ccb;
  /*hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));*/
}

input.text:focus + span,
input.text:active + span {
  color:   #177ccb;
  /*hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));*/
}

input {
  border: 1px solid var(--border);
  border-radius: var(--borderRadius);
  box-sizing: border-box;
  font-size: 1rem;
  height: 2.25rem;
  line-height: 1.25rem;
  margin-top: 0.25rem;
  order: 2;
  padding: 0.25rem 0.5rem;
  /*width: 15rem;*/
      width: 100%;
  transition: all 0.25s;    
  border-radius: 5px !important;
      font-size: 14px !important;

}

input[type="submit"] {
  color: hsl(var(--bgColorH), var(--bgColorS), var(--bgColorL));
  background: var(--go1-primary-color);
  font-size: 0.75rem;
  font-weight: bold;
  margin-top: 0.625rem;
  order: 4;
  height:33px ;
  outline: 1px dashed transparent;
  outline-offset: 2px;
  text-transform: uppercase;
}


a[type="confirm_btn"] {
  color: #fff;
  background: #177ccb;
  font-size: 0.75rem;
  font-weight: bold;
  margin-top: 0.625rem;
  order: 4;
  height:33px ;
  outline: 1px dashed transparent;
  outline-offset: 2px;
  text-transform: uppercase;
  border-radius:3px;
  text-align:center;
  margin-top:8px;
}

a[type="confirm_btn"]:focus {
  outline: 1px dashed #177ccb;
  outline-offset: 2px;
}

a[type="confirm_btn"]:focus {
  background: #29527c;
}

a[type="confirm_btn"]:hover {
  background: #29527c;
  color: #fff;
}

a[type="confirm_btn"]:active {
  background: #177ccb;
  transition: all 0.125s;
}


input[type="checkbox"]:focus + label span::before,
input[type="submit"]:focus {
  outline: 1px dashed hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));
  outline-offset: 2px;
}

input[type="submit"]:focus {
  background: hsl(var(--fgColorH), var(--fgColorS), calc(var(--fgColorL) * 0.85));
}

input[type="submit"]:hover {
  background: hsl(var(--fgColorH), var(--fgColorS), calc(var(--fgColorL) * 0.85));
}

input[type="submit"]:active {
  background: hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));
  transition: all 0.125s;
}

/** Checkbox styling */
.a11y-hidden {
  position: absolute;
  top: -1000em;
  left: -1000em;
}

input[type="checkbox"] + label span {
  padding-left: 1.25rem;
  position: relative;
}

input[type="checkbox"] + label span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.75rem;
  height: 0.75rem;
  border: 1px solid var(--borderDark);
  border-radius: var(--borderRadius);
  transition: all 0.25s;
  outline:1px dashed transparent;
  outline-offset: 2px;
}

input[type="checkbox"]:checked + label span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 0.375rem;
  height: 0.375rem;
  border: 1px solid var(--borderDark);
  border-radius: var(--borderRadius);
  transition: all 0.25s;
  outline:1px dashed transparent;
  outline-offset: 2px;
  background: hsl(var(--fgColorH), var(--fgColorS), var(--fgColorL));
}
.owl-theme .owl-controls .owl-buttons div {
    color: #222;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: 1;
    top: 35%;
    font-size: 20px;
    padding-top: 16px;
    position: absolute;
    background: #fff!important;
    width: 45px;
    height: 45px;
    margin-left: 20px;
    border: 1px solid #dedfe3!important;    padding: 6px 14px;
}
.owl-carousel .owl-next {
    margin-left: 15px;
    padding: 1px 10px;
    right: -1px;
}
.owl-carousel .owl-prev {
    margin-left: 0;
    padding: 1px 10px;
    left: -1px;
}

.cart_btn {
    /*width: calc(100% - 15px);*/
    curson:pointer;
}
#product_list .image_container {
    /*height: 200px;*/
}
.cart_btn p{
    font-size: 14px;    
    /*font-weight: 600;*/
}

*{
     font-family: "Inter", sans-serif;
    font-weight:400;
}
.active_parent:after, .hoverMenuSec:after {
    content: "";
    display: block;
    height: 2px;
    background: var(--go1-primary-color);
    position: absolute;
    bottom: -15px;
}

.hoverMenuSec.active:after {
    width: 100% !important;
}

.hoverMenuSec:after {
    width: 0;
    transition: width .3s;
}
.hoverMenuSec:hover:after {
    width: 100%;
}
div#popup1,#popup {
    /*display: none;*/
}
@media only screen and (max-width: 600px){
    .width_60{
        width:60%;
    }
    /*#product_list{*/
    /*    margin-top:15px;*/
    /*}*/
    .breadcrumb-items{
    /*display:none !important;*/
    }
    .cart-total{
        font-size:14px;
    }
.page_content{
    padding:0 15px;
}
.width_65,.width_35,.width_50,.width_25{
    width:100% !important;
}.flex_wrap{
 flex-wrap: wrap;
}
.width_65 img,.width_35 img,.width_50 img,.width_25 img{
    height:auto !important;
}
.width_65 .over_lay,.width_35 .over_lay,.width_50 .over_lay,.width_25 .over_lay{
    height:auto !important;
}

.cart_btn p{
    font-size:13px;
}
.cart_btn{
    margin-left: 0 !important;
    height: 35px;
}

#product_list {
    padding: 0 10px;justify-content: flex-start;
}
#product_list{width:100%;padding-right: 5px;}
}
.search_results{
   position: absolute;
    top: 100%;
    left: auto;
    background: #fff;
    z-index: 9999;
    box-shadow: 0 0 5px #ddd;
    width: calc(100%) !important;
}

.search_results_two{
   position: absolute;
    top: 100%;
    left: auto;
    background: #fff;
    z-index: 999999;
    box-shadow: 0 0 5px #ddd;
    width: calc(100%);
}

.search_results_three{
   position: absolute;
    top: 100%;
    left: auto;
    background: #fff;
    z-index: 999999;
    box-shadow: 0 0 5px #ddd;
    width: calc(100%);
}
ul.search_sets {
    padding: 0;max-height: 400px;
    overflow-y: auto;
}ul.search_sets li {
    list-style: none;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
}


ul.search_sets li img {
    float: left;
    margin-right: 10px;
}
ul.search_sets li a{
    display: flex;
    align-items: center;
}
ul.search_sets li span {
    float: left;
    width: calc(100% - 65px);
    font-size: 14px;
}
ul.search_sets li:last-child {
    border-bottom:none;
}
input#search_input:focus-visible {
 
    outline: none;
}
li.no_search_data {
    font-size: 14px;
    text-align: center;
    width: 100% !important;
    float: left !important;
    display: block !important;
}
#cart-count{
    min-width:30px;
    text-align:center;
}
.page_content{
 margin-bottom:15px;   
}
.mobile-menu{
  transform: translateX(-100%);
  transition: all 0.5s;
  opacity: 0;
}
.mobile-menu.active{
  transform: translateX(0%);
  opacity: 1;
  display:block;
}
.mobile-nav-item{
  transform: translateX(-100%);
  transition: all 0.5s;
  opacity: 0;
}

.mobile-nav-item .active{
    border:1px solid var(--go1-primary-color);
    color:var(--go1-primary-color);
    border-radius:5px;
}


@media only screen and (max-width: 576px){
    #product_list .image_container{
        width: 100%;padding-top: 0;padding-bottom: 0;
    }
    #checkout-button{
        bottom: 113px;
    }
    div#move-cart-button{
        bottom: 113px;
        display: flex !important;
    }
    div#back-icon{
        width: 55px;
    }
    #product_list .line_2_text_36 {
        height: auto;margin-bottom: 0;
    }

    [onclick="customer_logout()"]{
        padding-left: 25px;
    border-top: none;
    margin-top: -10px;position: relative;
    }
    .footer_title::after {
    content: ">";
    position: absolute;
    right: 0;
    font-size: 17px;
    font-weight:500;
    top: 0px;
    transform: rotate(90deg);
}
.footer_submenus {
    display: none;
}
#wishlist-items .related_item {
    width: calc(48% - 10px) !important;
    /* justify-content: flex-start; */
}
#wishlist-items{
    flex-wrap: wrap;
    gap: 5px;

}
.wishlist_title {
    font-size: 16px;
    padding-left: 10px;
}
.footer_component{
    margin-bottom: 60px;
}
.bottom_menu{
    z-index:999999;
}
.mob_fs_13{
    font-size:13px !important;
}
}

/*Mobile nav*/
.second_parent_categories{
    border-bottom:1px solid #e3e3e3;
}


/* Cart Animation*/

@keyframes right-cart {
  0% {
        transform: translate(100%, 0);
    opacity: 0;}
     80% {
        transform: translate(-5%, 0);
    opacity: 0.8;}
  100% {
      transform: translate(0%, 0);
    opacity: 1;}
}
@keyframes mobile-right-cart {
  0% {
        transform: translate(0,100%);
    opacity: 0;}
  100% {
      transform: translate(0,0%);
    opacity: 1;}
}

.empty-cart{
    align-items:center;
}
div#all-attributes {
    min-height: 100px;
}
.announce_bar p{
    font-weight:400;display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 5px;
}
@media only screen and (max-width: 992px){
.announce_bar p{
    font-size:14px;
}
}
.no-filters {
    height: 75px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}


 @media screen and (min-width: 1020px) and (max-width: 1400px){
     #services .service_box{
         padding:10px;
         align-items:center;
         justify-content:center;
         
     }
      #services .service_box .service_svg{
          width:50px;
          height:50px;

      }
       #services .service_box .service_svg div{
           width:100%;
          height:100%;
          display: flex;
        align-items: center;
        justify-content: center;
       }
     #services .service_box .service_svg div svg{
         width:30px !important;
     }
     #services .service_box .service_p{
         font-size:13px;
         color:#000;
         font-weight:500;
     }
     
 }