/* Colors Variables */
.bg-red-500 {
  background: #DC3545 !important; }

.text-red-500 {
  color: #DC3545 !important; }

.bg-black-900 {
  background: #121212 !important; }

.text-black-900 {
  color: #121212 !important; }

.bg-black-100 {
  background: #F5F5F5; }

.text-black-100 {
  color: #F5F5F5; }

.bg-black-200 {
  background: #EAEAEA; }

.text-black-200 {
  color: #EAEAEA; }

.bg-black-300 {
  background: #CBCBCB; }

.text-black-300 {
  color: #CBCBCB; }

.bg-black-400 {
  background: #A7A7A7; }

.text-black-400 {
  color: #A7A7A7; }

.bg-black-500 {
  background: #807E7E; }

.text-black-500 {
  color: #807E7E; }

.bg-black-600 {
  background: #605F5F; }

.text-black-600 {
  color: #605F5F; }

.bg-black-900 {
  background: #121212; }

.text-black-900 {
  color: #121212; }

.bg-blue-100 {
  background: #3E3E59; }

.text-blue-100 {
  color: #3E3E59; }

.bg-teal-600 {
  background: #1BA97F; }

.text-teal-600 {
  color: #1BA97F; }

.bg-black-50 {
  background: #FAFAFB; }

.text-black-50 {
  color: #FAFAFB; }

/* Reset CSS */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Icon CSS */
/* Icons as Background CSS */
.favourite-icon {
  min-width: 28px;
  min-height: 28px;
  background: url("../../img/favourite-icon.svg") no-repeat;
  display: block; }

.facebook-icon {
  min-width: 18px;
  min-height: 18px;
  background: url("../../img/facebook-icon.svg") no-repeat;
  display: block; }

.instagram-icon {
  min-width: 18px;
  min-height: 18px;
  background: url("../../img/instagram-icon.svg") no-repeat;
  display: block; }

.twitter-icon {
  min-width: 16px;
  min-height: 16px;
  background: url("../../img/twitter-new.svg") no-repeat;
  display: block; }

.email-icon {
  min-width: 18px;
  min-height: 18px;
  background: url("../../img/email-icon.svg") no-repeat;
  display: block; }

.settings-icon {
  min-width: 20px;
  min-height: 20px;
  background: url("../../img/settings-icon.svg") no-repeat;
  display: block; }

.camera-icon {
  min-width: 16px;
  min-height: 16px;
  background: url("../../img/camera.svg") no-repeat;
  display: block; }

.trash-icon {
  min-width: 16px;
  min-height: 16px;
  background: url("../../img/trash-icon.svg") no-repeat;
  display: inline-block; }

.logout-icon {
  min-width: 18px;
  min-height: 18px;
  background: url("../../img/logout-icon.svg") no-repeat;
  display: inline-block; }

.heart-icon {
  min-width: 32px;
  min-height: 32px;
  background: url("../../img/heart-icon.svg") no-repeat;
  display: inline-block; }

.eye-icon {
  min-width: 24px;
  min-height: 24px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14Z' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 12C19.333 16.667 16 19 12 19C8 19 4.667 16.667 2 12C4.667 7.333 8 5 12 5C16 5 19.333 7.333 22 12Z' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat; }

.share-icon {
  min-width: 18px;
  min-height: 18px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.7656 2.92206C12.9372 2.92206 12.2656 3.59363 12.2656 4.42206C12.2656 4.63627 12.3105 4.83999 12.3914 5.02432C12.3969 5.03391 12.4022 5.04367 12.4073 5.05358C12.4187 5.07558 12.4288 5.09788 12.4378 5.1204C12.689 5.59709 13.1893 5.92206 13.7656 5.92206C14.5941 5.92206 15.2656 5.25049 15.2656 4.42206C15.2656 3.59363 14.5941 2.92206 13.7656 2.92206ZM10.7656 4.42206C10.7656 4.62839 10.7865 4.82985 10.8261 5.02447L7.0455 6.97206C6.49528 6.32936 5.67802 5.92206 4.76562 5.92206C3.10877 5.92206 1.76562 7.2652 1.76562 8.92206C1.76562 10.5789 3.10877 11.9221 4.76562 11.9221C5.67802 11.9221 6.49529 11.5147 7.04551 10.872L10.8261 12.8196C10.7865 13.0142 10.7656 13.2157 10.7656 13.4221C10.7656 15.0789 12.1088 16.4221 13.7656 16.4221C15.4225 16.4221 16.7656 15.0789 16.7656 13.4221C16.7656 11.7652 15.4225 10.4221 13.7656 10.4221C12.8532 10.4221 12.0359 10.8294 11.4857 11.4721L7.70512 9.5245C7.74479 9.32988 7.76562 9.1284 7.76562 8.92206C7.76562 8.71571 7.74479 8.51423 7.70511 8.3196L11.4857 6.37202C12.0359 7.01474 12.8532 7.42206 13.7656 7.42206C15.4225 7.42206 16.7656 6.07891 16.7656 4.42206C16.7656 2.7652 15.4225 1.42206 13.7656 1.42206C12.1088 1.42206 10.7656 2.7652 10.7656 4.42206ZM6.14006 9.52377C6.22081 9.33958 6.26562 9.13605 6.26562 8.92206C6.26562 8.70803 6.2208 8.50448 6.14003 8.32027C6.13445 8.31052 6.12905 8.3006 6.12386 8.29052C6.11244 8.26836 6.10224 8.2459 6.09323 8.22321C5.84193 7.7468 5.3417 7.42206 4.76562 7.42206C3.9372 7.42206 3.26562 8.09363 3.26562 8.92206C3.26562 9.75049 3.9372 10.4221 4.76562 10.4221C5.34168 10.4221 5.84189 10.0973 6.09319 9.62096C6.10222 9.59825 6.11243 9.57576 6.12386 9.55358C6.12906 9.54348 6.13447 9.53354 6.14006 9.52377ZM12.3915 12.8197C12.3969 12.8101 12.4022 12.8004 12.4073 12.7905C12.4186 12.7685 12.4288 12.7463 12.4377 12.7238C12.6889 12.2471 13.1893 11.9221 13.7656 11.9221C14.5941 11.9221 15.2656 12.5936 15.2656 13.4221C15.2656 14.2505 14.5941 14.9221 13.7656 14.9221C12.9372 14.9221 12.2656 14.2505 12.2656 13.4221C12.2656 13.2078 12.3105 13.0041 12.3915 12.8197Z' fill='%23121212'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat; }

.favourite-icon-2 {
  min-width: 24px;
  min-height: 24px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.3791 12.8892L12.5076 19.5L5.63619 12.8892M5.63619 12.8892C5.18296 12.4607 4.82595 11.9458 4.58766 11.3767C4.34936 10.8077 4.23494 10.1969 4.25159 9.58278C4.26824 8.96867 4.41561 8.36456 4.68442 7.8085C4.95322 7.25243 5.33764 6.75645 5.81347 6.3518C6.28929 5.94714 6.84621 5.64257 7.44917 5.45727C8.05212 5.27197 8.68804 5.20994 9.31688 5.27511C9.94572 5.34027 10.5539 5.53121 11.103 5.83589C11.6521 6.14058 12.1304 6.55242 12.5076 7.04547C12.8865 6.556 13.3653 6.14776 13.9141 5.8463C14.4628 5.54485 15.0698 5.35667 15.6968 5.29354C16.3239 5.23042 16.9577 5.2937 17.5584 5.47944C18.1591 5.66517 18.7139 5.96936 19.1881 6.37296C19.6622 6.77657 20.0455 7.27089 20.314 7.82501C20.5824 8.37912 20.7302 8.9811 20.7481 9.59326C20.7661 10.2054 20.6537 10.8146 20.4182 11.3826C20.1826 11.9507 19.8288 12.4654 19.3791 12.8945' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat; }

.globe-icon {
  min-width: 32px;
  min-height: 32px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.3555 4.56821C16.2375 4.56461 16.1191 4.5628 16.0003 4.5628C15.8815 4.5628 15.7632 4.56461 15.6453 4.5682C14.342 6.72474 13.4385 9.04879 12.935 11.4376H19.0658C18.5623 9.0488 17.6589 6.72475 16.3555 4.56821ZM19.2728 12.5631H12.728C12.37 14.8401 12.3701 17.1606 12.7282 19.4376H19.2726C19.6307 17.1606 19.6308 14.8401 19.2728 12.5631ZM20.4114 19.4376C20.7519 17.1592 20.752 14.8415 20.4115 12.5631H26.9121C27.2535 13.648 27.4375 14.8025 27.4375 16C27.4375 17.1978 27.2534 18.3526 26.9119 19.4376H20.4114ZM19.0656 20.5631H12.9352C13.4387 22.9517 14.3421 25.2755 15.6453 27.4318C15.7632 27.4354 15.8815 27.4372 16.0003 27.4372C16.1191 27.4372 16.2375 27.4354 16.3555 27.4318C17.6587 25.2755 18.5621 22.9517 19.0656 20.5631ZM17.7291 27.3074C18.9193 25.1725 19.7479 22.8956 20.2148 20.5631H26.4909C24.9493 24.1024 21.6692 26.71 17.7291 27.3074ZM16.5513 28.5509C16.6485 28.5713 16.7487 28.5653 16.8414 28.5351C23.3875 28.1023 28.5631 22.6556 28.5631 16C28.5631 9.34442 23.3875 3.89767 16.8414 3.46492C16.7487 3.43473 16.6485 3.42866 16.5513 3.44908C16.3686 3.44119 16.1849 3.43721 16.0003 3.43721C15.8157 3.43721 15.6321 3.44119 15.4495 3.44907C15.3523 3.42866 15.2521 3.43474 15.1594 3.46491C8.61325 3.89752 3.4375 9.34433 3.4375 16C3.4375 22.6557 8.61325 28.1025 15.1594 28.5351C15.2521 28.5653 15.3523 28.5713 15.4495 28.5509C15.6321 28.5588 15.8157 28.5628 16.0003 28.5628C16.1849 28.5628 16.3686 28.5588 16.5513 28.5509ZM17.7291 4.69262C21.6695 5.29007 24.9498 7.89799 26.4912 11.4376H20.2149C19.748 9.10483 18.9195 6.82776 17.7291 4.69262ZM14.2717 27.3074C13.0815 25.1725 12.2529 22.8956 11.786 20.5631H5.50965C7.05128 24.1024 10.3315 26.7101 14.2717 27.3074ZM11.5894 19.4376C11.2489 17.1592 11.2488 14.8415 11.5893 12.5631H5.08848C4.74713 13.648 4.56309 14.8025 4.56309 16C4.56309 17.1978 4.74721 18.3526 5.0887 19.4376H11.5894ZM11.7859 11.4376C12.2528 9.10481 13.0814 6.82773 14.2717 4.69258C10.3313 5.28997 7.05084 7.89793 5.50934 11.4376H11.7859Z' fill='%23121212'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat; }

/* COMMON CSS */
body {
  font-family: 'Inter';
  color: #121212; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Space Grotesk'; }

ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none; }

ul li {
  display: inline-block; }

ul.list li {
  display: block; }

a {
  text-decoration: none;
  font-family: 'Space Grotesk';
  color: inherit; }

/* a:hover,
a:focus {
  color: rgb(0, 0, 0); } */

  .product-single__bottom-title a:hover{
    color: black;
  }

.text-muted {
  color: #807E7E; }

.cta-btn {
  display: block;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  background: #121212;
  text-align: center;
  color: #fff;
  border-radius: 6px; }

.cursor-pointer {
  cursor: pointer; }

.input_field__wrapper {
  position: relative; }

/* .input_field__wrapper.search-icon::after {
  content: "";
  position: absolute;
  right: 16px;
  background: url("../../img/search-icon.svg");
  width: 28px;
  height: 28px;
  z-index: 3;
  top: 8px; } */

  .clickable-icon::after {
    content: "";
    position: absolute;
    right: 16px;
    background: url(../../img/search-icon.svg);
    width: 28px;
    height: 28px;
    z-index: 3;
    top: 10px;
  }
  

input.input-field {
  width: 100%;
  border-radius: 6px;
  border: 1px solid #121212;
  background: #fff;
  padding: 13px 16px; }

  .ts-btn.simple{
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.4px;
    color: #605F5F;
    background: transparent;
    border-width: 0px;
    padding: 0px;

    position: relative;
  }
  .ts-btn.simple:hover{
    color: #121212;
  }
  .ts-btn.simple:hover:before{
    background: #121212;
  }
  .ts-btn.simple:before{
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px;
    display: block;
    background: #605F5F;
  }
  
.ts-btn {
  padding: 7px 23px;
  display: inline-block;
  background: #121212;
  border: 2px solid #121212;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.4px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.ts-btn.has-arrow {
  padding-right: 48px;
  position: relative; }

.ts-btn.has-arrow::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("../../img/btn-arrow.svg");
  z-index: 4;
  right: 24px;
  top: 13px;
  z-index: 4; }

.ts-btn:hover {
  color: #121212;
  background: transparent !important; }

.ts-btn.has-arrow:hover::before {
  background: url(../../img/btn-arrow-white.svg); }

.ts-btn.style-1 {
  border: 0px solid #fff;
  border-bottom: 1px solid #fff;
  color: #fff;
  background: transparent !important;
  padding-right: 28px;
  font-weight: 500;
  padding-top: 0px;
  padding-left: 0px;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-transform: uppercase; }

.ts-btn.style-1.dark {
  color: #121212; }

.ts-btn.style-1.has-arrow::before {
  right: 0px;
  top: 2px; }

.ts-btn.style-1.has-arrow:hover::before {
  background: url(../../img/btn-arrow.svg); }

.ts-btn.dark.style-1.has-arrow::before {
  background: url(../../img/btn-arrow-white.svg); }

.ts-btn.dark.style-1.has-arrow::before {
  right: 0px;
  top: 4px; }

.ts-btn.rounded {
  border-radius: 39px !important; }

.ts-btn.outline {
  background: transparent !important;
  color: #121212; }

.ts-btn.outline::before {
  background: url(../../img/btn-arrow-white.svg); }

.ts-btn.border-b-dark {
  border-bottom: 1px solid #121212; }

.ts-btn.border-b-light {
  border-bottom: 1px solid #fff; }

label.error {
  color: #dc3545 !important;
  margin-top: 8px;
  margin-bottom: 8px; }

.section .title {
  font-size: 34px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: -0.6px;
  margin-bottom: 15px; }

.pos-relative {
  position: relative; }

/* Header --- Navbar Styling */
.navbar {
  padding: 19px 0px; }

.header .navbar-nav .nav-link {
  font-family: 'Space Grotesk';
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  opacity: 1;
  color: #121212;
  cursor: pointer;
  padding: 0px; }

.header .favourite-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  width: 20px;
  height: 20px;
  font-weight: 700;
  line-height: 10px;
  border-radius: 100%;
  padding: 5px 6px;
  color: #fff;
  background: #121212;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
          .favourite-counter {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            font-size: 12px;
            width: 20px;
            height: 20px;
            font-weight: 700;
            line-height: 10px;
            border-radius: 100%;
            padding: 5px 6px;
            color: #fff;
            background: #121212;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }

.header .navbar-grid {
  display: grid;
  grid-template-columns: 1fr 200px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.header .navbar-grid .icons-col {
  margin-right: 0px;
  margin-left: auto; }

.header .navbar-grid .main-menu .nav-link {
  padding-right: 40px; }

.header .navbar-grid .main-menu .dropdown-toggle::after {
  border: 0px solid transparent !important;
  width: 18px;
  height: 18px;
  margin-left: 0px;
  padding-top: 0px;
  vertical-align: -5px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.7041 6.75L9.2041 11.25L13.7041 6.75' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }

.header .navbar-grid .main-menu .has-submenu .nav-link {
  position: relative; }

.header .navbar-grid .main-menu .has-submenu .nav-link::after {
  content: "";
  border: 0px solid transparent !important;
  width: 18px;
  height: 18px;
  margin-left: 0px;
  padding-top: 0px;
  position: absolute;
  top: 4px;
  right: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.7041 6.75L9.2041 11.25L13.7041 6.75' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }

.header .navbar-grid .main-menu .submenu {
  width: 100%;
  /* height: 396px; */
  height: auto;
  display: none;
  position: absolute;
  left: 0px;
  border: 0px solid transparent;
  padding: 52px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.04);
  overflow: hidden; }

.header .navbar-grid .main-menu .submenu .submenu-container ul {
  list-style: none;
  padding: 0px;
  margin: 0px; }

.header .navbar-grid .main-menu .submenu .submenu-container ul li {
  display: block;
  margin-bottom: 24px; }

.header .navbar-grid .main-menu .submenu .submenu-container ul li a {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  opacity: 1;
  color: #121212;
  padding: 0px;
  text-decoration: none;
  display: block; }

.header .navbar-grid .main-menu .nav-item:hover .submenu {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.header .navbar-grid .main-menu .submenu .submenu-container__outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 0px !important;
  padding-right: 0px !important; }

.header .navbar-grid .main-menu .submenu .submenu-container__col-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 624px;
  width: 50%; }

.header .navbar-grid .main-menu .submenu .submenu-container__col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 524px;
  width: 40%;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.header .navbar-grid .main-menu .submenu .submenu-container__col-1 .submenu-container {
  width: 33%; }

.header .navbar-grid .main-menu .submenu .submenu-container__col-2 .submenu-container {
  width: 50%; }

.header .navbar-grid .main-menu .submenu .submenu-container__col-2 .widget-image-menu {
  height: 292px;
  max-width: 250px;
  position: relative; }

.header .navbar-grid .main-menu .submenu .submenu-container__col-2 .widget-image-menu img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.header .navbar-grid .main-menu .submenu .submenu-container__col-2 .widget-image-menu a {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: 'Space Grotesk';
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.4px;
  text-align: center;
  max-width: 158px;
  text-decoration: none;
  color: #121212;
  width: 100%;
  background: #fff;
  margin: 0 auto;
  padding: 4px; }

.header .navbar-grid .main-menu .nav-item {
  position: inherit !important; }

.header .hamburger-icon {
  outline: none;
  border: 0;
  background: none !important;
  display: none;
  padding: 0px;
  margin-right: 16px; }

.header .hamburger-icon .line {
  display: block;
  width: 17px;
  background: #121212;
  height: 1.5px; }

.header .hamburger-icon .line-1 {
  margin-bottom: 8.5px; }

.header .icons-col li {
  padding-left: 20px; }

/** Mobile Menu CSS **/
.mobile-menu {
  position: fixed;
  width: 100%;
  top: 0;
  left: -100%;
  background: #fff;
  padding: 16px;
  padding-top: 18px;
  height: 100vh;
  z-index: 999;
  overflow-y: scroll;
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  .mobile-menu .cta-btn {
    color: #fff; }
    .mobile-menu .cta-btn:hover {
      color: #fff; }

.mobile-menu::-webkit-scrollbar {
  width: 5px; }

/* Track */
.mobile-menu::-webkit-scrollbar-track {
  background: #F5F5F5; }

/* Handle */
.mobile-menu::-webkit-scrollbar-thumb {
  background: #CBCBCB; }

/* Handle on hover */
.mobile-menu::-webkit-scrollbar-thumb:hover {
  background: #555; }

.mobile-menu.open {
  left: 0%; }

.body-overlay {
  display: none;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  background: #121212;
  opacity: 0.89;
  z-index: 80;
  width: 100%;
  height: 100%; }

.body-overlay.open {
  display: block; }

.body-overlay.open-2 {
  display: block;
  top: 110px; }

.mobile-menu .mobile-menu__head .logo {
  max-width: 185px; }

.mobile-menu .mobile-menu__head {
  margin-bottom: 31px; }

.mobile-menu .mobile-menu__search .search-wrapper__2 {
  position: relative;
  margin-bottom: 27px; }

.mobile-menu .mobile-menu__search .search-wrapper__2 input {
  border-radius: 6px;
  margin-top: 0px;
  border: 1px solid #CBCBCB;
  padding: 13px 16px;
  /* padding-left: 48px; */
  position: relative;
  width: 100%;
  max-height: 46px; }

.mobile-menu .mobile-menu__search .search-wrapper__2::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 16px;
  width: 24px;
  height: 24px;
  /* background: url("../../img/search-icon.svg"); */
  display: block;
  z-index: 4; }

.mobile-menu__nav .active-mobile-menu {
  padding: 0;
  margin: 0;
  list-style: none; }

.mobile-menu__nav .active-mobile-menu .menu-link {
  display: block;
  padding: 10px 0px;
  border-bottom: 1px solid #EAEAEA; }

.mobile-menu__nav .active-mobile-menu .menu-link a {
  font-family: 'Space Grotesk';
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #121212;
  display: block; }

.mobile-menu__nav .active-mobile-menu .menu-link.mm-active > a {
  font-weight: 700; }

.mobile-menu__nav .active-mobile-menu .menu-link.has-dropdown {
  position: relative; }

.mobile-menu__nav .active-mobile-menu .menu-link.has-dropdown::after {
  position: absolute;
  content: "";
  background: url("../../img/chevron-down.svg");
  width: 22px;
  height: 22px;
  display: block;
  right: 0px;
  top: 15px;
  z-index: 3; }

.mobile-menu__nav .active-mobile-menu .menu-link .submenu li {
  display: block;
  padding: 10px 0px;
  border-bottom: 1px solid #EAEAEA;
  padding-left: 15px; }

.mobile-menu__nav .active-mobile-menu .menu-link .submenu li:last-child {
  border-bottom: 1px solid transparent; }

.mobile-menu .mobile-menu__footer {
  margin-top: 247px;
  display: block; }

.mobile-menu .mobile-menu__footer .mobile-menu_wishlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #EAEAEA;
  margin-bottom: 17px; }

.mobile-menu .mobile-menu__footer .mobile-menu_widget-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #EAEAEA;
  margin-bottom: 17px; }

.mobile-menu .mobile-menu__footer .mobile-menu_widget-bottom-2 {
  margin-bottom: 24px; }

.mobile-menu .mobile-menu__footer .mobile-menu_wishlist .icon-counter .counter {
  display: block;
  font-size: 12px;
  width: 20px;
  height: 20px;
  font-weight: 700;
  line-height: 10px;
  border-radius: 100%;
  padding: 5px 6px;
  color: #fff;
  background: #121212; }

.mobile-menu .nice-select .list li {
  display: block !important;
  font-family: 'Space Grotesk';
  font-size: 14px;
  font-weight: 500;
  line-height: 24px; }

.mobile-menu .nice-select .list li span,
.mobile-menu .nice-select .current {
  font-family: 'Space Grotesk';
  font-size: 14px;
  font-weight: 500;
  line-height: 24px; }

.mobile-menu .nice-select {
  border: 1px solid transparent;
  padding-right: 18px; }

.mobile-menu .nice-select:after {
  top: 40%;
  border: 0px solid transparent;
  background: url("../../img/chevron-down.svg");
  width: 18px;
  height: 18px;
  right: 0px;
  z-index: 1;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: center;
          transform-origin: center; }

.mobile-menu .nice-select.open:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.mobile-menu .social-icons {
  padding-bottom: 50px; }

.mobile-menu .social-icons li {
  padding-right: 16px;
  background: #F5F5F5;
  padding: 9px;
  border-radius: 100%; }

.mobile-menu .social-icons li:hover {
  background: #EAEAEA; }

/* Search Wrapper CSS */
.search-wrapper {
  position: fixed;
  top: 110px;
  left: 0px;
  width: 100%;
  background: #fff;
  font-family: 'Inter';
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  will-change: visibility opacity transform;
  z-index: 100; }

.search-wrapper.open {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1); }

.search-wrapper .search-wrapper__container {
  max-width: 450px;
  margin: 0 auto;
  padding: 24px 0px; }

.suggestion-list {
  margin-top: 16px; }

.suggestion-list .text-muted {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px; }

.suggestion-list ul li {
  margin-left: 16px; }

.suggestion-list ul li a {
  font-family: 'Inter';
  font-size: 14px;
  font-weight: 400;
  line-height: 22px; }

.header-popup .title {
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: -0.4px;
  margin-bottom: 24px; }

.header-popup button.ts-button {
  background: none;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  color: #121212; }

.header-popup .modal-body {
  padding: 32px;
  position: relative; }

.header-popup .input-wrapper {
  position: relative; }
  .header-popup .input-wrapper input.form-control {
    padding: 13px 0px;
    border-radius: 0px;
    margin-bottom: 32px;
    border: 0px;
    border-bottom: 1px solid #CBCBCB; }
    .header-popup .input-wrapper input.form-control::-webkit-input-placeholder {
      font-family: 'Inter';
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      color: #A7A7A7; }
    .header-popup .input-wrapper input.form-control::-moz-placeholder {
      font-family: 'Inter';
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      color: #A7A7A7; }
    .header-popup .input-wrapper input.form-control:-ms-input-placeholder {
      font-family: 'Inter';
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      color: #A7A7A7; }
    .header-popup .input-wrapper input.form-control::-ms-input-placeholder {
      font-family: 'Inter';
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      color: #A7A7A7; }
    .header-popup .input-wrapper input.form-control::placeholder {
      font-family: 'Inter';
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      color: #A7A7A7; }
    .header-popup .input-wrapper input.form-control::-moz-placeholder {
      font-family: 'Inter';
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      color: #A7A7A7; }
    .header-popup .input-wrapper input.form-control::-webkit-input-placeholder {
      font-family: 'Inter';
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      color: #A7A7A7; }
    .header-popup .input-wrapper input.form-control:focus {
      outline: none;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .header-popup .input-wrapper.password-wrapper input {
    position: relative; }
  .header-popup .input-wrapper.password-wrapper .eye-icon-pass {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14Z' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 12C19.333 16.667 16 19 12 19C8 19 4.667 16.667 2 12C4.667 7.333 8 5 12 5C16 5 19.333 7.333 22 12Z' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    min-width: 24px;
    min-height: 24px;
    position: absolute;
    top: 14px;
    right: 0;
    z-index: 6;
    cursor: pointer; }
    .header-popup .input-wrapper.password-wrapper .eye-icon-pass.open {
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2_40)'%3E%3Cpath d='M14.95 14.95C13.5255 16.0358 11.7909 16.6374 10 16.6667C4.16667 16.6667 0.833333 10 0.833333 10C1.86991 8.06825 3.30761 6.38051 5.05 5.05M8.25 3.53333C8.82361 3.39907 9.41089 3.33195 10 3.33333C15.8333 3.33333 19.1667 10 19.1667 10C18.6608 10.9463 18.0575 11.8373 17.3667 12.6583M11.7667 11.7667C11.5378 12.0123 11.2618 12.2093 10.9551 12.3459C10.6485 12.4826 10.3174 12.556 9.98174 12.562C9.64607 12.5679 9.31264 12.5061 9.00134 12.3804C8.69005 12.2547 8.40727 12.0675 8.16987 11.8301C7.93248 11.5927 7.74533 11.31 7.61959 10.9987C7.49385 10.6874 7.43211 10.3539 7.43803 10.0183C7.44395 9.68258 7.51742 9.35154 7.65406 9.04487C7.7907 8.73821 7.98771 8.46221 8.23333 8.23333' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.833333 0.833334L19.1667 19.1667' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_40'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }

.header-popup .form-submit-btn {
  margin-top: 32px; }
  .header-popup .form-submit-btn .ts-btn {
    text-align: center; }

.header-popup .form-check-input {
  margin-top: 1px; }

.header-popup .form-check-input:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none; }

.header-popup .form-check-input:checked {
  background-color: #121212;
  border-color: #121212; }

.header-popup .btn-close {
  position: absolute;
  right: 32px;
  top: 32px;
  opacity: 1; }
  .header-popup .btn-close:focus {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none; }

.header-popup a.ts-link {
  font-family: 'Inter';
  font-weight: 600;
  color: #121212; }

.header-popup .ts-btn {
  border-radius: 8px; }

.login-body {
  display: none; }

  .forgot-password-body {
    display: none; }

/* Product Styling - Grid */
.product-single {
  margin-bottom: 56px; }
  .product-single .product-single__top {
    position: relative;
    max-width: 100%;
    height: 228px;
    overflow: hidden;
    display: block;
    border: 3px solid #EAEAEA;
    margin-bottom: 16px; }
    .product-single .product-single__top .img-product {
      cursor: pointer;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.05, 1);
      transition: all 1.5s cubic-bezier(0, 0, 0.05, 1); }
      .product-single .product-single__top .img-product:hover {
        /* -webkit-transform: scale(1.2); */
                /* transform: scale(1.2); */
               }
    .product-single .product-single__top .sale-badge {
      position: absolute;
      background: #1BA97F;
      padding: 4px 14px;
      border-radius: 4px;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 22px;
      color: #fff;
      top: 16px;
      left: 16px; }
  .product-single .product-single__bottom .product-single__bottom-price {
    margin-bottom: 4px;
    gap: 12px; }
    .product-single .product-single__bottom .product-single__bottom-price .current-price {
      font-size: 14px;
      font-weight: 600;
      line-height: 22px;
      color: #121212; }
    .product-single .product-single__bottom .product-single__bottom-price .old-price {
      font-size: 14px;
      font-weight: 400;
      line-height: 22px;
      color: #A7A7A7;
      text-decoration: line-through; }
  .product-single .product-single__bottom .product-single__bottom-title a {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.4px;
    margin-bottom: 4px; }
  .product-single .product-single__bottom .product-single__bottom-vendor .text-muted {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px; }
  .product-single .product-single__bottom .product-single__bottom-vendor .vendor-name {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #A7A7A7;
    text-decoration: underline !important; }

/* .grid-products__row {
  margin-top: -30px;
  margin-right: -25px; } */
  .grid-products__row > div {
    margin-bottom: 56px;
  }

/* FAQ Block CSS */
.faq-block .accordion-item {
  border-width: 0px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none; }
  .faq-block .accordion-item:focus {
    outline: none;
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  .faq-block .accordion-item .accordion-body {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 24px;
    padding-left: 0px; }
    .faq-block .accordion-item .accordion-body p {
      font-size: 14px;
      font-weight: 400;
      line-height: 22px;
      color: #3E3E59; }

.faq-block .accordion-button {
  font-family: 'Inter';
  padding-left: 0px;
  padding-right: 0px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  border-bottom: 1px solid #CBCBCB;
  color: #3E3E59; }
  .faq-block .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.6432 5.00003C12.6432 4.64499 12.3553 4.35718 12.0003 4.35718C11.6453 4.35718 11.3574 4.64499 11.3574 5.00003V11.3572H5.00028C4.64524 11.3572 4.35742 11.645 4.35742 12C4.35742 12.3551 4.64524 12.6429 5.00028 12.6429H11.3574V19C11.3574 19.3551 11.6453 19.6429 12.0003 19.6429C12.3553 19.6429 12.6432 19.3551 12.6432 19V12.6429H19.0003C19.3553 12.6429 19.6431 12.3551 19.6431 12C19.6431 11.645 19.3553 11.3572 19.0003 11.3572H12.6432V5.00003Z' fill='%23121212'/%3E%3C/svg%3E%3C/svg%3E"); }

.faq-block .accordion-button:not(.collapsed) {
  color: #121212;
  background-color: transparent;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }
  .faq-block .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.84375 12H18.8437' stroke='%23121212' stroke-width='1.28571' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

/* Stats Container CSS */
.stats-container {
  /* padding: 52px 0px;  */
}
  .stats-container .row {
    /* max-width: 958px; */
    margin: 0 auto; }
    .stats-container .row .col-md-4 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-left: 0px;
      /* padding-right: 0px; */
      border-right: 1px solid #EAEAEA;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .stats-container .row .col-md-4:first-child {
      /* padding-left: 12px; */
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: center; }
    .stats-container .row .col-md-4:last-child {
      padding-right: 0px;
      border-width: 0px; }
    .stats-container .row .col-md-4:last-child {
      border-width: 0px; }
      .trustpilot-custom-padding{
        padding-top: 25px !important;
        margin-bottom: 23px !important;
        
      }
  .stats-container .stats-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
    padding: 40px 40px; }
    .stats-container .stats-single > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      gap: 12px;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: center; }
  .stats-container .text-1 {
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.4px; }
  .stats-container .muted-text {
    color: #807E7E; }
  .stats-container .trustpilot-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    /* margin-left: auto; */
    margin-right: 0px; }
  .stats-container .trustpilot {
    max-width: 125px; }

/* Nice Select CSS */
.nice-select-1 .nice-select {
  background: transparent !important; }

.nice-select-1 .nice-select .list li {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  font-family: 'Space Grotesk';
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  padding: 0px 18px !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.nice-select-1 .nice-select .list li span,
.nice-select-1 .nice-select .current {
  font-family: 'Space Grotesk';
  font-size: 14px;
  font-weight: 500;
  line-height: 24px; }

.nice-select-1 .nice-select {
  border: 1px solid transparent;
  padding-right: 18px; }

.nice-select-1 .nice-select:after {
  top: 40%;
  border: 0px solid transparent;
  background: url("../../img/chevron-down.svg");
  width: 18px;
  height: 18px;
  right: 0px;
  z-index: 1;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: center;
          transform-origin: center; }

.nice-select-1 .nice-select.open:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.social-icons li {
  padding-right: 16px;
  background: #F5F5F5;
  padding: 9px;
  border-radius: 100%; }

.social-icons li:hover {
  background: #EAEAEA; }

/* Hero Banner CSS */
.hero-banner {
  padding: 52px 0px;
  color: #fff; }
  .hero-banner .container-inner {
    position: relative;
    min-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .hero-banner .container-inner img.img-cover {
   
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      z-index: 0; }
    .hero-banner .container-inner::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #121212;
      opacity: 0.2;
      z-index: 1; }
    .hero-banner .container-inner .content-wrapper {
      position: relative;
      z-index: 6;
      padding-left: 35px;
      width: auto;
      max-width: 1150px; 
    }
      .hero-banner .container-inner .content-wrapper .title {
        font-size: 34px;
        font-weight: 500;
        line-height: 45px;
        letter-spacing: -1px;
        margin-bottom: 12px; }
      .hero-banner .container-inner .content-wrapper p {
        font-size: 15px;
        font-weight: 400;
        line-height: 26px; 
     
      }

/* Breadcumbs CSS */
.breadcumbs {

  margin: 8px 0px;  }
  .breadcumbs ul li {
    margin-right: 16px;
    position: relative; }
    .breadcumbs ul li a {
      font-family: 'Inter';
      font-size: 12px;
      font-weight: 400;
      line-height: 20px;
      color: #fff;
      position: relative; }
      .breadcumbs ul li a::before {
        content: "";
        position: absolute;
        top: 3.5px;
        right: -14px;
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.58398 3L7.58398 6L4.58398 9' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        width: 12px;
        height: 12px;
        display: block;
        z-index: 3; }
    .breadcumbs ul li:last-child a::before {
      display: none; }
  .breadcumbs.dark ul li a {
    color: #605F5F; }
    .breadcumbs.dark ul li a::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M4.58398 3L7.58398 6L4.58398 9' stroke='%23605F5F' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
  .breadcumbs.dark ul li:last-child a {
    color: #121212; }
    .breadcumbs.dark ul li:last-child a::before {
      display: none; }
  .breadcumbs.style-1 ul li:last-child a {
    color: #605F5F; }

/* Page Header CSS */
.page-header {
  padding: 52px; }
  .page-header .title {
    max-width: 800px;
    margin: 0 auto;
    font-size: 54px;
    font-style: normal;
    font-weight: 500;
    line-height: 58px;
    letter-spacing: -1px;
    text-align: center; }

/* Simple Slider */
.simples-slider__outer {
  padding: 52px 0px; }
  .simples-slider__outer .product-single {
    margin-bottom: 77px; }
  .simples-slider__outer .title-wrapper {
    margin-bottom: 32px; }
    .simples-slider__outer .title-wrapper .title {
      font-size: 26px;
      font-weight: 500;
      line-height: 38px;
      margin-bottom: 0px; }
    .simples-slider__outer .title-wrapper .slider-arrows {
      gap: 12px; }
      .simples-slider__outer .title-wrapper .slider-arrows .swiper-button {
        width: 44px;
        height: 44px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border-radius: 100%;
        background: #F5F5F5;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
        .simples-slider__outer .title-wrapper .slider-arrows .swiper-button.swiper-button-disabled img {
          opacity: 0.5; }

/* Page Hero Section */
.page-bg-hero {
  position: relative;
  min-height: 467px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../../img/bg-hero.svg") no-repeat;
  background-size: cover !important; }
  .page-bg-hero.has-bg-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #121212;
    opacity: 0.2;
    z-index: 1; }
  .page-bg-hero img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 1; }
  .page-bg-hero .content-wrapper {
    position: relative;
    z-index: 3;
    text-align: center;
    max-width: 605px;
    display: block;
    margin: 0 auto; }
    .page-bg-hero .content-wrapper .title {
      font-size: 54px;
      font-weight: 500;
      line-height: 58px;
      letter-spacing: -1px;
      margin-bottom: 12px; }
    .page-bg-hero .content-wrapper p {
      font-size: 18px;
      font-weight: 400;
      line-height: 30px;
      text-align: center;
     }

.widget__input-wrapper label {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 8px; }

.widget__input-wrapper input, .widget__input-wrapper textarea {
  padding: 13px 16px;
  color: #121212;
  border-radius: 6px;
  border: 1px solid #CBCBCB;
  font-weight: 400; }
  .widget__input-wrapper input::-webkit-input-placeholder, .widget__input-wrapper textarea::-webkit-input-placeholder {
    color: #A7A7A7;
    font-weight: 400; }
  .widget__input-wrapper input::-moz-placeholder, .widget__input-wrapper textarea::-moz-placeholder {
    color: #A7A7A7;
    font-weight: 400; }
  .widget__input-wrapper input:-ms-input-placeholder, .widget__input-wrapper textarea:-ms-input-placeholder {
    color: #A7A7A7;
    font-weight: 400; }
  .widget__input-wrapper input::-ms-input-placeholder, .widget__input-wrapper textarea::-ms-input-placeholder {
    color: #A7A7A7;
    font-weight: 400; }
  .widget__input-wrapper input::placeholder, .widget__input-wrapper textarea::placeholder {
    color: #A7A7A7;
    font-weight: 400; }
  .widget__input-wrapper input::-moz-placeholder, .widget__input-wrapper textarea::-moz-placeholder {
    color: #A7A7A7;
    font-weight: 400; }
  .widget__input-wrapper input::-webkit-input-placeholder, .widget__input-wrapper textarea::-webkit-input-placeholder {
    color: #A7A7A7;
    font-weight: 400; }
  .widget__input-wrapper input:focus, .widget__input-wrapper textarea:focus {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none; }

.faq-block-section {
  padding: 52px 0px; }
  .faq-block-section .title {
    font-size: 34px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: -0.6px;
    margin-bottom: 32px; }
  .faq-block-section .faq-content {
    max-width: 900px;
    margin: 0 auto; }

.error-page {
  min-height: 80vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .error-page .content-wrapper {
    max-width: 880px;
    text-align: center; }
    .error-page .content-wrapper svg {
      margin: 0 auto; }
    .error-page .content-wrapper p {
      max-width: 540px;
      margin: 0 auto; }
    .error-page .content-wrapper .title {
      font-size: 54px;
      font-weight: 500;
      line-height: 58px;
      letter-spacing: -1px;
      margin-top: 34px;
      margin-bottom: 16px; }
    .error-page .content-wrapper .ts-btn {
      margin-top: 24px;
      border-radius: 6px; }

.footer {
  background: #FAFAFB;
  padding-top: 72px;
  padding-bottom: 32px; }
  .footer .container .social-icons {
    margin-top: 24px; }
  .footer .container .content {
    margin-top: 16px;
    margin-bottom: 16px; }
    .footer .container .content .parah {
      font-size: 18px;
      font-weight: 400;
      line-height: 28px;
      margin-bottom: 16px;
      max-width: 100%; }
    .footer .container .content p {
      font-size: 18px;
      font-weight: 400;
      line-height: 28px;
      margin-bottom: 16px;
      max-width: 100%; }
  .footer .container .footer-col {
    padding-bottom: 72px; }
    .footer .container .footer-col .title {
      font-family: 'Space Grotesk';
      font-size: 14px;
      font-weight: 500;
      line-height: 24px;
      margin-bottom: 26px; }
    .footer .container .footer-col ul li {
      display: block;
      margin-bottom: 16px; }
      .footer .container .footer-col ul li a {
        font-family: 'Inter';
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        cursor: pointer;
        color: #121212; }
  .footer .container .footer-bottom {
    border-top: 1px solid #CBCBCB;
    padding-top: 24px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    color: #3E3E59;
    align-items: flex-end;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px; }
    .footer .container .footer-bottom .footer-col-left {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .footer .container .footer-bottom .social-icons {
      display: none; }
      .footer-b-text {
        font-family: 'Space Grotesk';
        margin: 0;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        padding: 0px 50px 0px 50px;
      }


      #myToast {
        position: fixed; /* Use fixed positioning to ensure it's relative to the viewport */
        bottom: 10px; /* Adjust as needed */
        right: 10px; /* Adjust as needed */
        width: auto;
        min-width: 250px; /* Set a minimum width if needed */
        z-index: 999999; /* Ensure the toast appears on top */
    }




    .shop-sidebar__widget {
      /* margin-bottom: 15px; */
     }
      .shop-sidebar__widget .shop-widget__title {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        margin-bottom: 16px;
        color: #3E3E59;
        text-transform: uppercase; }
      .shop-sidebar__widget .shop-widget__content.collection-names ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        overflow: hidden;
        overflow-y: scroll;
        gap: 12px;
        height: 200px; }
        .shop-sidebar__widget .shop-widget__content.collection-names ul::-webkit-scrollbar {
          width: 5px;
          border-radius: 30px; }
        .shop-sidebar__widget .shop-widget__content.collection-names ul::-webkit-scrollbar-track {
          background: #EAEAEA;
          border-radius: 30px; }
        .shop-sidebar__widget .shop-widget__content.collection-names ul::-webkit-scrollbar-thumb {
          background: #A7A7A7;
          border-radius: 12px; }
        .shop-sidebar__widget .shop-widget__content.collection-names ul::-webkit-scrollbar-thumb:hover {
          background: #A7A7A7; }
        .shop-sidebar__widget .shop-widget__content.collection-names ul li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .shop-sidebar__widget .shop-widget__content.collection-names ul li label {
            font-size: 14px;
            font-weight: 600;
            line-height: 22px;
            color: #807E7E;
            margin-left: 8px;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none; }
          .shop-sidebar__widget .shop-widget__content.collection-names.store-single-check ul li input[type=radio] {
            width: 24px;
            height: 24px;
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-color: #807E7E;
            background-image: none !important;
            border-radius: 100px;
            margin-top: 0px !important; }
            .shop-sidebar__widget .shop-widget__content.collection-names.store-single-check ul li input[type=radio]:checked[type=radio] {
              background-color: transparent;
              border-color: #121212;
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg id='Icon/Check'%3E%3Cpath id='Vector' d='M3.71094 9L7.46094 12.75L14.9609 5.25' stroke='%23121212' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") !important;
     
           }

           .shop-sidebar__widget .shop-widget__content.collection-names ul li input[type=checkbox] {
            width: 24px;
            height: 24px;
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-color: #807E7E;
            background-image: none !important;
            border-radius: 100px;
            margin-top: 0px !important; }
            .shop-sidebar__widget .shop-widget__content.collection-names ul li input[type=checkbox]:checked[type=checkbox] {
              background-color: transparent;
              border-color: #121212;
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg id='Icon/Check'%3E%3Cpath id='Vector' d='M3.71094 9L7.46094 12.75L14.9609 5.25' stroke='%23121212' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") !important;
     
           }
      .shop-sidebar__widget .shop-widget__content.checkboxes-square ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: wrap;
            -ms-flex-pack: wrap;
                justify-content: wrap;
        gap: 16px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .shop-sidebar__widget .shop-widget__content.checkboxes-square ul li {
          position: relative; }
          .shop-sidebar__widget .shop-widget__content.checkboxes-square ul li .radio-wrapper-square {
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0; }
            .shop-sidebar__widget .shop-widget__content.checkboxes-square ul li .radio-wrapper-square:checked ~ label {
              border: 1px solid #121212;
              color: #121212; }
          .shop-sidebar__widget .shop-widget__content.checkboxes-square ul li label {
            flex: none;
            width: 70px;
            border: 1px solid #cbcbcb;
            box-sizing: border-box;
            height: 38px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            padding: 4px 5px;
            font-size: 12px;
            cursor: pointer;
            /* cursor: pointer;
            display: block;
            padding: 8px 15px;
            border-radius: 0px;
            border: 1px solid #CBCBCB;
            position: relative;
            font-size: 14px;
            font-weight: 400;
            line-height: 22px;  */
          }

            .alert{
              margin-bottom: 0;
            }

            .verify-btn{
              border-radius: 12px;

            }

            .verify-header{
                background-color: black;
                color: white;

            }
            
           


/* Style the autocomplete menu container */
.ui-autocomplete {
  font-family: 'Inter';
  position: absolute;
  width: 28%; /* Take full width of the parent container */
  top: calc(100% + 10px); /* Position below the input field */
  left: 0;
  background-color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  display: none; /* Initially hidden */
  z-index: 1000;
  border-radius: 10px;
  font-size: 14px;
  max-height: 450px;
  overflow: scroll;
}

.input-field:focus + .ui-autocomplete {
  display: block; /* Show on input focus */
}
.ui-autocomplete li {
  display: flex;
  flex-direction: column;
  border: 1px solid transparent;
  padding: 10px;
  transition: background-color 0.3s; /* Add transition for smooth color change */

}
/* Change background color on hover */
.ui-autocomplete .ui-menu-item-wrapper {
  padding: 10px;
  background-color: rgb(246, 246, 246); /* Change to blue on hover */
  color: rgb(0, 0, 0); /* Change text color to white on hover */
}

.text-justify{
  text-align: justify;
}

.vertical-align-center-icon {
  display: flex !important;
  align-items: center !important;
}

/* loader */

/* Add this CSS to your stylesheet to style the loader */
.loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #121212;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
  display: none;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Optionally add a semi-transparent overlay to block the screen while loading */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9998;
}
.promotional-block .alert  {
  background-color: #DC3545 !important
}
/* css top red alert bar */
.promotional-block .alert span {
  font-family: 'Space Grotesk';
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #fff
}
.promotional-block .alert {
  margin: 0;
  padding: 8px;
  border-radius: 0px;
}
.promotional-block .alert .btn-close {
  background: transparent url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4419 5.44194C15.686 5.19786 15.686 4.80214 15.4419 4.55806C15.1979 4.31398 14.8021 4.31398 14.5581 4.55806L10 9.11612L5.44194 4.55806C5.19786 4.31398 4.80214 4.31398 4.55806 4.55806C4.31398 4.80214 4.31398 5.19786 4.55806 5.44194L9.11612 10L4.55806 14.5581C4.31398 14.8021 4.31398 15.1979 4.55806 15.4419C4.80214 15.686 5.19786 15.686 5.44194 15.4419L10 10.8839L14.5581 15.4419C14.8021 15.686 15.1979 15.686 15.4419 15.4419C15.686 15.1979 15.686 14.8021 15.4419 14.5581L10.8839 10L15.4419 5.44194Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat;
  padding: 12px 16px;
  opacity: 1; }
  .popup- .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
    opacity: 1!important;
}

  /* End css top red alert bar */

/* editor style */

  .sb-wrapper_content-editor a {
    color: #0074cc!important;
    text-decoration: underline!important;
  } 
  .sb-wrapper_content-editor img {
    width: 100%;
    height: auto;
  }
  
  #editor strong {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 8px;
  }
  
  #editor h2 {
  
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
    padding-bottom: 15px;
  }
  #editor h3 {
    
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    padding-bottom: 15px;
  }
  #editor h4 {
    
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    padding-bottom: 15px;
  }
  #editor blockquote {
    padding: 20px ;
    margin: 20px 0px 20px 0px;
    border-radius: 6px;
    background: #FAFAFB;
    position: relative;
  }
  #editor iframe {
    display: block;
    margin: 0 auto!important;
  }
  
  
  #editor blockquote p {
  max-width: 770px;
  text-align: center;
  margin: 0 auto;
  display: block;
  }