/** Shopify CDN: Minification failed

Line 2398:42 Expected "{" but found "and("
Line 4391:11 Expected ":"

**/
@font-face {
  font-family: Hammersmith One;
  src: url('/cdn/shop/files/HammersmithOne-Regular.ttf?v=1722616161') format('woff2'), url('/cdn/shop/files/HammersmithOne-Regular.ttf?v=1722616161') format('woff');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'Gotham Rounded Medium';
  src: url(/cdn/shop/files/Gotham_Rounded_Medium.woff2?v=1684308028);
}


.shopify-section {
  background: #F5F6FB;
}


/* CSS for PINCODE */

.full-container-modal{
  position: fixed;
  display: none;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #00000080; 
}
.popup-container-pincode {
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 376px;
  height: 173px;
  background: white;
  border-radius: 16px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  padding: 20px 0;
  z-index: 1000;
  font-family: 'Open Sans';
}
.popup-container {
  display: none;
}
.popup-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.popup-content .heading2 {
  font-size: 16px;
  font-weight: 350;
  color: #000000;
  line-height: 24px;
  letter-spacing: -1.9%;
}
.popup-content .heading3 {
  font-family: 'Open Sans';
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -1.9%;
  color: #000000A6;
}
.inputField {
  width: 328px;
  height: 46px;
  border-radius: 12px;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 16px;
  line-height: 21.82px;
  color: #838FA0;
  padding-left: 17px;
  box-shadow: 0px 8px 40px 0px #43474D1F;
  border: none;
}
.inputField::-webkit-outer-spin-button,
.inputField::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pincode-error-warning {
  border: #E71010;
  background: #FEF4F4;
  color: #E71010;
}
.pinNumber {
  padding-left: 12px;
}
.pincode_inputField {
  position: relative;
  width: 100%;
  padding: 0 24px;  
}
.have_trouble {
  font-size: 12px;
  line-height: 14.4px;
  margin: 36px auto;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.have_trouble span {
  font-family: 'Open Sans';
  font-weight: 500;
  color: #727272;
}
.have_trouble a {
  text-decoration: none;
  font-family: 'Open Sans';
  font-weight: 300;
  color: #EF6C00;
  cursor: pointer;
}
.hidden {
  display: none;
}
#proceedOtpBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #EF6C00;
  border-radius: 6px;
  height: 42px;
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 325px;
  line-height: 16.8px;
  letter-spacing: 2%;
  color: #FFFFFF;
  border: 0.3px solid #FFFFFF;
  cursor: pointer;
}
#resend_otp {
  font-family: 'Open Sans';
  font-size: 13px;
  font-weight: 400;
  line-height: 15.6px;
  color: #727272;
}
#otptimer {
  font-weight: 500;
  color: #000000;
}
.otpInput {
  width: 44px;
  height: 44px;
  text-align: center;
  font-size: 18px;
  border: 0.9px solid #E7EAF2;
  border-radius: 8px;
}
.otpInput:focus {
  outline: 2px solid #007bff;
}
.check_ontop {
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: 700;
  line-height: 21.82px;
  letter-spacing: 2%;
  color: #EC6C00;
  cursor: pointer;
}
.pincode_heading {
  display: none;
}
.desktop_view {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: #ffffff;
  height: 100px;
  border-bottom: 1px solid #DDDDDD;
}
.pincode_heading_desk {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
}
.pincode_heading2_desk {
  font-family: 'Open Sans';
  font-weight: 500;
  font-size: 14px;
  line-height: 30px;
  color: #807F7F;
}
.pincode_cross_desk {
  width: 15px;
  height: 15px;
  color: #000000;
  cursor: pointer;
}

/* CSS for login and otp popup desktop */
.popup-container-desktop {
  position: fixed;
  height: 100%;
  width: 430px;
  bottom: 0;
  right: 0;
  background: #ffffff;
  z-index: 1005;
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}
.popup-container-desktop.showModal {
  transform: translateX(0);
}
.popup-container-desktop.hideModal {
  transform: translateX(100%);
}
.login_crossBtn {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.loginHeadingDiv {
  display: flex;
  margin: 30px 0;
  justify-content: space-between;
  align-items: center;
}
.loginTopText {
  width: 285px;
}
.loginH1 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -1%px;
  color: #27364E;
}
.loginH2 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 16px;
  line-height: 21.82px;
  letter-spacing: -1%px;
  color: #27364E;
}
.loginHeadingDiv img {
  width: 94px;
  height: 103px;
}
.loginInputDiv {
  width: 100%;
  margin-bottom: 16px;
}
.inputContainer {
  display: flex;
  align-items: center;
  width: 100%;
  height: 53px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  padding: 0 10px;
  background-color: white;
  box-shadow: 0px 12px 60px 0px #43474D14;
}
.loginCountryCode {
  font-family: 'Open Sans';
  font-weight: 500;
  font-size: 18px;
  line-height: 24.55px;
  color: #5D626F;
}
.loginSeparator {
  height: 21px;
  margin: 0 16px;
  border-right: 1px solid #D3D4D7
}
.inputContainer input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 16px;
  padding: 5px;
}
.inputContainer input::placeholder {
  font-family: 'Open Sans';
  font-weight: 400px;
  font-size: 14px;
  line-height: 19.1px;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #0000004D;
}
.inputContainer input[type="number"]::-webkit-inner-spin-button,
.inputContainer input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.loginBottomText {
  margin-bottom: 44px;
}
.loginBottomText1 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  line-height: 19.1px;
  color: #27364E;
  letter-spacing: 0;
  margin-bottom: 12px;
}
.loginBottomText2 {
  font-family: 'Open Sans';
  font-weight: 500;
  font-size: 14px;
  line-height: 19.1px;
  letter-spacing: 0;
  color: #27364E;
}
.loginBottomText2 span {
  color: #EF6C00;
  cursor: pointer;
}
.loginSubmitBtn {
  width: 100%;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #EF6C00;
  color: #ffffff;
  border-radius: 16px;
  cursor: not-allowed;
}
.otp_H {
  width: 100%;
  margin: 34px 0;
}
.otp_h2 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -1%px;
  color: #27364E;
  margin-bottom: 10px;
}
.otp_h3 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 16px;
  line-height: 21.82px;
  letter-spacing: -1%px;
  color: #27364E;
}
.otp_h3 img {
  cursor: pointer;
}
#otpContainer1 {
  display: flex;
  gap: 8px;
}
.otpInput1 {
  width: 53px;
  height: 53px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}
.otpBottomText {
  height: 46px;
  font-family: 'Open Sans';
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#resend_otp_desk {
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 400;
  color: #727272;
}
#otptimer_desk {
  color: #000000;
  font-weight: 500;
}
#incorrect_otp_desk {
  font-weight: 500;
  font-size: 14px;
  color: red;
}
.otp_issue {
  font-family: 'Open Sans';
  font-weight: 500;
  font-size: 14px;
  line-height: 19.1px;
}
.otp_issue a {
  font-weight: 600;
  color: #EF6C00;
}
.otp_submitBtn {
  width: 100%;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #EF6C00;
  color: #ffffff;
  border-radius: 16px;
  margin: 44px 0;
  cursor: not-allowed;
}

/* Signup code for Desktop view */
.signupHeadingDiv {
  display: flex;
  margin: 30px 0;
  justify-content: space-between;
  align-items: center;
}
.signupH1 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -1%px;
  color: #27364E;
}
.signupH2 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 16px;
  line-height: 21.82px;
  letter-spacing: -1%px;
  color: #27364E;
}
.signupHeadingDiv img {
  width: 94px;
  height: 103px;
}

.signupFlotingInput {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  border: 1px solid #EAECF0;
  box-shadow: 0px 12px 60px 0px #43474D14;
  border-radius: 16px;
  padding: 12px 20px 12px 58px;
  background: white;
  transition: border-color 0.3s;
}
.signupFlotingInput img {
  width: 20px;
  position: absolute;
  left: 20px;
}
.signupInput {
  width: 100%;
  border: none;
  outline: none;
  font-size: 16px;
  background: transparent;
}
.signupInput:focus{
  border: none;
  outline: none;
  box-shadow: none;
}
.signupInput:disabled {
  cursor: not-allowed;
  color: #838FA0;
  border: none;
}
.signupFlotingInput span {
  position: absolute;
  left: 58px;
  top: 50%;
  transform: translateY(-50%);
  color: #5A6066;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
  padding: 0 5px;
  line-height: 21.82px;
  z-index: 10;
}
.signup_label_background {
  position: absolute;
  left: 58px;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
  background: white;
  height: 2px;
  padding: 0 5px;
  z-index: 5;
  display: none;
}
.signupInput:focus ~ span,
.signupInput:focus ~ div,
.signupInput:not(:placeholder-shown) ~ span,
.signupInput:not(:placeholder-shown) ~ div {
  top: 0;
  left: 39px;
  font-size: 12px;
  padding: 0 5px;
  line-height: 16.37px;
  display: block;
}
#signupmoNumber[type=number]::-webkit-outer-spin-button,
#signupmoNumber[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#signupmoNumber[type=number] {
    -moz-appearance: textfield;
}
.signupFlotingInput:focus-within {
  border-color: #ff7f00;
}
.signupSubmit {
  width: 100%;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #EAECF0;
  color: #838FA0;
  border-radius: 16px;
  margin: 40px 0;
  cursor: not-allowed;
}


/* CSS for new user info */

.newUser_container {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
}
.newUserInnerPage {
  position: fixed;
  width: 100%;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
 .signUpHeading {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  padding-top: 20px;
 }
 .signUpPrimaryHeading {
  font-size: 18px;
  font-family: 'Open Sans';
  font-weight: 600;
  line-height: 150%;
 }
 .signUpSecondaryHeading {
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  color: #757371;
 }
.newUserInner_container_form {
  width: 100%;
  background: #ffffff;
  border-radius: 28px 28px 0 0;
  box-shadow: 0px 10px 100px 0px #555E681A;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.newUserFields {
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow: auto;
  flex: 1;
  padding: 15px 24px 30px 24px;
}
.newUserInput {
  width: 100%;
  border: none;
  outline: none;
  font-size: 16px;
  background: transparent;
  z-index: 10;
}
.newUserInput:focus{
  border: none;
  outline: none;
  box-shadow: none;
}
.newUserInput:disabled {
  cursor: not-allowed;
  color: #838FA0;
  border: none;
}
.newUserInput:focus ~ span,
.newUserInput:focus ~ div,
.newUserInput:not(:placeholder-shown) ~ span,
.newUserInput:not(:placeholder-shown) ~ div {
  top: 0;
  left: 39px;
  font-size: 12px;
  padding: 0 5px;
  line-height: 16.37px;
  display: block;
}
.newUserSubmitBtnOuter{
  width: 100%;
  padding: 9px 24px;
  box-shadow: 0px -4px 4px 0px #0000001F;
}
.newUserSubmitBtn {
  background: #EAECF0;
  width: 100%;
  color: #838FA0;
  box-shadow: 0px 26px 60px 0px #8D9BAA0D;
  height: 56px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.newUserSubmitBtn:disabled {
  cursor: not-allowed;
}

.btn_desk {
  height: 44px;
}
.cart_checkout_button_2 {
  z-index: 4;
  width: 100%;
  margin: 12px 0 0 0;
  /* height: 44px; */
}

.sum_saved_desk {
  height: 37px;
  display: flex;
  font-weight: 500;
  font-size: 14px;
  font-family: 'Open Sans';
  justify-content: center;
  align-items: center;
  background: linear-gradient(108.88deg, #AFFFCA 54.1%, #D7FFE4 76.54%);
  border-radius: 0 0 12px 12px;
  color: #199A19;
}
.sum_saved_desk b {
  font-weight: 800;
}
.sum_saved_checkout_btn_desk {
  z-index: 4;
  width: 100%;
}

/* Payment method popup CSS desktop */
.payMethod_H {
  width: 100%;
  margin: 44px 0 25px 0;
}
.payMethod_h2 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -1%;
  color: #27364E;
  margin-bottom: 10px;
}
.payMethod_h3 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 16px;
  line-height: 21.82px;
  letter-spacing: -1%;
  color: #27364E;
}




.ipaDescriptionChevron{
  margin-right: 10px;
}

.template-cart .page-width--cart {
  background: #F5F6FB;
  padding: 0 0 10px 0;
  max-width: 1061px;
  min-height: 675px;
}
.template-cart .site-footer {
  /* display: none; */
}
.cart-revamp .section-header__title {
  margin: 0;
  line-height: 2.4;
  background-image: url('/cdn/shop/files/cart_title_bg.png?v=1668172403');
  background-size: auto;
  background-position: center center;
}
.h3.section-header__title {}
.hr--large {
  margin: 0;
}
.total_saving_container {
  background-color: #ECFFAF;
  color: #027702;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 51px;
  color: #027702;
  margin-bottom: 10px;
}
.freegift_banner_container {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.revamp_cart_status {
  text-align: center;
  position: relative;
  background-color: #fff;
  padding: 30px 240px 10px;
}
#progressbar {
  margin: 0;
  overflow: hidden;
  color: lightgrey
}
#progressbar li {
  list-style-type: none;
  width: 33%;
  float: left;
  position: relative;
  font-weight: 400;
  color: #000000;
  font-weight: 400;
  font-size: 16px;
  line-height: 14px;
}
#progressbar li.active {
  color: #F3641F;
}
#progressbar li:last-child {
  color: #000;
}

#progressbar #cart:before {
  content: "";
  background-image: url("/cdn/shop/files/revamp_cart.png?v=1668859444");
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
  position: inherit;
}

#progressbar #address:before {
  content: "";
  background-image: url("/cdn/shop/files/revamp_address.png?v=1668859452");
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: inherit;
  z-index: 1;
}

#progressbar #address.active:before {
  background-image: url("/cdn/shop/files/revamp_address_active.png?v=1668859456");
}

#progressbar #payment:before {
  content: "";
  background-image: url("/cdn/shop/files/revamp_payment.png?v=1668859461");
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
  position: inherit;
}

#progressbar li:before {
  width: 50px;
  height: 50px;
  line-height: 45px;
  display: block;
  border-radius: 50%;
  margin: 0 auto 10px;
  padding: 2px
}

#progressbar li:first-child:after {
  width: 50%;
  left: 50%;
}

#progressbar li:last-child:after {
  width: 50%;
  left: 0;
}

#progressbar li:after {
  content: '';
  width: 100%;
  background: repeating-linear-gradient(to right, transparent, transparent 4px, #A7A5A5 5px, #A7A5A5 9px);
  position: absolute;
  left: 0;
  top: 25px;
  z-index: 0;
  height: 3px;
}

#progressbar li.active:before {
  background: #FFDFCF;
}
#progressbar li.active:after {
  background: #F3641F;
  height: 3px;
}

.progress {
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  top: 4px;
  position: absolute;
  left: 29%;
}
.progress.firsthalf {
  width: 16%
}
.progress.secondhalf {
  width: 36%
}
.findify-components--swiper {
  width: 100%;
  left: 0;
}
.cart-icon-wraper {
  margin: 10px 0 0 0;
  background-color: #fff;
}
.icon-wraper {
  display: flex;
  justify-content: flex-start;
  list-style-type: none;
  text-align: center;
  margin: 0 !important;
  flex-wrap: wrap;
  padding-top: 15px;
}
li.Icon_text {
  flex: 0 0 33%;
  display: flex;
  text-align: center;
}
.Icon_text div {
  width: 100%;
  text-align: center;
}

.progress-bar {
  background: url("/cdn/shop/files/dog_chasing_cat1.gif?v=1668419216") no-repeat right center;
  background-size: 120px;
  background-position: right;
}
.review_cart_heading {
  font-style: 'Open Sans';
  font-size: 14px;
  font-weight: 600;
  line-height: 19.1px;
  letter-spacing: 1%;
  margin: 5px;
}
.progressBarDesk {
  background: #ffffff;
  border: 0.4px solid #00000033;
  border-radius: 12px;
  height: 61px;
  margin: 28px 0 14px 0;
  display: flex;
  align-items: center;
  padding: auto;
}
.cart__page {
  max-width: unset;
}

.triangle-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFE8D7;
  margin-left: 10%;
}

.cart_customer_address {
  margin: 0 0 12px 0;
  background: linear-gradient(170.37deg, #FFFFFF 7.27%, #FFE1D2 460.88%);
  border: 0.4px solid #FFD1BA;
  border-radius: 12px;
}
#customer_address {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 450px;
  white-space: nowrap;
}
.address_sec {
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding: 22px 18px 22px 21px;
}
.more_address {
  width: 81px;
  height: 39px;
  color: #EF6C00;
  border: 1px solid #EF6C00;
  text-align: center;
  padding: 7px;
  cursor: pointer;
  border-radius: 5px;
}
/*Popup Css**/
.cartaddress_container.active,
.cart_remove_item_container.active,
.cart_free_item_container.active,
.cartcoupon_container.active {
  height: 100%;
  padding: 1em;
  box-sizing: border-box;
  flex-wrap: wrap;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}
.cart_free_item_container.active {
  background: rgba(255, 255, 255, 0.6);
}
.cart_remove_item_popup {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  gap: 16px;
  width: 380px;
  height: 160px;
  background: #FFFFFF;
  border-radius: 12px;
}
.cart_remove_item_popup .modal-content {
  padding: 0 10px 10px;
}
.cart_remove_item_popup .modal-body {
  font-weight: 600;
  font-size: 12px;
  line-height: 155%;
  display: flex;
  align-items: flex-start;
  color: #747474;
  gap: 19px;
}

.cart_remove_item_close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -18%;
  left: 92%;
  cursor: pointer;
}

.cart_remove_text_box {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.cartaddress_popup {
  width: 650px;
  border-radius: 30px;
  padding: 30px;
}
.cartaddress_popup,
.cart_remove_item_popup,
.cart_free_item_popup,
.cartcoupon_popup {
  background: #F4F6FA;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.1);
  text-align: center;
  color: #333;
  visibility: hidden;
  transition: transform 0.5s, top 0.5s;
}
.cart_remove_text {
  font-size: 14px;
  font-weight: 500;
  text-align: justify;
  margin: 4px 0 0 0;
  line-height: 155%;
  color: #424242;
}
.itemremove_img {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  width: 54px;
  height: 54px;
  border: 1px solid #E5E5E5;
  border-radius: 6px;
}
.cart_remove_item_popup .modal-footer span {
  padding: 11px;
  padding: 11px;
  cursor: pointer;
  width: 155.5px;
  height: 42px;
}

.modal-footer {
  text-transform: uppercase;
  display: flex;
  gap: 10px;
}

.removeItem_yes {
  border: 1px solid #EF6C00;
  border-radius: 6px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #EF6C00;
}
.removeItem_no {
  border: 1px solid #777777;
  border-radius: 6px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #777777;
}
.open-delete-popup,
.open-free-popup {
  visibility: visible;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
}
.open-address-popup {
  visibility: visible;
  top: 54%;
  transform: translate(-50%, -50%) scale(1);
}
.open-coupon-popup {
  visibility: visible;
  transform: translate(-50%, 0%) scale(1);
}
.discount_code_remove {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  gap: 2px;
  margin: 0 0 0 auto;
  height: 32px;
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  font-family: 'Open Sans';
  color: #EF6C00;
  cursor: pointer;
}
.discount_code_apply {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6px 10px;
  gap: 2px;
  margin: 0 0 0 auto;
  width: 89px;
  height: 28px;
  background: #EF6C00;
  border: 1px solid #EF6C00;
  border-radius: 4px;
  color: #fff;
  font-family: 'Open Sans';
  cursor: pointer;
}
.open-coupon-popup .close {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
}

.address_horizontal-scroll {
  display: flex;
  overflow-x: scroll;
  padding-bottom: 10px;
}
.ind_address {
  float: left;
  flex: none;
  white-space: nowrap;
  width: 70%;
  min-height: 1px;
  border: 1px solid #000000;
  border-radius: 4px;
  margin: 0 1%;
  padding: 8px;
  text-align: left;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.popup_add_top {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex: 1%;
}
.ind_address.default {
  background-color: #fff3ea;
  border: 1px solid #ef6c00;
}
.popup_add_name {
  font-size: 14px;
  font-weight: 700;
}
.popup_add_cta {
  width: 100%;
  margin: 10px 0;
  text-align: center;
}
#select-address {
  width: 150px;
  display: inline-block;
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
  border-radius: 4px;
  font-weight: 600;
  padding: 7px 10px;
}

.popup_add_add1,
.popup_add_city {
  white-space: normal;
}
.new_cart_top {
  padding-bottom: 10px;
  border-bottom: 1px solid #F4F3F3;
  margin-top: 2px;
}
.cart__item {
  flex-wrap: wrap;
  margin-bottom: 0;
  margin-top: 0;
  background-color: #fff;
  padding-bottom: 0;
}
.cart__item:first-child {
  margin-bottom: 0;
  margin-top: 0;
}
.cart__image {
  margin: 10px 0;
}
.new_cart_top, 
.new_cart_bottom {
  display: flex;
  flex: 1 1 100%;
  flex-direction: row;
}
.cart__item-title {
  flex: 1 1 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart__item-title.surprise_gift {
  align-items: end;
  font-size: 16px;
}
.cart__item-title_IL a {
  font-size: 16px;
}
.cart__item-name {
  flex: 1 1 auto;
  margin-bottom: 0;
}
.cart__remove a {
  margin-top: 0;
}
.new_cart__item--variants {
  min-width:100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  flex: 0 0 25%;
  color: rgba(0, 0, 0, 0.6);
}
.product__price--compare {
  font-size: 14px;
  padding: 3px 0 0 5px;
}
.product__price-on-sale{
  font-family: var(--typeBasePrimary),var(--typeBaseFallback);  /*var(--typeBasePrimary),var(--typeBaseFallback);*/
      font-style: normal;
      font-weight: 700;
      font-size: 22px;
      line-height: 26px;
      letter-spacing: 0.01em;
}
.new_cart_middle {
  flex: 1 1 100%;
  display: flex;
  align-items: flex-start;
}
.qty-container {
  flex: 1 1 0;
  display: flex !important;
  justify-content: center !important;
  margin-top:10px
}
.remaining_products {
  flex: 1 1 50%;
  font-size: 14px;
  color: gray;
  font-style: italic;
}
.new_cart_bottom {
  align-items: flex-end;
  justify-content: space-between;
}
.cart_edd {
  font-size: 14px;
  padding: 0 8px;
  margin: 6px 0 6px 6px;
  border-radius: 4px;
  width: calc(100% - 100px);
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: fit-content;
  gap: 6px;
}
.cart_savings {
  /*flex: 1 1 100px;
    text-align: right;*/
  /* width: 100px; */
}
.cart_product__price-savings {
  width: 100%;
  display: block;
  padding: 10px 0px 0px 0px;
  color: #027702;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
}
.cart_product__free {
  width: 100%;
  display: block;
  padding: 5px 0;
  color: #027702;
  font-weight: 600;
  font-size: 22px;
  line-height: 16px;
}
/*** G20 Banner CSS ***/
.g20_banner {
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  margin-top: 10px;
}

/*** Coupon Css***/
.cart_coupon_sec,
.cart_payment_sec {
  background: #fff;
  padding: 10px 0px;
  display: flex;
  flex-direction: column;
}
.cart_payment_sec_summary {
  background: #fff;
  padding: 10px 0px;
  display: flex;
  flex-direction: column;
}
.cart_coupon_sec {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 12px 10px;
  gap: 12px;
  height: 72px;
  background: #FFFFFF;
  border-radius: 12px;
}
.cart_payment_sec {
  border-radius: 12px;
  padding: 12px 0 0 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 0.5px;
}
.cart_payment_sec_summary {
  border-radius: 12px;
  padding: 12px 0 0 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 0.5px;
}
.cart_payment_sec .cart__item-sub {
  padding: 0 16px;
}
.cart_payment_sec_summary .cart__item-sub {
  padding: 0 16px;
}

.view-all-coupons {
  display: none;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  line-height: 19px;
  color: #EF6C00;
  cursor: pointer;
  margin: auto;
}

.view-all-arrow {
  width: 15px;
  height: 15px;
}

.discount_code_box {
  display: flex;
  align-items: center;
  gap: 10px;
  width: -webkit-fill-available;
  padding-bottom: 15px;
  border-bottom: 1px dashed #DEDEDE;
}

.discount_code_box img {
  width: 30px;
  height: 30px;
}

.discount_code_text {
  margin: 0;
}

.discount_code_subtext {
  margin: 0;
  font-weight: 500;
  line-height: 19px;
  color: #08A108;
  font-family: 'Open Sans';
}

.discount-code {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
  position: relative;
  height: 52px;
}
span.coupon_arrow_icon {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 12px;
  height: 40px;
  margin-left: auto;
}
.coupon_vector {
  margin-right: 10px;
}
#checkout-container {
  position: absolute;
  width: 0;
  height: 0;
  z-index: -1;
  display: none;
  opacity: 0;
}
.cart-sidebar-discount {
  width: -webkit-fill-available;
}
.discount_input {
  display: flex;
  margin: auto;
  gap: 10px;
  width: 479px;
  height: 47px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  border-color: transparent;
  padding: 14px 12px 14px 12px;
}

.discount_input input {
  border-color: transparent;
  font-family: 'Gotham Rounded-Medium';
  width: 450px;
}

.discount_input:focus {
  border-color: transparent;
}

.cart_customer_address .pincode_section {
  display: flex;
  align-items: center;
  justify-content: center;
}
#show_on_edd {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 19.1px;
  letter-spacing: 2%;
  gap: 9.12px;
}
#show_on_edd img {
  width: 16px;
  height: 16px;
}
#get_dll_span{
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  line-height: 19.1px;
  letter-spacing: 2%;
}
#cookie_span{
  font-weight: 700;
}
#checkPincodeBtn {
  font-family: 'Open Sans';
  color: #EC6C00;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
}
.cart-sidebar-discount input {
  border: 1px solid #000000;
  height: 36px;
  outline: none;
  font-size: 18px;
  letter-spacing: 1.5px;
  width: calc(100% - 100px);
  border-radius: 4px;
  margin-right: -5px;
}
.cartcoupon_popup {
  text-align: left;
  width: 527px;
  padding: 10px 0 0;
  border-radius: 10px;
  height: 680px;
}
.cartcoupon_popup .offer-dis-inner {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  width: 100%;
  -webkit-box-shadow: 0 -5px 5px -5px #aaa6a682, 0 5px 5px -5px #aaa6a682, 5px 0 5px -5px #aaa6a682;
  -moz-box-shadow: 0 -5px 5px -5px #aaa6a682, 0 5px 5px -5px #aaa6a682, 5px 0 5px -5px #aaa6a682;
  box-shadow: 0 -5px 5px -5px #aaa6a682, 0 5px 5px -5px #aaa6a682, 5px 0 5px -5px #aaa6a682;
  background: #ffffff;
  background-color: #fff;
}
.side_coupon_left {
  background-color: #bcd85f;
  display: flex;
  align-items: center;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.side_coupon_right {
  padding: 10px 2px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex: 1%;
}
.cartcoupon_popup .offer-dis-code {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  border: none;
  margin: 0;
  padding: 0;
}
.cartcoupon_popup .offer-disc-label {
  text-align: left;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 21px;
  color: #000;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  border-bottom: 0.5px dashed #BDBCBC;
  padding: 0 6px 5px;
  margin-bottom: 7px;
}
.cartcoupon_popup .offer-details-grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 6px;
}
.offer-disc-apply {
  float: right;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  color: #ef6c00;
}
.offer-details-left {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #000000;
  letter-spacing: 0.01em;
}
.offer-details-left p {
  margin: 0;
}
.offer-details-right {
  letter-spacing: 0.01em;
  font-size: 12px;
  color: #1a73e8;
  font-weight: 500;
  text-decoration: underline dotted blue;
}
.superdeals.super_revamp_offer {
  margin-bottom: 27px;
}
.superdeals.super_revamp_offer:last-child {
  margin-bottom: 0;
}
.offer-more-details {
  display: none;
  padding: 15px 10px 5px;
  border: 1px solid #d3d0d0;
  border-radius: 4px;
  margin-top: -1px;
  border-top: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
span.offer-details-right {
  cursor: pointer;
}
#apply-discount-btn {
  background-color: transparent;
  color: #C3C3C3;
  font-size: 16px;
  font-family: 'Open Sans';
  line-height: 19px;
  margin-left: auto;
  cursor: pointer;
}

.coupontop {
  padding: 10px 30px;
  display: flex;
  gap: 5px;
  align-items: center;
}

.coupon-back-icon {
  cursor: pointer;
}

.offer_text {
  font-family: 'Open Sans';
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  margin: 0;
}

.addrescoupon_vertical-scroll {
  padding: 17px 25px;
  background-color: #F4F6FA;
  max-height: 600px;
  overflow-x: auto;
  border-radius: 10px;
}

#discount-error-status {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  font-family: 'Open Sans';
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #E42929;
  font-weight: 600;
}

.coupon-loader-div {
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: 24px;
  color: #676767;
}

.coupon-list-container {
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: 19px;
  color: #676767;
}

.coupon-list-box {
  height: auto;
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 16px 12px;
  gap: 10px;
  width: 479px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.coupon-list-header {
  display: flex;
  align-items: center;
  width: -webkit-fill-available;
}

.coupon-list-icon {
  width: 20px;
  height: 20px;
}

.coupon-code-text {
  padding: 6px;
  height: 30px;
  background: #FFFFFF;
  border: 1px dashed #A1A1A1;
  border-radius: 4px;
  margin: 0 10px;
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: 19px;
  color: #43494E;
}

.save-text {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #08A108;
  padding: 0px 0px 0px 26px;
  margin: 0;
}

.coupon-divider {
  border: 1px dashed #DCDCDC;
  width: 419px;
  padding: 0 0 0 26px;
  margin-left: 26px;
}

.coupon-helper-text {
  padding: 0px 0px 0px 26px;
  margin: 0;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #43494E;
}

.coupon-subtitle {
  margin: 0;
  color: #000;
  font-family: 'Open Sans';
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.28px;
  margin-top: 5px;
}

.coupon-view-details {
  margin: 0;
  cursor: pointer;
  padding: 6px 10px 0px 26px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}

.coupon-view-details p {
  margin: 0;
  font-family: 'Open Sans';
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #43494E;
}

.details-down-arrow {
  width: 12px;
  height: 12px;
}

.coupon-more-info {
  width: -webkit-fill-available;
  height: auto;
  background: #F8F8F8;
  border-radius: 10px;
  padding: 20px;
}

.more-info-header {
  margin: 0;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #43494E;
  margin-left: 5px;
}

.coupon-terms-and-conditions {
  margin: 0;
}

.coupon-terms-and-conditions-item-disabled {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #A1A1A1;
  margin: 10px 0 0 20px;
}
 
.coupon-terms-and-conditions-item {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #43494E;
  margin: 10px 0 0 20px;
}

.coupon-tap-to-apply {
  padding: 8px;
  height: 32px;
  background: #EF6C00;
  border-radius: 4px;
  font-family: 'Open Sans';
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF;
  margin-left: auto;
  cursor: pointer;
}

.coupon-applied {
  display: flex;
  flex-direction: row-reverse;
  gap: 2px;
  margin-left: auto;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #08A108;
}

.coupon-applied-icon {
  width: 20px;
  height: 20px;
}

span.discount-code-value > small {
  background: #e6e6e6;
  padding: 8px 10px;
  font-weight: bold;
  border-radius: 4px;
  margin-top: 10px;
  text-transform: uppercase;
}

.backdrop_style {
  height: 100%;
  padding: 1em;
  box-sizing: border-box;
  flex-wrap: wrap;
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}

.apply_coupon_popup {
  position: relative;
  background: white;
  width: 229px;
  height: auto;
  text-align: center;
  border-radius: 15px;
  padding: 15px;
}

.coupon-feedback-close-icon {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 82%;
  top: -22%;
  cursor: pointer;
}

.coupon-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.yayStyle {
  padding-top: 10px;
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 24px;
  color: green;
}

.coupon-text-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 30px;
}

.textStyle {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #08A108;
}

.coupon-feedback-icon {
  position: absolute;
  top: -18%;
  width: 75px;
  height: 75px;
}

.coupon-feedback-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 87px;
  gap: 10px;
  width: 197px;
  height: 47px;
  background: #EF6C00;
  border-radius: 10px;
  margin-top: 15px;
  font-family: 'Open Sans';
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF;
  cursor: pointer;
}

small.discount-error-msg {
  color: #e22120;
  position: relative;
  font-size: 15px;
  font-weight: 600;
}

.discountloader-remove {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  border: 5px solid #f3f3f3;
  border-top: 2px solid #000;
  border-radius: 50%;
  animation: spin 0.5s linear infinite;
}
.discountloader {
  border: 5px solid #f3f3f3;
  border-top: 2px solid #000;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  animation: spin 0.5s linear infinite;
}
.cart__item-price-col{
  display: flex !important;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*** Coupon css End ***/
.add_address_desk {
  padding: 10px 20px;
  height: 44px;
  width: 100%;
  background-color: #EF6C00;
  color: white;
  border: 0.4px solid #00000033;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0px 0px 11px 0px #0000001A;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 16px;
  line-height: 19.1px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 7px;
}
.add_address_desk img {
  height: 15.75px;
  width: 18.75px;
}
.add_address {
  padding: 10px 20px;
  height: 40px;
  width: 100%;
  margin: 0 3px;
  background-color: #EF6C00;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0px 0px 11px 0px #0000001A;
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 14px;
  line-height: 19.1px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.add_address img {
  height: 18.75px;
  width: 18.75px;
}
.cart__item--subtotal {
  font-weight: unset;
  flex-direction: row;
}
.cart__item-sub {
  display: flex;
  flex-direction: column;
}
.total_cart_item {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 1%;
  width: 100%;
  border-bottom: 1px solid #F4F3F3;
  padding: 0 0 9px 0;
  color: #1F2937;
}
.total_cart_details {
  width: 100%;
  flex: 1 1 100%;
  font-size: 16px;
  text-transform: capitalize;
  line-height: 17px;
  padding: 0 0 10px 0;
}
.display-cart-table-cell {
  float: left;
  width: 100%;
  padding: 8px 0;
  position: relative;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  line-height: 19.1px;
  letter-spacing: 1%;
  color: #6B7280;
}
.platform_fee_strike {
  text-decoration: line-through;
  color: #6B7280;
}
.delivery_free {
  color: #027702;
  font-weight: 600;
  line-height: 16.37px;
}
.underline_dashed {
  text-decoration: underline;
  text-decoration-style: dashed;
  text-underline-offset: 3px;
}
.display-cart-table-cell:hover .tooltip-text {
  display: block;
}
.tooltip-text {
  display: none;
  position: absolute;
  font-family: 'Open Sans';
  font-size: 10px;
  font-weight: 400;
  bottom: 100%;
  left: 40%;
  transform: translateX(-60%);
  background-color: #333;
  color: #fff;
  padding: 8px;
  border-radius: 10px;
  white-space: nowrap;
  font-size: 12px;
  z-index: 1;
  width: 275px;
  text-align: center;
  white-space: normal;
  text-transform: none;
}
.tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 20%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
.display-cart-table-cell span:nth-child(2) {
  float: right;
}
.display-cart-table {
  display: block;
  padding: 10px 0;
}
.final_price {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 14px;
  line-height: 19.1px;
  letter-spacing: 1%;
  display: block;
  width: 100%;
  float: left;
  padding: 10px 0 10px 0;
  border-top: 1px solid #F4F3F3; 
}
.final_price span:nth-child(2) {
  float: right;
  font-weight: 800;
  font-size: 16px;
  line-height: 21.82px;
  letter-spacing: 1%;
}
.final_price_summary {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 14px;
  line-height: 19.1px;
  letter-spacing: 1%;
  display: block;
  width: 100%;
  float: left;
  padding: 10px 0 10px 0;
  border-top: 1px solid #F4F3F3; 
}
.final_price_summary span:nth-child(2) {
  float: right;
  font-weight: 800;
  font-size: 16px;
  line-height: 21.82px;
  letter-spacing: 1%;
}
.final_price_summary span img {
  width: 12px;
  height: 12px;
}
.cart__item-row {
  margin-bottom: 5px;
}
.cart__page_mobile-col {
  display: flex;
  /* height: 64px; */
  flex-direction: column;
}
.cart__page_mobile-col .cart__item-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  float: left;
  font-weight: bold;
  padding: 12px;
  border-top: 0.8px solid #E6E6E6CC;
}
.mobile_total_title {
  width: 100%;
  font-family: 'Open Sans';
  font-weight: 300;
  font-size: 12px;
  line-height: 16.37px;
  letter-spacing: 2%;
  font-style: solid;
  color: #4B5563;
  display: flex;
  align-items: center;
  gap: 4px;
}
#mobile_total_price {
  width: 100%;
  font-size: 16px;
  line-height: 21.82px;
  letter-spacing: 2%;
  font-family: 'Open Sans';
  font-weight: 800;
}
.getit_free {
  background-color: #ecfbbc;
  padding: 6px 7px;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-top: 4px;
}
.getit_free #deliveryaction {
  background-image: url("/cdn/shop/files/free_delivery_5d27dcd4-032e-462d-8a7f-02c2fe4f55b8.png?v=1669032182");
  background-repeat: no-repeat;
  padding-left: 41px;
  background-size: 38px;
  padding-bottom: 2px;
}
p.findify-layouts--recommendation--slider__title {
  text-align: center;
}
#pharma-banner_cart-id{
  background-color : white;
  padding:12px;
  margin-top: 10px;
  border-radius: 12px;
  box-shadow: 0 0 0 0.5px #0000001A;
}
#pharmacy__banner_IL-cart-id{
  display: flex;
}
#pharma-banner_count-id{
    display: flex;
    justify-content: start;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 350;
    align-items: center;
    height: 20px;
    padding: 10px 12px;
    gap: 10px;
}

#pharmacy_banner_text_IL-id{

}
#pharma-line-seperator-cart{
  margin: 8px 0;
  border: 1px solid rgba(0, 0, 0, 0.05)
}
#pharmacy_img_IL-cart-id{
    min-width: 65px;
    max-height: 75px;
    border-radius: 5px;
    margin: 10px 12px;
    background: rgba(198, 227, 255, 1);
    ;
}
#pharmacy_banner_text_cart-IL-id{
  max-width:422px;
  font-family:'Gotham Rounded-Medium';
  font-size: 14px;
  margin-top: 10px;
}
.prescription_link_vet{
  margin:0;
}
#failedPrescription_text {
  font-family: 'Open Sans';
  font-size: 12px;
}
.prescription_text{
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  padding-top: 10px;
}
#attachPrescription_text{
  font-family: 'Open Sans';
  font-size: 14px;
}

@media only screen and (max-width:500px) {

  #customer_address {
    width: 300px;
  }
  .total_saving_container {
    margin-top: 15px;
    line-height: 45px;
  }
  .cart-revamp .section-header__title {
    background-image: url('/cdn/shop/files/cart_title_bg_mobile.png?v=1668772059');
  }

  #pharma-banner_count-id{
    font-size: 12px;
    height: 19px;
    padding: 0px 12px;
}
}
@media only screen and (max-width:400px) {
  #g20_banner_img {
    max-width: 100% !important
  }
  #customer_address {
    width: 230px;
  }
}
@media only screen and (min-width: 769px) {
  .g20_banner_img {
    max-width: 500px !important
  }
  .cart__page-col:first-child {
    flex:1 1 57%;
    padding-right: 10px;
  }
  .cart__page-col:last-child {
    flex: none;
    width: 452px;
    padding: 0;
    position:sticky;
    top:90px;
  }
}

@media only screen and (max-width:1100px) {
  .revamp_cart_status {
    padding: 30px 0 0;
  }
  .progress-bar {
    background-size: 60px;
  }
  .cart_customer_address {
    /* padding: 10px 20px 0 10px; */
  }
  .address_sec {
    /* flex: 0 0 100%; */
    /* display: flex;
    height: 41px;
    padding: 0 16px;
    width: 100%; */
  }
  .cart__item-details {
    flex:1;
    align-content: baseline;
    padding-top: 10px;
  }
}

@media only screen and (min-width: 768px) and(max-device-width : 1100px) {
  .progress.firsthalf {
    width: 10%;
  }
  .progress.secondhalf {
    width: 42%;
  }
}

/*** OLD CSS *****/
.btn.cart__checkout,
.gokwik-container button {
  width: 207px;
  height: 40px;
  border-radius: 8px;
  padding: 8px 62px;
  gap: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0;
}
.gokwik-checkout button {
  padding: 10px 15px;
}
.gokwik-container button {
  padding: 10px 17px !important;
  justify-content: center;
  width: 100%;
  background: #fff;
  border: 3px solid #ef6c00;
}
.metro-b,
.gokwik-container button > span .btn-text > span:first-child {
  font-weight: 600;
  font-size: 16px !important;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
}
.gokwik-container button.gokwikpay > span .btn-text > span:first-child {
  color: #fff;
}
.gokwik-container button > span .btn-text > span:last-child {
  font-size: 11px;
  display: block;
  color: #fff;
  margin-top: 5px;
}
.gokwik-container button.disabled > span .btn-text > span:first-child {
  color: #ef6c00;
}
.gokwik-container button.disabled {
  opacity: 0.2;
  cursor: auto;
}
.gokwik-container p.disabled {
  width: 100%;
  opacity: 0.2;
  margin-bottom: 0;
  text-align: center;
}
.cart-subtotal {
  color: #6c6c6c;
}
.cart-imp-info {
  color: #6c6c6c;
  text-align: center;
  margin-top: 2px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-imp-info span {
  color: #6c6c6c;
  font-weight: 600;
  font-size: 15px;
  margin-right: 5px;
}

.gokwik-container {
  margin-bottom: 0;
}
.cod-new-text {
  color: #000;
}
.cart__checkout-wrapper .cart__continue {
  border: none;
  background: none;
  margin-top: 5px;
  text-decoration: underline;
}
.cart__checkout-wrapper {
  margin-bottom: 10px;
}

.free-gift {
  overflow-x: hidden;
  width: 100%;
  max-width: 446px;
  background-color: #DFF791;
  padding: 15px 0 15px 15px;
  border-radius: 2px;
  min-height: 150px
}

.free-gift-congo-text {
  font-size: 12px;
  font-weight: 500;
}

.boldSpan {
  font-weight: bolder;
}

.cart_page_free_gift_progress_container {
  background-color: white;
  width: 95%;
  border-radius: 15px;
  margin-top: 8px;
  margin-right: 15px;
}

.cart_page_free_gift_progress_skill {
  text-align: right;
  font-size: 6px;
  border-radius: 15px;
  background: linear-gradient(111.92deg, #61DE8B 0%, #28AA53 42.22%);
}

.cart_page_free_gift_progress_value {
  width: 50%;
  max-width: 100%;
}

.free-gift-product-card {
  border-radius: 8px;
  min-width: 297px;
  width: 90%;
}
.free-gift-product-card-data {
  padding: 10px;
  line-height: 15px;
  background-color: white;
  display: flex;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  align-items: flex-start;
  gap: 10px;
}

.free-gift-product-card-image {
  height: 60px;
}
.free-gift-product-card-title {
  font-size: 13px;
  min-width: 96px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}


.free-gift-product-card-button {
  cursor: pointer;
  color: white;
  background-color: #EF6C00;
  padding: 6px 15px;
  height: fit-content;
  border-radius: 5px;
  font-weight: bold;
  font-size: 12px;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.free-gift-product-card-price {
  color: #B21404;
  font-size: 16px;
}

.free-gift-product-card-price-span {
  font-size: 12px;
  color: #807F7F;
}

.free-gift-product-card-price-span span {
  text-decoration: line-through;
}
.free-gift-products {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding-right: 15px;
  overflow-x: scroll;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding-top: 10px;
}

/* Works on Chrome, Edge, and Safari */
.free-gift-products::-webkit-scrollbar {
  height: 6px;
}


.free-gift-products::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  margin-right: 20px;
}

.free-gift-products::-webkit-scrollbar-thumb {
  background-color: #ACD322;
  border-radius: 20px;
}

.loader {
  border: 6px solid #f3f3f3;
  border-top: 6px solid #DFF791;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
}

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

.coupon-not-applicable-popup {
  display: none;
  /* position: fixed; 
  bottom: 105px; 
  left: 0; 
  z-index: 4;  */
  border: 3px solid red; 
  border-radius: 5px; 
  flex-direction: row; 
  align-items: center; 
  justify-content: center; 
  background: #ffffff; 
  padding: 10px;
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
  transition: all 0.3s ease;
}
.coupon-not-applicable-popup.showmodal {
  display: flex;
  opacity: 1;
  transform: translateY(-5px);
  pointer-events: auto;
}

@media only screen and (min-width:768px) {
  .free-gift-congo-text {
    font-size: 15px;
    font-weight: 500;
  }
  .free-gift-product-card {
    border-radius: 8px;
    min-width: 80%;

  }
  .free-gift-product-card-data {
    padding: 10px;
    background-color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }
  .free-gift-product-card-title {
    font-size: 13px;
    min-width: 96px;
    overflow: hidden;
    line-height: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .free-gift-product-card-button {
    padding: 5px 22px;
  }
  .free-gift-product-card-price {
    font-size: 18px;
  }
  .free-gift-product-card-price-span {
    font-size: 14px;
  }
}

.box-div-aj1 {
  background: #dbdbdb;
  background-image: linear-gradient(to right, #dbdbdb 0%, #edeef1 20%, #dbdbdb 40%, #dbdbdb 100%);
  background-repeat: no-repeat;
  background-size: 800px 104px;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
}

.box-div-aj {
  background: #f6f7f8;
  background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-repeat: no-repeat;
  background-size: 800px 104px;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
}

@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.free-gift-product-card-footer {
  background-color: #027702;
  padding: 4px 4px 4px 10px;
  width: 100%;
  font-size: 12px;
  color: white;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  margin-bottom: 10px;
}

#checkout--btn--loading {
  background-color: #e4a979;
  height: 52px;
  width: 100%;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  color: white;
}
.checkout--btn--loader {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #ef6c00;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
}

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


*{
  margin:0;
  padding: 0;
}

.font-600{
    font-weight:600;
  }

.mb-0{
    margin-bottom: 0;
}

.delight-div{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 15px;
}

.delight-div p {
  margin-bottom: 0;
}

.discover-text {
    font-family: "Hammersmith One", sans-serif;
    background: linear-gradient(to right, #BF63FF 1% ,#500088 20%, #500088 80%);
    background: linear-gradient(140deg, #BF63FF 1% ,#500088 30%, #500088 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size:16px;
    position: relative;
    overflow: hidden;
    padding-right: 20px;
}

#freeGiftMainDivNew .free-gift {
  background: #FDF2FF;
  border-radius:12px;
  border: 0.6px solid #F6C5FF
}

.discover-text::after {
  content: "";
  width: 10px;
  height: 100%;
  background: -webkit-gradient(linear,left top,right top,from(#ffffff80),to(#ffffff80),color-stop(0.5, #fff)
  );
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(30deg);
  animation: shimmer 5s infinite;
}

@keyframes shimmer {
  0% {
    left: 0;
  }
  100% {
    left: 300%;
  }
}


.free-gift-product-card-new .free-gift-product-card-desc > div:first-child{
    padding: 10px;
    padding-bottom: 5px;
}

.free-gift-product-card-new {
    border-radius: 8px;
    border: 1px solid #F3F3F3;
    min-width: 250px;
    transition: all 1s ease,opacity 0.2s, height 0.1s;
    transform-origin: left;
    transition-delay: 1s;
    height:100%;
    margin-right: 0;
    background: #fff;
}

.unlocked-txt{
    display: flex;
}

.unlocked-txt img{
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.free-gift-product-card-new.inactive .unlocked-txt img{
      width: 10px;
      height: 14px;
      margin-top: 1px;
}

.free-gift-product-card-new.inactive {
  background: #fff;
}

.free-gift-product-card-new.inactive .cart_page_free_gift_progress_skill {
    background: #7C0094;
}

.free-gift-product-card-new .cart_page_free_gift_progress_value {
    width: 100%;
}

.free-gift-product-card-new.inactive .unlocked-txt p {
    color: #7C0094;
    min-width: fit-content;
}

.unlocked-txt p{
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
  color: #00802B;
}

.unlocked-txt.unlocked p{
  color: #307F00;
}

.free-gift-product-card-new .cart_page_free_gift_progress_container {
  background: #EAB4F4;
  border-radius: 15px;
  margin-top: 8px;
  width: 100%;
  margin-right: 0;
}



.desc-cont{
  display:flex;
  flex-direction:column;
  justify-content: space-between;
}


.img-cont{
  min-width: 90px;
  height: 116px;
  border: 1px solid #00000026;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  position: relative;
  background: #fff;
  cursor: pointer;
}

.img-cont .sample{
  position: absolute;
  max-width: 95%;
  top: -1px;
  left: -4px;
  background: linear-gradient(90deg, #D487E1 -8.29%, #7C0094 92.82%);
  border-top-left-radius: 4px;
  padding: 2px 10px 3px 3px;
  display: flex;
  align-items: center;
}

.img-cont .sample::before{
  content: '';
  position: absolute;
  bottom:-3px;
  left:0;
  width: 4px;
  height: 3px;
  background: #7603B4;
  border-bottom-left-radius: 3px;
}


.img-cont .sample::after{
  content: '';
  position: absolute;
  top: 50%;
  right: -1px;
  transform: translateY(-50%);
  width: 6px;
  height: 100%;
  background: #fff;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}

.img-cont .sample.special {
  background: linear-gradient(89.93deg, #61DE8B -72.8%, #28AA53 92.74%);
}

.img-cont .sample.special::before{
  background: #027702;
}

.img-cont .sample img{
  width: 10px;
  margin-right: 2px;
}

#productsCardsNew .free-gift-product-card-image {
  height: auto;
}

.img-cont .sample span{
  font-family: 'Open Sans';
  font-size: 9px;
  font-weight: 600;
  color: #fff;
}

.free-gift-product-card-new .free-gift-product-card-price {
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 7px;
  color: #000000;
}

.free-gift-product-card-new .free-gift-product-card-title {
    font-family: 'Gotham Rounded-Medium';
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    cursor: pointer;
}


.free-gift-product-card-new .free-gift-product-card-subtitle {
    font-size: 12px;
    font-family: 'Open Sans';
    color: #00000099;
    font-family: 'Open Sans';
    line-height: 17px;
}

.free-gift-product-card-new .free-gift-product-card-price-span {
  font-size: 10px;
}


.free-gift-product-card-new .free-gift-product-card-button {
    font-family: 'Open Sans';
    cursor: pointer;
    background: #ef6c00;
    color: #fff;
    text-decoration: none;
    border: none;
    width: 118px;
    padding: 10px 15px;
    border-radius: 5px;
    position: relative;
    height: 35px;
    transition: all 0.5s ease-in;
}

.free-gift-product-card-new .free-gift-product-card-button p {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 51%;
    left: 40%;
    transform: translate(-50%, -50%);
    margin: 0;
    transition: all 0.6s ease;
    display: flex;
}

.free-gift-product-card-new .free-gift-product-card-button p img {
    width: 16px;
    height: 16px;
    margin-right: 16px;
}

.free-gift-product-card-new .free-gift-product-card-button span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease;
    pointer-events: none;
}

.free-gift-product-card-new .free-gift-product-card-button.claimed {
    background: green;
}

.free-gift-product-card-new .free-gift-product-card-button.claimed p {
    opacity: 1;
    pointer-events: all;
}

.free-gift-product-card-new .free-gift-product-card-button.claimed span {
    opacity: 0;
}

.free-gift-product-card-new .free-gift-product-card-image{
  width: 100%;
  max-width:80px;
}

.free-gift-product-card-new.claimed{
  width: 0;
  opacity: 0;
  min-width: 0;
  overflow: hidden;
  pointer-events: none;
  transform: scaleX(0);
  height:0;
  margin-right: -12px;
}

.free-gift-product-card-new  .free-gift-product-card-data{
  background: none;
  align-items: stretch;
  padding-top: 5px;
}

.free-gift-product-card-button[data-disabled="true"] {
  background: #EDEDED;
  color: #757371;
  pointer-events: none;
  display: flex;
  justify-content: flex-start
}

.free-gift-product-card-button[data-disabled="true"] img{
  width: 12px;
  height: 14px;
  margin-right:20px;
} 


.free-gift-product-card-new{
  transition: all 1s ease,opacity 0.2s, height 0.1s;
  transform-origin: left;
  transition-delay: 1s;
  height:100%;
  margin-right: 0;
  box-shadow: 0px 4px 11px 0px #6C00B70D, 0px -4px 11px 0px #307F001A;
}

.free-gift-product-card-new.claimed{
  width: 0;
  opacity: 0;
  min-width: 0;
  overflow: hidden;
  pointer-events: none;
  transform: scaleX(0);
  height:0;
  margin-right: -12px;
}

.trial-text{
  font-family: 'Open Sans';
  font-size: 10px;
  font-style: italic;
  font-weight: 400;
  text-align: left;
  color: #656664;
}

.star-gif{
  position: absolute;
  top: 0;
  right: 8px;
  max-width: 10px;
}

#productsCardsNew::-webkit-scrollbar-thumb {
  background-color: #027702;
  border-radius: 20px;
}

#productsCardsNew.oneItem::-webkit-scrollbar-track {
  -webkit-box-shadow: unset;
  background-color: #fff;
}

.free-gift {
padding-bottom: 0;
}

#productsCardsNew{
padding-bottom: 10px;
}

.free-gift-product-card-new .cart_page_free_gift_progress_skill {
  height: 4px
}

#freeGiftMainDivLoader{
  margin-bottom: 10px;
}

#unlockedItems{
  display: flex;
  align-items: center;
}

#unlockedItems img{
  max-width: 40px;
}

.free-gift-product-card-new .free-gift-product-card-data{
  gap: 12px
}

.reviewCartText{
  display: none;
  background: white;
  width: 818px;
  height:44px;
  margin-bottom:10px;
  border-radius:12px;
  align-items:center;
  justify-content: flex-start;
  font-family: 'Open Sans';
  display: none;
}
.cartReviewHeading{
  display: none;
}
.reviewCount{
  font-weight: 800;
}
.reviewSVG{
  margin: 5px 10px 0 16px
}



@media only screen and (min-width:768px) {
  #productsCardsNew.oneItem  .free-gift-product-card-new{
    min-width: 100%;
  }

  .free-gift-product-card-new{
    min-width: 297px;
  }

  #productsCardsNew{
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0;
  }

  .unlocked-txt img{
    margin-right: 6px;
  }

  .unlocked-txt p {
    font-size: 14px;
  }

  .free-gift-product-card-new .free-gift-product-card-title{
    font-size: 14px;
    padding-bottom: 1px;
  }

  .free-gift-product-card-new .free-gift-product-card-subtitle{
    font-size: 14px;
  }

  .free-gift-product-card-new .free-gift-product-card-price{
    font-size: 16px;
  }

  .free-gift-product-card-new .free-gift-product-card-price-span{
    font-size: 10px;
    margin-right: 4px;
  }

  .trial-text{
    font-size: 12px;
  }

  .img-cont{
    min-width: 95px;
  }

  .free-gift-product-card-new .free-gift-product-card-data{
    padding: 12px;
    gap: 12px
  }

  .free-gift-product-card-new .free-gift-product-card-button{
    width: 144px;
  }

  #unlockedItems img{
    max-width: 45px;
  }

  .login_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    background: #F7FEE7;
  }
  .login_heading {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 20px;
  }
  .login_logo {
    padding-top: 28px;
    background: #F7FEE7;
  }
  .login_logo img {
    width: 100%;
    height: auto;
  }
  .login_input_wrapper, .otp_content_wrapper {
    position: relative;
  }
  .login_input_container, .otp_content_wrapper_inner {
    position: absolute;
    top: -24px;
    left: 0;
    width: 100%;
    background: #ffffff;
    border-radius: 28px 28px 0 0;
    padding: 24px;
  }
  .otp_content_wrapper_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .phone_input_container {
    display: flex;
    height: 52px;
    align-items: center;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background: white;
    padding: 0;
    max-width: 100%;
    width: 100%;
    margin: 0 0 20px 0;
    transition: border-color 0.3s ease;
  }
  .phone_input_container:has(.phone_number_input:focus) {
    border-color: #4B5563;
  }
  .phone_input_container:has(.phone_number_input:focus):hover {
    border-color: #4B5563;
  }
  .phone_input_container:has(.phone_number_input:focus) .country_code_section {
    border-color: #4B5563;
  }
  .phone_input_container:has(.phone_number_input:focus):hover .country_code_section {
    border-color: #4B5563;
  }
  .country_code_section {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    cursor: pointer;
    border-right: 1px solid #D3D4D7;
    height: 100%;
    transition: border-color 0.3s ease;
  }
  .country_flag {
    width: 23px;
    height: 16px;
    object-fit: cover;
  }
  .country_code {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #333;
  }
  .phone_number_section {
    flex: 1;
    display: flex;
    align-items: center;
    position: relative;
    padding: 14px 16px;
    height: 100%;
    justify-content: space-between;
  }
  .phone_number_input_container {
    display: flex;
    gap: 4px;
    align-items: center;
    width: 90%;
  }
  .phone_number_input_container span {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 600;
    color: #4B5563;
  }
  .phone_number_input {
    font-family: 'Open Sans';
    font-size: 16px !important;
    font-weight: 600;
    border: none;
    outline: none;
    box-shadow: none;
    caret-color: #EF6C00;
    width: 100%;
  }
  .phone_number_input::placeholder {
    color: #A0A0A0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
  }
  .phone_number_input:focus {
    outline: none;
    border: none;
    box-shadow: none;
    caret-color: #EF6C00;
  }
  .phone_number_input::-webkit-outer-spin-button,
  .phone_number_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .phone_number_input[type=number] {
    -moz-appearance: textfield;
  }
  .clear_button {
    background: #F5F5F5;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 8px;
    transition: background-color 0.2s ease;
  }
  .clear_button:hover {
    background: #E0E0E0;
  }
  .clear_button svg {
    width: 16px;
    height: 16px;
  }
  .get_otp_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: #D9D9D9;
    height: 48px;
    width: 100%;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    gap: 8px;
    border: none;
    cursor: not-allowed;
    transition: all 0.3s ease;
  }
  .get_otp_btn:not(:disabled) {
    background: #EF6C00;
    cursor: pointer;
  }
  .get_otp_btn:disabled {
    background: #D9D9D9;
    cursor: not-allowed;
  }
  .or_dividing_line, .or_dividing_line_otp {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
    margin: 32px 0;
  }
  .or_dividing_line_otp {
    margin: 0 0;
  }
  .or_dividing_line::before,
  .or_dividing_line::after,
  .or_dividing_line_otp::before,
  .or_dividing_line_otp::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #EBEBEB; /* line color */
  }
  .or_dividing_line:not(:empty)::before,
  .or_dividing_line_otp:not(:empty)::before {
    margin-right: 8px;
  }
  .or_dividing_line:not(:empty)::after,
  .or_dividing_line_otp:not(:empty)::after {
    margin-left: 8px;
  }
  .or_dividing_line span,
  .or_dividing_line_otp span {
    color: #4B5563;
    font-size: 14px;
    font-weight: 600;
  }
  .login_via_wa_section, .login_via_wa_section_otp {
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
    margin: 32px 0;
  }
  .login_via_wa_text, .login_via_wa_text_otp {
    font-family: 'Open Sans';
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #118968;
  }
  .wa_login_img, .wa_login_img_otp {
    display: flex;
  }
  .wa_login_img_otp img {
    width: 22px;
    height: 22px;
  }
  .verifyOtpBtnDesktop {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #EF6C00;
    height: 52px;
    width: 100%;
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .have_trouble, .have_trouble_otp {
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: 600;
    color: #727272;
  }
  .have_trouble_otp {
    /* margin-bottom: 36px; */
  }
  .have_trouble a, .have_trouble_otp a {
    color: #EF6C00;
    font-weight: 700;
    cursor: pointer;
  }
  .verify_otp_btn {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Open Sans';
    color: #ffffff;
    background: #D9D9D9;
    width: 100%;
    height: 52px;
    border-radius: 8px;
    margin-bottom: 34px;
    transition: all 0.3s ease;
  }
  .verify_otp_btn:not(:disabled) {
    background: #EF6C00;
    cursor: pointer;
  }
  .verify_otp_btn:disabled {
    background: #D9D9D9;
    cursor: not-allowed;
  }
  .heading3 {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 16px;
    color: #4B5563;
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .heading3_wa_icon_desk {
    display: none;
  }
  #heading3_mnum_desk {
    color: #000000;
  }
  .edit_phone_number_desk {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline;
    margin: 12px 0 32px 0;
    cursor: pointer;
  }
  #otpContainer1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .otpInput1 {
    width: 48px;
    height: 48px;
    border: 1px solid #1D1D1D;

  }
  .didnt_get_otp_section_desk {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 600;
    color: #4B5563;
    margin: 28px 0 32px 0;
    gap: 5px;
  }
  .resend_otp_text_desk, #otptimer_desk {
    font-weight: 700;
    color: #1D1D1D;
  }

}

.off-Text{
  font-family: 'Open Sans';
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  letter-spacing: 0.01em;
  color: #007600;
  position: relative;
  z-index: 1;
  padding: 5px;
}

.off-Text img{
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  height: 16px;
  width: 100%;
}

@media only screen and (max-width:768px) {
  .reviewCartText{
    width: calc(100%);
  }
  .cartReviewHeading{
    display: block;
    margin: 13px 5px 11px 5px;
    font-family: 'Open Sans';
    font-weight:600;
    font-size:16px;
    line-height: 100%;
    letter-spacing: 1%;
  }
  .free-gift-product-card-new{
    min-width: 266px;
  }
  .cart__item-title_IL a {
    font-size: 14px;
  }
}


@media only screen and (max-width:325px) {
  .delight-div{
    padding-right: 12px;
  }

  .discover-text{
    font-size: 13px;
    padding-right: 15px;
  }
  .star-gif{
    right: 5px;
  }

  .free-gift-congo-text{
    font-size: 11px;
  }
}
.no-scroll {
  overflow: hidden;
}
.ipaDrawerContainer{
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: #00000073;
    transition: .5s;

}

.ipaDrawer{
  position: relative;
  background-color: #fefefe;
  margin-left: auto;
  border: 1px solid #888;
  width: 402px;
  height: calc(100% - 78px);
  z-index: 101;
  margin-top: 78px;
  overflow-y:auto;
}

.ipaDrawerContainerClose{
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
}

.cardImgCont{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
}

.cardImgCont img{
  width: 209px;
  height: 209px;
}

.ipaCardTitle{
  padding: 0 35px 22px 20px;
  border-bottom: 6px solid #F5F5F5;
}


.ipaCardTitle .title{
  font-family:'Gotham Rounded Medium';
  font-size: 14px;
  font-weight: 325;
  margin-bottom: 8px;
}

.ipaCardPrice{
  font-family: 'Open Sans';
  font-size: 18px;
  font-weight: 800;
  color: #000000;
  font-style: normal;
}

.trial{
  font-family: 'Open Sans';
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  color: #8E8C8C;
  margin-bottom: 0;
  margin-right:12px;
}
  .ipaProductDetails{
  display:flex;
  gap:12px;
  padding:12px 20px;
}
.productImg{
width: 22px;
height: 22px;
padding: 1.06px 1.03px 1.07px 1.02px;
}
.ipaProductDetailstext{
font-family: 'Open Sans';
font-size: 16px;
font-weight: 350;
color:rgba(26, 26, 29, 1);
text-align: center;
margin:0;
}
.divider{
  height:0.75px;
  background-color:rgba(225, 225, 225, 1);
  width: 90%;
  margin-left:20px
}
.productDetails{
  display: flex;
  justify-content: space-between; 
  padding:12px 20px;

}
.productLabel{
  flex: 1;
  font-size:14px;
  font-weight:bold
}
.productValue {
  font-size:14px;
  text-align: left; 
  flex: 1; 
}
.ipaClaimBox{
  position: sticky;
  background-color:white;
  padding:12px 20px;
  width: 100%;
  height:60px;
  top:100%;
}
.ipaClaimBox .free-gift-product-card-button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Open Sans';
  font-size:16px;
  cursor: pointer;
  background: #ef6c00;
  color: #fff;
  text-decoration: none;
  border: none;
  border-radius: 8px;
  text-align:center;
  position: relative;
  height: 36px;
  transition: all 0.5s ease-in;
}

.ipaClaimBox .free-gift-product-card-button p {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 51%;
  left: 28%;
  transform: translate(-50%, -50%);
  margin: 0;
  transition: all 0.6s ease;
  display: flex;
  gap:104px;
}

.ipaClaimBox .free-gift-product-card-button p img {
  width: 16px;
  height: 16px;
  margin-right: 16px;
}

.ipaClaimBox .free-gift-product-card-button span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  pointer-events: none;
}

.ipaClaimBox .free-gift-product-card-button.claimed {
  background: green;
}

.ipaClaimBox .free-gift-product-card-button.claimed p {
  opacity: 1;
  pointer-events: all;
}

.ipaClaimBox .free-gift-product-card-button.claimed span {
  opacity: 0;
}
.ipaCliamBtn{
  width: -webkit-fill-available;
  height:36px;
  border-radius:8px;
  text-align:center;
  background-color:rgba(239, 108, 0, 1);
  color:white;
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: 350;
} 
.ipaClaimedBox{
  display:none;
  position: sticky;
  bottom:0;
  background-color:white;
  padding:12px 20px;
  width: 100%;
  height:60px;
  top:100%
}
.ipaCliamedBtn{
  width: -webkit-fill-available;
  height:36px;
  border-radius:8px;
  text-align:center;
  background-color:rgba(40, 165, 30, 1);
  color:white;
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: 350;
  display: flex;
    align-items: center;
    gap: 124px;
    padding-left: 12px;
} 
.ipaClaimBoxLocked {
  position: sticky;
  bottom: 0;
  background-color:white;
  padding: 53px 20px 11px 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  display:none;
  box-shadow: 0px -4px 12px 0px rgba(0, 0, 0, 0.08);


}

.ipaCliamBtnLocked {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  border-radius: 8px;
  background-color: rgba(237, 237, 237, 1);
  color: #757371;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 350;
  gap: 6px;
  border: none;
  cursor: pointer;
}

.lockedTooltip {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  border-radius: 8px;
  color: rgba(124, 0, 148, 1);
  background-color: #f8e8ff;
  padding: 0px 7px;
  height: 30px;
  width: 100%;
  bottom: 47px;
  border: 1px solid rgba(247, 202, 255, 1);
}

.tooltip-arrow {
  position: absolute;
  bottom: 0.2px;
  left: 10%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #f8e8ff;
  border: 1px solid rgba(247, 202, 255, 1);
}

.tooltip-arrow::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 20%;
  transform: translateX(-50%);
  border-width: 10px;
  border-style: solid ;
  border-color: #f8e8ff transparent transparent transparent;
}

/* .ipaCliamBtnLocked:hover .lockedTooltip {
  opacity: 1;
  visibility: visible;
} */

.cross-btn{
  display:none;
}
.ipaCardTooltip{
  display:flex;
  align-items:center;
}
.tooltip1{
  display:flex;
   border-radius: 8px;
    width: 173px;
    height: 34px;
    background: linear-gradient(to right, rgba(97, 222, 139, 1), rgba(40, 170, 83, 1));
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: 600;
    text-align:center;
    color:white;
    padding:7px 8px 11px 7px;
   }
   .tooltip1 img{
    width: 16px;
    height:16px
   }
   .arrow-vector{
    width: 17px;
    height:14px;
    margin-top:2px;
    }
    .know-more-text{
      font-weight:bold
    }
    /* @keyframes pulse {
      0%, 100% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.05);
      }
    }
    
    @keyframes gradientFlow {
      0% {
        background-position: 0% 50%;
      }
      100% {
        background-position: 100% 50%;
      }
    } */
    
    .badge {
      display: inline-flex;
      align-items: center;
      background: linear-gradient(111.92deg, #61DE8B 0%, #28AA53 42.22%);
      color: white;
      font-family: 'Open Sans';
      font-size: 12px;
      font-weight: 600;
      padding: 8px 16px;
      border-radius: 8px;
      position: relative;
      animation: pulse 2s infinite, gradientFlow 4s infinite linear;

      
    }

    .badge::before {
      content: '';
      position: absolute;
      left: -8px;
      top: 52%;
      transform: translateY(-50%);
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 8px 8px 8px 0;
      border-color: transparent #53D27D transparent transparent;
    }

    .iconIPA {
      display: inline-block;
      width: 16px;
      height: 16px;
      background-image: url('/cdn/shop/files/gift.png?v=1732801149');
      background-size: cover;
      background-position: center;
      margin-right: 8px;
      animation: pulse 2s infinite;
    }
    .viewMoreContainer {
      padding: 12px 0 12px  20px;
    }
    
    .viewMoreBtn {
       border-radius: 8px;
      color: #EC6C00;
      font-size: 16px;
      font-weight: 350;
      text-align: center;
      cursor: pointer;
      transition: background-color 0.3s;
    }
    .moreDetails {
      display: block;
      border-radius: 8px;
    }
    
    .moreDetails.hidden {
      display: none;
    }
    
    .moreDetails .productDetails {
      margin-bottom: 8px;
    }
    .hidden {
      display: none;
    }
    
    .ipaProductDescription{
      display:flex;
      justify-content: space-between;
      gap:12px;
      padding:12px 20px;
    }

    .knowMoreContainer {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #ffeeda;
      height: 50px;
      margin-top: 10px;
      cursor: pointer;
    }

    .product-info {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #FFEDDE;
      padding: 10px 14px;
      border-radius: 8px;
      width: 100%; /* Ensures it takes up the full width of the container */
      max-width: 400px; /* Add a maximum width for better responsiveness */
    }

    .left-content {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .left-content .know-more-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 20px;
      height: 20px;
    }
    .ipaChevImg{
      width:16px;
      height:9px
    }

    .left-content .text {
      font-size: 16px;
      color: #000;
      font-weight: 500;
    }

    .know-more-chevron {
      width: 20px;
      height: 20px;
    }
    /* .ipaCardCompareAtPrice{
      text-decoration: line-through;
    } */
    .ipaDrawerloader {
      display: none;
      border: 3px solid #f3f3f3;
      border-top: 2px solid #363434d5;
      border-radius: 50%;
      width: 15px;
      height: 15px;
      animation: spin 0.5s linear infinite;
    }
    .cardImgCont{
      padding: 20px 0px 0px 0px;
    }
       @media only screen and (max-width: 600px) {
      .ipaDrawerContainer {
        display: flex ;
        justify-content: center;
        align-items: flex-end; 
      }
    
      .ipaDrawer {
        border-top-left-radius: 12px ;
        border-top-right-radius: 12px ;
        background-color: #fefefe;
        width: 100%;
        height:423px;


        overflow-y: auto; 
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); 
      }
      .test{
        height: 487px;
        width: 100%;
        overflow-y:auto;
      }
    .ipaClaimBox{
      bottom: 0;
      top: auto;  
      }
      .cardImgCont {
        padding: 0;
      }
    
      .cardImgCont img {
        width: 131px;
        height: 131px;
        margin:10px 0px
      }
    
      .ipaCardTitle .title {
        font-size: 12px;
        margin: 0px 0px 8px 0px !important
      }
    
      .ipaCardPrice {
        font-size: 16px;
      }
    
      .trial {
        height:34px;
        font-size: 10px;
      }
    
      .ipaProductDetailstext {
        font-size: 14px;
      }
    
      .ipaDrawerContainerClose {
        display: none; 
      }
      .badge{
    margin-top:-8px;
      }
  
      .cross-btn {
        display: flex; 
        position: absolute; 
        top: calc(100vh - 451px);
        right: 16px;
        width: 24px;  
          }
        
    }   
    
@media only screen and (max-width:768px) {

  .signupFlotingInput {
    margin-bottom: 0;
  }

  .cart_payment_sec {
    margin-bottom: 8px;
  }

  .cart_payment_sec_summary {
    margin-bottom: 8px;
  }

  .sum_saved_desk {
    display: none;
  }

  .cart_checkout_button_2 {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 4;
    /* padding: 12px; */
    background: #fff;
    width: 100%;
  }

  .btn_2 {
    width: 207px;
    height: 40px;
    border-radius: 8px;
    padding: 8px 62px;
    gap: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #ef6c00;
    color: white;
    position: relative;
    margin: 0;
    cursor: pointer;
  }

  .btn_content_2 {
    font-size: 14px;
    line-height: 19.1px;
    letter-spacing: 2%;
    font-weight: 700;
    font-family: 'Open Sans';
    display: flex;
    justify-content: center;
    align-items: center;
  }

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

  .product_section {
    border-radius: 12px;
    padding: 0 0 0 0;
  }

  .cart_remove_item_popup {
    top: 89%;
    border-radius: 12px 12px 0 0;
    padding: 15px;
    height: 170px;
    width: 100%;
  }

  .cart_remove_head {
    font-size: 14px;
  }

  .cart_remove_text {
    font-size: 14px;
    text-align: justify;
  }

  .cart_remove_item_popup .modal-footer span {
    width: 162.5px;
  }

  .template-cart .page-width--cart {
    padding-top: 5px;
    padding: 0 15px 10px 15px;
  }
  .template-cart .page-width--cart.no_item {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .section-header--404 {
    padding: 0;
  }
  .total_saving_container {
    font-size: 18px;
  }
  .sticky {
    font-size: 15px !important;
    position: fixed;
    z-index: 3;
    width: 100%;
    top: 62px;
    height: 25px;
    line-height: 22px !important;
    left: 0;
    margin-top: 0;
  }
  #freeGiftMainDiv {
    order: 2 !important;
  }
  .cart_coupon_sec {
    order: 1 !important;
    align-items: center;
    margin-top: 0;
  }

  .cart-sidebar-discount {
    padding: 0;
  }

  .view-all-coupons {
    padding-bottom: 0;
    margin-top: 5px;
  }

  .cartcoupon_popup {
    width: 100%;
    padding: 10px;
    border-radius: 0;
    height: -webkit-fill-available;
  }

  .discount_input {
    width: -webkit-fill-available;
    padding: 14px 12px 11px 12px;
  }

  #discount-error-status {
    padding 0;
  }

  .freegift_banner_container {
    margin-bottom: 0;
  }

  .addrescoupon_vertical-scroll {
    padding: 17px 0px;
    max-height: 100vh;
  }

  .coupon-list-box {
    width: auto;
  }

  .coupon-divider {
    width: -webkit-fill-available;
  }

  .coupontop {
    padding: 10px 0;
  } 

  .cartcoupon_container.active {
    padding: 0;
    align-items: flex-end;
  }

  .cart-revamp .section-header__title {
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 16px;
  }
  #progressbar li {
    font-size: 12px;
  }
  .progress {
    left: 2%;
  }
  .progress.firsthalf {
    width: 35%;
  }
  .progress.secondhalf {
    width: 78%;
  }
  .cart-imp-info span {
    color: #6c6c6c;
    font-weight: 600;
    font-size: 15px;
    margin-right: 3px;
  }
  .cart-imp-info {
    font-size: 10px;
  }
  .cartaddress_container.active {
    
    /*background-image:url('/cdn/shop/files/confetti-on-balloon-pop-min.gif?v=1653042062');*/
  }
  .js-qty__num {
    font-size: 14px !important;
  }
  .cart__item-price-col {
    text-align: left !important;
  }

  .free-gift-products {

    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .free-gift-products::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
  }

  #checkout--btn--loading {
    height: 51px;
    font-size: 15px;
    margin-bottom: 25px
  }

  .free-gift-product-card-new{
    width: 266px;
  }
}




@media only screen and (max-width:768px) {
  .tooltip-text {
    transform: translateX(-50%);
  }
  #pharmacy_banner_text_cart-IL-id{
    margin-top:10px;
    font-size: 12px;
  }
  .cart__item-title.surprise_gift {
    align-items: end;
    font-size: 14px;
  }
  .product__price--compare{
    padding: 2px 0 0 3px;
  }
  
  .product__price-on-sale{
    font-size: 16px;
  }
  .product__price-wrap{
    font-size: 11px;
  }
  .cart_product__price-savings{
    font-size: 14px;
    padding: 8px 0 0
  }
  .cart_product__free{
    font-size: 16px;
    padding: 0
  }
  .remaining_products{
    font-size: 10px;
  }
  .cart_edd {
    font-size: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: fit-content;
    padding: 2px;
  }
  .cartaddress_popup {
    width: 365px;
  }
  .open-address-popup {}
  .cartaddress_popup img {
    margin-top: -55%;
  }
  .open-address-popup {
    top: 50%;
  }
  #progressbar li::before {
    width: 30px;
    height: 30px;
  }
  #progressbar li::after {
    top: 15px;
  }
  .cart_customer_address {
    display: none;
    /* padding: 0px 0px;
    border-radius: 0 0 12px 12px;
    background: linear-gradient(170.37deg, #FFFFFF 7.27%, #FFE1D2 460.88%);
    border-width: 0.4px 0px 0.4px 0px;
    border-style: solid;
    border-color: #FFD1BA;
    width: 100vw;
    position: relative;
    right: 15px; */
  }
  #customer_address {
    width: 400px;
  }
  .Icon_text img {
    width: 50px;
  }
  .cart__item-name {
    font-size: 13px;
    padding-right: 4px;
    font-weight: bold;
  }
  #show_on_edd {
    font-size: 13px !important;
  }
  #show_on_edd img {
    max-width: 11px !important;
    height: 14px;
  }
  #get_dll_span{
    font-size: 12px;
    line-height: 15.6px;
    letter-spacing: 1%;
  }
  .cart_customer_address .discount_input input {
    font-size: 13px !important;
    width: 190px;
    height: 26px !important;
  }
  .discount_input #checkPincodeBtn {
    font-size: 13px !important;
  }

  .pincode_section #checkPincodeBtn {
    font-size: 12px !important;
    line-height: 16.37px;
  }
  .new_cart__item--variants {
    font-size: 12px;
    flex: 0 0 40%;
    min-width: 200px;
  }
  .qty-container {
    flex: 1 1 55%;
  }
  .cart_desktop_checkout_button {
    margin-top: 10px;
  }

  #progressbar {
    padding: 0 10px;
  }
  #progressbar li:before {
    width: 30px;
    height: 30px;
    margin: 0;
  }
  #progressbar li:first-child:after {
    left: 0;
    width: 85%;
  }
  #progressbar li:nth-child(2):before {
    margin: 0 auto;
  }
  #progressbar li:nth-child(3):before {
    left: 75%;
  }
  #progressbar li:after {
    top: 15px;
    left: -15%;
    width: 130%;
  }
  #progressbar li:last-child:after {
    width: 85%;
    left: 10%;
  }
  #progressbar li:first-child {
    text-align: left;
  }
  #progressbar li:last-child {
    text-align: right;
  }
  .progress {
    left: 2%;
    top: 0;
  }
  .prescription_content {
    position: unset !important;
  }
}

@media only screen and (max-width: 650px) {
  .cart__image {
    padding: 0;
    margin: 0;
  }
}

      
@media only screen and (max-width: 768px) {

  .progressBarDesk {
    display: none;
  }

  .address_sec {
    height: 41px;
    padding: 13px 16px 14px 18.5px;
  }



  .full-container-modal{
    position: fixed;
    display: none;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #00000080; 
  }
  .popup-container-pincode {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    top: auto;
    transform: none;
    width: 100%;
    max-width: 100%;
    height: 139px;
    background: white;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    padding: 20px 0;
    z-index: 1000;
    font-family: 'Open Sans';
  }
  .popup-container-desktop {
    display: none;
  }
  .popup-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    top: auto;
    transform: none;
    width: 100%;
    max-width: 100%;
    background: white;
    border-radius: 28px 28px 0 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    padding: 16px 12px;
    z-index: 1000;
    font-family: 'Open Sans';
  }
  #close_otp_btn, #close_login_btn {
    cursor: pointer;
    top: -57px;
    position: absolute;
  }
  #close_newUser_btn {
    cursor: pointer;
    margin: 15px auto;
   }
  .popup-content {
    display: flex;
    flex-direction: column;
    gap: 0px;
    width: 100%;
  }
  .popup-content .heading2 {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Open Sans';
    color: #000000;
    line-height: 24px;
    letter-spacing: -1.9%;
    display: flex;
    justify-content: center;
  }
  .edit_phone_number {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 700;
    color: #1D1D1D;
    text-decoration: underline;
    cursor: pointer;
    font-style: solid;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .popup-content .heading3 {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -1.9%;
    color: #4B5563;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin: 24px 0 8px 0;
  }
  .verify_otp_btn {
    height: 48px;
    width: 100%;
    border-radius: 6px;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    background: #D9D9D9;
    border: none;
    cursor: not-allowed;
    margin-top: 24px;
    transition: all 0.3s ease;
  }
  .verify_otp_btn:not(:disabled) {
    background: #EF6C00;
    cursor: pointer;
  }
  .verify_otp_btn:disabled {
    background: #D9D9D9;
    cursor: not-allowed;
  }
  .popup-content .heading3_mnum {
    color: #1D1D1D;
  }
  .inputField {
    border-radius: 16px;
    border: 1px solid #EAECF0;
    height: 48px;
    font-size: 12px;
    padding-left: 17px;
    width: 100%;
    color: #B5B5B5;
    font-weight: 700;
    line-height: 16.37px;
    box-shadow: 0px 12px 60px 0px #43474D14;
  }
  .pincode-error-warning {
    border: #E71010;
    background: #FEF4F4;
    color: #E71010;
  }
  .pinNumber {
    padding-left: 12px;
  }
  .pincode_inputField {
    padding: 0 16px;  
  }
  .phone_input_container {
    display: flex;
    height: 48px;
    align-items: center;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    background: white;
    padding: 0;
    max-width: 100%;
    width: 100%;
    margin: 28px 0 16px 0;
    transition: border-color 0.3s ease;
  }
  
  .phone_input_container:has(.phone_number_input:focus) {
    border-color: #4B5563;
  }
  
  .phone_input_container:has(.phone_number_input:focus):hover {
    border-color: #4B5563;
  }

  .phone_input_container:has(.phone_number_input:focus) .country_code_section {
    border-color: #4B5563;
  }
  
  .phone_input_container:has(.phone_number_input:focus):hover .country_code_section {
    border-color: #4B5563;
  }

  .country_code_section {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    cursor: pointer;
    border-right: 1px solid #D3D4D7;
    height: 100%;
    transition: border-color 0.3s ease;
  }

  .country_flag {
    width: 23px;
    height: 16px;
    object-fit: cover;
  }

  .country_code {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #333;
  }

  .phone_number_section {
    flex: 1;
    display: flex;
    align-items: center;
    position: relative;
    padding: 14px 16px;
    height: 100%;
    justify-content: space-between;
  }

  .phone_number_input_container {
    display: flex;
    gap: 4px;
    align-items: center;
    width: 90%;
  }

  .phone_number_input_container span {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 600;
    color: #4B5563;
  }

  .phone_number_input {
    font-family: 'Open Sans';
    font-size: 14px !important;
    font-weight: 600;
    border: none;
    outline: none;
    box-shadow: none;
    caret-color: #EF6C00;
    width: 100%;
  }

  .phone_number_input::placeholder {
    color: #A0A0A0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
  }

  .phone_number_input:focus {
    outline: none;
    border: none;
    box-shadow: none;
    caret-color: #EF6C00;
  }
  
  .phone_number_input::-webkit-outer-spin-button,
  .phone_number_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  .phone_number_input[type=number] {
    -moz-appearance: textfield;
  }

  .clear_button {
    background: #F5F5F5;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 8px;
    transition: background-color 0.2s ease;
  }

  .clear_button:hover {
    background: #E0E0E0;
  }

  .clear_button svg {
    width: 16px;
    height: 16px;
  }

  .get_otp_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: #D9D9D9;
    height: 48px;
    width: 100%;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    gap: 8px;
    border: none;
    cursor: not-allowed;
    transition: all 0.3s ease;
  }
  
  .get_otp_btn:not(:disabled) {
    background: #EF6C00;
    cursor: pointer;
  }

  .get_otp_btn:disabled {
    background: #D9D9D9;
    cursor: not-allowed;
  }
  .or_dividing_line {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 24px 0;
  }
  .or_dividing_line::before,
  .or_dividing_line::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #EBEBEB;
  }
  .or_dividing_line:not(:empty)::before {
    margin-right: 8px;
  }
  .or_dividing_line:not(:empty)::after {
    margin-left: 8px;
  }
  .or_dividing_line span {
    color: #4B5563;
    font-size: 12px;
    font-weight: 600;
  }
  .login_via_wa_section, .login_via_wa_section_otp {
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .login_via_wa_text, .login_via_wa_text_otp {
    font-family: 'Open Sans';
    font-weight: 700;
    font-style: Bold;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #118968;
  }
  .wa_login_img, .wa_login_img_otp {
    display: flex;
  }
  .have_trouble, .have_trouble_otp {
    font-size: 12px;
    line-height: 14.4px;
    margin: 32px auto 0 auto;
    height: 20px;
  }
  .have_trouble span, .have_trouble_otp span {
    font-family: 'Open Sans';
    font-weight: 500;
    color: #727272;
  }
  .have_trouble a, .have_trouble_otp a {
    text-decoration: none;
    font-family: 'Open Sans';
    font-weight: 300;
    color: #EF6C00;
  }
  .hidden {
    display: none;
  }
  #proceedOtpBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EF6C00;
    border-radius: 6px;
    height: 42px;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 325px;
    line-height: 16.8px;
    letter-spacing: 2%;
    color: #FFFFFF;
    border: 0.3px solid #FFFFFF;
    cursor: pointer;
  }
  #resend_otp {
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: 400;
    line-height: 15.6px;
    color: #727272;
    margin: 8px 0 5px 0;
  }
  #otptimer {
    font-weight: 500;
    color: #000000;
  }
  #otpContainer {
    display: flex;
    justify-content: space-between;
    margin: 28px 0 0 0;
  }
  .otpInput {
    width: 46px;
    height: 46px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    font-style: semibold;
    font-family: 'Open Sans';
    border: 0.68px solid #1D1D1D;
    border-radius: 6px;
  }
  .otpInput:focus {
    outline: 2px solid #007bff;
  }
  .didnt_get_otp_section {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 600;
    color: #4B5563;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 24px;
  }
  .resend_otp_text, .otp_timer {
    font-weight: 700;
    color: #1D1D1D;
  }
  .check_ontop {
    font-size: 12px;
    font-weight: 700;
    font-family: 'Open Sans';
    line-height: 16.37px;
    letter-spacing: 2%;
    color: #EC6C00;
  }
  .pincode_heading {
    display: block;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -1.9%;
    padding: 0 16px;
  }
  .desktop_view {
    display: none;
  }
  .header-section{
    padding-bottom: 0 !important;
  }
}

@media only screen and (max-width: 768px) {
  #shopify-section-footer-icons {
    /* margin-bottom: 37px; */
  }

  .cart-icon-wraper {
    margin: 0 0 0 0;
  }
}

@media only screen and (max-width: 600px){
  .section-header {
    margin-bottom: 54px !important;
  }
}