@font-face {
  font-family: 'poppins-400';
  src: url('../fonts/poppins-woff/Poppins-Regular.woff2') format('woff2'), url('../fonts/poppins-woff/Poppins-Regular.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'poppins-500';
  src: url('../fonts/poppins-woff/Poppins-Medium.woff2') format('woff2'), url('../fonts/poppins-woff/Poppins-Medium.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'poppins-normal';
  src: url('../fonts/poppins-woff/Poppins-Medium.woff2') format('woff2'), url('../fonts/poppins-woff/Poppins-Medium.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'poppins-bold-700';
  src: url('../fonts/poppins-woff/Poppins-Bold.woff2') format('woff2'), url('../fonts/poppins-woff/Poppins-Bold.woff2') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'poppins-bold-800';
  src: url('../fonts/poppins-woff/Poppins-ExtraBold.woff2') format('woff2'), url('../fonts/poppins-woff/Poppins-ExtraBold.woff2') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'poppins-bold-900';
  src: url('../fonts/poppins-woff/Poppins-Black.woff2') format('woff2'), url('../fonts/poppins-woff/Poppins-Black.woff2') format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'inter-bold-700';
  src: url('../fonts/inter/Inter-Bold.woff2') format('woff2'), url('../fonts/inter/Inter-Bold.woff2') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'inter-400';
  src: url('../fonts/inter/Inter-Regular.woff2') format('woff2'), url('../fonts/inter/Inter-Regular.woff2') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'inter-500';
  src: url('../fonts/inter/Inter-Medium.woff2') format('woff2'), url('../fonts/inter/Inter-Medium.woff2') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'comic-700';
  src: url('../fonts/comic/ComicNeue-Bold.woff2') format('woff2'), url('../fonts/comic/ComicNeue-Bold.woff2') format('woff');
  font-weight: 700;
  font-style: normal;
}

body {
  font-family: 'poppins-normal', sans-serif;
}

p {
  font-family: 'poppins-normal', sans-serif;
}

a {
  color: var(--99-orange);
  text-decoration: none;
  cursor: pointer;
}

* {
  box-sizing: border-box;
}

:root {
  --99-yellow: #FACC15;
  --99-orange: #F97C16;
  --99-green: #064D3B;
  --99-dark-grey: #44403C;
}

.country-selector a {
  font-family: 'poppins-bold-700';
  color: #121416;
}
.wg-drop.country-selector .wgcurrent {
  border: none;
}

.country-selector a:hover {
  color: #f37613 !important;
}

.wg-drop.country-selector .wgcurrent {
  border-radius: 8px;
  border: none;
  box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

.wg-drop.country-selector ul {
  border-radius: 8px;
}

.wg-drop.country-selector li:first-child {
  border-bottom: solid 1px rgb(208 208 208);
}

.mw-600 {
  max-width: 600px;
}

/** Header part **/
header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 11111111111111;
  animation: slideDown 0.35s ease-out;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

.header-form {}

.header {
  padding: 5px 0px;
  gap: 6px;
  background: #FAFAF9;
  box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

.navbar-nav .nav-link {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
  padding-right: 16px !important;
}

.navbar-nav .nav-link:hover {
  color: var(--99-orange) !important;
  transition: 0.3s ease-in-out !important;
}

.header .container {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.header-01 {
  display: none;
}

.header-001 {
  display: none;
}

.header {
  background: #FAFAF9;
  box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

.dropdown-toggle::after {
  display: none;
}

.fa-chevron-down:before {
  color: rgba(120, 113, 108, 1) !important;
}

.badge-light {
  position: absolute;
  z-index: 1;
  top: 0px;
  transform: translate(28px, 18px);
  background: #A855F7 !important;
  border-radius: 12px;
  padding: 3px 7px;
  color: #ffffff;
  font-size: 11px;
  font-family: 'poppins-normal';
}

/** headder alert **/
.alert-box-01 {
  position: absolute;
  z-index: 1111;
  right: 0;
  max-width: 455px !important;
}

.alert-box-01 p {
  color: #5F6368;
  font-family: 'poppins-normal';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.09px;
}

.alert-box-01 .top-con {
  background: #FFF;
  border-bottom: solid 2px #efefef;
}

.alert-box-01 .btm-cont {
  padding: 10px 0px;
}

.alert-box-01 .alert {
  padding: 0.75rem 1rem !important;
}

.alxn {
  border-radius: 50%;
}

.gap-12 {
  gap: 10px;
}

.alert-dismissible .close {
  position: absolute;
  top: 24px;
  right: 16px;
  padding: 0 !important;
  color: #000;
  font-size: 33px;
}

.btm-cont h5 {
  color: #3C4043;
  font-family: 'poppins-normal';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.09px;
}

.btm-cont a {
  font-family: 'poppins-bold-700';
}

.ngf:focus-visible {
  outline: -webkit-focus-ring-color auto 0px !important;
}

.bg-white-01 {
  background-color: white;
  border-color: #fff;
  border-radius: 15px;
}

/* category */
.category-items {
  padding: 5px 0px 0px 0px !important;
  position: absolute;
  top: 65px;
  left: 11%;
  background: #fff;
  /**  height: 220px; **/
  z-index: 11111;
  width: 83%;
  border-radius: 15px;
  display: none;
  padding: 20px 10px;
  box-shadow: 0px 4px 6px -2px rgba(41, 37, 36, 0.08), 0px 10px 15px -3px rgba(41, 37, 36, 0.16);
}

.p-nav-12 {
  font-size: 12px;
}

.category-active {
  display: block;
}

.dd-item {
  border-bottom: solid 1px rgb(208 208 208);
}

.sub-nav:hover {
  background: none !important;
}

.sub-nav {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
  padding: 7px 12px !important;
  border-bottom: solid 1px rgb(208 208 208);
}

.sub-nav:last-child {
  border-bottom: 0px;
  padding: 7px 12px 0px 12px !important;
}

.dd-box {
  border-radius: 8px;
  background: var(--base-white, #FFF);
  box-shadow: 0px 4px 6px -2px rgba(41, 37, 36, 0.08), 0px 10px 15px -3px rgba(41, 37, 36, 0.16);
  width: 220px;
  border: none !important;
}

.btn-promo {
  background: #FEF9C2;
  border-radius: 15px;
  height: max-content;
  padding: 3px 20px 0px 0px;
  width: 20%;
}

.btn-promo:hover {
  text-decoration: none;
}

.btn-promo p {
  margin-bottom: 0 !important;
  color: rgba(113, 63, 18, 1) !important;
}

.btn-promo a:hover {
  text-decoration: none !important;
}

.btn-promo:hover {
  background: #f9f194;
}

.btn-promo-01:hover {
  background: #e1e1e1;
}

.btn-promo-01 {
  background: #F5F5F3;
  border-radius: 15px;
  height: max-content;
  padding: 3px 20px 0px 0px;
  width: 20%;
}

.btn-promo-01 img {
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
}

.btn-promo-01 a:hover {
  text-decoration: none !important;
}

.btn-promo-01:hover {
  text-decoration: none;
}

.btn-promo-01 p {
  margin-bottom: 0 !important;
  color: var(--99-dark-grey) !important;
}

.gap-category {
  gap: 20px;
}

.gap-category p {
  font-size: 12px;
}

/* category ends */
/** Header part end **/
/** Bottom header **/
.bottom-header {
  background: #FFF;
  padding: 6px 8px !important;
  box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.05);
}

.header-location {
  border: solid #E7E5E4 1px !important;
  padding: 4px;
  border-radius: 50%;
  width: 33px;
}

.header-form {
  margin: 0px !important;
}

.mltpl-hdr .hdr-cont {
  gap: 5px;
  width: 310px;
}

.mltpl-hdr .trk-img {
  height: 32px;
  width: 32px;
}

.mltpl-hdr .progress {
  width: 260px;
  height: 12px;
  border-radius: 50px;
  background: #FED7AA;
}

.mltpl-hdr .progress-bar {
  background: var(--99-orange);
}

.mltpl-hdr .header-form-ph {
  color: #1C1917 !important;
}

.mltpl-hdr .fs-self {
  font-size: 14px;
  color: #44403C;
  font-family: 'poppins-400';
}

.mltpl-hdr .fs-self1 {
  font-family: 'poppins-normal';
  font-size: 14px;
  font-weight: 500;
}

.header-form-ph {
  /* width: 240px !important; */
  padding-left: 7px !important;
  width: 240px !important;
  color: #393736;
  border: none !important;
  font-family: 'poppins-400';
  font-size: 14px !important;
  box-shadow: none !important;
  margin: 0 !important;
  height: 32px !important;
}

.header-form-ph:focus {
  background-color: #fff !important;
  border: none !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.2rem rgb(149 120 237 / 27%) !important;
}

.header-form-ph:active {
  background-color: #fff !important;
  border: none !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.2rem rgb(149 120 237 / 27%) !important;
}

.header-form-ph:hover {
  background: #fdfdfd !important;
  box-shadow: 0px 1px 8px 0px rgba(41, 37, 36, 0.08), 0px 1px 4px 0px rgba(41, 37, 36, 0.20) !important;
}

header .anch-text-1 {
  font-family: 'poppins-normal' !important;
  font-weight: 500 !important;
}

.anch-text-1 {
  font-family: 'poppins-400' !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  color: var(--99-orange) !important;
}

.anc-txt-hdr a {
  text-decoration: none;
  padding: 0px 0px;
}

.anc-txt-hdr:hover {
  background: rgba(249, 124, 22, 0.23);
  padding: 0px 0px;
  border-radius: 10px;
  transition: 0.3s ease-in-out !important;
}

.gap-80 {
  gap: 65px;
  flex-wrap: wrap;
}

.gap-6 {
  gap: 8px;
  flex-wrap: wrap;
}

.trk-img {
  width: 31px;
  height: 31px;
}

.bottom-header .hdr-cont .progress-01 {
  width: 225px;
  height: 13px;
  background: #FED7AA;
  border-radius: 50px;
}

.bottom-header .hdr-cont .orng-prog {
  display: -ms-flexbox;
  display: flex;
  height: 12px;
  overflow: hidden;
  font-size: .75rem;
  background-color: #fed7aa !important;
  border-radius: 2.25rem;
}

.bottom-nav {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
}

/** Off canvas sidnav Mobile **/
/* side-bar */
.sidebar {
  background: #fff;
  backdrop-filter: blur(15px);
  width: 250px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: -100%;
  overflow-y: auto;
  transition: 0.6s ease;
  transition-property: left;
  z-index: 1111111;
  overscroll-behavior: none;
}

.sidebar.sidebar-active {
  left: 0;
}

.sidebar::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.sidebar::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.sidebar::-webkit-scrollbar-thumb {
  background: #888;
}

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

.sidebar .mbl-nav h4 {
  color: #1C1917;
  font-family: 'poppins-bold-700';
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 32px;
  /* 133.333% */
}

.sidebar .menu {
  width: 100%;
  margin-top: 0px;
  overscroll-behavior: none;
}

.sidebar .menu .item {
  position: relative;
  cursor: pointer;
}

.sidebar .menu .item a {
  align-items: center;
  gap: 10px;
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
  padding: 18px 25px;
  text-decoration: none;
  display: flex;
  box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.05);
}

.sidebar .menu .item i {
  margin-right: 15px;
}

.sidebar .menu .item a .dropdown {
  position: absolute;
  right: 0;
  margin: 5px 15px;
  transition: .3s ease;
}

.sidebar .menu .item .sub-menu {
  background: rgba(255, 255, 255, 0.1);
  display: none;
}

.sidebar .menu .item .sub-menu a {
  padding-left: 80px;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}

.rotate {
  transform: rotate(90deg);
}

.close-btn {
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.05);
  cursor: pointer;
}

.menu-btn {
  position: absolute;
  color: #000;
  font-size: 22px;
  margin: 25px;
  cursor: pointer;
}

/* side-bar */
/** Off canvas mobile sidenav **/
/** Bottom header **/
/** Generic for Tags **/
.t-grey {
  background: #F5F5F4 !important;
  border: 1px solid #D6D3D1 !important;
  color: #78716C !important;
}

.t-green {
  background: #ECFCCB !important;
  border: 1px solid #BEF264 !important;
  color: #365314 !important;
}

.t-blue {
  background: #DBEAFE !important;
  border: 1px solid #93C5FD !important;
  color: #1E3A8A !important;
}

.t-yellow {
  background: #FEF9C3 !important;
  border: 1px solid #FDE047 !important;
  color: #713F12 !important;
}

.t-red {
  background: #FFE4E6 !important;
  border: 1px solid #FDA4AF !important;
  color: #881337 !important;
}

.t-white {
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #881337 !important;
}

/** Generic fotr Tags ended**/
/** Homepage CSS **/
.my-hm-sec {
  background: url(../image/new-99-banner.png) right center / cover no-repeat !important;
  border-bottom: 8px solid var(--99-yellow);
  display: flex;
  align-items: center;
  background-size: cover;
}

.main-wrapper-home {
  background: #064D3B;
  border-bottom: 8px solid var(--99-yellow);
  display: flex;
  align-items: center;
  background-size: cover;
}

.cnt-hm {
  background-position: right center;
}

.main-wrapper-home .cnt-hm .row {
  align-items: center;
}

.my-hm-sec .cnt-hm .mw-600 {
  max-width: unset;
}

.ban-top-img {
  width: 450px;
}

.cnt-hm .col-md-5 img {
  width: 450px;
}

.search-icon {
  position: absolute;
  left: 0;
  transform: translate(25px, -34px);
}

.home-form {
  padding-left: 35px !important;
  border-radius: 8px !important;
  border: 1px solid #E7E5E4 !important;
  background: #FFF !important;
  color: #A8A29E;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
}

.cnt-hm .frm-grp-80 {
  width: 80%;
}

.frm-grp-75 {
  width: 80%;
}

.home-form {
  color: var(--99-dark-grey)
}

.btn-search {
  background: var(--99-orange);
  color: #FFF7ED;
  font-family: 'inter-400';
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
  border-radius: 16px;
  padding: 14px 32px;
  margin-left: 5px;
}

/**home categories start **/
/** Updated FR Categories fixed **/
.product-section .container {
  width: 100%;
  overflow: scroll;
  padding: 0 15px 0px;
  overflow-y: unset !important;
}
.cat-container::-webkit-scrollbar {/** set the height of scrollbar for desktop**/
  height: 8px !important;
  color: #727272 !important;
  background: #e5e5e5 !important;
}
.cat-container ::-webkit-scrollbar {
  width: 04px !important;
}

.cat-container ::-webkit-scrollbar {
  width: 04px !important;
}

.cat-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #727272 !important;/**Change red into Grey**/
}

.col-bnfts-box::-webkit-scrollbar {
  width: 3px !important;
}

.col-bnfts-box ::-webkit-scrollbar {
  width: 3px !important;
}

section .nav-cat-section {
  padding: 0px !important;
}

section.product-section {
  /**  padding: 30px 0 15px; **/
  padding: 12px 0px 0px 0px !important;
}

ul.product-listing {
  padding: 0;
  list-style: none;
  display: flex;
  margin: 0;
  flex-wrap: wrap;
  width: 225%;
  grid-gap: 15px;
}

.nav-cat-section ul.product-listing li a {
  width: 200px;
}

ul.product-listing li a {
  padding: 0px 10px 0 0;
  width: 216px;
  background: #F5F5F4;
  border: solid 2px #f5f5f4;
  font-family: 'poppins-normal' !important;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.30px;
  text-align: left;
  display: flex;
  align-items: center;
  color: #1C1917;
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  word-break: break-word;
}

ul.product-listing li a:hover {
  background: #e1e1e1;
}

ul.product-listing li a img {
  width: 50px;
  margin: 0 9px 0 0;
}

ul.product-listing li {
  width: 8.5%;
}

ul.product-listing li a.active img {
  transform: rotate(39deg);
}

ul.product-listing li a.active {
  background: #FEF9C3;
  color: #713F12;
  margin-right: -10px;
  font-size: 16px;
}

ul.product-listing li a.active:hover {
  background: #f9f194;
}

/** Updated FR Categories fixed  ends**/
/** Updated CSS and Radio fixes by FR  **/
.radio-style {
  position: relative;
  padding: 0;
}

.radio-style [type="radio"] {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}

.radio-style .form-check-input[type="radio"]+label {
  width: 100%;
  background-color: transparent;
  font-family: 'poppins-normal';
  padding: 10px;
  color: #F97C16;
  margin: 0 0 10px;
  border: 1px solid #E7E5E4;
  border-radius: 8px;
  box-shadow: 2px 2px 3px #E7E5E4;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
}

.spec-white {
  color: #ffffff !important;
}

/**
  .myerroralert{
    padding-top:0;
    padding-bottom:0;
    margin-bottom: 0;
  }
  **/
#myerroralert {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  text-align: center !important;
}

#mysuccssalert {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  text-align: center !important;
}

/** Updated CSS and Radio fixes FR  end**/
.category-items-list {
  list-style: none;
  flex-wrap: wrap;
  row-gap: 0px;
  column-gap: 22px;
}

.category-items-list .category-list-active {
  margin-top: 15px;
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 10px;
  background: #FEF9C2;
  border-radius: 15px;
  font-size: 12px;
  text-decoration: none;
  color: rgba(113, 63, 18, 1) !important;
  width: 195px;
}

.category-items-list .category-img {
  border-bottom-left-radius: 15px;
  width: 48px;
  height: 48px;
}

.category-items-list .list-01 {
  margin-top: 15px;
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 10px;
  background: #F5F5F3;
  border-radius: 15px;
  font-size: 12px;
  text-decoration: none;
  color: #44403C !important;
  width: 195px;
}

.list-01:hover {
  background: #e1e1e1;
}

.see {
  font-family: 'poppins-normal';
  color: var(--99-orange);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
  cursor: pointer;
}

/**home categories ends **/
.section-3 {
  background: #ffe6e6;
  padding-bottom: 40px;
}

.pymnt-imgs{
  display: flex;
  justify-content:start ;
  align-items: center;
  gap: 5px;
}

.cta-box {
  padding: 40px 0px 20px 0px;
}

.prod-listing h3 img {
  display: none;
}

.cta-box .home-prom {
  color: #1C1917;
  font-family: 'poppins-bold-900';
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
  /* 128.571% */
}

.prom-img-bnr .desk-ban-img {
  width: 100%;
  border-radius: 12px;
  margin: 20px 0px 10px 0px;
}

.prom-img-bnr .d-none-lg {
  display: none;
}

.hero-heading-2 {
  font-family: 'poppins-bold-800';
  font-size: 48px;
  font-style: normal;
  font-weight: 900;
  line-height: 56px;
  /* 116.667% */
  background: linear-gradient(92deg, #FEF08A 1.03%, #FACC15 86.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.prom-btn {
  display: none;
  color: var(--base-primary-600, #EA610C);
  text-align: center;
  font-family: 'inter-500';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
  border-radius: 16px;
  background: #FFF;
  padding: 14px 32px;
  position: absolute;
  transform: translate(0px, 99px);
}

.prom-btn-sa {
  background: #ea610b;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.1px;
  border-radius: 16px;
  padding: 14px 32px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.prom-btn-sa:hover {
  color: #065133;
  text-decoration: none;
}

.w-25 {
  width: 25% !important;
}

.small-flex {
  flex-wrap: wrap;
}

.prod-img-hm {
  background-color: #fff;
  margin: 0px 6px;
  border-radius: 4px;
}

.home-prod-img img {
  width: 262px;
  height: auto;
  padding: 0px 8px;
  cursor: pointer;
}

.prod-img-hm {
  width: 262px;
  height: auto;
  padding: 0px 8px;
  cursor: pointer;
}

.prod-price {
  color: #EA610C;
  font-family: 'poppins-bold-700';
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  cursor: pointer;
  /* 127.273% */
}

.prod-nm {
  color: #44403C;
  text-overflow: ellipsis;
  font-family: 'poppins-bold-700';
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  cursor: pointer;
  /* 127.273% */
}

/** How it works section start **/
.how-itw p {
  color: #78716C;
  text-align: center;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
}

/** updated hiw**/
.internal-row .content h5 {
  color: #44403C;
  text-align: center;
  font-family: 'poppins-bold-700';
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  padding-top: 8px;
}

.internal-row .main-content {
  display: flex;
  gap: 1.2rem;
  margin-top: 2rem;
  padding-left: 0.5rem;
  justify-content: center;
}

.internal-row .inner-box {
  display: block;
  width: 100%;
}

.internal-row .inner-box .icon {
  /** width: 30%; **/
  position: relative;
  width: 100%;
  height: 80px;
  vertical-align: middle !important;
  line-height: 80px;
  margin-bottom: 20px;
}

.internal-row .inner-box .icon::after {
  content: "";
  position: absolute;
  top: 33px;
  bottom: 0;
  left: 200px;
  width: 160px;
  border-top: 2px solid var(--99-orange);
  box-sizing: border-box;
}

.main-content .inner-box .content {
  padding-top: 10px;
}

.internal-row .inner-box:last-child .icon::after {
  display: none;
}

/** updated hiw**/
.prod-lst {
  padding: 0px 0px 20px 0px;
}

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

.internal-row img {
  width: 80px;
  height: auto;
}

.internal-row .col-box h3 {
  color: #44403C;
  text-align: center;
  font-family: 'poppins-bold-700';
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 127.273% */
}

.bnfts .col-12 p {
  color: #78716C;
  text-align: center;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
}

.mw-600 .hdng-nd-con {
  max-height: max-content !important;
  height: max-content !important;
}

.bnfts {
  margin-top: -5px;
}

.col-bnfts-box {
  height: 610px;
  max-height: 620px;
  border-radius: 24px;
  background: #FFEDD5;
  padding: 35px 40px 40px 40px;
  margin: 12px 0px;
}

.col-bnfts-box .hdng-nd-con {
  max-height: max-content;
  height: 150px;
  overflow-y: scroll;
}

.col-bnfts-box ::-webkit-scrollbar {
  width: 02px;
}

.col-bnfts-box h3 {
  color: #44403C;
  text-align: left;
  font-family: 'poppins-bold-700';
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 127.273% */
}

.col-bnfts-box p {
  color: #78716C;
  font-family: 'poppins-400';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
}

.col-bnfts-box img {
  width: 100%;
  max-width: 270px;
  height: 391px;
  padding-top: 5px;
}

/** FAq Sec home **/
.faq-sub {
  padding-top: 15px;
}

.faqs-sec .faq-sub h3 {
  color: #1C1917;
  font-family: 'poppins-bold-900';
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 40px;
  /* 125% */
}

.faqs-sec .faq-sub p {
  color: #44403C;
  font-family: 'poppins-400';
  font-size: 16px;
  padding-top: 7px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
}

.accordion {
  display: flex;
  flex-direction: column;
  max-width: 1010px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 25px;
  /* padding: 45px 90px 45px 60px; */
}

.accordion {
  overflow-anchor: none;
}

.accordion .accordion-text {
  width: 100%;
}

.accordion .accordion-text .faq-text {
  margin-top: 8px;
  /* height: 263px; */
  overflow-y: auto;
}

.accordion .accordion-text li {
  list-style: none !important;
  cursor: pointer;
}

.accordion-text li .question-arrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.faqs-sec ul {
  list-style-type: none;
}

.faqs-sec .accordion-text li .question-arrow .question {
  color: #44403C !important;
  font-family: 'poppins-bold-700';
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  transition: all 0.3s ease;
  padding: 10px 0px;
  cursor: pointer;
}

.faqs-sec .faq-mn {
  padding-top: 0px !important;
  margin-top: -35px;
}

.faq-part .faq-text p {
  font-family: 'poppins-400';
  color: #78716C;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
}

.accordion-text li .question-arrow .arrow {
  font-size: 20px;
  color: #595959;
  transition: all 0.3s ease;
  cursor: pointer;
}

/** Homepage CSS ends **/
/** Faqs page start **/
.main-wrapper-faq {
  background: #F5F5F4;
  border-bottom: 8px solid var(--99-yellow);
  display: flex;
  align-items: center;
  padding-top: 3.5rem;
  padding-bottom: 3rem;
}

.main-wrapper-faq p {
  color: #44403C;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
  margin-bottom: 0px;
}

.main-wrapper-faq h1 {
  color: #1C1917;
  font-family: 'poppins-bold-900';
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 40px;
  /* 125% */
}

.faqs-sec .faq-part h2 {
  color: #1C1917;
  font-family: 'poppins-bold-900';
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
  /* 128.571% */
}

.faq-page .faqs-sec .accordion-text li .question-arrow .question {
  color: #44403C !important;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  transition: all 0.3s ease;
  padding: 7px 0px;
  cursor: pointer;
}

/** Faqs page end **/
/** TOS page **/
.tos h2 {
  color: #1C1917;
  font-family: 'poppins-bold-900';
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 40px;
  /* 125% */
}

.tos p {
  color: #78716C;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
}

.tos h3 {
  color: #44403C;
  font-family: 'poppins-bold-900';
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
  /* 128.571% */
}

.tos .row a {
  color: var(--99-orange);
  text-decoration: none;
}

.tos li {
  color: #78716C;
  font-family: 'poppins-400';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
}

/** tos page ends **/
/** System Direct **/
.sys-dir h2 {
  color: #000;
  text-align: center;
  font-family: 'comic-700';
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 100px 5px 50px 0px;
}

.sys-dir p {
  color: var(--99-orange);
  text-decoration: none;
  text-align: center;
  font-family: 'comic-700';
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 20px 5px;
}

.sys-dir a {
  color: var(--99-orange);
  text-decoration: none;
}

.sys-dir h5 {
  color: #78716C;
  text-align: center;
  font-family: 'comic-700';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 10rem 0.5rem 1rem 0.5rem;
}

/** System Direct **/
/** privacy policy **/
.prvcy-pp h2 {
  color: #1C1917;
  font-family: 'poppins-bold-900';
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 40px;
  /* 125% */
}

.prvcy-pp p {
  color: #78716C;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
}

.prvcy-pp h3 {
  color: #44403C;
  font-family: 'poppins-bold-900';
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
  /* 128.571% */
}

.prvcy-pp .row a {
  color: var(--99-orange);
  text-decoration: none;
}

.prvcy-pp a {
  color: var(--99-orange);
  font-size: 14px;
}

.prvcy-pp h5 {
  color: var #44403C;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
}

.prvcy-pp li {
  color: #78716C;
}

/** privacy policy ends **/
/** Error 404 **/
.main-errr-wrapper {
  background: #FEF9C3;
  height: 300px;
  border-bottom: 8px solid var(--99-yellow);
  display: flex;
  align-items: center;
}

.main-errr-wrapper p {
  color: #CA8B04;
  text-align: center;
  text-shadow: 0px 1px 2px rgba(41, 37, 36, 0.08), 0px 1px 3px rgba(41, 37, 36, 0.16);
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
  margin-bottom: 0;
}

.main-errr-wrapper h1 {
  color: #CA8B04;
  text-align: center;
  text-shadow: 0px 1px 2px rgba(41, 37, 36, 0.08), 0px 1px 3px rgba(41, 37, 36, 0.16);
  font-family: 'inter-bold-700';
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 80px */
}

.err-pg-rw h3 {
  color: #1C1917;
  text-align: center;
  font-family: 'poppins-bold-900';
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 40px;
  /* 125% */
}

.err-pg-rw p {
  color: #44403C;
  text-align: center;
  font-family: 'poppins-400';
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
}

.brdr-lss-btn {
  color: var(--99-orange);
  text-align: center;
  height: 48px;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
  border-radius: 16px;
  text-align: center;
  margin-top: 10px;
}

.bottom-grn-footer {
  margin-top: 220px;
  border-top: 8px solid var(--99-yellow);
  padding: 15px 10px;
  background: var(--99-green);
}

.footer-logo {
  height: auto;
  width: 250px;
  padding-top: 2rem;
  margin-left: 3rem;

}

.cta-form img {
  width: 20px;
}

.cta-form .ftr-fld {
  width: 20px;
}

.bottom-grn-footer p {
  color: #FFF;
  font-family: 'poppins-normal';
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.3px;
  margin: 0px;
}

.bottom-grn-footer .lst-chld p {
  text-align: right;
}

.bottom-grn-footer a {
  color: #FFF;
  font-family: 'poppins-normal';
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.3px;
  text-decoration: none;
}

/** Product listing page **/
.plp-sec {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.hero-heading-plp {
  color: #FFF;
  font-family: 'poppins-bold-900';
  font-size: 32px;
  text-transform: capitalize;
  font-style: normal;
  font-weight: 900;
  line-height: 40px;
  /* 125% */
}

.d-none-large {
  display: none;
}

.d-none-inl-lg {
  display: none !important;
}

.w-33 {
  width: 33.3% !important;
}

.sticky1 {
  position: sticky;
  margin-left: 10px;
}

.nav-tabs {
  border-bottom: 0px solid transparent !important;
}

.nav-tabs .nav-item {
  margin-bottom: -2px;
}

.filter-link {
  list-style: none;
}

.filter-link li a {
  line-height: 50px;
  color: #6C849B;
}

/** New latest pagination starts **/
.pagination {
  border-radius: 16px;
  gap: 16px;
  background: var(--base-neutral-100, #F5F5F4);
}

.page-item.active .page-link {
  border-radius: 16px !important;
  background: var(--base-neutral-200, #E7E5E4);
  padding: 10px 24px !important;
  z-index: 1;
  color: #292524 !important;
  background-color: #E7E5E4 !important;
  border-color: #f97c16 !important;
  border: none;
}

.page-link {
  position: relative;
  display: block !important;
  padding: 0.6rem 0.5rem !important;
  margin-left: -1px;
  line-height: 1.25 !important;
  color: #f97c16 !important;
  background-color: transparent !important;
  border: 0px solid #dee2e6 !important;
}

/** New latest pagination ends **/
.filter-link a li:hover {
  border-left: solid yellow 1px !important;
  counter-reset: red;
}

/**pagination part **/
.d-flex-001 {
  display: flex;
}

.plp-sec {
  background: #064D3B !important;
}

/* tabs start */
/** New Tab CSS **/
/* tabs css start */
.plp-cntnr .plp-rw .nav-tabs {
  flex-direction: column;
  gap: 15px !important;
  padding-left: 30px;
}

.main-cat-text {
  font-size: 17px;
  font-family: 'poppins-bold-700';
  font-weight: 600;
}

.plp-cntnr .plp-rw .nav-tabs .nav-link.active {
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  text-transform: uppercase !important;
  border-bottom: 0px solid !important;
  color: var(--99-orange) !important;
  border-top: 0px solid !important;
  border-left: 3px solid var(--99-orange) !important;
  border-right: 0px solid !important;
  color: var(--base-primary-600, #EA610C);
  text-align: left;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  text-align: left !important;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
  border-radius: 0px !important;
  outline: none !important;
}

.plp-cntnr .plp-rw .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  text-transform: uppercase !important;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
  background: transparent;
  outline: none !important;
  text-align: left !important;
}

.plp-cntnr .plp-rw .nav-tabs {
  border-bottom: none !important;
}

/** product listing page ends**/
/** Payment gateway **/
.pmnt-gtwy h2 {
  color: #1E3A8A;
  text-align: center;
  font-family: 'comic-700';
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.pmnt-gtwy img {
  width: 400px;
}

.pmnt-gtwy p {
  color: #78716C;
  text-align: center;
  font-family: 'comic-700';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

/** Payment gateway ends **/
/** login page **/
.main-wrapper-01 {
  background: #064D3B;
  height: 300px;
  border-bottom: 8px solid var(--99-yellow);
  display: flex;
  align-items: center;
}

.less-lp-lg {
  padding-left: 0px !important;
}

.country-code-ph {
  position: absolute;
  left: 0;
  transform: translate(66px, -34px);
  font-size: 14px;
}

.country-ph {
  padding-left: 2.5rem !important;
}

.hero-heading {
  color: var(--99-yellow);
  text-align: center;
  font-family: 'poppins-bold-900';
  font-size: 33px;
  font-style: normal;
  font-weight: 900;
  line-height: 38px;
  /* 122.222% */
}

.ph-login .p-12 {
  margin-top: 8px;
}

.ph-login .p-12 a {
  color: var(--99-orange);
}

.desc {
  font-family: 'poppins-400';
}

.hero-anker {
  color: var(--99-orange);
  text-decoration: none;
}

.hero-anker:hover {
  color: #df6e11;
  text-decoration: none;
}

.box-border {
  border-radius: 16px;
  border: 1px solid #E7E5E4;
  background: #FFF;
  padding: 40px;
  box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

.box-border h3 {
  color: #1C1917;
  text-align: center;
  font-family: 'poppins-bold-900';
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 40px;
}

.box-border p {
  color: var(--99-dark-grey);
  text-align: center;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
}

.btn-email {
  display: flex;
  padding: 14px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid #E7E5E4;
  background: #FFF;
}

.or-txt-btn:hover {
  background: #f97c163b;
}

.or-txt {
  color: var(--99-orange);
  text-align: center;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
}

.nor-txt {
  color: var(--99-dark-grey);
  text-align: center;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
}

.img-google {
  width: 20px;
  position: absolute;
  left: 0px;
  transform: translate(15px, 0px);
}

/** for number placeholder **/
.input-phone {
  position: relative
}

.input-phone input {
  padding-left: 42px;
}

.input-phone:after,
.input-phone:before {
  color: var(--fc-gray-600);
  position: absolute;
  top: 78%;
  transform: translateY(-78%)
}

.input-phone:after {
  content: "+60 ";
  font-family: 'poppins-400' !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  color: #1C1917;
  padding-left: 10px;
  z-index: 999999;
}

#resendbtn {
  background: none;
  border: none;
  color: #df6e11;
}

/** For Phone number place holder ends **/
/** login page ends **/
/** login-email **/
.text-left {
  text-align: left;
}

.txt-lgt {
  color: #44403C;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
}

.txt4 {
  font-family: 'poppins-500';
  color: #44403C;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
  padding-left: 3px;
  vertical-align: sub;
}

.form-control {
  /** color: #A8A29E; **/
  font-family: 'poppins-400';
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
  display: flex;
  padding: 8px 6px 8px 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  height: 48px;
  border-radius: 8px;
  border: 1px solid #E7E5E4;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

select {
  font-family: 'poppins-400';
  width: 100%;
  color: #1C1917;
  background-position: right 1.75rem center !important;
  background-size: 16px 17px !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
  display: flex;
  padding: 8px 6px 8px 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  height: 48px;
  border-radius: 8px;
  border: 1px solid #E7E5E4;
  box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

.slct-cls select {
  background-position: right 1.75rem center !important;
}

select:focus {
  background-color: #fff;
  border: none !important;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(149 120 237 / 27%);
}

.form-control:hover {
  background: #fdfdfd;
  box-shadow: 0px 1px 8px 0px rgba(41, 37, 36, 0.08), 0px 1px 4px 0px rgba(41, 37, 36, 0.20);
}

.form-control:focus {
  background-color: #fff;
  border: none !important;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(149 120 237 / 27%);
}

.bottom-header .form-control:focus-within {
  box-shadow: 0 0 0 0.2rem rgb(149 120 237 / 27%) !important;
}

.bottom-header .form-control:focus-visible {
  box-shadow: 0 0 0 0.2rem rgb(149 120 237 / 27%) !important;
}

.my-input {
  background: var(--99-orange) !important;
  height: 18px;
  width: 18px;
}

.form-check-input {
  margin-top: 0.4rem !important;
  width: 18px;
  height: 18px;
}

input[type="checkbox"]:enabled:checked {
  background-color: var(--99-orange) !important;
  color: white;
  width: 18px;
  height: 18px;
}

.anker-003 {
  padding: 14px 10px;
  color: var(--99-orange);
  text-decoration: none;
  font-size: 14px;
}

.anker-003:hover {
  background: rgba(249, 124, 22, 0.23);
  border-radius: 16px;
  padding: 14px 10px;
  color: #FA7C00;
  text-decoration: none;
}

.btn-log {
  border-radius: 16px;
  background: var(--99-orange);
  color: #FFF7ED;
  text-align: center;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
  padding: 13px 24px;
}

.btn-log:hover {
  background: #df6e11;
  color: #fff;
}

.btn-log:focus-visible {
  background: #df6e11;
  outline: 2px solid var(--99-yellow) !important;
}

.btn-log:focus {
  background: #df6e11;
  outline: 2px solid var(--99-yellow) !important;
}

input.my-input {
  accent-color: var(--99-orange);
  height: 18px;
  width: 18px;
}

/** Login-email ends **/
/** login OTP **/
.fnt-bld {
  font-family: 'poppins-bold-700' !important;
  font-weight: 700 !important;
}

.otp-control {
  border-radius: 8px !important;
  border: 1px solid #E7E5E4 !important;
  background: #FFF !important;
  display: flex;
  width: 48px !important;
  flex-direction: column;
  align-items: flex-start !important;
  gap: 4px;
  letter-spacing: 3.5px !important;
}

.otp-login .sub-btn {
  margin-top: 10px;
}

.sub-btn {
  display: flex;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 16px;
  background: #D6D3D1;
  Font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #A8A29E;
}

.sub-btn:hover {
  color: #A8A29E;
}

.sub-footer-txt {
  color: #78716C !important;
  text-align: center !important;
  font-family: 'poppins-400' !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.4px !important;
}

/** Login OTP end **/
/** Login OTP filled start **/
.sub-footer-txt-a {
  color: var(--99-orange) !important;
  text-align: center !important;
  font-family: 'poppins-400' !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.4px !important;
  margin: 0 !important;
}

/** Login OTP filled start ends**/
/** Account page **/
.top-hd {
  color: #1C1917;
  font-family: 'poppins-bold-900';
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 40px;
  /* 125% */
}

.full-wdth {
  width: 100% !important;
}

.btn-need {
  color: var(--99-orange);
  font-family: 'poppins-normal';
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.3px;
  border-radius: 16px;
  border: 2px solid var(--99-orange);
  padding: 8px 16px;
}

.btn-need:hover {
  text-decoration: none;
  color: var(--99-orange);
  background: rgba(249, 124, 22, 0.23);
}

.nav-tabs {
  gap: 40px !important;
  padding-left: 30px;
  border-bottom: 1px solid #dee2e6 !important;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link.active {
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: 3px solid var(--99-orange) !important;
  color: var(--99-orange) !important;
  border-top: 0px solid !important;
  border-left: 0px solid !important;
  border-right: 0px solid !important;
  color: var(--base-primary-600, #EA610C);
  text-align: center;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.nav-tabs .nav-link:hover {
  border-color: #e9ecef;
}

.nav-tabs .nav-link {
  color: #495057 !important;
}

.nav-link:hover {
  border: none;
}

.con-hd {
  color: #1C1917;
  font-family: 'poppins-bold-700';
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 127.273% */
}

.account-lbl {
  color: #44403C;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
}

.small-opt-btm {
  color: #78716C;
  font-family: 'poppins-400';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.4px;
}

.small-opt-btm {
  color: #44403C;
  font-family: 'poppins-400' !important;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.4px;
}

.middle-align {
  display: block;
}

.bg-box {
  border-radius: 16px !important;
  background: #F5F5F4 !important;
  padding: 16px !important;
  align-items: center !important;
  align-self: stretch;
}

.add-loc {
  color: var(--99-orange);
  font-family: 'poppins-normal';
  font-size: 12px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.3px;
  margin-top: -22px !important;
}

.b-add {
  color: #1C1917;
  font-family: 'poppins-bold-700';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
}

.small-b-add {
  color: #44403C;
  font-family: 'poppins-400';
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
}

/** Modal CSS **/
.md-width {
  padding: 10px 10px;
  left: 30%;
  align-items: center;
  gap: 40px;
  align-self: stretch;
  max-width: 400px;
}

.product-section .md-hd {
  padding-top: 1rem !important;
  padding-bottom: 0.5rem !important;

}

.cat-sep {
  padding: 20px 0px 0px 0px;
}

.cat-sep .cat-hdng {
  color: #44403C;
  font-family: 'poppins-bold-800';
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
  margin-bottom: 0px;
}

.md-hd {
  color: #44403C;
  text-align: center !important;
  font-family: 'poppins-bold-800';
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
  /* 128.571% */
}

.md-hdr {
  align-items: center !important;
  -ms-flex-pack: justify !important;
  justify-content: center !important;
}

.md-footer {
  align-items: center !important;
  display: flex;
  flex-wrap: nowrap;
  width: 100% !important;
  padding: 5px 0px !important;
  justify-content: center !important;
}

.md-rd {
  border-radius: 20px !important;
  padding: 10px 5px;
}

.btn-pos {
  right: 10px !important;
  top: 18px;
  position: absolute;
}

.accnt-frm p {
  text-align: left;
}

/** Account page ends **/
/** My account filled **/
.small-anch-txt {
  color: var(--99-orange);
  text-align: center;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
  margin: 0 !important;
}

.mltpl-hdr .ff-green {
  background: rgba(190, 242, 100, 1);
}

.country-code-ph-if {
  position: absolute;
  left: 0;
  transform: translate(22px, -34px);
  z-index: 999999;
  font-size: 14px;
}

.sub-desc {
  text-align: left !important;
  color: #78716C !important;
  font-family: 'poppins-400' !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  /* 133.333% */
  letter-spacing: 0.4px;
  padding-top: 5px !important;
}

input[type="checkbox"].orng-chkbx {
  accent-color: var(--99-orange);
  width: 18px;
  height: 18px;
}

input[type="checkbox"]:enabled:checked .orng-chkbx {
  background-color: #002B4E !important;
  color: #FFFFFF;
  width: 18px;
  height: 18px;
}

/** 2nd Tab History **/
.box-border-zero-padd {
  padding: 0 !important;
  border-radius: 16px;
  border: 1px solid #E7E5E4;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

.box-header {
  background: #F5F5F4;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.05);
}

.box-header p {
  color: #78716C;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
  padding: 8px 16px;
}

.account-cell {
  border-bottom: solid 1px rgba(214, 211, 209, 1);
  padding: 10px 16px;
}

.date-content h3 {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
  margin: 0;
}

.date-content p {
  color: #78716C;
  font-family: 'poppins-400';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
  margin: 0;
}

.btn-order-status {
  color: #78716C;
  text-align: center;
  font-family: 'poppins-normal';
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.3px;
  border-radius: 100px;
}

.status-green {
  border: 1px solid #BEF264;
  color: #365314 !important;
  background: #ECFCCB;
}

.status-prep {
  border: 1px solid #D6D3D1;
}

.status-comp {
  border: none;
}

.status-fail {
  color: #713F12;
  border: 1px solid #FDE047;
  background: #FEF9C3;
}

.dlv-fl .top-hd {
  font-size: 24px !important;
}

.btn-prep {
  background: #F5F5F4;
  border: 1px solid var(--base-neutral-300, #D6D3D1);
}

.btn-ready {
  background: rgba(236, 252, 203, 1);
  border: 1px solid var(--system-success-300, #BEF264);
}

.btn-df {
  background: rgba(254, 249, 195, 1);
}

.btn-oc {
  background: rgba(255, 228, 230, 1);
  border: 1px solid var(--system-danger-300, #FDA4AF);
}

.btn-comp {
  color: #78716C;
  text-align: center;
  font-family: 'poppins-normal';
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.3px;
}

.yellow-box {
  border-radius: 16px;
  border: 1px solid #FDE047;
  background: #FEF9C3;
  display: flex;
  padding: 24px;
  flex-direction: column;
  gap: 32px;
  align-self: stretch;
}

.yellow-box h3 {
  color: #713F12;
  text-align: center !important;
  font-family: 'poppins-bold-700';
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 127.273% */
  margin-bottom: 0;
}

.yellow-box a {
  color: #ff0000;
  font-size: 14px;
  text-align: center;
  margin-bottom: 0;
}

/** Cancel order modal **/
/* cancle order modal css starts */
.btn-oranged {
  background: var(--99-orange);
  padding: 12px;
  border-radius: 18px;
  color: #fff;
}

.btn-oranged:hover {
  color: #fff;
}

.anker {
  margin-top: 7px;
  font-weight: bold;
  text-align: center;
}

.anker a {
  color: #FA7C16;
}

.cancel-ord .modal-content {
  width: 600px;
  border-radius: 20px !important;
  margin-top: 30%;
}

.cancel-ord .modal-header {
  border-bottom: none !important;
  padding-top: 10px;
}

.cancel-ord .modal-body {
  padding: 5px 20px 25px 20px;
}

.cancel-ord .modal-body h2 {
  color: #1C1917;
  text-align: center;
  font-family: 'poppins-bold-900';
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 40px;
  /* 125% */
}

.cancel-ord .modal-body h4 {
  color: #44403C;
  text-align: center;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
  padding-bottom: 10px;
}

.cancel-ord .modal-body p {
  color: #78716C;
  text-align: center;
  font-family: 'poppins-400';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
  padding-bottom: 10px;
}

.cancel-ord .anch-14 a {
  color: #EA610C;
  text-align: center;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
  text-align: center;
  padding: 10px 0px;
}

/* cancle order modal css ends */
.box-border-zero-padd .account-cell:last-child {
  border-bottom: none !important;
}

/** My account filled ends**/
/** Order Empty page **/
.p-14 {
  color: #78716C !important;
  font-family: 'poppins-400' !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
}

.p-14-4 {
  color: #44403C !important;
  font-family: 'poppins-400' !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  /* 142.857% */
  letter-spacing: 0.25px;
  margin-bottom: 0 !important;
}

/** Order Empty page **/
/** Checkout page **/
.mar-min {

  margin-top: -20px;

}

.p-14-7 {
  color: #1C1917;
  font-family: 'poppins-bold-700';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
}

.chck-pg .d-slot {
  margin-left: -50px;
}

.chck-pg .cart-md label {
  border-radius: 8px;
  border: 1px solid #E7E5E4;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
  display: flex;
  padding: 0px 0px 14px 12px;
  gap: 8px;
  align-self: stretch;
  /* border: solid 2px green; */
  height: 40px;
  width: 100%;
  margin-top: 10px;
  color: var(--99-orange);
  line-height: 40px;
  width: 595px;
}

/** hide input **/
.cart-md input[type=checkbox] {
  display: none;
}

/** Add ✓ on checked before label  **/
.cart-md input:checked+label:before {
  content: "✓ ";
  position: absolute;
  right: 18%;
}

/** Add styling on check **/
.cart-md input:checked+label {
  background: rgba(249, 124, 22, 0.23);
}

.dark-box {
  border-radius: 16px;
  border: 1px solid #93C5FD;
  background: #DBEAFE;
}

.dark-box p {
  color: #44403C;
  font-family: 'poppins-400';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.4px;
  text-align: left;
}

.accordian .card-01 {
  border-radius: 16px;
  border: 1px solid #E7E5E4;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

.accordian .card-01 .card-header-01 {
  position: relative;
  padding-left: 30px;
}

.gap-20 {
  gap: 30px;
}

.accordian .card-01:nth-child(1) .card-body-01 {
  display: none;
}

.accordian .card-01 .card-header-01 span {
  position: absolute;
  right: 20px;
  top: 3px;
  height: 25px;
  width: 25px;
  color: #FA7C00;
  background-color: #ffffff;
  border-radius: 50%;
  text-align: center;
  line-height: 25px;
  font-size: 15px;
}

/** CHECKOUT PAGE ENDS **/
/** checkout self pickup **/
.loc-row .loc-det {
  padding: 40px 5px 40px 15px;
}

.loc-row img {
  width: 305px;
}

/** Delivery pickup new carousel in form code **/
.loc-roww .sm-flex {
  /* overflow-y: scroll; */
  flex-wrap: wrap;
}

.flex-dir-main {
  /**  width: 43vw; **/
  max-width: 600px;
  /** To give fix height **/
  /* height: 380px; */
  display: flex;
  flex-direction: row;
}

.flex-dir-int {
  display: flex;
  flex-direction: row;
  padding: 10px;
  margin: 5px 0px;
  border-radius: 8px;
  border: 1px solid var(--Base-Neutral-200, #E7E5E4);
  background: var(--Base-White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

.flex-dir-int img {
  width: 150px;
  height: 100px;
  border-radius: 12px;
  padding: 5px 0px;
}

.flex-dir-int .detail {
  /* width: 20vw; */
  padding: 5px 5px;
  align-self: center;
}

.w-ffty {
  width: 100%;
}

/** Delivery pickup new carousel in form code **/
/** Map Location page **/
.map-container {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.map-container iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

/** Map Location page ends **/
/** Cart page **/
.hd-28 {
  color: #44403C !important;
  font-family: 'poppins-bold-800' !important;
  font-size: 28px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 36px !important;
  /* 128.571% */
}

.b-btm {
  border-bottom: solid 1px rgba(214, 211, 209, 1);
}

.f-22 {
  color: #1C1917;
  font-family: 'poppins-bold-700';
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 127.273% */
}

.anch-text {
  font-family: 'poppins-400' !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  color: var(--99-orange) !important;
  text-align: left !important;
}

.box-bg {
  margin-top: 25px;
  border-radius: 8px;
  padding: 12px;
  background: #F5F5F4;
}

/** Accordian CSS **/
/** New Accordian **/
/* acoordian Start */
.accordion {
  display: flex;
  flex-direction: column;
  max-width: 1010px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 25px;
  padding: 40px 0px 10px 0px;
}

.accordion .image-box {
  height: 360px;
  width: 300px;
}

.accordion .image-box img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.accordion .accordion-text {
  width: 100%;
}

.accordion .accordion-text .title {
  font-size: 35px;
  font-weight: 600;
  color: #000;
  font-family: 'Fira Sans', sans-serif;
}

.accordion .accordion-text .faq-text {
  margin-top: 8px;
  /* height: 263px; */
  overflow-y: auto;
}

.faq-text::-webkit-scrollbar {
  display: none;
}

.accordion .accordion-text li {
  list-style: none;
  cursor: pointer;
}

.accordion-text li .question-arrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.accordion-text li .question-arrow .question {
  font-size: 18px;
  font-weight: 500;
  color: #595959;
  transition: all 0.3s ease;
}

.accordion-text li .question-arrow .arrow {
  font-size: 20px;
  color: #595959;
  transition: all 0.3s ease;
}

.accordion-text li.showAnswer .question-arrow .arrow {
  transform: rotate(-180deg);
}

.accordion-text li:hover .question-arrow .question,
.accordion-text li:hover .question-arrow .arrow {
  color: #F37612;
}

.accordion-text li.showAnswer .question-arrow .question,
.accordion-text li.showAnswer .question-arrow .arrow {
  color: #F37612;
}

.btn-search {
  background: #F37612;
  color: #fff;
}

.bg-light-01 {
  padding: 40px;
  background: #F5F5F3;
  border-bottom: 5px solid #F3E21F;
}

.icons-search {
  position: absolute;
  left: 0px;
  transform: translate(22px, 12px);
}

.icon-form {
  width: 80%;
  padding-left: 30px;
}

.accordion-text li .line {
  display: block;
  height: 2px;
  width: 100%;
  margin: 10px 0;
  background: rgba(0, 0, 0, 0.1);
}

.line {
  display: block;
  height: 2px;
  width: 100%;
  margin: 10px 0;
  background: rgba(0, 0, 0, 0.1);
}

.accordion-text li p {
  width: 92%;
  font-size: 15px;
  font-weight: 500;
  color: #595959;
  display: none;
}

.accordion-text li.showAnswer p {
  display: block;
}

.txt-area {
  margin-left: auto;
}

/** Order Summary **/
.shop-cart-table td.pro-img-td {
  width: 55px;
}

table.shop-cart-table .cart-pro-img {
  position: relative;
}

table.shop-cart-table img {
  width: 38px;
  margin-bottom: -22px;
}

table.shop-cart-table .cart-pro-img span {
  position: absolute;
  background: #A855F7;
  padding: 0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  right: 7px;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.5px;
  text-align: center;
  top: -5px;
}

.shop-cart-table td {
  vertical-align: text-top;
  padding: 10px 0;
}

.shop-cart-table td h4.pro-heading {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
}

.shop-cart-table td .pro-weight {
  font-family: 'poppins-400';
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
  text-align: left;
  color: #78716C;
  margin-bottom: 7px;
}

.shop-cart-table td.rm-td {
  text-align: right;
}

.shop-cart-table td {
  vertical-align: text-top;
  padding: 10px 0;
}

.shop-cart-table td .pro-price {
  color: #44403C;
  text-align: right;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
}

.subtotal-tr {
  border-top: solid #D6D3D1 1px;
}

.total-tr {
  border-top: solid #D6D3D1 1px;
}

.total-heading {
  color: #78716C;
  font-family: 'poppins-400';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
}

.grand-ttl {
  color: #44403C;
  text-align: right;
  font-family: 'poppins-bold-700';
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 127.273% */
}

.total-heading-50 {
  width: 50% !important;
}

.ffty-prcnt {
  width: 50% !important;
}

.faq-text {
  padding-left: 5px !important;
}

.gry-box {
  display: flex;
  padding: 16px 0px 16px 16px;
  align-items: center;
  border-radius: 16px;
  background: #F5F5F4;
  box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.05);
}

.gry-box p {
  color: #44403C;
  font-family: 'poppins-400';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.4px;
}

.btn-grey {
  border-radius: 16px;
  cursor: not-allowed !important;
  background: #D6D3D1;
  color: #A8A29E;
  padding: 14px 24px;
  text-align: center;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  border: none;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
  pointer-events: none !important;
}

.btn-grey:hover {
  color: #A8A29E !important;
}

.p-12 {
  color: #78716C;
  font-family: 'poppins-400';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.4px;
}

.a-tag {
  color: var(--99-orange);
}

/** Order Summary ends **/
/** Cart page CSS ends **/
/** Product detail Page **/
.cat-sec .cat-hd-mn h2 {
  text-align: left !important;
}

.cat-sec {
  padding-top: 18px !important;
}

.cat-sec .cat-cont {
  padding-top: 15px;
  padding-bottom: 35px;
}

.prod-listing {
  display: flex;
  padding: 20px 0px 0px 0px;
}

.prod-listing h4 img {
  display: none;
}

.link-for-mbl {
  display: none !important;
}

.small-flex>div:last-child {
  display: none;
}

/** Cart related **/
.ct-empty .top-hd {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}

/** PDP Updated **/
.main-product-section .mps-all-content {
  max-width: 1200px;
  margin: auto;
  padding: 4rem 20px;
}

.pd-hd {
  color: #1C1917;
  font-family: 'poppins-bold-800';
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 32px;
}

.see:hover {
  text-decoration: none;
  color: var(--99-orange);
}

.main-product-section .mps-all-content .slider-side .ss-content {
  position: relative;
  display: flex;
  gap: 1.2rem;
  flex-direction: row-reverse;
}

.main-product-section .mps-all-content .slider-side .ss-content .main-slider {
  width: 80%;
}

.main-product-section .mps-all-content .slider-side .ss-content .main-slider .mySwiper2 .swiper-slide img {
  width: 435px;
  border-radius: 16px;
  background: rgba(231, 229, 228, 1);
}

.in-stock .grn-txt {
  color: #059669;
}

.main-product-section .mps-all-content .slider-side .ss-content .main-slider .mb-arrow {
  display: none;
}

.main-product-section .mps-all-content .slider-side .ss-content .thumb-slider {
  width: 20%;
}

.main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper {
  width: 100%;
}

.main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper .swiper-slide-thumb-active img {
  border: 1px solid var(--99-orange);
}

.main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper .swiper-slide {
  height: 100px !important;
}

.main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper .swiper-slide img {
  width: 100px;
  height: auto;
  border-radius: 16px;
  border: solid 2px rgb(249 124 22 / 69%);
}

.main-product-section .mps-all-content .slider-side .pd-description {
  padding-left: 7rem;
  margin-top: 2rem;
}

.main-product-section .mps-all-content .slider-side .pd-description h4 {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.main-product-section .mps-all-content .slider-side .pd-description p {
  color: #78716C !important;
  font-family: 'poppins-400' !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px;
  letter-spacing: 0.25px;
}

.main-product-section .mps-all-content .contect-side .cs-content {
  padding-left: 3rem;
  position: relative;
}

.main-product-section .mps-all-content .contect-side .cs-content .price h2 {
  color: #1C1917;
  font-family: 'poppins-bold-700';
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  display: inline;
  padding-left: 0px;
}

.main-product-section .mps-all-content .contect-side .cs-content .p-sale {
  border-radius: 99px;
  background: #E11D48;
  ;
  padding: 2px 10px;
  /* margin: -5px 0px 0px 6px !important; */
  transform: translate(6px, 3px) !important;
  position: absolute;
  font-size: 12px;
  font-family: 'poppins-bold-700';
  color: var(--99-yellow);
  text-transform: uppercase;
}

.main-product-section .mps-all-content .contect-side .cs-content .title h1 {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.main-product-section .mps-all-content .contect-side .cs-content .title p {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.main-product-section .mps-all-content .contect-side .cs-content .title span {
  color: #78716C;
  font-family: 'poppins-400';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
}

.main-product-section .mps-all-content .contect-side .cs-content .in-stock {
  margin-top: 1.2rem;
}

.main-product-section .mps-all-content .contect-side .cs-content .quantity-container {
  margin-top: 1rem;
}

.main-product-section .mps-all-content .contect-side .nn-hll p {
  color: #1E3A8A;
  font-family: 'poppins-bold-700';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.15px;
  border-radius: 16px;
  border: 1px solid #93C5FD;
  background: #DBEAFE;
  padding: 2px 8px !important;
  display: inline;
  margin: 0;
  text-transform: uppercase;
}

.main-product-section .mps-all-content .contect-side .nn-hll {
  margin: 10px 0px 5px 0px;
}

.main-product-section .mps-all-content .contect-side .cs-content .quantity-container label {
  color: #44403C;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
}

.main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls {
  margin-top: 5px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls .minus {
  background: none;
}

.main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls button {
  border: none;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 12px;
}

.main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls button img {
  width: 25px;
}

.main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls input {
  width: 42px;
  height: 40px;
  border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #E7E5E4;
  background: #FFF;
  cursor: pointer;
  display: block;
  text-align: center;
  color: #1C1917;
  text-align: center;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  line-height: 40px;
  font-weight: 400;
}

.main-product-section .mps-all-content .contect-side .cs-content .pd-description.for-mbl {
  display: none;
}

.main-product-section .mps-all-content .contect-side .cs-content .add-cart-btn {
  margin-top: 2.5rem;
}

/** Cancel order modal **/
/* Age modal css starts */
.btn-oranged {
  background: var(--99-orange);
  padding: 12px;
  border-radius: 18px;
  color: #fff;
}

.btn-oranged:hover {
  color: #fff;
}

.anker {
  margin-top: 7px;
  font-weight: bold;
  text-align: center;
}

.anker a {
  color: #FA7C16;
}

.ag-mdl .modal-content {
  width: 600px;
  border-radius: 20px !important;
  margin-top: 30%;
}

.ag-mdl .modal-header {
  border-bottom: none !important;
  padding-top: 10px;
}

.ag-mdl .modal-body {
  padding: 20px 32px 32px 32px !important;
}

.ag-mdl .modal-body h2 {
  color: #1C1917;
  text-align: center;
  font-family: 'poppins-bold-900';
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 40px;
  /* 125% */
  padding-bottom: 20px;
}

.ag-mdl .modal-body h4 {
  color: #44403C;
  text-align: center;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
  padding-bottom: 10px;
}

.ag-mdl .modal-body p {
  color: #78716C;
  text-align: center;
  font-family: 'poppins-400';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
  padding-bottom: 10px;
}

.ag-mdl .anch-14 a {
  color: #EA610C;
  text-align: center;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
  text-align: center;
  padding: 10px 0px;
}

/* Age modal css ends */

.cart-price-bar {
  display: none;
}

.popular-collections .pc-all-content {
  max-width: 1300px;
  margin: auto;
  padding: 2rem 20px;
}

.popular-collections .pc-all-content .heading-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.popular-collections .pc-all-content .heading-link h3 {
  font-size: 24px;
  font-weight: bolder;
  display: flex;
}

.popular-collections .pc-all-content .heading-link h3 img {
  display: none;
}

.popular-collections .pc-all-content .heading-link .all-link a {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--99-orange);
  text-decoration: none;
  font-family: 'poppins-normal';
  color: var(--99-orange);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.popular-collections .pc-all-content .heading-link .all-link a img {
  width: 25px;
}

.popular-collections .pc-all-content .pc-collection {
  margin-top: 4rem;
}

.popular-collections .pc-all-content .pc-collection .collection-box .inner-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.popular-collections .pc-all-content .pc-collection .collection-box .inner-box img {
  width: 70%;
}

.popular-collections .pc-all-content .pc-collection .collection-box .inner-box .ib-content {
  margin-top: 2rem;
}

.popular-collections .pc-all-content .pc-collection .collection-box .inner-box .ib-content h4 {
  color: #EA610C;
  font-family: 'poppins-bold-700';
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.popular-collections .pc-all-content .pc-collection .collection-box .inner-box .ib-content p {
  color: #44403C;
  text-overflow: ellipsis;
  font-family: 'poppins-bold-700';
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 4px;
}

.popular-collections .pc-all-content .pc-collection .collection-box .inner-box .ib-content span {
  color: #78716C;
  font-family: 'poppins-400';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
  text-align: left;
}

/** PDP Updated Ends here **/
/** Product detail Page ends **/
/** PDP pdp out of stock **/
.in-stock .oos-box {
  border-radius: 8px;
  border: 1px solid #FDA4AF;
  background: #FFE4E6;
  padding: 8px;
}

.in-stock .oos-box p {
  color: #E11D48;
  font-family: 'poppins-400';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.4px;
  margin-bottom: 0px !important;
}

.in-stock .oos-box p a {
  color: #57534E;
  font-family: 'poppins-400';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.4px;
  text-decoration-line: underline;
}

.stock-alert-bbox {
  border-radius: 16px;
  border: 1px solid #E7E5E4;
  background: #FFF;
  padding: 24px 24px 20px 24px;
  box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
  margin-top: 1.5rem;
}

.stock-alert-bbox .seb-header h5 {
  color: #1C1917;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
}

.stock-alert-bbox form p {
  color: var(--base-neutral-500, #78716C);
  font-family: 'poppins-400';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.4px;
  padding-left: 8px;
}

.stock-alert-bbox form .orng-chkbx {
  margin-top: 2px !important;
}

.trans-btn {
  color: var(--99-orange);
  text-align: center;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
  border-radius: 16px;
  border: 2px solid var(--99-orange);
}

.trans-btn:hover {
  color: #F97C16;
}

/** Product out of stock ends **/
/** FAQs Page **/
/* active class */
.count-01 {
  display: none;
}

.tab-active {
  display: block;
}

.change-color {
  background: var(--99-orange);
  cursor: pointer !important;
  color: #fff;
  pointer-events: visible !important;
}

.change-color:hover {
  color: #fff !important;
}

.border-active {
  background: #F37612;
}

.border-active #active-check-01 {
  display: block;
}

.border-active #active-check-02 {
  display: block;
}

.border-active #active-check-03 {
  display: block;
}

#active-check-01 {
  color: #7d2ae8;
  display: none;
}

#active-check-02 {
  color: #7d2ae8;
  display: none;
}

#active-check-03 {
  color: #7d2ae8;
  display: none;
}

/** Faqs page ends **/
/** My order delivery preparing **/
.p-16 {
  color: #78716C;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
}

.btn-fw {
  width: 100%;
  padding: 13px 24px;
}

.btn-80 {
  border: none;
  width: 80%;
  padding: 14px 24px;
}

/** Cart block page  cart block page starts**/
.cart-prod {
  height: auto;
  width: 70px;
}

.ord-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

.tot-table {
  margin-top: 20px;
  border-top: solid 1px rgba(214, 211, 209, 1);
  border-bottom: double 1px rgba(214, 211, 209, 1);
  border-bottom-style: double;
  padding: 6px 0px 8px 0px;

}

.tot-table h5 {
  color: #44403C;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
}

.tot-table h4 {
  color: #1C1917;
  font-family: 'poppins-normal';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
}

.div1desk {
  gap: 20px;
}

/** order CSS **/

div#mydiv1desk {
  -webkit-order: 1;
}

div#mydiv2desk {
  -webkit-order: 2;
}

div#mydiv3desk {
  -webkit-order: 4;
}

div#mydiv4desk {
  -webkit-order: 6;
}

div#mydiv5desk {
  -webkit-order: 5;
}

div#mydiv6desk {
  -webkit-order: 3;
}

div#mydiv1desk {
  order: 1;
}

div#mydiv2desk {
  order: 2;
}

div#mydiv3desk {
  order: 4;
}

div#mydiv4desk {
  order: 6;
}

div#mydiv5desk {
  order: 5;
}

div#mydiv6desk {
  order: 3;
}

/** Cart block desktop popup 
  **/


/** Bootstrap modal **/
.modal-header {
  border-bottom: 0px !important;
}

.crt-mod .modal-content {
  border-radius: 16px !important;
  border: 0;
}

.crt-mod {
  top: 50px !important;
}


/** Bootstrap modal **/
.crt-blk-pg-pp .product-lays {
  width: 190px;
  height: 190px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.crt-blk-pg-pp .main-product-section {
  padding: 0;
}

.crt-blk-pg-pp .main-product-section .mps-all-content {
  padding: 0;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side {
  padding: 0;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .pd-description {
  display: none;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .ss-content .main-slider {
  width: 100%;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .ss-content .thumb-slider {
  width: 20%;
  position: absolute;
  z-index: 9;
  right: 1.2rem;
  top: 1.2rem;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper .swiper-slide {
  height: 80px !important;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper {
  width: 100%;
  height: 80px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .ss-content .main-slider .mySwiper2 .swiper-slide img {
  border-radius: 0;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side {
  border-radius: 20px 20px 0 0;
  position: relative;
  z-index: 9;
  background: white;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content {
  padding-top: 15px;
  padding-left: 2px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .price h2 {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 2px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .title p {
  max-width: 200px !important;
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper .swiper-slide img {
  width: 65px;
  height: 65px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .title span {
  font-size: 12px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .in-stock {
  margin-top: 7px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .in-stock p {
  font-size: 12px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .quantity-container label {
  display: none;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls {
  position: absolute;
  top: 5px;
  right: 20px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls button img {
  width: 20px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls input {
  height: 42px;
  width: 42px;
  font-size: 14px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls button {
  width: 35px;
  height: 35px;
  border-radius: 9px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .add-cart-btn {
  display: block;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .add-cart-btn {
  margin-top: 0.5rem;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .pd-description.for-mbl {
  display: block;
  border-top: 1px solid rgb(174, 174, 174);
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .pd-description.for-mbl h4 {
  font-size: 13px;
  padding-top: 1rem;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .pd-description.for-mbl p {
  font-size: 12px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .ss-content .main-slider .mb-arrow {
  display: block;
  position: absolute;
  top: 1.7rem;
  left: 1.2rem;
  z-index: 99;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .ss-content .main-slider .mb-arrow a {
  text-decoration: none;
  background-color: rgb(225, 225, 225);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25px;
  width: 25px;
  border-radius: 7px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .ss-content .main-slider .mb-arrow a img {
  width: 31px;
}

/** cart block desktop popup **/
.detail h5 {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
}

.cart-hd {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
}

.detail p {
  color: #78716C;
  font-family: 'poppins-400';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
  text-align: left;
}

#minus {
  width: 40px;
  height: 40px;
  background: #E7E6E4;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 15px;
  font-family: 'poppins-400';
  font-size: 24px;
  font-style: normal;
  line-height: 40px;
  font-weight: 400;
}

#plus {
  width: 40px;
  height: 40px;
  background: #E7E6E4;
  display: flex;
  align-items: center;
  justify-content: center;
  /* flex-direction: column; */
  cursor: pointer;
  border-radius: 15px;
  font-family: 'poppins-400';
  font-size: 24px;
  font-style: normal;
  line-height: 40px;
  font-weight: 400;
}

#show {
  width: 42px;
  height: 40px;
  border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #E7E5E4;
  background: #FFF;
  cursor: pointer;
  display: block;
  text-align: center;
  color: #1C1917;
  text-align: center;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  line-height: 40px;
  font-weight: 400;
}

#minus-01 {
  width: 40px;
  height: 40px;
  background: #E7E6E4;
  display: flex;
  align-items: center;
  justify-content: center;
  /* flex-direction: column; */
  cursor: pointer;
  border-radius: 15px;
  font-family: 'poppins-400';
  font-size: 24px;
  font-style: normal;
  line-height: 40px;
  font-weight: 400;
}

#plus-01 {
  width: 40px;
  height: 40px;
  background: #E7E6E4;
  display: flex;
  align-items: center;
  justify-content: center;
  /* flex-direction: column; */
  cursor: pointer;
  border-radius: 15px;
  font-family: 'poppins-400';
  font-size: 24px;
  font-style: normal;
  line-height: 40px;
  font-weight: 400;
}

#show-01 {
  width: 42px;
  height: 40px;
  border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #E7E5E4;
  background: #FFF;
  cursor: pointer;
  display: block;
  text-align: center;
  color: #1C1917;
  text-align: center;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  line-height: 40px;
  font-weight: 400;
}

.qty-container {
  display: flex;
  gap: 4px;
}

.qty-container .quantity-controls {
  margin-top: 5px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.qty-container .quantity-controls button {
  border: none;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 12px;
}

.qty-container .quantity-controls input {
  width: 42px;
  height: 40px;
  border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #E7E5E4;
  background: #FFF;
  cursor: pointer;
  display: block;
  text-align: center;
  color: #1C1917;
  text-align: center;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  line-height: 40px;
  font-weight: 400;
}

/** For circular progress **/
.shop-circle {
  width: 100%;
}

.box-percentage span.cart-circle {
  width: 50px;
  margin: 0 10px 0 0;
}

span.cart-circle.withsolid {
  background: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: block;
  box-shadow: -2px 2px 7px #40404057;
  position: relative;
  margin: 0 auto;
  border: 4px solid #059669;
}

span.cart-circle.withsolid-hm {
  background: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: block;
  box-shadow: -2px 2px 7px #40404057;
  position: relative;
  margin: 0 auto;
  border: 4px solid #059669;
}

.border-green {
  border: 4px solid #84CC16 !important;
}

span.cart-circle.delivery-img.withsolid:after {
  content: "";
  background: url(../image/truck-lg.svg) no-repeat 0;
  position: absolute;
  width: 38px;
  height: 25px;
  left: 1px;
  top: 8px;
}

span.cart-circle.delivery-img.withsolid-hm:after {
  content: "" !important;
  background: url(../image/user2.svg) no-repeat 0 !important;
  position: absolute;
  width: 32px;
  height: 25px;
  left: 4px;
  top: 8px;
}

/** circular progress ends**/
.cart-ttl {
  color: #44403C;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
}

.cart-ttl-amnt {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
}

.border-02 {
  border-radius: 16px;
  border: 1px solid #FDE047;
  background: #FEF9C3;
}

.count {
  color: #A16607;
  font-family: 'poppins-bold-800';
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 40px;
  /* 125% */
}

.content-001 p {
  color: #44403C;
  font-family: 'poppins-400';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
}

.border-003 {
  border-radius: 16px;
  border: 1px solid #FEF08A;
  background: #FEFCE8;
}

.progress-01 {
  width: 100%;
  height: 13px;
  background: #FED7AA;
  border-radius: 50px;
}

.progress-bar-02 {
  background: var(--99-orange);
  height: 13px;
  width: 15%;
  border-radius: 50px;
}

.progress-bar-03 {
  background: var(--99-orange);
  height: 13px;
  width: 55%;
  border-radius: 50px;
}

.content-001 {
  margin-left: 55px;
}

.w-75 {
  width: 75% !important;
}

.img-002 {
  max-width: 100%;
  height: auto;
  background: #ffffff;
  padding: 12px;
  border-radius: 50%;
  fill: var(--base-white, #FFF);
  filter: drop-shadow(0px 3.200000047683716px 6.400000095367432px rgba(41, 37, 36, 0.08)) drop-shadow(0px 6.400000095367432px 9.600000381469727px rgba(41, 37, 36, 0.16));
}

.gap-edit {
  gap: 15px;
}

.crt-blk .progress {
  width: 300px;
  height: 12px !important;
  border-radius: 50px;
  background: #FED7AA;
}

.progress-bar {
  background: var(--99-orange);
  border-radius: 12px;
}

.crt-blk .img-001 {
  fill: #FFF;
  background: #fff !important;
  stroke-width: 1px;
  stroke: #E7E5E4;
  border: solid 1px #efefef;
  padding: 8px;
  border-radius: 50%;
  margin-right: 15px;
  width: 50px;
}

.crt-blk .prog h6 {
  color: #1C1917;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
}

.crt-blk .prog p {
  color: #44403C;
  font-family: 'poppins-400';
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
}

.cart-block-bottom .detail-product-lays h5 {
  color: #44403C;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
  text-align: left;
}

.cart-block-bottom p {
  color: #78716C;
  font-family: 'poppins-400';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
}

.cart-block-bottom h4 {
  color: #44403C;
  text-align: right;
  font-family: 'poppins-bold-700';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
}

.lays-img {
  width: 45px;
  margin-right: 10px;
}

.badge-light-001 {
  position: absolute;
  z-index: 1;
  /* top: 0px; */
  transform: translate(25px, -8px);
  background: #A855F7 !important;
  border-radius: 12px;
  padding: 3px 6px !important;
  padding: 3px 6px;
  color: #ffffff;
  font-size: 10px !important;
  font-size: 10px;
  font-family: 'poppins-normal';
  line-height: 10px !important;
  color: #fff !important;
}

/** for circular progress in cart **/
.circle-img {
  width: 27px;
  position: absolute;
  transform: translate(-36px, -2px);
}

.sp {
  width: 32px;
  height: 32px;
  clear: both;
  margin-right: 15px;
}

.sp-circle {
  border: 4.5px grey solid;
  border-right: 4.5px #EAB208 solid;
  border-radius: 50%;
  -webkit-animation: spCircRot .6s infinite linear;
  animation: spCircRot .6s infinite linear;
  padding: 8px 19px;
}

/** CSS for popup inside cart **/
#hiw-popup-01.open-popup {
  visibility: visible;
  opacity: 1;
}

#hiw-popup-01 {
  position: fixed;
  top: 8%;
  left: 30%;
  max-width: 600px;
  width: 100%;
  background-color: white;
  border-radius: 20px;
  box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.2784313725);
  opacity: 0;
  visibility: hidden;
  z-index: 99999;
  transition: all 0.2s ease-in-out;
}

#hiw-popup-01 .hiw-content {
  position: relative;
  padding: 1.5rem;
}

#hiw-popup-01 .hiw-content #close-popup-01 {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  background: none;
  border: none;
  cursor: pointer;
}

#hiw-popup-01 .hiw-content #close-popup-01 img {
  width: 20px;
}

#hiw-popup-01 .hiw-content .top-edge {
  height: 4px;
  width: 35px;
  background-color: rgb(213, 210, 210);
  position: absolute;
  top: 15px;
  left: 46%;
  display: none;
}

#hiw-popup-01 .hiw-content .hiw-box h4 {
  color: #1C1917;
  font-family: 'poppins-bold-900';
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
  /* 128.571% */
}

#hiw-popup-01 .hiw-content .hiw-box .main-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 2rem;
  padding-left: 1.2rem;
}

#hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box:last-child .icon::after {
  display: none;
}

#hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box {
  display: flex;
  gap: 1.5rem;
}

#hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .icon {
  width: 15%;
  position: relative;
}

#hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .icon img {
  width: 100%;
}

#hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .icon::after {
  content: "";
  position: absolute;
  top: 88%;
  bottom: 0;
  left: 50%;
  height: 30px;
  border: 1px dashed var(--99-green);
  box-sizing: border-box;
}

#hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .content {
  width: 76%;
}

#hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .content h5 {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 127.273% */
}

#hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .content p {
  color: #78716C;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
}

/** Css for popup ends **/
/** cart block ends **/
/** Cart clear page **/
.b-border-green {
  border-radius: 16px;
  border: 1px solid #BEF264;
  background: #ECFCCB;
}

.b-border-green .count-grn {
  color: #4D7C0F;
  font-family: 'poppins-bold-800';
  font-size: 32px;
  font-style: normal;
  text-align: left;
  line-height: 42px;
}

.b-border-green .box-per-content p {
  color: #44403C;
  font-family: 'poppins-400';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
}

.b-border-green .box-per-content {
  padding-left: 10px;
}

/** My order delivery preparing ends **/
/** order conf thank you **/
.smal-btn {
  width: 82px !important;
}

.top-cntr-img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.em-wid {
  width: 322px;
}

.eml-btn {
  color: var(--99-orange);
  border-radius: 16px;
  border: 2px solid #F97C16;
  padding: 10px 24px;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
  background: transparent;
}

/** My order self pickup preparing **/
.med-box {
  max-width: 343px;
  padding: 24px 16px;
  display: block;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  border: 1px solid #78716C;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

.comp-box {
  border-radius: 16px;
  border: 1px solid #E7E5E4;
  background: rgba(255, 255, 255, 0.80);
  backdrop-filter: blur(4px);
  width: 343px;
  height: 88px;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.comp-box h4 {
  color: #1C1917;
  font-family: 'poppins-bold-900';
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 32px;
  /* 133.333% */
}

.med-box h3 {
  color: #1C1917;
  text-align: center;
  font-family: 'inter-bold-700';
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  /* 100% */
  letter-spacing: 3.2px;
  margin-bottom: 0 !important;
}

.md-p {
  color: #78716C !important;
  text-align: center !important;
  font-family: 'poppins-400' !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  /* 133.333% */
  letter-spacing: 0.4px !important;
  max-width: 343px !important;
  display: block !important;
}

.blue-box {
  border-radius: 16px;
  border: 1px solid #93C5FD;
  background: #DBEAFE;
}

.green-box {
  border-radius: 16px;
  border: 1px solid #BEF264;
  background: #ECFCCB;
  padding: 24px;
}

.green-box p {
  color: #365314;
  text-align: center;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
}

.blue-box p {
  color: #1E3A8A;
  text-align: center;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  padding: 15px 0px 0px 0px;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
}

/** My order self pickup preparing ends **/
/** Cart Block Page **/
/** Cart Block Page **/
.detail h5 {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
}

.cart-hd {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
}

.detail p {
  color: #78716C;
  font-family: 'poppins-400';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
  text-align: left;
}

#minus {
  width: 40px;
  height: 40px;
  background: #E7E6E4;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 15px;
  font-family: 'poppins-400';
  font-size: 24px;
  font-style: normal;
  line-height: 40px;
  font-weight: 400;
}

#plus {
  width: 40px;
  height: 40px;
  background: #E7E6E4;
  display: flex;
  align-items: center;
  justify-content: center;
  /* flex-direction: column; */
  cursor: pointer;
  border-radius: 15px;
  font-family: 'poppins-400';
  font-size: 24px;
  font-style: normal;
  line-height: 40px;
  font-weight: 400;
}

#show {
  width: 42px;
  height: 40px;
  border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #E7E5E4;
  background: #FFF;
  cursor: pointer;
  display: block;
  text-align: center;
  color: #1C1917;
  text-align: center;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  line-height: 40px;
  font-weight: 400;
}

#minus-01 {
  width: 40px;
  height: 40px;
  background: #E7E6E4;
  display: flex;
  align-items: center;
  justify-content: center;
  /* flex-direction: column; */
  cursor: pointer;
  border-radius: 15px;
  font-family: 'poppins-400';
  font-size: 24px;
  font-style: normal;
  line-height: 40px;
  font-weight: 400;
}

#plus-01 {
  width: 40px;
  height: 40px;
  background: #E7E6E4;
  display: flex;
  align-items: center;
  justify-content: center;
  /* flex-direction: column; */
  cursor: pointer;
  border-radius: 15px;
  font-family: 'poppins-400';
  font-size: 24px;
  font-style: normal;
  line-height: 40px;
  font-weight: 400;
}

#show-01 {
  width: 42px;
  height: 40px;
  border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #E7E5E4;
  background: #FFF;
  cursor: pointer;
  display: block;
  text-align: center;
  color: #1C1917;
  text-align: center;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  line-height: 40px;
  font-weight: 400;
}

.qty-container {
  display: flex;
  gap: 4px;
}

.qty-container .quantity-controls {
  margin-top: 5px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.qty-container .quantity-controls button {
  border: none;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 12px;
}

.qty-container .quantity-controls input {
  width: 42px;
  height: 40px;
  border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #E7E5E4;
  background: #FFF;
  cursor: pointer;
  display: block;
  text-align: center;
  color: #1C1917;
  text-align: center;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  line-height: 40px;
  font-weight: 400;
}

.cart-ttl {
  color: #44403C;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
}

.cart-ttl-amnt {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
}

.border-02 {
  border-radius: 16px;
  border: 1px solid #FDE047;
  background: #FEF9C3;
}

.count {
  color: #A16607;
  font-family: 'poppins-bold-800';
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 40px;
  /* 125% */
}

.content-001 p {
  color: #44403C;
  font-family: 'poppins-400';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
}

.border-003 {
  border-radius: 16px;
  border: 1px solid #FEF08A;
  background: #FEFCE8;
}

.progress-01 {
  width: 100%;
  height: 13px;
  background: #FED7AA;
  border-radius: 50px;
}

.progress-bar-02 {
  background: var(--99-orange);
  height: 13px;
  width: 15%;
  border-radius: 50px;
}

.progress-bar-03 {
  background: var(--99-orange);
  height: 13px;
  width: 55%;
  border-radius: 50px;
}

.content-001 {
  margin-left: 55px;
}

.w-75 {
  width: 75% !important;
}

/** for cart page **/
#mydiv3desk .w-75 {
  width: 100% !important;
}

.img-002 {
  max-width: 100%;
  height: auto;
  background: #ffffff;
  padding: 12px;
  border-radius: 50%;
  fill: var(--base-white, #FFF);
  filter: drop-shadow(0px 3.200000047683716px 6.400000095367432px rgba(41, 37, 36, 0.08)) drop-shadow(0px 6.400000095367432px 9.600000381469727px rgba(41, 37, 36, 0.16));
}

/** Accordian CSS ends **/
/** CTA Footer **/
.CTA-footer {
  margin-bottom: -50px;
  margin-top: 8rem;
  padding: 30px 40px 40px 40px !important;
  border-radius: 24px 24px 0px 0px;
  background: #FEF9C3;
}

.CTA-footer .home-form {
  padding-left: 40px !important;
}

.CTA-footer .row {
  align-items: center;
}

.cta-form {
  display: flex;
}

.CTA-footer .row .col-md-7 {
  padding-top: 50px;
}

.CTA-footer .row .col-md-5 .btn-search {
  background-color: transparent;
  color: var(--99-orange);
  border: solid 2px var(--99-orange);
  padding: 10px 20px;
}

.CTA-footer .row .col-md-7 h2 {
  color: #1C1917;
  font-family: 'poppins-bold-900';
  font-size: 30px;
  font-style: normal;
  font-weight: 900;
  line-height: 38px;
  /* 125% */
}

.CTA-footer .row .col-md-7 p {
  color: #44403C;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
}

.CTA-footer .row .col-md-5 .search-icon {
  transform: translate(25px, -35px);
}

.CTA-footer .col-md-7 .mt-33 {
  bottom: 80%;
  width: 154px;
  position: absolute;
}

/** CTA Footer ends **/
/** Top Footer **/
.top-footer {
  margin-top: 50px !important;
  border-top: 8px solid var(--99-yellow);
  padding: 30px 15px 22px 15px;
  background: var(--99-green);
  margin-top: 100px;
}

.list-style-none {
  list-style: none;
  gap: 50px;
}

.sml-gp {
  list-style: none;
  gap: 25px;
}

.less-gt {
  padding-right: 7px !important;
}

.footer-li {
  color: #fff;
  font-family: 'poppins-400';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.4px;
}

.foot-desc-txt {
  color: #fff;
  margin: 10px 0px 0px 0px;
  font-size: 12px;
  text-decoration: underline;
}

.footer-li a {
  color: var(--99-orange);
  text-align: center;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
}

.footer-desc {
  color: #FFF;
  font-family: 'poppins-400';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.4px;
}

.footer-btn {
  color: var(--99-orange);
  text-align: center;
  float: right;
  height: 48px;
  font-family: 'poppins-normal';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
  border-radius: 16px;
  border: 2px solid var(--99-orange);
}

.footer-btm-des {
  color: #FFF;
  text-align: right;
  font-family: 'poppins-500';
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.3px;
}

.less-gutter {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

/** Top Footer ends **/
/** Bottom Footer **/
.bottom-footer {
  margin-top: 150px;
  background: #E7E5E4;
  padding: 12px 16px 12px 12px;
}

.bottom-footer p {
  color: #78716C;
  text-align: center;
  font-family: 'poppins-normal';
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.3px;
  margin-bottom: 0px;
}

/** Bootom Footer ends **/
/** CSS for popup **/
#popup-btn {
  margin-top: 2rem;
}

#popup-btn button {
  border: none;
  background-color: #ff4500;
  width: 150px;
  height: 42px;
  border-radius: 20px;
  font-size: 16px;
  text-transform: capitalize;
  color: #FFFFFF;
  font-weight: 600;
  cursor: pointer;
}

/** New how it Works bootstrap popup ***/
.main-boot-mod .modal-content {
  width: 600px;
  max-width: 600px !important;
  top: 10px;
  border-radius: 16px;
  border: 0;
  overflow-y: scroll !important;
}

.boot-mod .hiw-content {
  position: relative;
  padding: 10px 1rem;
}

.main-boot-mod .modal-header {
  padding-bottom: 0;
}

.main-boot-mod .modal-body {
  padding-top: 0px;
}

.main-boot-mod .modal-header h4 {
  color: #1C1917;
  font-family: 'poppins-bold-900';
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
}

.boot-mod .hiw-content button {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  background: none;
  border: none;
  cursor: pointer;
}

.boot-mod .hiw-content button img {
  width: 20px;
}

.boot-mod .hiw-content .top-edge {
  height: 4px;
  width: 35px;
  background-color: rgb(213, 210, 210);
  position: absolute;
  top: 15px;
  left: 46%;
  display: none;
}

.boot-mod .hiw-content .hiw-box h4 {
  color: #1C1917;
  font-family: 'poppins-bold-900';
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
  /* 128.571% */
}

.boot-mod .hiw-content .hiw-box .main-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 0.5rem;
  padding-left: 1.2rem;
}

.boot-mod .hiw-content .hiw-box .main-content .inner-box:last-child .icon::after {
  display: none;
}

.boot-mod .hiw-content .hiw-box .main-content .inner-box {
  display: flex;
  gap: 1.5rem;
}

.boot-mod .hiw-content .hiw-box .main-content .inner-box .icon {
  width: 15%;
  position: relative;
}

.boot-mod .hiw-content .hiw-box .main-content .inner-box .icon img {
  width: 80px;
}

.boot-mod .hiw-content .hiw-box .main-content .inner-box .icon::after {
  content: "";
  position: absolute;
  top: 88%;
  bottom: 0;
  left: 50%;
  height: 30px;
  border: 2px solid var(--99-orange);
  box-sizing: border-box;
}

.boot-mod .hiw-content .hiw-box .main-content .inner-box .content {
  width: 76%;
}

.boot-mod .hiw-content .hiw-box .main-content .inner-box .content h5 {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 127.273% */
}

.boot-mod .hiw-content .hiw-box .main-content .inner-box .content p {
  color: #78716C;
  font-family: 'poppins-400';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
}

/** New how it Works bootstrap popup ends ***/

/** alert boxes **/
/* alert-box css start */
/* sale button */
.wdp-ribbon-inner-wrap {
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

.wdp-ribbon-border {
  width: 0;
  height: 0;
  border-left: 82px solid #E11D48;
  border-bottom: 82px solid transparent;
  z-index: 12;
  position: relative;
  top: -28px;
}

.wdp-ribbon-text {
  font-size: 14px;
  color: #FACC15;
  font-family: 'poppins-bold-700';
  line-height: 14px;
  position: absolute;
  z-index: 14;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(-45deg);
  top: 18px;
  left: -11px;
  width: 76px;
  text-align: center;

}

.wdp-ribbon-six {
  background: none !important;
  position: relative;
  box-sizing: border-box;
  position: absolute;
  width: 78px;
  height: 78px;
  margin-left: 5px;
  padding: 0px;
  overflow: hidden;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
}

/* sale button */
.alert-01 {
  position: absolute;
  top: 40px;
  font-size: 14px;
  font-family: 'poppins-400';
  color: #fff !important;
}

.alert {
  padding: 10px !important;
}

.loc-alert {
  z-index: 999;
  width: 295px;
  background: #000 !important;
  border-color: #000 !important;
}

.alert-dismissible .close {
  position: absolute;
  top: 5px !important;
  right: 7px !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 14px !important;
}

.close {
  text-shadow: none !important;
  opacity: 1 !important;
}

.alert-dismissible {
  padding: 14px 25px 14px 14px !important;
}

/* alert-boxes css end */
/** forms erroe message **/
/**
.error{
  position: absolute;
  top: 50px;
}
**/

/** new progress bar circular **/
.c-progress-bar {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-image: url(../image/circular-progress-middle.svg), radial-gradient(closest-side, #fef9c3 79%, transparent 45% 100%), conic-gradient(#eab207 45%, grey 0);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}

.new-cpb {
  padding-top: 10px;
  display: flex;
}

/** New categories css **/
.cat-container {
  display: grid;
  grid-template-columns: 1fr;
  overflow-x: scroll
}

.cat-container {
  grid-template-rows: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.cat-container {
  padding: 10px;
  margin: 20px auto;
}

.item-active {
  background: #FEF9C3 !important;
  color: #713F12 !important;
  margin-right: -10px !important;
  font-size: 16px !important;
}

.item-active:hover {
  background: #f9f194 !important;
}

.cat-item {
  padding: 0px 10px 0 0;
  margin: 5px 5px;
  width: 216px;
  background: #F5F5F4;
  border: solid 2px #f5f5f4;
  font-family: 'poppins-normal' !important;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.30px;
  text-align: left;
  display: flex;
  align-items: center;
  color: #1C1917;
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  word-break: break-word;
  max-height: 56px;
}

.cat-item:hover {
  background: #e1e1e1;
  transition: 0.3s ease-in-out !important;
}

.cat-lnk:hover {
  text-decoration: none;
}

.cat-item img {
  width: 50px;
  margin: 0 9px 0 0;
}

.item-active img {
  transform: rotate(39deg);
}


/** Homepage product slider **/
.product-slider-home {
  width: 100%;
}

.product-slider-home .swiper-container {
  width: 100%;
  padding-bottom: 0px;
  overflow: hidden;
}

.product-slider-home .swiper-slide {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.product-slider-home .swiper-slide img {
  width: 100%;
}


.product-slider-home .swiper-button-prev,
.swiper-button-next {
  color: #000;
  border-radius: 16px;
  background: #E7E5E4;
}

.product-slider-home .swiper-button-prev {
  color: #000;
  padding: 10px 20px;
  border-radius: 50%;
}

.product-slider-home .swiper-button-next {
  color: #000;
  padding: 10px 20px;
  border-radius: 50%;
}

.product-slider-home .swiper-pagination {
  position: relative;
}

.product-slider-home .swiper-pagination-horizontal {
  top: 30px !important;
}

.product-slider-home .swiper-pagination-bullet {
  border-radius: 99px;
  background: var(--99-orange);
  width: 30px;
  height: 5px;
}

.product-slider-home .swiper-button-next {
  margin-top: -250px;
  top: auto;
}

.product-slider-home .swiper-button-prev {
  margin-top: -250px;
  top: auto;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 15px !important;
}
/** What's new completed section design **/
.whatsnew-slider-section{
  /* border-bottom: 8px solid var(--99-yellow);
  border-top: 8px solid var(--99-yellow); */
  padding-bottom: 30px;
  background-color: #fef9c3;
}

.whats-new-banner-heading{
  margin-bottom: 10px !important;
  margin-top: 0px !important;
}

 .new-word{
  font-family: Permanent Marker !important;
  font-size: 50px !important;
  font-weight: 400 !important;
  line-height: 64px !important;
  text-align: left !important;
  color: #713F12  !important;

  
}
 .new-word-caption{
  color: #713F12;
  font-family: 'poppins-bold-900';
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
  
}

.whatsnew-slider-section .product-slider-home .product-swiper-container .swiper-wrapper .swiper-slide .product-image
{
  border-radius: 10px !important;
}
.whatsnew-slider-section .product-slider-home .product-swiper-container .swiper-wrapper .swiper-slide .mt-2 h6
{
  color:#000000 !important;
}
/** Homepage product slider ends**/
/** Cart empty css Order history **/
.repurchase-div {
  border-radius: 16px;
  border: 1px solid #E7E5E4;
  background: #FFF;
  box-shadow: 0px 1px 3px 0px rgba(41, 37, 36, 0.16), 0px 1px 2px 0px rgba(41, 37, 36, 0.08);
}

.repurchase-div .show-ordr-hstry {
  padding: 12px 12px;
}

.show-ordr-hstry .ylo-repurchase-hdng {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
  /* 128.571% */
}


.rotate-chevron {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.prdct-dtl-ylo-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.sngl-prdct-dtl-ylo-main {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  justify-content: space-between;
  padding: 16px 16px;
}

.sngl-prdct-dtl-ylo-main-lft {
  display: flex;
  width: 280px;
  align-items: flex-start;
  gap: 8px;
}

.sngl-prdct-dtl-ylo-main .prdct-img-title {
  display: flex;
  width: 280px;
  align-items: flex-start;
  gap: 8px;
}

.sngl-prdct-dtl-ylo-main .hdng-spcs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.prdct-dtl-ylo-main .insd-prdct-dtl-ylo-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.sngl-prdct-dtl-ylo-main .cart-pro-img {
  position: relative;
}

.sngl-prdct-dtl-ylo-main .cart-pro-img img {
  width: 38px;
}


.sngl-prdct-dtl-ylo-main .pro-heading {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
  text-align: left;
}

.sngl-prdct-dtl-ylo-main .cart-pro-img span {
  position: absolute;
  background: #A855F7;
  padding: 0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  right: -2px;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.5px;
  text-align: center;
  top: -7px;
}

.sngl-prdct-dtl-ylo-main .pro-price {
  color: #44403C;
  text-align: right;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.sngl-prdct-dtl-ylo-main .hdng-spcs .pro-weight {
  font-family: 'poppins-400';
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
  text-align: left;
  color: #78716C;
  margin-bottom: 7px;
}

.stckng-up-agn-dv {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border: 1px solid #93C5FD;
  background: #DBEAFE;
  border-radius: 0px 0px 16px 16px;
}

.stckng-up-agn-dv .innr-stckng-up-agn-dv {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.lft-innr-stckng-up-agn-dv {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
}

.lft-innr-stckng-up-agn-dv h3 {
  color: #44403C;
  font-family: 'poppins-bold-700';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
  margin: 0;
}

.lft-innr-stckng-up-agn-dv p {
  text-align: left;
  margin: 0;
}

.rght--innr-stckng-up-agn-dv {
  display: flex;
  align-items: flex-start;
  gap: -12px;
}

.prdct-img-ce {
  display: flex;
  transform: rotate(-8deg);
  align-items: flex-start;
  gap: -100px;
}

.prdct-img-ce img {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 8px;
}

.prdct-img-ce-mi {
  display: flex;
  width: 48px;
  height: 48px;
  flex-direction: column;
  justify-content: center;
  transform: rotate(-8deg);
  align-items: flex-start;
  gap: -100px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--Base-Primary-400, #FB983C);
  background: var(--Base-Primary-100, #FFEDD5);
}

.prdct-img-ce-mi a {
  color: #EA610C;
  text-align: center;
  font-family: 'poppins-400';
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 12px;
  /* 120% */
  letter-spacing: 0.1px;
}
.prdct-img-ce-mi span {
  color: #EA610C;
  text-align: center;
  font-family: 'poppins-400';
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 12px;
  /* 120% */
  letter-spacing: 0.1px;
}

/** new promo banner **/
.whats-new-banner {
  position: relative;
  /* padding: 8px; */
  border: 5px solid var(--99-orange);
  animation: blinkBorder 1s infinite;
  border-radius: 12px;
  box-shadow: 0 15px 30px 0 rgba(255, 121, 0, 0.60);
  /* background: #fff; */
}

@keyframes blinkBorder {
  0%, 100% {
    border-color: var(--99-orange);
  }
  50% {
    border-color: var(--99-yellow);
  }
}

.promo-ribbon {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 60px solid #F00;
  border-bottom: 60px solid transparent;
  z-index: 1;
  border-top-left-radius: 8px;
}

.promo-ribbon-text {
  position: absolute;
  top: 10px;
  left: 3px;
  transform: rotate(-45deg);
  font-size: 16px;
  font-weight: bold;
  color: var(--99-yellow);
  font-family: poppins-bold-700;;
  z-index: 2;
 
}

.whats-new-banner img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}

.whats-new-banner .wn-banner-img-desktop{
  display: block;
}

.whats-new-banner .wn-banner-img-mob{
  display: none;
}



/** Extra small Media Query **/
@media only screen and (min-device-width: 314px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 1) {
  .chck-pg .cart-md label {
    width: 220px !important;
  }
}

/** Media Query for Mobile Phones **/
@media (max-width: 767px) {

  .whatsnew-slider-section .container .prod-lst .prod-listing .mb-0 .new-word-caption
  {
    color: #713F12;
    font-family: 'poppins-bold-900';
    font-size: 22px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;
    
  }

  .whatsnew-slider-section{
    /* border-bottom: 8px solid var(--99-yellow);
    border-top: 8px solid var(--99-yellow); */
    padding-bottom: 25px;
    background-color: #fef9c3;
  }
  .prod-lst {
    padding: 0px 0px 15px 0px;
  }
  .whatsnew-slider-section .container .prod-lst .prod-listing .mb-0 .new-word
  {
    font-family: Permanent Marker !important;
    font-size: 44px !important;
    font-weight: 400 !important;
    line-height: 64px !important;
    text-align: left !important;
    color: #713F12  !important;
  
    
  }

  .country-selector {
    width: 251px !important;
  }

  .wg-drop.country-selector ul {
    border-radius: 0px;
  }

  .wg-drop.country-selector .wgcurrent {
    border: none;
    border-radius: 0px;
    box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.05);
  }

  .header-01 {
    background: #FAFAF9;
    box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
    display: block;
    padding: 12px 24px;
  }

  header .mltpl-hdr .container {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .header {
    display: none;
  }

  .d-none-smal {
    display: none;
  }

  .header-form-ph {
    width: 230px !important;
  }

  .header-001 {
    background: #FAFAF8;
    display: none;
    position: fixed;
    height: 100vh;
    z-index: 1111;
    top: 0px;
    width: 200px;
    line-height: 60px;
    transform: translateX(-250px);
  }

  .header-001 ul li {
    list-style: none;
  }

  .header-001 ul li a {
    color: #333;
  }

  .active-001 {
    display: block;
    transform: translateX(0px);
  }

  .icon-nav {
    color: rgba(120, 113, 108, 1);
    cursor: pointer;
    font-size: 22px;
  }

  .alert-box-home {
    display: none;
  }

  .badge-light {
    position: absolute;
    z-index: 1;
    top: -2px;
    right: 42px;
    /* transform: translate(28px, 18px); */
    background: #A855F7 !important;
    border-radius: 12px;
    padding: 3px 7px;
    color: #ffffff;
    font-size: 11px;
    font-family: 'poppins-normal';
  }

  /** Bottom header start **/
  .mltpl-hdr .zero-red {
    background: rgb(255 186 130);
  }

  .mltpl-hdr .ff-green {
    background: rgba(190, 242, 100, 1);
  }

  .mltpl-hdr .hdr-cont {
    gap: 1px;
    width: 135px;
  }

  .mltpl-hdr .fs-self {
    font-size: 11px !important;
  }

  .mltpl-hdr .fs-self1 {
    font-size: 11px !important;
  }

  .mltpl-hdr .progress {
    width: 98px;
    height: 8px;
  }

  .mltpl-hdr .d-none-fbh {
    display: none;
    position: absolute !important;
    top: 40px !important;
  }

  .mltpl-hdr .form-control {
    position: relative !important;
    z-index: 999;
  }

  /** Bottom header end **/
  /** For categories **/
  .cat-sec .cat-cont {
    padding-top: 15px;
  }

  ul.product-listing li a.active {
    font-size: 12px;
  }

  ul.product-listing li a {
    width: 150px;
    font-size: 11px;
  }

  ul.product-listing {
    width: 576%;
  }

  ul.product-listing li {
    width: 7.5%;
  }

  /** For categories ends**/
  /** new categories CSS **/
  .cat-item {
    width: 150px !important;
    font-size: 11px !important;
  }

  .item-active span {
    font-size: 12px !important;
  }

  /** new categories CSS **/
  /** Bottom header CSS **/
  .bottom-nav {
    font-family: 'poppins-normal';
  }

  .gap-80 {
    gap: 10px;
    margin-left: 0px;
  }

  /** Bottom header CSS ends **/
  .main-wrapper-home {
    background: url(../image/new-99-banner.png) top left / cover no-repeat;
  }

  /** payment gateway **/
  .pmnt-gtwy h2 {
    font-size: 32px;
  }

  .pmnt-gtwy p {
    font-size: 18px;
  }

  .pmnt-gtwy img {
    width: 300px;
  }

  /** payment gateway ends**/
  /** System direct page **/
  .sys-dir h5 {
    padding: 3rem 0rem 2rem 0rem;
  }

  /** System direct page **/
  /** Login type pages **/
  .less-lp-lg {
    padding-left: 15px !important;
  }

  .ph-login .box-border .btn-log {
    padding: 10px 24px;
    margin-top: 10px;
  }

  .log-rg-innr {
    display: flex;
    flex-direction: column-reverse;
  }

  .log-rg-innr .col-sm-12 {
    margin: 22px 0px;
  }

  .lr-pg .top-hd {
    color: #1C1917;
    font-family: 'poppins-bold-900';
    font-size: 24px;
    line-height: 32px;
    font-style: normal;
    font-weight: 900;
  }

  .top-hd {
    color: #1C1917;
    font-family: 'poppins-bold-900';
    font-size: 26px;
    line-height: 32px;
    font-style: normal;
  }

  .lr-pg .btn-need {
    padding: 5px 16px;
  }

  .country-code-ph {
    transform: translate(38px, -34px);
  }

  .otp-login .box-border {
    border: none !important;
    box-shadow: unset !important;
    padding: 5px 8px !important;
  }

  .otp-login .box-border p {
    margin-top: 10px !important;
  }

  .otp-login .box-border p:last-child {
    margin-top: 1px !important;
  }

  .otp-login .box-border .sub-btn,
  .btn-log {
    padding: 10px 24px;
    margin-top: 10px;
  }

  .otp-login .box-border .otp-control {
    width: 40px !important;
  }

  .otp-red .box-border {
    border: none !important;
    box-shadow: unset !important;
    padding: 5px 8px !important;
  }

  .otp-red img {
    margin: 5px !important;
  }

  .ph-login .p-12 {
    font-family: 'poppins-400';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    text-align: center !important;
  }

  .main-wrapper-01 {
    height: 164px;
  }

  .hero-heading {
    font-size: 32px;
    margin-bottom: 0;
    line-height: 40px;
  }

  .sm-d-none {
    display: none;
  }

  /** utilities classes **/
  .con-hd {
    font-size: 16px;
    line-height: 22px;
  }

  .question-arrow h5 {
    font-size: 16px !important;
    font-family: 'poppins-bold-700';
  }

  .shop-cart-table td h4.pro-heading {
    font-size: 14px;
    font-family: 'poppins-400';
    line-height: 18px;
  }

  .shop-cart-table td .pro-price {
    font-size: 14px;
    line-height: 20px;
  }

  .rm-td .grand-ttl {
    font-size: 16px;
  }

  /** Cart block page **/
  /** pagination related **/
  .page-link {
    position: relative;
    display: block;
    padding: 0.6rem 0.5rem !important;
    margin-left: -1px !important;
    line-height: 1.25 !important;
    color: #f97c16 !important;
    background-color: transparent !important;
    border: 0px solid #dee2e6 !important;
  }

  .page-item.active .page-link {
    margin-top: 6px !important;
    border-radius: 8px !important;
    padding: 3px 10px !important;
  }

  /** new modal in cart page **/
  .crt-mod .modal-content {
    z-index: 99999999999999999999 !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: 0;
  }

  .crt-mod .modal-header {
    padding: 10px 15px 0px 5px !important;
  }

  .cart-price-bar .cpb-all-content .g-check .btn-grey {
    cursor: not-allowed !important;
    background: #D6D3D1;
    color: #A8A29E;
  }

  .nbbx-sm .box-border {
    border: none;
    box-shadow: none;
  }

  .crt-blk .progress {
    width: 100%;
    height: 8px !important;
    border-radius: 50px;
    background: #FED7AA;
  }

  .crt-blk .box-border {
    padding: 0px !important;
  }

  .crt-blk .prog h6 {
    font-size: 12px;
    line-height: 16px;
  }

  .crt-blk .prog p {
    font-size: 12px;
  }

  .crt-blk .img-001 {
    width: 40px;
    margin-right: 10px;
  }

  .cart-blk .progress-bar {
    background: var(--99-orange);
    border-radius: 12px;
  }

  .crt-blk .top-hd {
    text-align: left !important;
    margin-left: 0% !important;
  }

  .crt-blk .content-001 {
    margin-left: 0px;
  }

  .crt-blk-pg-pp .main-product-section .mps-all-content .contect-side {
    padding: 0px !important;
  }

  .crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .add-cart-btn {
    display: block !important;
  }

  /** Popup for small devices **/
  #hiw-popup-01 {
    top: auto;
    bottom: -100%;
    left: 0;
    border-radius: 20px 20px 0 0;
    transition: all 0.5s ease-in-out;
  }

  #hiw-popup-01 .hiw-content {
    position: relative;
    padding: 2.2rem 1rem 1rem 1.2rem;
  }

  #hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .content p {
    font-size: 15px;
    line-height: 23px;
    /* 150% */
    margin: 0px;
  }

  #hiw-popup-01 .hiw-content .top-edge {
    display: block;
  }

  #hiw-popup-01.open-popup {
    visibility: visible;
    opacity: 1;
    z-index: 9999999999999;
    bottom: 0px;
  }

  #hiw-popup-01 .hiw-content .hiw-box .main-content {
    padding-left: 5px;
    gap: 2.5rem;
  }

  #hiw-popup-01 .hiw-content .hiw-box h4 {
    font-size: 22px;
  }

  #hiw-popup-01 .hiw-content .hiw-box .main-content .hide-mbl {
    display: none;
  }

  #hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box {
    gap: 1rem;
    align-items: flex-start;
  }

  #hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .content h5 {
    font-size: 16px;
  }

  #hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .icon {
    width: 24%;
  }

  #hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .icon::after {
    top: 105%;
  }

  .crt-blk-pg-pp .product-lays {
    width: 110px;
    height: 110px;
    margin-top: -30px;
    margin: auto;
    display: block;
  }

  .crt-blk-pg-pp .main-product-section .mps-all-content .contect-side {
    border-radius: 20px 20px 0 0;
    margin-top: 0rem !important;
    position: relative;
    z-index: 9;
    background: white;
    display: block;
  }

  .crt-blk-pg-pp .product-lays {
    display: block !important;
  }

  /** Popup for small devices on cart block ends**/
  /** order **/
  div#mydiv1desk {
    -webkit-order: 4;
  }

  div#mydiv2desk {
    -webkit-order: 5;
  }

  div#mydiv3desk {
    -webkit-order: 1;
  }

  div#mydiv4desk {
    -webkit-order: 3;
  }

  div#mydiv5desk {
    -webkit-order: 2;
  }

  div#mydiv1desk {
    order: 4;
  }

  div#mydiv2desk {
    order: 5;
  }

  div#mydiv3desk {
    order: 1;
  }

  div#mydiv4desk {
    order: 3;
  }

  div#mydiv5desk {
    order: 2;
  }

  .main-errr-wrapper {
    height: 220px;
  }

  .bottom-grn-footer {
    margin-top: 150px;
  }

  .bottom-grn-footer p {
    text-align: center;
    padding: 4px;
  }

  .bottom-grn-footer .lst-chld p {
    text-align: center !important;
  }

  /** account page **/
  .pad-ctrl {
    padding: 0px !important;
    width: 100%;
  }

  .pad-ctrl .box-border {
    padding: 0px !important;
    border: none !important;
    box-shadow: none !important;
  }

  /** Prod Page **/
  .prod-listing .all-link {
    display: none;
  }

  .plp-cntnr .prod-list-pg .col-md-12 {
    padding-left: 3px;
    padding-right: 3px;
  }

  .sticky1 {
    margin-left: 0px;
  }

  .pd-hd {
    font-family: 'poppins-bold-700';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
  }

  .prod-listing h4 img {
    display: inline-flex;
  }

  .link-for-mbl {
    display: flex !important;
  }

  .link-for-mbl .lfm-content a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .small-flex>div:last-child {
    text-decoration: none;
    display: flex;
    margin-bottom: 15px;
    margin-left: 10px;
    flex-direction: column;
    align-items: center;
    background-color: rgb(219, 216, 216);
    justify-content: center;
    border-radius: 20px;
  }

  .plp-cntnr .small-flex>div:last-child {
    text-decoration: none;
    display: flex;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    align-items: baseline;
    justify-content: flex-start !important;
    border-radius: 0px !important;
    position: relative !important;
  }

  .main-product-section {
    padding: 0;
  }

  .main-product-section .mps-all-content {
    padding: 0;
  }

  .main-product-section .mps-all-content .slider-side {
    padding: 0;
  }

  .main-product-section .mps-all-content .slider-side .pd-description {
    display: none;
  }

  .main-product-section .mps-all-content .slider-side .ss-content .main-slider {
    width: 100%;
  }

  .main-product-section .mps-all-content .slider-side .ss-content .thumb-slider {
    width: 20%;
    position: absolute;
    z-index: 9;
    right: 1.2rem;
    top: 1.2rem;
  }

  .main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper .swiper-slide {
    height: 80px !important;
  }

  .main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper {
    width: 100%;
    height: 80px;
  }

  .main-product-section .mps-all-content .slider-side .ss-content .main-slider .mySwiper2 .swiper-slide img {
    border-radius: 0;
    display: block;
    width: 180px;
    margin-left: 19vw;
    background: #fff;
    margin-right: auto;
  }

  .main-product-section .mps-all-content .contect-side {
    border-radius: 20px 20px 0 0;
    margin-top: -0.5rem;
    position: relative;
    z-index: 9;
    background: white;
  }

  .main-product-section .mps-all-content .contect-side .cs-content {
    padding-top: 15px;
    padding-left: 2px;
  }

  .main-product-section .mps-all-content .contect-side .cs-content .price h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    /* 127.273% */
    margin-bottom: 2px;
  }

  .main-product-section .mps-all-content .contect-side .cs-content .title p {
    max-width: 200px !important;
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.15px;
  }

  .main-product-section .mps-all-content .contect-side .cs-content .title h1 {
    max-width: 200px !important;
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.15px;
  }

  .main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper .swiper-slide img {
    width: 65px;
    height: 65px;
  }

  .main-product-section .mps-all-content .contect-side .cs-content .title span {
    font-size: 12px;
  }

  .main-product-section .mps-all-content .contect-side .cs-content .in-stock {
    margin-top: 7px;
  }

  .main-product-section .mps-all-content .contect-side .cs-content .in-stock p {
    font-size: 12px;
  }

  .main-product-section .mps-all-content .contect-side .cs-content .quantity-container label {
    display: none;
  }

  .main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls {
    position: absolute;
    top: 5px;
    right: 20px;
  }

  .main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls button img {
    width: 20px;
  }

  .main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls input {
    height: 42px;
    width: 42px;
    font-size: 14px;
  }

  .main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls button {
    width: 35px;
    height: 35px;
    border-radius: 9px;
  }

  .main-product-section .mps-all-content .contect-side .cs-content .add-cart-btn {
    display: none;
  }

  .main-product-section .mps-all-content .contect-side .cs-content .pd-description.for-mbl {
    display: block;
    border-top: 1px solid rgb(174, 174, 174);
  }

  .main-product-section .mps-all-content .contect-side .cs-content .pd-description.for-mbl h4 {
    font-size: 13px;
    padding-top: 1rem;
  }

  .main-product-section .mps-all-content .contect-side .cs-content .pd-description.for-mbl p {
    font-size: 12px;
  }

  .main-product-section .mps-all-content .slider-side .ss-content .main-slider .mb-arrow {
    display: block;
    position: absolute;
    top: 1.7rem;
    left: 1.2rem;
    z-index: 99;
  }

  .main-product-section .mps-all-content .slider-side .ss-content .main-slider .mb-arrow a {
    text-decoration: none;
    background-color: rgb(225, 225, 225);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    width: 25px;
    border-radius: 7px;
  }

  .main-product-section .mps-all-content .slider-side .ss-content .main-slider .mb-arrow a img {
    width: 31px;
  }

  .popular-collections .pc-all-content {
    padding: 2rem 5px 4rem 5px;
  }

  .popular-collections .pc-all-content .heading-link .all-link {
    display: none;
  }

  .popular-collections .pc-all-content .pc-collection {
    margin-top: 2rem;
  }

  .popular-collections .pc-all-content .pc-collection {
    margin-top: 2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .popular-collections .pc-all-content .pc-collection .collection-box {
    width: 40%;
  }

  .popular-collections .pc-all-content .pc-collection .collection-box .inner-box img {
    width: 75%;
  }

  .popular-collections .pc-all-content .pc-collection .collection-box .inner-box .ib-content {
    margin-top: 1rem;
  }

  .popular-collections .pc-all-content .pc-collection .collection-box .inner-box .ib-content h4 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
  }

  .popular-collections .pc-all-content .pc-collection .collection-box .inner-box .ib-content p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
  }

  .popular-collections .pc-all-content .heading-link h3 {
    font-size: 22px;
    align-items: center;
  }

  .popular-collections .pc-all-content .heading-link h3 img {
    display: block;
    margin-left: 1rem;
    margin-top: 5px;
    width: 14px;
    height: 14px;
  }

  .cart-price-bar {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #FFFFFF;
    width: 100%;
    z-index: 999;
    padding: 0 1rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }

  .cart-price-bar .cpb-all-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
  }

  .cart-price-bar .cpb-all-content .total-price span {
    font-size: 12px;
  }

  .cart-price-bar .cpb-all-content .total-price p {
    font-size: 14px;
    font-weight: bolder;
    margin: -3px 0 0 0;
  }

  .cart-price-bar .cpb-all-content .cart-btn button {
    border-radius: 16px;
    background: var(--99-orange);
    color: #FFF7ED;
    border: none;
    text-align: center;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    width: 150px;
    padding: 10px 14px;
  }

  .popular-collections .pc-all-content .pc-collection .link-for-mbl {
    background-color: rgb(219, 216, 216);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
  }

  .popular-collections .pc-all-content .pc-collection .link-for-mbl .lfm-content {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .popular-collections .pc-all-content .pc-collection .link-for-mbl .lfm-content a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .popular-collections .pc-all-content .pc-collection .link-for-mbl .lfm-content a img {
    width: 30px;
  }

  .popular-collections .pc-all-content .pc-collection .link-for-mbl .lfm-content a span {
    color: 12px;
    color: var(--99-orange);
  }

  /** age popup for small devices **/
  .ag-mdl .modal-content {
    max-width: 100%;
    border-radius: 20px 20px 0px 0px !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: none;
    border: 0;
  }

  .ag-mdl .modal-body {
    padding: 20px 20px 32px 20px !important;
  }

  .ag-mdl .modal-body h2 {
    font-family: 'poppins-bold-800';
    font-size: 22px;
    line-height: 28px;
  }

  /** age popup for small devices **/



  /** Top home section **/
  .main-wrapper-home .cnt-hm .hero-heading {
    font-size: 28px;
    margin-bottom: 0;
    line-height: 36px;
  }

  .main-wrapper-home .cnt-hm .desc {
    font-size: 14px;
  }

  .cnt-hm .frm-grp-75 {
    width: 100%;
  }

  .cnt-hm .input-feild {
    margin-bottom: -31px !important;
  }

  .section-3 .hero-heading-2 {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 60px;
  }

  .section-3 .hero-heading-2 {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 60px;
  }

  .section-pl .hero-heading-2 {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 60px;
  }

  .prom-btn {
    font-size: 14px;
    padding: 10px 32px;
    position: absolute;
    transform: translate(1px, 55px);
  }

  /** Prod page ends **/
  /** Home page  and products on home page **/
  .small-flex>div {
    flex: 0 0 auto;
    width: 42% !important;
    box-sizing: border-box;
    padding: 0 5px;
    flex-wrap: nowrap;
    position: relative;
  }

  .small-flex {
    overflow-x: scroll;
    flex-wrap: nowrap;
  }

  .home-prod-img img {
    height: auto;
    width: 142px;
    padding: 0px 5px;
    cursor: pointer;
  }

  .home-prod-img .link-for-mbl img {
    height: 30px;
  }

  /* .prod-lst {
    padding: 15px 0px;
  } */

  .cta-box .home-prom {
    color: #1C1917;
    font-family: 'poppins-bold-700';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 127.273% */
  }

  .prom-img-bnr .mob-ban-img {
    display: block;
    width: 100%;
    border-radius: 12px;
    margin: 20px 0px 10px 0px;
  }

  .prom-img-bnr .d-none-sm {
    display: none;
  }

  .cta-box h3 img {
    display: inline-flex;
  }

  .cta-box {
    padding: 20px 0px 0px 0px;
  }

  .prod-img-hm {
    margin: 0px 2px;
    width: 138px;
    height: auto;
  }

  .prod-price {
    font-size: 20px;
    line-height: 24px;
  }

  .prod-nm {
    font-size: 16px;
    line-height: 20px;
  }

  .footer-li a {
    font-size: 12px;
  }

  .list-style-none {
    list-style: none;
    /**  gap: 25px; **/
    gap: 13px;
  }

  /**Home bannner **/
  .frm-grp-75 {
    width: 75%;
  }

  .cnt-hm .frm-grp-80 {
    width: 100%;
  }

  /**
  .cnt-hm form{
  width: 100% !important;
  }
  **/
  .cnt-hm .home-form {
    width: 100% !important;
  }

  .cnt-home .w-75 {
    width: 100% !important;
  }

  .lfm-content a span {
    color: var(--99-orange);
  }

  /** HIW **/
  /** Home HIW section **/
  .internal-row .main-content {
    display: flex;
    margin-top: 2rem;
    flex-direction: column;
    gap: 2.5rem;
    padding: 0px 18px;
  }

  .internal-row .inner-box {
    width: 100%;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
  }

  .internal-row .inner-box .icon {
    width: 24%;
    position: relative;
  }

  .internal-row .inner-box .icon img {
    width: 80px;
    height: auto;
  }

  .internal-row .inner-box .icon::after {
    content: "";
    position: absolute;
    top: 120%;
    left: 50%;
    border-top: none;
    height: 40px;
    border-left: 3px solid var(--99-orange);
    box-sizing: border-box;
  }

  .how-itw p {
    font-size: 14px;
  }

  .internal-row .content p {
    color: #78716C;
    font-family: 'poppins-400';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.25px;
    text-align: left;
  }

  .internal-row .content h5 {
    text-align: left;
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.15px;
  }

  /** HIW ends **/
  /** bnfts section home **/
  .col-bnfts-box {
    height: 97%;
    max-height: 600px;
    padding: 32px 32px 32px 32px;
  }

  .hdng-nd-con {
    max-height: max-content;
    height: 170px;
  }

  .col-bnfts-box img {
    width: 100% !important;
    height: 350px;
    max-width: 100%;
    padding-top: 5px;
  }

  /** Benefits section ends **/
  /** FAQ home **/
  .faqs-sec .faq-sub h3 {
    font-size: 28px;
    text-align: center;
    line-height: 36px;
    padding-bottom: 0px !important;
  }

  .faqs-sec .faq-sub p {
    font-size: 14px;
    text-align: center;
  }

  .faqs-sec .accordion-text li .question-arrow .question {
    font-size: 16px;
    line-height: 24px;
  }

  /** FAQ home ends**/
  /** FAQ page **/
  .faq-form {
    margin-bottom: -100px !important;
  }

  .faq-page .filter-main.sticky-nav {
    position: fixed;
    top: -0.11rem;
    left: 0;
    z-index: 99;
  }

  .main-wrapper-faq {
    margin-bottom: 2rem;
  }

  .main-wrapper-faq {
    padding-top: 1.5rem;
    padding-bottom: 3rem;
  }

  /** FAQ page ends**/
  /** PLP plp starts **/
  .plp-sec {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .d-none-large {
    display: block;
  }

  .d-none-inl-lg {
    display: inline !important;
  }

  .hero-heading-plp {
    font-size: 24px;
    line-height: 32px;
  }

  .plp-form {
    margin-bottom: -15px !important;
  }

  /**
  .plp-pg .input-feild {
  margin-bottom: -31px !important;
  }
  **/
  .prod-list-pg .small-flex>div {
    flex: 0 0 auto;
    width: 50% !important;
    box-sizing: border-box;
    padding: 0 5px;
    flex-wrap: wrap;
  }

  .prod-list-pg .small-flex>div:last-child {
    text-decoration: none;
    margin-bottom: 0px;
    margin-left: 0px;
    flex-direction: column;
    background: none;
  }

  .prod-list-pg .small-flex {
    /* overflow-x: scroll; */
    flex-wrap: wrap;
  }

  .filter-main.sticky-nav {
    overscroll-behavior: none;
    position: fixed;
    top: 2.8rem;
    left: 0;
    z-index: 99;
  }

  .plp-cntnr {
    overscroll-behavior: none;
  }

  .filter-main {
    background-color: #FFFFFF;
    width: 100%;
  }

  .sticky1 {
    overscroll-behavior: none;
    position: relative;
    top: 6%;
    min-width: 50%;
  }

  .plp-sec .sticky1 {
    margin-top: 1.2rem;
  }

  /** plp **/
  ::-webkit-scrollbar-thumb {
    border-radius: 0 !important;
    background: transparent !important;
    overscroll-behavior: none;
  }

  .nav::-webkit-scrollbar {
    height: 0px;
  }

  .plp-cntnr .plp-rw .nav-tabs {
    background: #FFFBFE;
    border-bottom: 0px #c2bebe solid !important;
  }

  .plp-cntnr .plp-rw ul.scrollmenu {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
  }

  ul.scrollmenu button {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
  }

  .main-cat-text {
    font-size: 16px;
    font-family: 'poppins-normal';
    font-weight: 600;
  }

  .plp-cntnr .plp-rw .nav-tabs .nav-link.active {
    border-bottom: 3px solid var(--99-orange) !important;
    border-left: 0px solid transparent !important;
    background-color: transparent;
  }

  .plp-cntnr .plp-rw .nav-tabs .nav-link {
    padding-left: 26px;
    padding-right: 26px;
  }

  /** PLP plp ends **/
  /** Cart related starts**/
  .ct-empty .top-hd {
    text-align: left !important;
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;
    /* 128.571% */
  }

  .ct-empty h3 {
    text-align: center !important;
  }

  .ct-empty p {
    text-align: center !important;
  }

  .footer-btn {
    margin-top: 20px;
    align-items: center;
    height: 40px;
    margin-top: 20px;
    float: none;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto;
    width: 100%;
  }

  .less-gt {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .footer-btm-des {
    text-align: center;
  }

  .top-footer .row .col-md-5 .col-md-8 .col-md-4 {
    padding-right: 8px;
    padding-left: 8px;
  }

  .top-footer {
    padding: 25px 15px 70px 15px
  }

  .top-footer .row .row {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .footer-logo {
    display: block;
    margin: auto;
    padding-bottom: 20px;
    width: 162px;
    height: auto;
    padding-top: 1px;

  }

  .foot-desc-txt {
    text-align: center !important;
  }

  .footer-li img {
    width: 12px;
  }

  .footer-li img {
    width: 12px;
  }

  .cont-det .footer-li {
    font-size: 9px;
  }

  .cont-det .footer-li:last-child {
    margin-top: 0px !important;
  }

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

  .top-footer .list-style-none {
    justify-content: center;
  }

  .top-footer .sml-gp {
    justify-content: center;
  }

  /** CTA Footer **/
  .CTA-footer .col-md-7 .mt-33 {
    left: 27%;
  }

  .CTA-footer .col-md-7 h2 {
    padding-top: 10px;
    text-align: center;
    font-size: 28px;
    line-height: 36px;
  }

  .CTA-footer .col-md-7 p {
    color: #44403C;
    text-align: center;
    font-family: 'poppins-400';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
  }

  .CTA-footer .col-md-5 .w-75 {
    width: 100% !important;
  }

  .cta-form {
    display: block;
  }

  .CTA-footer {
    padding: 30px 25px 40px 25px !important;
  }

  .CTA-footer .subs {
    margin-top: 7px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  /** CTA Footer ends**/
  /** checkout self pickup */
  .loc-row img {
    width: 240px;
  }

  .accordian .card-01 .card-header-01 {
    padding-left: 0px;
  }

  /** Delivery pickup new carousel in form code **/
  .consent-div .text-right form-check-input {
    margin-top: -0.6rem !important;
  }

  .flex-dir-main1 {
    display: flex;
    flex-direction: column;
  }

  .loc-roww .sm-flex {
    width: 270px;
    gap: 10px;
    overflow-x: scroll;
    /* flex-wrap: nowrap; */
    flex-wrap: wrap;
  }

  .flex-dir-int img {
    /** width: 32vw;**/
    width: 110px;
    height: 100px;
    border-radius: 6px;
  }

  .loc-roww img1 {
    width: 230px;
  }

  .flex-dir-int .detail {
    /** width: 32vw; **/
    width: 130px;
    /* padding: 15px 0px; */
    padding: 0;
  }

  /* .flex-dir-main {
    height: 450px;
  } */
  .flex-dir-int {
    display: flex;
    flex-direction: row;
    /* flex-direction: column; */
  }


  .chck-pg .cart-md label {
    width: 280px !important;
  }

  .chck-pg .chbx-mb {
    margin-top: -10px !important;
  }

  /** Top footer CSS ends**/
  .accordion {
    padding: 10px 10px 25px 1px;
  }

  .accordion-text li p {
    width: 98%;
  }

  .md-width {
    padding: 10px 10px;
    left: 1% !important;
  }

  .box-border {
    padding: 15px !important;
  }

  /** my order delivery CSS**/

  .cancel-ord .modal-content {
    max-width: 100%;
    border-radius: 20px 20px 0px 0px !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: none;
    border: 0;
  }

  .modal {
    top: auto !important;
    bottom: -100%;
    left: 0;
    border-radius: 20px 20px 0 0;
    transition: all 0.5s ease-in-out;
  }

  .modal.show {
    bottom: 0px;
    height: inherit;
  }

  .product-lays {
    display: block !important;
  }

  .modal-dialog {
    margin: 0px !important;
  }

  .product-lays {
    width: 60%;
  }

  .modal-content {
    border-radius: 20px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: 0;
  }

  /** my order **/
  .my-ord-cn .my-ord .box-border-zero-padd {
    border: none !important;
    box-shadow: none !important;
  }

  .my-ord-cn .my-ord .box-header {
    border-radius: 0px;
  }

  .my-ord-cn .my-ord .btn {
    padding: 3px 8px !important;
  }

  /** my order delivery CSS ends**/

  /** my order thank you **/
  .em-wid {
    width: fit-content;
  }

  /** Popup for small devices ends**/
  /** Some general CSS **/
  .row .mw-600 .d-flex .btn-need {
    padding: 5px 16px;
  }

  .loc-alert {
    max-width: 100%;
  }

  /** some general CSS ends **/
  /** new HIW popup **/
  /** new bootstrap Popup for small devices **/
  .main-boot-mod .modal-content {
    width: 100% !important;
    top: 10px;
    border: none;
    height: 500px;
    overflow-y: scroll;
  }

  .boot-mod {
    top: auto;
    bottom: -100%;
    left: 0;
    border-radius: 20px 20px 0 0;
    transition: all 0.5s ease-in-out;
  }

  .boot-mod .hiw-content {
    position: relative;
    padding: 0.2rem 0.5rem 1rem 0.5rem;
  }

  .boot-mod .hiw-content .hiw-box .main-content .inner-box .content p {
    font-size: 14px;
    line-height: 23px;
    /* 150% */
    margin: 0px;
  }

  .boot-mod .hiw-content .top-edge {
    /** display: block; **/
    display: none;
  }

  .boot-mod .open-popup {
    visibility: visible;
    opacity: 1;
    bottom: 0px;
  }

  .boot-mod .hiw-content .hiw-box .main-content {
    padding-left: 5px;
    gap: 2.5rem;
  }

  .boot-mod .hiw-content .hiw-box h4 {
    font-size: 22px;
  }

  .boot-mod .hiw-content .hiw-box .main-content .hide-mbl {
    display: none;
  }

  .boot-mod .hiw-content .hiw-box .main-content .inner-box {
    gap: 1rem;
    align-items: flex-start;
  }

  .boot-mod .hiw-content .hiw-box .main-content .inner-box .content h5 {
    font-size: 16px;
  }

  .boot-mod .hiw-content .hiw-box .main-content .inner-box .icon {
    width: 24%;
  }

  .boot-mod .hiw-content .hiw-box .main-content .inner-box .icon::after {
    top: 120%;
  }

  /** new bootstrap hiw Popup for small devices ends **/
  .wdp-ribbon-six {
    margin-left: 2px;
  }

  .wdp-ribbon-border {
    border-left: 65px solid #E11D48;
    border-bottom: 65px solid transparent;
  }

  .wdp-ribbon-text {
    top: 14px;
    left: -15px;
  }

  .wdp-ribbon-text {
    font-size: 12px;
  }

  .gry-box .form-check-input {
    margin-top: -0.6rem !important;
  }

  .gry-box .form-check-input {
    margin-top: -0.6rem !important;
  }

  .whats-new-banner .wn-banner-img-desktop{
    display: none;
  }
  
  .whats-new-banner .wn-banner-img-mob{
    display: block;
  }
  .whats-new-banner-heading{
    margin-top: 24px !important;
  }
}

/* mobile-device CSS ends **/
/** Media Query for bigger thn mobile phone  tablet and medium devices**/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .accordion {
    flex-direction: column;
  }

  .accordion .image-box {
    height: 360px;
    width: 300px;
    background: #7d2ae8;
    width: 100%;
    border-radius: 25px;
    padding: 30px;
  }

  .accordion .accordion-text {
    width: 100%;
    margin-top: 30px;
  }

  ul.product-listing li a {
    width: 140px;
  }

  .mltpl-hdr .progress {
    width: 140px !important;
    height: 10px !important;
  }

  .header-form-ph {
    padding-left: 5px !important;
    width: 150px !important;
  }

  .box-border {
    padding: 28px;
  }

  .mw-600 .box-border .col-md-3 {
    padding-right: 5px;
  }

  .box-border .anker-003 {
    padding: 14px 5px;
    font-size: 13px;
  }

  .box-border .anker-003:hover {
    padding: 14px 5px;
    font-size: 13px;
  }

  /** checkout delivery **/
  .chck-pg .chck-from {
    width: 92%;
  }

  .chck-pg .cart-md label {
    width: 290px;
  }

  /** Checkout delivery **/
  /** Checkout self prep **/
  /** checkout self pickup carousel location **/
  .flex-dir-int img {
    width: 220px;
    height: 150px;
    border-radius: 6px;
  }

  .flex-dir-int .detail {
    width: 150px;
    padding: 0px 0px;
  }

  .flex-dir-main {
    max-width: 350px;
  }

  .internal-row .content h5 {
    font-size: 20px;
    line-height: 24px;
  }

  .how-itw p {
    font-size: 15px;
    line-height: 18px;
  }

  .internal-row .inner-box .icon::after {
    left: 135px;
    width: 80px;
  }

  .prod-price {
    font-size: 18px;
    line-height: 24px;
  }

  .prod-nm {
    font-size: 18px;
    line-height: 22px;
  }

  .col-bnfts-box img {
    width: 100%;
    /**    max-width: 150px; **/
    height: auto;
  }

  .hero-heading {
    font-size: 32px;
    line-height: 37px;
  }

  .col-bnfts-box h3 {
    font-size: 18px;
    line-height: 21px;
  }

  .col-bnfts-box p {
    font-size: 12px;
    line-height: 15px;
  }

  .col-bnfts-box {
    height: 420px;
    max-height: 440px;
    border-radius: 16px;
    background: #FFEDD5;
    padding: 15px 20px 15px 20px;
    margin: 12px 0px;
  }

  .home-prod-img img {
    width: 160px;
    height: auto;
  }

  .main-product-section .mps-all-content .slider-side .pd-description {
    padding-left: 3rem;
  }

  .sml-gp {
    gap: 20px;
  }

  .footer-btn {
    height: 48px;
    font-size: 12px;
    line-height: 16px;
  }

  .hdng-nd-con {
    max-height: max-content;
    height: 140px;
  }

  .faqs-sec .accordion-text li .question-arrow .question {
    font-size: 18px;
    line-height: 24px;
  }

  .section-3 .bg-img {
    padding: 30px 20px 50px 20px;
  }

  .plp-sec .plp-form .form-control {
    font-size: 14px;
    line-height: 18px;
  }

  .hero-heading-2 {
    font-size: 38px;
    line-height: 44px;
  }

  .CTA-footer .row .col-md-7 h2 {
    font-size: 26px;
    line-height: 32px;
  }

  .CTA-footer .row .col-md-5 .btn-search {
    padding: 10px 8px;
  }

  .main-product-section .mps-all-content .slider-side .ss-content .main-slider .mySwiper2 .swiper-slide img {
    width: 340px;
  }

  .main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper .swiper-slide img {
    width: 75px;
  }

  .abc {
    transform: translate(5px, -146px);
  }

}

/** Media Query for onlyy between 768 to 990 for batch **/
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) and (-webkit-min-device-pixel-ratio: 1) {
  .badge-light {
    transform: translate(20px, 55px);
  }

  .footer-logo {
    margin-left: 0rem;
  }
}

/** Media Query for bigger thn mobile phone ends **/
/** Media Query for 1024 1199 CSS **/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1199px) {
  .accordion {
    max-width: 100%;
    padding: 40px 10px 10px 10px;
  }

  .accordion .image-box {
    height: 360px;
    width: 220px;
  }

  .accordion .accordion-text {
    width: 100%;
  }

  ul.product-listing li a {
    padding: 0 10px 0 0;
    width: 160px !important;
  }

  .home-prod-img img {
    width: 200px;
    height: auto;
  }

  /** checkout delivery **/
  .chck-pg .chck-from {
    width: 95%;
  }

  .chck-pg .cart-md label {
    width: 425px;
  }

  .flex-dir-main {
    max-width: 344px;
  }

  .flex-dir-main {
    max-width: 500px;
  }

  /** Checkout delivery **/
  .mltpl-hdr .progress {
    width: 200px;
  }

  .mltpl-hdr .hdr-cont {
    gap: 4px;
    width: 235px;
  }

  .mltpl-hdr .header-form {
    width: 250px;
  }

  .mltpl-hdr .header-form-ph {
    width: 250px !important;
  }

  .abc {
    transform: translate(5px, -185px);
  }

  .footer-logo {
    margin-left: 0rem;
  }
}

/* Media Query for 1024-1199 CSS ends **/
.li-11 {
  background: url(../image/fiber_manual_record.svg) no-repeat;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}
/* Scrollbar for both mobile and desktop */
.product-swiper-container {
  padding-bottom: 0px;  /* Add space for the scrollbar */
  position: relative;
}

/* Ensure the swiper wrapper does not overlap the scrollbar */
.swiper-wrapper {
  margin-bottom: 10px; /* Optional: adjust margin if necessary */
}

/* Scrollbar styles for both mobile and desktop */
.product-slider-home .swiper-scrollbar {
  height: 8px;
  background: rgba(0, 0, 0, 0.1); /* Background of scrollbar track */
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10; /* Make sure it appears on top */
}

/* Scrollbar drag handle */
.product-slider-home .swiper-scrollbar-drag {
  background: rgb(234 97 12); /* Scrollbar handle color */
  border-radius: 4px;
}
@media (max-width: 767px) {
  #div2desk {
    order: 1 !important;
  }

  #div1desk {
    order: 2 !important;
  }

  #div3desk {
    order: 3 !important;
  }

  /* Safari 6.1+ **/
  div#div2desk {
    -webkit-order: 1;
  }

  div#div1desk {
    -webkit-order: 2;
  }

  div#div3desk {
    -webkit-order: 3;
  }

  /* Standard syntax **/
  div#div2desk {
    order: 1;
  }

  div#div1desk {
    order: 2;
  }

  div#div3desk {
    order: 3;
  }

  /** product slider homepage css **/
  .product-slider-home .swiper-button-prev {
    margin-top: -125px;
    height: 30px;
    padding: 4px 8px;
  }

  .product-slider-home .swiper-button-next {
    margin-top: -125px;
    height: 30px;
    padding: 4px 8px;
  }

  .swiper-button-prev:after {
    font-size: 11px !important;
  }

  .swiper-button-next:after {
    font-size: 11px !important;
  }

  .product-slider-home .swiper-pagination-bullet {
    width: 15px;
    height: 3.5px;
  }

  .product-slider-home .swiper-pagination-horizontal {
    top: 20px !important;
  }
/**Scrollbar **/
.product-swiper-container {
  padding-bottom: 20px;  /* Add space for the scrollbar */
  position: relative;
}

/* Ensure the swiper wrapper does not overlap the scrollbar */
.swiper-wrapper {
  margin-bottom: 10px; /* Optional: adjust margin if necessary */
}

/* Scrollbar styles */
.product-slider-home .swiper-scrollbar {
  height: 8px;
  background: rgba(0, 0, 0, 0.1); /* Background of scrollbar track */
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10; /* Make sure it appears on top */
}

/* Scrollbar drag handle */
.product-slider-home .swiper-scrollbar-drag {
  background: rgb(234 97 12); /* Scrollbar handle color */
  border-radius: 4px;
}

/* Hide navigation buttons on mobile */
.product-slider-home .swiper-button-prev,
.product-slider-home .swiper-button-next {
  display: none;
}
  /** Repurchase order CSS **/
  .sngl-prdct-dtl-ylo-main-lft {
    width: 180px;
  }

  .repurchase-div {
    margin-top: 30px;
  }

  .stckng-up-agn-dv .innr-stckng-up-agn-dv {
    flex-direction: column;
  }

}