/*------------------- Mixin -------------------*/
/*------------------- Function -------------------*/
/*------------------- Fonts -------------------*/
/*------------------- Variable-------------------*/
:root {
  --theme-color: #C6EA5D;
  --theme-color2: #35a06f;
  --theme-color3: #9136F4;
  --title-color: #F5F9F2;
  --body-color: #E4E8E1;
  --smoke-color: #222222;
  --smoke-color2: #0E0E0E;
  --smoke-color3: #222222;
  --black-color: #212121;
  --white-color: #ffffff;
  --light-color: #999999;
  --gray-color: #DEE8FF;
  --yellow-color: #FFB539;
  --success-color: #28a745;
  --error-color: #dc3545;
  --ot-border-color: #212121;
  --title-font: "Plus Jakarta Sans", sans-serif;
  --body-font: "Plus Jakarta Sans", sans-serif;
  --main-container: 1200px;
  --container-gutters: 30px;
  --section-space: 100px;
  --section-space-mobile: 70px;
  --section-title-space: 60px;
  --ripple-ani-duration: 5s;
}

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

* {
  -webkit-box-sizing: border-box;
          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: var(--smoke-color);
}

html::-webkit-scrollbar {
  width: 10px;
  background-color: var(--smoke-color);
}

html::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.1);
}

body {
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 400;
  color: var(--body-color);
  line-height: 24px;
  overflow-x: hidden;
  background-color: #000;
  position: relative;
  z-index: 2;
}

html {
  /* Small devices */
}
@media (max-width: 767px) {
  html {
    margin: 0 !important;
  }
  html 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;
  -webkit-box-shadow: 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;
  -webkit-transition: all ease 0.4s;
  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 {
  font-family: var(--body-font);
  cursor: pointer;
  -webkit-transition: all ease 0.4s;
  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: 600;
  line-height: 1.4;
  margin: 0 0 15px 0;
}

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

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

.h3,
h3 {
  font-size: 32px;
  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: 56px;
  }
  .h2,
  h2 {
    font-size: 44px;
  }
}
/* Large devices */
@media (max-width: 1199px) {
  .h1,
  h1 {
    font-size: 50px;
    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: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      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 > * {
  -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;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
.col-auto {
  width: auto;
  max-width: auto;
}

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

.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.justify-content-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

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

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

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

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

.d-none {
  display: none;
}

/*------------------- Grid -------------------*/
.slick-track > [class*=col] {
  -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);
}

.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 {
  /* Firefox */
}
.checkout-area select,
.checkout-area .form-control,
.checkout-area .form-select,
.checkout-area textarea,
.checkout-area input:not([type=submit]) {
  height: 50px;
  padding: 0 20px;
  border: none;
  border: 1px solid rgba(255, 255, 255, 0.07);
  color: var(--light-color);
  background-color: var(--smoke-color2);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  font-family: var(--body-font);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s 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(--light-color);
  outline: 0;
  -webkit-box-shadow: none;
          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::-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::-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:-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::-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 0 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 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-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: 17px;
  height: 17px;
  padding-left: 0;
  font-size: 0.6em;
  line-height: 19px;
  text-align: center;
  border: 2px 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-color);
  background-color: var(--theme-color);
  color: var(--white-color);
  line-height: 2;
}
.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;
  -webkit-box-shadow: none;
          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 22px;
  color: var(--black-color);
  background-color: var(--theme-color);
  border: none;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  min-width: 90px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.ot-btn:hover {
  color: var(--black-color);
  background-color: var(--theme-color2);
}

.checkout-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 0;
}

.header-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px 30px;
}

.link-btn {
  color: var(--title-color);
  font-size: 14px;
}
.link-btn svg {
  margin-right: 4px;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.link-btn path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.link-btn:hover {
  color: var(--theme-color);
}
.link-btn:hover path {
  fill: var(--theme-color);
}

.ot-header {
  overflow: hidden;
  /* Extra small devices */
}
.ot-header .header-logo {
  line-height: 1px;
}
.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: 30px 0 0 0;
  /* Large devices */
}
@media (max-width: 1199px) {
  .ot-header .menu-area {
    padding-top: 24px;
  }
}
.ot-header .logo-mobile {
  display: none;
}
@media (max-width: 575px) {
  .ot-header .row {
    --bs-gutter-x: 6px;
  }
  .ot-header .header-btn {
    gap: 15px;
  }
  .ot-header .logo-mobile {
    display: block;
  }
  .ot-header .header-logo {
    display: none;
  }
  .ot-header .ot-btn {
    min-width: auto;
  }
}

/*------------------- footer -------------------*/
.copyright {
  text-align: center;
  margin: 0;
  padding: 24px 0;
}

/*------------------- Checkout -------------------*/
.woocommerce-page .ch-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  /* Medium devices */
}
.woocommerce-page .ch-row > div {
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
}
@media (max-width: 991px) {
  .woocommerce-page .ch-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.woocommerce-page [data-elementor-type=footer],
.woocommerce-page [data-elementor-type=header] {
  display: none;
}

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

.sec-text {
  font-weight: 400;
}

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

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

.ch-top-area {
  margin-bottom: 60px;
  margin-top: 0;
}
.ch-top-area .sec-title {
  margin-bottom: 10px;
}

.breadcumb-menu {
  margin-bottom: 35px;
}
.breadcumb-menu ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 0;
  margin: 0;
}
.breadcumb-menu li {
  font-size: 14px;
  font-weight: 500;
  color: var(--title-color);
  padding: 2px 0;
  border-radius: 66px;
}
.breadcumb-menu li a {
  color: inherit;
}
.breadcumb-menu li a:hover {
  color: var(--theme-color);
}
.breadcumb-menu li:before {
  content: url('data:image/svg+xml,<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 9L5 5L1 1" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  padding: 0 6px 0 0;
}
.breadcumb-menu li:last-child {
  background-color: var(--smoke-color);
  padding: 2px 10px;
}
.breadcumb-menu li:last-child:before {
  content: url('data:image/svg+xml,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L5 5L9 1" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  display: inline-block;
}
.breadcumb-menu li svg {
  margin-bottom: -4px;
  margin-right: 5px;
}

.breadcumb-wrapper {
  margin-top: -30px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .breadcumb-wrapper {
    margin-top: 40px;
  }
}
.breadcumb-wrapper h1 {
  font-weight: 600;
}

.wt_coupon_wrapper {
  display: none;
}

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

.checkout-tab {
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  margin-bottom: 44px;
  position: relative;
  z-index: 2;
  /* Small devices */
  /* Extra small devices */
}
@media (max-width: 767px) {
  .checkout-tab {
    gap: 15px 20px;
  }
}
.checkout-tab .tab-btn {
  padding: 0;
  border: none;
  background-color: transparent;
  font-size: 15px;
  font-weight: 400;
  color: var(--body-color);
  text-align: center;
  cursor: pointer;
}
.checkout-tab .tab-btn span {
  color: var(--title-color);
  background-color: var(--smoke-color);
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 99px;
  font-size: 16px;
  margin-right: 4px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.checkout-tab .tab-btn:after {
  content: "";
  display: inline-block;
  height: 1px;
  width: 90px;
  background-color: #D9D9D9;
  margin-left: 10px;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  /* Small devices */
}
@media (max-width: 767px) {
  .checkout-tab .tab-btn:after {
    display: none;
  }
}
.checkout-tab .tab-btn:last-child:after {
  display: none;
}
.checkout-tab .tab-btn.active span {
  background-color: var(--theme-color);
}
.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);
  -webkit-transition: 0.4s ease-in-out;
  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;
}
@media (max-width: 575px) {
  .checkout-tab {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .checkout-tab .tab-btn {
    min-width: 180px;
    text-align: left;
  }
  .checkout-tab .indicator {
    clip-path: none;
    top: var(--pos-y);
    left: var(--pos-x);
  }
}

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

.account-content {
  max-width: 978px;
}

.make-payment-content,
.billing-details-content {
  max-width: 776px;
}

.total-wrap {
  text-align: center;
  margin-top: 50px;
}
.total-wrap .ot-btn {
  background-color: var(--theme-color);
  border: none;
  font-size: 16px;
  font-weight: 400;
  padding: 16px 30px;
}
.total-wrap .ot-btn:hover {
  background-color: #1e54be;
}

.total_price {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 10px;
}

.price-box .total_price {
  margin-bottom: 35px;
}

.bill-text {
  font-size: 14px;
  margin-bottom: 40px;
}

.billing-wrap {
  margin-bottom: -15px;
}

.checkout-row {
  width: 100%;
  /* Medium devices */
}
.checkout-row .right-area {
  margin-left: auto;
  border: 1px solid var(--ot-border-color);
  border-radius: 30px;
}
@media (max-width: 991px) {
  .checkout-row .left-area,
  .checkout-row .right-area {
    max-width: 100%;
  }
  .checkout-row .right-area {
    margin-left: 0;
  }
}

.woocommerce .checkout-form .form-row {
  padding: 0 !important;
  margin-bottom: 8px !important;
}
.woocommerce .checkout-form .form-row .input-text,
.woocommerce .checkout-form .form-row select {
  height: 50px;
  padding: 0 16px;
  border-radius: 30px;
  background-color: transparent;
  border: none;
  border: 1px solid var(--ot-border-color) !important;
  color: var(--light-color) !important;
}
.woocommerce .checkout-form .form-row .input-text::-webkit-input-placeholder, .woocommerce .checkout-form .form-row select::-webkit-input-placeholder {
  color: var(--light-color);
}
.woocommerce .checkout-form .form-row .input-text::-moz-placeholder, .woocommerce .checkout-form .form-row select::-moz-placeholder {
  color: var(--light-color);
}
.woocommerce .checkout-form .form-row .input-text:-ms-input-placeholder, .woocommerce .checkout-form .form-row select:-ms-input-placeholder {
  color: var(--light-color);
}
.woocommerce .checkout-form .form-row .input-text::-ms-input-placeholder, .woocommerce .checkout-form .form-row select::-ms-input-placeholder {
  color: var(--light-color);
}
.woocommerce .checkout-form .form-row .input-text::placeholder,
.woocommerce .checkout-form .form-row select::placeholder {
  color: var(--light-color);
}
.woocommerce .checkout-form .form-row .input-text:focus,
.woocommerce .checkout-form .form-row select:focus {
  color: var(--light-color);
  border-color: var(--theme-color) !important;
  background-color: var(--smoke-color2);
}
.woocommerce .checkout-form .form-row .input-text:focus:placeholder,
.woocommerce .checkout-form .form-row select:focus:placeholder {
  color: var(--light-color);
}
.woocommerce .checkout-form .form-row .input-text:valid,
.woocommerce .checkout-form .form-row select:valid {
  color: var(--title-color) !important;
}
.woocommerce .checkout-form .form-row .input-text:valid:placeholder,
.woocommerce .checkout-form .form-row select:valid:placeholder {
  color: var(--title-color) !important;
}
.woocommerce .checkout-form .form-row > label {
  display: none !important;
}
.woocommerce .checkout-form .form-row .form-select {
  cursor: pointer;
  color: var(--light-color);
}
.woocommerce .checkout-form .form-row .required {
  color: inherit !important;
  font-weight: inherit !important;
}
.woocommerce .checkout-form .form-row.validate-email {
  margin-bottom: 30px !important;
}
.woocommerce .checkout-form .form-row.billing_email_field {
  margin-bottom: 30px !important;
}
.woocommerce .checkout-form .form-row.place-order {
  margin-bottom: 0 !important;
}
.woocommerce .checkout-form .checkout-inline-error-message {
  display: none;
}
.woocommerce .checkout-form #billing_first_name_field,
.woocommerce .checkout-form #billing_last_name_field {
  width: calc(50% - 4px);
}
.woocommerce .checkout-form #billing_first_name_field {
  float: left;
}
.woocommerce .checkout-form #billing_last_name_field {
  float: right;
  display: block !important;
}
.woocommerce .checkout-form .heading-label {
  font-size: 18px;
  font-weight: 500;
  color: var(--title-color);
  padding: 0;
  margin-bottom: 16px !important;
}
.woocommerce .checkout-form .heading-label#billing_details_field {
  margin-top: 25px;
}
.woocommerce .checkout-form .heading-label h3 {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  padding: 0;
  margin: 0;
  margin-top: -0.2em;
}
.woocommerce .checkout-form select {
  background-position: right -2px center;
  background-color: transparent;
  color: var(--title-color);
}
.woocommerce .checkout-form label {
  font-weight: 400;
  font-size: 16px;
  color: var(--title-color);
  margin-bottom: 10px;
}
.woocommerce .checkout-form .form-check .form-check-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.select2-dropdown {
  background-color: var(--smoke-color);
  color: var(--body-color);
}

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

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

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

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--light-color) !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 47px !important;
  padding: 0 16px !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--light-color);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 13px;
  top: 17px;
  right: 12px;
  -webkit-filter: grayscale(100);
          filter: grayscale(100);
}

.select2-container .select2-dropdown,
.select2-container .select2-selection {
  background-color: #000;
  border: 1px solid var(--ot-border-color) !important;
}

.select2-container--default .select2-results > .select2-results__options {
  background-color: #000;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true] {
  background-color: var(--smoke-color);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--ot-border-color);
  background-color: #131313;
}

/* Dark theme scrollbar for Select2 dropdown */
.select2-results > .select2-results__options {
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #000 var(--smoke-color); /* thumb + track */
}

/* For Chrome, Edge, Safari */
.select2-results > .select2-results__options::-webkit-scrollbar {
  width: 6px;
}

.select2-results > .select2-results__options::-webkit-scrollbar-track {
  background: var(--smoke-color); /* Track color (dark background) */
}

.select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #000; /* Scrollbar thumb */
  border-radius: 10px;
}

.select2-results > .select2-results__options::-webkit-scrollbar-thumb:hover {
  background-color: #000; /* Hover effect */
}

.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::-webkit-input-placeholder {
  color: #A091B7;
}
.account-information .form-group .form-control::-moz-placeholder {
  color: #A091B7;
}
.account-information .form-group .form-control:-ms-input-placeholder {
  color: #A091B7;
}
.account-information .form-group .form-control::-ms-input-placeholder {
  color: #A091B7;
}
.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 {
  -webkit-box-shadow: none;
          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::-webkit-input-placeholder {
  color: #A091B7;
}
.evaluation .form-group .form-control::-moz-placeholder {
  color: #A091B7;
}
.evaluation .form-group .form-control:-ms-input-placeholder {
  color: #A091B7;
}
.evaluation .form-group .form-control::-ms-input-placeholder {
  color: #A091B7;
}
.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;
  -webkit-transform: translateY(-50%);
          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;
  -webkit-animation: rotation 50s infinite linear;
          animation: rotation 50s infinite linear;
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

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

.account-item {
  margin-bottom: 30px;
}
.account-item h3 {
  margin-bottom: 25px;
  color: var(--title-color);
  font-size: 18px;
  font-weight: 500;
}
.account-item .variations-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .account-item .variations-buttons {
    gap: 6px;
  }
}
.account-item button {
  font-family: var(--body-font);
  font-size: 14px;
  font-weight: 500;
  padding: 11px 16px;
  position: relative;
  z-index: 2;
  border-radius: 36px;
  color: var(--title-color);
  background-color: transparent;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  border: 1px solid var(--ot-border-color);
}
.account-item button b {
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 12px;
  font-weight: 600;
  color: var(--theme-color);
  text-align: center;
  line-height: 18px;
  padding: 0 8px;
  background-color: #E6F2FF;
  border-radius: 30px;
  white-space: nowrap;
}
.account-item button:hover {
  border-color: rgba(255, 255, 255, 0.4);
  background-color: transparent;
}
.account-item button.active {
  color: var(--black-color);
  background-color: var(--white-color);
  border-color: var(--white-color);
}
.account-item button.btn-disable {
  display: none;
}
.account-item button.most-popular:after {
  content: "Popular";
  position: absolute;
  top: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: var(--theme-color3);
  border-radius: 4px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 500;
  line-height: 18px;
  color: var(--white-color);
}
.account-item:last-child {
  margin-bottom: 0;
}

.available-info {
  margin-bottom: 30px;
}
.available-info:last-child {
  margin-bottom: 0;
}
.available-info h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--title-color);
  margin-bottom: 22px;
  margin-top: -0.2em;
}
.available-info .addons-item {
  font-family: var(--body-font);
  font-size: 15px;
  font-weight: 500;
  padding: 10.5px 20px;
  position: relative;
  z-index: 2;
  border-radius: 6px;
  color: var(--title-color);
  background-color: var(--smoke-color);
  border: 1px solid var(--ot-border-color);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  cursor: pointer;
  margin-bottom: 10px;
}
.available-info .addons-item:last-child {
  margin-bottom: 0;
}
.available-info .addons-item span {
  display: inline-block;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
}
.available-info .addons-item b {
  font-weight: 400;
  color: var(--light-color);
}
.available-info .addons-item i {
  margin-left: auto;
}
.available-info .addons-item p {
  color: var(--paragraphColor);
  font-size: 14px;
  font-weight: 400;
}
.available-info .addons-item.active {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: var(--white-color);
}
.available-info .addons-item.active span {
  color: rgba(255, 255, 255, 0.4);
}
.available-info .addons-item:last-child {
  margin-bottom: 0;
}

.addons-widget {
  padding: 30px;
  border-bottom: 1px solid var(--ot-border-color);
}

.widget-order-review {
  padding: 25px 30px;
  border-bottom: 1px solid var(--ot-border-color);
}

.price-box {
  padding: 30px;
}

/* Extra small devices */
@media (max-width: 575px) {
  .addons-widget {
    padding: 20px;
  }
  .widget-order-review {
    padding: 16px 20px;
  }
  .price-box {
    padding: 20px;
  }
}
.single-checkout-widget.transparent-bg {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.single-checkout-widget.ip-widget {
  font-family: var(--body-font);
  padding: 0 0 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px 20px;
  background-color: transparent;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid var(--ot-border-color);
  /* Extra small devices */
}
.single-checkout-widget.ip-widget:before, .single-checkout-widget.ip-widget:after {
  display: none;
}
@media (max-width: 575px) {
  .single-checkout-widget.ip-widget {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.single-checkout-widget h3 {
  color: var(--title-color);
}
.single-checkout-widget h6 {
  font-family: var(--body-font);
  font-size: 14px;
  font-weight: 500;
  color: var(--title-color);
  margin-bottom: 12px;
}
.single-checkout-widget .note {
  margin-bottom: 0;
}
.single-checkout-widget .variations-buttons {
  margin-bottom: 0 !important;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.single-checkout-widget .ip-location {
  line-height: 21px;
  color: var(--title-color);
  font-size: 16px;
  font-weight: 600;
}
.single-checkout-widget .ip-location span {
  color: var(--body-color);
  margin-left: 10px;
  font-size: 14px;
  font-weight: 400;
}
.single-checkout-widget .ip-location img {
  margin-right: 7px;
  border-radius: 0;
  vertical-align: middle;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  height: 22px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.single-checkout-widget .wrong-location {
  font-size: 14px;
}
.single-checkout-widget .wrong-location a {
  color: var(--title-color);
  font-weight: 500;
}
.single-checkout-widget .wrong-location a:hover {
  color: var(--theme-color);
}
.single-checkout-widget#variations-switcher {
  border-bottom: 1px solid var(--ot-border-color);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.single-checkout-widget .spinner {
  position: absolute;
  width: 58px;
  height: 58px;
  left: calc(50% - 29px);
  top: calc(50% - 29px);
  background: rgba(1, 13, 13, 0.76);
  border: 1px solid #343F3F;
  -webkit-box-shadow: -4.35px 7.25px 13.05px rgba(0, 0, 0, 0.15), inset 0px 0px 13.34px rgba(191, 245, 255, 0.08);
          box-shadow: -4.35px 7.25px 13.05px rgba(0, 0, 0, 0.15), inset 0px 0px 13.34px rgba(191, 245, 255, 0.08);
  backdrop-filter: blur(1.3px);
  z-index: 3;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
}
.single-checkout-widget .spinner svg {
  -webkit-animation: spin 1.5s linear infinite;
          animation: spin 1.5s linear infinite;
}

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

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.f_checkout_loading .single-checkout-widget#variations-switcher::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 9999;
  opacity: 0;
  border-radius: inherit;
  background-color: var(--theme-color);
}
.f_checkout_loading .single-checkout-widget#variations-switcher .spinner {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

/* Custom blockUI styling */
.blockUI.blockOverlay {
  background-color: transparent !important;
  opacity: 1 !important;
}
.blockUI.blockOverlay::before {
  content: url('data:image/svg+xml,<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.9257 24.9115C25.7732 25.7589 25.7809 27.1472 24.8235 27.8681C23.3273 28.9947 21.6344 29.8445 19.8244 30.3703C17.3172 31.0987 14.6667 31.182 12.1188 30.6125C9.57085 30.043 7.20806 28.8391 5.24967 27.1125C3.29127 25.3859 1.80073 23.1927 0.916348 20.7362C0.0319686 18.2798 -0.21759 15.6397 0.190831 13.061C0.599251 10.4824 1.65242 8.04866 3.2526 5.98572C4.85278 3.92278 6.94813 2.29746 9.34421 1.26058C11.074 0.512019 12.9201 0.0876622 14.7911 0.00199606C15.9883 -0.0528216 16.8672 1.0218 16.7545 2.21494V2.21494C16.6417 3.40808 15.5761 4.26187 14.3837 4.38175C13.2449 4.49624 12.1261 4.78567 11.0678 5.24364C9.34265 5.99019 7.834 7.16042 6.68187 8.64574C5.52974 10.1311 4.77146 11.8833 4.4774 13.74C4.18333 15.5966 4.36302 17.4974 4.99977 19.2661C5.63652 21.0347 6.70971 22.6139 8.11976 23.857C9.5298 25.1001 11.231 25.9669 13.0655 26.377C14.9 26.7871 16.8084 26.7271 18.6135 26.2027C19.7209 25.8809 20.7674 25.3908 21.7178 24.7532C22.713 24.0854 24.0783 24.0641 24.9257 24.9115V24.9115Z" fill="%23EDEEF0"/></svg>');
  position: absolute;
  width: 58px;
  height: 58px;
  line-height: 1px;
  left: calc(50% - 29px);
  top: calc(50% - 29px);
  background: rgba(1, 13, 13, 0.76);
  border: 1px solid #343F3F;
  -webkit-box-shadow: -4.35px 7.25px 13.05px rgba(0, 0, 0, 0.15), inset 0px 0px 13.34px rgba(191, 245, 255, 0.08);
          box-shadow: -4.35px 7.25px 13.05px rgba(0, 0, 0, 0.15), inset 0px 0px 13.34px rgba(191, 245, 255, 0.08);
  backdrop-filter: blur(1.3px);
  z-index: 3;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity: 1;
  -webkit-animation: spin 1.5s linear infinite;
          animation: spin 1.5s linear infinite;
}

.btn-disable {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}

.billing-feild-required {
  margin: 30px 0 0 0;
  color: red;
}

h3.main-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  margin-top: -0.2em;
}

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

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

.woocommerce-message, .woocommerce-error, .woocommerce-info {
  background-color: var(--smoke-color);
  color: var(--title-color);
  border-radius: 12px;
  list-style-type: none;
  padding: 20px 24px;
  margin-bottom: 30px;
  max-width: 776px;
  margin-left: auto;
  margin-right: auto;
}
.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);
  -webkit-transition: 0.4s ease-in-out;
  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;
}

.woocommerce-notice.woocommerce-thankyou-order-received {
  display: none;
}

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

.woocommerce-checkout {
  /* Medium devices */
}
@media (max-width: 991px) {
  .woocommerce-checkout .space-bottom {
    padding-bottom: 0;
  }
}
.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 */
  /* For Mozilla Firefox */
  /* For Internet Explorer 10-11 */
  /* For Microsoft Edge */
  /* For Safari, Chrome, and Opera */
}
.woocommerce form input::-webkit-input-placeholder {
  color: #A091B7;
}
.woocommerce form input::-moz-placeholder {
  color: #A091B7;
}
.woocommerce form input:-ms-input-placeholder {
  color: #A091B7;
}
.woocommerce form input::-ms-input-placeholder {
  color: #A091B7;
}
.woocommerce form input::placeholder {
  color: #A091B7;
}
.woocommerce form input:-moz-placeholder {
  color: #A091B7;
  opacity: 1; /* Required to override the default opacity */
}
.woocommerce form input:-ms-input-placeholder {
  color: #A091B7;
}
.woocommerce form input::-ms-input-placeholder {
  color: #A091B7;
}
.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: var(--smoke-color) !important;
  border-color: #cc1818;
  color: #fff;
  margin-bottom: 25px;
}
.wc-block-components-notice-banner.is-success {
  background-color: var(--smoke-color) !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: -5px !important;
  margin-top: -5px !important;
  position: relative;
  z-index: 2;
}
.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: 0;
  font-weight: 500;
  color: var(--title-color);
}
.woocommerce-checkout table.shop_table .product-name .product-quantity {
  display: none;
}
.woocommerce-checkout table.shop_table .product-name a {
  color: inherit;
}
.woocommerce-checkout table.shop_table .variation {
  gap: 6px;
  font-size: 16px;
}
.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: var(--title-color);
}
.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 th, .woocommerce-checkout table.shop_table td {
  font-size: 14px;
  padding: 0 !important;
  color: var(--body-color);
  border: none !important;
  padding-top: 8px !important;
  padding-bottom: 8px !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: 500;
}
.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 {
  color: var(--title-color);
  font-weight: 600 !important;
}
.woocommerce-checkout table.shop_table .cart-subtotal th, .woocommerce-checkout table.shop_table .cart-subtotal td,
.woocommerce-checkout table.shop_table .fee th,
.woocommerce-checkout table.shop_table .fee td,
.woocommerce-checkout table.shop_table .cart-discount th,
.woocommerce-checkout table.shop_table .cart-discount td {
  border-bottom: 1px solid var(--ot-border-color) !important;
}
.woocommerce-checkout table.shop_table .order-total .woocommerce-Price-amount.amount {
  font-size: 20px;
  font-weight: 600;
}
.woocommerce-checkout table.shop_table thead {
  display: none;
}
.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: 8px 0 !important;
  font-weight: 500 !important;
}
.woocommerce-checkout table.shop_table thead th,
.woocommerce-checkout table.shop_table tfoot th {
  color: var(--title-color);
}
.woocommerce-checkout table.shop_table tfoot td {
  color: var(--title-color);
}

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

.variation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      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 {
  position: relative;
  z-index: 2;
  /* Medium Large devices */
}
.content-area * {
  font-family: var(--body-font) !important;
}
.content-area .shape1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.content-area .shape2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media (max-width: 1299px) {
  .content-area .shape1,
  .content-area .shape2 {
    max-width: 130px;
    z-index: -1;
  }
}

.checkout-area {
  position: relative;
  z-index: 3;
  padding: 100px 0 100px 0;
  /* Small devices */
}
.checkout-area h2, .checkout-area h3, .checkout-area h4, .checkout-area h5, .checkout-area h6 {
  color: var(--title-color);
}
@media (max-width: 767px) {
  .checkout-area {
    padding: 60px 0;
  }
}

.checkout-copyright {
  font-size: 14px;
  color: var(--light-color);
  text-align: center;
  margin: 0;
}

.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;
  -webkit-transform: translateY(5px);
          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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 6px 0 0 0;
  margin: 0 0;
  font-size: 14px;
  border-radius: 0;
  line-height: 1.4;
  background-color: transparent !important;
  color: var(--title-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 var(--ot-border-color);
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  top: -12px;
  left: 0;
  margin: -12px 0 0 2em;
  display: none;
}
#add_payment_method #payment div.payment_box:after,
.woocommerce-cart #payment div.payment_box:after,
.woocommerce-checkout #payment div.payment_box:after {
  content: "";
  display: block;
  border: 12px solid rgba(255, 255, 255, 0.08);
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  top: -12px;
  left: 0;
  margin: -12px 0 0 2em;
  display: none;
}

#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 {
  margin-bottom: 30px !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: var(--title-color);
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  display: none;
}

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

.checkout-place-order {
  float: unset !important;
  border: 0;
  z-index: 2;
  font-weight: 600 !important;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  position: relative;
  padding: 17px 35px !important;
  margin-bottom: 25px;
  display: block;
  width: 100%;
  text-decoration: none;
  color: var(--black-color) !important;
  font-size: 14px;
  text-transform: capitalize !important;
  margin-top: 6px !important;
  background: var(--theme-color) !important;
  border: none !important;
  border-radius: 50px !important;
}
.checkout-place-order:before {
  display: none;
}
.checkout-place-order:hover {
  background: var(--theme-color2) !important;
}

.secured-text {
  font-size: 14px;
  font-weight: 400;
  color: var(--light-color);
  margin-top: 30px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .secured-text {
    margin-top: 25px;
  }
}
.secured-text svg {
  min-width: 18px;
  margin: 0 0 0 0;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}

.copyright-text {
  color: var(--body-color);
  margin: 0;
  padding: 20px 0;
}

.pb-60 {
  padding-bottom: 60px;
}

.coupon-form {
  background-color: transparent;
  padding: 5px 0 5px 0;
  position: relative;
  z-index: 2;
}
.coupon-form .form-group {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.coupon-form button {
  min-width: 112px;
  color: var(--black-color);
  background-image: none;
  background-color: var(--theme-color);
  font-size: 14px;
  font-weight: 600;
  border: none;
  border-radius: 36px;
  z-index: 2;
  padding: 10px;
}
.coupon-form button:before {
  display: none;
}
.coupon-form button:hover {
  color: var(--black-color);
  background-color: var(--theme-color2);
}
.coupon-form input#coupon_code {
  padding: 0 16px;
  border-radius: 66px;
  background-color: transparent;
  border: 1px solid var(--ot-border-color);
}

.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;
  -webkit-box-shadow: none;
          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 {
  background-color: transparent !important;
  border-radius: 0;
}
.woocommerce-checkout-payment .heading-label {
  margin-bottom: 24px;
}
.woocommerce-checkout-payment .form-check {
  margin-bottom: 20px !important;
}
.woocommerce-checkout-payment .form-check .form-check-input {
  display: inline-block !important;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-radius: 100%;
  background-color: transparent;
  border: 1px solid var(--ot-border-color);
  margin-right: 4px;
  margin-bottom: 0;
  margin-left: 2px;
  margin-top: 0;
  cursor: pointer;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  visibility: visible;
  opacity: 1;
  border-radius: 90px !important;
  position: relative;
  z-index: 2;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.woocommerce-checkout-payment .form-check .form-check-input:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0;
}
.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-color);
  border-color: var(--theme-color);
  background-size: 13px;
}
.woocommerce-checkout-payment .form-check .form-check-input:checked:after {
  opacity: 1;
}
.woocommerce-checkout-payment .form-check .form-check-label {
  display: inline-block !important;
  color: var(--light-color);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.woocommerce-checkout-payment .form-check .form-check-label a {
  color: var(--title-color);
  text-decoration: none;
}
.woocommerce-checkout-payment .form-check .form-check-label a:hover {
  color: var(--theme-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;
  /* Medium devices */
}
.woocommerce-thankyou-order-details.order_details:after, .woocommerce-thankyou-order-details.order_details:before {
  display: none !important;
}
@media (max-width: 991px) {
  .woocommerce-thankyou-order-details.order_details {
    gap: 12px;
  }
}
.woocommerce-thankyou-order-details.order_details li {
  border: 1px solid var(--ot-border-color) !important;
  border-radius: 10px;
  padding: 24px !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          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 .woocommerce-customer-details {
  padding: 30px;
  border: 1px solid var(--ot-border-color) !important;
  border-radius: 20px;
  -webkit-box-shadow: 0px 2px 5px rgba(5, 168, 255, 0.1);
          box-shadow: 0px 2px 5px rgba(5, 168, 255, 0.1);
  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(--title-color);
  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;
  -ms-flex-item-align: end;
      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 {
  padding: 30px;
  border: 1px solid var(--ot-border-color);
  -webkit-box-shadow: 0px 2px 5px rgba(5, 168, 255, 0.1);
          box-shadow: 0px 2px 5px rgba(5, 168, 255, 0.1);
  border-radius: 20px;
  height: 100%;
  /* Extra small devices */
}
.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-name .wc-item-meta .wc-item-meta-label {
  display: none;
}
.woocommerce-order .woocommerce-order-details table.shop_table .product-name {
  font-size: 18px;
}
.woocommerce-order .woocommerce-order-details table.shop_table .product-name .wc-item-meta {
  font-size: 14px;
}
@media (max-width: 575px) {
  .woocommerce-order .woocommerce-order-details {
    padding: 20px;
  }
}
.woocommerce-order .woocommerce-order-details .woocommerce-order-details__title {
  font-size: 24px;
  font-weight: 500;
  margin-top: -0.2em;
  margin-bottom: 15px;
}
.woocommerce-order .woocommerce-order-details .order-again {
  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);
}

body.woocommerce-order-received {
  background-image: none;
}
body.woocommerce-order-received .breadcumb-wrapper,
body.woocommerce-order-received .checkout-hero,
body.woocommerce-order-received .footer-wrapper,
body.woocommerce-order-received .ot-header {
  display: none;
}
body.woocommerce-order-received .breadcumb-wrapper {
  padding-top: 120px;
}
body.woocommerce-order-received .breadcumb-wrapp {
  padding-top: 80px;
  /* Medium devices */
}
@media (max-width: 991px) {
  body.woocommerce-order-received .breadcumb-wrapp {
    padding-top: 60px;
  }
}

@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;
}

/*------------------- Affiliate -------------------*/
.affwp-form {
  margin-bottom: 0;
}
.affwp-form input {
  background-color: var(--smoke-color);
  border: 1px solid var(--ot-border-color);
  border-radius: 12px;
  height: 56px;
  padding: 0 20px;
  margin-bottom: 15px;
  color: var(--light-color);
}
.affwp-form input::-moz-placeholder {
  color: var(--light-color);
}
.affwp-form input::-webkit-input-placeholder {
  color: var(--light-color);
}
.affwp-form input:-ms-input-placeholder {
  color: var(--light-color);
}
.affwp-form input::-ms-input-placeholder {
  color: var(--light-color);
}
.affwp-form input::placeholder {
  color: var(--light-color);
}
.affwp-form textarea {
  background-color: var(--smoke-color);
  border: 1px solid var(--ot-border-color);
  border-radius: 12px;
  padding: 0 20px;
  min-height: 150px;
  color: var(--light-color);
}
.affwp-form textarea::-moz-placeholder {
  color: var(--light-color);
}
.affwp-form textarea::-webkit-input-placeholder {
  color: var(--light-color);
}
.affwp-form textarea:-ms-input-placeholder {
  color: var(--light-color);
}
.affwp-form textarea::-ms-input-placeholder {
  color: var(--light-color);
}
.affwp-form textarea::placeholder {
  color: var(--light-color);
}
.affwp-form input.button {
  font-size: 16px;
  border: none;
  background: var(--theme-color);
  padding: 16px 30px;
  border-radius: 12px;
  color: var(--white-color);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  cursor: pointer;
}
.affwp-form input.button:hover {
  background: #1e54be;
}
.affwp-form .affwp-lost-password {
  margin-bottom: 0;
}
.affwp-form label {
  margin-bottom: 10px;
  display: inline-block;
}
.affwp-form input[type=checkbox] {
  width: 18px;
  height: 18px;
  background-color: var(--smoke-color2);
  border: 1px solid var(--title-color);
  opacity: 1;
  visibility: visible;
  cursor: pointer;
  border-radius: 4px;
  margin-right: 5px;
  margin-top: 0;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}

.woocommerce-ResetPassword input,
.lost_reset_password input {
  background-color: var(--smoke-color);
  border: 1px solid var(--ot-border-color);
  border-radius: 12px;
  height: 56px;
  padding: 0 20px;
  margin-bottom: 15px;
  color: var(--light-color);
}
.woocommerce-ResetPassword input::-moz-placeholder,
.lost_reset_password input::-moz-placeholder {
  color: var(--light-color);
}
.woocommerce-ResetPassword input::-webkit-input-placeholder,
.lost_reset_password input::-webkit-input-placeholder {
  color: var(--light-color);
}
.woocommerce-ResetPassword input:-ms-input-placeholder,
.lost_reset_password input:-ms-input-placeholder {
  color: var(--light-color);
}
.woocommerce-ResetPassword input::-webkit-input-placeholder, .lost_reset_password input::-webkit-input-placeholder {
  color: var(--light-color);
}
.woocommerce-ResetPassword input::-moz-placeholder, .lost_reset_password input::-moz-placeholder {
  color: var(--light-color);
}
.woocommerce-ResetPassword input:-ms-input-placeholder, .lost_reset_password input:-ms-input-placeholder {
  color: var(--light-color);
}
.woocommerce-ResetPassword input::-ms-input-placeholder, .lost_reset_password input::-ms-input-placeholder {
  color: var(--light-color);
}
.woocommerce-ResetPassword input::placeholder,
.lost_reset_password input::placeholder {
  color: var(--light-color);
}

.space {
  padding-top: var(--section-space);
  padding-bottom: var(--section-space);
  /* Medium devices */
}
@media (max-width: 991px) {
  .space {
    padding-top: var(--section-space-mobile);
    padding-bottom: var(--section-space-mobile);
  }
}

.space-bottom {
  padding-bottom: var(--section-space);
  /* Medium devices */
}
@media (max-width: 991px) {
  .space-bottom {
    padding-bottom: var(--section-space-mobile);
  }
}

.pt-60 {
  padding-top: 60px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .pt-60 {
    padding-top: 45px;
  }
}

.screen-reader-text {
  display: none;
}

.affwp-card .button {
  border: none;
  background: var(--theme-color2);
  padding: 16px 30px;
  border-radius: 12px;
  color: var(--white-color);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  white-space: nowrap;
}
.affwp-card .button:hover {
  background: var(--theme-color);
}
.affwp-card h3 {
  margin-bottom: 16px !important;
}
.affwp-card .affwp-card__header {
  padding: 0;
}
.affwp-card .affwp-card__content, .affwp-card .affwp-card__footer {
  padding: 0;
  margin-top: 20px;
}

#affwp-graphs-filter .button {
  border: none;
  background: var(--theme-color2);
  padding: 16px 30px;
  border-radius: 12px;
  color: var(--white-color);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  white-space: nowrap;
  margin-top: 15px;
}
#affwp-graphs-filter .button:hover {
  background: var(--theme-color);
}
#affwp-graphs-filter select {
  height: 46px;
  background-color: var(--smoke-color);
  border-radius: 12px;
  color: var(--light-color);
  padding: 0 15px;
}

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs {
  margin-bottom: 40px;
}
#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li {
  margin-bottom: 10px;
}
#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li a {
  text-decoration: none;
  display: inline-block;
  padding: 5px 18px;
  background-color: var(--smoke-color);
  border: 1px solid var(--ot-border-color);
  border-radius: 8px;
  color: var(--white-color);
}
#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li.active a {
  font-weight: 400;
  background-color: var(--theme-color2);
  color: var(--white-color);
  border-color: var(--theme-color2);
}

.affwp-affiliate-link {
  margin-bottom: 50px !important;
}

table.affwp-table th, table.affwp-table td {
  padding: 10px 20px;
}
table.affwp-table th {
  background: var(--smoke-color);
  color: var(--white-color);
  font-weight: 500;
}
table.affwp-table td {
  color: var(--body-color);
}

.woocommerce-error::before {
    display: none !important;
}

.woocommerce-message::before {
    display: none !important;
}

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