/*------------------- Mixin -------------------*/
/*------------------- Function -------------------*/
/*------------------- Variable-------------------*/
@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --theme-color: #007AFE;
  --theme-color2: #007AFF;
  --theme-color3: #E13B25;
  --title-color: #091F35;
  --body-color: #8A8C91;
  --smoke-color: rgba(0, 122, 255, 0.1);
  --smoke-color2: #0F1D37;
  --smoke-color3: #FDEBD7;
  --black-color: #000000;
  --white-color: #ffffff;
  --light-color: #6B778F;
  --gray-color: #DEE8FF;
  --yellow-color: #FFB539;
  --success-color: #28a745;
  --error-color: #dc3545;
  --ot-border-color: #EEEEEE;
  --title-font: "Inter Tight", sans-serif;
  --body-font: "Inter Tight", sans-serif;
  --icon-font: "Font Awesome 6 Pro";
  --main-container: 1120px;
  --container-gutters: 24px;
  --section-space: 120px;
  --section-space-mobile: 70px;
  --section-title-space: 60px;
  --ripple-ani-duration: 5s;
}

/*------------------- Variable-------------------*/
html,
body {
  scroll-behavior: auto !important;
  padding: 0;
  margin: 0;
}

* {
  box-sizing: border-box;
}

html::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

html::-webkit-scrollbar {
  width: 10px;
  background-color: #fff;
}

html::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--theme-color2);
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

/* Medium devices */
@media (max-width: 991px) {
  html {
    margin: 0 !important;
  }
}
body {
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 400;
  color: var(--body-color);
  line-height: 24px;
  overflow-x: hidden;
  background-color: #fff;
  position: relative;
  z-index: 2;
}
body.admin-bar {
  /* Medium devices */
}
@media (max-width: 991px) {
  body.admin-bar {
    padding-top: 46px;
  }
}

iframe {
  border: none;
  width: 100%;
}

.slick-slide:focus,
button:focus,
a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active {
  outline: none;
}

input:focus {
  outline: none;
  box-shadow: none;
}

img:not([draggable]),
embed,
object,
video {
  max-width: 100%;
  height: auto;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid var(--ot-border-color);
}

th {
  font-weight: 700;
  color: var(--title-color);
  font-family: var(--title-font);
}

td,
th {
  border: 1px solid var(--ot-border-color);
  padding: 9px 12px;
}

a {
  color: var(--theme-color);
  text-decoration: none;
  outline: 0;
  transition: all ease 0.4s;
}
a:hover {
  color: var(--title-color);
}
a:active, a:focus, a:hover, a:visited {
  text-decoration: none;
  outline: 0;
}

.fa, .fa-brands, .fa-duotone, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fat {
  line-height: inherit;
}

button {
  cursor: pointer;
  transition: all ease 0.4s;
}

img {
  border: none;
  max-width: 100%;
}

ins {
  text-decoration: none;
}

pre {
  font-family: var(--body-font);
  background: #f5f5f5;
  color: #666;
  font-size: 14px;
  margin: 20px 0;
  overflow: auto;
  padding: 20px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

span.ajax-loader:empty,
p:empty {
  display: none;
}

p {
  font-family: var(--body-font);
  margin: 0 0 18px 0;
  color: var(--body-color);
  line-height: 1.5;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
span a {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
  font-family: var(--title-font);
  color: var(--title-color);
  text-transform: none;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 15px 0;
}

.h1,
h1 {
  font-size: 56px;
  line-height: 1.2;
}

.h2,
h2 {
  font-size: 48px;
  line-height: 1.3;
}

.h3,
h3 {
  font-size: 36px;
  line-height: 1.278;
}

.h4,
h4 {
  font-size: 28px;
  line-height: 1.333;
}

.h5,
h5 {
  font-size: 24px;
  line-height: 1.417;
}

.h6,
h6 {
  font-size: 20px;
  line-height: 1.5;
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .h1,
  h1 {
    font-size: 50px;
  }
  .h2,
  h2 {
    font-size: 44px;
  }
}
/* Large devices */
@media (max-width: 1199px) {
  .h1,
  h1 {
    font-size: 46px;
    line-height: 1.3;
  }
  .h2,
  h2 {
    font-size: 40px;
    line-height: 1.3;
  }
  .h3,
  h3 {
    font-size: 30px;
    line-height: 1.333;
  }
  .h4,
  h4 {
    font-size: 24px;
  }
  .h5,
  h5 {
    font-size: 20px;
  }
  .h6,
  h6 {
    font-size: 16px;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  h2,
  .h2 {
    font-size: 40px;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .h1,
  h1 {
    font-size: 40px;
  }
  .h2,
  h2 {
    font-size: 34px;
    line-height: 1.3;
  }
  .h3,
  h3 {
    font-size: 26px;
  }
  .h4,
  h4 {
    font-size: 22px;
  }
  .h5,
  h5 {
    font-size: 18px;
  }
  .h6,
  h6 {
    font-size: 16px;
  }
}
/* Extra small devices */
@media (max-width: 575px) {
  .h1,
  h1 {
    font-size: 36px;
    line-height: 1.35;
  }
}
/* Extra small devices */
@media (max-width: 375px) {
  .h1,
  h1 {
    font-size: 32px;
  }
}
@media (max-width: 340px) {
  .h1,
  h1 {
    font-size: 28px;
  }
}
/*=================================
    Reset
==================================*/
/*------------------- Container -------------------*/
.container {
  --bs-gutter-x: 24px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1300px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: calc(var(--main-container) + var(--container-gutters));
    padding-left: calc(var(--container-gutters) / 2);
    padding-right: calc(var(--container-gutters) / 2);
  }
  .container-xxl.px-0,
  .container-xl.px-0,
  .container-lg.px-0,
  .container-md.px-0,
  .container-sm.px-0,
  .container.px-0 {
    max-width: var(--main-container);
  }
  .row:not([class*=gx-]) {
    --bs-gutter-x: 24px;
  }
}
.row {
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}
.row > * {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}

@media (min-width: 992px) {
  .col-lg-6 {
    width: calc(50% - 12px);
  }
}
@media (min-width: 992px) {
  .col-xl-5, .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
@media (min-width: 1200px) {
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
}
.col-auto {
  width: auto;
  max-width: auto;
}

.col-auto, .row-cols-6 > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

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

.justify-content-between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.text-body {
  color: var(--body-color);
}

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

.mb-4 {
  margin-bottom: 24px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-40 {
  margin-bottom: 40px;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

@media (min-width: 768px) {
  .d-md-block {
    display: block;
  }
  .d-md-none {
    display: none;
  }
}
/*------------------- Grid -------------------*/
.slick-track > [class*=col] {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}

.gy-30 {
  --bs-gutter-y: 30px;
}

.gy-40 {
  --bs-gutter-y: 40px;
}

.gy-50 {
  --bs-gutter-y: 50px;
}

.gx-6 {
  --bs-gutter-x: 6px;
}

.gx-12 {
  --bs-gutter-x: 12px;
}

.gx-20 {
  --bs-gutter-x: 20px;
}

.gx-50 {
  --bs-gutter-x: 50px;
  /* Large devices */
}
@media (max-width: 1199px) {
  .gx-50 {
    --bs-gutter-x: 24px;
  }
}

@media (min-width: 1299px) {
  .gx-60 {
    --bs-gutter-x: 60px;
  }
}
@media (min-width: 1399px) {
  .gx-30 {
    --bs-gutter-x: 30px;
  }
  .gx-25 {
    --bs-gutter-x: 25px;
  }
  .gx-40 {
    --bs-gutter-x: 40px;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .gy-50 {
    --bs-gutter-y: 40px;
  }
}
/*------------------- Input -------------------*/
.checkout-area select,
.checkout-area .form-control,
.checkout-area .form-select,
.checkout-area textarea,
.checkout-area input:not([type=submit]) {
  height: 64px;
  padding: 0 20px;
  border: 1px solid var(--ot-border-color);
  color: var(--body-color);
  background-color: var(--white-color);
  border-radius: 12px;
  font-size: 16px;
  width: 100%;
  font-family: var(--body-font);
  transition: 0.3s ease-in-out;
  position: relative;
  z-index: 2;
}
.checkout-area select:focus,
.checkout-area .form-control:focus,
.checkout-area .form-select:focus,
.checkout-area textarea:focus,
.checkout-area input:not([type=submit]):focus {
  color: var(--body-color);
  outline: 0;
  box-shadow: none;
  border-color: var(--theme-color);
}
.checkout-area select::-moz-placeholder,
.checkout-area .form-control::-moz-placeholder,
.checkout-area .form-select::-moz-placeholder,
.checkout-area textarea::-moz-placeholder,
.checkout-area input:not([type=submit])::-moz-placeholder {
  color: var(--light-color);
}
.checkout-area select::-webkit-input-placeholder,
.checkout-area .form-control::-webkit-input-placeholder,
.checkout-area .form-select::-webkit-input-placeholder,
.checkout-area textarea::-webkit-input-placeholder,
.checkout-area input:not([type=submit])::-webkit-input-placeholder {
  color: var(--light-color);
}
.checkout-area select:-ms-input-placeholder,
.checkout-area .form-control:-ms-input-placeholder,
.checkout-area .form-select:-ms-input-placeholder,
.checkout-area textarea:-ms-input-placeholder,
.checkout-area input:not([type=submit]):-ms-input-placeholder {
  color: var(--light-color);
}
.checkout-area select::placeholder,
.checkout-area .form-control::placeholder,
.checkout-area .form-select::placeholder,
.checkout-area textarea::placeholder,
.checkout-area input:not([type=submit])::placeholder {
  color: var(--light-color);
}
.checkout-area .form-select,
.checkout-area select {
  display: block;
  width: 100%;
  line-height: 1.5;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.checkout-area textarea.form-control,
.checkout-area textarea {
  min-height: 160px;
  padding-top: 16px;
  padding-bottom: 17px;
  border-radius: 12px;
}
.checkout-area .form-group {
  margin-bottom: var(--bs-gutter-x);
  position: relative;
}
.checkout-area option:checked, .checkout-area option:focus, .checkout-area option:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}
.checkout-area input::-webkit-outer-spin-button,
.checkout-area input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.checkout-area {
  /* Firefox */
}
.checkout-area input[type=number] {
  -moz-appearance: textfield;
}
.checkout-area input[type=checkbox] {
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  display: none;
}
.checkout-area input[type=checkbox]:checked ~ label:before {
  content: "";
  color: var(--white-color);
  background-image: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" preserveAspectRatio="none"  fill-rule="evenodd" clip-rule="evenodd" xmlns="http://www.w3.org/2000/svg"><path d="M11.2097 0.140053C11.4235 0.33248 11.4408 0.661797 11.2484 0.875605L5.87504 6.84597C5.19828 7.59793 4.05253 7.69165 3.26256 7.05968L0.813655 5.10055C0.589039 4.92086 0.552622 4.59311 0.732314 4.36849C0.912007 4.14387 1.23976 4.10746 1.46438 4.28715L3.91328 6.24627C4.27236 6.53354 4.79316 6.49093 5.10077 6.14914L10.4741 0.178766C10.6665 -0.035041 10.9959 -0.0523735 11.2097 0.140053Z" fill="%23ffffff"/></svg>');
  background-color: var(--theme-color);
  background-repeat: no-repeat;
  background-position: center center;
  border-color: var(--theme-color);
  line-height: 2.5;
}
.checkout-area input[type=checkbox] ~ label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  display: block;
}
.checkout-area input[type=checkbox] ~ label:before {
  content: "";
  font-family: var(--icon-font);
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 3.5px;
  background-color: var(--white-color);
  border: 1px solid var(--ot-border-color);
  height: 18px;
  width: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
}
.checkout-area input[type=radio] {
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  display: none;
}
.checkout-area input[type=radio] ~ label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  line-height: 1;
  display: inline-block;
  font-weight: 500;
  margin-bottom: 0;
}
.checkout-area input[type=radio] ~ label::before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 20px;
  height: 20px;
  padding-left: 0;
  font-size: 0.6em;
  line-height: 19px;
  text-align: center;
  border: 1px solid var(--title-color);
  border-radius: 100%;
  font-weight: 700;
  background: transparent;
  color: transparent;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.checkout-area input[type=radio]:checked ~ label::before {
  content: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" preserveAspectRatio="none"  fill-rule="evenodd" clip-rule="evenodd" xmlns="http://www.w3.org/2000/svg"><path d="M11.2097 0.140053C11.4235 0.33248 11.4408 0.661797 11.2484 0.875605L5.87504 6.84597C5.19828 7.59793 4.05253 7.69165 3.26256 7.05968L0.813655 5.10055C0.589039 4.92086 0.552622 4.59311 0.732314 4.36849C0.912007 4.14387 1.23976 4.10746 1.46438 4.28715L3.91328 6.24627C4.27236 6.53354 4.79316 6.49093 5.10077 6.14914L10.4741 0.178766C10.6665 -0.035041 10.9959 -0.0523735 11.2097 0.140053Z" fill="%23ffffff"/></svg>');
  border-color: var(--theme-color2);
  background-color: var(--theme-color2);
  color: var(--white-color);
  line-height: 2.5;
}
.checkout-area label {
  margin-bottom: 12px;
  display: block;
  color: var(--title-color);
  font-family: var(--body-font);
  font-size: 18px;
  font-weight: 400;
}
.checkout-area textarea.is-invalid,
.checkout-area select.is-invalid,
.checkout-area input.is-invalid,
.checkout-area .was-validated input:invalid {
  border: 1px solid var(--error-color) !important;
  background-position: right calc(0.375em + 0.8875rem) center;
  background-image: none;
}
.checkout-area textarea.is-invalid:focus,
.checkout-area select.is-invalid:focus,
.checkout-area input.is-invalid:focus,
.checkout-area .was-validated input:invalid:focus {
  outline: 0;
  box-shadow: none;
}
.checkout-area textarea.is-invalid {
  background-position: top calc(0.375em + 0.5875rem) right calc(0.375em + 0.8875rem);
}
.checkout-area .row.no-gutters > .form-group {
  margin-bottom: 0;
}
.checkout-area .form-messages {
  display: none;
}
.checkout-area .form-messages.mb-0 * {
  margin-bottom: 0;
}
.checkout-area .form-messages.success {
  color: var(--success-color);
  display: block;
}
.checkout-area .form-messages.error {
  color: var(--error-color);
  display: block;
}
.checkout-area .form-messages pre {
  padding: 0;
  background-color: transparent;
  color: inherit;
}

/*------------------- header -------------------*/
.ot-btn {
  display: inline-block;
  padding: 10px 24px;
  color: var(--title-color);
  border: 1px solid;
  border-radius: 99px;
  font-size: 16px;
  font-weight: 600;
}
.ot-btn:hover {
  color: var(--theme-color);
}

.ot-header {
  overflow: visible;
}
.ot-header .header-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 46px;
}
.ot-header .header-back-home {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 12px 16px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--title-color);
  border-color: var(--title-color);
  white-space: nowrap;
  z-index: 2;
}
.ot-header .header-back-home:hover {
  color: var(--theme-color);
  border-color: var(--theme-color);
}
.ot-header .header-logo {
  line-height: 1px;
  text-align: center;
}
.ot-header .header-logo img {
  max-height: 25px;
  width: auto;
}
.ot-header .header-top {
  text-align: center;
  padding: 9px 0;
  background-color: var(--theme-color);
}
.ot-header .header-notice {
  margin: 0;
  color: var(--white-color);
  font-weight: 500;
}
.ot-header .header-notice svg {
  vertical-align: text-top;
  margin: 0 5px;
}
.ot-header .menu-area {
  padding: 32px 0;
}
.ot-header .logo-mobile {
  display: none;
}
.ot-header {
  /* Medium devices */
}
@media (max-width: 991px) {
  .ot-header .header-back-home {
    font-size: 14px;
    padding: 10px 14px;
  }
}
.ot-header {
  /* Extra small devices */
}
@media (max-width: 575px) {
  .ot-header .menu-area {
    padding: 16px 0;
  }
  .ot-header .header-bar {
    justify-content: flex-start;
    min-height: auto;
    gap: 12px;
  }
  .ot-header .header-back-home {
    position: static;
    transform: none;
    order: 2;
    margin-left: auto;
    font-size: 13px;
    padding: 8px 12px;
  }
  .ot-header .header-logo {
    padding: 0;
    text-align: left;
    border-bottom: none;
  }
  .ot-header .logo-mobile {
    display: inline-block;
  }
  .ot-header .logo {
    display: none;
  }
}

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

/*------------------- footer -------------------*/
.cta-box {
  text-align: center;
  background-color: var(--white-color);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
  padding: 70px 20px 100px 20px;
  position: relative;
  z-index: 2;
  border-radius: 24px;
  margin-bottom: 50px;
}
.cta-box .icon-1,
.cta-box .icon-2 {
  position: absolute;
  bottom: 50px;
  z-index: -1;
}
.cta-box .icon-1 {
  left: 50px;
}
.cta-box .icon-2 {
  right: 50px;
}
.cta-box .cta-title {
  max-width: 830px;
  margin: 0 auto;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.cta-box {
  /* Large devices */
}
@media (max-width: 1199px) {
  .cta-box .icon-1 {
    left: 20px;
  }
  .cta-box .icon-2 {
    right: 20px;
  }
  .cta-box .cta-title {
    max-width: 740px;
    font-size: 32px;
  }
}
.cta-box {
  /* Medium devices */
}
@media (max-width: 991px) {
  .cta-box {
    padding: 40px 20px 70px 20px;
  }
  .cta-box .icon-1,
  .cta-box .icon-2 {
    bottom: 20px;
  }
  .cta-box .cta-title {
    max-width: 425px;
    font-size: 24px;
  }
  .cta-box .cta-title svg {
    max-width: 24px;
    vertical-align: text-bottom;
  }
}
.cta-box {
  /* Small devices */
}
@media (max-width: 767px) {
  .cta-box .icon-1,
  .cta-box .icon-2 {
    max-width: 90px;
  }
}
.cta-box {
  /* Extra small devices */
}
@media (max-width: 575px) {
  .cta-box {
    padding: 40px 20px 60px 20px;
  }
  .cta-box .icon-1,
  .cta-box .icon-2 {
    max-width: 65px;
    bottom: 15px;
  }
}

.footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
}
.footer-links li {
  display: inline-block;
  margin-right: 0;
}
.footer-links a {
  color: #939DAA;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.footer-links a:hover {
  color: var(--theme-color);
}

.checkout-cta {
  background-image: url("../img/cta_bg_logo.svg");
  background-size: contain;
  background-position: center right;
  background-repeat: no-repeat;
  padding: 40px !important;
}
.checkout-cta .cta-text {
  font-size: 18px;
  font-weight: 400;
  color: var(--title-color);
  max-width: 414px;
  margin: 0;
}
.checkout-cta .cta-text b {
  color: var(--theme-color);
  font-weight: 500;
}
.checkout-cta .cta-text.mw-270 {
  max-width: 270px;
}
.checkout-cta {
  /* Extra small devices */
}
@media (max-width: 575px) {
  .checkout-cta {
    background-size: contain;
    background-position: top -5px right 80px;
    padding: 30px !important;
    padding-top: 60px !important;
    text-align: center;
  }
}

.ot-footer {
  --main-container: 1680px;
  background-color: #000A16;
  padding: 64px 0;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.ot-footer .footer-wave {
  position: absolute;
  left: 0;
  top: -40%;
  width: 120%;
  pointer-events: none;
  z-index: 0;
  opacity: 0.9;
}
.ot-footer .footer-wave img {
  width: 100%;
  height: auto;
  display: block;
}
.ot-footer .container {
  position: relative;
  z-index: 1;
}
.ot-footer .footer-logo {
  margin-bottom: 24px;
}
.ot-footer .footer-logo img {
  max-height: 60px;
  width: auto;
}
.ot-footer .footer-divider {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin: 0 0 24px;
}
.ot-footer .footer-shape {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  pointer-events: none;
}
.ot-footer .footer-shape img {
  width: 100%;
}
.ot-footer .footer-text {
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: var(--white-color);
  margin: 0 0 24px;
}
.ot-footer .footer-text a {
  color: var(--white-color);
  font-weight: 600;
  text-decoration: underline;
}
.ot-footer .footer-text a:hover {
  color: var(--theme-color);
}
.ot-footer .copyright-wrap {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
  flex-wrap: wrap;
}
.ot-footer .copyright-text {
  margin: 0;
  color: var(--white-color);
  opacity: 0.8;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.ot-footer {
  /* Extra large devices */
}
@media (max-width: 1700px) {
  .ot-footer .container {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.ot-footer {
  /* Medium Large devices */
}
@media (max-width: 1299px) {
  .ot-footer .container {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.ot-footer {
  /* Small devices */
}
@media (max-width: 767px) {
  .ot-footer {
    padding: 48px 0;
  }
  .ot-footer .copyright-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}

/*------------------- Checkout -------------------*/
.woocommerce-page .ch-row {
  display: flex;
  gap: 48px;
  align-items: flex-start;
}
.woocommerce-page .ch-row .checkout-col-main {
  flex: 1 1 0;
  min-width: 0;
}
.woocommerce-page .ch-row .checkout-col-aside {
  flex: 0 0 420px;
  width: 420px;
  max-width: 100%;
  position: sticky;
  top: 24px;
}
.woocommerce-page .ch-row {
  /* Large devices */
}
@media (max-width: 1199px) {
  .woocommerce-page .ch-row {
    gap: 24px;
  }
  .woocommerce-page .ch-row .checkout-col-aside {
    flex: 0 0 360px;
    width: 360px;
  }
}
.woocommerce-page .ch-row {
  /* Medium devices */
}
@media (max-width: 991px) {
  .woocommerce-page .ch-row {
    flex-direction: column;
  }
  .woocommerce-page .ch-row .checkout-col-aside {
    flex: 1 1 auto;
    width: 100%;
    position: static;
  }
}

.checkout-form .row {
  flex-wrap: nowrap;
}

.order-review-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: normal;
  color: #091F35;
  margin-bottom: 0;
}

.ch-breadcumb-title {
  font-size: 32px;
  font-weight: 500 !important;
  /* Small devices */
}
@media (max-width: 767px) {
  .ch-breadcumb-title {
    font-size: 24px;
  }
}

.breadcumb-text {
  font-size: 14px;
}

.ch-notice {
  background-color: #EBF4FF;
  border-radius: 12px;
  color: var(--theme-color);
  font-weight: 600;
  text-align: center;
  padding: 12px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ch-notice svg {
  vertical-align: text-top;
  margin: 0;
}
.ch-notice:before {
  content: "";
  height: 32px;
  width: 4px;
  background-color: var(--theme-color);
  border-radius: 99px;
}
.ch-notice .voucher-copy {
  border: none;
  padding: 0;
  background-color: transparent;
  margin-left: 2px;
}
.ch-notice .voucher-copy .copy-check {
  display: none;
  max-width: 14px;
}
.ch-notice {
  /* Extra small devices */
}
@media (max-width: 575px) {
  .ch-notice {
    font-size: 14px;
    flex-wrap: wrap;
    gap: 5px;
    position: relative;
    z-index: 2;
    padding-left: 28px;
  }
  .ch-notice:before {
    height: 40px;
    position: absolute;
    top: 16px;
    left: 15px;
  }
}

.breadcumb-wrapper {
  padding-top: 64px;
}
.breadcumb-wrapper .container {
  max-width: 1304px;
}
.breadcumb-wrapper .title {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 0.9;
  margin: 0;
  color: var(--title-color);
}
.breadcumb-wrapper .title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.breadcumb-wrapper {
  /* Small devices */
}
@media (max-width: 767px) {
  .breadcumb-wrapper {
    padding-top: 24px;
  }
  .breadcumb-wrapper .title {
    font-size: 28px;
  }
  .breadcumb-wrapper .title-wrap {
    margin-bottom: 16px;
  }
}

/* Checkout promo banner (quiz50) */
.promo-section-wrap {
  text-align: center;
  padding: 8px 16px 28px;
}
.promo-section-wrap .small-container {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.promo-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  gap: 12px;
}
.promo-section .promo-h2 {
  margin: 0;
  font-size: clamp(26px, 4vw, 40px);
  font-weight: 700;
  line-height: 1.2;
  color: var(--title-color);
  letter-spacing: -0.02em;
}
.promo-section .highlight-blue {
  color: var(--theme-color);
}
.promo-section .promo-section__subtitle {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--body-color);
  line-height: 1.5;
}
.promo-section .copy-code-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  margin-top: 8px;
}
.promo-section .copy-code-style {
  margin: 0;
  max-width: 520px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--body-color);
}
.promo-section .copy-code-style strong {
  color: var(--title-color);
  font-weight: 700;
}
.promo-section .copy-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  padding: 12px 32px;
  margin: 0;
  border: none;
  border-radius: 999px;
  background-color: var(--theme-color);
  color: var(--white-color);
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: none;
  cursor: pointer;
  transition: background-color 0.2s ease, opacity 0.2s ease;
}
.promo-section .copy-button:hover {
  opacity: 0.92;
  color: var(--white-color);
  background-color: var(--theme-color);
}
.promo-section .copy-button.is-copied {
  background-color: var(--success-color);
}

.wt_coupon_wrapper {
  display: none;
}

.checkout-tab {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 388px;
  margin: 0 auto 32px auto;
  position: relative;
  z-index: 2;
}
.checkout-tab .icon {
  display: block;
  margin-bottom: 18px;
  opacity: 0.5;
}
.checkout-tab path {
  transition: 0.3s ease-in-out;
}
.checkout-tab .dots {
  width: auto;
  filter: brightness(0);
  transition: 0.4s ease-in-out;
}
.checkout-tab .dots.style-active {
  filter: none;
}
.checkout-tab .tab-btn {
  border: none;
  background-color: transparent;
  font-size: 16px;
  font-weight: 600;
  color: var(--body-color);
  padding: 0;
  text-align: center;
  cursor: pointer;
  width: auto;
}
.checkout-tab .tab-btn.active {
  color: var(--title-color);
}
.checkout-tab .tab-btn.active .icon {
  opacity: 1;
}
.checkout-tab .tab-btn.style-active {
  color: #29C376;
}
.checkout-tab .tab-btn.style-active .icon {
  opacity: 1;
}
.checkout-tab .tab-btn.style-active .icon path {
  stroke: #29C376;
}
.checkout-tab .indicator {
  position: absolute;
  top: var(--pos-y);
  left: calc(var(--pos-x) - 32px);
  height: var(--height-set);
  width: calc(var(--width-set) + 64px);
  background-color: var(--smoke-color);
  transition: 0.4s ease-in-out;
  clip-path: polygon(32px 0, calc(100% - 32px) 0, 100% 50%, calc(100% - 32px) 100%, 32px 100%, 0% 50%);
  z-index: -1;
}
.checkout-tab {
  /* Extra small devices */
}
@media (max-width: 575px) {
  .checkout-tab {
    justify-content: center;
    gap: 6px;
  }
  .checkout-tab .number {
    display: none;
  }
}

.ch-tab {
  display: none;
}
.ch-tab.active {
  display: block;
}

.ot-btn.go-back-and-edit {
  white-space: nowrap;
  background: transparent;
  color: #091F35;
  border: 1px solid #EEEEEE;
  min-width: auto;
  padding: 4px 16px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: normal;
  border-radius: 99px;
  transition: 0.3s ease;
}
.ot-btn.go-back-and-edit:hover {
  color: #091F35;
  background: transparent;
  border-color: #EEEEEE;
  opacity: 0.92;
}
.ot-btn.go-back-and-edit.is-open {
  color: var(--white-color);
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.ot-btn.go-back-and-edit.is-open:hover {
  color: var(--white-color);
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  opacity: 0.92;
}

.price-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.price-box .left {
  flex: 300px;
}
.price-box .payment-imgs {
  flex: 390px;
  padding-left: 24px;
  margin-left: 24px;
  border-left: 1px solid var(--ot-border-color);
}
.price-box div {
  max-width: 100%;
}
.price-box .price-total-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 400px;
  margin-bottom: 10px;
}
.price-box .price-total-wrap .title {
  font-size: 20px;
  font-weight: 500;
  color: var(--title-color);
  margin: 0;
}
.price-box .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  gap: 8px;
  color: var(--title-color);
}
.price-box .ot-btn {
  padding: 17px 24px;
  background-color: var(--title-color);
  color: var(--white-color);
  display: block;
  text-align: center;
}
.price-box .ot-btn:hover {
  background-color: var(--theme-color);
}
.price-box .ch-price {
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  color: var(--title-color);
  margin-bottom: 0;
}
.price-box .ch-price del {
  font-size: 0.6em;
  color: var(--body-color);
  font-weight: 500;
}
.price-box .ch-price {
  /* Extra small devices */
}
@media (max-width: 575px) {
  .price-box .ch-price {
    font-size: 44px;
  }
}
.price-box .img {
  line-height: 1px;
  margin-bottom: 0;
  /* Small devices */
}
@media (max-width: 767px) {
  .price-box .img {
    text-align: center;
  }
}
.price-box .box-text {
  font-size: 14px;
  color: var(--title-color);
  font-weight: 500;
  margin-bottom: 0;
}
.price-box .box-text:before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: var(--title-color);
  margin-right: 5px;
}
.price-box .account-name {
  font-size: 14px;
  font-weight: 500;
  color: var(--title-color);
  margin: 0;
  margin-bottom: 10px;
}
.price-box .pay-text {
  font-size: 14px;
  margin-bottom: 15px;
  color: var(--title-color);
}
.price-box .additional-text {
  font-size: 14px;
  font-weight: 500;
  color: var(--title-color);
  margin: 0;
}
.price-box {
  /* Extra small devices */
}
@media (max-width: 575px) {
  .price-box {
    display: block;
  }
  .price-box .payment-imgs {
    padding-left: 0;
    margin-left: 0;
    border-left: none;
    border-top: 1px solid var(--ot-border-color);
    padding-top: 14px;
    margin-top: 14px;
  }
}

.support-box {
  background-image: none;
  text-align: center;
  overflow: hidden;
}
.support-box .info-list {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 12px;
}
.support-box .info-list span {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--title-color);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
.support-box .info-list span img {
  display: block;
  width: 16px;
  height: 16px;
  object-fit: contain;
}
.support-box .info-list span:first-child {
  padding-right: 12px;
  border-right: 1px solid #939DAA;
}
.support-box .box-text {
  font-size: 14px;
  font-weight: 400;
  color: #939DAA;
  margin-bottom: 6px;
  opacity: 0.9;
}
.support-box .support-stars {
  width: 96px;
  height: 18px;
  object-fit: contain;
}

.bundle-product-wrap {
  border-radius: 0;
  padding: 0;
  background-color: transparent;
  display: flex;
  flex-wrap: wrap;
  gap: 24px 8px;
}
.bundle-product {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 0;
  width: calc(50% - 4px);
  padding: 32px 24px;
  background-color: #F2F4F9;
  border-radius: 16px;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  transition: 0.3s ease-in-out;
  border: 1px solid #F2F4F9;
  cursor: pointer;
  text-align: center;
}
.bundle-product .bundle-radio {
  position: absolute;
  left: 11px;
  top: 11px;
  width: 16px;
  height: 16px;
  border-radius: 99px;
  border: 1.5px solid rgba(9, 31, 53, 0.24);
  background: var(--white-color);
}
.bundle-product .bundle-radio::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: inherit;
  background: var(--theme-color);
  opacity: 0;
}
.bundle-product .bundle-pct {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #EBF4FF;
  color: var(--theme-color);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
  padding: 5px 10px;
  border-radius: 98px;
}
.bundle-product .box-label {
  display: inline-block;
  color: var(--white-color);
  background-color: var(--theme-color);
  border-radius: 16px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 3;
}
.bundle-product .box-size {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.bundle-product .box-title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--title-color);
  margin: 0;
  line-height: 0.9;
}
.bundle-product .box-text {
  font-size: 14px;
  font-weight: 400;
  color: #939DAA;
  margin: 4px 0 0;
  line-height: 1.35;
  letter-spacing: -0.01em;
  opacity: 0.9;
}
.bundle-product .titles {
  flex: none;
  text-align: center;
  width: 100%;
}
.bundle-product .box-price {
  text-align: center;
  min-height: 45px;
}
.bundle-product .box-price p {
  font-size: 20px;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.02em;
  color: var(--title-color);
  margin: 0;
}
.bundle-product .box-price .saved {
  color: var(--theme-color);
  margin-top: 4px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.01em;
  opacity: 0.9;
}
.bundle-product .icon {
  display: none;
}
.bundle-product .size {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-wrap: wrap;
}
.bundle-product .size img {
  display: none;
}
.bundle-product .size span {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  background-color: #F2F4F9;
  color: rgba(9, 31, 53, 0.8);
  padding: 4px 8px;
  border-radius: 52px;
  border: 1px solid rgba(9, 31, 53, 0.24);
  line-height: normal;
}
.bundle-product.one-account .size span, .bundle-product.two-accounts .size span, .bundle-product.three-accounts .size span, .bundle-product.four-accounts .size span {
  margin: 0;
  transform: none;
  padding: 4px 8px;
}
.bundle-product.active {
  border-color: var(--theme-color);
  background: linear-gradient(180deg, rgba(0, 122, 254, 0.03) 0%, rgba(0, 122, 254, 0.15) 45%, rgba(0, 122, 254, 0) 100%);
}
.bundle-product.active .bundle-radio {
  border-color: var(--theme-color);
}
.bundle-product.active .bundle-radio::after {
  opacity: 1;
}
.bundle-product {
  /* Small devices */
}
@media (max-width: 767px) {
  .bundle-product {
    width: 100%;
    padding: 28px 16px;
  }
  .bundle-product .box-title {
    font-size: 22px;
  }
}

.woocommerce-billing-fields {
  margin-bottom: -12px;
}

.checkout-form .form-row {
  padding: 0 !important;
  margin-bottom: 0 !important;
}
.checkout-form .form-row input {
  height: 56px;
  padding: 0 20px;
  border-radius: 28px;
  background-color: transparent;
  border: 1px solid var(--ot-border-color);
  color: var(--body-color);
}
.checkout-form .form-row input::placeholder {
  color: var(--body-color);
}
.checkout-form .form-row input:focus {
  color: var(--body-color);
  border-color: var(--theme-color);
  background-color: transparent;
}
.checkout-form .form-row input:focus:placeholder {
  color: var(--body-color);
}
.checkout-form .form-row input:valid {
  color: var(--body-color);
}
.checkout-form .form-row > label {
  display: none !important;
}
.checkout-form .form-row .form-select {
  cursor: pointer;
  color: var(--light-color);
}
.checkout-form .form-row .required {
  color: inherit !important;
  font-weight: inherit !important;
}
.checkout-form .form-row.validate-email {
  margin-bottom: 0 !important;
}
.checkout-form .form-row.place-order {
  margin-bottom: 0 !important;
}
.checkout-form .heading-label {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--title-color);
  padding: 0;
  margin-bottom: 18px !important;
}
.checkout-form .heading-label#billing_details_field {
  margin-top: 20px;
}
.checkout-form .heading-label h3 {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  padding: 0;
  margin: 0;
}
.checkout-form select {
  background-position: right 20px center;
  background-color: var(--white-color);
  border-radius: 28px;
  height: 56px;
}
.checkout-form label {
  font-weight: 400;
  font-size: 16px;
  color: var(--title-color);
  margin-bottom: 10px;
  display: none;
}
.checkout-form .form-check .form-check-input:focus {
  box-shadow: none;
}

.billing-fields-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.billing-fields-wrap > .form-row {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}
.billing-fields-wrap > .form-row.heading-label {
  margin-bottom: 4px !important;
}
@media (min-width: 768px) {
  .billing-fields-wrap > .form-row.form-row-first,
  .billing-fields-wrap > .form-row.form-row-last {
    flex: 1 1 calc(50% - 6px) !important;
    width: calc(50% - 6px) !important;
    max-width: calc(50% - 6px) !important;
  }
}

.select2-container--open .select2-dropdown--below {
  margin-top: -30px;
}

.select2-container--open .select2-dropdown--above {
  margin-top: -12px;
}

.select2-container--default .select2-selection--single {
  background-color: transparent !important;
  border: 1px solid var(--ot-border-color) !important;
  border-radius: 28px !important;
  height: 56px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--title-color) !important;
  line-height: 56px !important;
  padding: 0 20px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 13px;
  top: 21px;
  right: 20px;
}

.account-information {
  border-radius: 20px;
  border: 1px solid #211437;
  background: rgba(38, 26, 60, 0.27);
  padding: 30px;
}
.account-information h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}
.account-information .form-group {
  margin-bottom: 20px;
}
.account-information .form-group .form-control {
  border-radius: 10px;
  background-color: rgba(38, 26, 60, 0.27);
  border-color: rgba(38, 26, 60, 0.27);
  color: var(--white-color);
}
.account-information .form-group .form-control::placeholder {
  color: #A091B7;
}
.account-information .form-group .form-select {
  cursor: pointer;
  color: #A091B7;
  border-color: #650DFB;
}
.account-information .form-check {
  border-radius: 10px;
  border: 1px solid #2E1E48;
  background: rgba(38, 26, 60, 0.27);
  padding: 15px 15px;
}
.account-information .form-check .form-check-input:focus {
  box-shadow: none;
}
.account-information .form-check .form-check-label {
  color: var(--white-color);
}
.account-information .form-check .form-check-label span {
  margin-left: 10px;
}

.evaluation-style {
  border-bottom: 1px solid #2E1E48;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.evaluation-style p {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  color: var(--white-color);
}
.evaluation-style span {
  font-size: 18px;
  font-weight: 500;
}

.evaluation .label {
  font-size: 16px;
  color: var(--white-color);
  margin-bottom: 10px;
}
.evaluation .form-group {
  margin-bottom: 20px;
}
.evaluation .form-group .form-control {
  border-radius: 10px;
  background-color: rgba(38, 26, 60, 0.27);
  border-color: rgba(38, 26, 60, 0.27);
  color: var(--white-color);
}
.evaluation .form-group .form-control::placeholder {
  color: #A091B7;
}
.evaluation .form-group .form-select {
  cursor: pointer;
  color: #A091B7;
  border-color: #650DFB;
}
.evaluation .form-group .main-btn {
  position: absolute;
  top: 50%;
  right: 7px !important;
  transform: translateY(-50%);
  padding: 8.5px 35px;
}

.payment-method .choose-payment {
  border-radius: 10px;
  border: 1px solid #6958E2;
  background: rgba(38, 26, 60, 0.27);
  padding: 30px;
}
.payment-method .choose-payment .payment-number {
  border-radius: 12px;
  border: 1px solid #2E1E48;
  padding: 20px 15px;
}

.trading-img {
  position: relative;
}
.trading-img .circel-img {
  position: absolute;
  top: 9px;
  left: 0;
  right: 0;
  width: 150px;
  margin: auto;
  z-index: -1;
  animation: rotation 50s infinite linear;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.checkout-top-info {
  margin-bottom: 45px;
}

.account-item {
  margin-bottom: 32px;
}
.account-item h3 {
  margin-bottom: 25px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
.account-item .variation-title {
  font-size: 18px !important;
  font-weight: 600 !important;
  margin-bottom: 15px;
  margin-top: -0.35em;
  color: var(--title-color);
}
.account-item .variations-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.account-item .variations-buttons > div {
  text-align: center;
}
.account-item .variations-buttons > div .text {
  font-size: 14px;
  margin: 6px 0 0 0;
}
.account-item button {
  z-index: 1;
  padding: 13px 16px;
  position: relative;
  z-index: 2;
  border-radius: 99px;
  color: #434D5A;
  background-color: transparent;
  transition: 0.4s ease-in-out;
  border: 1px solid #EEEEEE;
  letter-spacing: -0.01em;
  font-size: 16px;
  font-weight: 600;
}
.account-item button img {
  height: 20px;
  width: 20px;
  background-color: var(--white-color);
  border-radius: 4px;
  display: inline-block;
  margin-bottom: -4px;
  margin-left: 4px;
}
.account-item button b {
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  font-weight: 500;
  color: var(--white-color);
  text-align: center;
  line-height: 18px;
  padding: 0 8px;
  background-color: var(--theme-color);
  border-radius: 30px;
  white-space: nowrap;
}
.account-item button:hover, .account-item button.active {
  color: var(--white-color);
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.account-item #account-size button {
  letter-spacing: -0.02em;
}
.account-item:last-child {
  margin-bottom: 0;
}

.btn-disable {
  pointer-events: none;
  opacity: 0.4;
}

.challenge-hidden {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

.account-item.model-family .variations-buttons,
.account-item.model-type .variations-buttons,
.account-item.futures-model-family .variations-buttons,
.account-item.futures-model-type .variations-buttons {
  gap: 10px;
}

.available-info h3 {
  font-size: 20px;
  font-weight: 500;
  color: var(--title-color);
  margin-bottom: 16px;
  letter-spacing: -0.02em;
}
.available-info .addons-item {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
  padding: 16px 20px;
  color: var(--title-color);
  position: relative;
  z-index: 3;
  transition: 0.3s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1.2;
  background: #F2F4F9;
  border: 1px solid #F2F4F9;
  border-radius: 16px;
  box-sizing: border-box;
}
.available-info .addons-item:before {
  display: none;
}
.available-info .addons-item .addons-bullet {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  border-radius: 99px;
  border: 1.5px solid #C5CBD3;
  background: transparent;
  position: relative;
  box-sizing: border-box;
}
.available-info .addons-item .addons-bullet::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: inherit;
  background: var(--theme-color);
  opacity: 0;
}
.available-info .addons-item .addons-copy {
  flex: 1;
  min-width: 0;
  letter-spacing: -0.02em;
}
.available-info .addons-item b {
  font-weight: 400;
  color: #939DAA;
}
.available-info .addons-item .most-popular {
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  color: var(--theme-color);
  text-align: center;
  line-height: 1.2;
  letter-spacing: -0.01em;
  padding: 4px 8px;
  background-color: #EBF4FF;
  border-radius: 98px;
  white-space: nowrap;
  margin-left: 8px;
  transform: none;
}
.available-info .addons-item i {
  position: static;
  top: auto;
  right: auto;
  transform: none;
  margin-left: auto;
  flex-shrink: 0;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  color: #939DAA;
  letter-spacing: -0.01em;
  line-height: 1.35;
  text-transform: none;
  opacity: 0.9;
}
.available-info .addons-item p {
  color: var(--title-color);
  font-size: 14px;
  font-weight: 400;
}
.available-info .addons-item.active {
  border-color: var(--theme-color);
  background: linear-gradient(180deg, rgba(0, 122, 254, 0.03) 0%, rgba(0, 122, 254, 0.15) 45%, rgba(0, 122, 254, 0) 100%);
}
.available-info .addons-item.active .addons-bullet {
  border-color: var(--theme-color);
}
.available-info .addons-item.active .addons-bullet::after {
  opacity: 1;
}
.available-info .addons-item.active i {
  color: var(--title-color);
  font-weight: 600;
  opacity: 1;
}
.available-info .addons-item.d-none {
  display: none !important;
}
.available-info .addons-item.d-block {
  display: flex !important;
}
.available-info .addons-item:last-child {
  margin-bottom: 0;
}

.single-checkout-widget {
  border-radius: 24px;
  padding: 20px;
  position: relative;
  z-index: 2;
  background-color: var(--white-color);
}
.single-checkout-widget.ip-widget {
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px 20px;
  background: linear-gradient(90deg, #F5FDFA 0%, #C7EDF6 100%);
}
.single-checkout-widget.ip-widget:before, .single-checkout-widget.ip-widget:after {
  display: none;
}
.single-checkout-widget.ip-widget {
  /* Extra small devices */
}
@media (max-width: 575px) {
  .single-checkout-widget.ip-widget {
    flex-wrap: wrap;
  }
}
.single-checkout-widget h3 {
  color: var(--title-color);
}
.single-checkout-widget h6 {
  font-size: 18px;
  font-weight: 500;
  color: var(--title-color);
  margin-bottom: 16px;
}
.single-checkout-widget .note {
  margin-bottom: 0;
}
.single-checkout-widget .note b {
  font-weight: 500;
  color: var(--theme-color);
}
.single-checkout-widget .variations-buttons {
  margin-bottom: 0 !important;
  justify-content: flex-start;
}
.single-checkout-widget .ip-location {
  line-height: 21px;
  color: var(--title-color);
  font-size: 14px;
}
.single-checkout-widget .ip-location span {
  color: var(--body-color);
  margin-left: 10px;
}
.single-checkout-widget .ip-location img {
  margin-right: 7px;
  border-radius: 4px;
}
.single-checkout-widget .wrong-location {
  font-size: 14px;
}
.single-checkout-widget .wrong-location a {
  color: var(--theme-color);
}
.single-checkout-widget .wrong-location a:hover {
  color: var(--title-color);
}

.f_checkout_loading .single-checkout-widget#variations-switcher::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 9999;
  opacity: 0.3;
  border-radius: inherit;
  background-color: #000;
}

.product-details-summary .title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.product-details-summary .title-wrap .box-title {
  margin: 0;
}
.product-details-summary .box-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.product-details-summary .product-detail-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  color: #434D5A;
  margin-bottom: 12px;
}
.product-details-summary .product-detail-item:last-child {
  margin-bottom: 0;
}
.product-details-summary .product-detail-item > span:last-child {
  color: var(--theme-color);
  text-align: right;
}
.product-details-summary {
  /* Extra small devices */
}
@media (max-width: 575px) {
  .product-details-summary {
    flex-direction: column;
  }
  .product-details-summary .box-title {
    margin-bottom: 20px;
  }
  .product-details-summary .product-detail-item {
    width: 100%;
  }
}

h3.main-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}

.mb-30 {
  margin-bottom: 30px;
}

.woocommerce-message, .woocommerce-error, .woocommerce-info {
  background-color: #EAFAFA !important;
  color: var(--title-color);
  border-radius: 12px;
  list-style-type: none;
  padding: 20px 24px;
  margin-bottom: 30px;
}
.woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before {
  top: 20px;
}

.woocommerce-form-row.form-row button.button,
.woocommerce-form-row.form-row input.button {
  border: none;
  background: var(--theme-color2);
  padding: 16px 30px;
  border-radius: 12px;
  color: var(--white-color);
  transition: 0.4s ease-in-out;
  white-space: nowrap;
  margin-top: 15px;
}
.woocommerce-form-row.form-row button.button:hover,
.woocommerce-form-row.form-row input.button:hover {
  background: var(--theme-color);
}

div#wc_checkout_add_ons {
  display: none;
}

.vrn-variation-switcher {
  display: none;
}

.extra-padding {
  padding-bottom: 57px !important;
}

#checkout_field h2 {
  font-size: 32px;
  font-weight: normal !important;
  margin-bottom: 25px;
}

.woocommerce-checkout h1, .woocommerce-checkout h2, .woocommerce-checkout h3, .woocommerce-checkout h4, .woocommerce-checkout h5, .woocommerce-checkout h6 {
  font-family: var(--title-font);
}

#customer_information_field h3 {
  font-size: 18px !important;
  font-weight: bold !important;
}

.woocommerce form {
  /* For modern browsers */
}
.woocommerce form input::placeholder {
  color: #A091B7;
}
.woocommerce form {
  /* For Mozilla Firefox */
}
.woocommerce form input:-moz-placeholder {
  color: #A091B7;
  opacity: 1; /* Required to override the default opacity */
}
.woocommerce form {
  /* For Internet Explorer 10-11 */
}
.woocommerce form input:-ms-input-placeholder {
  color: #A091B7;
}
.woocommerce form {
  /* For Microsoft Edge */
}
.woocommerce form input::-ms-input-placeholder {
  color: #A091B7;
}
.woocommerce form {
  /* For Safari, Chrome, and Opera */
}
.woocommerce form input::-webkit-input-placeholder {
  color: #A091B7;
}

p#billing_address_1_field {
  display: none;
}

#billing_details_new_field h3 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 10px;
}

.wc-block-components-notice-banner.is-error {
  background-color: #EAFAFA !important;
  border-color: #cc1818;
  color: #fff;
  margin-bottom: 25px;
}
.wc-block-components-notice-banner.is-success {
  background-color: #EAFAFA !important;
  color: #fff;
  margin-bottom: 25px;
}

body.woocommerce-checkout table.shop_table tfoot {
  position: static !important;
  right: 30px;
  min-width: 100% !important;
}
.woocommerce-checkout table.shop_table {
  border-radius: 0;
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.woocommerce-checkout table.shop_table td {
  border: none;
  padding: 0;
  vertical-align: middle;
}
.woocommerce-checkout table.shop_table dl {
  margin-bottom: 4px;
}
.woocommerce-checkout table.shop_table .product-name {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #091F35;
}
.woocommerce-checkout table.shop_table .product-name .product-quantity {
  display: inline;
}
.woocommerce-checkout table.shop_table .product-name a {
  color: inherit;
}
.woocommerce-checkout table.shop_table .variation {
  gap: 0;
  font-size: 14px;
  margin-top: 4px;
  color: #939DAA;
  letter-spacing: -0.14px;
  line-height: 18px;
}
.woocommerce-checkout table.shop_table ul {
  list-style-type: none;
  margin: 0;
  margin-top: 5px;
  padding: 0;
}
.woocommerce-checkout table.shop_table ul li {
  display: inline-block;
  margin-bottom: 0;
  color: #939DAA;
}
.woocommerce-checkout table.shop_table ul li p {
  margin-bottom: 0;
  display: inline-block;
}
.woocommerce-checkout table.shop_table ul li:after {
  content: "-";
  margin: 0 6px;
  color: inherit;
}
.woocommerce-checkout table.shop_table ul li:last-child:after {
  display: none;
}
.woocommerce-checkout table.shop_table ul .wc-item-meta-label {
  display: none;
}
.woocommerce-checkout table.shop_table dl.variation dd::after {
  margin-left: 2px;
}
.woocommerce-checkout table.shop_table .product-total .woocommerce-Price-amount {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.16px;
  color: #091F35;
}
.woocommerce-checkout table.shop_table th, .woocommerce-checkout table.shop_table td {
  padding: 0 !important;
  color: #939DAA;
  border: none !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  background-color: transparent !important;
}
.woocommerce-checkout table.shop_table th:first-child, .woocommerce-checkout table.shop_table td:first-child {
  text-align: left;
}
.woocommerce-checkout table.shop_table th strong, .woocommerce-checkout table.shop_table td strong {
  font-weight: 600;
}
.woocommerce-checkout table.shop_table th:last-child, .woocommerce-checkout table.shop_table td:last-child {
  text-align: right;
  font-weight: 600;
}
.woocommerce-checkout table.shop_table th .coupon-code, .woocommerce-checkout table.shop_table td .coupon-code {
  color: #007AFE;
  background: #EBF4FF;
  border-radius: 98px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.12px;
  display: inline-block;
  line-height: 16px;
}
.woocommerce-checkout table.shop_table th {
  color: #091F35;
  font-weight: 500 !important;
}
.woocommerce-checkout table.shop_table thead tr,
.woocommerce-checkout table.shop_table tfoot tr {
  position: relative;
  z-index: 2;
}
.woocommerce-checkout table.shop_table thead th, .woocommerce-checkout table.shop_table thead td,
.woocommerce-checkout table.shop_table tfoot th,
.woocommerce-checkout table.shop_table tfoot td {
  padding: 6px 0 !important;
}
.woocommerce-checkout table.shop_table thead th {
  color: #939DAA !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: -0.14px;
}
.woocommerce-checkout table.shop_table tfoot td {
  color: #091F35;
}
.woocommerce-checkout table.shop_table .order-total th,
.woocommerce-checkout table.shop_table .order-total td {
  border-top: 1px solid #EEEEEE !important;
  padding-top: 16px !important;
}
.woocommerce-checkout table.shop_table .order-total .woocommerce-Price-amount {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.24px;
}

h3#ship-to-different-address {
  display: none;
}

.variation {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.variation dt,
.variation dd {
  display: inline;
  margin: 0;
}

.variation dt::after {
  content: ":";
  margin-right: 5px;
}

.variation dd p {
  display: inline;
  margin: 0;
}

.variation dt {
  display: none !important;
}

.woocommerce td.product-name dl.variation dd::after {
  content: " -";
  margin-left: 5px;
}

.woocommerce td.product-name dl.variation dd:last-child::after {
  display: none;
}

.woocommerce-checkout bdi {
  color: inherit;
}

.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table {
  font-weight: normal;
}

.woocommerce-cart #payment, .woocommerce-checkout #payment, #add_payment_method #payment {
  border-radius: 0;
  border: none;
  background: transparent;
  padding: 0 !important;
}

.content-area * {
  font-family: var(--body-font) !important;
}
.content-area {
  position: relative;
  z-index: 2;
}
.content-area .shape1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.content-area .shape2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.content-area {
  /* Medium Large devices */
}
@media (max-width: 1299px) {
  .content-area .shape1,
  .content-area .shape2 {
    max-width: 130px;
    z-index: -1;
  }
}

.checkout-area {
  position: relative;
  z-index: 3;
  padding: 0 0 128px 0;
}
.checkout-area h2, .checkout-area h3, .checkout-area h4, .checkout-area h5, .checkout-area h6 {
  color: var(--title-color);
}
.checkout-area .container {
  max-width: 1304px;
}
.checkout-area .checkout-inner,
.checkout-area .checkout-sidebar {
  background-color: #F2F4F9;
  padding: 12px;
  border-radius: 24px;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(10px);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.checkout-area .mb-2 {
  margin-bottom: 0 !important;
}

.swap-free-widget {
  display: none !important; /* temporarily hidden */
}
.swap-free-widget .main-title {
  margin-bottom: 16px;
}
.swap-free-widget .swap-free-options {
  display: flex;
  gap: 8px;
  width: 100%;
}
.swap-free-widget .swap-free-option {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 20px;
  border-radius: 16px;
  border: 1px solid #F2F4F9;
  background: #F2F4F9;
  cursor: pointer;
  transition: 0.3s ease;
  text-align: left;
}
.swap-free-widget .swap-free-option .swap-label {
  font-size: 16px;
  font-weight: 500;
  color: var(--title-color);
  letter-spacing: -0.02em;
  line-height: 0.9;
}
.swap-free-widget .swap-free-option .swap-divider {
  width: 1px;
  height: 10px;
  border-radius: 16px;
  background: #939DAA;
  flex-shrink: 0;
}
.swap-free-widget .swap-free-option .swap-meta {
  font-size: 14px;
  font-weight: 400;
  color: #939DAA;
  letter-spacing: -0.01em;
  line-height: 1.35;
  opacity: 0.9;
}
.swap-free-widget .swap-free-option.active {
  border-color: var(--theme-color);
  background: linear-gradient(180deg, rgba(0, 122, 254, 0.03) 0%, rgba(0, 122, 254, 0.15) 45%, rgba(0, 122, 254, 0) 100%);
}

.order-summary-card {
  border: 1px solid #EEEEEE;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 16px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.order-summary-card .order-review-title {
  margin-bottom: 0;
}
.order-summary-card table.shop_table {
  margin-top: 0 !important;
  width: 100%;
}
.order-summary-card table.shop_table thead th {
  color: #939DAA !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: -0.14px;
  line-height: 1.2;
  padding-top: 0 !important;
  padding-bottom: 12px !important;
  text-transform: none;
}
.order-summary-card table.shop_table thead th.product-total {
  text-align: right;
  text-transform: capitalize;
}
.order-summary-card table.shop_table tbody .cart_item td {
  padding-top: 0 !important;
  padding-bottom: 12px !important;
  vertical-align: top;
}
.order-summary-card table.shop_table .product-name {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  line-height: 24px;
  color: #091F35;
}
.order-summary-card table.shop_table .product-name .product-name-text {
  display: block;
}
.order-summary-card table.shop_table .product-name .product-quantity {
  display: inline;
  font-weight: 500;
}
.order-summary-card table.shop_table .product-variation-summary {
  margin-top: 4px;
  color: #939DAA;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  line-height: 18px;
}
.order-summary-card table.shop_table .product-total .woocommerce-Price-amount {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 1.2;
  color: #091F35;
  text-transform: capitalize;
}
.order-summary-card table.shop_table tfoot th {
  color: #091F35 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: -0.16px;
  line-height: 1.2;
}
.order-summary-card table.shop_table tfoot td {
  color: #091F35;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 1.2;
  text-align: right;
}
.order-summary-card table.shop_table tfoot tr:not(.order-total) th,
.order-summary-card table.shop_table tfoot tr:not(.order-total) td {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.order-summary-card table.shop_table .cart-discount th {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.order-summary-card table.shop_table .order-total th,
.order-summary-card table.shop_table .order-total td {
  padding-top: 16px !important;
  padding-bottom: 0 !important;
  border-top: 1px solid #EEEEEE !important;
}
.order-summary-card table.shop_table .order-total th {
  font-weight: 500 !important;
  font-size: 16px !important;
}
.order-summary-card table.shop_table .order-total .woocommerce-Price-amount {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 1.2;
}

.checkout-order-widget #payment {
  margin-top: 0;
}

.product-details-summary .product-detail-item .product-detail-label::after {
  content: none;
}

.woocommerce-checkout #payment ul.payment_methods li {
  margin-bottom: 16px;
}
.woocommerce-checkout #payment ul.payment_methods li:last-child {
  margin-bottom: 0;
}

#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
  width: 20px;
  height: 20px;
  transform: translateY(5px);
}

#add_payment_method #payment ul.payment_methods li input:checked,
.woocommerce-cart #payment ul.payment_methods li input:checked,
.woocommerce-checkout #payment ul.payment_methods li input:checked {
  border: 0;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  width: 100%;
  padding: 1em;
  margin: 1em 0;
  font-size: 0.92em;
  border-radius: 7px;
  line-height: 1.5;
  background-color: #EAFAFA !important;
  color: var(--body-color);
}
#add_payment_method #payment div.payment_box p:last-child,
.woocommerce-cart #payment div.payment_box p:last-child,
.woocommerce-checkout #payment div.payment_box p:last-child {
  margin-bottom: 0;
}
#add_payment_method #payment div.payment_box:before,
.woocommerce-cart #payment div.payment_box:before,
.woocommerce-checkout #payment div.payment_box:before {
  content: "";
  display: block;
  border: 12px solid #EAFAFA;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  top: -12px;
  left: 0;
  margin: -12px 0 0 2em;
}

#add_payment_method #payment ul.payment_methods li img,
.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img {
  background: #fff;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
  padding-bottom: 0 !important;
  border-bottom: none !important;
  margin-bottom: 16px !important;
}

.woocommerce-privacy-policy-text {
  display: block;
}
.woocommerce-privacy-policy-text a {
  color: var(--theme-color);
}
.woocommerce-privacy-policy-text a:hover {
  color: var(--body-color);
}

.woocommerce-terms-and-conditions-wrapper .form-row > label {
  display: inline-block !important;
}
.woocommerce-terms-and-conditions-wrapper input[type=checkbox] {
  visibility: visible;
  opacity: 1;
  display: inline-block !important;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.woocommerce form.woocommerce-checkout #payment ul.wc_payment_methods li label {
  color: #091F35;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
}

abbr[data-bs-original-title],
abbr[title] {
  text-decoration: none;
}

.checkout-place-order {
  float: unset !important;
  display: block;
  width: 100%;
  border: 0;
  z-index: 2;
  font-weight: 500 !important;
  box-shadow: unset;
  position: relative;
  padding: 16px 35px !important;
  margin-bottom: 0;
  text-decoration: none;
  color: var(--white-color) !important;
  background: linear-gradient(90deg, #017afd 0%, #0168d6 100%) !important;
  font-size: 16px;
  line-height: 24px;
  text-transform: none !important;
  margin-top: 0 !important;
  border-radius: 96px !important;
  height: 56px;
}
.checkout-place-order:hover {
  background: linear-gradient(90deg, #0168d6 0%, #0157b4 100%) !important;
  opacity: 0.95;
}

.secured-text {
  font-size: 14px;
  color: var(--title-color);
  margin: 0;
  margin-top: 45px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .secured-text {
    margin-top: 25px;
  }
}
.secured-text svg {
  margin: 0 5px 0 0;
  transform: translateY(3px);
}

.mb-3 {
  margin-bottom: 16px;
}

.apply-item .form-group {
  margin-bottom: 0;
  display: flex;
  gap: 12px;
}
.apply-item button {
  min-width: 104px;
  background: var(--theme-color);
  color: var(--white-color);
  border: 1px solid var(--theme-color);
  border-radius: 99px;
}
.apply-item button:hover {
  background-color: transparent;
  border-color: var(--theme-color);
  color: var(--theme-color);
}
.apply-item input#coupon_code {
  border: 1px solid var(--ot-border-color);
  padding: 0 20px;
  border-radius: 30px;
  height: 44px;
  font-size: 14px;
}
.apply-item .icon {
  pointer-events: none;
  position: relative;
  margin-left: -24px;
  transform: translate(-20px, 2px);
  z-index: 3;
  align-self: center;
}

.woocommerce-page.woocommerce-checkout form #order_review td:last-child, .woocommerce-page.woocommerce-checkout form #order_review th:last-child, .woocommerce.woocommerce-checkout form #order_review td:last-child, .woocommerce.woocommerce-checkout form #order_review th:last-child {
  text-align: right;
}

tr:nth-of-type(4) bdi {
  color: inherit;
}

.process-single-item-phase1 {
  background-image: linear-gradient(142.19deg, #0C041C 36.47%, #650DFB 61.58%, #AF59FC 79.63%, #F9F9FF 104.66%);
}

.process-single-item-phase2 {
  background-image: linear-gradient(138.55deg, #0C041C 11.32%, #650DFB 36.6%, #AF59FC 68.26%, #F9F9FF 104.39%);
}

.full-border {
  background-image: linear-gradient(143.72deg, #650DFB 10.72%, #AF59FC 68.25%, #F9F9FF 104.77%);
}

#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {
  vertical-align: middle;
  margin: -2px 0 0 0.5em;
  padding: 0;
  position: relative;
  box-shadow: none;
  width: 30px;
  height: 20px;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  background: transparent;
  border-radius: 0;
  padding-top: 20px;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
  text-align: left;
  padding: 0;
  border-bottom: none;
  margin: 0;
  list-style: none outside;
}

#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
  padding: 0 !important;
}

ul.payment_methods li[class*=payment_method] {
  margin: 0;
  padding: 0 !important;
}

#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {
  margin: 0 0.4em 0 0;
}

#add_payment_method #payment,
#add_payment_method .woocommerce-checkout-payment {
  margin-top: 40px;
}

.woocommerce-checkout-payment {
  margin-top: 0;
}

.woocommerce-checkout-payment {
  background-color: transparent !important;
  border-radius: 0;
}
.woocommerce-checkout-payment .heading-label {
  display: none;
}
.woocommerce-checkout-payment .form-check {
  margin-bottom: 20px !important;
}
.woocommerce-checkout-payment .form-check .form-check-input {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  box-shadow: unset;
  border-radius: 100%;
  background-color: transparent;
  border: 1px solid var(--title-color);
  margin-right: 10px;
  margin-bottom: 0;
  margin-left: 2px;
  cursor: pointer;
  transform: translateY(-1px);
  visibility: visible;
  opacity: 1;
}
.woocommerce-checkout-payment .form-check .form-check-input:focus {
  border-color: var(--title-color);
}
.woocommerce-checkout-payment .form-check .form-check-input:checked {
  background-color: var(--theme-color2);
  border-color: var(--theme-color2);
  background-size: 13px;
}
.woocommerce-checkout-payment .form-check .form-check-input:checked[type=checkbox] {
  background-image: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" preserveAspectRatio="none"  fill-rule="evenodd" clip-rule="evenodd" xmlns="http://www.w3.org/2000/svg"><path d="M11.2097 0.140053C11.4235 0.33248 11.4408 0.661797 11.2484 0.875605L5.87504 6.84597C5.19828 7.59793 4.05253 7.69165 3.26256 7.05968L0.813655 5.10055C0.589039 4.92086 0.552622 4.59311 0.732314 4.36849C0.912007 4.14387 1.23976 4.10746 1.46438 4.28715L3.91328 6.24627C4.27236 6.53354 4.79316 6.49093 5.10077 6.14914L10.4741 0.178766C10.6665 -0.035041 10.9959 -0.0523735 11.2097 0.140053Z" fill="%23ffffff"/></svg>');
}
.woocommerce-checkout-payment .form-check .form-check-label {
  display: inline-block !important;
  color: var(--title-color);
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.woocommerce-checkout-payment .form-check .form-check-label a {
  color: var(--theme-color2);
  text-decoration: none;
}
.woocommerce-checkout-payment .form-check .form-check-label a:hover {
  color: var(--title-color);
}
.woocommerce-checkout-payment .form-check .form-check-label strong {
  font-weight: 500;
  color: var(--title-color);
}
.woocommerce-checkout-payment .Label {
  color: var(--title-color) !important;
}

.woocommerce-thankyou-order-details.order_details {
  padding: 0;
  margin: 0;
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 24px;
  list-style: none;
}
.woocommerce-thankyou-order-details.order_details:after, .woocommerce-thankyou-order-details.order_details:before {
  display: none !important;
}
.woocommerce-thankyou-order-details.order_details {
  /* Medium devices */
}
@media (max-width: 991px) {
  .woocommerce-thankyou-order-details.order_details {
    gap: 12px;
  }
}
.woocommerce-thankyou-order-details.order_details li {
  background-color: #EAFAFA;
  border: none !important;
  border-radius: 12px;
  padding: 24px !important;
  flex: 1;
  color: var(--body-color);
  margin: 0 !important;
}
.woocommerce-thankyou-order-details.order_details li strong {
  color: var(--title-color);
  display: block;
  font-weight: 400;
  margin-top: 8px;
}

.woocommerce-order {
  padding-bottom: 70px;
}
.woocommerce-order .woocommerce-customer-details {
  padding: 30px;
  background-color: #EAFAFA;
  border: none !important;
  border-radius: 24px;
  height: 100%;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .woocommerce-order .woocommerce-customer-details {
    padding: 20px;
  }
}
.woocommerce-order .woocommerce-customer-details .woocommerce-column__title {
  font-size: 24px;
  font-weight: 500;
  color: var(--theme-color2);
  margin-top: -0.2em;
  margin-bottom: 15px;
}
.woocommerce-order .woocommerce-customer-details address {
  font-size: 18px;
  color: var(--body-color);
  line-height: 1.6;
  margin-bottom: 0;
  height: 100%;
  border: none !important;
  padding: 0 !important;
}
.woocommerce-order .woocommerce-customer-details address::first-line {
  color: var(--title-color);
  line-height: 60px;
}
.woocommerce-order .woocommerce-customer-details p {
  padding: 0 20px;
  background-color: transparent;
  margin-bottom: 12px;
  align-self: flex-end;
}
.woocommerce-order .woocommerce-customer-details p:first-of-type {
  margin-top: 35px;
}
.woocommerce-order .woocommerce-customer-details p:last-child {
  margin-bottom: 0;
}
.woocommerce-order .woocommerce-order-details table.shop_table {
  border-radius: 0;
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
  margin-bottom: 0 !important;
  margin: 0 !important;
  width: 100%;
}
.woocommerce-order .woocommerce-order-details table.shop_table thead {
  display: table-row-group;
}
.woocommerce-order .woocommerce-order-details table.shop_table .order_item th,
.woocommerce-order .woocommerce-order-details table.shop_table .order_item td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.woocommerce-order .woocommerce-order-details table.shop_table .product-total {
  vertical-align: text-top;
}
.woocommerce-order .woocommerce-order-details table.shop_table .product-total .woocommerce-Price-amount {
  font-size: 16px;
  color: var(--body-color);
}
.woocommerce-order .woocommerce-order-details .wc-item-meta li {
  display: flex;
  align-items: center !important;
}
.woocommerce-order .woocommerce-order-details .wc-item-meta li:after {
  display: none;
}
.woocommerce-order .woocommerce-order-details .wc-item-meta li .wc-item-meta-label {
  display: inline-block !important;
  font-weight: 500;
}
.woocommerce-order .woocommerce-order-details .woocommerce-order-details__title {
  font-size: 24px;
  font-weight: 600;
  margin-top: -0.2em;
  margin-bottom: 20px;
}
.woocommerce-order .woocommerce-order-details .order-again {
  display: none;
  margin: 20px 0 0 0;
}
.woocommerce-order .woocommerce-order-details .order-again a {
  display: inline-block;
  background-color: var(--theme-color2);
  color: var(--white-color);
  padding: 14px 24px;
  border-radius: 12px;
}
.woocommerce-order .woocommerce-order-details .order-again a:hover {
  background-color: var(--black-color);
}

@media (min-width: 1400px) and (max-width: 1600px) {
  .configuration-area {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .hide-on-mobile {
    display: none;
  }
}
@media only screen and (min-width: 767px) {
  .hide-on-big {
    display: none;
  }
}
.evaluation-program .amount-tag li span::before {
  top: -26px;
}

/* PSP payment method cards (Figma node 1:284) */
.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
#add_payment_method #payment ul.payment_methods {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
  margin: 0 0 16px !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method,
#add_payment_method #payment ul.payment_methods li.wc_payment_method {
  background: #F2F4F9;
  border: 1px solid transparent;
  border-radius: 16px;
  padding: 16px !important;
  margin: 0 !important;
  list-style: none;
  position: relative;
  box-sizing: border-box;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input:checked),
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method:has(input:checked),
#add_payment_method #payment ul.payment_methods li.wc_payment_method:has(input:checked) {
  background: #ffffff;
  border-color: #007AFE;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > input.input-radio,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method > input.input-radio,
#add_payment_method #payment ul.payment_methods li.wc_payment_method > input.input-radio {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transform: none !important;
  background: none !important;
  box-shadow: none !important;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label,
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label.psp-card,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method > label,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method > label.psp-card,
#add_payment_method #payment ul.payment_methods li.wc_payment_method > label,
#add_payment_method #payment ul.payment_methods li.wc_payment_method > label.psp-card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  color: #091F35;
  font-family: var(--title-font);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label::before,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method > label::before,
#add_payment_method #payment ul.payment_methods li.wc_payment_method > label::before {
  display: none !important;
  content: none !important;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method .psp-card__content,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method .psp-card__content,
#add_payment_method #payment ul.payment_methods li.wc_payment_method .psp-card__content {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  min-width: 0;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method .psp-card__title,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method .psp-card__title,
#add_payment_method #payment ul.payment_methods li.wc_payment_method .psp-card__title {
  color: #091F35;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  word-break: break-word;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method .psp-card__supporting,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method .psp-card__supporting,
#add_payment_method #payment ul.payment_methods li.wc_payment_method .psp-card__supporting {
  display: flex;
  align-items: center;
  gap: 4px;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method .psp-card__supporting-text,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method .psp-card__supporting-text,
#add_payment_method #payment ul.payment_methods li.wc_payment_method .psp-card__supporting-text {
  color: #939DAA;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  line-height: normal;
  white-space: nowrap;
}
/* Hide default gateway icons (Paytiko plugin icon.png) */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label > img,
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label:not(.psp-card) img,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method > label > img,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method > label:not(.psp-card) img,
#add_payment_method #payment ul.payment_methods li.wc_payment_method > label > img,
#add_payment_method #payment ul.payment_methods li.wc_payment_method > label:not(.psp-card) img,
.woocommerce-checkout #payment .payment_method_paytiko_gateway label img[src*="paytiko"],
.woocommerce-checkout #payment .payment_method_paytiko_gateway label img[src*="icon.png"] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
}
/* Only show logos from our custom supporting line */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method .psp-card__logo,
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method .psp-card__supporting img,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method .psp-card__logo,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method .psp-card__supporting img,
#add_payment_method #payment ul.payment_methods li.wc_payment_method .psp-card__logo,
#add_payment_method #payment ul.payment_methods li.wc_payment_method .psp-card__supporting img {
  display: block !important;
  visibility: visible !important;
  height: 14px !important;
  width: auto !important;
  max-width: 80px;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  vertical-align: middle;
  object-fit: contain;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method .psp-card__radio,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method .psp-card__radio,
#add_payment_method #payment ul.payment_methods li.wc_payment_method .psp-card__radio {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1.5px solid #C5CBD3;
  background: transparent;
  box-sizing: border-box;
  position: relative;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input:checked) .psp-card__radio,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method:has(input:checked) .psp-card__radio,
#add_payment_method #payment ul.payment_methods li.wc_payment_method:has(input:checked) .psp-card__radio {
  border: none;
  background: #007AFE;
  box-shadow: inset 0 0 0 0.5px rgba(255, 255, 255, 0.18);
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input:checked) .psp-card__radio::after,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method:has(input:checked) .psp-card__radio::after,
#add_payment_method #payment ul.payment_methods li.wc_payment_method:has(input:checked) .psp-card__radio::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #F2F4F9;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label:not(.psp-card),
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method > label:not(.psp-card),
#add_payment_method #payment ul.payment_methods li.wc_payment_method > label:not(.psp-card) {
  position: relative;
  padding-right: 36px;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label:not(.psp-card)::after,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method > label:not(.psp-card)::after,
#add_payment_method #payment ul.payment_methods li.wc_payment_method > label:not(.psp-card)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1.5px solid #C5CBD3;
  box-sizing: border-box;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input:checked) > label:not(.psp-card)::after,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method:has(input:checked) > label:not(.psp-card)::after,
#add_payment_method #payment ul.payment_methods li.wc_payment_method:has(input:checked) > label:not(.psp-card)::after {
  border: none;
  background: #007AFE;
  box-shadow: inset 0 0 0 0.5px rgba(255, 255, 255, 0.18);
  background-image: radial-gradient(circle, #F2F4F9 0 6px, transparent 6.5px);
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method .payment_box,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method .payment_box,
#add_payment_method #payment ul.payment_methods li.wc_payment_method .payment_box {
  margin: 12px 0 0;
  padding: 0;
  background: transparent !important;
  color: #939DAA;
  font-size: 14px;
  line-height: 1.4;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method .payment_box::before,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method .payment_box::before,
#add_payment_method #payment ul.payment_methods li.wc_payment_method .payment_box::before {
  display: none !important;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method .payment_box p,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method .payment_box p,
#add_payment_method #payment ul.payment_methods li.wc_payment_method .payment_box p {
  margin: 0;
}

.woocommerce-checkout #payment .payment_method_paytiko_gateway .payment_box,
.woocommerce-checkout #payment .payment_method_paysagi .payment_box,
.woocommerce-checkout #payment .payment_method_confirmo .payment_box {
  display: none !important;
}

/* Force-hide native radio chrome + plugin icons on PSP cards */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > input[type="radio"],
.woocommerce-checkout #payment .payment_method_paytiko_gateway input[type="radio"],
.woocommerce-checkout #payment .payment_method_paysagi input[type="radio"],
.woocommerce-checkout #payment .payment_method_confirmo input[type="radio"] {
  display: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.woocommerce-checkout #payment .payment_method_paytiko_gateway > label:not(.psp-card) > img,
.woocommerce-checkout #payment .payment_method_paysagi > label:not(.psp-card) > img,
.woocommerce-checkout #payment .payment_method_confirmo > label:not(.psp-card) > img {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  position: absolute !important;
  left: -9999px !important;
}

.woocommerce-privacy-policy-text {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.02em;
  text-align: center;
  margin: 12px 0 8px;
}

.place-order {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.place-order .checkout-place-order {
  order: -1;
}

.ot-header .container,
.checkout-area .container,
.breadcumb-wrapper .container {
  max-width: 1304px;
  padding-left: 80px;
  padding-right: 80px;
}
@media (max-width: 1199px) {
  .ot-header .container,
  .checkout-area .container,
  .breadcumb-wrapper .container {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 575px) {
  .ot-header .container,
  .checkout-area .container,
  .breadcumb-wrapper .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.checkout-bundles-widget .main-title {
  margin-bottom: 16px;
}

.ch-notice .voucher-copy img.copy-sign {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}

/*------------------- Thank you -------------------*/
.breadcumb-content {
  text-align: center;
}
.breadcumb-content .ch-breadcumb-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-left: auto;
  margin-right: auto;
}
.breadcumb-content .check-icon {
  margin-bottom: 5px;
}
.breadcumb-content .breadcumb-text {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  /* Small devices */
}
@media (max-width: 767px) {
  .breadcumb-content .breadcumb-text br {
    display: none;
  }
}

.thank-info-box {
  text-align: center;
}
.woocommerce-order .thank-column {
  background-color: #F2F4F9;
  padding: 12px;
  border-radius: 24px;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(10px);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.woocommerce-order .thank-column .single-checkout-widget {
  margin-bottom: 0;
}
.woocommerce-order .checkout-cta {
  background-color: var(--white-color);
  border-radius: 24px;
  padding: 20px;
}
.thank-info-box .box-title {
  font-size: 16px;
  font-weight: 500;
  margin: 4px auto 24px auto;
  max-width: 380px;
  line-height: 1.4;
}
.thank-info-box .box-text {
  font-size: 24px;
  font-weight: 600;
  color: var(--title-color);
  margin-bottom: 24px;
  /* Small devices */
}
@media (max-width: 767px) {
  .thank-info-box .box-text {
    font-size: 20px;
  }
}
.thank-info-box .voucher-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--ot-border-color);
  border-radius: 30px;
  background-color: #F8FAFC;
  padding: 8px 8px 8px 20px;
  margin: 0 auto 16px;
  max-width: 420px;
  text-align: left;
}
.thank-info-box .voucher-wrapper .voucher-code {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
  margin: 0;
}
.thank-info-box .voucher-wrapper .voucher-label {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--body-color);
}
.thank-info-box .voucher-wrapper .voucher-text {
  display: block;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--title-color);
  word-break: break-all;
}
.thank-info-box .voucher-wrapper .ot-btn {
  flex-shrink: 0;
  min-width: 88px;
  background-color: var(--theme-color);
  color: var(--white-color);
  border: 1px solid var(--theme-color);
  border-radius: 28px;
  padding: 10px 18px;
  font-weight: 500;
}
.thank-info-box .voucher-wrapper .ot-btn:hover {
  background-color: transparent;
  color: var(--theme-color);
}
.thank-info-box .voucher-wrapper {
  /* Extra small devices */
}
@media (max-width: 375px) {
  .thank-info-box .voucher-wrapper {
    flex-wrap: wrap;
  }
  .thank-info-box .voucher-wrapper .ot-btn {
    width: 100%;
  }
}
.thank-info-box .unlock-btn {
  width: 100%;
  max-width: 420px;
  background-color: var(--title-color);
  color: var(--white-color);
  border: none;
  padding: 18px 24px;
  font-weight: 500;
}
.thank-info-box .unlock-btn:hover {
  background-color: var(--theme-color);
}
.thank-info-box .thank-timer {
  font-size: 48px;
  font-weight: 600;
  color: var(--title-color);
}

.telegram-info {
  background-color: #EBF4FF;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-radius: 24px;
}
.telegram-info .box-text {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
  margin: 0;
  color: var(--theme-color);
  max-width: 210px;
  /* Small devices */
}
@media (max-width: 767px) {
  .telegram-info .box-text {
    font-size: 16px;
  }
}
.telegram-info .box-icon img {
  min-width: 36px;
}
.telegram-info .ot-btn {
  margin-left: auto;
  background-color: var(--theme-color);
  color: var(--white-color);
  border-color: var(--theme-color);
}

.order-info-table .box-title {
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 600;
}
.order-info-table table {
  margin: 0;
  padding: 0;
}
.order-info-table table th, .order-info-table table td {
  font-size: 18px;
  font-weight: 600;
  color: var(--title-color);
  padding: 10px 0;
  text-align: left;
}
.order-info-table table th:last-child, .order-info-table table td:last-child {
  text-align: right;
}
.order-info-table table th, .order-info-table table td {
  /* Small devices */
}
@media (max-width: 767px) {
  .order-info-table table th, .order-info-table table td {
    font-size: 16px;
  }
}
.order-info-table .table .tr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 15px;
  background: #F5F7FD;
  border-radius: 10px;
  margin-bottom: 16px;
}
.order-info-table .table .tr:last-child {
  margin-bottom: 0;
}
.order-info-table .table .td {
  color: var(--title-color);
}

.thank-dashboard-btn {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 20px;
  padding: 16px 24px;
  background-color: var(--theme-color);
  color: var(--white-color);
  border: 1px solid var(--theme-color);
  border-radius: 99px;
  font-weight: 600;
}
.thank-dashboard-btn:hover {
  background-color: transparent;
  color: var(--theme-color);
}

.pt-40 {
  padding-top: 40px;
}

.pt-35 {
  padding-top: 35px;
}

.my-4 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.mt-4 {
  margin-top: 24px;
}

.text-theme {
  color: var(--theme-color);
}

.text-theme2 {
  color: var(--theme-color2);
}

/*# sourceMappingURL=proplab-checkout.css.map */
