/* Add custom font faces */
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-Regular.woff2') format('woff2'), url('../fonts/DMSans-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}

@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-Bold.woff2') format('woff2'), url('../fonts/DMSans-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap;}

@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-SemiBold.woff2') format('woff2'), url('../fonts/DMSans-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap;}

@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-Medium.woff2') format('woff2'), url('../fonts/DMSans-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap;}

.search-input { width: 0; padding: 0; transition: width 0.1s ease-in-out;}
.search-input.active { width: 300px; padding: 0 1.5rem;}
input[type="search"]::-webkit-search-cancel-button { display:none;}
#google_translate_element span{display: none !important;}
#google_translate_element > div{font-size: 0;}
#google_translate_element select{width: 150px !important;}
.account-settings .account-list li:hover svg *{stroke: #fff; fill: #fff;}
.account-settings .account-list li.currency:hover svg *{stroke: #fff; fill: none;}
*, ::after, ::before {
  box-sizing: border-box;
}
body{position: relative; overflow: hidden; overflow-y: auto; }
.header-area { position: relative; width: 100%; z-index: 49; backdrop-filter: saturate(180%) blur(20px); -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2); }

.header-area.is-sticky {  position: fixed; left: 0; top: 0;  background-color: rgba(255, 255, 255, 0.9); -webkit-animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown; animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown; }
i.fa.fa-mobile{font-size: 24px; width: 20px;}
i.fa.fa-envelope-o{width: 20px;}
.addToCard:hover svg path,
.addWishlist:hover svg path {stroke: white;}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


.header-area .off-canvas-overlay{display: none;}
.header-area.open .off-canvas-overlay{display: block;}
.header-area.open nav.desktop-menu{
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  
}

.sweet-alert h2,
.sweet-alert p{
  margin-top: 10px !important;
  position: relative;
  z-index: 100;
}


.before-after-border {
  position: relative;
}

.before-after-border::before,
.before-after-border::after { content: ''; position: absolute; top: -21px; bottom: -21px; width: 1px; background-color:rgb(217 217 217 ); }

.before-after-border::before { left: -11px;}

.before-after-border::after { right: -11px;}
.custom-text-wrap{text-wrap: auto;}
.reviewbox .left-side{width: 120px; height: 120px;}
.reviewbox .right-side{width: calc(100% - 120px);}
.contact-form-main{width: 1000px; margin: 0 auto; max-width: 90%;}
.contact-add-info .leftbox{text-align: center; width: 40%; padding: 0 30px;}
.contact-add-info .rightbox{text-align: left;  width: 60%;}
.contact-add-info .rightbox ul li{word-wrap: break-all; }
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible{
    outline: none; border: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background-color: #c78000 !important;
}
.member-verification{margin: 100px auto; text-align: center; width: 42rem; max-width: 90%;}
.text-center.sorder-logo-inner{display: block;}
.text-center.sorder-logo-inner img{margin: 0 auto;}
.homepageslider img{height: calc(100vh - 100px);}
.reviews-tab img{width: 200px;}


.product-review-info .reviews-tab img, 
.product-details-inner img
{
  width: 250px !IMPORTANT; padding: 10px; margin:  0 auto;
}
.product-review-info .reviews-tab img.note-float-right,
.product-details-inner img.note-float-right
 {
  width: 250px !IMPORTANT;
  padding: 0 0 10px 10px; display: inline;
}
.related-product{
  display: block;
  clear: both;
}
.product-review-info .reviews-tab img.note-float-left,
.product-details-inner img.note-float-left
 {
  width: 250px !important;
  padding-right: 10px;
  padding-bottom: 10px; 
  padding-top: 10px;
  padding-left: 0;
  display: inline;
}
.quantity-cart-box{clear: both;}
#show-password-new,#show-confirm-password,#current-password-new,#password-new,#confirm-password-new
 {
  top: 35px; color: #c78000;
}
#show-password{
  color: #c78000;
}
#show-password-new:hover,
#show-confirm-password:hover,
#current-password-new:hover,
#password-new:hover,
#show-password:hover,
#confirm-password-new:hover{
color: #f95c2e;
}
.whitespace-normal {
  white-space: normal ;
}
@media only screen and (max-width: 1400px) { 
  /* .container{width: 95%;} */
}
@media only screen and (max-width: 1024px) { 
.homepageslider img{height: 400px}
.product-action-link{  display: block;}
 .product-item .product-thumb .thumb-inner{
  height: 300px;
 }
 .product-item .product-thumb .product-action-link{
  scale: 1;
  transform: translate(0,0);
 }
 .product-item .product-thumb .addWishlist 
 {
  margin-bottom: 10px; padding: 5px; width: 100%;
 }
 .product-item .product-thumb .addToCard{
  padding: 5px; width: 100%;
 }  
 .product-item .product-thumb{
    height: 400px;
 }
}

@media only screen and (max-width: 991px) { 
  .custom-text-wrap{text-wrap: nowrap;}
  .header-area nav.desktop-menu li .mobile-submenu{transform: scale(0); height: 0;}
  .header-area nav.desktop-menu li.open .mobile-submenu { transform: scale(1); height: 100%;  }
  .header-area {  position: fixed; left: 0; top: 0;  background-color: #fff; -webkit-animation: none; animation: none; }
  .homepageslider img{height: 300px;object-fit: cover;}
 .change-password{text-align: center;}
 .product-img-column{min-width: 250px;}
}



@media only screen and (max-width: 700px) {
  .homepageslider img{height: 200px;object-fit: cover;}
  section.feature-category-area{margin-bottom: 100px;}
  section.feature-category-area h2{margin-top: 0;}
  section.feature-category-area .gemma-slick-nav {top: unset; bottom: -60px; left: 50%;transform: translateX(-50%); justify-content: center;}
  .product-review-info .reviews-tab img.note-float-right,
  .product-details-inner img.note-float-right,.product-review-info .reviews-tab img.note-float-left,
  .product-details-inner img.note-float-left,.product-review-info .reviews-tab img, .product-details-inner img{width: 100% !important; display: block; padding-left: 0;}



.related-product{margin-bottom: 100px;}
.related-product h2{margin-top: 0;}
.related-product .gemma-slick-nav {
  top: unset;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%); justify-content: center;
}
  
  .contact-add-info .leftbox{padding: 0 15px; width: 30%;}
  .contact-add-info .rightbox{width: 70%;}
  .training-label{width: 80px;}
  .quantity-cart-box{flex-direction: column;}
  .product-details-reviews ul.nav.review-tab {
    flex-direction: column;
    width: 100%;
    gap: 25px;
}  

.custom-filter{ gap: 10px; flex-direction: column;display: flex;}


}

@media only screen and (max-width: 400px) {
  .contact-add-info{
    display: block;
  }
  .contact-add-info .leftbox{
    width: 100%; text-align: left;
  }
  .contact-add-info .rightbox{width: 100%; padding: 10px; }
  .total-subtotal{display: flex; flex-direction: column; justify-content: space-between; }
  .total-subtotal .total-subtotal-inner{width: 100%; justify-content: space-between;}
 }