/** Shopify CDN: Minification failed

Line 421:0 Unexpected ".5vw"

**/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  /* max-width: 1920px; */
  margin: 0 auto;
  font-family: var(--font-primary);
  background-color: var(--background-color);
  color: var(--text-color);
}
/* .main-heading {
  font-weight: 600;
  font-size: 4.896vw;
  line-height: 100%;
  vertical-align: text-top;
  color: var(--white-color);
}
.section-head,
.collection__title h2 {
  font-size: 4.4vw;
  font-weight: 600;
  line-height: 4.8vw;
  color: #282828;
}
.para-font {
  font-size: 1.46vw;
  line-height: 1.46vw;
} */

.rc-template {
  min-width: 100% !important;
}

.rc-container {
  min-width: 100% !important;
}

.rc-widget {
  min-width: 100% !important;
}

.sls-savings-badge {
  margin-top: 10px;
}
.slick-dots {
  display: none;
}

.container {
  padding: 0 20px;
  margin: 0 auto;
}

.transform {
  margin-top: 130px;
}
.py-12 {
  padding: 12px 0px;
}

.py-32 {
  padding: 32px 0px;
}
.border-radius {
  border-radius: 10px;
}
@media (min-width: 768px) {
  .container {
    padding: 0 75px !important;
  }
  .transform {
    margin-top: 90px;
  }
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-col {
  display: flex;
  flex-direction: column;
}
#shopify-section-template--23674317766956__1730311683ba4058bb .page-width,
#shopify-section-template--23674317308204__1730328091dc66d3d7 .page-width {
  padding: 0px;
}

.width-50per,
.width-75per {
  margin: 0 auto;
}
.width-40per {
  width: 40%;
}
.width-60per {
  width: 60%;
}

.width-50per {
  width: 50%;
}

.width-75per {
  width: 57%;
}
.width-full {
  width: 100%;
}

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

.center-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.gap-btw {
  gap: 5px;
}
.radius-10 {
  border-radius: 10px;
}
.text-center {
  text-align: center;
}
.z-10 {
  z-index: 10;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.font-weight-400 {
  font-weight: 400 !important;
}
.font-weight-500 {
  font-weight: 500 !important;
}
.font-weight-600 {
  font-weight: 600 !important;
}
.font-weight-700 {
  font-weight: 700 !important;
}
.font-weight-800 {
  font-weight: 800 !important;
}
/* .font-12 {
  font-size: 12px;
}
.font-14 {
  font-size: 14px;
}
.font-16 {
  font-size: 16px;
}
.font-18 {
  font-size: 18px;
}
.font-24 {
  font-size: 24px;
}
.font-28 {
  font-size: 28px;
}
.font-34 {
  font-size: 34px;
}
.font-44 {
  font-size: 44px;
}
.font-64 {
  font-size: 64px;
}
.font-74 {
  font-size: 74px;
}
.font-94 {
  font-size: 94px;
}
@media (max-width: 1050px) {
  .font-18 {
    font-size: 14px !important;
  }
  .font-28 {
    font-size: 18px !important;
  }
  .font-34 {
    font-size: 16px !important;
  }
  .font-64 {
    font-size: 38px !important;
  }
  .font-74 {
    font-size: 28px !important;
  }
  .font-94 {
    font-size: 58px !important;
  }
  .font-94 {
    font-size: 44px !important;
  }
  .lh-42 {
    line-height: 24px !important;
  }
  .lh-54 {
    line-height: 25px !important;
  }
  .lh-74 {
    line-height: 28px !important;
  }
}

.lh-42 {
  line-height: 42px;
}
.lh-54 {
  line-height: 54px;
}
.lh-74 {
  line-height: 74px;
}*/

/* Default: show the block for screens less than or equal to 767px */
.show-on-small {
  display: block;
}

.show-on-large {
  display: none;
}

/* For screens larger than 767px */
@media (min-width: 768px) {
  .show-on-small {
    display: none; /* Hide the block on screens larger than 767px */
  }
  .show-on-large {
    display: block; /* Show the block on screens larger than 767px */
  }
}

.hidden {
  display: none;
}

@media (min-width: 1199px) {
  .hidden {
    display: block; /* Show the block on screens larger than 1199px */
  }
}
.hidden-large {
  display: block;
}

@media (min-width: 1199px) {
  .hidden-large {
    display: none; /* Hide the block on screens larger than 1199px */
  }
}

.main-wrapper {
  padding: 0px 70px;
}

.py-12 {
  padding: 12px 0px;
}

.w-80 {
  width: 80%;
}

.w-60 {
  width: 60%;
}

.w-40 {
  width: 40%;
}
/* 
.custom-font1 {
  font-family: var(--font-body);
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: 64px;
  color: #282828;
  margin: 0;
}

.custom-font2 {
  font-family: var(--font-body);
  font-optical-sizing: auto;
  font-weight: 800;
  font-size: 64px;
  padding-left: 8px;
  color: #282828;
  margin: 0;
}

.text-418 {
  font-family: var(--font-body);
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: 18px;
  color: #282828;
  margin: 0;
}

.text-512 {
  font-family: var(--font-body);
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 12px;
  color: #282828;
  margin: 0;
}

.text-514 {
  font-family: var(--font-body);
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #282828;
  margin: 0;
}

.text-518 {
  font-family: var(--font-body);
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 18px;
  color: #282828;
  margin: 0;
}

.text-612 {
  font-family: var(--font-body);
  font-optical-sizing: auto;
  font-weight: 600;
  font-size: 12px;
  color: #282828;
  margin: 0;
}

.text-614 {
  font-family: var(--font-body);
  font-optical-sizing: auto;
  font-weight: 600;
  font-size: 14px;
  color: #282828;
  margin: 0;
}

.text-618 {
  font-family: var(--font-body);
  font-optical-sizing: auto;
  font-weight: 600;
  font-size: 18px;
  color: #282828;
  margin: 0;
}

.text-624 {
  font-family: var(--font-body);
  font-optical-sizing: auto;
  font-weight: 600;
  font-size: 24px;
  color: #282828;
  margin: 0;
}

.text-634 {
  font-family: var(--font-body);
  font-optical-sizing: auto;
  font-weight: 600;
  font-size: 34px;
  line-height: 44px;
  color: #282828;
  margin: 0;
}

.text-674 {
  font-family: var(--font-body);
  font-optical-sizing: auto;
  font-weight: 600;
  font-size: 74px;
  line-height: 74px;
  color: #282828;
  margin: 0;
} */
.input-container input {
  color: #282828;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-align: left;
}

.p-75 {
  padding-left: 75px;
  padding-right: 75px;
}

.5vw {
  height: 5vh;
}

.textBlack {
  color: #282828 !important;
}
.textWhite {
  color: white;
}
/* Custom Heading styles start */
body {
  font-family: var(--font-body) !important;
  color: #282828;
}

.custom-h1 {
  font-size: 4.896vw; /* 94px*/
  font-weight: 600;
  line-height: 100%;
  /* font-family: var(--font-body) !important; */
  font-family: var(--font-ginger) !important;
}

.custom-h2 {
  font-size: 3.333vw; /* 74px*/
  font-weight: 600;
  line-height: 100%;
  /* font-family: var(--font-body) !important; */
  font-family: var(--font-ginger) !important;
}

.custom-h3 {
  font-size: 2.292vw; /* 44px*/
  font-weight: 600;
  line-height: 100%;
  /* font-family: var(--font-body) !important; */
  font-family: var(--font-ginger) !important;
}

.custom-h4 {
  font-size: 1.771vw; /* 34px*/
  font-weight: 600;
  line-height: 150%;
  font-family: var(--font-body) !important;
}

.custom-h5 {
  font-size: 1.458vw; /* 28px - for product titles*/
  font-weight: 600;
  line-height: 150%;
  font-family: var(--font-body) !important;
}

.para-large {
  font-size: 1.354vw; /* 28px */
  font-weight: 500;
  line-height: 150%;
  font-family: var(--font-body) !important;
}

.custom-p {
  font-size: 0.938vw; /* 18px*/
  font-weight: 500;
  line-height: 150%;
  font-family: var(--font-body) !important;
}

.custom-banner-height {
  height: calc(100vh - 140px);
}
@media (max-width: 768px) {
  .custom-banner-height {
    height: calc(70vh - 140px);
  }
}
.mobileCenterAlign {
}

@media (max-width: 1000px) {
  .custom-h1 {
    font-size: 44px; /* 44px*/
  }
  .custom-h2 {
    font-size: 28px; /* 28px*/
  }
  .custom-h3 {
    font-size: 24px; /* 24px*/
  }
  .custom-h4 {
    font-size: 16px; /* 16px*/
  }
  .custom-h5 {
    font-size: 16px; /* 24px*/
  }
  .para-large {
    font-size: 16px; /* 14px*/
  }
  .custom-p {
    font-size: 16px; /* 14px*/
  }

  .mobileCenterAlign {
    text-align: center;
  }
  .custom-button {
    font-size: 16px;
  }
}
.yotpo-right-align-image {
  display: none;
}
/* Custom Heading styles end */

.faqs .left-sect {
  position: sticky;

  top: 5vh;
}
@media (max-width: 768px) {
  .faqs .left-sect {
    position: unset;
  }
}


.no-scroll {
  overflow: hidden;
}