@charset "UTF-8";
/*
Template Name: 
Template URL: 
Description: 
Author: 
Author URI: 
Version: 1.0.0
*/
/*------------------- Mixin -------------------*/
/*------------------- Function -------------------*/
/*------------------- Fonts -------------------*/
@font-face {
  font-family: "Creato Display";
  src: url("../fonts/creato/CreatoDisplay-LightItalic.woff2") format("woff2"), url("../fonts/creato/CreatoDisplay-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src: url("../fonts/creato/CreatoDisplay-BlackItalic.woff2") format("woff2"), url("../fonts/creato/CreatoDisplay-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src: url("../fonts/creato/CreatoDisplay-MediumItalic.woff2") format("woff2"), url("../fonts/creato/CreatoDisplay-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src: url("../fonts/creato/CreatoDisplay-Italic.woff2") format("woff2"), url("../fonts/creato/CreatoDisplay-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src: url("../fonts/creato/CreatoDisplay-Regular.woff2") format("woff2"), url("../fonts/creato/CreatoDisplay-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src: url("../fonts/creato/CreatoDisplay-Thin.woff2") format("woff2"), url("../fonts/creato/CreatoDisplay-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src: url("../fonts/creato/CreatoDisplay-ThinItalic.woff2") format("woff2"), url("../fonts/creato/CreatoDisplay-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src: url("../fonts/creato/CreatoDisplay-Medium.woff2") format("woff2"), url("../fonts/creato/CreatoDisplay-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src: url("../fonts/creato/CreatoDisplay-Light.woff2") format("woff2"), url("../fonts/creato/CreatoDisplay-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src: url("../fonts/creato/CreatoDisplay-Black.woff2") format("woff2"), url("../fonts/creato/CreatoDisplay-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src: url("../fonts/creato/CreatoDisplay-ExtraBold.woff2") format("woff2"), url("../fonts/creato/CreatoDisplay-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src: url("../fonts/creato/CreatoDisplay-Bold.woff2") format("woff2"), url("../fonts/creato/CreatoDisplay-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src: url("../fonts/creato/CreatoDisplay-BoldItalic.woff2") format("woff2"), url("../fonts/creato/CreatoDisplay-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src: url("../fonts/creato/CreatoDisplay-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/creato/CreatoDisplay-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*------------------- Variable-------------------*/
:root {
  --theme-color: #1DA8F6;
  --theme-color2: #4173DF;
  --theme-color3: #4173DF;
  --title-color: #FFFFFF;
  --body-color: #B9DBE5;
  --smoke-color: #0A2134;
  --smoke-color2: #0E304D;
  --smoke-color3: #0D263C;
  --body-bg: #04121C;
  --black-color: #04121C;
  --white-color: #ffffff;
  --light-color: #4C7B95;
  --gray-color: #DEE8FF;
  --yellow-color: #FFB539;
  --success-color: #92F185;
  --error-color: #FF522C;
  --ot-border-color: rgba(255, 255, 255, 0.06);
  --title-font: "Space Grotesk", sans-serif;
  --body-font: "Space Grotesk", sans-serif;
  --icon-font: "Font Awesome 6 Pro";
  --main-container: 1180px;
  --container-gutters: 30px;
  --section-space: 100px;
  --section-space-mobile: 70px;
  --section-title-space: 50px;
  --ripple-ani-duration: 5s;
}

/*------------------- Typography -------------------*/
html,
body {
  scroll-behavior: auto !important;
}

html {
  margin: 0 !important;
}

.admin-bar .ot-header {
  margin-top: 32px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .admin-bar .ot-header {
    margin-top: 46px;
  }
}

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

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 {
  -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: 16px;
  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: 82px;
  line-height: 1.2;
}

.h2,
h2 {
  font-size: 56px;
  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: 64px;
  }
  .h2,
  h2 {
    font-size: 48px;
  }
}
/* Large devices */
@media (max-width: 1199px) {
  .h1,
  h1 {
    font-size: 56px;
    line-height: 1.3;
  }
  .h2,
  h2 {
    font-size: 44px;
    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: 36px;
  }
}
/* 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: 34px;
  }
}
@media (max-width: 340px) {
  .h1,
  h1 {
    font-size: 30px;
  }
}
/*=================================
    Reset
==================================*/
/*------------------- Container -------------------*/
@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: 30px;
  }
}
.row:not([class*=gx-]) {
  --bs-gutter-x: 30px;
}

@media only screen and (max-width: 1600px) {
  .container-fluid.px-0 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .container-fluid.px-0 .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.container-full {
  padding-left: 24px;
  padding-right: 24px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .container-full {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.small-container {
  max-width: 778px;
  margin-left: auto;
  margin-right: auto;
}

/*------------------- 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;
}

@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 -------------------*/
select,
.form-control,
.form-select,
textarea,
input:not([type=submit]) {
  height: 56px;
  padding: 0 20px 0 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--light-color);
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  font-size: 16px;
  width: 100%;
  font-family: var(--body-font);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  position: relative;
  z-index: 2;
}
select:focus,
.form-control:focus,
.form-select:focus,
textarea:focus,
input:not([type=submit]):focus {
  color: var(--light-color);
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--theme-color);
  background-color: rgba(255, 255, 255, 0.05);
}
select::-moz-placeholder,
.form-control::-moz-placeholder,
.form-select::-moz-placeholder,
textarea::-moz-placeholder,
input:not([type=submit])::-moz-placeholder {
  color: var(--light-color);
}
select::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder,
.form-select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input:not([type=submit])::-webkit-input-placeholder {
  color: var(--light-color);
}
select:-ms-input-placeholder,
.form-control:-ms-input-placeholder,
.form-select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input:not([type=submit]):-ms-input-placeholder {
  color: var(--light-color);
}
select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input:not([type=submit])::-webkit-input-placeholder {
  color: var(--light-color);
}
select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder, textarea::-moz-placeholder, input:not([type=submit])::-moz-placeholder {
  color: var(--light-color);
}
select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:not([type=submit]):-ms-input-placeholder {
  color: var(--light-color);
}
select::-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-select::-ms-input-placeholder, textarea::-ms-input-placeholder, input:not([type=submit])::-ms-input-placeholder {
  color: var(--light-color);
}
select::placeholder,
.form-control::placeholder,
.form-select::placeholder,
textarea::placeholder,
input:not([type=submit])::placeholder {
  color: var(--light-color);
}

.form-select,
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 25px center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.form-select option,
select option {
  background-color: var(--body-bg);
  color: var(--light-color);
}

textarea.form-control,
textarea {
  min-height: 160px;
  padding-top: 16px;
  padding-bottom: 17px;
  border-radius: 12px;
}

.form-group {
  margin-bottom: var(--bs-gutter-x);
  position: relative;
}

.input-group {
  position: relative;
  z-index: 2;
}
.input-group input {
  border-radius: 12px !important;
  position: relative;
  z-index: 1;
}
.input-group input:focus {
  pointer-events: none;
}
.input-group button {
  position: absolute;
  top: 15px;
  right: 20px;
  background-color: transparent;
  border: none;
  padding: 0;
  color: var(--theme-color) !important;
  z-index: 3;
  opacity: 1 !important;
}
.input-group button:hover {
  color: var(--title-color) !important;
}

option:checked, option:focus, option:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input[type=checkbox] {
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  display: none;
}
input[type=checkbox]:checked ~ label:before {
  content: url('data:image/svg+xml,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.2508 0.368943C13.5074 0.599855 13.5282 0.995036 13.2973 1.2516L6.84927 8.41605C6.03715 9.3184 4.66225 9.43087 3.71429 8.67249L0.775604 6.32154C0.506066 6.10591 0.462365 5.71261 0.677996 5.44307C0.893627 5.17353 1.28693 5.12983 1.55647 5.34546L4.49516 7.69641C4.92605 8.04112 5.55101 7.99 5.92015 7.57984L12.3681 0.415399C12.5991 0.15883 12.9942 0.138031 13.2508 0.368943Z" fill="white"/></svg>');
  color: var(--white-color);
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
input[type=checkbox] ~ label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  display: block;
}
input[type=checkbox] ~ label:before {
  content: url('data:image/svg+xml,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.2508 0.368943C13.5074 0.599855 13.5282 0.995036 13.2973 1.2516L6.84927 8.41605C6.03715 9.3184 4.66225 9.43087 3.71429 8.67249L0.775604 6.32154C0.506066 6.10591 0.462365 5.71261 0.677996 5.44307C0.893627 5.17353 1.28693 5.12983 1.55647 5.34546L4.49516 7.69641C4.92605 8.04112 5.55101 7.99 5.92015 7.57984L12.3681 0.415399C12.5991 0.15883 12.9942 0.138031 13.2508 0.368943Z" fill="white"/></svg>');
  font-family: var(--icon-font);
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 2px;
  background-color: var(--white-color);
  border: 1px solid var(--ot-border-color);
  height: 22px;
  width: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
}

input[type=radio] {
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  display: none;
}
input[type=radio] ~ label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  line-height: 1;
  display: inline-block;
  font-weight: 500;
  margin-bottom: 0;
}
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;
}
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);
}

label {
  margin-bottom: 12px;
  display: block;
  color: var(--title-color);
  font-family: var(--body-font);
  font-size: 18px;
  font-weight: 400;
}

textarea.is-invalid,
select.is-invalid,
input.is-invalid,
.was-validated input:invalid {
  border: 1px solid var(--error-color) !important;
  background-position: right calc(0.375em + 0.8875rem) center;
  background-image: none;
}
textarea.is-invalid:focus,
select.is-invalid:focus,
input.is-invalid:focus,
.was-validated input:invalid:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

textarea.is-invalid {
  background-position: top calc(0.375em + 0.5875rem) right calc(0.375em + 0.8875rem);
}

.row.no-gutters > .form-group {
  margin-bottom: 0;
}

.form-messages {
  display: none;
}
.form-messages.mb-0 * {
  margin-bottom: 0;
}
.form-messages.success {
  color: var(--success-color);
  display: block;
}
.form-messages.error {
  color: var(--error-color);
  display: block;
}
.form-messages pre {
  padding: 0;
  background-color: transparent;
  color: inherit;
}

/*------------------- Slick Slider -------------------*/
.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);
}

.slick-list {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.slick-track {
  min-width: 100%;
}

.slick-slide img {
  display: inline-block;
}

.slick-dots {
  list-style-type: none;
  padding: 0 0;
  margin: 40px 0 0 0;
  line-height: 0;
  text-align: center;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.slick-dots li {
  display: inline-block;
  margin-right: 5px;
}
.slick-dots li:last-child {
  margin-right: 0;
}
.slick-dots button {
  font-size: 0;
  padding: 0;
  background-color: transparent;
  width: 10px;
  height: 10px;
  line-height: 0;
  border-radius: 9999px;
  border: none;
  background-color: var(--theme-color);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.slick-dots button:hover {
  border-color: var(--title-color);
}
.slick-dots .slick-active button {
  width: 60px;
  -webkit-transform: scale(1);
          transform: scale(1);
  background-color: var(--theme-color);
}

.slick-arrow {
  display: inline-block;
  padding: 0;
  background-color: #F8F8FB;
  color: var(--title-color);
  position: absolute;
  top: 50%;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  left: var(--pos-x, -14px);
  width: var(--icon-size, 52px);
  height: var(--icon-size, 52px);
  line-height: var(--icon-size, 52px);
  font-size: var(--icon-font-size, 16px);
  margin-top: calc(var(--icon-size, 52px) / -2);
  border-radius: 99px;
  z-index: 2;
}
.slick-arrow .icon {
  content: url('data:image/svg+xml,<svg width="18" height="14" viewBox="0 0 18 14" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 7L1 7M1 7L7 13M1 7L7 0.999999" stroke="%230E0E1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.slick-arrow:hover {
  background-color: var(--theme-color);
}
.slick-arrow:hover .icon {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.slick-arrow.slick-next {
  right: var(--pos-x, -14px);
  left: auto;
}
.slick-arrow.slick-next .icon {
  content: url('data:image/svg+xml,<svg width="18" height="14" viewBox="0 0 18 14" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 7H17M17 7L11 1M17 7L11 13" stroke="%230E0E1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.arrow-margin .slick-arrow {
  top: calc(50% - 30px);
}

.arrow-wrap .slick-arrow {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.arrow-wrap:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.slick-arrow.default {
  position: relative;
  --pos-x: 0;
  margin-top: 0;
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .slick-arrow {
    --arrow-horizontal: -20px;
    --pos-x: -70px;
  }
}
/* Medium Large devices */
@media (max-width: 1399px) {
  .slick-arrow {
    --arrow-horizontal: 40px;
    --pos-x: -6px;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .slick-arrow {
    margin-right: 40px;
    font-size: 14px;
  }
  .slick-arrow.slick-next {
    margin-right: 0;
    margin-left: 40px;
  }
  .slick-dots {
    margin: 40px 0 0 0;
  }
  .icon-box .slick-arrow {
    margin-right: 0;
  }
}
/*------------------- Mobile Menu -------------------*/
.ot-menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  width: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 0.8s;
  transition: all ease 0.8s;
  opacity: 0;
  visibility: hidden;
}
.ot-menu-wrapper .mobile-logo {
  padding-bottom: 50px;
  padding-top: 40px;
  display: block;
  text-align: center;
  background-color: var(--body-bg);
  clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
}
.ot-menu-wrapper .mobile-logo svg {
  max-width: 185px;
}
.ot-menu-wrapper .ot-menu-toggle {
  border: none;
  font-size: 22px;
  position: absolute;
  right: -16.5px;
  top: 25px;
  padding: 0;
  line-height: 1;
  width: 33px;
  height: 33px;
  line-height: 0;
  font-size: 18px;
  z-index: 1;
  color: var(--white-color);
  background-color: var(--theme-color);
  border-radius: 50%;
}
.ot-menu-wrapper .ot-menu-toggle svg {
  max-width: 12px;
}
.ot-menu-wrapper .ot-menu-toggle:hover {
  background-color: var(--black-color);
  color: var(--white-color);
}
.ot-menu-wrapper .ot-menu-area {
  width: 100%;
  max-width: 310px;
  background-color: var(--smoke-color);
  border-right: 3px solid var(--theme-color);
  height: 100%;
  position: relative;
  left: -110%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
  z-index: 1;
}
.ot-menu-wrapper.ot-body-visible {
  opacity: 1;
  visibility: visible;
}
.ot-menu-wrapper.ot-body-visible .ot-menu-area {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.ot-mobile-menu {
  overflow-y: scroll;
  max-height: calc(100vh - 200px);
  padding-bottom: 40px;
  margin-top: 33px;
  text-align: left;
}
.ot-mobile-menu ul {
  margin: 0;
  padding: 0 0;
}
.ot-mobile-menu ul li {
  border-bottom: 1px solid var(--ot-border-color);
  list-style-type: none;
}
.ot-mobile-menu ul li li:first-child {
  border-top: 1px solid var(--ot-border-color);
}
.ot-mobile-menu ul li a {
  display: block;
  position: relative;
  padding: 12px 0;
  line-height: 1.4;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  color: var(--title-color);
}
.ot-mobile-menu ul li.ot-active > a {
  color: var(--theme-color);
}
.ot-mobile-menu ul li.ot-active > a:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ot-mobile-menu ul li ul li {
  padding-left: 20px;
}
.ot-mobile-menu ul li ul li:last-child {
  border-bottom: none;
}
.ot-mobile-menu ul .ot-item-has-children > a {
  position: relative;
}
.ot-mobile-menu ul .ot-item-has-children > a .ot-mean-expand {
  position: absolute;
  right: 0;
  top: 50%;
  font-weight: 400;
  font-size: 12px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-top: -12.5px;
  display: inline-block;
  text-align: center;
  background-color: var(--smoke-color2);
  color: var(--title-color);
  -webkit-box-shadow: 0 0 20px -8px rgba(173, 136, 88, 0.5);
          box-shadow: 0 0 20px -8px rgba(173, 136, 88, 0.5);
  border-radius: 50%;
}
.ot-mobile-menu ul .ot-item-has-children > a .ot-mean-expand:before {
  content: "+";
  font-family: "Arial";
  font-size: 16px;
}
.ot-mobile-menu ul .ot-item-has-children > a:after {
  content: "+";
  font-family: "Arial";
  width: 22px;
  height: 22px;
  line-height: 22px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  border-radius: 50px;
  background-color: var(--smoke-color);
  float: right;
  margin-top: 1px;
  display: none;
}
.ot-mobile-menu ul .ot-item-has-children.ot-active > a .ot-mean-expand:before {
  content: "-";
}
.ot-mobile-menu ul .ot-item-has-children.ot-active > a:after {
  content: "-";
}
.ot-mobile-menu > ul {
  padding: 0 40px;
}
.ot-mobile-menu > ul > li:last-child {
  border-bottom: none;
}

.ot-menu-toggle {
  width: 50px;
  height: 50px;
  line-height: 0;
  padding: 0;
  font-size: 20px;
  border: none;
  background-color: var(--theme-color);
  color: var(--white-color);
  display: inline-block;
  border-radius: 12px;
}
.ot-menu-toggle:hover {
  background-color: var(--black-color);
}

@media (max-width: 400px) {
  .ot-menu-wrapper .ot-menu-area {
    width: 100%;
    max-width: 270px;
  }
  .ot-mobile-menu > ul {
    padding: 0 20px;
  }
}
/*=================================
    03. Utilities
==================================*/
/*------------------- Preloader -------------------*/
.preloader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  background-color: var(--title-color);
}
.preloader .ot-btn {
  padding: 15px 20px;
  border-radius: 0;
  font-size: 14px;
}

.preloader-inner {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  line-height: 1;
}
.preloader-inner img {
  display: block;
  margin: 0 auto 10px auto;
}

.loader {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: var(--white-color);
}

.loader::before {
  content: "";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 24px solid var(--theme-color);
  -webkit-animation: prixClipFix 2s infinite linear;
          animation: prixClipFix 2s infinite linear;
}

@-webkit-keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}

@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}
/*------------------- Buttons -------------------*/
.ot-btn {
  position: relative;
  z-index: 2;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  border: none;
  text-align: center;
  background-color: var(--theme-color);
  color: var(--white-color);
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
  padding: 20px 24px;
  min-width: auto;
  border-radius: 27px;
  min-width: 124px;
}
.ot-btn .icon1 {
  content: url('data:image/svg+xml,<svg width="14" height="10" viewBox="0 0 14 10" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.6665 5H12.3332M12.3332 5L8.33317 1M12.3332 5L8.33317 9" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  display: inline-block;
  margin-left: 5px;
}
.ot-btn .discord-icon {
  margin-right: 4px;
  display: inline-block;
}
.ot-btn.has-dots:after {
  content: url('data:image/svg+xml,<svg width="121" height="46" viewBox="0 0 121 46" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="5.19043" cy="13.5005" rx="0.5" ry="0.5" transform="rotate(90 5.19043 13.5005)" fill="white"/><circle cx="21.1895" cy="11.9452" r="1.04826" transform="rotate(90 21.1895 11.9452)" fill="%2353BCFF"/><ellipse cx="69.1904" cy="31.5005" rx="0.5" ry="0.5" transform="rotate(90 69.1904 31.5005)" fill="white"/><ellipse cx="24.1904" cy="33.5005" rx="0.5" ry="0.5" transform="rotate(90 24.1904 33.5005)" fill="white"/><ellipse cx="113.69" cy="29.0005" rx="1" ry="1" transform="rotate(-90 113.69 29.0005)" fill="%2353BCFF"/><circle cx="8.08622" cy="24.8068" r="0.524132" transform="rotate(90 8.08622 24.8068)" fill="%2353BCFF"/><circle cx="56.3059" cy="34.2414" r="0.524132" transform="rotate(90 56.3059 34.2414)" fill="%2353BCFF"/><circle cx="61.5481" cy="15.3733" r="0.524132" transform="rotate(90 61.5481 15.3733)" fill="white"/><circle cx="39.5342" cy="23.759" r="0.524132" transform="rotate(90 39.5342 23.759)" fill="%2353BCFF"/><circle cx="88.802" cy="35.049" r="0.524132" transform="rotate(90 88.802 35.049)" fill="%2353BCFF"/><circle cx="83.5608" cy="18.5178" r="0.524132" transform="rotate(90 83.5608 18.5178)" fill="%2353BCFF"/><circle cx="120.25" cy="4.89017" r="0.524132" transform="rotate(-90 120.25 4.89017)" fill="white"/><circle cx="0.524132" cy="40.9109" r="0.524132" transform="rotate(-90 0.524132 40.9109)" fill="%2353BCFF"/><circle cx="83.5608" cy="5.93844" r="0.524132" transform="rotate(90 83.5608 5.93844)" fill="%2353BCFF"/><circle cx="120.25" cy="17.4695" r="0.524132" transform="rotate(-90 120.25 17.4695)" fill="%2353BCFF"/><circle cx="16.9309" cy="0.524208" r="0.524132" transform="rotate(-90 16.9309 0.524208)" fill="%2353BCFF"/><circle cx="102.43" cy="13.2763" r="0.524132" transform="rotate(90 102.43 13.2763)" fill="%2353BCFF"/><circle cx="39.5342" cy="8.03512" r="0.524132" transform="rotate(90 39.5342 8.03512)" fill="%2353BCFF"/><circle cx="70.0872" cy="45.0476" r="0.184302" transform="rotate(92.3129 70.0872 45.0476)" fill="%2353BCFF"/><circle cx="91.7127" cy="42.1235" r="0.583525" transform="rotate(92.3129 91.7127 42.1235)" fill="%2353BCFF"/><circle cx="49.9879" cy="36.1825" r="0.524132" transform="rotate(92.3129 49.9879 36.1825)" fill="%2353BCFF"/><circle cx="115.805" cy="43.037" r="0.524132" transform="rotate(-87.6871 115.805 43.037)" fill="%2353BCFF"/><circle cx="21.3692" cy="43.42" r="0.524132" transform="rotate(92.3129 21.3692 43.42)" fill="white"/></svg>');
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ot-btn:hover, .ot-btn.active {
  color: var(--white-color);
  background-color: var(--smoke-color2);
}
.ot-btn:hover:before, .ot-btn.active:before {
  visibility: visible;
  opacity: 1;
}
.ot-btn:hover:after {
  -webkit-animation: breathe 1.2s linear infinite;
          animation: breathe 1.2s linear infinite;
}
.ot-btn.style2 {
  background-color: transparent;
  border: 1px solid var(--ot-border-color);
  color: var(--white-color);
  padding: 19px 24px;
}
.ot-btn.style2:before {
  display: none;
}
.ot-btn.style2:hover {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.ot-btn.style3 {
  background: var(--smoke-color2);
  color: var(--title-color);
  font-weight: 500;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.ot-btn.style3 .icon1 {
  content: url('data:image/svg+xml,<svg width="8" height="12" viewBox="0 0 8 12" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 11L6.5 6L1.5 1" stroke="%231E42FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.ot-btn.style3:hover {
  color: var(--white-color);
  background-color: var(--theme-color);
}
.ot-btn.style4 {
  background: var(--theme-color2);
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ot-btn.btn-lg {
  font-size: 18px;
  padding: 21px 24px;
}
.ot-btn.btn-xl {
  font-size: 24px;
  padding: 25px 30px;
}
.ot-btn.btn-sm {
  padding: 16px 30px;
}
.ot-btn.w-100:hover::before, .ot-btn.w-100.active::before {
  height: 760%;
}

@-webkit-keyframes shine {
  0% {
    left: -100px;
  }
  60% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}

@keyframes shine {
  0% {
    left: -100px;
  }
  60% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
@-webkit-keyframes breathe {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes breathe {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.link-btn {
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  line-height: 0.8;
  position: relative;
  padding-bottom: 4px;
  margin-bottom: -4px;
  text-transform: capitalize;
  color: var(--title-color);
  text-decoration: none !important;
}
.link-btn i {
  margin-left: 5px;
  font-size: 0.9rem;
}
.link-btn.title-color {
  color: var(--title-color);
  font-weight: 600;
}
.link-btn:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: var(--theme-color);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.link-btn:hover {
  color: var(--theme-color);
}
.link-btn:hover::before {
  width: 100%;
}

/*------------------- Titles -------------------*/
.sec-title {
  margin-bottom: calc(var(--section-title-space) - 13px);
  margin-top: -0.25em;
}

.sub-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--theme-color);
  text-transform: uppercase;
  margin-bottom: 26px;
  position: relative;
  display: block;
}

.text-gradient {
  color: transparent;
  background-image: linear-gradient(96.61deg, var(--theme-color) 7.4%, var(--theme-color) 92.85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient2 {
  color: transparent;
  background-image: linear-gradient(96.61deg, var(--theme-color2) 7.4%, var(--theme-color3) 92.85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient3 {
  color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(var(--theme-color2)));
  background-image: linear-gradient(to right, var(--theme-color), var(--theme-color2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.title-area {
  margin-bottom: calc(var(--section-title-space) - 13px);
  position: relative;
  z-index: 2;
}
.title-area .sec-title {
  margin-bottom: 25px;
}
.title-area .sec-text {
  padding-bottom: 10px;
}
.title-area.mb-0 .sec-title {
  margin-bottom: -0.23em;
}

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

.box-title {
  font-size: 24px;
  line-height: 1.455;
  margin-top: -0.32em;
  font-weight: 700;
  margin-bottom: 16px;
}
.box-title a {
  color: inherit;
}
.box-title a:hover {
  color: var(--theme-color);
}

.title-wrap {
  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: 5px;
}
.title-wrap .box-title {
  margin: 0;
}

.sec-text {
  max-width: 670px;
  font-weight: 500;
}

.title-area.text-center .sec-text {
  margin-left: auto;
  margin-right: auto;
}

.sec-btn {
  margin-bottom: var(--section-title-space);
}

/* Large devices */
@media (max-width: 1199px) {
  .sub-title {
    margin-bottom: 20px;
  }
  .title-area,
  .sec-title {
    --section-title-space: 45px;
  }
  .title-area.mb-30,
  .sec-title.mb-30 {
    margin-bottom: 25px;
  }
  .title-area.mb-40,
  .sec-title.mb-40 {
    margin-bottom: 30px;
  }
  .title-area.mb-45,
  .sec-title.mb-45 {
    margin-bottom: 32px;
  }
  .title-area.mb-50,
  .sec-title.mb-50 {
    margin-bottom: 35px;
  }
  .title-area.mb-25,
  .sec-title.mb-25 {
    margin-bottom: 15px;
  }
  .title-area.mb-35,
  .sec-title.mb-35 {
    margin-bottom: 25px;
  }
  .sec-btn {
    --section-title-space: 50px;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .title-area,
  .sec-title {
    --section-title-space: 50px;
  }
  .title-area.mb-40,
  .sec-title.mb-40 {
    margin-bottom: 25px;
  }
  .title-area.mb-45,
  .sec-title.mb-45 {
    margin-bottom: 27px;
  }
  .title-area.mb-50,
  .sec-title.mb-50 {
    margin-bottom: 28px;
  }
  .sec-btn {
    --section-title-space: 50px;
  }
}
/* Extra small devices */
@media (max-width: 575px) {
  .sub-title .text {
    padding: 2px 12px;
    min-width: 120px;
  }
}
/*------------------- Common -------------------*/
.shape-mockup-wrap {
  z-index: 2;
  position: relative;
}

.shape-mockup {
  position: absolute;
  z-index: -1;
}
.shape-mockup.z-index-3 {
  z-index: 3;
}

.z-index-step1 {
  position: relative;
  z-index: 4 !important;
}

.z-index-common {
  position: relative;
  z-index: 3;
}

.z-index-3 {
  z-index: 3;
}

.z-index-n1 {
  z-index: -1;
}

.media-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.badge {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  text-align: center;
  background-color: var(--theme-color);
  color: var(--white-color);
  padding: 0.35em 0.55em;
  border-radius: 50%;
  top: -4px;
  right: -4px;
  font-weight: 400;
}

.bg-mask {
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.box-text {
  margin-bottom: -0.3em;
}

.rounded-20 {
  border-radius: 20px;
  /* Small devices */
}
@media (max-width: 767px) {
  .rounded-20 {
    border-radius: 10px;
  }
}

.rounded-10 {
  border-radius: 10px;
}

.ot-social a {
  display: inline-block;
  width: var(--icon-size, 44px);
  height: var(--icon-size, 44px);
  line-height: var(--icon-size, 44px);
  background-color: transparent;
  color: var(--body-color);
  font-size: 16px;
  text-align: center;
  margin-right: 5px;
  border-radius: 50%;
  border: none;
  background-color: var(--smoke-color);
}
.ot-social a:last-child {
  margin-right: 0;
}
.ot-social a:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}

.slider-shadow .slick-list {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: -30px;
  margin-top: -30px;
}

.btn-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
.btn-group:has(.video-link) {
  gap: 60px;
  /* Small devices */
  /* Extra small devices */
}
@media (max-width: 767px) {
  .btn-group:has(.video-link) {
    gap: 40px;
  }
}
@media (max-width: 575px) {
  .btn-group:has(.video-link) {
    gap: 25px;
  }
}

.video-link {
  font-weight: 500;
  color: var(--white-color);
}
.video-link .play-btn {
  --icon-size: 56px;
  font-size: 0.8em;
  margin-right: 12px;
}
.video-link .play-btn i {
  line-height: 54px;
}
.video-link:hover {
  color: var(--theme-color);
}

.ot-video {
  position: relative;
  overflow: hidden;
}

.box-icon img,
.box-img img {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.box-bottom {
  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: 5px;
}
.box-bottom .line-btn {
  margin-bottom: -0.5em;
  white-space: nowrap;
}

.text-social {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 40px;
}
.text-social a {
  font-weight: 700;
  color: var(--title-color);
  text-transform: uppercase;
  /* Extra small devices */
}
.text-social a:hover {
  color: var(--theme-color);
}
@media (max-width: 375px) {
  .text-social a {
    font-size: 14px;
  }
}

.xdsoft_datetimepicker {
  background-color: var(--white-color);
  z-index: 5;
}

.mfp-zoom-in .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.mfp-zoom-in.mfp-ready .mfp-content {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.7;
}

.mfp-zoom-in.mfp-removing .mfp-content {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/*------------------- Font -------------------*/
.font-icon {
  font-family: var(--icon-font);
}

.font-title {
  font-family: var(--title-font);
}

.font-body {
  font-family: var(--body-font);
}

.fw-extralight {
  font-weight: 100;
}

.fw-light {
  font-weight: 300;
}

.fw-normal {
  font-weight: 400;
}

.fw-medium {
  font-weight: 500;
}

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

.fw-bold {
  font-weight: 700;
}

.fw-extrabold {
  font-weight: 800;
}

.fs-md {
  font-size: 18px;
}

.fs-lg {
  font-size: 20px;
}

.fs-22 {
  font-size: 22px;
}

.fs-xs {
  font-size: 14px;
}

.fs-60 {
  font-size: 60px;
  line-height: 74px;
}

.fs-96 {
  font-size: 96px;
  line-height: 1.1;
}

/* Large devices */
@media (max-width: 1199px) {
  .fs-60 {
    font-size: 50px;
    line-height: 62px;
  }
  .fs-96 {
    font-size: 70px;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .fs-60 {
    font-size: 38px;
    line-height: 1.33;
  }
  .fs-96 {
    font-size: 54px;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .fs-60 {
    font-size: 32px;
  }
  .fs-96 {
    font-size: 42px;
  }
}
/*------------------- Background -------------------*/
.bg-theme {
  background-color: var(--theme-color) !important;
}

.bg-theme2 {
  background-color: var(--theme-color2) !important;
}

.bg-smoke {
  background-color: var(--smoke-color) !important;
}

.bg-smoke2 {
  background-color: var(--smoke-color2) !important;
}

.bg-smoke3 {
  background-color: var(--smoke-color3) !important;
}

.bg-white {
  background-color: var(--white-color) !important;
}

.bg-black {
  background-color: var(--black-color) !important;
}

.bg-title {
  background-color: var(--title-color) !important;
}

.bg-body {
  background-color: var(--body-color) !important;
}

.gr-bg1 {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(var(--theme-color2)));
  background-image: linear-gradient(to right, var(--theme-color), var(--theme-color2));
}

.background-image,
[data-bg-src] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-fluid {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.bg-auto {
  background-size: auto auto;
}

.bg-bottom-right {
  background-size: auto;
  background-position: bottom right;
}

.bg-top-right {
  background-size: auto;
  background-position: top right;
}

.bg-top-center {
  background-size: auto;
  background-position: top center;
}

.bg-top-left {
  background-size: auto;
  background-position: top left;
}

.bg-left {
  background-position: left center;
}

.bg-top {
  background-position: top center;
}

.bg-repeat {
  background-size: auto;
  background-repeat: repeat;
}

.bg-contain-repeat {
  background-size: contain;
  background-repeat: repeat;
  background-position: center left;
}

/* Large devices */
@media (max-width: 1199px) {
  .bg-contain-repeat {
    background-position: bottom left;
  }
}
/*------------------- Text Color -------------------*/
.text-theme {
  color: var(--theme-color) !important;
}

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

.text-title {
  color: var(--title-color) !important;
}

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

.text-white {
  color: var(--white-color) !important;
}

.text-light {
  color: var(--light-color) !important;
}

.text-gray {
  color: var(--gray-color) !important;
}

.text-yellow {
  color: var(--yellow-color) !important;
}

.text-success {
  color: var(--success-color) !important;
}

.text-error {
  color: var(--error-color) !important;
}

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

a.text-theme:hover,
.text-reset:hover {
  text-decoration: underline;
}

/*------------------- Overlay -------------------*/
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.position-center {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

[data-overlay] {
  position: relative;
  z-index: 2;
}
[data-overlay] [class^=col-],
[data-overlay] [class*=col-] {
  z-index: 1;
}

[data-overlay]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

[data-overlay=theme]:before {
  background-color: var(--theme-color);
}

[data-overlay=theme2]:before {
  background-color: var(--theme-color2);
}

[data-overlay=title]:before {
  background-color: var(--title-color);
}

[data-overlay=white]:before {
  background-color: var(--white-color);
}

[data-overlay=black]:before {
  background-color: var(--black-color);
}

[data-overlay=overlay1]:before {
  background-color: #0E121D;
}

[data-opacity="1"]:before {
  opacity: 0.1;
}

[data-opacity="2"]:before {
  opacity: 0.2;
}

[data-opacity="3"]:before {
  opacity: 0.3;
}

[data-opacity="4"]:before {
  opacity: 0.4;
}

[data-opacity="5"]:before {
  opacity: 0.5;
}

[data-opacity="6"]:before {
  opacity: 0.6;
}

[data-opacity="7"]:before {
  opacity: 0.7;
}

[data-opacity="8"]:before {
  opacity: 0.8;
}

[data-opacity="9"]:before {
  opacity: 0.9;
}

[data-opacity="10"]:before {
  opacity: 1;
}

/*------------------- Animation -------------------*/
.ripple-animation {
  -webkit-animation-duration: var(--ripple-ani-duration);
          animation-duration: var(--ripple-ani-duration);
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: ripple;
          animation-name: ripple;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  30% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: scale(1.7);
            transform: scale(1.7);
    opacity: 0;
  }
}

@keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  30% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: scale(1.7);
            transform: scale(1.7);
    opacity: 0;
  }
}
@-webkit-keyframes ripplemap {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  30% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
    opacity: 0;
  }
}
@keyframes ripplemap {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  30% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
    opacity: 0;
  }
}
.movingX {
  -webkit-animation: movingX 8s linear infinite;
          animation: movingX 8s linear infinite;
}

@-webkit-keyframes movingX {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes movingX {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.moving {
  -webkit-animation: moving 8s linear infinite;
          animation: moving 8s linear infinite;
}

@-webkit-keyframes moving {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes moving {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.jump {
  -webkit-animation: jumpAni 7s linear infinite;
          animation: jumpAni 7s linear infinite;
}

@-webkit-keyframes jumpAni {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes jumpAni {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.jump-reverse {
  -webkit-animation: jumpReverseAni 7s linear infinite;
          animation: jumpReverseAni 7s linear infinite;
}

@-webkit-keyframes jumpReverseAni {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes jumpReverseAni {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.spin {
  -webkit-animation: spin 15s linear infinite;
          animation: spin 15s linear infinite;
}

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

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes animate-positive {
  0% {
    width: 0;
  }
}
@keyframes animate-positive {
  0% {
    width: 0;
  }
}
.scalein.ot-animated {
  --animation-name: scalein;
}

.slidetopleft.ot-animated {
  --animation-name: slidetopleft;
}

.slidebottomright.ot-animated {
  --animation-name: slidebottomright;
}

.slideinleft.ot-animated {
  --animation-name: slideinleft;
}

.slideinright.ot-animated {
  --animation-name: slideinright;
}

.slideinup.ot-animated {
  --animation-name: slideinup;
}

.slideindown.ot-animated {
  --animation-name: slideindown;
}

.rollinleft.ot-animated {
  --animation-name: rollinleft;
}

.rollinright.ot-animated {
  --animation-name: rollinright;
}

.scalein,
.slidetopleft,
.slidebottomright,
.slideinleft,
.slideinright,
.slideindown,
.slideinup,
.rollinleft,
.rollinright {
  opacity: 0;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-name: var(--animation-name);
          animation-name: var(--animation-name);
}

.ot-animated {
  opacity: 1;
}

@-webkit-keyframes slideinup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(70px);
            transform: translateY(70px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideinup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(70px);
            transform: translateY(70px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes slideinright {
  0% {
    opacity: 0;
    -webkit-transform: translateX(70px);
            transform: translateX(70px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideinright {
  0% {
    opacity: 0;
    -webkit-transform: translateX(70px);
            transform: translateX(70px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes slideindown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-70px);
            transform: translateY(-70px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slideindown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-70px);
            transform: translateY(-70px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes slideinleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-70px);
            transform: translateX(-70px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideinleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-70px);
            transform: translateX(-70px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes slidebottomright {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px) translateY(100px);
            transform: translateX(100px) translateY(100px);
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
}
@keyframes slidebottomright {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px) translateY(100px);
            transform: translateX(100px) translateY(100px);
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
}
@-webkit-keyframes slidetopleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px) translateY(-100px);
            transform: translateX(-100px) translateY(-100px);
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
}
@keyframes slidetopleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px) translateY(-100px);
            transform: translateX(-100px) translateY(-100px);
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
}
@-webkit-keyframes scalein {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scalein {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes rollinleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
            transform: translateX(-100%) rotate(-120deg);
  }
  to {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
  }
}
@keyframes rollinleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
            transform: translateX(-100%) rotate(-120deg);
  }
  to {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
  }
}
@-webkit-keyframes rollinright {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
            transform: translateX(100%) rotate(120deg);
  }
  to {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
  }
}
@keyframes rollinright {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
            transform: translateX(100%) rotate(120deg);
  }
  to {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
  }
}
/*------------------- Header  -------------------*/
.ot-header {
  position: relative;
  z-index: 41;
}

.sticky-wrapper {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.sticky-wrapper.sticky {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-animation: stickyAni 0.4s ease-in-out;
          animation: stickyAni 0.4s ease-in-out;
}
.sticky-wrapper.sticky .menu-area {
  background-color: var(--smoke-color) !important;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

@-webkit-keyframes stickyAni {
  0% {
    -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
            transform: translate3d(0, -40px, 0) scaleY(0.8);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1);
            transform: translate3d(0, 0, 0) scaleY(1);
    opacity: 1;
  }
}

@keyframes stickyAni {
  0% {
    -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
            transform: translate3d(0, -40px, 0) scaleY(0.8);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1);
            transform: translate3d(0, 0, 0) scaleY(1);
    opacity: 1;
  }
}
.main-menu a {
  display: block;
  position: relative;
  font-weight: 500;
  font-size: 16px;
  color: var(--title-color);
  text-transform: capitalize;
}
.main-menu a:hover {
  color: var(--theme-color);
}
.main-menu a:hover:after {
  background-color: var(--theme-color) !important;
}
.main-menu > ul > li {
  margin: 0 20px;
}
.main-menu > ul > li > a {
  padding: 12px 0;
}
.main-menu ul {
  margin: 0;
  padding: 0;
}
.main-menu ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
}
.main-menu ul li.menu-item-has-children > a:after {
  content: "";
  position: relative;
  display: inline-block;
  width: 12px;
  height: 8px;
  margin-left: 5px;
  -webkit-mask-image: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.771118 1L6.77112 7L12.7711 1" stroke="%236793A5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
          mask-image: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.771118 1L6.77112 7L12.7711 1" stroke="%236793A5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background-color: var(--body-color);
  top: 0;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.main-menu ul li:last-child {
  margin-right: 0 !important;
}
.main-menu ul li:first-child {
  margin-left: 0 !important;
}
.main-menu ul li:hover > ul.sub-menu,
.main-menu ul li:hover ul.mega-menu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  z-index: 9;
}
.main-menu ul.sub-menu {
  position: absolute;
  text-align: left;
  top: 100%;
  left: 0;
  background-color: var(--body-bg);
  border: 1px solid var(--ot-border-color);
  visibility: hidden;
  min-width: 190px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 7px;
  left: -14px;
  opacity: 0;
  z-index: -1;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.main-menu ul.sub-menu a {
  font-size: 14px;
  line-height: 30px;
}
.main-menu ul.sub-menu {
  padding: 18px 20px;
  left: -27px;
}
.main-menu ul.sub-menu li {
  display: block;
  margin: 0 0;
  padding: 0px 9px;
}
.main-menu ul.sub-menu li.menu-item-has-children > a:after {
  float: right;
  top: 1px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.main-menu ul.sub-menu li a {
  position: relative;
  padding-left: 20px;
  text-transform: capitalize;
}
.main-menu ul.sub-menu li a:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--theme-color);
}
.main-menu ul.sub-menu li ul.sub-menu {
  left: 100%;
  right: auto;
  top: 0;
  margin: 0 0;
  margin-left: 20px;
}
.main-menu ul.sub-menu li ul.sub-menu li ul {
  left: 100%;
  right: auto;
}

@media (max-width: 1500px) {
  .main-menu > ul > li {
    margin: 0 13px;
  }
}
.triangle-top {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 100px 100px 100px;
  border-color: transparent transparent #6980fe transparent;
}

.dropdown-menu:before {
  content: "";
  position: absolute;
  top: -10px;
  left: calc(50% - 10px);
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
}

.header-button {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  /* Extra small devices */
}
.header-button .dropdown-menu {
  text-align: center;
  top: 7px !important;
}
@media (max-width: 575px) {
  .header-button {
    gap: 6px;
  }
}

.logo-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .logo-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.shape-wrapper {
  overflow: hidden;
  max-width: 100%;
  max-height: 100vh;
  display: none;
}
.shape-wrapper img {
  max-height: 95vh;
}

.header-page-title {
  font-size: 24px;
  font-weight: 400;
  color: #313E64;
  border-left: 1px solid #313E64;
  padding-left: 15px;
  margin: 0;
  margin-left: 15px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .header-page-title {
    padding-left: 0;
    margin-left: 0;
    border: none;
    display: none;
  }
}

.main-bg-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}
.main-bg-shape img {
  width: 100%;
}

.shape-birds {
  position: absolute;
  top: 93px;
  left: 30%;
  z-index: -1;
}

.menu-buttons {
  text-align: left;
  padding: 0 40px;
}
.menu-buttons .ot-btn {
  margin-bottom: 10px;
}
@media (max-width: 400px) {
  .menu-buttons {
    padding: 0 20px;
  }
}

/* Header 1 ---------------------------------- */
.header-layout1 {
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .header-layout1 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.header-layout1 .menu-area {
  position: relative;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.3);
  max-width: 870px;
  margin: 0 auto;
  border-radius: 10px;
  padding: 0 6px;
}
.header-layout1 .header-logo {
  position: relative;
  z-index: 2;
}
.header-layout1 .ot-menu-toggle {
  margin-left: auto;
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .header-layout1 .header-button .ot-btn {
    margin-left: 0;
  }
}
/* Large devices */
@media (max-width: 1199px) {
  .header-layout1 .main-menu {
    margin-left: -10px;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .header-layout1 .row {
    --bs-gutter-x: 6px;
  }
  .header-layout1 .header-logo img {
    max-width: 160px;
  }
  .header-layout1 .header-button .ot-btn.style2 {
    display: none;
  }
}
/*------------------- Footer  -------------------*/
.footer-wrapper {
  position: relative;
  z-index: 2;
}

.widget-area {
  padding-bottom: 60px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .widget-area {
    padding-bottom: 20px;
  }
}

.footer-sitcky.sticky-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.copyright-wrap {
  padding: 20px 0;
  border-top: 1px solid var(--ot-border-color);
}

.copyright-text {
  margin: 0;
  color: var(--title-color);
}
.copyright-text a {
  color: var(--theme-color);
}
.copyright-text a:hover {
  color: var(--title-color);
}

.social-links .social-title {
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  margin: 0 20px 0 0;
  color: var(--body-color);
}
.social-links a {
  font-size: 16px;
  display: inline-block;
  color: var(--body-color);
  text-align: center;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  margin-right: 30px;
}
.social-links a:last-child {
  margin-right: 0;
}
.social-links a svg {
  width: auto;
}
.social-links a path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.social-links a:hover path {
  fill: var(--theme-color);
}

.footer-widget {
  margin-bottom: 0;
  height: 100%;
}
.footer-widget,
.footer-widget .widget {
  padding: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  /* Medium devices */
}
@media (max-width: 991px) {
  .footer-widget,
  .footer-widget .widget {
    margin-bottom: 45px;
  }
}
.footer-widget .box-title {
  font-size: 20px;
  margin-bottom: 12px;
}
.footer-widget input,
.footer-widget select {
  width: 100%;
  height: 56px;
}
.footer-widget .widget_title {
  font-size: 24px;
  font-weight: 500;
  margin-top: -0.2em;
  color: var(--title-color);
  margin-bottom: 20px;
  display: block;
}
.footer-widget.widget_categories .menu,
.footer-widget.widget_categories > ul, .footer-widget.widget_nav_menu .menu,
.footer-widget.widget_nav_menu > ul {
  padding: 0;
  margin: 0;
  margin-bottom: -5px;
  display: inline-block;
}
.footer-widget.widget_categories a, .footer-widget.widget_nav_menu a {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
  font-family: var(--body-font);
  color: var(--title-color);
  display: block;
  max-width: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  padding: 0;
}
.footer-widget.widget_categories a:hover, .footer-widget.widget_nav_menu a:hover {
  color: var(--theme-color);
}
.footer-widget.widget_categories li, .footer-widget.widget_nav_menu li {
  list-style: none;
}
.footer-widget.widget_categories li:last-child a, .footer-widget.widget_nav_menu li:last-child a {
  margin-bottom: 0;
}

.widget_nav_menu.footer-widget {
  position: relative;
  z-index: 2;
}

.ot-widget-about {
  height: 100%;
  max-width: 375px;
}
.ot-widget-about .about-logo {
  margin-bottom: 30px;
}
.ot-widget-about .about-text {
  margin-bottom: 60px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .ot-widget-about .about-text {
    margin-bottom: 40px;
  }
}
.ot-widget-about .social-links {
  margin-top: 40px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .ot-widget-about .social-links {
    margin-top: 30px;
  }
}

.footer-text {
  color: var(--body-color);
  margin-bottom: 0;
}

.newsletter-widget {
  width: 330px;
  max-width: 100%;
  margin-left: auto;
  /* Large devices */
  /* Small devices */
}
.newsletter-widget .footer-text {
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .newsletter-widget {
    padding-left: 30px;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .newsletter-widget {
    padding-left: 0;
  }
}

.newsletter-wrap {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  text-align: center;
}
.newsletter-wrap .newsletter-title {
  font-weight: 600;
}
.newsletter-wrap .newsletter-text {
  font-weight: 400;
  color: var(--title-color);
  margin-bottom: 30px;
}

.newsletter-form {
  width: 100%;
  position: relative;
  z-index: 2;
}
.newsletter-form .wpcf7-spinner {
  display: none;
}
.newsletter-form .wpcf7-response-output {
  margin: 15px 0 0 0;
}
.newsletter-form input {
  height: 56px;
  background-color: var(--smoke-color);
}
.newsletter-form input:focus {
  border-color: var(--theme-color);
}
.newsletter-form .ot-btn {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 11.5px 16px;
  height: 48px;
  min-width: auto;
  border-radius: 6px;
  background: var(--theme-color2);
  width: auto;
  outline: none;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.newsletter-form .ot-btn:hover {
  background: var(--title-color);
}
.newsletter-form .icon-btn {
  width: 44px;
  height: 44px;
  line-height: 42px;
  border-radius: 10px;
  background-image: linear-gradient(96.61deg, var(--theme-color) 7.4%, var(--theme-color) 92.85%);
  color: var(--white-color);
  position: absolute;
  top: 6px;
  right: 6px;
}

.footer-links {
  position: relative;
}
.footer-links ul {
  padding: 0;
  margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* Large devices */
}
@media (max-width: 1199px) {
  .footer-links ul {
    gap: 7px 20px;
  }
}
.footer-links li {
  font-family: var(--body-font);
  display: inline-block;
  position: relative;
  font-weight: 400;
}
.footer-links a {
  color: inherit;
}
.footer-links a:hover {
  color: var(--theme-color);
}

.offer-header {
  background-color: var(--theme-color);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  padding: 12px 0;
  /* Medium devices */
}
.offer-header .header-notice {
  margin: 0;
  color: var(--white-color);
  font-size: 18px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .offer-header .header-notice {
    font-size: 14px;
  }
}
.offer-header .header-voucher {
  font-weight: 500;
  color: #fff;
  /* Medium devices */
}
@media (max-width: 991px) {
  .offer-header .header-voucher {
    font-size: 14px;
  }
}
.offer-header .voucher-copy {
  display: inline-block;
  padding: 5px 12px;
  font-size: 16px;
  font-weight: 500;
  color: var(--title-color);
  border: none;
  background-color: #B0E1FF;
  border-radius: 8px;
  margin-left: 6px;
  margin-right: 6px;
}
.offer-header .voucher-copy svg {
  vertical-align: middle;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.offer-header .voucher-copy .copy-check {
  display: none;
  max-width: 14px;
}
.offer-header .close-offer {
  cursor: pointer;
}
@media (max-width: 991px) {
  .offer-header {
    padding-top: 3px;
  }
  .offer-header .row {
    --bs-gutter-x: 5px;
  }
  .offer-header .close-offer {
    position: absolute;
    right: 10px;
    bottom: 16px;
  }
}

/*------------------- Breadcumb  -------------------*/
.breadcumb-menu {
  max-width: 100%;
  padding: 0;
  margin: 40px 0 -0.5em 0;
  list-style-type: none;
  position: relative;
}
.breadcumb-menu li {
  display: inline-block;
  margin-right: 3px;
  padding-right: 5px;
  list-style: none;
  position: relative;
}
.breadcumb-menu li:after {
  content: "/";
  position: relative;
  margin-left: 10px;
  font-weight: 500;
  font-size: inherit;
  color: inherit;
  font-family: "Arial";
}
.breadcumb-menu li:last-child {
  padding-right: 0;
  margin-right: 0;
  color: var(--light-color);
}
.breadcumb-menu li:last-child:after {
  display: none;
}
.breadcumb-menu li,
.breadcumb-menu a,
.breadcumb-menu span {
  white-space: normal;
  color: inherit;
  word-break: break-word;
  font-weight: 400;
  font-size: 16px;
  color: var(--white-color);
}
.breadcumb-menu li svg,
.breadcumb-menu a svg,
.breadcumb-menu span svg {
  margin-right: 5px;
  margin-top: -7px;
}

.body-shape1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.body-shape1 img {
  width: 100%;
  /* Small devices */
}
@media (max-width: 767px) {
  .body-shape1 img {
    min-height: 750px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.breadcumb-text {
  color: var(--title-color);
  max-width: 500px;
  font-size: 16px;
  margin: 45px auto -0.4em auto;
}
.breadcumb-text.bigger-content {
  max-width: 700px;
}

.breadcumb-subtitle {
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--title-color);
  margin-top: -0.4em;
  margin-bottom: 35px;
  display: block;
}

.breadcumb-title {
  color: var(--title-color);
  margin: -0.23em 0 -0.23em 0;
  display: block;
  position: relative;
  font-weight: 800;
}
.breadcumb-title.platform-title {
  max-width: 804px;
  margin-left: auto;
  margin-right: auto;
}

.breadcumb-wrapper {
  padding: 210px 0 100px 0;
  position: relative;
  z-index: 3;
  text-align: center;
}

/* Large devices */
@media (max-width: 1199px) {
  .breadcumb-menu {
    margin: 30px 0 -0.5em 0;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .breadcumb-wrapper {
    padding: 160px 0 80px;
  }
  .breadcumb-text {
    margin-top: 35px;
  }
  .breadcumb-menu {
    margin: 25px 0 -0.5em 0;
  }
  .breadcumb-menu li,
  .breadcumb-menu a,
  .breadcumb-menu span {
    font-size: 16px;
  }
  .breadcumb-subtitle {
    text-transform: capitalize;
  }
  .breadcumb-title {
    font-size: 40px;
  }
  .breadcumb-title.fs-96 {
    font-size: 54px;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .breadcumb-title {
    font-size: 34px;
  }
  .breadcumb-title.fs-96 {
    font-size: 42px;
  }
}
/*------------------- Simple Sections  -------------------*/
.wpcf7 form p {
  margin: 0;
}
.wpcf7 form br {
  display: none;
}
.wpcf7 form .wpcf7-response-output {
  border: none;
  padding: 0;
  margin-bottom: 0;
}
.wpcf7 form.sent .wpcf7-response-output {
  border: none;
  color: green;
}
.wpcf7 form .wpcf7-not-valid-tip {
  margin-top: 5px;
}

.contact-form {
  max-width: 860px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.8);
  border: 1.5px solid #FFFFFF;
  backdrop-filter: blur(45px);
  border-radius: 18px;
  padding: 30px 30px 0 30px;
  /* Medium devices */
  /* Small devices */
}
.contact-form label {
  color: var(--theme-color);
  font-weight: 700;
  padding-left: 20px;
}
.contact-form label span {
  color: var(--light-color);
  font-weight: 400;
}
.contact-form .row {
  --bs-gutter-x: 16px;
}
.contact-form .form-group {
  margin-bottom: 26px;
}
@media (max-width: 991px) {
  .contact-form {
    padding: 25px 0 0 0;
  }
}
@media (max-width: 767px) {
  .contact-form {
    border-radius: 12px;
  }
}

.newsletter-form2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  max-width: 330px;
  /* Extra small devices */
}
.newsletter-form2 input {
  background-color: transparent;
  border: 1px solid var(--ot-border-color);
}
@media (max-width: 375px) {
  .newsletter-form2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.checklist ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.checklist li {
  font-size: 16px;
  color: var(--body-color);
  display: block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-bottom: 16px;
  padding-left: 34px;
  position: relative;
}
.checklist li:before {
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" rx="12" fill="url(%23paint0_radial_8_21825)"/><path d="M17 8L10.125 15L7 11.8182" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><defs><radialGradient id="paint0_radial_8_21825" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12) rotate(90) scale(24)"><stop stop-color="%235EC0FF"/><stop offset="1" stop-color="%231894E3"/></radialGradient></defs></svg>');
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.checklist li:last-child {
  margin-bottom: 0;
}
.checklist.style2 li {
  padding-left: 22px;
  margin-bottom: 12px;
}
.checklist.style2 li:before {
  content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.99992 8.00004L6.99992 10L10.9999 6.00004M14.6666 8.00004C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00004C1.33325 4.31814 4.31802 1.33337 7.99992 1.33337C11.6818 1.33337 14.6666 4.31814 14.6666 8.00004Z" stroke="%231894E3" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  top: 3px;
}
.checklist.style2 li:last-child {
  margin-bottom: 0;
}

.post-container {
  max-width: 1012px;
  margin-left: auto;
  margin-right: auto;
}

.post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
  margin-bottom: 20px;
  font-weight: 600;
}
.post-content > p:last-child {
  margin-bottom: -0.3em;
}
.post-content p:has(+ h3, + h4, + h5, + h6) {
  margin-bottom: 40px;
}
.post-content ul {
  padding-left: 20px;
}
.post-content ul:has(+ h3, + h4, + h5, + h6) {
  margin-bottom: 40px;
}

.process-box {
  text-align: center;
}
.process-box-area {
  background-size: auto;
  background-position: top 26px center;
  /* Medium devices */
  /* Extra small devices */
}
@media (max-width: 991px) {
  .process-box-area {
    background-position: top 14px center;
  }
}
@media (max-width: 575px) {
  .process-box-area {
    background-image: none !important;
  }
}
.process-box .box-number {
  display: inline-block;
  font-size: 20px;
  color: var(--white-color);
  width: 52px;
  height: 52px;
  line-height: 52px;
  background: radial-gradient(100% 100% at 50% 0%, #5EC0FF 0%, #1894E3 100%);
  -webkit-box-shadow: 0px 12px 29px rgba(83, 188, 255, 0.5);
          box-shadow: 0px 12px 29px rgba(83, 188, 255, 0.5);
  border-radius: 99px;
  margin-bottom: 28px;
}
.process-box .box-title {
  max-width: 280px;
  margin: 0 auto;
}
.process-box.box-2 {
  padding-top: 46px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .process-box.box-2 {
    padding-top: 0;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .process-row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    --bs-gutter-y: 35px;
  }
  .process-box .box-number {
    margin-bottom: 20px;
  }
}
.footer-box1 {
  padding: 80px 40px;
  border-radius: 24px;
  text-align: center;
  height: 100%;
  /* Extra small devices */
}
.footer-box1 .box-subtitle {
  color: var(--theme-color);
  display: block;
  margin-bottom: 16px;
}
.footer-box1 .title {
  max-width: 580px;
  margin: 0 auto 30px auto;
  letter-spacing: -0.03em;
}
.footer-box1 .box-text {
  max-width: 530px;
  margin: 0 auto 36px auto;
}
@media (max-width: 575px) {
  .footer-box1 {
    padding: 50px 20px;
  }
}

.footer-box2 {
  padding: 80px 40px;
  border-radius: 24px;
  text-align: center;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 2;
  /* Extra small devices */
}
.footer-box2 .box-shape {
  position: absolute;
  bottom: 30px;
  left: 0;
  pointer-events: none;
}
.footer-box2 .box-img {
  margin-bottom: 35px;
}
.footer-box2 .title {
  font-size: 32px;
  margin: 0 auto 30px auto;
  max-width: 350px;
  letter-spacing: -0.03em;
}
@media (max-width: 575px) {
  .footer-box2 {
    padding: 50px 20px;
  }
  .footer-box2 .box-shape {
    bottom: 0;
    max-width: 70px;
  }
}

.feature-sec {
  background-position: top center;
  margin-bottom: -150px;
  padding-bottom: 150px;
}

.brand-area {
  text-align: center;
}
.brand-area .box-title {
  color: var(--body-color);
  margin-bottom: 30px;
  font-weight: 500;
}

.brand-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px 80px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* Medium devices */
}
@media (max-width: 991px) {
  .brand-row {
    gap: 20px 40px;
  }
}

.feature-box {
  background: rgba(255, 255, 255, 0.7);
  border: 1.5px solid #FFFFFF;
  -webkit-box-shadow: 0px 32px 60px rgba(9, 67, 104, 0.1);
          box-shadow: 0px 32px 60px rgba(9, 67, 104, 0.1);
  backdrop-filter: blur(45px);
  border-radius: 24px;
  text-align: center;
  padding: 70px 30px;
  height: 100%;
}
.feature-box .box-title {
  font-weight: 800;
}
.feature-box .box-icon {
  margin-bottom: 24px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.rounded-sec {
  margin: 16px;
  border-radius: 24px;
}

.feature-card {
  background: rgba(255, 255, 255, 0.7);
  border: 1.5px solid #FFFFFF;
  -webkit-box-shadow: 0px 32px 60px -20px rgba(9, 67, 104, 0.1);
          box-shadow: 0px 32px 60px -20px rgba(9, 67, 104, 0.1);
  backdrop-filter: blur(45px);
  border-radius: 24px;
  padding: 30px;
  text-align: center;
  height: 100%;
}
.feature-card .box-icon {
  margin-bottom: 30px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  position: relative;
  z-index: 2;
}
.feature-card .box-text {
  max-width: 430px;
  margin-left: auto;
  margin-right: auto;
}
.timeline-wrap {
  padding: 60px 0;
}

.timeline-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 80px;
  margin-bottom: 50px;
  /* Medium devices */
  /* Extra small devices */
}
.timeline-box:last-child {
  margin-bottom: 0;
}
.timeline-box:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.timeline-box:nth-child(even) .box-content {
  text-align: right;
}
.timeline-box:nth-child(odd) .box-img {
  text-align: right;
}
@media (max-width: 991px) {
  .timeline-box {
    gap: 60px;
  }
}
.timeline-box .box-img,
.timeline-box .box-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 395px;
}
.timeline-box .box-subtitle {
  text-transform: uppercase;
  color: var(--title-color);
  display: inline-block;
  background: rgba(255, 255, 255, 0.4);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 20px 20px -15px rgba(9, 67, 104, 0.12);
          box-shadow: 0px 20px 20px -15px rgba(9, 67, 104, 0.12);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  padding: 9px 20px;
  margin-bottom: 28px;
}
.timeline-box .box-title {
  font-size: 32px;
  color: var(--theme-color);
}
@media (max-width: 575px) {
  .timeline-box {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    gap: 40px;
    text-align: center;
  }
  .timeline-box .box-img,
  .timeline-box .box-content {
    max-width: 100%;
    text-align: center !important;
  }
}

.t-line {
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
  width: 3px;
  height: 100%;
  background-color: #CFEDFF;
  /* Extra small devices */
}
.t-line .line-inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 210px;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color)), to(transparent));
  background-image: linear-gradient(to bottom, var(--theme-color), transparent);
}
@media (max-width: 575px) {
  .t-line {
    display: none;
  }
}

.tab-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin-bottom: 50px;
  /* Extra small devices */
}
.tab-wrap .text {
  color: var(--title-color);
}
@media (max-width: 575px) {
  .tab-wrap {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.timeline-tab {
  background-color: var(--white-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-radius: 99px;
  position: relative;
  z-index: 2;
}
.timeline-tab button {
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  background-color: transparent;
  z-index: 3;
  position: relative;
  cursor: pointer;
}
.timeline-tab .indicator {
  position: absolute;
  top: var(--pos-y);
  left: var(--pos-x);
  width: var(--width-set);
  height: var(--height-set);
  background: radial-gradient(100% 100% at 50% 0%, #5EC0FF 0%, #1894E3 100%);
  border: 3px solid #FFFFFF;
  -webkit-box-shadow: 0px 12px 29px -10px #53BCFF;
          box-shadow: 0px 12px 29px -10px #53BCFF;
  border-radius: 99px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.platform-content .line-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
  margin-top: 20px;
}
.platform-content .line-wrap span {
  display: inline-block;
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  height: 2px;
  background-color: var(--body-bg);
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.platform-content .line-wrap span.active {
  background-color: var(--theme-color) !important;
}

.pl-img img {
  width: 100%;
  border-radius: 24px;
}

.platform-tab {
  gap: 16px;
  margin-bottom: 30px;
}
.platform-tab button {
  background: rgba(255, 255, 255, 0.25);
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  border-radius: 8px;
  padding: 11px 12px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.platform-tab button:before {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.platform-tab button.active {
  background: rgba(255, 255, 255, 0.9);
  border: 1.5px solid #FFFFFF;
  -webkit-box-shadow: 0px 22px 40px -50px rgba(9, 67, 104, 0.12);
          box-shadow: 0px 22px 40px -50px rgba(9, 67, 104, 0.12);
}
.platform-tab button.active:before {
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" rx="5" fill="%231894E3"/><path d="M8.3999 12L10.7999 14.4L15.5999 9.59998" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  vertical-align: middle;
  line-height: 1px;
  margin-right: 4px;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

/* Medium devices */
@media (max-width: 991px) {
  .platform-sec {
    text-align: center;
  }
  .platform-sec ul {
    display: inline-block;
  }
  .platform-sec ul li {
    text-align: left;
  }
  .platform-sec .platform-tab {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .platform-sec .line-wrap {
    margin-top: 35px;
  }
  .platform-sec .line-wrap span {
    background-color: var(--ot-border-color);
  }
}
.estimate-buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.estimate-buttons button {
  position: relative;
  z-index: 2;
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--theme-color2)), to(#C3E8FF));
  background-image: linear-gradient(to top, var(--theme-color2), #C3E8FF);
  border: none;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 8px;
  color: var(--title-color);
  min-width: 94px;
}
.estimate-buttons button:before {
  content: "";
  position: absolute;
  inset: 1px;
  background-color: var(--body-bg);
  border-radius: inherit;
  z-index: -1;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.estimate-buttons button:hover {
  color: var(--theme-color);
}
.estimate-buttons button.active {
  color: var(--white-color);
  -webkit-box-shadow: 0px 12px 29px -10px #53BCFF;
          box-shadow: 0px 12px 29px -10px #53BCFF;
  background-image: radial-gradient(100% 100% at 50% 0%, var(--theme-color2) 0%, var(--theme-color) 100%);
}
.estimate-buttons button.active:before {
  opacity: 0;
  visibility: hidden;
}

.estimate-area {
  max-width: 738px;
  margin: 0 auto;
  padding: 40px;
  text-align: center;
  border-radius: 24px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .estimate-area {
    padding: 40px 20px;
  }
}
.estimate-area .account-title {
  font-size: 32px;
}
.estimate-area .box-title {
  color: var(--theme-color);
}
.estimate-area .input-range {
  border: none !important;
  background-color: #acd5fc !important;
  height: 2px;
  margin-bottom: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  padding: 0;
}
.estimate-area .input-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background-image: radial-gradient(100% 100% at 50% 0%, var(--theme-color2) 0%, var(--theme-color) 100%);
  cursor: pointer;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  z-index: 4;
  position: relative;
}
.estimate-area .input-range::-moz-range-thumb {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background-image: radial-gradient(100% 100% at 50% 0%, var(--theme-color2) 0%, var(--theme-color) 100%);
  cursor: pointer;
  z-index: 4;
  position: relative;
}
.estimate-area .input-range::-moz-range-progress {
  background-color: var(--theme-color);
}
.estimate-area .rang-wrap {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: 20px; /* Add space for the value above */
}
.estimate-area .range-value {
  position: absolute;
  top: -5px;
  left: 50%;
  font-size: 16px;
  font-weight: 500;
  color: var(--theme-color);
  pointer-events: none;
}
.estimate-area .range-proggress {
  position: absolute;
  top: calc(50% + 1px);
  left: 0;
  height: 2px;
  background-color: var(--theme-color);
  z-index: 3;
  width: 50%;
  pointer-events: none;
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}
.estimate-area .profit-calc-result {
  font-size: 24px;
  font-weight: 700;
  color: var(--theme-color);
}

.bird-shape1 {
  position: absolute;
  top: 0;
  left: 4%;
  z-index: -1;
}

.bear-shape1 {
  position: absolute;
  bottom: 0;
  right: 4%;
  z-index: -1;
}

/*------------------- Table  -------------------*/
.pricing-buttons-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 36px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .pricing-buttons-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

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

.home-variations-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
  /* Medium devices */
}
.home-variations-area .left-area {
  -webkit-box-flex: 815px;
      -ms-flex: 815px;
          flex: 815px;
}
.home-variations-area .right-area {
  -webkit-box-flex: 330px;
      -ms-flex: 330px;
          flex: 330px;
}
@media (max-width: 991px) {
  .home-variations-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .home-variations-area .left-area,
  .home-variations-area .right-area {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}
.home-variations.single-checkout-widget {
  padding: 21px 24px 24px 24px;
  background-color: transparent;
  border: 1px solid var(--ot-border-color);
  border-radius: 24px;
  text-align: left;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .home-variations.single-checkout-widget {
    padding: 20px;
  }
}

.info-box {
  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;
  margin-top: 48px;
  /* Large devices */
  /* Extra small devices */
}
@media (max-width: 1199px) {
  .info-box {
    margin-top: 36px;
  }
}
@media (max-width: 575px) {
  .info-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}

.info-box2 {
  border: 1px solid var(--ot-border-color);
  border-radius: 24px;
  height: 100%;
  /* Large devices */
  /* Medium devices */
}
.info-box2 .box-content {
  padding: 26px;
}
.info-box2 .box-title {
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  margin-bottom: 20px;
  margin-top: 0;
}
.info-box2 .box-text {
  font-size: 14px;
}
@media (max-width: 1199px) {
  .info-box2 {
    gap: 8px;
  }
}
@media (max-width: 991px) {
  .info-box2 {
    max-width: 400px;
    margin: 10px auto 0 auto;
  }
}

.variations-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--ot-border-color);
  padding: 10px;
  border-radius: 12px;
  /* Extra small devices */
}
.variations-buttons .line {
  width: 1px;
  height: 54px;
  background-color: rgba(255, 255, 255, 0.16);
}
.variations-buttons button {
  position: relative;
  z-index: 2;
  border: none;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 8px;
  color: var(--title-color);
  min-width: 94px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  z-index: 2;
}
.variations-buttons button:before {
  content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1668 18.3334C14.7692 18.3334 18.5002 14.6024 18.5002 10C18.5002 5.39765 14.7692 1.66669 10.1668 1.66669C5.56446 1.66669 1.8335 5.39765 1.8335 10C1.8335 14.6024 5.56446 18.3334 10.1668 18.3334Z" fill="%231DA8F6"/><path d="M6.41683 10L8.91683 12.5L13.9168 7.50002M18.5002 10C18.5002 14.6024 14.7692 18.3334 10.1668 18.3334C5.56446 18.3334 1.8335 14.6024 1.8335 10C1.8335 5.39765 5.56446 1.66669 10.1668 1.66669C14.7692 1.66669 18.5002 5.39765 18.5002 10Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  margin-right: 6px;
  -webkit-transform: translateY(4px) translateX(10px);
          transform: translateY(4px) translateX(10px);
  line-height: 20px;
  height: 20px;
  width: 0;
  display: inline-block;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.variations-buttons button:hover {
  color: var(--theme-color);
}
.variations-buttons button.d-none + .line {
  display: none;
}
.variations-buttons button.most-popular:after {
  content: "🔥 Most Popular";
  position: absolute;
  top: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
  color: var(--black-color);
  padding: 0 5px;
  border-radius: 16px;
  background: var(--white-color);
  z-index: 2;
  white-space: nowrap;
}
.variations-buttons button.active {
  color: var(--white-color);
  -webkit-box-shadow: 0px 12px 29px -10px #53BCFF;
          box-shadow: 0px 12px 29px -10px #53BCFF;
  background-image: var(--theme-color);
}
.variations-buttons button.active:before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(4px) translateX(0);
          transform: translateY(4px) translateX(0);
  width: 20px;
}
@media (max-width: 575px) {
  .variations-buttons {
    padding: 4px;
    gap: 4px;
    border-radius: 8px;
  }
  .variations-buttons .line {
    display: none !important;
  }
}

.price-area {
  padding: 60px 90px 0 90px;
  background: var(--body-bg);
  -webkit-box-shadow: 0px -66px 94px -70px rgba(83, 188, 255, 0.6);
          box-shadow: 0px -66px 94px -70px rgba(83, 188, 255, 0.6);
  border-radius: 24px;
  /* Medium Large devices */
}
@media (max-width: 1299px) {
  .price-area {
    padding: 60px 0 0 0;
  }
}

.start-trading-btn {
  padding: 20px 30px;
  min-width: 150px;
  border-radius: 12px;
}

.challege-price {
  font-size: 40px;
  line-height: 1;
  color: var(--body-color);
  margin-bottom: 0;
  font-weight: 400;
}
.challege-price .original-price {
  font-size: 26px;
  font-weight: 500;
  color: var(--title-color);
  text-decoration: line-through;
}
.challege-price .discounted-price {
  font-weight: 500;
  color: var(--theme-color);
  margin: 0 4px;
}
.challege-price .duration {
  font-size: 16px;
}

.woocommerce-additional-fields {
  display: none;
}

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

.ch-box {
  background: #0E1B25;
  border: 1px solid #1A2630;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 400;
  color: var(--title-color);
  padding: 32px 10px;
  /* Large devices */
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
}
.ch-box-area {
  margin: 80px auto 0 auto;
  padding: 30px;
  border: 1.5px solid #13202A;
  border-radius: 24px;
  text-align: center;
}
.ch-box-area .box-title {
  font-size: 18px;
  margin-bottom: 20px;
}
.ch-box-wrap {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.ch-box span {
  display: block;
}
@media (max-width: 1199px) {
  .ch-box {
    font-size: 15px;
    padding: 20px 5px;
  }
  .ch-box-area {
    margin-top: 50px;
    padding: 20px;
  }
  .ch-box-wrap {
    gap: 10px;
  }
}
@media (max-width: 991px) {
  .ch-box-wrap {
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
  }
}
@media (max-width: 767px) {
  .ch-box-wrap {
    grid-template-columns: repeat(3, 1fr);
  }
  .ch-box-area {
    margin-top: 40px;
  }
  .ch-box-area .box-title {
    margin-bottom: 14px;
  }
}
@media (max-width: 575px) {
  .ch-box {
    padding: 13px 5px;
  }
  .ch-box-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}

/*------------------- Affiliate  -------------------*/
/*------------------- Checkout  -------------------*/
.woocommerce-page .topheader {
  display: none;
}
.woocommerce-page .top-outer {
  background: transparent;
}
.woocommerce-page .section-title h2 {
  color: #fff;
}
.woocommerce-page .section-title p {
  color: #fff;
}

.woocommerce-billing-fields h4 {
  font-size: 16px;
  margin-bottom: 4px;
  font-weight: 500;
}

.heading-label {
  font-size: 18px;
  font-weight: 400;
  color: var(--theme-color);
  padding: 0;
  margin-bottom: 20px !important;
}
.heading-label h3 {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  padding: 0;
}

.authentication-form {
  max-width: 524px;
  margin: 0 auto;
}
.authentication-form .form-check {
  padding-left: 0;
}
.authentication-form .form-check-label:before {
  border-radius: 20px;
  margin-right: 8px;
}
.authentication-form .input-group {
  border: 1px solid rgba(255, 255, 255, 0.06);
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
}
.authentication-form .input-group input {
  background-color: transparent !important;
  border: none !important;
  max-width: calc(100% - 90px);
}
.authentication-form .ot-btn {
  font-weight: 500 !important;
  color: var(--white-color) !important;
  background: var(--theme-color) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  padding: 20px 24px !important;
}

.woocommerce-lost-password .woocommerce-message {
  max-width: 524px;
  margin: 120px auto -75px auto;
  padding-left: 50px;
  /* Medium devices */
  /* Extra small devices */
}
.woocommerce-lost-password .woocommerce-message::before {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  display: inline-block !important;
  color: var(--theme-color);
}
@media (max-width: 991px) {
  .woocommerce-lost-password .woocommerce-message {
    margin: 80px auto -50px auto;
  }
}
@media (max-width: 575px) {
  .woocommerce-lost-password .woocommerce-message {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.your-order h4 {
  font-size: 18px;
  margin-bottom: 4px;
  font-weight: 500;
}
.your-order .cart-item {
  margin-bottom: 15px;
}

.checkout-form {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1200px) {
  .checkout-form .col-xl-7 {
    width: 53%;
  }
  .checkout-form .col-xl-5 {
    width: 47%;
  }
}
.checkout-form .form-row {
  padding: 0 !important;
  margin-bottom: 20px !important;
}
.checkout-form .form-row.place-order {
  margin-bottom: 0 !important;
}
.checkout-form .form-row .form-select {
  cursor: pointer;
}
.checkout-form .form-row .required {
  color: inherit !important;
  font-weight: inherit !important;
}
.checkout-form .form-row.validate-email {
  margin-bottom: 30px !important;
}
.checkout-form #billing_postcode_field,
.checkout-form #billing_company_field,
.checkout-form #billing_first_name_field,
.checkout-form #billing_last_name_field {
  width: calc(50% - 6px);
}
.checkout-form #billing_company_field,
.checkout-form #billing_first_name_field {
  float: left;
}
.checkout-form #billing_postcode_field,
.checkout-form #billing_last_name_field {
  float: right;
}
.checkout-form select {
  background-position: right 20px center;
  background-color: var(--smoke-color);
}
.checkout-form label {
  font-weight: 500;
  font-size: 16px;
  color: var(--title-color);
  margin-bottom: 10px;
  padding-left: 20px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .checkout-form label span.optional {
    display: none;
  }
}
.checkout-form .form-check .form-check-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
  position: absolute;
  right: 1em;
  top: 1em;
  cursor: pointer;
  z-index: 3;
}

.line-input .form-group label {
  display: none;
}
.line-input .form-group select,
.line-input .form-group input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--ot-border-color);
  border-radius: 0;
  padding: 0 0 12px 0;
  height: 34px;
}
.line-input .form-group select {
  background-position: right top 5px;
}

.billing-details .form-group label {
  display: none;
}

.select2-container--default .select2-selection--single {
  background-color: var(--smoke-color3);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  height: 56px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--light-color);
}

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

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

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--light-color);
  line-height: 56px;
  padding-left: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 16px;
  right: 18px;
}

.account-information {
  border-radius: 20px;
  border: 1px solid #211437;
  background: var(--smoke-color);
  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: var(--smoke-color);
  border-color: var(--ot-border-color);
  color: var(--white-color);
}
.account-information .form-group .form-control::-webkit-input-placeholder {
  color: var(--light-color);
}
.account-information .form-group .form-control::-moz-placeholder {
  color: var(--light-color);
}
.account-information .form-group .form-control:-ms-input-placeholder {
  color: var(--light-color);
}
.account-information .form-group .form-control::-ms-input-placeholder {
  color: var(--light-color);
}
.account-information .form-group .form-control::placeholder {
  color: var(--light-color);
}
.account-information .form-group .form-select {
  cursor: pointer;
  color: var(--light-color);
  border-color: var(--theme-color);
}
.account-information .form-check {
  border-radius: 10px;
  border: 1px solid #2E1E48;
  background: var(--smoke-color);
  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: var(--smoke-color);
  border-color: var(--ot-border-color);
  color: var(--white-color);
}
.evaluation .form-group .form-control::-webkit-input-placeholder {
  color: var(--light-color);
}
.evaluation .form-group .form-control::-moz-placeholder {
  color: var(--light-color);
}
.evaluation .form-group .form-control:-ms-input-placeholder {
  color: var(--light-color);
}
.evaluation .form-group .form-control::-ms-input-placeholder {
  color: var(--light-color);
}
.evaluation .form-group .form-control::placeholder {
  color: var(--light-color);
}
.evaluation .form-group .form-select {
  cursor: pointer;
  color: var(--light-color);
  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: var(--smoke-color);
  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: 24px;
}
.account-item h3 {
  margin-bottom: 25px;
  color: var(--title-color);
  font-size: 18px;
  font-weight: 500;
}
.account-item .variation-title {
  font-size: 18px !important;
  font-weight: 600 !important;
  margin-bottom: 15px;
  margin-top: -0.35em;
  color: var(--title-color);
  font-size: 16px;
  font-weight: 300;
}
.account-item button {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  z-index: 1;
  padding: 13px 10px 16px 10px;
  position: relative;
  border-radius: 8px;
  color: var(--title-color);
  background: transparent;
  border: none;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  /* Extra small devices */
}
.account-item button:hover, .account-item button.active {
  color: var(--white-color);
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 575px) {
  .account-item button {
    padding: 15px 10px;
  }
  .account-item button:before {
    display: none;
  }
}
.account-item:last-child {
  margin-bottom: 0;
}

.available-info h3 {
  font-size: 22px;
  font-weight: 500;
  color: var(--title-color);
  margin-bottom: 20px;
}
.available-info .addons-item {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 16px;
  color: var(--title-color);
  position: relative;
  padding-left: 26px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  cursor: pointer;
}
.available-info .addons-item:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid var(--theme-color);
  border-radius: 4px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  text-align: center;
  line-height: 15px;
  padding-left: 1px;
}
.available-info .addons-item b {
  color: var(--body-color);
}
.available-info .addons-item i {
  position: absolute;
  top: 0;
  right: 0;
}
.available-info .addons-item p {
  color: var(--body-color);
}
.available-info .addons-item.active {
  border-color: var(--theme-color);
}
.available-info .addons-item.active:before {
  content: url('data:image/svg+xml,<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.79862 5.95955C3.56125 6.1967 3.17661 6.19661 2.93935 5.95935L1.23284 4.25284C0.992563 4.01256 0.603211 4.01188 0.362087 4.2513V4.2513C0.119756 4.49193 0.119063 4.88366 0.360543 5.12514L2.79623 7.56083C3.1125 7.87709 3.62527 7.87709 3.94153 7.56083L10.3317 1.17062C10.5718 0.930539 10.5718 0.541287 10.3317 0.301203V0.301203C10.0917 0.0612002 9.70264 0.0611083 9.46252 0.300998L3.79862 5.95955Z" fill="white"/></svg>');
  background-color: var(--theme-color);
}
.available-info .addons-item:last-child {
  margin-bottom: 0;
}

.single-checkout-widget {
  background: transparent;
  border-radius: 24px;
  padding: 40px;
  border: 1px solid var(--ot-border-color);
  /* Extra small devices */
}
@media (max-width: 575px) {
  .single-checkout-widget {
    padding: 20px;
  }
}
.single-checkout-widget.ip-widget {
  padding: 18px;
  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: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  /* 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-size: 18px;
  font-weight: 600;
  color: var(--title-color);
  margin-bottom: 14px;
}

.ip-widget {
  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;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .ip-widget {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.ip-widget .flag {
  background: rgba(255, 255, 255, 0.6);
  border: 1.5px solid #FFFFFF;
  backdrop-filter: blur(45px);
  border-radius: 12px;
  text-align: center;
  width: 64px;
  height: 64px;
  line-height: 60px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .ip-widget .flag {
    background-color: var(--smoke-color);
  }
}
.ip-widget .ip-location {
  line-height: 21px;
  color: var(--title-color);
  font-size: 14px;
}
.ip-widget .ip-location span {
  color: var(--light-color);
  margin-left: 10px;
}
.ip-widget .ip-location img {
  margin-right: 7px;
  border-radius: 4px;
  height: 20px !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.ip-widget .wrong-location {
  font-size: 16px;
  color: var(--title-color);
}
.ip-widget .wrong-location a {
  color: var(--theme-color);
}
.ip-widget .wrong-location a:hover {
  color: var(--title-color);
}

h3.main-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 24px;
  margin-top: -0.2em;
  color: var(--title-color);
}

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

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

.woocommerce-form-login__submit {
  border: none;
  color: var(--white-color);
  background-color: var(--theme-color);
  padding: 12px 20px;
  border-radius: 8px;
}
.woocommerce-form-login__submit:hover {
  background-color: var(--theme-color);
}

.woocommerce-form-login {
  background-color: transparent !important;
  border: 1px solid var(--ot-border-color) !important;
  border-radius: 24px !important;
  padding: 40px !important;
  /* Small devices */
}
@media (max-width: 767px) {
  .woocommerce-form-login {
    padding: 20px !important;
  }
}
.woocommerce-form-login .form-check {
  padding-left: 0;
}
.woocommerce-form-login .ot-btn {
  background: var(--theme-color);
  border-radius: 12px;
}
.woocommerce-form-login .ot-btn:hover {
  background-color: var(--theme-color3);
}
.woocommerce-form-login a {
  color: var(--body-color);
}
.woocommerce-form-login a:hover {
  color: var(--theme-color);
}

.woocommerce-message, .woocommerce-error, .woocommerce-info {
  background-color: var(--smoke-color);
  color: var(--title-color);
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 12px;
  max-width: 1170px;
  margin: 0 auto 40px auto;
  padding: 15px 20px;
  list-style: none;
}
.woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before {
  display: none !important;
}

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 */
  /* For Mozilla Firefox */
  /* For Internet Explorer 10-11 */
  /* For Microsoft Edge */
  /* For Safari, Chrome, and Opera */
}
.woocommerce form input::-webkit-input-placeholder {
  color: var(--light-color);
}
.woocommerce form input::-moz-placeholder {
  color: var(--light-color);
}
.woocommerce form input:-ms-input-placeholder {
  color: var(--light-color);
}
.woocommerce form input::-ms-input-placeholder {
  color: var(--light-color);
}
.woocommerce form input::placeholder {
  color: var(--light-color);
}
.woocommerce form input:-moz-placeholder {
  color: var(--light-color);
  opacity: 1; /* Required to override the default opacity */
}
.woocommerce form input:-ms-input-placeholder {
  color: var(--light-color);
}
.woocommerce form input::-ms-input-placeholder {
  color: var(--light-color);
}
.woocommerce form input::-webkit-input-placeholder {
  color: var(--light-color);
}

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;
}
body.woocommerce-checkout.woocommerce-page * {
  font-family: var(--body-font) !important;
}

.woocommerce-checkout .authentication-form {
  max-width: 100%;
}
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-error {
  max-width: calc(50% - 15px);
  margin-right: auto;
  margin-left: 0;
  /* Medium devices */
}
@media (max-width: 991px) {
  .woocommerce-checkout .woocommerce-message,
  .woocommerce-checkout .woocommerce-error {
    max-width: 100%;
  }
}
.woocommerce-checkout .row {
  --bs-gutter-x: 30px;
}
.woocommerce-checkout .row.gx-3 {
  --bs-gutter-x: 16px;
}
.woocommerce-checkout table.shop_table {
  border-radius: 24px;
  background: transparent !important;
  padding: 40px !important;
  border: 1px solid var(--ot-border-color) !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  border-collapse: separate;
  border-spacing: 0;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .woocommerce-checkout table.shop_table {
    padding: 20px !important;
  }
}
.woocommerce-checkout table.shop_table td {
  border-top: none;
  padding: 0;
  vertical-align: middle;
}
.woocommerce-checkout table.shop_table dl {
  margin-bottom: 4px;
}
.woocommerce-checkout table.shop_table .recurring-total,
.woocommerce-checkout table.shop_table .recurring-totals {
  display: none;
}
.woocommerce-checkout table.shop_table .product-name {
  font-size: 16px;
  font-weight: 600;
  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 .product-name dd {
  font-weight: 500;
  color: var(--title-color);
}
.woocommerce-checkout table.shop_table .product-name dd p {
  color: inherit;
}
.woocommerce-checkout table.shop_table .variation {
  gap: 6px;
  font-size: 14px;
}
.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 .product-total {
  padding-right: 0;
}
.woocommerce-checkout table.shop_table .product-total .woocommerce-Price-amount {
  font-size: 24px;
  font-weight: 600;
}
.woocommerce-checkout table.shop_table thead {
  display: none;
}
.woocommerce-checkout table.shop_table th, .woocommerce-checkout table.shop_table td {
  padding: 4px 0;
  font-weight: 400;
  color: var(--body-color);
  border: none;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  border-top: none;
  border-bottom: 1px solid var(--ot-border-color) !important;
}
.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;
}
.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: 16px 0 !important;
}
.woocommerce-checkout table.shop_table tbody td.coupon-td {
  padding: 0 !important;
  border-bottom: none !important;
}
.woocommerce-checkout table.shop_table tfoot th:first-child, .woocommerce-checkout table.shop_table tfoot td:first-child {
  color: var(--body-color);
}
.woocommerce-checkout table.shop_table tfoot bdi {
  font-weight: 500;
}

.woocommerce.wp-block-group > .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce.wp-block-group > .woocommerce-notices-wrapper .woocommerce-error {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
  margin-bottom: 0;
  border: none;
}

.message-container .alert {
  margin-bottom: 0;
  padding: 8px 16px;
}

body.logged-in .woocommerce-checkout .woocommerce-message,
body.logged-in .woocommerce-checkout .woocommerce-error {
  max-width: 100% !important;
}

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: var(--title-color);
  font-weight: 700;
}

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

.woocommerce-cart #payment, .woocommerce-checkout #payment, #add_payment_method #payment {
  border-radius: 0;
  border: none;
  background: transparent;
  padding: 40px !important;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .woocommerce-cart #payment, .woocommerce-checkout #payment, #add_payment_method #payment {
    padding: 20px !important;
  }
}

.content-area {
  position: relative;
  z-index: 2;
  /* Medium Large devices */
}
.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;
}
.checkout-area .checkout-right-sidebar .select-list {
  margin-bottom: 35px;
}

.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[type=checkbox],
.woocommerce-cart #payment ul.payment_methods li input[type=checkbox],
.woocommerce-checkout #payment ul.payment_methods li input[type=checkbox] {
  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: 1em;
  margin: 1em 0;
  font-size: 0.92em;
  border-radius: 7px;
  line-height: 1.5;
  background-color: var(--smoke-color) !important;
  color: var(--body-color);
  border: 1px solid var(--ot-border-color);
}
#add_payment_method #payment div.payment_box input,
.woocommerce-cart #payment div.payment_box input,
.woocommerce-checkout #payment div.payment_box input {
  background-color: var(--body-bg);
}
#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:after, #add_payment_method #payment div.payment_box:before,
.woocommerce-cart #payment div.payment_box:after,
.woocommerce-cart #payment div.payment_box:before,
.woocommerce-checkout #payment div.payment_box:after,
.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;
}
#add_payment_method #payment div.payment_box:after,
.woocommerce-cart #payment div.payment_box:after,
.woocommerce-checkout #payment div.payment_box:after {
  border: 12px solid var(--smoke-color);
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  top: -10px;
}
#add_payment_method #payment div.payment_box ul,
.woocommerce-cart #payment div.payment_box ul,
.woocommerce-checkout #payment div.payment_box ul {
  padding-left: 0;
}

.custom-login-form form {
  margin: 0 !important;
}

#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: 30px !important;
}

.woocommerce-privacy-policy-text {
  display: none;
}
.woocommerce-privacy-policy-text a {
  color: #F3971C;
}
.woocommerce-privacy-policy-text a:hover {
  color: #fff;
}

.woocommerce form.woocommerce-checkout #payment ul.wc_payment_methods li label {
  color: var(--title-color);
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}

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

.checkout-place-order {
  float: unset !important;
  border: 0;
  z-index: 1;
  font-weight: 500 !important;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  position: relative;
  padding: 20px 35px !important;
  margin-bottom: 35px;
  display: inline-block;
  text-decoration: none;
  color: var(--white-color) !important;
  background-color: var(--theme-color) !important;
  font-size: 16px;
  text-transform: capitalize !important;
  margin-top: 6px !important;
  border-radius: 10px !important;
}
.checkout-place-order:before {
  border-radius: inherit;
}
.checkout-place-order:hover {
  background-color: var(--theme-color2) !important;
}
.checkout-place-order:hover:before {
  visibility: visible;
  opacity: 1;
}

.secured-text {
  font-size: 14px;
  color: var(--body-color);
  margin: 0;
  margin-top: 35px;
}
.secured-text svg {
  margin: -5px 5px 0 0;
}
.secured-text svg path {
  stroke: var(--body-color);
}

.coupon-form {
  margin-bottom: 20px;
}
.coupon-form .info-text {
  color: var(--white-color);
  margin-bottom: 5px;
  margin-top: 20px;
  margin-top: -0.35em;
}
.coupon-form .form-group {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.coupon-form .apply-btn {
  min-width: 104px;
  position: absolute;
  z-index: 4;
  top: 7px;
  right: 7px;
  height: 42px;
  outline: none;
  padding: 8px;
  background: var(--theme-color);
  border-radius: 7px;
}
.coupon-form .apply-btn:hover {
  background: var(--theme-color2);
}
.coupon-form input#coupon_code:focus {
  border-color: var(--theme-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: #fff !important;
}

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

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

#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 .woocommerce-checkout-review-order-table {
  display: none;
}
.woocommerce-checkout-payment {
  border-radius: 24px !important;
  border: 1px solid var(--ot-border-color) !important;
}
.woocommerce-checkout-payment .heading-label {
  margin-bottom: 26px !important;
}
.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;
  -webkit-box-shadow: unset;
          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;
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
  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-color);
  border-color: var(--theme-color);
  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;
  padding-left: 0;
}
.woocommerce-checkout-payment .form-check .form-check-label a {
  color: var(--theme-color);
  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 .input-checkbox {
  margin-top: 0 !important;
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
}
.woocommerce-checkout-payment .Label {
  color: var(--title-color) !important;
}

.woocommerce-thankyou-order-details.order_details {
  padding: 0;
  margin: 0;
  margin-bottom: 24px !important;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 24px;
  list-style: none;
  /* Large devices */
  /* Medium devices */
}
.woocommerce-thankyou-order-details.order_details:after, .woocommerce-thankyou-order-details.order_details:before {
  display: none !important;
}
@media (max-width: 1199px) {
  .woocommerce-thankyou-order-details.order_details {
    grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));
    gap: 10px;
  }
}
@media (max-width: 991px) {
  .woocommerce-thankyou-order-details.order_details {
    gap: 12px;
  }
}
.woocommerce-thankyou-order-details.order_details li {
  font-size: 14px !important;
  background-color: var(--smoke-color);
  border: none !important;
  border-radius: 16px;
  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;
  font-size: 16px !important;
}
.woocommerce-thankyou-order-details.order_details + p {
  display: none;
}

.woocommerce-order {
  padding-bottom: 70px;
}
.woocommerce-order .woocommerce-customer-details {
  padding: 30px;
  background-color: var(--smoke-color);
  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-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;
  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 0;
  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;
  background-color: var(--smoke-color);
  border: none;
  border-radius: 24px;
  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: 24px !important;
  margin: 0 !important;
  width: 100%;
}
.woocommerce-order .woocommerce-order-details table.shop_table:before {
  display: none;
}
.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 {
  padding-right: 0 !important;
}
.woocommerce-order .woocommerce-order-details table.shop_table .product-name .wc-item-meta .wc-item-meta-label {
  display: none;
}
@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;
  color: var(--theme-color);
}
.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-color);
  color: var(--white-color);
  padding: 14px 24px;
  border-radius: 12px;
}
.woocommerce-order .woocommerce-order-details .order-again a:hover {
  background-color: var(--theme-color2);
}
.woocommerce-order .woocommerce-order-details .woocommerce-orders-table--subscriptions {
  display: none;
}
.woocommerce-order .woocommerce-order-details header {
  display: none;
  padding-top: 24px;
}
.woocommerce-order .woocommerce-order-details header h2 {
  font-size: 32px;
  font-weight: 600;
  padding-bottom: 16px;
}

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

body.woocommerce-order-received .copy-right-area,
body.woocommerce-order-received .footer-wrapper,
body.woocommerce-order-received .ot-header {
  display: none;
}
body.woocommerce-order-received .breadcumb-wrapper {
  padding-top: 130px;
  padding-bottom: 10px;
}

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

/*------------------- My Account  -------------------*/
.woocommerce-account .shape-wrapper {
  display: none;
}

.woocommerce-MyAccount-navigation {
  background-color: transparent;
  border: 1px solid var(--ot-border-color);
  padding: 25px 30px;
  border-radius: 24px;
}
.woocommerce-MyAccount-navigation ul {
  padding-left: 0;
  margin: 0;
  list-style-type: none;
}
.woocommerce-MyAccount-navigation li {
  font-size: 14px;
  padding: 12px 15px;
  line-height: 1;
  color: var(--title-color);
  position: relative;
  z-index: 2;
}
.woocommerce-MyAccount-navigation li::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--theme-color);
  border-radius: 8px;
  opacity: 0;
  z-index: -1;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.woocommerce-MyAccount-navigation li.is-active a:hover {
  color: var(--white-color);
}
.woocommerce-MyAccount-navigation li.is-active::before {
  opacity: 1;
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard, .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads {
  display: none !important;
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout {
  margin-top: 85px;
  /* Large devices */
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
  content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.1559 9.625H7.12175C6.77675 9.625 6.49675 9.345 6.49675 9C6.49675 8.655 6.77675 8.375 7.12175 8.375H17.1559C17.5009 8.375 17.7809 8.655 17.7809 9C17.7809 9.345 17.5009 9.625 17.1559 9.625Z" fill="%23FF522C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.7162 12.055C14.5562 12.055 14.3953 11.9942 14.2737 11.8708C14.0303 11.6258 14.0312 11.2308 14.2753 10.9875L16.2703 8.99999L14.2753 7.01334C14.0312 6.77 14.0295 6.375 14.2737 6.13C14.517 5.885 14.912 5.885 15.157 6.12834L17.597 8.55749C17.7153 8.67415 17.7809 8.83415 17.7809 8.99999C17.7809 9.16582 17.7153 9.32582 17.597 9.44249L15.157 11.8725C15.0353 11.9942 14.8753 12.055 14.7162 12.055Z" fill="%23FF522C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.43267 17.3333H4.36104C2.32437 17.3333 0.66687 15.6758 0.66687 13.6375V4.36332C0.66687 2.32499 2.32437 0.666656 4.36104 0.666656H8.4235C10.4618 0.666656 12.1202 2.32499 12.1202 4.36332V5.13999C12.1202 5.48499 11.8402 5.76499 11.4952 5.76499C11.1502 5.76499 10.8702 5.48499 10.8702 5.13999V4.36332C10.8702 3.01332 9.77267 1.91666 8.4235 1.91666H4.36104C3.01354 1.91666 1.91687 3.01332 1.91687 4.36332V13.6375C1.91687 14.9867 3.01354 16.0833 4.36104 16.0833H8.43267C9.776 16.0833 10.8702 14.99 10.8702 13.6467V12.8608C10.8702 12.5158 11.1502 12.2358 11.4952 12.2358C11.8402 12.2358 12.1202 12.5158 12.1202 12.8608V13.6467C12.1202 15.68 10.4652 17.3333 8.43267 17.3333Z" fill="%23FF522C"/></svg>');
  margin-right: 8px;
  vertical-align: middle;
}
@media (max-width: 1199px) {
  .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 50px;
  }
}
.woocommerce-MyAccount-navigation li a {
  display: block;
  color: inherit;
}
.woocommerce-MyAccount-navigation li a:hover {
  color: var(--theme-color);
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  float: left;
  width: 24%;
  /* Medium devices */
}
@media (max-width: 991px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
}

.woocommerce-account .woocommerce-MyAccount-content {
  float: right;
  width: 74%;
  /* Medium devices */
}
@media (max-width: 991px) {
  .woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
  }
}
.woocommerce-account .woocommerce-MyAccount-content .button {
  display: inline-block;
  background-color: var(--theme-color);
  color: var(--white-color);
  font-size: 14px;
  border-radius: 5px;
  font-weight: 500;
  padding: 9px 15px;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover {
  color: var(--white-color);
  background-color: var(--theme-color2);
}
.woocommerce-account .woocommerce-MyAccount-content h2 {
  font-size: 32px;
  margin: 0;
  font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields {
  margin-top: 25px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
  line-height: 32px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info:after {
  display: none;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .col-2 {
  display: none;
}
.woocommerce-account .woocommerce-MyAccount-content address {
  padding: 0;
  color: var(--title-color);
}
.woocommerce-account .woocommerce-MyAccount-content address br {
  display: block;
  border-bottom: 1px solid var(--ot-border-color);
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details--phone {
  border-top: 1px solid var(--ot-border-color);
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address {
  max-width: 555px;
  width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content header {
  margin-bottom: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 15px;
  margin-bottom: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title:before, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title:after {
  display: none;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title {
  margin-bottom: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content .edit:before {
  content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.9887 3.85928L14.1408 7.01137M1.5 16.5L4.56065 15.9174C5.2096 15.7938 5.80641 15.478 6.27353 15.0109L15.8198 5.46461C16.7267 4.55765 16.7267 3.08718 15.8198 2.18022C14.9128 1.27326 13.4423 1.27326 12.5354 2.18022L2.98913 11.7265C2.52201 12.1936 2.20617 12.7904 2.08263 13.4394L1.5 16.5Z" stroke="%234172E0" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  display: inline-block;
  margin-right: 5px;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}
.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-notices-wrapper + p {
  display: none;
}
.woocommerce-account .woocommerce-MyAccount-content #account_display_name {
  margin-bottom: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content #account_display_name + span {
  display: none;
}
.woocommerce-account .woocommerce-MyAccount-content #add_payment_method #place_order {
  float: none;
  padding: 18px 24px;
  border-radius: 12px;
  background: var(--theme-color);
}
.woocommerce-account .woocommerce-MyAccount-content #add_payment_method #place_order:hover {
  background: linear-gradient(96.61deg, var(--theme-color) 7.4%, var(--theme-color) 92.85%);
}

.woocommerce .woocommerce-address-fields .button {
  padding: 16px 24px !important;
  border-radius: 12px;
}
.woocommerce .woocommerce-address-fields .form-row-first,
.woocommerce .woocommerce-address-fields .form-row-last {
  width: 49%;
  overflow: visible;
}
.woocommerce .woocommerce-address-fields .form-row {
  margin-bottom: 16px;
}
.woocommerce .woocommerce-address-fields .form-row label {
  display: none !important;
}
.woocommerce .woocommerce-address-fields input[type=checkbox] {
  visibility: visible;
  opacity: 1;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

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

.select2-container--default .select2-selection--single .select2-selection__rendered {
  background: var(--smoke-color3);
  border-radius: 12px;
}

.woocommerce-view-order .woocommerce-customer-details,
.woocommerce-view-subscription .woocommerce-customer-details {
  display: none;
}

.woocommerce table.account-payment-methods-table,
.woocommerce table.my_account_orders {
  border: none;
  /* Medium devices */
  /* Medium devices */
}
.woocommerce table.account-payment-methods-table .th,
.woocommerce table.account-payment-methods-table td,
.woocommerce table.my_account_orders .th,
.woocommerce table.my_account_orders td {
  font-size: 16px !important;
  border: none;
  padding: 18px 24px;
  font-weight: 400;
  color: var(--title-color) !important;
}
.woocommerce table.account-payment-methods-table tbody th, .woocommerce table.account-payment-methods-table tbody td,
.woocommerce table.account-payment-methods-table tfoot th,
.woocommerce table.account-payment-methods-table tfoot td,
.woocommerce table.my_account_orders tbody th,
.woocommerce table.my_account_orders tbody td,
.woocommerce table.my_account_orders tfoot th,
.woocommerce table.my_account_orders tfoot td {
  border: none;
  border-bottom: 1px solid var(--ot-border-color);
}
.woocommerce table.account-payment-methods-table tbody tr:last-child th, .woocommerce table.account-payment-methods-table tbody tr:last-child td,
.woocommerce table.account-payment-methods-table tfoot tr:last-child th,
.woocommerce table.account-payment-methods-table tfoot tr:last-child td,
.woocommerce table.my_account_orders tbody tr:last-child th,
.woocommerce table.my_account_orders tbody tr:last-child td,
.woocommerce table.my_account_orders tfoot tr:last-child th,
.woocommerce table.my_account_orders tfoot tr:last-child td {
  border-bottom: none;
  /* Medium devices */
}
@media (max-width: 991px) {
  .woocommerce table.account-payment-methods-table tbody tr:last-child th, .woocommerce table.account-payment-methods-table tbody tr:last-child td,
  .woocommerce table.account-payment-methods-table tfoot tr:last-child th,
  .woocommerce table.account-payment-methods-table tfoot tr:last-child td,
  .woocommerce table.my_account_orders tbody tr:last-child th,
  .woocommerce table.my_account_orders tbody tr:last-child td,
  .woocommerce table.my_account_orders tfoot tr:last-child th,
  .woocommerce table.my_account_orders tfoot tr:last-child td {
    border-bottom: 1px solid var(--ot-border-color);
  }
}
.woocommerce table.account-payment-methods-table thead,
.woocommerce table.my_account_orders thead {
  position: relative;
  z-index: 2;
}
.woocommerce table.account-payment-methods-table thead:before,
.woocommerce table.my_account_orders thead:before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  z-index: -1;
}
.woocommerce table.account-payment-methods-table thead tr:first-child th,
.woocommerce table.my_account_orders thead tr:first-child th {
  font-weight: 500;
}
.woocommerce table.account-payment-methods-table thead tr:first-child th, .woocommerce table.account-payment-methods-table thead tr:first-child td,
.woocommerce table.my_account_orders thead tr:first-child th,
.woocommerce table.my_account_orders thead tr:first-child td {
  padding: 18px 20px !important;
  border: none !important;
}
.woocommerce table.account-payment-methods-table tbody th:first-child, .woocommerce table.account-payment-methods-table tbody td:first-child,
.woocommerce table.my_account_orders tbody th:first-child,
.woocommerce table.my_account_orders tbody td:first-child {
  padding: 4px 20px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .woocommerce table.account-payment-methods-table tbody th:first-child, .woocommerce table.account-payment-methods-table tbody td:first-child,
  .woocommerce table.my_account_orders tbody th:first-child,
  .woocommerce table.my_account_orders tbody td:first-child {
    padding: 15px 20px;
  }
}
@media (max-width: 991px) {
  .woocommerce table.account-payment-methods-table .woocommerce-orders-table__cell-order-actions,
  .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-actions {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding: 12px 15px;
    gap: 6px;
  }
  .woocommerce table.account-payment-methods-table .woocommerce-orders-table__cell-order-actions a,
  .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-actions a {
    display: inline-block;
  }
  .woocommerce table.account-payment-methods-table .woocommerce-orders-table__cell-order-actions:before,
  .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-actions:before {
    content: "Action: ";
    display: block !important;
    font-weight: 600;
    color: var(--title-color);
    vertical-align: text-bottom;
    float: left;
    line-height: 36px;
    width: 100%;
    text-align: left;
  }
}
.woocommerce table.account-payment-methods-table .woocommerce-orders-table__cell-order-total,
.woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-total {
  font-size: 0 !important;
  /* Medium devices */
}
@media (max-width: 991px) {
  .woocommerce table.account-payment-methods-table .woocommerce-orders-table__cell-order-total,
  .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-total {
    height: 55px;
    line-height: 1.5;
  }
}
.woocommerce table.account-payment-methods-table .woocommerce-orders-table__cell-order-total:before,
.woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-total:before {
  font-size: 16px !important;
}
.woocommerce table.account-payment-methods-table .woocommerce-orders-table__cell-order-total .woocommerce-Price-amount,
.woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-total .woocommerce-Price-amount {
  font-size: 16px;
}
.woocommerce table.account-payment-methods-table .woocommerce-orders-table__cell-order-actions,
.woocommerce table.account-payment-methods-table .woocommerce-orders-table__header-order-actions,
.woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-actions,
.woocommerce table.my_account_orders .woocommerce-orders-table__header-order-actions {
  display: none;
}
.woocommerce table.account-payment-methods-table .status-active,
.woocommerce table.account-payment-methods-table .status-completed,
.woocommerce table.my_account_orders .status-active,
.woocommerce table.my_account_orders .status-completed {
  color: var(--success-color) !important;
}
.woocommerce table.account-payment-methods-table .status-pending-cancellation,
.woocommerce table.account-payment-methods-table .status-pending-payment,
.woocommerce table.account-payment-methods-table .status-processing,
.woocommerce table.my_account_orders .status-pending-cancellation,
.woocommerce table.my_account_orders .status-pending-payment,
.woocommerce table.my_account_orders .status-processing {
  color: var(--yellow-color) !important;
}
.woocommerce table.account-payment-methods-table .status-cancelled,
.woocommerce table.account-payment-methods-table .status-failed,
.woocommerce table.my_account_orders .status-cancelled,
.woocommerce table.my_account_orders .status-failed {
  color: var(--error-color) !important;
}
.woocommerce table.account-payment-methods-table .status-refunded,
.woocommerce table.account-payment-methods-table .status-on-hold,
.woocommerce table.my_account_orders .status-refunded,
.woocommerce table.my_account_orders .status-on-hold {
  color: var(--theme-color) !important;
}
@media (min-width: 992px) {
  .woocommerce table.account-payment-methods-table .woocommerce-orders-table__cell-order-status,
  .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-status {
    width: 160px;
    padding-right: 5px;
    padding-left: 5px;
  }
}
.woocommerce table.account-payment-methods-table .woocommerce-orders-table__cell-order-status:before,
.woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-status:before {
  color: var(--title-color);
}
@media (max-width: 991px) {
  .woocommerce table.account-payment-methods-table th, .woocommerce table.account-payment-methods-table td,
  .woocommerce table.my_account_orders th,
  .woocommerce table.my_account_orders td {
    padding: 15px;
  }
  .woocommerce table.account-payment-methods-table th:before, .woocommerce table.account-payment-methods-table td:before,
  .woocommerce table.my_account_orders th:before,
  .woocommerce table.my_account_orders td:before {
    font-weight: 600 !important;
  }
  .woocommerce table.account-payment-methods-table .woocommerce-orders-table__cell-order-number,
  .woocommerce table.account-payment-methods-table .woocommerce-orders-table__cell-product-name,
  .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-number,
  .woocommerce table.my_account_orders .woocommerce-orders-table__cell-product-name {
    background-color: var(--theme-color) !important;
    border-radius: 12px;
    color: var(--title-color);
  }
  .woocommerce table.account-payment-methods-table .woocommerce-orders-table__cell-order-number a,
  .woocommerce table.account-payment-methods-table .woocommerce-orders-table__cell-product-name a,
  .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-number a,
  .woocommerce table.my_account_orders .woocommerce-orders-table__cell-product-name a {
    color: var(--white-color);
  }
}
.woocommerce table.account-payment-methods-table + .button,
.woocommerce table.my_account_orders + .button {
  padding: 18px 24px !important;
  border-radius: 12px;
}
.woocommerce table.account-payment-methods-table.woocommerce-orders-table--subscriptions .woocommerce-orders-table__cell-order-actions,
.woocommerce table.account-payment-methods-table.woocommerce-orders-table--subscriptions .woocommerce-orders-table__header-order-actions,
.woocommerce table.my_account_orders.woocommerce-orders-table--subscriptions .woocommerce-orders-table__cell-order-actions,
.woocommerce table.my_account_orders.woocommerce-orders-table--subscriptions .woocommerce-orders-table__header-order-actions {
  display: table-cell;
}
.woocommerce table.account-payment-methods-table.woocommerce-orders-table--subscriptions .woocommerce-orders-table__cell-product-name,
.woocommerce table.my_account_orders.woocommerce-orders-table--subscriptions .woocommerce-orders-table__cell-product-name {
  /* Medium devices */
}
@media (max-width: 991px) {
  .woocommerce table.account-payment-methods-table.woocommerce-orders-table--subscriptions .woocommerce-orders-table__cell-product-name,
  .woocommerce table.my_account_orders.woocommerce-orders-table--subscriptions .woocommerce-orders-table__cell-product-name {
    background-color: transparent !important;
    border-radius: 0 !important;
  }
}

.woocommerce form.woocommerce-EditAccountForm {
  max-width: 560px;
}
.woocommerce form.woocommerce-EditAccountForm fieldset {
  margin: 30px 0;
}
.woocommerce form.woocommerce-EditAccountForm fieldset legend {
  font-size: 18px;
  font-weight: 400;
  color: var(--title-color);
  margin-bottom: 15px;
}
.woocommerce form.woocommerce-EditAccountForm .button {
  padding: 18px 24px;
  border-radius: 12px;
}
.woocommerce form.woocommerce-EditAccountForm #account_display_name {
  margin-bottom: 10px;
}
.woocommerce form.woocommerce-EditAccountForm .form-row {
  margin-bottom: 14px;
}
.woocommerce form.woocommerce-EditAccountForm .form-row label {
  display: none;
}
.woocommerce form.woocommerce-EditAccountForm .form-row-first,
.woocommerce form.woocommerce-EditAccountForm .form-row-last {
  width: 49% !important;
}

.woocommerce .shop_table.order_details, .woocommerce .shop_table.subscription_details {
  position: relative;
  z-index: 2;
  padding: 24px;
  border: none;
  margin-bottom: 55px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .woocommerce .shop_table.order_details, .woocommerce .shop_table.subscription_details {
    padding: 10px;
  }
}
.woocommerce .shop_table.order_details th, .woocommerce .shop_table.order_details td, .woocommerce .shop_table.subscription_details th, .woocommerce .shop_table.subscription_details td {
  color: var(--title-color);
  border: none;
  border-right: 1px solid var(--ot-border-color);
  border-bottom: 1px solid var(--ot-border-color);
  padding: 16px 20px;
  font-weight: 400;
  /* Extra small devices */
}
.woocommerce .shop_table.order_details th:last-child, .woocommerce .shop_table.order_details td:last-child, .woocommerce .shop_table.subscription_details th:last-child, .woocommerce .shop_table.subscription_details td:last-child {
  border-right: none;
}
@media (max-width: 575px) {
  .woocommerce .shop_table.order_details th, .woocommerce .shop_table.order_details td, .woocommerce .shop_table.subscription_details th, .woocommerce .shop_table.subscription_details td {
    padding: 16px 10px;
  }
}
.woocommerce .shop_table.order_details tr:last-child th, .woocommerce .shop_table.order_details tr:last-child td, .woocommerce .shop_table.subscription_details tr:last-child th, .woocommerce .shop_table.subscription_details tr:last-child td {
  border-bottom: none;
}
.woocommerce .shop_table.order_details:before, .woocommerce .shop_table.subscription_details:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 24px;
  z-index: -1;
}
.woocommerce .shop_table.order_details .btn-wrapper, .woocommerce .shop_table.subscription_details .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .woocommerce .shop_table.order_details .btn-wrapper, .woocommerce .shop_table.subscription_details .btn-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.woocommerce .shop_table.order_details .btn-wrapper .cancel, .woocommerce .shop_table.subscription_details .btn-wrapper .cancel {
  background: transparent !important;
  color: var(--error-color);
  padding-left: 0;
}
.woocommerce .shop_table.order_details .btn-wrapper .change_payment_method, .woocommerce .shop_table.subscription_details .btn-wrapper .change_payment_method {
  background: transparent !important;
  color: var(--theme-color);
}
.woocommerce .shop_table.order_details .btn-wrapper .subscription_renewal_early, .woocommerce .shop_table.subscription_details .btn-wrapper .subscription_renewal_early {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background-image: linear-gradient(96.61deg, var(--theme-color) 7.4%, var(--theme-color) 92.85%);
}
.woocommerce .shop_table.order_details .btn-wrapper .subscription_renewal_early:before, .woocommerce .shop_table.subscription_details .btn-wrapper .subscription_renewal_early:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(96.61deg, var(--theme-color2) 7.4%, var(--theme-color3) 92.85%);
  opacity: 0;
  border-radius: inherit;
  z-index: -1;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.woocommerce .shop_table.order_details .btn-wrapper .subscription_renewal_early:hover:before, .woocommerce .shop_table.subscription_details .btn-wrapper .subscription_renewal_early:hover:before {
  opacity: 1;
}
.woocommerce .shop_table.order_details {
  margin-top: 25px !important;
}
.woocommerce .shop_table.order_details th, .woocommerce .shop_table.order_details td {
  border-right: none !important;
}
.woocommerce .shop_table.order_details th:first-child, .woocommerce .shop_table.order_details td:first-child {
  width: 0 !important;
  padding: 0 !important;
}
.woocommerce .shop_table.order_details th[colspan="2"], .woocommerce .shop_table.order_details td[colspan="2"] {
  padding: 16px 20px !important;
}
.woocommerce .shop_table.order_details th:last-child, .woocommerce .shop_table.order_details td:last-child {
  width: 50%;
}
.woocommerce .shop_table.order_details .product-remove,
.woocommerce .shop_table.order_details .remove_item {
  font-size: 0;
  border-right: none;
}
.woocommerce .shop_table.order_details .order_item td {
  border-bottom: 1px solid var(--ot-border-color) !important;
}
.woocommerce .shop_table .product-name a {
  color: var(--theme-color2);
}
.woocommerce .shop_table .product-name a:hover {
  color: var(--body-color);
}
.woocommerce .shop_table .product-name .product-quantity {
  display: none;
}
.woocommerce .shop_table thead th {
  border-bottom: 1px solid var(--ot-border-color) !important;
}

/*=================================
    05. Spacing
==================================*/
/*-- Padding Left And Right --*/
.px-5 {
  padding-right: 5px;
  padding-left: 5px;
}

.px-10 {
  padding-right: 10px;
  padding-left: 10px;
}

.px-15 {
  padding-right: 15px;
  padding-left: 15px;
}

.px-20 {
  padding-right: 20px;
  padding-left: 20px;
}

.px-25 {
  padding-right: 25px;
  padding-left: 25px;
}

.px-30 {
  padding-right: 30px;
  padding-left: 30px;
}

.px-35 {
  padding-right: 35px;
  padding-left: 35px;
}

.px-40 {
  padding-right: 40px;
  padding-left: 40px;
}

.px-45 {
  padding-right: 45px;
  padding-left: 45px;
}

.px-50 {
  padding-right: 50px;
  padding-left: 50px;
}

/*-- Padding Top And Bottom --*/
.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.py-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.py-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

/*-- Padding Top --*/
.pt-5 {
  padding-top: 5px;
}

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

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

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

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

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

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

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

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

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

/*-- Padding Bottom --*/
.pb-5 {
  padding-bottom: 5px;
}

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

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

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

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

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

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

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

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

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

/*-- Padding Left --*/
.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

/*-- Padding Right --*/
.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

/*-- margin Left And Right --*/
.mx-5 {
  margin-right: 5px;
  margin-left: 5px;
}

.mx-10 {
  margin-right: 10px;
  margin-left: 10px;
}

.mx-15 {
  margin-right: 15px;
  margin-left: 15px;
}

.mx-20 {
  margin-right: 20px;
  margin-left: 20px;
}

.mx-25 {
  margin-right: 25px;
  margin-left: 25px;
}

.mx-30 {
  margin-right: 30px;
  margin-left: 30px;
}

.mx-35 {
  margin-right: 35px;
  margin-left: 35px;
}

.mx-40 {
  margin-right: 40px;
  margin-left: 40px;
}

.mx-45 {
  margin-right: 45px;
  margin-left: 45px;
}

.mx-50 {
  margin-right: 50px;
  margin-left: 50px;
}

/*-- margin Top And Bottom --*/
.my-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.my-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.my-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.my-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.my-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

/*-- margin Top --*/
.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

/*-- margin Bottom --*/
.mb-5 {
  margin-bottom: 5px;
}

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

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

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

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

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

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

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

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

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

/*-- margin Left --*/
.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

/*-- margin Right --*/
.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

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

.mt-n1 {
  margin-top: -0.25rem;
}

.mt-n2 {
  margin-top: -0.6rem;
}

.mt-n3 {
  margin-top: -1rem;
}

.mt-n4 {
  margin-top: -1.5rem;
}

.mt-n5 {
  margin-top: -3rem;
}

.mb-n1 {
  margin-bottom: -0.25rem;
}

.mb-n2 {
  margin-bottom: -0.6rem;
}

.mb-n3 {
  margin-bottom: -1rem;
}

.mb-n4 {
  margin-bottom: -1.5rem;
}

.mb-n5 {
  margin-bottom: -3rem;
}

.space,
.space-top {
  padding-top: var(--section-space);
}

.space,
.space-bottom {
  padding-bottom: var(--section-space);
}

.space-extra,
.space-extra-top {
  padding-top: calc(var(--section-space) - 30px);
}

.space-extra,
.space-extra-bottom {
  padding-bottom: calc(var(--section-space) - 30px);
}

.space-extra2,
.space-extra2-top {
  padding-top: calc(var(--section-space) - 40px);
}

.space-extra2,
.space-extra2-bottom {
  padding-bottom: calc(var(--section-space) - 40px);
}

/* Medium devices */
@media (max-width: 991px) {
  .space,
  .space-top {
    padding-top: var(--section-space-mobile);
  }
  .space,
  .space-bottom {
    padding-bottom: var(--section-space-mobile);
  }
  .space-extra,
  .space-extra-top {
    padding-top: calc(var(--section-space-mobile) - 30px);
  }
  .space-extra,
  .space-extra-bottom {
    padding-bottom: calc(var(--section-space-mobile) - 30px);
  }
  .space-top-md-none {
    padding-top: 0;
  }
  .space-extra2,
  .space-extra2-top {
    padding-top: 70px;
  }
  .space-extra2,
  .space-extra2-bottom {
    padding-bottom: 70px;
  }
}/*# sourceMappingURL=style.css.map */