/* *,*::before,*::after {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
} */
* {
  outline: 0 !important;
}

h1.os-step-label {
  display: none !important;
}

.omniscript-body {
  border: 0 !important;
  border-right: 0 !important;
}

.l-section-h.i-cf {
  margin: 0 auto !important;
}

html,
body {
  height: 100% !important;
  font-family: sans-serif !important;
  line-height: 1.6 !important;
}

body {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

img,
picture,
video,
canvas,
svg {
  display: block !important;
  max-width: 100% !important;
}

button,
input,
textarea,
select {
  font: inherit !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

a {
  text-decoration: none !important;
  color: inherit !important;
}

ul[class],
ol[class] {
  list-style: none !important;
}

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

blockquote,
q {
  quotes: none !important;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "" !important;
  content: none !important;
}

.bg-color-white {
  background-color: #fff !important;
}

.font-color-white {
  color: #fff !important;
}

.bg-color-black {
  background-color: #000 !important;
}

.font-color-black {
  color: #000 !important;
}

/* .bg-color-purple {
  background-color: #2d0845 !important; 
  background-image: url("/assets/img/background.jpg") !important;
}*/

@media only screen and (min-width: 700px) {
  .bg-color-purple {
  background-image: url("/assets/img/background.jpg") !important;
  }
}

@media only screen and (max-width: 700px) {
  .bg-color-purple {
  background-image: url("/assets/img/background-mobile.jpg") !important;
  }
}

.font-color-purple {
  color: #2d0845 !important;
}

.bg-color-purple-300 {
  background-color: #5d3a7b !important;
}

.font-color-purple-300 {
  color: #5d3a7b !important;
}

.bg-color-purple-100 {
  background-color: #a68bb9 !important;
}

.font-color-purple-100 {
  color: #a68bb9 !important;
}

.bg-color-yellow {
  background-color: #fea300 !important;
}

.font-color-yellow {
  color: #fea300 !important;
}

.bg-color-grey-200 {
  background-color: #f5f8fa !important;
}

.font-color-grey-200 {
  color: #f5f8fa !important;
}

.bg-color-teal {
  background-color: #00e8a4 !important;
}

.font-color-teal {
  color: #00e8a4 !important;
}

.bg-color-teal-100 {
  background-color: #edfdf8 !important;
}

.font-color-teal-100 {
  color: #edfdf8 !important;
}

.pt-0 {
  padding-top: 0px !important;
}

@media only screen and (min-width: 1024px) {
  .pt-0 {
    padding-top: 0px !important;
  }
}

.pb-0 {
  padding-bottom: 0px !important;
}

@media only screen and (min-width: 1024px) {
  .pb-0 {
    padding-bottom: 0px !important;
  }
}

.mt-0 {
  margin-top: 0px !important;
}

@media only screen and (min-width: 1024px) {
  .mt-0 {
    margin-top: 0px !important;
  }
}

.mb-0 {
  margin-bottom: 0px !important;
}

@media only screen and (min-width: 1024px) {
  .mb-0 {
    margin-bottom: 0px !important;
  }
}

.pt-1 {
  padding-top: 8px !important;
}

@media only screen and (min-width: 1024px) {
  .pt-1 {
    padding-top: 8px !important;
  }
}

.pb-1 {
  padding-bottom: 8px !important;
}

@media only screen and (min-width: 1024px) {
  .pb-1 {
    padding-bottom: 8px !important;
  }
}

.mt-1 {
  margin-top: 8px !important;
}

@media only screen and (min-width: 1024px) {
  .mt-1 {
    margin-top: 8px !important;
  }
}

.mb-1 {
  margin-bottom: 8px !important;
}

@media only screen and (min-width: 1024px) {
  .mb-1 {
    margin-bottom: 8px !important;
  }
}

.pt-2 {
  padding-top: 16px !important;
}

@media only screen and (min-width: 1024px) {
  .pt-2 {
    padding-top: 16px !important;
  }
}

.pb-2 {
  padding-bottom: 16px !important;
}

@media only screen and (min-width: 1024px) {
  .pb-2 {
    padding-bottom: 16px !important;
  }
}

.mt-2 {
  margin-top: 16px !important;
}

@media only screen and (min-width: 1024px) {
  .mt-2 {
    margin-top: 16px !important;
  }
}

.mb-2 {
  margin-bottom: 16px !important;
}

@media only screen and (min-width: 1024px) {
  .mb-2 {
    margin-bottom: 16px !important;
  }
}

.pt-3 {
  padding-top: 24px !important;
}

@media only screen and (min-width: 1024px) {
  .pt-3 {
    padding-top: 24px !important;
  }
}

.pb-3 {
  padding-bottom: 24px !important;
}

@media only screen and (min-width: 1024px) {
  .pb-3 {
    padding-bottom: 24px !important;
  }
}

.mt-3 {
  margin-top: 24px !important;
}

@media only screen and (min-width: 1024px) {
  .mt-3 {
    margin-top: 24px !important;
  }
}

.mb-3 {
  margin-bottom: 24px !important;
}

@media only screen and (min-width: 1024px) {
  .mb-3 {
    margin-bottom: 24px !important;
  }
}

.pt-4 {
  padding-top: 32px !important;
}

@media only screen and (min-width: 1024px) {
  .pt-4 {
    padding-top: 32px !important;
  }
}

.pb-4 {
  padding-bottom: 32px !important;
}

@media only screen and (min-width: 1024px) {
  .pb-4 {
    padding-bottom: 32px !important;
  }
}

.mt-4 {
  margin-top: 32px !important;
}

@media only screen and (min-width: 1024px) {
  .mt-4 {
    margin-top: 32px !important;
  }
}

.mb-4 {
  margin-bottom: 32px !important;
}

@media only screen and (min-width: 1024px) {
  .mb-4 {
    margin-bottom: 32px !important;
  }
}

.pt-5 {
  padding-top: 33px !important;
}

@media only screen and (min-width: 1024px) {
  .pt-5 {
    padding-top: 40px !important;
  }
}

.pb-5 {
  padding-bottom: 33px !important;
}

@media only screen and (min-width: 1024px) {
  .pb-5 {
    padding-bottom: 40px !important;
  }
}

.mt-5 {
  margin-top: 33px !important;
}

@media only screen and (min-width: 1024px) {
  .mt-5 {
    margin-top: 40px !important;
  }
}

.mb-5 {
  margin-bottom: 33px !important;
}

@media only screen and (min-width: 1024px) {
  .mb-5 {
    margin-bottom: 40px !important;
  }
}

.pt-6 {
  padding-top: 33px !important;
}

@media only screen and (min-width: 1024px) {
  .pt-6 {
    padding-top: 48px !important;
  }
}

.pb-6 {
  padding-bottom: 33px !important;
}

@media only screen and (min-width: 1024px) {
  .pb-6 {
    padding-bottom: 48px !important;
  }
}

.mt-6 {
  margin-top: 33px !important;
}

@media only screen and (min-width: 1024px) {
  .mt-6 {
    margin-top: 48px !important;
  }
}

.mb-6 {
  margin-bottom: 33px !important;
}

@media only screen and (min-width: 1024px) {
  .mb-6 {
    margin-bottom: 48px !important;
  }
}

.pt-7 {
  padding-top: 33px !important;
}

@media only screen and (min-width: 1024px) {
  .pt-7 {
    padding-top: 56px !important;
  }
}

.pb-7 {
  padding-bottom: 33px !important;
}

@media only screen and (min-width: 1024px) {
  .pb-7 {
    padding-bottom: 56px !important;
  }
}

.mt-7 {
  margin-top: 33px !important;
}

@media only screen and (min-width: 1024px) {
  .mt-7 {
    margin-top: 56px !important;
  }
}

.mb-7 {
  margin-bottom: 33px !important;
}

@media only screen and (min-width: 1024px) {
  .mb-7 {
    margin-bottom: 56px !important;
  }
}

.font-wgt-normal {
  font-weight: 400 !important;
}

.font-wgt-medium {
  font-weight: 500 !important;
}

.font-wgt-semi-bold {
  font-weight: 600 !important;
}

.font-wgt-bold {
  font-weight: 700 !important;
}

h1.font-bold,
h2.font-bold,
h3.font-bold,
h4.font-bold,
h5.font-bold,
p.font-bold,
span.font-bold {
  font-weight: 700 !important;
}

h1.font-semi-bold,
h2.font-semi-bold,
h3.font-semi-bold,
h4.font-semi-bold,
h5.font-semi-bold,
p.font-semi-bold,
span.font-semi-bold {
  font-weight: 600 !important;
}

h1 {
  font-size: 1.9rem !important;
  line-height: 2rem !important;
  color: #fff !important;
}

@media only screen and (min-width: 1024px) {
  h1 {
    font-size: 2.8125rem !important;
    line-height: 2.8125rem !important;
    color: #fff !important;
  }
}

p {
  font-size: 1rem !important;
  line-height: 1.625rem !important;
}

html,
body {
  font-family: proxima-nova, helvetica, arial, sans-serif !important;
  /* overflow-x: hidden !important; */
}

.container {
  width: 100% !important;
  max-width: calc(100% - 40px) !important;
  padding: 0 !important;
  margin: 0 20px !important;
  flex-wrap: wrap !important;
}

@media only screen and (min-width: 1024px) {
  .container {
    max-width: 1400px !important;
    padding: 0 20px !important;
    margin: 0 auto !important;
  }
}

.container-lg {
  max-width: 1640px !important;
}

.container-sm {
  max-width: calc(100% - 40px) !important;
}

@media only screen and (min-width: 1024px) {
  .container-sm {
    max-width: 1225px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .container-xs {
    max-width: 850px !important;
  }
}

.container-xxs {
  max-width: inherit;
}

@media only screen and (min-width: 1024px) {
  .container-xxs {
    max-width: 659px !important;
  }
}

.container .col-half {
  flex: 1 0 100% !important;
}

@media only screen and (min-width: 1024px) {
  .container .col-half {
    flex: 1 0 50% !important;
  }
}

.container .col-full {
  flex: 1 0 100% !important;
}

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

.cta-button {
  padding: 12px 25px !important;
  border-radius: 4px !important;
  font-size: 1.0625rem !important;
  line-height: 0.9375rem !important;
  display: inline-block !important;
  cursor: pointer !important;
}

.cta-yellow {
  background: #fea300 !important;
  color: #fff !important;
  transition: all 0.15s ease;
}

.cta-yellow:hover {
  background-color: #eb9800 !important;
}

.cta-purple {
  background: #2d0845 !important;
  color: #fff !important;
  transition: all 0.15s ease;
}

.cta-purple:hover {
  background: #380a57 !important;
}

.cta-purple-300 {
  background: #5d3a7b !important;
  color: #fff !important;
  transition: all 0.15s ease;
}

.cta-purple-300:hover {
  background: #6e4491 !important;
}

.cta-purple-100 {
  background: #a68bb9 !important;
  color: #2d0845 !important;
  transition: all 0.15s ease;
}

.cta-purple-100:hover {
  background: #897199 !important;
}

.cta-teal {
  background: #00e8a4 !important;
  color: #fff !important;
  transition: all 0.15s ease;
}

.cta-teal:hover {
  background: #02d194 !important;
}

.cta-teal-100 {
  background: #edfdf8 !important;
  color: #fff !important;
  transition: all 0.15s ease;
}

.cta-teal-100:hover {
  background: #d5ebe4 !important;
}

.cta-grey {
  background: #656161 !important;
  color: #fff !important;
  transition: all 0.15s ease;
}

.cta-grey:hover {
  background: #757171 !important;
}

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

.ss-content {
  border-radius: 8px !important;
  background-color: #656161 !important;
  border: 0 !important;
}

.ss-content[style] {
  margin-top: 10px !important;
}

.ss-content .ss-list .ss-option {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  color: #fff !important;
  margin-left: 8px !important;
  position: relative !important;
}

.ss-content .ss-list .ss-option:hover {
  background-color: inherit !important;
}

.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  background-color: inherit !important;
}

.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected:before {
  position: absolute !important;
  content: "" !important;
  top: 0 !important;
  left: 0 !important;
  width: 8px !important;
  height: 8px !important;
  transform: translate(-4px, calc(100% + 1px)) !important;
  background: #fff !important;
}

.bg-purple-gradient {
  background: linear-gradient(90deg, #583975 0%, #2d0845 100%) !important;
}

header .container {
  display: flex !important;
  flex-wrap: wrap !important;
  padding: 24px !important;
}

header .container div {
  text-align: center !important;
}

header .container div:nth-child(1) {
  flex: 1 0 100% !important;
}

header .container div:nth-child(2) {
  flex: 33.333% !important;
  text-align: left !important;
}

header .container div:nth-child(3) {
  flex: 33.333% !important;
}

header .container div:nth-child(4) {
  flex: 33.333% !important;
  text-align: right !important;
}

footer .container {
  display: flex !important;
  flex-wrap: wrap !important;
  padding: 40px !important;
}

footer .container div {
  text-align: center !important;
}

footer .container div:nth-child(1) {
  flex: 1 0 100% !important;
}

.section-steps {
  border-top: 1px solid rgba(45, 8, 69, 0.15) !important;
}

@media only screen and (max-width: 768px) {
  .section-steps {
    max-width: 100% !important;
    overflow: auto !important;
    scrollbar-width: none !important;
    user-select: none !important;
  }

  .section-steps .container {
    margin: 0 !important;
  }
}

.section-steps ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  flex-wrap: nowrap !important;
}

.section-steps ul li::marker {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .section-steps ul {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    padding: 0 24px !important;
  }
}

.section-steps ul li {
  color: #a68bb9 !important;
  line-height: 100% !important;
  font-size: 0.875rem !important;
  display: inline-flex !important;
  align-items: center !important;
  font-weight: 500 !important;
  flex: 1 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media only screen and (max-width: 768px) {
  .section-steps ul li {
    min-width: max-content;
  }
}

@media only screen and (min-width: 1024px) {
  .section-steps ul li {
    font-size: 1rem !important;
  }
}

.section-steps ul li.splitter {
  display: inline-block !important;
  width: 18px !important;
  height: 52px !important;
  margin-left: 12px !important;
  margin-right: 12px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='52' viewBox='0 0 18 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 -0.5L17 26L0.5 52.5' stroke='%23EAE6EC'/%3E%3C/svg%3E%0A") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
}

.section-steps ul li .number {
  background: #fff !important;
  color: #a68bb9 !important;
  width: 16px !important;
  height: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 100% !important;
  border: 1px solid #a68bb9 !important;
  font-size: 0.5625rem !important;
  margin-right: 5px !important;
  font-weight: 600 !important;
}

@media only screen and (min-width: 1024px) {
  .section-steps ul li .number {
    /* font-size:.75rem !important; */
    width: 20px !important;
    height: 20px !important;
  }
}

.section-steps ul li.active {
  color: #2d0845 !important;
}

.section-steps ul li.active .number {
  background: #00e8a4 !important;
  color: #fff !important;
  border: 1px solid #00e8a4 !important;
}

.section-steps ul li.complete .number {
  background-color: #7fe7c3 !important;
  background-image: url(/assets/img/icon-check-plain-white.svg) !important;
  background-size: 7px auto !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  color: #fff !important;
  border: 1px solid #7fe7c3 !important;
  text-indent: -999999px !important;
}

.section-steps ul li.complete .label {
  color: #a68bb9 !important;
}

.section-steps ul li.complete,
.section-steps ul li.active {
  cursor: pointer !important;
}

.section-step-1 .container {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
}

.section-step-1 .container .wrapper-address {
  width: 100% !important;
  max-width: 500px !important;
  font-size: 1.125rem !important;
  margin: 0 auto !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .wrapper-address {
    margin: 0 24px 0 0 !important;
  }
}

.section-step-1 .container .wrapper-address h1 + form {
  margin-top: 38px !important;
}

.section-step-1 .container .wrapper-address h1 + p,
.section-step-1 .container .wrapper-address h1 .cta-button {
  margin-top: 26px !important;
}

.section-step-1 .container .wrapper-address p + .cta-button {
  margin-top: 36px !important;
}

.section-step-1 .container .wrapper-address form .field-wrapper {
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  /*addded**/
  margin-top: 20px !important;
}

/*
.section-step-1 .container .wrapper-address form .field-wrapper+.field-wrapper {
    removed    margin-top: 20px !important;

}
*/
.section-step-1 .container .wrapper-address form .field-wrapper label {
  font-size: 0.9375rem !important;
  cursor: default !important;
  pointer-events: none !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .wrapper-address form .field-wrapper label {
    font-size: 1.125rem !important;
  }
}

.section-step-1 .container .wrapper-address form .field-wrapper label + input,
.section-step-1 .container .wrapper-address form .field-wrapper label + select,
.section-step-1 .container .wrapper-address form .field-wrapper label + .quickline-combobox {
  margin-top: 8px !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .wrapper-address form .field-wrapper label + input,
  .section-step-1
    .container
    .wrapper-address
    form
    .field-wrapper
    label
    + select {
    margin-top: 19px !important;
  }
}

.section-step-1 .container .wrapper-address form .field-wrapper label.details {
  font-size: 0.875rem !important;
  line-height: 1.125rem !important;
}

.section-step-1 .container .wrapper-address form .field-wrapper .ss-main {
  margin-top: 15px;
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .wrapper-address form .field-wrapper .ss-main {
    margin-top: 19px !important;
  }
}

.section-step-1
  .container
  .wrapper-address
  form
  .field-wrapper
  input[type="text"],
.section-step-1 .container .wrapper-address form .field-wrapper select {
  font-size: 1rem !important;
  line-height: 1.25rem !important;
  color: #33475f !important;
  background-color: #fff !important;
  border-radius: 8px !important;
  padding: 20px 155px 20px 20px !important;
  outline: 0 !important;
  box-shadow: none !important;
  max-height: 62px !important;
}

.section-step-1
  .container
  .wrapper-address
  form
  .field-wrapper
  input[type="text"]:disabled
  + button {
  pointer-events: none !important;
  opacity: 0 !important;
}

.section-step-1
  .container
  .wrapper-address
  form
  .field-wrapper
  input[type="text"]:disabled {
  opacity: 1 !important;
  background-color: #f5f5f5 !important;
  color: #9e9e9e !important;
  pointer-events: none !important;
}

.section-step-1 .container .wrapper-address form .field-wrapper select {
  height: 63px !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1
    .container
    .wrapper-address
    form
    .field-wrapper
    input[type="text"],
  .section-step-1 .container .wrapper-address form .field-wrapper select {
    width: 100% !important;
    max-width: 429px !important;
  }
  .section-step-1 .container .wrapper-address form .field-wrapper select {
    height: 63px;
  }
}

.section-step-1 .container .wrapper-address form .field-wrapper button {
  position: absolute !important;
  bottom: 4px !important;
  right: 4px !important;
  background-color: #fea300 !important;
  color: #fff !important;
  border-radius: 4px !important;
  padding: 18px 24px !important;
  font-size: 1.0625rem !important;
  line-height: 1rem !important;
  cursor: pointer !important;
  transition: all ease 0.15s;
}

.section-step-1 .container .wrapper-address form .field-wrapper button:hover,
.section-step-1
  .container
  .wrapper-address
  form
  .field-wrapper
  input[type="text"]
  + button:hover {
  background-color: #eb9800 !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .wrapper-address form .field-wrapper button {
    width: max-content !important;
    transform: translate(calc(-100% - 4px), 0) !important;
    left: 429px !important;
    right: auto !important;
  }
}

.section-step-1 .container .wrapper-address form .field-wrapper select,
.section-step-1 .container .wrapper-address form .field-wrapper .ss-main {
  font-size: 1rem !important;
  line-height: 1.25rem !important;
  color: #33475f !important;
  background-color: #fff !important;
  border-radius: 8px !important;
  padding: 19px 20px !important;
  outline: 0 !important;
  box-shadow: none !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .wrapper-address form .field-wrapper select,
  .section-step-1 .container .wrapper-address form .field-wrapper .ss-main {
    width: 100% !important;
    max-width: 429px !important;
  }
}

.section-step-1
  .container
  .wrapper-address
  form
  .field-wrapper
  select
  .ss-single,
.section-step-1
  .container
  .wrapper-address
  form
  .field-wrapper
  select
  .ss-placeholder,
.section-step-1
  .container
  .wrapper-address
  form
  .field-wrapper
  .ss-main
  .ss-single,
.section-step-1
  .container
  .wrapper-address
  form
  .field-wrapper
  .ss-main
  .ss-placeholder {
  font-size: 1rem !important;
  line-height: 1.25rem !important;
  color: #33475f !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.section-step-1 .container .wrapper-address form .field-wrapper select + button,
.section-step-1
  .container
  .wrapper-address
  form
  .field-wrapper
  .ss-main
  + button {
  position: absolute !important;
  bottom: 4px !important;
  right: 4px !important;
  background-color: #fea300 !important;
  color: #fff !important;
  border-radius: 4px !important;
  padding: 18px 24px !important;
  font-size: 1.0625rem !important;
  line-height: 1rem !important;
  cursor: pointer !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1
    .container
    .wrapper-address
    form
    .field-wrapper
    select
    + button,
  .section-step-1
    .container
    .wrapper-address
    form
    .field-wrapper
    .ss-main
    + button {
    width: max-content !important;
    transform: translate(calc(-100% - 4px), 0) !important;
    left: 429px !important;
    right: auto !important;
  }
}

.section-step-1 .container .wrapper-address form .validation {
  border-radius: 4px !important;
  padding: 10px !important;
  margin-top: 10px !important;
}

.section-step-1 .container .wrapper-address form .validation-failed {
  background: #ffeceb !important;
  border: 1px solid #c23934 !important;
  color: #c23934 !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}

.section-step-1 .container .promotion-wrapper {
  background: #fff !important;
  border-radius: 8px !important;
  color: #2d0845 !important;
  width: 100% !important;
  max-width: 500px !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 40px auto 0 !important;
  position: relative !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .promotion-wrapper {
    margin: 0 0 0 auto !important;
    max-width: 484px !important;
  }
}

.section-step-1 .container .promotion-wrapper .promo-header,
.section-step-1 .container .promotion-wrapper .promo-footer {
  padding: 8px 24px !important;
  font-size: 1rem !important;
  color: #fff !important;
  text-transform: uppercase !important;
  font-style: italic !important;
  text-align: center !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .promotion-wrapper .promo-header,
  .section-step-1 .container .promotion-wrapper .promo-footer {
    font-size: 1.125rem !important;
  }
}

.section-step-1 .container .promotion-wrapper .promo-header {
  font-weight: 600 !important;
  background: transparent linear-gradient(90deg, #23897b 0%, #00cf87 100%) 0% 0%
    no-repeat padding-box !important;
  border-radius: 8px 8px 0 0 !important;
}

.section-step-1 .container .promotion-wrapper .promo-footer {
  background: #fea300 !important;
  border-radius: 0 0 8px 8px !important;
}

.section-step-1 .container .promotion-wrapper .promo-main {
  padding: 24px !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

.section-step-1 .container .promotion-wrapper .promo-main .price {
  flex: 1 0 50% !important;
  font-size: 1.875rem !important;
  font-weight: 700 !important;
  line-height: 100% !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .promotion-wrapper .promo-main .price {
    font-size: 2.5rem !important;
  }
}

.section-step-1 .container .promotion-wrapper .promo-main .price .price-append {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  display: block !important;
  line-height: 100% !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1
    .container
    .promotion-wrapper
    .promo-main
    .price
    .price-append {
    display: inline-block !important;
    font-size: 1rem !important;
  }
}

.section-step-1 .container .promotion-wrapper .promo-main .price-details {
  flex: 0 1 auto !important;
  padding: 0 0 0 0 !important;
  font-size: 0.75rem !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .promotion-wrapper .promo-main .price-details {
    padding: 0 0 0 40px !important;
  }
}

.section-step-1 .container .promotion-wrapper .promo-main .promo-bullets {
  background: #f5f8fa !important;
  border: #ebebeb !important;
  border-radius: 4px !important;
  width: 100% !important;
  padding: 20px !important;
  display: flex !important;
  align-items: center !important;
  margin: 30px auto 0 !important;
  max-width: 100% !important;
}

.section-step-1 .container .promotion-wrapper .promo-main .promo-bullets ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.section-step-1
  .container
  .promotion-wrapper
  .promo-main
  .promo-bullets
  ul
  li::marker {
  display: none !important;
}

.section-step-1 .container .promotion-wrapper .promo-main .promo-bullets ul li {
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  line-height: 1rem !important;
  position: relative !important;
  margin-left: 28px !important;
}

.section-step-1
  .container
  .promotion-wrapper
  .promo-main
  .promo-bullets
  ul
  li
  + li {
  margin-top: 8px !important;
}

.section-step-1
  .container
  .promotion-wrapper
  .promo-main
  .promo-bullets
  ul
  li::before {
  content: "" !important;
  width: 20px !important;
  height: 20px !important;
  display: inline-block !important;
  background-image: url(/assets/img/icon-check-round-white.png) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: absolute !important;
  left: -8px !important;
  top: -4px !important;
  transform: translate(-100%, 0) !important;
}

.section-step-1
  .container
  .promotion-wrapper
  .promo-main
  .promo-bullets
  ul
  li
  span.bullet-append {
  display: block !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  font-style: italic !important;
}

@media only screen and (max-width: 1024px) {
  .section-step-1
    .container
    .promotion-wrapper
    .promo-main
    .promo-bullets
    .col-half
    + .col-half
    ul {
    display: flex !important;
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 1px solid #ebebeb !important;
    flex-wrap: wrap !important;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 1024px) {
  .section-step-1
    .container
    .promotion-wrapper
    .promo-main
    .promo-bullets
    .col-half
    + .col-half
    ul {
    flex-wrap: nowrap !important;
  }
}

@media only screen and (max-width: 1024px) {
  .section-step-1
    .container
    .promotion-wrapper
    .promo-main
    .promo-bullets
    .col-half
    + .col-half
    ul
    li {
    flex: 1 0 100% !important;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 1024px) {
  .section-step-1
    .container
    .promotion-wrapper
    .promo-main
    .promo-bullets
    .col-half
    + .col-half
    ul
    li {
    flex: 1 0 calc(50% - 28px) !important;
    margin-top: 0 !important;
  }
}

.section-step-1 .container .promotion-wrapper figure {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  transform: translate(50%, 70%) !important;
  display: none !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .promotion-wrapper figure {
    display: block !important;
  }
}

.section-step-1 .container .promotion-wrapper-image {
  width: 100% !important;
  max-width: 595px !important;
  display: flex !important;
  margin: 40px auto 0 !important;
  position: relative !important;
  height: auto !important;
}

@media only screen and (max-width: 1024px) {
  .section-step-1 .container .promotion-wrapper-image {
    justify-content: center;
  }
}

.section-step-1 .container .promotion-wrapper-image figure {
  display: block !important;
}

.section-step-1 .container .promotion-wrapper-image figure img {
  width: 100% !important;
  height: 100%;
}

.section-step-1 .container .promotion-wrapper-image figure img.desktop {
  display: none !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .promotion-wrapper-image figure img.desktop {
    display: block;
  }
}

.section-step-1 .container .promotion-wrapper-image figure img.mobile {
  display: block !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .promotion-wrapper-image figure img.mobile {
    display: none !important;
  }
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .promotion-wrapper-image {
    margin: 0 0 0 auto !important;
    max-width: 595px !important;
  }
}

.section-step-1 .container .promotion-list {
  width: 100% !important;
  margin-top: 0px !important;
}

.section-step-1 .container .promotion-list ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}

.section-step-1 .container .promotion-list ul li::marker {
  display: none !important;
}

.section-step-1 .container .promotion-list ul li {
  display: flex !important;
  align-items: center !important;
  font-size: 1rem !important;
  flex: 1 0 100% !important;
  text-align: center !important;
  display: block !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .promotion-list ul li {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 1rem !important;
    flex: 0 1 auto !important;
  }
}

.section-step-1 .container .promotion-list ul li:first-child {
  display: block !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .promotion-list ul li:first-child {
    display: inline-flex !important;
  }
}

/* .section-step-1 .container .promotion-list ul li:nth-child(2) {
    margin-left: 0 !important;
} */

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .promotion-list ul li:nth-child(2) {
    margin-left: 48px !important;
  }
}

.section-step-1 .container .promotion-list ul li img {
  margin-right: 14px !important;
  display: inline-block !important;
}

.section-step-1 .container .promotion-list ul li + li {
  /* margin-left: 20px !important; */
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .promotion-list ul li + li {
    margin-left: 48px !important;
  }

  .section-step-1 .container .promotion-list ul li {
    margin-bottom: 0 !important;
    justify-content: center;
  }
}

.section-step-1 .container .col-half {
  order: 1 !important;
}

.section-step-1 .container .col-half:nth-child(2) {
  order: 3 !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .col-half:nth-child(2) {
    order: 2 !important;
  }
}

.section-step-1 .container .col-full {
  order: 2 !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1 .container .col-full {
    order: 3 !important;
  }
}

@media only screen and (max-width: 1024px) {
  .section-step-1-prp {
    padding-bottom: 0 !important;
  }
}

.section-step-1-prp .wrapper-address a.cta-button {
  display: block !important;
  text-align: center !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1-prp .wrapper-address a.cta-button {
    display: inline-block !important;
  }
}

.section-step-1-prp .container .col-full {
  order: 3 !important;
}

@media only screen and (max-width: 1024px) {
  .section-step-1-prp .container .col-full .promotion-list {
    background: linear-gradient(90deg, #583875 50%, #2d0845 100%) !important;
    padding: 14px 0 !important;
    width: calc(100% + 40px) !important;
    max-width: calc(100% + 40px) !important;
    margin-left: -20px !important;
    margin-top: 42px !important;
  }
}

.section-step-1-prp .container .promotion-wrapper {
  margin: 72px auto 0 !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-1-prp .container .promotion-wrapper {
    margin: 0px auto 0 !important;
  }
}

.section-step-2.section-selector .container {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: column !important;
  align-items: center !important;
  /* padding-bottom: 30px !important; */
}

@media only screen and (min-width: 1024px) {
  .section-step-2.section-selector .container {
    /* padding-bottom:142px !important; */
    max-width: 1000px !important;
  }
}

.section-step-2.section-selector .container h1 + p {
  margin-top: 24px !important;
}

.section-step-2.section-selector .container h1 + ul.selector {
  margin-top: 24px !important;
}

.section-step-2.section-selector .container p {
  display: block !important;
  font-size: 1.25rem !important;
}

.section-step-2.section-selector .container p + ul.selector {
  margin-top: 24px !important;
}

.section-step-2.section-selector .container ul.selector {
  display: flex !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #fff !important;
  border-radius: 8px !important;
  padding: 4px !important;
  width: max-content !important;
}

.section-step-2.section-selector .container ul.selector li::marker {
  display: none !important;
}

.section-step-2.section-selector .container ul.selector li {
  color: #2d0845 !important;
  font-size: 1.0625rem !important;
  line-height: 0.9375rem !important;
  font-weight: 600 !important;
}

.section-step-2.section-selector .container ul.selector li a {
  padding: 12px 25px !important;
  border-radius: 4px !important;
  display: inline-block !important;
}

.section-step-2.section-selector .container ul.selector li.active a {
  background: #5d3a7b !important;
  color: #fff !important;
}

@media only screen and (max-width: 1024px) {
  .section-step-2.section-selector {
    /* padding-bottom:160px  !important; */
  }
}

.section-step-2.section-products {
  padding-top: 0px !important;
  padding-bottom: 60px !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-2.section-products {
    background-color: inherit !important;
    padding-top: 0px !important;
    padding-bottom: 24px !important;
  }
}

@media only screen and (max-width: 1024px) {
  /* .section-step-2.section-products .container {
        overflow-x:scroll !important;
        scroll-snap-type: x mandatory !important;
        display: flex !important;
        justify-content: flex-start !important;
        scrollbar-width: none !important;
        cursor: grab !important;
        max-width: 100% !important;
        scroll-behavior: smooth !important;
        transform: translateY(-160px) !important;
        margin: 0 !important;
    } */
}

.section-step-2.section-products .container .cards-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 40px 40px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media only screen and (min-width: 768px) {
  .section-step-2.section-products .container .cards-wrapper {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 40px 40px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .section-step-2.section-products .container .cards-wrapper {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 40px 40px !important;
  }
}

@media only screen and (max-width: 1024px) {
  /* .section-step-2.section-products .container .cards-wrapper {
        display:flex !important;
        scroll-behavior: smooth !important;
        padding: 0 50% !important;
        user-select: none !important;
        padding-top: 70px !important;
    } */

  .section-step-2.section-products .container .cards-wrapper {
    display: flex !important;
    padding-top: 70px !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 40px 40px !important;
    /* align-items:center !important; */
    padding: 0 24px !important;
    justify-content: center !important;
  }
}

.section-step-2.section-products .container .cards-wrapper .card-single {
  flex: 1 0 100% !important;
  width: 100% !important;
  max-width: 350px !important;
  position: relative !important;
  border-radius: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0px 8px 16px #2d08451a !important;
  background-color: #fff !important;
  /* overflow:hidden !important; */
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  > div
  > img {
  border-radius: 8px 8px 0 0 !important;
  overflow: hidden !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-header
  + div
  > img {
  border-radius: 0px 0px 0 0 !important;
  overflow: hidden !important;
}

@media only screen and (max-width: 1024px) {
  .section-step-2.section-products .container .cards-wrapper .card-single {
    /* scroll-snap-align:center !important; */
    max-width: 350px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .section-step-2.section-products .container .cards-wrapper .card-single {
    /* margin-top:-65px !important; */
  }
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .current-plan {
  display: block !important;
  border: 2px solid #00e8a4 !important;
  border-radius: 8px !important;
  padding: 8px 24px !important;
  width: 100% !important;
  max-width: max-content !important;
  margin: 10px auto !important;
  background-color: #edfdf8 !important;
  text-align: center !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translate(-50%, calc(-100% - 36px)) !important;
  font-weight: 700 !important;
  display: none !important;
}

.section-step-2.section-products .container .cards-wrapper .card-single.active {
  box-shadow: 0 0 4px #00e8a4 !important;
  background-color: #f6fefb !important;
  border: 2px solid #00e8a4 !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single.active
  .current-plan {
  display: block !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single.active-label
  .current-plan {
  display: block !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single.active
  .card-header {
  box-shadow: 0 0 4px #00e8a4 !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single:not(:has(.card-header-margin)) {
  /* margin-top: 46px; */
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single:not(.card-header-margin) {
  margin-top: 36px;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single:not(:has(.current-plan)) {
  /* margin-top: 46px; */
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single:not(:has(.card-header-margin)):has(:empty.current-plan) {
  /* margin-top: calc(46px + 46px); */
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-header {
  background-color: #00e8a4 !important;
  padding: 8px 24px !important;
  font-size: 1.125rem !important;
  color: #fff !important;
  text-transform: uppercase !important;
  font-style: italic !important;
  text-align: center !important;
  font-weight: 600 !important;
  border-radius: 8px 8px 0 0 !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-2.section-products
    .container
    .cards-wrapper
    .card-single
    .card-header {
    background-color: #00e8a4 !important;
    padding: 8px 24px !important;
    font-size: 1.125rem !important;
    color: #fff !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    text-align: center !important;
    font-weight: 600 !important;
    border-radius: 8px 8px 0 0 !important;
    /* position: absolute !important;
        top: 0 !important;
        left: 0 !important; */
    width: 100% !important;
    /* transform: translateY(-100%) !important; */
  }
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-main {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 23px 34px !important;
  color: #fff !important;
  justify-content: center !important;
  background: transparent linear-gradient(90deg, #25867c 0%, #734096 100%) 0% 0%
    no-repeat padding-box !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-main
  figure {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  z-index: 0 !important;
  width: 187px !important;
  height: 154px !important;
  transform: translate(0, -50%) !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-main
  .product-name {
  font-size: 1.5625rem !important;
  line-height: 2.1875rem !important;
  font-weight: 600 !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-main
  .product-saving-gbp {
  background: #fff !important;
  border-radius: 100px !important;
  border: 1px solid #fea300 !important;
  color: #2d0845 !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  padding: 5px 14px !important;
  margin-left: 20px !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-main
  .product-saving-percent {
  position: absolute !important;
  bottom: 0 !important;
  right: 33px !important;
  width: 80px !important;
  height: 80px !important;
  border-radius: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  background: linear-gradient(0deg, #218d7c 0%, #02cc86 100%) !important;
  font-size: 0.75rem !important;
  line-height: 100% !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  border: 2px solid #fff !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
  transform: translate(0, 50%) !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-main
  .product-saving-percent
  strong {
  font-size: 1.5rem !important;
  line-height: 100% !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-main
  .product-price {
  display: flex !important;
  font-size: 2.5rem !important;
  line-height: 2.8125rem !important;
  font-weight: 700 !important;
  align-items: center !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-main
  .product-price-details {
  flex: 1 0 auto !important;
  font-size: 0.9375rem !important;
  line-height: 1.1875rem !important;
  font-weight: 600 !important;
  margin-left: 6px !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-main
  .product-price-details-append {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  font-weight: 400 !important;
  display: block !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-main
  .product-price-append {
  font-size: 0.75rem !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-main
  .product-price
  + .product-term {
  margin-top: 32px !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-main
  .product-term {
  font-size: 0.75rem !important;
  line-height: 0.75rem !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
  border-radius: 100px !important;
  display: inline-block !important;
  padding: 5px 17px !important;
  width: 100% !important;
  max-width: max-content !important;
  margin-top: 14px !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details {
  padding: 16px 16px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  border-radius: 0 0 8px 8px !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  .installation-charge-text,
.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  .installation-charge-text
  p {
  font-size: 0.75rem !important;
  line-height: 0.9rem !important;
  color: #8046a7 !important;
  text-align: center !important;
  display: block !important;
  font-weight: normal !important;
  padding-top: 10px;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  .product-speed {
  font-size: 2.1875rem !important;
  line-height: 2.8125rem !important;
  font-weight: 700;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  .product-speed::before {
  content: "" !important;
  width: 40px !important;
  height: 36px !important;
  margin-right: 13px !important;
  display: inline-block !important;
  position: relative !important;
  top: 6px !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  .product-speed.icon-speed-1:before {
  background-image: url(/assets/img/icon-speed-1.svg) !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  .product-speed.icon-speed-2:before {
  background-image: url(/assets/img/icon-speed-2.svg) !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  .product-speed.icon-speed-3:before {
  background-image: url(/assets/img/icon-speed-3.svg) !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  .product-speed
  .append {
  font-size: 0.9375rem !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  .product-speed-avg {
  display: block !important;
  font-size: 0.8125rem !important;
  line-height: 1.5rem !important;
  font-weight: 500 !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  .product-speed-avg
  + .product-details-title {
  margin-top: 25px !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  .product-details-title {
  display: block !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  line-height: 1.25rem !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  .product-details-title
  + ul {
  margin-top: 25px !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  padding-bottom: 34px !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  ul
  li::marker {
  display: none !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  ul
  li {
  font-size: 1rem !important;
  line-height: 1.25rem !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: flex-start !important;
  margin-right: 0px !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  ul
  li:last-child {
  margin-right: 0 !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  ul
  li
  + li {
  margin-top: 8px !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  ul
  li::before {
  content: "" !important;
  display: inline-block !important;
  width: 19px !important;
  max-width: 19px !important;
  height: 19px !important;
  background-image: url(/assets/img/icon-check-round-white.png) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin-right: 10px !important;
  flex: 1 0 19px !important;
}

.section-step-2.section-products
  .container
  .cards-wrapper
  .card-single
  .card-details
  .cta-button {
  margin-top: auto !important;
  display: block !important;
  text-align: center !important;
}

.section-step-3-primary {
  /* margin-bottom: -270px !important; */
}

.section-step-3-secondary {
  padding-top: 270px !important;
}

.section-step-3 .container {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  position: relative !important;
}

.section-step-3 .container .wrapper-personal-details {
  width: 100% !important;
  max-width: 659px !important;
  font-size: 1.125rem !important;
  margin: 0 auto !important;
  padding: 29px !important;
  border-radius: 8px !important;
  box-shadow: 0px 8px 16px #2d08451a !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3 .container .wrapper-personal-details {
    margin: 0 24px 0 0 !important;
    padding: 50px !important;
  }
}

.section-step-3 .container .wrapper-personal-details h1 {
  font-size: 1.65rem !important;
  line-height: 1.8 !important;
  text-align: center !important;
  color: #2d0845 !important;
  /*added*/
}

@media only screen and (min-width: 1024px) {
  .section-step-3 .container .wrapper-personal-details h1 {
    font-size: 2.1875rem !important;
    line-height: 2.1875rem !important;
    text-align: center !important;
    color: #2d0845 !important;
    /*added*/
  }
}

.section-step-3 .container .wrapper-personal-details h1 + form {
  margin-top: 49px !important;
}

.section-step-3 .container .wrapper-personal-details h1 + p,
.section-step-3 .container .wrapper-personal-details h1 .cta-button {
  margin-top: 26px !important;
}

.section-step-3 .container .wrapper-personal-details p {
  line-height: 1.2rem !important;
}

.section-step-3 .container .wrapper-personal-details p + .cta-button {
  margin-top: 36px !important;
}

.section-step-3 .container .wrapper-personal-details form {
  display: flex !important;
  flex-wrap: wrap !important;
  /* gap: 18px 26px !important; */
}

@media only screen and (max-width: 1024px) {
  .section-step-3 .container .wrapper-personal-details form .field-wrapper + .field-wrapper {
    margin-top:18px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .section-step-3 .container .wrapper-personal-details form {
    gap: 20px 26px !important;
  }
}

.section-step-3 .container .wrapper-personal-details form .field-wrapper {
  display: flex !important;
  position: relative !important;
  flex-direction: column !important;
}

.section-step-3
  .container
  .wrapper-personal-details
  form
  .field-wrapper.field-half {
  flex: 1 0 calc(100%) !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3
    .container
    .wrapper-personal-details
    form
    .field-wrapper.field-half {
    flex: 1 0 calc(50% - 13px) !important;
  }
}

.section-step-3
  .container
  .wrapper-personal-details
  form
  .field-wrapper.field-full {
  flex: 1 0 100% !important;
}

.section-step-3 .container .wrapper-personal-details form .field-wrapper label {
  font-size: 0.8rem !important;
  line-height: 1.05rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  pointer-events: none !important;
}

.section-step-3
  .container
  .wrapper-personal-details
  form
  .field-wrapper
  label
  + input {
  margin-top: 9px !important;
}

.section-step-3
  .container
  .wrapper-personal-details
  form
  .field-wrapper.field-terms
  label {
  cursor: pointer !important;
  pointer-events: all !important;
}

.section-step-3
  .container
  .wrapper-personal-details
  form
  .field-wrapper
  input[type="text"] {
  font-size: 1rem !important;
  line-height: 1.25rem !important;
  color: #2d0845 !important;
  background-color: #f5f8fa !important;
  border: 1px solid #cbd6e2 !important;
  border-radius: 8px !important;
  padding: 20px !important;
  outline: 0 !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3
    .container
    .wrapper-personal-details
    form
    .field-wrapper
    input[type="text"] {
    width: 100% !important;
  }
}

.section-step-3
  .container
  .wrapper-personal-details
  form
  .field-wrapper
  input[type="text"]:focus {
  border: 1px solid #00e8a4 !important;
}

.section-step-3
  .container
  .wrapper-personal-details
  form
  .field-wrapper
  input[type="text"]::placeholder {
  color: rgba(51, 71, 95, 0.3) !important;
}

.section-step-3
  .container
  .wrapper-personal-details
  form
  .field-wrapper
  input[type="text"]
  + button {
  position: absolute !important;
  bottom: 4px !important;
  right: 4px !important;
  background-color: #fea300 !important;
  color: #fff !important;
  border-radius: 4px !important;
  padding: 18px 24px !important;
  font-size: 1.0625rem !important;
  line-height: 1rem !important;
  cursor: pointer !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3
    .container
    .wrapper-personal-details
    form
    .field-wrapper
    input[type="text"]
    + button {
    width: max-content !important;
    transform: translate(calc(-100% - 4px), 0) !important;
    left: 429px !important;
    right: auto !important;
  }
}

.section-step-3
  .container
  .wrapper-personal-details
  form
  .field-wrapper.field-terms {
  margin-top: 0 !important;
}

.section-step-3
  .container
  .wrapper-personal-details
  form
  .field-wrapper.field-terms
  .validation-failed,
.section-step-3
  .validation-failed[c-qlWebPersonalDetailStep_qlWebPersonalDetailStep],
.section-step-1 .container .wrapper-address form .validation-failed {
  border: 0 !important;
  padding: 8px 12px !important;
  border-radius: 5px !important;
  margin-top: 8px !important;
}

.section-step-3
  .container
  .wrapper-personal-details
  form
  .field-wrapper.field-terms
  label {
  display: flex !important;
  margin-top: 16px;
}

@media only screen and (min-width: 1024px) {
  .section-step-3
    .container
    .wrapper-personal-details
    form
    .field-wrapper.field-terms {
    margin-top: -14px !important;
  }
}

.section-step-3
  .container
  .wrapper-personal-details
  form
  .field-wrapper.field-terms
  .terms {
  color: rgba(51, 71, 95, 0.6) !important;
  font-size: 0.75rem !important;
  line-height: 1.25rem !important;
}

.section-step-3 .container .wrapper-personal-details + .form-append {
  width: 100% !important;
  max-width: 659px !important;
  padding: 33px 0 !important;
  text-align: center !important;
  color: #2d0845 !important;
}

.section-step-3 .container .promotion-wrapper-title {
  width: 100% !important;
  max-width: 500px !important;
  margin-left: 85px !important;
  text-align: center !important;
}

.section-step-3 .container .promotion-wrapper-title h2 {
  font-size: 2.1875rem !important;
  line-height: 2.8125rem !important;
}

.section-step-3 .container .promotion-wrapper-title + .promotion-wrapper {
  margin-top: 39px !important;
}

.section-step-3 .container .promotion-wrapper {
  background: #fff !important;
  border-radius: 8px !important;
  color: #2d0845 !important;
  width: 100% !important;
  max-width: 500px !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 40px auto 0 !important;
  position: relative !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3 .container .promotion-wrapper {
    margin: 0 0 0 auto !important;
    max-width: 484px !important;
  }
}

.section-step-3 .container .promotion-wrapper .promo-header,
.section-step-3 .container .promotion-wrapper .promo-footer {
  padding: 8px 24px !important;
  font-size: 1rem !important;
  color: #fff !important;
  text-transform: uppercase !important;
  font-style: italic !important;
  text-align: center !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3 .container .promotion-wrapper .promo-header,
  .section-step-3 .container .promotion-wrapper .promo-footer {
    font-size: 1.125rem !important;
  }
}

.section-step-3 .container .promotion-wrapper .promo-header {
  font-weight: 600 !important;
  background: transparent linear-gradient(90deg, #23897b 0%, #00cf87 100%) 0% 0%
    no-repeat padding-box !important;
  border-radius: 8px 8px 0 0 !important;
}

.section-step-3 .container .promotion-wrapper .promo-footer {
  background: #fea300 !important;
  border-radius: 0 0 8px 8px !important;
}

.section-step-3 .container .promotion-wrapper .promo-main {
  padding: 24px !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

.section-step-3 .container .promotion-wrapper .promo-main .price {
  flex: 1 0 50% !important;
  font-size: 1.875rem !important;
  font-weight: 700 !important;
  line-height: 100% !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3 .container .promotion-wrapper .promo-main .price {
    font-size: 2.5rem !important;
  }
}

.section-step-3 .container .promotion-wrapper .promo-main .price .price-append {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  display: block !important;
  line-height: 100% !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3
    .container
    .promotion-wrapper
    .promo-main
    .price
    .price-append {
    display: inline-block !important;
    font-size: 1rem !important;
  }
}

.section-step-3 .container .promotion-wrapper .promo-main .price-details {
  flex: 0 1 auto !important;
  padding: 0 0 0 0 !important;
  font-size: 0.75rem !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3 .container .promotion-wrapper .promo-main .price-details {
    padding: 0 0 0 40px !important;
  }
}

.section-step-3 .container .promotion-wrapper .promo-main .promo-bullets {
  background: #f5f8fa !important;
  border: #ebebeb !important;
  border-radius: 4px !important;
  width: 100% !important;
  padding: 20px !important;
  display: flex !important;
  align-items: center !important;
  margin: 30px auto 0 !important;
  max-width: 100% !important;
}

.section-step-3 .container .promotion-wrapper .promo-main .promo-bullets ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.section-step-3
  .container
  .promotion-wrapper
  .promo-main
  .promo-bullets
  ul
  li::marker {
  display: none !important;
}

.section-step-3 .container .promotion-wrapper .promo-main .promo-bullets ul li {
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  line-height: 1rem !important;
  position: relative !important;
  margin-left: 28px !important;
}

.section-step-3
  .container
  .promotion-wrapper
  .promo-main
  .promo-bullets
  ul
  li
  + li {
  margin-top: 8px !important;
}

.section-step-3
  .container
  .promotion-wrapper
  .promo-main
  .promo-bullets
  ul
  li::before {
  content: "" !important;
  width: 20px !important;
  height: 20px !important;
  display: inline-block !important;
  background-image: url(/assets/img/icon-check-round-white.png) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: absolute !important;
  left: -8px !important;
  top: -4px !important;
  transform: translate(-100%, 0) !important;
}

.section-step-3
  .container
  .promotion-wrapper
  .promo-main
  .promo-bullets
  ul
  li
  span.bullet-append {
  display: block !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  font-style: italic !important;
}

@media only screen and (max-width: 1024px) {
  .section-step-3
    .container
    .promotion-wrapper
    .promo-main
    .promo-bullets
    .col-half
    + .col-half
    ul {
    display: flex !important;
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 1px solid #ebebeb !important;
    flex-wrap: wrap !important;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 1024px) {
  .section-step-3
    .container
    .promotion-wrapper
    .promo-main
    .promo-bullets
    .col-half
    + .col-half
    ul {
    flex-wrap: nowrap !important;
  }
}

@media only screen and (max-width: 1024px) {
  .section-step-3
    .container
    .promotion-wrapper
    .promo-main
    .promo-bullets
    .col-half
    + .col-half
    ul
    li {
    flex: 1 0 100% !important;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 1024px) {
  .section-step-3
    .container
    .promotion-wrapper
    .promo-main
    .promo-bullets
    .col-half
    + .col-half
    ul
    li {
    flex: 1 0 calc(50% - 28px) !important;
    margin-top: 0 !important;
  }
}

.section-step-3 .container .promotion-wrapper figure {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  transform: translate(50%, 70%) !important;
  display: none !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3 .container .promotion-wrapper figure {
    display: block !important;
  }
}

.section-step-3 .container .promotion-wrapper-image {
  width: 100% !important;
  max-width: 595px !important;
  display: flex !important;
  margin: 40px auto 0 !important;
  position: relative !important;
  height: auto !important;
}

.section-step-3 .container .promotion-wrapper-image figure {
  display: block !important;
}

.section-step-3 .container .promotion-wrapper-image figure img {
  width: 100% !important;
  height: 100% !important;
}

.section-step-3 .container .promotion-wrapper-image figure img.desktop {
  display: none !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3 .container .promotion-wrapper-image figure img.desktop {
    display: block !important;
  }
}

.section-step-3 .container .promotion-wrapper-image figure img.mobile {
  display: block !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3 .container .promotion-wrapper-image figure img.mobile {
    display: none !important;
  }
}

@media only screen and (min-width: 1024px) {
  .section-step-3 .container .promotion-wrapper-image {
    margin: 0 0 0 auto !important;
    max-width: 595px !important;
  }
}

.section-step-3 .container .promotion-list {
  width: 100% !important;
}

.section-step-3 .container .promotion-list ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.section-step-3 .container .promotion-list ul li::marker {
  display: none !important;
}

.section-step-3 .container .promotion-list ul li {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 1rem !important;
}

.section-step-3 .container .promotion-list ul li img {
  margin-right: 14px !important;
}

.section-step-3 .container .promotion-list ul li + li {
  margin-left: 48px !important;
}

.section-step-3 .container .col-half {
  order: 1 !important;
}

.section-step-3 .container .col-half:nth-child(2) {
  order: 3 !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3 .container .col-half:nth-child(2) {
    order: 2 !important;
  }
}

.section-step-3 .container .col-full {
  order: 2 !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3 .container .col-full {
    order: 3 !important;
  }
}

.section-step-3-primary .cart {
  position: fixed !important;
  top: 200px !important;
  /* right: 50% !important;
    transform: translate(50vw, 0) !important; */
  right: 0px !important;
  background: #fff !important;
  box-shadow: 0px 8px 16px #2d08451a !important;
  border-radius: 8px 0 0 8px !important;
  padding: 20px !important;
  width: 100% !important;
  max-width: 300px !important;
  color: #2d0845 !important;
  /* display: none !important; */
  z-index: 99 !important;
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
  pointer-events: none;
}

/* @media only screen and (min-width: 1024px) {
    .section-step-3-primary .cart.active {
        display: block !important;
        opacity: 1;
        pointer-events: all;
    }
} */

.section-step-3-primary .cart.active {
  display: block !important;
  opacity: 1;
  pointer-events: all;
}

@media only screen and (max-width: 1024px) {
  .section-step-3-primary .cart img {
    width: 100% !important;
  }
}

.section-step-3-primary .cart-title {
  font-size: 1.3rem !important;
  line-height: 1.3rem !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  max-width: 235px !important;
}

.section-step-3-primary .cart-title::before {
  content: "" !important;
  width: 20px !important;
  height: 21px !important;
  background-image: url(/assets/img/icon-cart.svg) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin-right: 10px !important;
  display: inline-block !important;
  flex: 1 0 auto !important;
  max-width: 20px !important;
}

.section-step-3-primary .cart-title-total {
  width: 20px !important;
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  background: #00e8a4 !important;
  border-radius: 100px !important;
  font-size: 0.75rem !important;
  line-height: 100% !important;
  margin-left: 5px !important;
  aspect-ratio: 1 / 1 !important;
}

.section-step-3-primary .cart-product-title {
  font-size: 0 !important;
  line-height: 1.125rem !important;
  display: flex !important;
  justify-content: space-between !important;
  font-weight: 600 !important;
  align-items: center !important;
  margin-top: 16px !important;
}

.section-step-3-primary .cart-product-edit {
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  line-height: 0.875rem !important;
}

.section-step-3-primary .cart-product-breakdown {
  margin-top: 20px !important;
  background: #f5f8fa !important;
  border-radius: 8px !important;
  padding: 20px !important;
}

.section-step-3-primary .cart-product-breakdown-title {
  font-size: 1rem !important;
  line-height: 1.125rem !important;
  font-weight: 600 !important;
  display: block !important;
}

.section-step-3-primary .cart-product-breakdown-package {
  display: flex !important;
  justify-content: space-between !important;
  margin-top: 18px !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
}

.section-step-3-primary .cart-product-breakdown-package-price {
  font-weight: 700 !important;
}

.section-step-3-primary .cart-product-breakdown-additional {
  display: flex !important;
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
  font-weight: 500 !important;
  margin-top: 10px !important;
}

.section-step-3-primary .cart-product-breakdown-additional-append {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  font-weight: 400 !important;
  font-style: italic !important;
  margin-top: 0 !important;
  display: block !important;
}

.section-step-3-primary .cart-product-details {
  margin-top: 10px !important;
  background: #f5f8fa !important;
  border-radius: 8px !important;
  padding: 10px !important;
  margin-bottom: -29px;
}

.section-step-3-primary .cart-product-details-title {
  font-size: 1rem !important;
  line-height: 1.125rem !important;
  font-weight: 600 !important;
  display: block !important;
  margin-bottom: 18px;
}

.section-step-3-primary .cart-product-details ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  /* margin-top: 18px !important; */
}

.section-step-3-primary .cart-product-details ul li::marker {
  display: none !important;
}

.section-step-3-primary .cart-product-details ul li {
  font-size: 0.875rem !important;
  line-height: 1rem !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: flex-start !important;
}

.section-step-3-primary .cart-product-details ul li::before {
  content: "" !important;
  width: 10px !important;
  max-width: 10px !important;
  height: 8px !important;
  background-image: url(/assets/img/icon-check-plain-green.svg) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin-right: 8px !important;
  flex: 1 0 10px !important;
  margin-top: 5px !important;
}

.section-step-3-primary .cart .icon-close {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  display: flex !important;
  width: 29px !important;
  height: 29px !important;
  background-image: url(/assets/img/icon-close.png) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  align-items: center !important;
  justify-content: center !important;
  text-indent: -99999px !important;
  cursor: pointer !important;
}

.section-step-3-primary .cart-floating {
  position: fixed !important;
  bottom: 20px !important;
  left: 50% !important;
  transform: translate(-50%, 0) !important;
  background: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0px 8px 16px rgba(45, 8, 69, 0.5) !important;
  padding: 8px 8px !important;
  color: #2d0845 !important;
  align-items: center !important;
  z-index: 99 !important;
  display: inline-flex !important;
  width: 100% !important;
  max-width: calc(100% - 16px) !important;
  transition: all 0.15s ease-in-out !important;
  opacity: 0 !important;
  pointer-events: none !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

@media only screen and (min-width: 768px) {
  .section-step-3-primary .cart-floating {
    position: fixed !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translate(-50%, 0) !important;
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0px 8px 16px rgba(45, 8, 69, 0.5) !important;
    padding: 8px 8px !important;
    color: #2d0845 !important;
    align-items: center !important;
    z-index: 99 !important;
    display: inline-flex !important;
    width: calc(100% - 60px) !important;
    max-width: 660px !important;
    transition: all 0.15s ease-in-out !important;
    opacity: 0 !important;
    pointer-events: all !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 1024px) {
  .section-step-3-primary .cart-floating {
    /* display:none  !important; */
    width: auto !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

.section-step-3-primary .cart-floating.active {
  display: inline-flex !important;
  opacity: 1 !important;
  pointer-events: all !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3-primary .cart-floating.active {
    display: inline-flex !important;
    opacity: 1 !important;
    pointer-events: all !important;
  }
}

.section-step-3-primary .cart-floating > span,
.section-step-3-primary .cart-floating > figure {
  flex: 1 0 auto !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3-primary .cart-floating > span,
  .section-step-3-primary .cart-floating > figure {
    flex: 0 1 auto !important;
  }
}

.section-step-3-primary .cart-floating figure {
  cursor: pointer !important;
}

.section-step-3-primary .cart-floating-speed,
.section-step-3-primary .cart-floating-price {
  font-size: 1rem !important;
  line-height: 1.125rem !important;
  font-weight: 700 !important;
  display: flex !important;
  display: block !important;
  margin-left: 16px !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3-primary .cart-floating-speed,
  .section-step-3-primary .cart-floating-price {
    margin-left: 20px !important;
  }
}

.section-step-3-primary .cart-floating-price-append {
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 0.75rem !important;
  line-height: 0.75rem !important;
  margin-top: 5px !important;
}

.section-step-3-primary .cart-floating-price-append br {
  display: inline-block !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3-primary .cart-floating-price-append br {
    display: none !important;
  }
}

@media only screen and (min-width: 1024px) {
  .section-step-3-primary .cart-floating-price-append {
    display: block !important;
  }
}

.section-step-3-primary .cart-floating-append {
  font-weight: 400 !important;
  font-style: italic !important;
  display: block !important;
  font-size: 0.75rem !important;
  line-height: 0.75rem !important;
  margin-top: 5px !important;
}

.section-step-3-primary .cart-floating-saving {
  margin-left: 16px !important;
  display: block !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3-primary .cart-floating-saving {
    margin-left: 62px !important;
  }
}

.section-step-3-primary .cart-floating-saving .roundal {
  font-size: 0.75rem !important;
  line-height: 0.75rem !important;
  border: 1px solid #fea300 !important;
  background: #fff7ea !important;
  border-radius: 100px !important;
  display: block !important;
  padding: 5px 14px !important;
  min-width: max-content !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-3-primary .cart-floating-saving .roundal {
    font-size: 0.875rem !important;
    line-height: 0.875rem !important;
    min-width: auto !important;
  }
}

.section-step-4-primary {
  /* height: 237px !important; */
}

.section-step-4 .wrapper-appointment {
  background: #fff !important;
  border-radius: 8px !important;
  padding: 50px 20px !important;
  box-shadow: 0px 8px 16px #2d08451a !important;
  /*removed transform: translate(0, -237px) !important;*/
}

@media only screen and (min-width: 1024px) {
  .section-step-4 .wrapper-appointment {
    padding: 50px !important;
  }
}

.section-step-4 .wrapper-appointment h1 {
  font-size: 1.9rem !important;
  line-height: 2rem !important;
  color: #2d0845 !important;
  text-align: center !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-4 .wrapper-appointment h1 {
    font-size: 2.1875rem !important;
    line-height: 2.1rem !important;
    color: #2d0845 !important;
    text-align: left !important;
  }
}

.section-step-4 .wrapper-appointment h1 + p {
  margin-top: 35px !important;
  text-align: center !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-4 .wrapper-appointment h1 + p {
    margin-top: 35px !important;
    text-align: left !important;
  }
}

.section-step-4 .wrapper-appointment p {
  font-size: 1.125rem !important;
  line-height: 1.25rem !important;
}

.section-step-4 .wrapper-appointment p + .appointment-datetime {
  margin-top: 35px !important;
}

.section-step-4 .wrapper-appointment p.appointment-datetime {
  font-size: 1.2rem !important;
  line-height: 1.25rem !important;
  font-weight: 500 !important;
  text-align: center !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-4 .wrapper-appointment p.appointment-datetime {
    font-size: 1.5625rem !important;
    line-height: 1.25rem !important;
    font-weight: 500 !important;
    text-align: left !important;
  }
}

.section-step-4 .wrapper-appointment form {
  margin-top: 44px !important;
}

.section-step-4 .wrapper-appointment form .field-wrapper input[type="radio"] {
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.section-step-4
  .wrapper-appointment
  form
  .field-wrapper
  input[type="radio"]
  + label {
  display: flex !important;
  align-items: center !important;
  font-size: 1rem !important;
  line-height: 1.25rem !important;
  cursor: pointer !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-4
    .wrapper-appointment
    form
    .field-wrapper
    input[type="radio"]
    + label {
    display: flex !important;
    align-items: center !important;
    font-size: 1.25rem !important;
    line-height: 1.25rem !important;
    cursor: pointer !important;
  }
}

.section-step-4
  .wrapper-appointment
  form
  .field-wrapper
  input[type="radio"]
  + label::before {
  content: "" !important;
  width: 30px !important;
  height: 30px !important;
  border: 2px solid #cbd6e2 !important;
  display: inline-flex !important;
  border-radius: 100px !important;
  margin-right: 5px !important;
  transform: scale(0.75) !important;
  flex: 1 0 30px !important;
  max-width: 30px !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-4
    .wrapper-appointment
    form
    .field-wrapper
    input[type="radio"]
    + label::before {
    content: "" !important;
    width: 30px !important;
    height: 30px !important;
    border: 2px solid #cbd6e2 !important;
    display: inline-flex !important;
    border-radius: 100px !important;
    margin-right: 15px !important;
  }
}

.section-step-4
  .wrapper-appointment
  form
  .field-wrapper
  input[type="radio"]:checked
  + label::before {
  background-image: url(/assets/img/icon-check-plain-purple.svg) !important;
  background-size: 14px auto !important;
  background-position: 8px 10px !important;
  background-repeat: no-repeat !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-4
    .wrapper-appointment
    form
    .field-wrapper
    input[type="radio"]:checked
    + label::before {
    background-image: url(/assets/img/icon-check-plain-purple.svg) !important;
    background-size: 14px auto !important;
    background-position: 7px 8px !important;
    background-repeat: no-repeat !important;
  }
}

.section-step-4 .wrapper-appointment form .field-wrapper + .field-wrapper {
  margin-top: 16px !important;
}

.section-step-4 .wrapper-appointment a.see-more-slots {
  font-size: 0.875rem !important;
  line-height: 0.875rem !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  display: block !important;
  margin-top: 25px !important;
  text-align: center !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-4 .wrapper-appointment a.see-more-slots {
    font-size: 0.875rem !important;
    line-height: 0.875rem !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    display: block !important;
    margin-top: 25px !important;
    text-align: left !important;
  }
}

.section-step-4 .wrapper-appointment a.cta-button {
  display: block !important;
  margin-top: 25px !important;
  text-align: center !important;
}

.section-step-4-primary {
  position: relative !important;
}

.section-step-4-primary .cart {
  position: fixed !important;
  top: 200px !important;
  right: 0px !important;
  /* transform: translate(50vw, 0) !important; */
  background: #fff !important;
  box-shadow: 0px 8px 16px #2d08451a !important;
  border-radius: 8px 0 0 8px !important;
  padding: 20px !important;
  width: 100% !important;
  max-width: 300px !important;
  color: #2d0845 !important;
  display: none !important;
  z-index: 99 !important;
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
  pointer-events: none;
}

/* @media only screen and (min-width: 1024px) {
    .section-step-4-primary .cart.active {
        display: block !important;
        opacity: 1;
        pointer-events: all;
    }
} */

.section-step-4-primary .cart.active {
  display: block !important;
  opacity: 1;
  pointer-events: all;
}

@media only screen and (max-width: 1024px) {
  .section-step-4-primary .cart img {
    width: 100% !important;
  }
}

.section-step-4-primary .cart-title {
  font-size: 1.3rem !important;
  line-height: 1.3rem !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  max-width: 235px !important;
}

.section-step-4-primary .cart-title::before {
  content: "" !important;
  width: 20px !important;
  height: 21px !important;
  background-image: url(/assets/img/icon-cart.svg) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin-right: 10px !important;
  display: inline-block !important;
  flex: 1 0 auto !important;
  max-width: 20px !important;
}

.section-step-4-primary .cart-title-total {
  width: 20px !important;
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  background: #00e8a4 !important;
  border-radius: 100px !important;
  font-size: 0.75rem !important;
  line-height: 100% !important;
  margin-left: 5px !important;
  aspect-ratio: 1 / 1 !important;
}

.section-step-4-primary .cart-product-title {
  font-size: 0 !important;
  line-height: 1.125rem !important;
  display: flex !important;
  justify-content: space-between !important;
  font-weight: 600 !important;
  align-items: center !important;
  margin-top: 16px !important;
}

.section-step-4-primary .cart-product-edit {
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  line-height: 0.875rem !important;
}

.section-step-4-primary .cart-product-breakdown {
  margin-top: 20px !important;
  background: #f5f8fa !important;
  border-radius: 8px !important;
  padding: 20px !important;
}

.section-step-4-primary .cart-product-breakdown-title {
  font-size: 1rem !important;
  line-height: 1.125rem !important;
  font-weight: 600 !important;
  display: block !important;
}

.section-step-4-primary .cart-product-breakdown-package {
  display: flex !important;
  justify-content: space-between !important;
  margin-top: 18px !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
}

.section-step-4-primary .cart-product-breakdown-package-price {
  font-weight: 700;
}

.section-step-4-primary .cart-product-breakdown-additional {
  display: flex !important;
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
  font-weight: 500 !important;
  margin-top: 10px !important;
}

.section-step-4-primary .cart-product-breakdown-additional-append {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  font-weight: 400 !important;
  font-style: italic !important;
  margin-top: 0 !important;
  display: block !important;
}

.section-step-4-primary .cart-product-details {
  margin-top: 10px !important;
  background: #f5f8fa !important;
  border-radius: 8px !important;
  padding: 10px !important;
  margin-bottom: -29px;
}

.section-step-4-primary .cart-product-details-title {
  font-size: 1rem !important;
  line-height: 1.125rem !important;
  font-weight: 600 !important;
  display: block !important;
  margin-bottom: 18px;
}

.section-step-4-primary .cart-product-details ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  /* margin-top: 18px !important; */
}

.section-step-4-primary .cart-product-details ul li::marker {
  display: none !important;
}

.section-step-4-primary .cart-product-details ul li {
  font-size: 0.875rem !important;
  line-height: 1rem !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: flex-start !important;
}

.section-step-4-primary .cart-product-details ul li::before {
  content: "" !important;
  width: 10px !important;
  height: 8px !important;
  background-image: url(/assets/img/icon-check-plain-green.svg) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin-right: 8px !important;
  margin-top: 5px !important;
}

.section-step-4-primary .cart .icon-close {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  display: flex !important;
  width: 29px !important;
  height: 29px !important;
  background-image: url(/assets/img/icon-close.png) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  align-items: center !important;
  justify-content: center !important;
  text-indent: -99999px !important;
  cursor: pointer !important;
}

.section-step-4-primary .cart-floating {
  position: fixed !important;
  bottom: 20px !important;
  left: 50% !important;
  transform: translate(-50%, 0) !important;
  background: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0px 8px 16px rgba(45, 8, 69, 0.5) !important;
  padding: 8px 8px !important;
  color: #2d0845 !important;
  align-items: center !important;
  z-index: 99 !important;
  display: inline-flex !important;
  width: 100% !important;
  max-width: calc(100% - 16px) !important;
  transition: all 0.15s ease-in-out !important;
  opacity: 0 !important;
  pointer-events: none !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

@media only screen and (min-width: 768px) {
  .section-step-4-primary .cart-floating {
    position: fixed !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translate(-50%, 0) !important;
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0px 8px 16px rgba(45, 8, 69, 0.5) !important;
    padding: 8px 8px !important;
    color: #2d0845 !important;
    align-items: center !important;
    z-index: 99 !important;
    display: inline-flex !important;
    width: calc(100% - 60px) !important;
    max-width: 660px !important;
    transition: all 0.15s ease-in-out !important;
    opacity: 0 !important;
    pointer-events: all !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 1024px) {
  .section-step-4-primary .cart-floating {
    /* display:none  !important; */
    width: auto !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

.section-step-4-primary .cart-floating.active {
  display: inline-flex !important;
  opacity: 1 !important;
  pointer-events: all !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-4-primary .cart-floating.active {
    display: inline-flex !important;
    opacity: 1 !important;
    pointer-events: all !important;
  }
}

.section-step-4-primary .cart-floating > span,
.section-step-4-primary .cart-floating > figure {
  flex: 1 0 auto !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-4-primary .cart-floating > span,
  .section-step-4-primary .cart-floating > figure {
    flex: 0 1 auto !important;
  }
}

.section-step-4-primary .cart-floating figure {
  cursor: pointer !important;
}

.section-step-4-primary .cart-floating-speed,
.section-step-4-primary .cart-floating-price {
  font-size: 1rem !important;
  line-height: 1.125rem !important;
  font-weight: 700 !important;
  display: flex !important;
  display: block !important;
  margin-left: 16px !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-4-primary .cart-floating-speed,
  .section-step-4-primary .cart-floating-price {
    margin-left: 20px !important;
  }
}

.section-step-4-primary .cart-floating-price-append {
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 0.75rem !important;
  line-height: 0.75rem !important;
  margin-top: 5px !important;
}

.section-step-4-primary .cart-floating-price-append br {
  display: inline-block !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-4-primary .cart-floating-price-append br {
    display: none !important;
  }
}

@media only screen and (min-width: 1024px) {
  .section-step-4-primary .cart-floating-price-append {
    display: block !important;
  }
}

.section-step-4-primary .cart-floating-append {
  font-weight: 400 !important;
  font-style: italic !important;
  display: block !important;
  font-size: 0.75rem !important;
  line-height: 0.75rem !important;
  margin-top: 5px !important;
}

.section-step-4-primary .cart-floating-saving {
  margin-left: 16px !important;
  display: block !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-4-primary .cart-floating-saving {
    margin-left: 62px !important;
  }
}

.section-step-4-primary .cart-floating-saving .roundal {
  font-size: 0.75rem !important;
  line-height: 0.75rem !important;
  border: 1px solid #fea300 !important;
  background: #fff7ea !important;
  border-radius: 100px !important;
  display: block !important;
  padding: 5px 14px !important;
  min-width: max-content !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-4-primary .cart-floating-saving .roundal {
    font-size: 0.875rem !important;
    line-height: 0.875rem !important;
    min-width: auto !important;
  }
}

.section-step-5-primary {
  /* margin-bottom: -270px !important; */
}

.section-step-5-secondary {
  padding-top: 270px !important;
}

.section-step-5 .container {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  position: relative !important;
}

.section-step-5 .container .wrapper-personal-details {
  width: 100% !important;
  max-width: 660px !important;
  font-size: 1.125rem !important;
  margin: 0 auto !important;
  padding: 24px !important;
  border-radius: 8px !important;
  box-shadow: 0px 8px 16px #2d08451a !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-5 .container .wrapper-personal-details {
    width: 100% !important;
    max-width: 660px !important;
    font-size: 1.125rem !important;
    margin: 0 auto !important;
    padding: 50px !important;
    border-radius: 8px !important;
    box-shadow: 0px 8px 16px #2d08451a !important;
  }

  .section-step-5 .container .wrapper-personal-details {
    margin: 0 24px 0 0 !important;
  }
}

.section-step-5 .container .wrapper-personal-details h1 {
  font-size: 2.1875rem !important;
  line-height: 2.1875rem !important;
  text-align: center !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-5 .container .wrapper-personal-details h1 {
    line-height: 1.25rem !important;
  }
}

.section-step-5 .container .wrapper-personal-details h1 + form {
  margin-top: 49px !important;
}

.section-step-5 .container .wrapper-personal-details h1 + p,
.section-step-5 .container .wrapper-personal-details h1 .cta-button {
  margin-top: 26px !important;
}

.section-step-5 .container .wrapper-personal-details span.gcdd {
  display: block !important;
  margin: 20px auto 54px !important;
  text-align: center !important;
}

.section-step-5 .container .wrapper-personal-details p + .cta-button {
  margin-top: 36px !important;
}

.section-step-5 .container .wrapper-personal-details form {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 18px 26px !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-5 .container .wrapper-personal-details form {
    gap: 20px 26px !important;
  }
}

.section-step-5 .container .wrapper-personal-details form .field-wrapper {
  display: flex !important;
  position: relative !important;
  flex-direction: column !important;
}

.section-step-5
  .container
  .wrapper-personal-details
  form
  .field-wrapper.field-half {
  flex: 1 0 calc(50% - 13px) !important;
}

.section-step-5
  .container
  .wrapper-personal-details
  form
  .field-wrapper.field-full {
  flex: 1 0 100% !important;
}

.section-step-5 .container .wrapper-personal-details form .field-wrapper label {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 500 !important;
}

.section-step-5
  .container
  .wrapper-personal-details
  form
  .field-wrapper
  label
  + input {
  margin-top: 9px !important;
}

.section-step-5
  .container
  .wrapper-personal-details
  form
  .field-wrapper
  input[type="text"] {
  font-size: 1rem !important;
  line-height: 1.25rem !important;
  color: #2d0845 !important;
  background-color: #f5f8fa !important;
  border: 1px solid #cbd6e2 !important;
  border-radius: 8px !important;
  padding: 20px !important;
  outline: 0 !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-5
    .container
    .wrapper-personal-details
    form
    .field-wrapper
    input[type="text"] {
    width: 100% !important;
  }
}

.section-step-5
  .container
  .wrapper-personal-details
  form
  .field-wrapper
  input[type="text"]:focus {
  border: 1px solid #00e8a4 !important;
}

.section-step-5
  .container
  .wrapper-personal-details
  form
  .field-wrapper
  input[type="text"]::placeholder {
  color: rgba(51, 71, 95, 0.3) !important;
}

.section-step-5
  .container
  .wrapper-personal-details
  form
  .field-wrapper
  input[type="text"]
  + button {
  position: absolute !important;
  bottom: 4px !important;
  right: 4px !important;
  background-color: #fea300 !important;
  color: #fff !important;
  border-radius: 4px !important;
  padding: 18px 24px !important;
  font-size: 1.0625rem !important;
  line-height: 1rem !important;
  cursor: pointer !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-5
    .container
    .wrapper-personal-details
    form
    .field-wrapper
    input[type="text"]
    + button {
    width: max-content !important;
    transform: translate(calc(-100% - 4px), 0) !important;
    left: 429px !important;
    right: auto !important;
  }
}

.section-step-5
  .container
  .wrapper-personal-details
  form
  .field-wrapper.field-terms {
  margin-top: -14px !important;
}

.section-step-5
  .container
  .wrapper-personal-details
  form
  .field-wrapper.field-terms
  .terms {
  color: rgba(51, 71, 95, 0.6) !important;
  font-size: 0.75rem !important;
  line-height: 1.25rem !important;
}

.section-step-5 .container .wrapper-personal-details + .form-append {
  width: 100% !important;
  max-width: 659px !important;
  padding: 33px 0 !important;
  text-align: center !important;
  color: #2d0845 !important;
}

.section-step-5 .container .promotion-wrapper-title {
  width: 100% !important;
  max-width: 500px !important;
  text-align: center !important;
}

.section-step-5 .container .promotion-wrapper-title h2 {
  font-size: 1.5625rem !important;
  line-height: 1.5625rem !important;
  margin-top: 49px !important;
  margin-bottom: 26px !important;
  font-weight: 700 !important;
}

.section-step-5 .container .promotion-wrapper-title + .promotion-wrapper {
  margin-top: 39px !important;
}

.section-step-5 .container .promotion-wrapper {
  background: #fff !important;
  border-radius: 8px !important;
  color: #2d0845 !important;
  width: 100% !important;
  max-width: 500px !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 40px auto 0 !important;
  position: relative !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-5 .container .promotion-wrapper {
    margin: 0 0 0 85px !important;
    max-width: 484px !important;
  }
}

.section-step-5 .container .promotion-wrapper-secondary {
  margin-top: -10px !important;
}

.section-step-5 .container .promotion-wrapper .promo-header,
.section-step-5 .container .promotion-wrapper .promo-footer {
  padding: 8px 24px !important;
  font-size: 1.125rem !important;
  color: #fff !important;
  text-transform: uppercase !important;
  font-style: italic !important;
  text-align: center !important;
}

.section-step-5 .container .promotion-wrapper .promo-header {
  font-weight: 600 !important;
  background: transparent linear-gradient(90deg, #23897b 0%, #00cf87 100%) 0% 0%
    no-repeat padding-box !important;
  border-radius: 8px 8px 0 0 !important;
}

.section-step-5 .container .promotion-wrapper .promo-footer {
  background: #5d3a7b !important;
  border-radius: 0 0 8px 8px !important;
}

.section-step-5 .container .promotion-wrapper .promo-main {
  padding: 24px !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

.section-step-5 .container .promotion-wrapper .promo-main + .promo-main {
  padding-top: 0px !important;
}

.section-step-5 .container .promotion-wrapper .promo-main .price {
  flex: 1 0 50% !important;
  font-size: 2.5rem !important;
  font-weight: 700 !important;
}

.section-step-5 .container .promotion-wrapper .promo-main .price .price-append {
  font-size: 1rem !important;
  font-weight: 600 !important;
}

.section-step-5 .container .promotion-wrapper .promo-main .price-details {
  flex: 0 1 auto !important;
  padding: 0 0 0 40px !important;
}

.section-step-5 .container .promotion-wrapper .promo-main .promo-bullets {
  background: #f5f8fa !important;
  border: #ebebeb !important;
  border-radius: 4px !important;
  width: 100% !important;
  padding: 20px !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 auto !important;
  max-width: 100% !important;
}

.section-step-5 .container .promotion-wrapper .promo-main .promo-bullets ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.section-step-5
  .container
  .promotion-wrapper
  .promo-main
  .promo-bullets
  ul
  li::marker {
  display: none !important;
}

.section-step-5 .container .promotion-wrapper .promo-main .promo-bullets ul li {
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  line-height: 1rem !important;
  position: relative !important;
  margin-left: 28px !important;
}

.section-step-5
  .container
  .promotion-wrapper
  .promo-main
  .promo-bullets
  ul
  li
  + li {
  margin-top: 8px !important;
}

.section-step-5
  .container
  .promotion-wrapper
  .promo-main
  .promo-bullets
  ul
  li::before {
  content: "" !important;
  width: 20px !important;
  height: 20px !important;
  display: inline-block !important;
  background-image: url(/assets/img/icon-check-round-white.png) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: absolute !important;
  left: -8px !important;
  top: -4px !important;
  transform: translate(-100%, 0) !important;
}

.section-step-5
  .container
  .promotion-wrapper
  .promo-main
  .promo-bullets
  ul
  li
  span.bullet-append {
  display: block !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  font-style: italic !important;
}

.section-step-5
  .container
  .promotion-wrapper
  .promo-main
  .promo-bullets-plain
  ul
  li {
  margin-left: 0 !important;
  font-size: 1rem !important;
  line-height: 1.625rem !important;
  font-weight: 400 !important;
}

.section-step-5
  .container
  .promotion-wrapper
  .promo-main
  .promo-bullets-plain
  ul
  li::before {
  display: none !important;
}

.section-step-5
  .container
  .promotion-wrapper
  .promo-main
  .promo-bullets-plain
  ul
  li.title {
  margin-bottom: 20px !important;
  /* display:none; */
  font-size: 1.2rem !important;
  font-weight: 600 !important;
}

.section-step-5
  .container
  .promotion-wrapper
  .promo-main
  .promo-bullets-plain
  ul
  li
  + li {
  margin-top: 0 !important;
}

@media only screen and (max-width: 1024px) {
  .section-step-5
    .container
    .promotion-wrapper
    .promo-main
    .promo-bullets
    .col-half
    + .col-half
    ul {
    display: flex !important;
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 1px solid #ebebeb;
  }

  .section-step-5
    .container
    .promotion-wrapper
    .promo-main
    .promo-bullets
    .col-half
    + .col-half
    ul
    li {
    flex: 1 0 calc(50% - 28px) !important;
    margin-top: 0 !important;
  }
}

.section-step-5 .container .promotion-wrapper figure {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  transform: translate(50%, 70%) !important;
  display: none !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-5 .container .promotion-wrapper figure {
    display: block !important;
  }
}

.section-step-5 .container .promotion-wrapper-image {
  width: 100% !important;
  max-width: 595px !important;
  display: flex !important;
  margin: 40px auto 0 !important;
  position: relative !important;
  height: auto !important;
}

.section-step-5 .container .promotion-wrapper-image figure {
  display: block !important;
}

.section-step-5 .container .promotion-wrapper-image figure img {
  width: 100% !important;
  height: 100% !important;
}

.section-step-5 .container .promotion-wrapper-image figure img.desktop {
  display: none !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-5 .container .promotion-wrapper-image figure img.desktop {
    display: block !important;
  }
}

.section-step-5 .container .promotion-wrapper-image figure img.mobile {
  display: block !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-5 .container .promotion-wrapper-image figure img.mobile {
    display: none !important;
  }
}

@media only screen and (min-width: 1024px) {
  .section-step-5 .container .promotion-wrapper-image {
    margin: 0 0 0 auto !important;
    max-width: 595px !important;
  }
}

.section-step-5 .container .promotion-list {
  width: 100% !important;
}

.section-step-5 .container .promotion-list ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.section-step-5 .container .promotion-list ul li::marker {
  display: none !important;
}

.section-step-5 .container .promotion-list ul li {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 1rem !important;
}

.section-step-5 .container .promotion-list ul li img {
  margin-right: 14px !important;
}

.section-step-5 .container .promotion-list ul li + li {
  margin-left: 48px !important;
}

.section-step-5 .container .col-half {
  order: 1 !important;
}

.section-step-5 .container .col-half:nth-child(2) {
  order: 3 !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-5 .container .col-half:nth-child(2) {
    order: 2 !important;
  }
}

.section-step-5 .container .col-full {
  order: 2 !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-5 .container .col-full {
    order: 3 !important;
  }
}

.section-step-5-primary .cart {
  position: fixed !important;
  top: 200px !important;
  /* right: 50% !important;
    transform: translate(50vw, 0) !important; */
  right: 0px !important;
  background: #fff !important;
  box-shadow: 0px 8px 16px #2d08451a !important;
  border-radius: 8px 0 0 8px !important;
  padding: 20px !important;
  width: 100% !important;
  max-width: 300px !important;
  color: #2d0845 !important;
  /* display: none !important; */
  z-index: 99 !important;
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
  pointer-events: none;
}

/* @media only screen and (min-width: 1024px) {
    .section-step-5-primary .cart.active {
        display: block !important;
        opacity: 1;
        pointer-events: all;
    }
} */

.section-step-5-primary .cart.active {
  display: block !important;
  opacity: 1;
  pointer-events: all;
}

@media only screen and (max-width: 1024px) {
  .section-step-5-primary .cart img {
    width: 100% !important;
  }
}

.section-step-5-primary .cart-title {
  font-size: 1.3rem !important;
  line-height: 1.3rem !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  max-width: 235px !important;
}

.section-step-5-primary .cart-title::before {
  content: "" !important;
  width: 20px !important;
  height: 21px !important;
  background-image: url(/assets/img/icon-cart.svg) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin-right: 10px !important;
  display: inline-block !important;
  flex: 1 0 auto !important;
  max-width: 20px !important;
}

.section-step-5-primary .cart-title-total {
  width: 20px !important;
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  background: #00e8a4 !important;
  border-radius: 100px !important;
  font-size: 0.75rem !important;
  line-height: 100% !important;
  margin-left: 5px !important;
  aspect-ratio: 1 / 1 !important;
}

.section-step-5-primary .cart-product-title {
  font-size: 0 !important;
  line-height: 1.125rem !important;
  display: flex !important;
  justify-content: space-between !important;
  font-weight: 600 !important;
  align-items: center !important;
  margin-top: 16px !important;
}

.section-step-5-primary .cart-product-edit {
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  line-height: 0.875rem !important;
}

.section-step-5-primary .cart-product-breakdown {
  margin-top: 20px !important;
  background: #f5f8fa !important;
  border-radius: 8px !important;
  padding: 20px !important;
}

.section-step-5-primary .cart-product-breakdown-title {
  font-size: 1rem !important;
  line-height: 1.125rem !important;
  font-weight: 600 !important;
  display: block !important;
}

.section-step-5-primary .cart-product-breakdown-package {
  display: flex !important;
  justify-content: space-between !important;
  margin-top: 18px !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
}

.section-step-5-primary .cart-product-breakdown-package-price {
  font-weight: 700 !important;
}

.section-step-5-primary .cart-product-breakdown-additional {
  display: flex !important;
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
  font-weight: 500 !important;
  margin-top: 10px !important;
}

.section-step-5-primary .cart-product-breakdown-additional-append {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  font-weight: 400 !important;
  font-style: italic !important;
  margin-top: 0 !important;
  display: block !important;
}

.section-step-5-primary .cart-product-details {
  margin-top: 10px !important;
  background: #f5f8fa !important;
  border-radius: 8px !important;
  padding: 10px !important;
  margin-bottom: -29px;
}

.section-step-5-primary .cart-product-details-title {
  font-size: 1rem !important;
  line-height: 1.125rem !important;
  font-weight: 600 !important;
  display: block !important;
  margin-bottom: 18px;
}

.section-step-5-primary .cart-product-details ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  /* margin-top: 18px !important; */
}

.section-step-5-primary .cart-product-details ul li::marker {
  display: none !important;
}

.section-step-5-primary .cart-product-details ul li {
  font-size: 0.875rem !important;
  line-height: 1rem !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: flex-start !important;
}

.section-step-5-primary .cart-product-details ul li::before {
  content: "" !important;
  width: 10px !important;
  height: 8px !important;
  background-image: url(/assets/img/icon-check-plain-green.svg) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin-right: 8px !important;
  margin-top: 5px !important;
}

.section-step-5-primary .cart .icon-close {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  display: flex !important;
  width: 29px !important;
  height: 29px !important;
  background-image: url(/assets/img/icon-close.png) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  align-items: center !important;
  justify-content: center !important;
  text-indent: -99999px !important;
  cursor: pointer !important;
}

.section-step-5-primary .cart-floating {
  position: fixed !important;
  bottom: 20px !important;
  left: 50% !important;
  transform: translate(-50%, 0) !important;
  background: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0px 8px 16px rgba(45, 8, 69, 0.5) !important;
  padding: 8px 8px !important;
  color: #2d0845 !important;
  align-items: center !important;
  z-index: 99 !important;
  display: inline-flex !important;
  width: 100% !important;
  max-width: calc(100% - 16px) !important;
  transition: all 0.15s ease-in-out !important;
  opacity: 0 !important;
  pointer-events: none !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

@media only screen and (min-width: 768px) {
  .section-step-5-primary .cart-floating {
    position: fixed !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translate(-50%, 0) !important;
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0px 8px 16px rgba(45, 8, 69, 0.5) !important;
    padding: 8px 8px !important;
    color: #2d0845 !important;
    align-items: center !important;
    z-index: 99 !important;
    display: inline-flex !important;
    width: calc(100% - 60px) !important;
    max-width: 660px !important;
    transition: all 0.15s ease-in-out !important;
    opacity: 0 !important;
    pointer-events: all !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 1024px) {
  .section-step-5-primary .cart-floating {
    /* display:none  !important; */
    width: auto !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

.section-step-5-primary .cart-floating.active {
  display: inline-flex !important;
  opacity: 1 !important;
  pointer-events: all !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-5-primary .cart-floating.active {
    display: inline-flex !important;
    opacity: 1 !important;
    pointer-events: all !important;
  }
}

.section-step-5-primary .cart-floating > span,
.section-step-5-primary .cart-floating > figure {
  flex: 1 0 auto !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-5-primary .cart-floating > span,
  .section-step-5-primary .cart-floating > figure {
    flex: 0 1 auto !important;
  }
}

.section-step-5-primary .cart-floating figure {
  cursor: pointer !important;
}

.section-step-5-primary .cart-floating-speed,
.section-step-5-primary .cart-floating-price {
  font-size: 1rem !important;
  line-height: 1.125rem !important;
  font-weight: 700 !important;
  display: flex !important;
  display: block !important;
  margin-left: 16px !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-5-primary .cart-floating-speed,
  .section-step-5-primary .cart-floating-price {
    margin-left: 20px !important;
  }
}

.section-step-5-primary .cart-floating-price-append {
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 0.75rem !important;
  line-height: 0.75rem !important;
  margin-top: 5px !important;
}

.section-step-5-primary .cart-floating-price-append br {
  display: inline-block !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-5-primary .cart-floating-price-append br {
    display: none !important;
  }
}

@media only screen and (min-width: 1024px) {
  .section-step-5-primary .cart-floating-price-append {
    display: block !important;
  }
}

.section-step-5-primary .cart-floating-append {
  font-weight: 400 !important;
  font-style: italic !important;
  display: block !important;
  font-size: 0.75rem !important;
  line-height: 0.75rem !important;
  margin-top: 5px !important;
}

.section-step-5-primary .cart-floating-saving {
  margin-left: 16px !important;
  display: block !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-5-primary .cart-floating-saving {
    margin-left: 62px !important;
  }
}

.section-step-5-primary .cart-floating-saving .roundal {
  font-size: 0.75rem !important;
  line-height: 0.75rem !important;
  border: 1px solid #fea300 !important;
  background: #fff7ea !important;
  border-radius: 100px !important;
  display: block !important;
  padding: 5px 14px !important;
  min-width: max-content !important;
}

@media only screen and (min-width: 1024px) {
  .section-step-5-primary .cart-floating-saving .roundal {
    font-size: 0.875rem !important;
    line-height: 0.875rem !important;
    min-width: auto !important;
  }
}

.paymentFrame {
  height: 900px !important;
  width: 800px !important;
}

@media (max-width: 900px) {
  .paymentFrame {
    width: 800px !important;
    height: 900px !important;
  }
}

/* 26-11-2024 */

@media (max-width: 1024px) {
  /* Mobile breakpoint */
  .container.reverse-on-mobile .col-half:nth-child(1) {
    order: 2 !important;
  }

  .container.reverse-on-mobile .col-half:nth-child(2) {
    order: 1 !important;
    margin-bottom: 24px !important;
  }

  .container.reverse-on-mobile .col-half:nth-child(2) figure {
    margin: 0 auto !important;
  }
}

.wrapper-address .dropdown {
  position: absolute !important;
  bottom: -8px !important;
  transform: translate(0, 100%) !important;
  z-index: 9 !important;
  border-radius: 8px !important;
  border: 0px solid transparent !important;
  background-color: transparent !important;
}

.wrapper-address .dropdown .dropdown-list {
  border-radius: 8px !important;
  background: #656868 !important;
  color: #ffffff !important;
}

.wrapper-address .dropdown .dropdown-list .dropdown-item {
  padding: 4px 8px !important;
  font-weight: 500 !important;
  margin: 0 0 0 0 !important;
  font-size: 12px !important;
  text-transform: capitalize;
}

.wrapper-address .dropdown .dropdown-list .dropdown-item:hover {
  background: #878a8a !important;
  color: #ffffff !important;
}

/* .slds-spinner_container {
    display:none !important;
} */

.wrapper-personal-details input[type="checkbox"] {
  border: 1px solid #ced4da !important;
  margin: 0 16px 0 0 !important;
  padding: 0 !important;
}

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

.show-on-mobile {
  display: block;
}

@media (min-width: 1024px) {
  .show-on-desktop {
    display: block;
  }

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

@media (min-width: 1024px) {
  .section-step-3-primary .cart-floating,
  .section-step-4-primary .cart-floating,
  .section-step-5-primary .cart-floating {
    width: 100% !important;
  }
}

.section-step-3-primary .cart-floating figure,
.section-step-4-primary .cart-floating figure,
.section-step-5-primary .cart-floating figure {
  margin-right: 8px !important;
  flex: 1 0 32px !important;
  max-width: 32px !important;
}

.section-step-3-primary .cart-floating figure + img,
.section-step-3-primary .cart-floating figure + img + img,
.section-step-4-primary .cart-floating figure + img,
.section-step-4-primary .cart-floating figure + img + img,
.section-step-5-primary .cart-floating figure + img,
.section-step-5-primary .cart-floating figure + img + img {
  flex: 1 0 calc(100% - 32px) !important;
  max-width: calc(100% - 32px) !important;
}

.dropdown-list[c-qlWebAddressStep_qlWebAddressStep] {
  scrollbar-width: thin !important;
}

.omniscript-step__body[c-omniscriptStep_omniscriptStep] {
  padding: 0 0 0 0 !important;
}

body {
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

/* .spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 1) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9000;
} */

.slds-spinner_container {
  position: fixed;
  width: 300px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}

.slds-spinner_container:before {
  content: "" !important;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  transform: translate(-50vw, -50vh);
  background: rgba(255, 255, 255, 1);
}

.slds-spinner {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Hide only the built-in loading text */
.slds-assistive-text {
  display: none !important;
  visibility: hidden !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
}

.slds-spinner::before,
.slds-spinner::after,
.slds-spinner .circle-inner {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 12px solid transparent;
  border-top-color: #4ccc8e;
  animation: spin 2s linear infinite;
}

.slds-spinner::before {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  animation-duration: 3s;
}

.slds-spinner::after {
  top: 35px;
  left: 35px;
  right: 35px;
  bottom: 35px;
  animation-duration: 2s;
}

.slds-spinner .circle-inner {
  top: 65px;
  left: 65px;
  right: 65px;
  bottom: 65px;
  animation-duration: 1s;
}

.progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: #333;
  z-index: 1;
}

.message-text {
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  color: #333;
  white-space: nowrap;
}

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

  100% {
    transform: rotate(360deg);
  }
}

@media only screen and (max-width: 440px) {
  .section-2 .container.container-sm {
    /* max-width:100% !important;
        margin:0 0 !important; */
  }

  .section-step-2.section-products .container .cards-wrapper {
    padding: 0 0 !important;
  }
}

@media only screen and (max-width: 768px) {
  .section-step-3-primary .cart,
  .section-step-4-primary .cart,
  .section-step-5-primary .cart {
    position: fixed !important;
    max-width: 100% !important;
    height: 100% !important;
    /* inset: 0 !important; */
    overflow: auto !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
  }
}

span.journey-para,
.journey-topbar p {
  font-size: 14px !important;
  font-weight: normal !important;
}

.card-single-margin[c-qlWebProductSelectionStep_qlWebProductSelectionStep][style] {
  margin-top: 40px !important;
}

@media only screen and (min-width: 1024px) {
  .card-single-margin[c-qlWebProductSelectionStep_qlWebProductSelectionStep][style] {
    margin-top: 70px !important;
  }
}

.section-steps ul li.ponr {
  cursor: default !important;
}


.fade-in-up, #below-content {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.5s ease-out 2s forwards;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

ul.dropdown-list {
  border-radius:8px !important;
  background:#646564 !important;
  color:#ffffff !important;
  font-size:12px !important;
  border:1px solid #646564 !important;
  scrollbar-width: none !important; /* For Firefox */
    -ms-overflow-style: none !important; /* For IE and Edge */
    padding:4px 0 !important;
  z-index:9 !important;
}

ul.dropdown-list::-webkit-scrollbar {
  display: none !important;
}

ul.dropdown-list li {
  background:#646564 !important;
  color:#ffffff !important;
  padding:4px 16px !important;
  margin:0 !important;
  cursor: pointer  !important;
}

ul.dropdown-list li:hover,
ul.dropdown-list li[aria-selected="true"] {
  background:#7e807e !important;
}

.ql-grid-1 {
  display: grid;
  grid-template-columns: minmax(250px, 350px);
  justify-content: center;
  gap: 40px;
}

.ql-grid-2 {
  display: grid;
  grid-template-columns: repeat(
    auto-fit,
    minmax(250px, 350px)
  );
  justify-content: center;
  gap: 40px;
}

@media (max-width: 768px) {
  .ql-grid-2 {
    grid-template-columns: minmax(250px, 350px);
  }
}

.ql-grid-3 {
  display: grid;
  grid-template-columns: repeat(
    auto-fit,
    minmax(250px, 350px)
  );
  justify-content: center;
  gap: 40px;
}

@media (max-width: 1024px) {
  .ql-grid-3 {
    grid-template-columns: repeat(
      2,
      minmax(250px, 350px)
    );
  }
}

@media (max-width: 768px) {
  .ql-grid-3 {
    grid-template-columns: minmax(250px, 350px);
  }
}

.container {
  width: 100%;
  max-width: 1280px;
  margin: 20px auto;
}

@media (min-width: 768px) {
 .container .ql-card-list {
  padding-top:40px;
  padding-bottom:40px;
  flex-direction: row-reverse;
  }
}

@media (max-width: 768px) {
 .container .ql-card-list {
  padding-top:40px;
  padding-bottom:40px;
  flex-direction: column-reverse;
  align-items: center;
  }
}


.container .ql-card-list .ql-card {
  max-width: 350px;
  margin-top: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.container .ql-card-list .ql-card.active .ql-card-main {
  border: 2px solid #00e8a4;
  border-radius: 10px;
}
.container .ql-card-list .ql-card .ql-card-pill {
  border: 2px solid #00e8a4;
  background: #edfdf8;
  color: #2d0845;
  font-weight: 500;
  border-radius: 10px;
  padding: 12px 18px;
  margin-bottom: 12px;
  text-align: center;
  max-width: max-content;
  margin-left: auto;
  margin-right: auto;
}
.container .ql-card-list .ql-card .ql-card-pill:empty {
  display: none;
}
.container .ql-card-list .ql-card .ql-card-main {
  box-shadow: 0px 8px 16px #2d08451a !important;
  border-radius: 0 0 8px 8px;
  margin-top: auto;
}
.container .ql-card-list .ql-card .ql-card-main .ql-card-header {
  background-color: #00e8a4 !important;
  padding: 8px 24px !important;
  font-size: 1.125rem !important;
  color: #fff !important;
  text-transform: uppercase !important;
  font-style: italic !important;
  text-align: center !important;
  font-weight: 600 !important;
  border-radius: 8px 8px 0 0 !important;
  width: 100% !important;
  box-sizing: border-box;
}
.container .ql-card-list .ql-card .ql-card-main .ql-card-header + .ql-card-image {
  border-radius: 0 !important;
}
.container .ql-card-list .ql-card .ql-card-main .ql-card-header:empty {
  display: none;
}
.container .ql-card-list .ql-card .ql-card-main .ql-card-header:empty + .ql-card-image {
  border-radius: 8px 8px 0 0 !important;
}
.container .ql-card-list .ql-card .ql-card-main .ql-card-image {
  border-radius: 8px 8px 0 0 !important;
  overflow: hidden;
}
.container .ql-card-list .ql-card .ql-card-main .ql-card-image img {
  max-width: 100%;
}
.container .ql-card-list .ql-card .ql-card-main .ql-card-body {
  padding-left: 20px;
  padding-right: 20px;
}
.container .ql-card-list .ql-card .ql-card-main .ql-card-body ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  padding-bottom: 34px !important;
}
.container .ql-card-list .ql-card .ql-card-main .ql-card-body ul li {
  font-size: 1rem !important;
  line-height: 1.25rem !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: flex-start !important;
  margin-right: 0px !important;
}
.container .ql-card-list .ql-card .ql-card-main .ql-card-body ul li + li {
  margin-top: 8px;
}
.container .ql-card-list .ql-card .ql-card-main .ql-card-body ul li:before {
  content: "" !important;
  display: inline-block !important;
  width: 19px !important;
  max-width: 19px !important;
  height: 19px !important;
  background-image: url(https://env-quickline-dev.kinsta.cloud/assets/img/icon-check-round-white.png) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin-right: 10px !important;
  flex: 1 0 19px !important;
}
.container .ql-card-list .ql-card .ql-card-main .ql-card-cta {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.container .ql-card-list .ql-card .ql-card-main .ql-card-cta a.ql-card-button--orange {
  padding: 12px 25px !important;
  border-radius: 4px !important;
  font-size: 1.0625rem !important;
  line-height: 0.9375rem !important;
  display: inline-block !important;
  cursor: pointer !important;
  background: #fea300 !important;
  color: #fff !important;
  transition: all 0.15s ease;
  display: block !important;
  text-align: center !important;
  text-decoration: none;
}

/*Superfly - Grid adjustments for 4 products */

.ql-grid-3 {
  display: grid;
  /* grid-template-columns: repeat(
    auto-fit,
    minmax(250px, 350px)
  ); */
  grid-template-columns: repeat(
    4,
    minmax(250px, 350px)
  );
  justify-content: center;
  gap: 20px;
}

@media (max-width: 1280px) {
  .ql-grid-3 {
    grid-template-columns: repeat(
      3,
      minmax(250px, 350px)
    );
  }
}

@media (max-width: 1024px) {
  .ql-grid-3 {
    grid-template-columns: repeat(
      2,
      minmax(250px, 350px)
    );
  }
}

@media (max-width: 768px) {
  .ql-grid-3 {
    grid-template-columns: minmax(250px, 350px);
  }
}

/* END - Superfly - Grid adjustments for 4 products */

/*Superfly -  hide promo banners above cards */

.container .ql-card-list .ql-card .ql-card-main .ql-card-header {
	display:none;
}

/*Superfly - margin top fix on cards caused by above 4 package changes */

.container .ql-card-list .ql-card .ql-card-main {
	margin-top:unset;
	height: inherit;
}