/** Shopify CDN: Minification failed

Line 282:2 "colo" is not a known CSS property
Line 1429:0 Unexpected "}"
Line 1431:4 Unexpected "0%"
Line 1434:2 Unexpected "100%"

**/

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap');
/* New css New Custom Checkout */
@font-face {
  font-family: 'Helvetica Neue';
  src: url('HelveticaNeue-UltraLight.eot');
  src: url('HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'),
      url('HelveticaNeue-UltraLight.woff2') format('woff2'),
      url('HelveticaNeue-UltraLight.woff') format('woff'),
      url('HelveticaNeue-UltraLight.ttf') format('truetype'),
      url('HelveticaNeue-UltraLight.svg#HelveticaNeue-UltraLight') format('svg');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('HelveticaNeue-Thin.eot');
  src: url('HelveticaNeue-Thin.eot?#iefix') format('embedded-opentype'),
      url('HelveticaNeue-Thin.woff2') format('woff2'),
      url('HelveticaNeue-Thin.woff') format('woff'),
      url('HelveticaNeue-Thin.ttf') format('truetype'),
      url('HelveticaNeue-Thin.svg#HelveticaNeue-Thin') format('svg');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('HelveticaNeue-Light.eot');
  src: url('HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
      url('HelveticaNeue-Light.woff2') format('woff2'),
      url('HelveticaNeue-Light.woff') format('woff'),
      url('HelveticaNeue-Light.ttf') format('truetype'),
      url('HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Helvetica Neue';
  src: url('HelveticaNeue-Medium.eot');
  src: url('HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
      url('HelveticaNeue-Medium.woff2') format('woff2'),
      url('HelveticaNeue-Medium.woff') format('woff'),
      url('HelveticaNeue-Medium.ttf') format('truetype'),
      url('HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}



body[data-page-path="/pages/checkout"] div#shopify-section-footer,
body[data-page-path="/pages/checkout"] #shopify-section-benefits,
body[data-page-path="/pages/checkout"] #shopify-section-header{
    display: none;
}
body {
    background: none;
}
body,h1,h2,h3,h4,h5,h6,p{
  font-family: "Raleway", sans-serif !important;
}
.custom_checkout_section {
  background: #f8f8f7;
  --border-color: #d5d5d4;
  --font-raleway: "Raleway", sans-serif;
  --font-heebo: "Heebo", sans-serif;
  /* display: grid; */
  grid-template-rows: auto 1fr auto;
  /* height: 100dvh; */
  font-weight: 400;
}
.custom_checkout_section a:hover {
    color: #8c8c8c;
}
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }   
button.btn[disabled], button.btn[disabled]:hover {
    background: #d5d5d4;
    pointer-events: none;
}
    .checkout-form-wrapper {
      display: flex;
      flex-wrap: wrap;
      gap: 0px;
      max-width: 100%;
      width: 100%;
      height:100%;
      overflow-y:auto;
      padding:0 15px;
    }   
    .checkout-form,
    .order-summary {
      padding: 20px 15px;
      border-radius: 8px;
    }    
    .checkout-form {
        /* width: 70%; */
      flex:1;
    } 
    .order-summary {
      /* width: 30%; */
      flex:1;
      max-width: 470px;
  }
    .checkout-form-wrapper section {
        margin-bottom: 12px;
        background: #fff;
        border: 1px solid var(--border-color);
        overflow: hidden;
        transition: none;
        padding: 30px;
    } 
     section h2 {
        margin: 0 0;
        padding: 0 0px;
        cursor: pointer;
        font-size: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: all .5s ease;
        letter-spacing: 0;
       position: relative;
       color: #898989;
       font-weight:700;
    }   
  .checkout-form-wrapper section.open h2 {
      color: #000;
  }
   section h2::after {
    content: ">";
    transform: rotate(90deg);
    transition: transform .5s ease;
    content: '';
    width: 20px;
    height: 20px;
    background: url(/cdn/shop/files/chevron.png?v=1732630413);
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
} 
    section.open h2::after {
      transform: rotate(-90deg);
    }      
     section form {
    padding: 0px;
    height: 0;
    overflow: hidden;
    margin: 0;
    transition: height 0.5s ease, margin 0.4s ease, opacity 0.3s ease;
    opacity: 0;
}
section.open form {
    display: block;
    margin-top: 28px;
    /* height: auto !important; */
    transition: height 0.5s ease, margin 0.4s ease, opacity 0.5s ease;
    opacity: 1;
}
.checkout-form-sections section.open form{
  min-height: 255px;
}
.right-section section.open form{
  height:auto;
}
    section.open form input, section.open form select, section.open form textarea {
      height: 50px;
      font-family: 'Helvetica Neue';
      font-weight: 300;
      color: #000 !important;
      letter-spacing: 0.5px;
  }
  section.open form input::placeholder, section.open form select, section.open form textarea::placeholder{
    color:#979797;
  }

    .form-group {
      display: flex;
      gap: 15px;
      row-gap:10px;
      margin-bottom: 15px;
    }    
    .form-footer {
      font-size: 12px;
      text-align: end;
      color: #666;
      margin-top: 10px;
    }    
    .checkout-form .btn {
      padding: 12px 20px;
      background: #000;
      color: #fff;
      border: none;
      border-radius: 5px;
      font-size: 12px;
      cursor: pointer;
      line-height:1.4;
      font-weight: 700;
      text-transform: uppercase;
    }    
    .checkout-form .btn:hover {
      background: #d5d5d4;
    }    

    .card-input {
      margin-bottom: 15px;
    }    
    .card-input input {
      width: 100%;
      padding: 12px;
      border: 1px solid var(--border-color);
      border-radius: 5px;
      font-size: 14px;
    }    
    .form-group-bottom {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }    
    .form-group-bottom input {
      flex: 1;
      padding: 12px;
      border: 1px solid var(--border-color);
      border-radius: 5px;
      font-size: 14px;
    }    
    .order-summary h3 {
    text-transform: initial;
    letter-spacing: 0;
    font-size: 13.6px;
    color: #000;
    margin: 0;
}
    .StripeElement {
      width: 100%;
    } 

    .order-summary .summary-item {
      display: flex;
      justify-content: space-between;
      margin-bottom: 10px;
    }    
    .order-summary .summary-item strong {
      color: #333;
    }    
    .order-summary .total {
      font-size: 13px;
      font-weight: 500;
      font-family: Helvetica Neue!important;
  }
    .shipping-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 0px;
    } 
.shipping-footer h5 {
    font-weight: 500;
  colo: #000;
    font-size: 14px;
}
    .form-group {
      display: grid;
      gap: 10px;
      margin-bottom: 10px;
      width: 100%;
      flex-wrap: wrap;
  }
.form-group.cols-2{
  grid-template-columns: repeat(2,1fr);
}
.form-group > * {
    flex: 1;
}
    .form-group input {
        flex: 1;
        padding: 14px 20px;
        border: 1px solid var(--border-color);
        border-radius: 5px;
        font-size: 13px;
      width: 100%;
    }
.form-group.cols-4 {
    display: grid;
    grid-template-columns: repeat(4,1fr);
}
    .phone-group {
    display: flex;
    align-items: center;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    height: 50px;
          position: relative;
    z-index: 1;
}
.selected-country {
    position: absolute;
    left: 11px;
    z-index: -1;
}

span.country-flag {
    display: block;
    width: 20px;
}
  select.country-flag {
      z-index: 999;
      opacity: 0;
  }

    .phone-group select {
    border: none;
    border-right: 1px solid var(--border-color);
    padding: 0 10px 0 36px;
    font-size: 14px;
    cursor: pointer;
    /* background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/59/Flag_of_Lebanon.svg/20px-Flag_of_Lebanon.svg.png) no-repeat left center; */
    background-size: 20px;
    background-position: 10px center;
    height: 100%;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    width: 80px;
    text-align: left;
}
.selected_country-code {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: #ffffff;
    left: 36px;
    width: 43px;
    z-index: 1;
    height: 100%;
    top: 0;
    cursor: pointer;
    font-family: var(--font-heebo);
    text-align: center;
    border-right: 1px solid var(--border-color);
    padding-top:2px;
}
   .phone-group input {
    flex: 1;
    padding: 14px 20px;
    border: none;
    font-size: 13px;
    outline: none;
    border-radius: 0 5px 5px 0;
}
    .form-footer {
        font-size: 12px;
        color: #666;
        margin-top: 10px;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
    }  
    /* .form-button-wrapper {
      text-align: right;
      margin-top: 20px;
    } */
    .form-button-wrapper .btn {
      display: inline-block;
    }
.form-button-wrapper .btn {
    min-width: 96px;
    text-align: center;
}
    .btn:hover {
        background: #d5d5d4;
    }   
    .phone-group {
      display: flex;
      align-items: center;
      border: 1px solid var(--border-color);
      border-radius: 5px;
      overflow: hidden;
      width: 100%;
      height: 50px;
    }  
    .phone-group input {
    flex: 1;
    padding: 14px 20px;
    border: none;
    font-size: 13px;
    outline: none;
    border-radius: 0 5px 5px 0;
}
    
    @media (max-width: 1024px) {
      .form-group {
        flex-wrap: wrap;
      }
      .container {
        flex-direction: column;
      }
      .checkout-form-wrapper section{
        padding: 30px 15px;
      }
      .checkout-form{
        width: 100%;
        padding:0;
      }
    }    
    /* Container for the whole Order Summary */
    .order-summary-container {
    display: flex;
    flex-direction: column;
    margin: 0px auto;
    background-color: #fff;
    padding: 20px 0;
    border: 1px solid var(--border-color);
}  
    /* Left Section */
    .left-section {
      width: 100%;
      color: #000;
    }    
    #section-images {
      display: flex;
    }    
    .right-section .section-content {
        padding-left: 22px;
        justify-content: flex-start;
        gap: 15px;
    }
    .slideimage-text {
      display: flex;
      justify-content: space-between;
      font-size: smaller;
      font-weight: 300;
      font-family: 'Helvetica Neue';
  }   
  .slideimage-text p {
    font-weight: 300;
    font-family: var(--font-heebo) !important;
    font-size: 9.6px;
}
    .title {
      font-size: 20px;
      font-weight: 100;
    }    
    .item-count {
      font-size: 16px;
      color: #555;
    }    
    /* Carousel Container */
    .carousel-container {
      display: flex;
      gap: 20px;
      overflow: hidden;
      position: relative;
      transition: transform 0.5s ease-in-out;
      width: 100%;
      /* Ensure full width for the carousel */
    }    
    /* Carousel Item */
    .carousel-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      min-width: 50%;
      /* Show two items by taking up 50% of the container */
      box-sizing: border-box;
      /* Make sure width is respected even with padding */
    }    
    /* Carousel Image */
    .carousel-image {
      width: 100%;
      height: 400px;
      object-fit: cover;
      border-radius: 10px;
    }    
    .item-details {
      text-align: center;
      margin-top: 10px;
    }    
    .size,
    .price {
      font-size: 16px;
      font-weight: bold;
    }    
    /* Next Slide Button */
    /* Carousel Arrows */
    .next-slide-btn,
    .prev-slide-btn {
      background-color: transparent;
      border: none;
      font-size: 24px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      z-index: 1;
    }    
    .prev-slide-btn {
      left: 10px;
      display: none;
      /* Initially hidden */
    }    
    .next-slide-btn {
      right: 10px;
    }    
    /* Delivery Information */
    .delivery-info {
      margin-top: 20px;
      /* margin-bottom: 60px; */
      margin-bottom: 92px;
    }    
    .subtitle {
      font-size: 14px;
      font-weight: bold;
    }    
    /* .checkout-form-wrapper p.delivery-date {
      font-size: 14px;
      font-family: 'Helvetica Neue' !important;
      font-weight: 300;
  }  */

    /* Total Section */
    .total-info {
      margin-top: 20px;
    }    
    .shipping {
      display: flex;
      justify-content: space-between;
    }    
    .shipping-text {
      /* font-family: 'Helvetica Neue' !important; */
      font-weight: 400;
      font-size: 11px;
  }   
  .free-shipping {
    font-family: 'Helvetica Neue' !important;
    font-size: 10px;
    font-weight: 700 !important;
    text-transform: uppercase;
} 
    .total-price {
    display: flex;
    text-align: right;
    flex-direction: column;
    font-size: 14px;
    margin-top: 0;
}
    .total-text {
      font-size: 11px;
      font-weight: bold;
    }    
    .total {
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
}  
.total-price p:not(.duties) {
    font-weight: 700;
    font-size: 11px;
    font-family: var(--font-heebo) !important;
}
.total-price p.duties {
  font-weight: 300;
}
    .duties {
    font-size: 10px;
}   
    /* Right Section */
    .section {
      margin-bottom: 20px;
    }    
    .section-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }    
    .icon-text {
      display: flex;
      align-items: center;
      gap: 10px;
    }    
    .section-title {
      font-size: 16px;
    }    
    .toggle-button {
      background-color: transparent;
      border: none;
      font-size: 18px;
      cursor: pointer;
    }    
    hr.divider {
    display: none;
} 
    .cards-image {
      width: 70%;
      object-fit: contain;
    }    
    @media (max-width: 768px) {
      .carousel-container {
        gap: 10px;
      }
    
      .carousel-item {
        min-width: 50%;
      }
    }    
    @media (max-width: 480px) {
      .carousel-item {
        min-width: 100%;
      }
    }    
    .slideshow-container {
      max-width: 1000px;
      position: relative;
      margin: auto;
    }    
    .mySlides {
      display: none;
    }    
    .prev,
    .next {
      cursor: pointer;
      position: absolute;
      top: 50%;
      width: auto;
      margin-top: -22px;
      padding: 16px;
      color: white;
      font-weight: bold;
      font-size: 18px;
      transition: 0.6s ease;
      border-radius: 0 3px 3px 0;
      user-select: none;
    }    
    .next {
      right: 0;
      border-radius: 3px 0 0 3px;
    }    
    .prev:hover,
    .next:hover {
      background-color: rgba(0, 0, 0, 0.8);
    }    
    .text {
      color: #f2f2f2;
      font-size: 15px;
      padding: 8px 12px;
      position: absolute;
      bottom: 8px;
      width: 100%;
      text-align: center;
    }    
    .numbertext {
      color: #f2f2f2;
      font-size: 12px;
      padding: 8px 12px;
      position: absolute;
      top: 0;
    }    
    .dot {
      cursor: pointer;
      height: 15px;
      width: 15px;
      margin: 0 2px;
      background-color: #bbb;
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease;
    }    
    .active,
    .dot:hover {
      background-color: #717171;
    }    
    .fade {
      animation-name: fade;
      animation-duration: 1.5s;
    }    
    .mySlides {
      display: none;
      width: 49%;
      float: left;
      box-sizing: border-box;
    }    
    .slideshow-container {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      position: relative;
      overflow: hidden;
      width: 100%;
      margin: auto;
    }    
    @keyframes fade {
      from {
        opacity: 0.4;
      }    
      to {
        opacity: 1;
      }
    }
    .card-input-container {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    padding: 14px 20px;
    margin-bottom: 15px;
}
    .card-input-container .StripeElement {
      flex-grow: 1;
      border: none;
    }
    .card-input-container img {
      height: 19px;
      width: auto;
    }
.card-element-row input#card_name {
    flex: 0 0 50%;
    min-height: 49px;
    height: 49px;
    border-radius: 4px;
    color: #32325d !important;
    font-family: sans-serif !important;
    font-size: 16px;
}
.card-element-row input#card_name::placeholder {
    color: #aab7c4;
    font-weight: 500;
    opacity:1
}
    /* Styling for the form row with card expiry and cvc */
    .card-element-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
}
    .card-element-row .StripeElement {
      flex: 1;
      padding: 0px;
      background: #fff;
    }
    .card-element-row .cardholder-input {
      flex: 1.5;
      padding: 10px;
      border: 1px solid #DCDCDC;
      border-radius: 4px;
      font-size: 14px;
    }
.form-group-bottom.card-element-row .StripeElement {
    padding: 14px 20px;
    border: 1px solid var(--border-color);
    border-radius:4px;
    height:49px;
}
form#card-form .form-footer {
    margin-top: 60px;
}
form#card-form .form-footer .btn {
  width: 100%;
  max-width: 320px;
  font-size: 13px;
  font-family: Helvetica Neue!important;
}
form#card-form .form-footer .btn .pay_price {
    font-weight: 300;
}
    .slideshow-container img {
        height: 80%;
    }
    #section-images img {
        height: 19px;
        width: auto;
    }
    .loader {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        justify-content: center;
        display: flex;
        align-items: center;
        z-index: 9999;
        background-color: #0000001f;
      }  
    .lds-spinner {
        color: official;
        display: inline-block;
        position: relative;
        width: 80px;
        height: 80px;
      }
      .lds-spinner div {
        transform-origin: 40px 40px;
        animation: lds-spinner 1.2s linear infinite;
      }
      .lds-spinner div:after {
        content: " ";
        display: block;
        position: absolute;
        top: 3px;
        left: 37px;
        width: 6px;
        height: 18px;
        border-radius: 20%;
        background: #000;
      }
      .lds-spinner div:nth-child(1) {
        transform: rotate(0deg);
        animation-delay: -1.1s;
      }
      .lds-spinner div:nth-child(2) {
        transform: rotate(30deg);
        animation-delay: -1s;
      }
      .lds-spinner div:nth-child(3) {
        transform: rotate(60deg);
        animation-delay: -0.9s;
      }
      .lds-spinner div:nth-child(4) {
        transform: rotate(90deg);
        animation-delay: -0.8s;
      }
      .lds-spinner div:nth-child(5) {
        transform: rotate(120deg);
        animation-delay: -0.7s;
      }
      .lds-spinner div:nth-child(6) {
        transform: rotate(150deg);
        animation-delay: -0.6s;
      }
      .lds-spinner div:nth-child(7) {
        transform: rotate(180deg);
        animation-delay: -0.5s;
      }
      .lds-spinner div:nth-child(8) {
        transform: rotate(210deg);
        animation-delay: -0.4s;
      }
      .lds-spinner div:nth-child(9) {
        transform: rotate(240deg);
        animation-delay: -0.3s;
      }
      .lds-spinner div:nth-child(10) {
        transform: rotate(270deg);
        animation-delay: -0.2s;
      }
      .lds-spinner div:nth-child(11) {
        transform: rotate(300deg);
        animation-delay: -0.1s;
      }
      .lds-spinner div:nth-child(12) {
        transform: rotate(330deg);
        animation-delay: 0s;
      }
    @keyframes lds-spinner {
        0% {
          opacity: 1;
        }
        100% {
          opacity: 0;
        }
      }

.payment_icons {
    display: flex;
    align-items: center;
    gap: 6px;
}
.right-section section {
    padding: 20px;
    margin: 0;
}

.right-section section h2 {
    font-size: 15px;
  font-weight: 400;
}

.right-section section.open h2 {
    font-weight: initial;
}

.right-section section form,.right-section section p {
    font-size: 13px;
}
.right-section .section-content p {
    font-size: 11px;
    font-family: var(--font-heebo) !important;
    font-weight: 300;
}
.right-section section h2::after {
    width: 10px;
}
.right-section section .section {
    margin: 0;
}

.right-section section.open form {
    margin: 15px 0 0;
}
.order-summary-container .right-section section + section {
    border-top: 0;
}
.order-summary-container .left-section,
.order-summary-container .right-section {
    padding: 0 20px;
}
.order-summary-container .right-section {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--border-color);
}
.icons__text-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: capitalize;
    font-family: var(--font-heebo);
    font-weight: 400;
    font-size: 11.1px;
}

.icons__text-wrap svg {
    display: block;
    width: 12px;
    height: 12px;
}
.prod_slide-item.fade {
    max-width: 200px;
}

.prod_slide--media {
    margin-bottom: 10px;
  aspect-ratio:1;
}
.slideshow-prod .slick-track {
    margin: 0;
}
.slideshow-prod .slick-arrow,
.slideshow-prod .slick-arrow:hover,
.slideshow-prod .slick-arrow:focus {
    z-index: 1;
    background: url(/cdn/shop/files/chevron.png?v=1732630413);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity:0.6;
    border: none;
    outline: none;
    box-shadow:none;
}

.slideshow-prod button.slick-prev.slick-arrow,
.slideshow-prod button.slick-prev.slick-arrow:hover,
.slideshow-prod button.slick-prev.slick-arrow:focus{
    left: 0;
   background: url(/cdn/shop/files/chevron_3.png?v=1732633527);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.order-summary-container .slideshow-prod {
    padding: 0 30px;
}
.slideshow-prod .slick-list {
    margin: 0 -15px;
}
.slideshow-prod button.slick-next.slick-arrow {
    right: 0;
}

.slideshow-prod .slick-arrow::before {
    display: none;
}
.prod_slide--media img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.prod_slide.slick-slide {
    margin-right: 0;
}
.prod_slide-item {
    padding: 0 15px;
}

/* New css */
p#email_verify {
    color: red;
}
.form-button-wrapper {
    text-align: right;
    margin-top: 20px;
    display: flex;
    gap: 15px;
    justify-content: flex-end;
}
.order-summary-title {
    display: flex;
    gap: 20px;
    padding: 0 20px;
    align-items: center;
    margin-bottom: 15px;
}
.order-summary-title .itme-count {
    line-height: 1em;
    margin: 0;
    font-size: 8.9px;
    font-family: var(--font-heebo) !important;
    font-weight: 300;
    vertical-align: middle;
    display: inline-block;
    margin-top: 3px;
}
.cart-url a {
    color: #2d2d2d;
    font-size: 12px;
    font-family: Helvetica Neue LT W05;
}
.order-summary .cart-url, .checkout-form .cart-url {
    margin-bottom: 5px;
}
.slideshow-prod {
    padding: 0 30px;
}
.order-summary .cart-url {
      display: none;
}
.footer a {
  color: #2d2d2d !important;
  font-family: Helvetica Neue LT W05;
}
a:hover {
    opacity: .6;
}

.detail-step-confirm, .shipping-step-confirm, .payment-step-confirm {
    font-size: 11px;
    font-weight: 600;
    margin-right: 30px;
    font-family: var(--font-heebo);
    text-transform: capitalize;
    color: #000;
    margin-top:1.4px;
}

select[disabled] {
  cursor: default;
}

/* End New css */

@media ( max-width: 991px ){
  
  .checkout-form-wrapper {
    display:grid;
  }

  .order-summary {
      width: 100%;
    /* order:-1; */
    margin: 0 auto;
  }
  
  .checkout-form {
      width: 100%;
  }
}
@media ( max-width: 767px ){

  .order-summary .cart-url {
      display: block;
  }
  
  .checkout-form .cart-url {
    display: none;
  }
  
  .shipping-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    flex-direction: column;
    gap: 20px;
}
  .checkout-form-wrapper section{
    padding: 20px 15px;
  }
  section h2{
    font-size: 14px;
  }
  .form-group input,.phone-group input {
    padding: 12px 20px;
    font-size: 14px;
}
  .checkout-form-wrapper .form-group{
    grid-template-columns: 1fr;
  }
  .card-element-row .payment_icons img {
    height: 16px;
}
}
@media ( max-width: 575px ){
  .form-group-bottom.card-element-row {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    row-gap: 10px;
}
  .form-group-bottom.card-element-row input#card_name {
    grid-column: span 4;
}
  .form-group-bottom.card-element-row .StripeElement {
    padding: 14px 14px;
    grid-column: span 2;
}
}
/* checkout header css */
.checkout_header {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #fafafa;
}
.checkout_header_container {
  max-width: 100%;
  margin: 0 auto;
  padding: 16px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.checkout_header-logo {
    flex: 1;
    text-align: center;
    display: flex;
    justify-content: center;
}
.checkout__logo svg {width: 100%;max-width: 100%;height: auto;}
.return_btn ,.header_spacer{
    flex: 1;
}

.return_btn a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #000;
  font-size: 10.9px;
}

.return_btn a .back-icon svg {
    display: block;
    width: 9px;
    height: 9px;
    opacity: 0.5;
}

.checkout__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 223px;
}
/* checkout footer css  */
.footer__container {
    
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    max-width: 100%;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 0 15px;
}
.footer_copyright {
    max-width: 470px;
    width: 100%;
    text-align: center;
    padding-top:2px;
}
.footer_copyright p {
    font-size: 10.9px;
    font-family: var(--font-heebo) !important;
    font-weight: 400;
}

.footer_links_wrapper {
    display: flex;
    justify-content: center;
    flex: 1;
    padding: 0px 0;
}

.footer_links_wrapper ul {
    display: flex;
    gap: 20px;
  align-items: center;
  justify-content:center;
  flex-wrap:wrap;
  row-gap: 5px;
}

section.checkout__footer {
    padding: 20px 0;
    border-top: 1px solid var(--border-color);
    background: #fafafa;
    /* position: sticky; */
    bottom: 0;
    z-index: 99;
}

.footer_links_wrapper a {
    color: #000;
    font-family: var(--font-heebo);
    font-weight: 300;
    font-size:10.9px;
}
/* form css */
.checkout-form-wrapper .phone_field_info {
    font-size: 12px;
    margin: 4px 0 0;
    color: #8c8c8c;
}
.shipping_desk_txt {
    font-size: 12px;
    color: #000;
    flex: 1;
    text-align: right;
    padding: 0 50px 0 15px;
}
.powered_by_txt {
    text-transform: initial;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

.powered_by_txt .stripe_logo {display: block;width: auto;height: 40px;opacity: 0.6;}
.billing_radio_field input {
    display: none;
}

.billing_radio_field label {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
}

.billing_radio_field label .check_icon {
    display: block;
    width: 13px;
    height: 13px;
    border: 1px solid #000;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.billing_radio_wrapper {
    display: grid;
    gap: 10px;
    margin: 20px 0 0;
}
.billing_title {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}
.billing_radio_field input:checked + label span::before {opacity: 1;}

.billing_radio_field label .check_icon::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffff;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    margin: 0 auto;
    border: 6px solid #000;
    opacity: 0;
}
.checkout-form-wrapper p {
  color: #000;
  font-family: inherit !important;
}
.delivery-info p {
    font-family: var(--font-heebo) !important;
    font-size: 11px;
}
.shipping-section .shipping_desk_txt {
  font-family: 'Helvetica Neue' !important;
  font-weight: 300 !important;
  margin-top:0px;
  display:none;
}
.shipping_desk_txt.active{
  display:block;
  background:none;
}
.total-info p {
    font-family: var(--font-raleway) !important;
}
@media ( max-width: 1200px){
  .shipping_desk_txt {
    padding: 0 15px 0 15px;
}
}
  .shipping_mob_txt {
    opacity: 0;
    visibility: hidden;
}
@media ( max-width: 767px ){
    .footer__container {
      gap: 10px;
      flex-direction: column;
  }
  .shipping_desk_txt,.shipping_desk_txt.active {
    display: none;
  }
  .shipping_mob_txt.active {
      background: transparent;
    display:block;
    opacity:1;
    visibility:visible;
  }
}
@media ( max-width: 575px ){
 .order-summary {
    max-width: calc( 100vw - 30px );
    padding: 10px 0;
   order:-1;
}
  .prod_slide.slick-slide {
    margin-right: 0;
}
}

.details-confirmed h2 {
    color: #000;
}
.show_error {
    text-align: center;
}
.returns_acc .icon {
    display: inline-block;
    margin-top: -2px;
}

.help_acc .icon {
    display: inline-block;
    margin-top: -2px;
}
/* pay button css */
form#card-form .form-footer .pay-button {
    position: relative;
    padding: 12px 40px;
}

.loading__spinner {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.loading__spinner svg {
    width: 100%;
    display: block;
    height: 100%;
  animation: rotator 1.4s linear infinite;
}

.loading__spinner .path {
    stroke: #fff;
    stroke-dasharray: 280;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: dash 1.4s ease-in-out infinite;
}
}
@keyframes rotator{
    0% {
      transform: rotate(0);
  }
  100% {
      transform: rotate(270deg);
  }
  
}
@keyframes dash{
  0% {
    stroke-dashoffset: 280;
}

50% {
    stroke-dashoffset: 75;
    transform: rotate(45deg);
}
100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
}
}
section:not(.open) .accordian_title {
    font-weight: 400;
}
.slideshow-prod.prod-size-1 {
    padding: 0;
}
@media ( min-width: 576px ){
  .desktop_hidden{
    display:none;
  }
  .slideshow-prod.no-space {
    padding: 0;
}
}

@media ( max-width: 575px ){
  .mobile_hidden{
    display:none;
  }
  .checkout-form{
    margin-bottom:20px;
  }
}

#ctm_messenger_svg {
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
    padding-left:22px;
}
#my_custom_svg {
    display: none !important;
}
#ctm_messenger_svg img:hover {
    transform: scale(1.1);
}
#ctm_messenger_svg img {
    transition: transform 0.3s ease-in-out;
}

.shipping-footer .form-button-wrapper {
    margin: 0;
}
.billing_form {
    margin-top: 20px;
}
@media ( min-width: 576px ){
  .slideshow-prod.prod-size-2 .slick-list.draggable {
    margin: 0 -10px;
}
.slideshow-prod.prod-size-2 .slick-list.draggable .prod_slide-item {
    padding: 0 10px;
}
}
@media ( max-width: 1024px ){
  .checkout_header_container{
    padding: 16px 15px;
  }
  .back-icon {
    display: inline-block;
    position: relative;
    top: -1px;
}
  .return_btn a {
    gap: 3px;
    margin-top: 3px;
    font-size: 9.9px;
}
}
@media ( max-width:767px ){
  .checkout-form-sections section.open form{
    min-height: unset;
  }
  .checkout-form-sections section.detail-section.open form{
    min-height: 350px;
  }
}