/*------------------- 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: #FFB34A;
    --theme-color2: #FFD78A;
    --theme-color3: #14B8A6;
    --title-color: #FFFFFF;
    --body-color: #A8A29E;
    --smoke-color: rgba(30, 30, 30, 0.7);
    --smoke-color2: #1E1E1E;
    --smoke-color3: #1E1E1E;
    --body-bg: #131210;
    --black-color: #131210;
    --white-color: #ffffff;
    --light-color: #57534E;
    --gray-color: #DEE8FF;
    --yellow-color: #FFB539;
    --success-color: #2DD4BF;
    --error-color: #F43F5E;
    --ot-border-color: #404040;
    --Surface-Primary-Hover: #F1A035;
    --Text-Action-Primary-Solid: #020617;
    --Colors-Gray-200: #E5E5E5;

    --surface-dark: #292524;
    --success-message: #2DD4BF;
    --error-message: #FB7185;
    --title-font: "Roboto", sans-serif;
    --body-font: "Roboto", sans-serif;
    --icon-font: "Font Awesome 6 Pro";
    --main-container: 1280px;
    --container-gutters: 30px;
    --section-space: 60px;
    --section-space-mobile: 40px;
    --section-title-space: 40px;
    --ripple-ani-duration: 5s;
}



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

html {
    margin: 0 !important;
}

body {
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 500;
    color: var(--body-color);
    line-height: 24px;
    overflow-x: hidden;
    background-color: var(--body-bg);
    position: relative;
    z-index: 2;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgB7cNBDQAACMSwC07wL3IED/xYkwbonSMVSdJTA27fBj9svgvKAAAAAElFTkSuQmCC) 0% 0%/5px 5px repeat, #131210;
}

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-color2);
    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: var(--title-weight, 300);
    line-height: var(--title-line-height, 1.4);
    margin: var(--title-margin, 0 0 15px 0);
}

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

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

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

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

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

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

/* Medium Large devices */
@media (max-width: 1399px) {

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

    .h2,
    h2 {
        font-size: 44px;
    }
}

/* Large devices */
@media (max-width: 1199px) {

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

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

    .h3,
    h3 {
        font-size: 30px;
        line-height: 1.333;
    }

    .h4,
    h4 {
        font-size: 24px;
    }

    .h5,
    h5 {
        font-size: var(--title-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: var(--title-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;
  }
  @media (max-width: 575px) {
    .container-full {
      padding-left: 12px;
      padding-right: 12px;
    }
  }

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

  @media (min-width: 768px) and (max-width: 1199.98px) {
    .container {
      max-width: 100%;
      }
  } */

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

:root {
    --form-select-neutral-bg-position-right-offset: 20px;
    --form-control-neutral-padding-right: 20px;
    --form-control-neutral-padding: 0 var(--form-control-neutral-padding-right) 0 20px;
    --form-select-neutral-padding: 0 calc(var(--form-control-neutral-padding-right) + var(--form-select-neutral-bg-position-right-offset)) 0 20px;
}

select,
.form-control,
.form-select,
textarea,
input:not([type=submit]) {
    position: relative;
    z-index: 2;

    width: 100%;
    height: 48px;

    border: 1px solid var(--ot-border-color);
    border-radius: 12px;
    background-color: var(--smoke-color);

    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 500;
    color: var(--light-color);

    transition: 0.3s ease-in-out;
}

.form-control:not(.form-select),
textarea,
input:not([type=submit]) {
    padding: var(--form-control-neutral-padding);
}

input:-webkit-autofill {
    background-color: var(--smoke-color) !important;
    color: var(--light-color) !important;
    -webkit-text-fill-color: var(--light-color) !important;
    transition: background-color 9999s ease-in-out 0s;
}

select:hover,
.form-control:hover,
.form-select:hover,
textarea:hover,
input:not([type=submit]):hover {
    border-color: var(--title-color);
}

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: var(--smoke-color);
}

select:focus::-webkit-input-placeholder,
.form-control:focus::-webkit-input-placeholder,
.form-select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
input:not([type=submit]):focus::-webkit-input-placeholder {
    opacity: 0;
}

select:focus::-moz-placeholder,
.form-control:focus::-moz-placeholder,
.form-select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
input:not([type=submit]):focus::-moz-placeholder {
    opacity: 0;
}

select:focus:-ms-input-placeholder,
.form-control:focus:-ms-input-placeholder,
.form-select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder,
input:not([type=submit]):focus:-ms-input-placeholder {
    opacity: 0;
}

select:focus::-ms-input-placeholder,
.form-control:focus::-ms-input-placeholder,
.form-select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder,
input:not([type=submit]):focus::-ms-input-placeholder {
    opacity: 0;
}

select:focus::placeholder,
.form-control:focus::placeholder,
.form-select:focus::placeholder,
textarea:focus::placeholder,
input:not([type=submit]):focus::placeholder {
    opacity: 0;
}

select:focus::-moz-placeholder,
.form-control:focus::-moz-placeholder,
.form-select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
input:not([type=submit]):focus::-moz-placeholder {
    opacity: 0;
}

select:disabled,
.form-control:disabled,
.form-select:disabled,
textarea:disabled,
input:not([type=submit]):disabled {
    color: #A8A29E !important;
    background-color: #57534E !important;
    border-color: #57534E !important;
}

select:disabled::-webkit-input-placeholder,
.form-control:disabled::-webkit-input-placeholder,
.form-select:disabled::-webkit-input-placeholder,
textarea:disabled::-webkit-input-placeholder,
input:not([type=submit]):disabled::-webkit-input-placeholder {
    color: #A8A29E !important;
    opacity: 1 !important;
}

select:disabled::placeholder,
select:disabled::-webkit-input-placeholder,
select:disabled:-moz-placeholder,
select:disabled::-moz-placeholder,
select:disabled:-ms-input-placeholder,
.form-control:disabled::placeholder,
.form-control:disabled::-webkit-input-placeholder,
.form-control:disabled:-moz-placeholder,
.form-control:disabled::-moz-placeholder,
.form-control:disabled:-ms-input-placeholder,
.form-select:disabled::placeholder,
.form-select:disabled::-webkit-input-placeholder,
.form-select:disabled:-moz-placeholder,
.form-select:disabled::-moz-placeholder,
.form-select:disabled:-ms-input-placeholder,
textarea:disabled::placeholder,
textarea:disabled::-webkit-input-placeholder,
textarea:disabled:-moz-placeholder,
textarea:disabled::-moz-placeholder,
textarea:disabled:-ms-input-placeholder,
input:not([type=submit]):disabled::placeholder,
input:not([type=submit]):disabled::-webkit-input-placeholder,
input:not([type=submit]):disabled:-moz-placeholder,
input:not([type=submit]):disabled::-moz-placeholder,
input:not([type=submit]):disabled:-ms-input-placeholder {
    color: #A8A29E !important;
    opacity: 1 !important;
}

select:valid,
.form-control:valid,
.form-select:valid,
textarea:valid,
input:not([type=submit]):valid {
    color: var(--body-color);
}

select:valid::-moz-placeholder,
.form-control:valid::-moz-placeholder,
.form-select:valid::-moz-placeholder,
textarea:valid::-moz-placeholder,
input:not([type=submit]):valid::-moz-placeholder {
    color: var(--body-color);
}

select:valid::placeholder,
select:valid::-moz-placeholder,
.form-control:valid::placeholder,
.form-control:valid::-moz-placeholder,
.form-select:valid::placeholder,
.form-select:valid::-moz-placeholder,
textarea:valid::placeholder,
textarea:valid::-moz-placeholder,
input:not([type=submit]):valid::placeholder,
input:not([type=submit]):valid::-moz-placeholder {
    color: var(--body-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::-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,
.form-select.is-invalid:not([multiple]):not([size]) {
    padding: var(--form-select-neutral-padding);
    background-image: url('data:image/svg+xml,<svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 5L0 0H10L5 5Z" fill="white"/></svg>');
    background-position: right var(--form-select-neutral-bg-position-right-offset) center;
    background-repeat: no-repeat;
    background-size: 10px 5px;
    appearance: none;
    cursor: pointer;
}

.form-select:invalid,
select:invalid {
    color: var(--light-color);
}

.form-select option,
select option {
    color: var(--title-color);
}

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

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


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="black"/></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;
    color: var(--title-color);
}

input[type=checkbox]~label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 3.5px;
    background-color: transparent;
    border: 2px solid var(--theme-color);
    height: 18px;
    width: 18px;
    line-height: 14px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    border-radius: 4px !important;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    transition: 0.3s ease-in-out;
}

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: -1px;
    width: 24px;
    height: 24px;
    padding-left: 0;
    font-size: 0.6em;
    line-height: 19px;
    text-align: center;
    border: 2px solid var(--theme-color);
    border-radius: 100%;
    font-weight: 700;
    background: transparent;
    color: transparent;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    outline-offset: -12px;
}

input[type=radio]:checked~label::before {
    content: '';
    border-color: var(--theme-color);
    outline: solid 5px var(--theme-color);
    outline-offset: -12px;
}

label {
    margin-bottom: 10px;
    display: block;
    color: var(--body-color);
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 500;
}

.form-control.is-invalid,
.form-control.is-invalid:valid,
textarea.is-invalid,
input.is-invalid,
.was-validated input:invalid {
    --bs-form-invalid-border-color: var(--error-color);
    background-image: none;
}

.form-control.is-invalid::placeholder,
.form-control.is-invalid:valid::placeholder {
    color: var(--error-color);
}

textarea.is-invalid:focus,
select.is-invalid:focus,
input.is-invalid:focus,
.was-validated input:invalid:focus {
    outline: 0;
    -webkit-box-shadow: none important;
    box-shadow: none !important;
}

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

.invalid-feedback {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--error-color);
}

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

.input-group {
    position: relative;
    z-index: 2;
}

.input-group input {
    border-radius: 12px !important;
}

.input-group button {
    font-weight: 500;
    position: absolute;
    top: 12px;
    right: 20px;
    background-color: transparent;
    border: none;
    padding: 0;
    color: var(--theme-color2) !important;
    z-index: 3;
    opacity: 1 !important;
}

.input-group button:hover {
    color: var(--theme-color) !important;
}

.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);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
    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: 2000;
    background: #131210;
    opacity: 90%;
}

.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 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: var(--white-color) var(--white-color) transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
}

.loader::after {
    content: "";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid;
    border-color: transparent var(--theme-color) var(--theme-color);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -webkit-animation: rotationBack 0.5s linear infinite;
    animation: rotationBack 0.5s linear infinite;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

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

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

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

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

@-webkit-keyframes rotationBack {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes rotationBack {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

/*------------------- 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(--Text-Action-Primary-Solid, #020617);
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    padding: 12px 16px;
    border-radius: 12px;
    min-width: min-content;
}

.ot-btn .icon1 {
    content: url('data:image/svg+xml,<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.6 6L0 1.4L1.4 0L7.4 6L1.4 12L0 10.6L4.6 6Z" fill="black"/></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(--black-color);
    background-color: var(--Surface-Primary-Hover);
}

.ot-btn:hover:before,
.ot-btn.active:before {
    visibility: visible;
    opacity: 1;
}

.ot-btn:focus {
    border: 1px solid #FFC666;
}

.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 svg {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.ot-btn.style2:before {
    display: none;
}

.ot-btn.style2:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: var(--black-color);
}

.ot-btn.style2:hover svg path {
    fill: var(--black-color);
}

.ot-btn.style3 {
    background: var(--smoke-color2);
    color: var(--title-color);
    border: 1px solid var(--ot-border-color);
    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(--black-color);
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

.ot-btn.style3:hover svg path {
    fill: var(--black-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%;
}

.mega-btn {
    display: flex;
    height: 48px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.mega-btn-sm {
    padding: 12px 12px;
}

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

.resend-otp {
    color: #FFD78A;
    cursor: pointer;
}

.resend-otp.otp-disabled {
    color: #A8A29E !important;
    cursor: default !important;
    pointer-events: none;
}

.otp-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px !important;
    height: 48px !important;
    padding: 0 !important;
    margin: 0;
    text-align: center;
    line-height: 1;
    box-sizing: border-box;
    appearance: textfield;
}

.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: 15px;
}

.title-area .sec-text {
    padding-bottom: 10px;
}

.title-area.mb-0 .sec-title {
    margin-bottom: -0.23em;
}

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

.title-black-color {
    color: var(--black-color);
}

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

.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: 40px;
    }

    .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: 40px;
    }

    .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: 40px;
    }
}

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



/* Small devices */
@media (max-width: 767px) {
    .rounded-20 {
        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 -------------------*/
/*------------------- 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;
}

.bg-surface-dark {
    background-color: #292524;
}

.bg-surface-dark:hover {
    background-color: #292524;
}

/* Large devices */
@media (max-width: 1199px) {
    .bg-contain-repeat {
        background-position: bottom left;
    }
}

/*------------------- Text Size -------------------*/

.text-size-20 {
    font-size: 20px !important;
}

.text-size-24 {
    font-size: 24px !important;
}

.text-size-48 {
    font-size: 48px !important;
}

/*------------------- 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-success-message {
    color: var(--success-message) !important;
}

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

.text-action-light-solid {
    color: #292524 !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;
}

@-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 {
    --dropdown-menu-pointer-height: 10px;
}

.dropdown-menu:not(.dropdown-menu--without-arrow):before {
    content: "";
    position: absolute;
    top: calc(-1*var(--dropdown-menu-pointer-height));
    left: unset;
    right: 12px;
    border-style: solid;
    border-width: 0 var(--dropdown-menu-pointer-height) var(--dropdown-menu-pointer-height);
    border-color: transparent transparent #fff transparent;
}

.dropdown-menu[data-popper-placement^="top"]::before {
  top: unset;
  bottom: calc(-1*var(--dropdown-menu-pointer-height));
  transform: rotate(180deg);
}

.header-button {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 2;
    /* Extra small devices */
}

.header-button .dropdown-menu {
    --bs-dropdown-min-width: 8rem;
    text-align: center;
    top: 12px !important;
}

@media (min-width: 1200px) {
    .header-button .dropdown-menu {
        -webkit-transform: translate(-50px, 55px) !important;
        transform: translate(-50px, 55px) !important;
    }
}

.header-button .ot-btn {
    padding: 15px;
}

.header-button .ot-btn.has-svg {
    height: 48px;
    width: 48px;
    padding: 13px;
}

@media (max-width: 575px) {
    .header-button {
        gap: 8px;
    }
}

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

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

.breadcrumb-menu {
    margin-bottom: 40px;
}

.breadcrumb-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.breadcrumb-menu svg {
    margin-top: -2px;
    margin-right: 10px;
}

.breadcrumb-menu li:after {
    content: "/";
    color: var(--title-color);
    margin-left: 6px;
}

.breadcrumb-menu li:last-child {
    color: var(--title-color);
}

.breadcrumb-menu li:last-child:after {
    display: none;
}

.breadcrumb-menu li a {
    color: var(--theme-color2);
    text-decoration: underline;
}

.breadcrumb-menu li a:hover {
    color: var(--theme-color);
}

/* Header 1 ---------------------------------- */
.header-layout1 {
    width: 100%;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
}

.header-layout1 .container .row {
    height: 100px;
}

.header-layout1 .menu-area {
    position: relative;
    z-index: 2;
    background: linear-gradient(0deg, rgba(19, 18, 16, 0.80) 0%, rgba(19, 18, 16, 0.80) 100%);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(12.5px);
}

.header-layout1 .header-logo {
    position: relative;
    z-index: 2;
    /* Medium devices */
}

/*
  @media (max-width: 991px) {
    .header-layout1 .header-logo {
      max-width: 197px;
    }
  }
  */
.header-layout1 .mobile-logo {
    display: none;
}

.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-button .ot-btn.style2 {
        display: none;
    }

    .header-layout1 .logo {
        display: none;
    }

    .header-layout1 .mobile-logo {
        display: inline-block;
    }
}

/* Small devices */
@media (max-width: 767px) {
    .header-layout1 .header-logo img {
        max-width: 197px;
    }

    .header-layout1 .logo {
        display: none;
    }

    .header-layout1 .mobile-logo {
        display: inline-block;
    }
}

/*------------------- Footer  -------------------*/
.footer-wrapper {
    position: relative;
    z-index: 2;
    background-color: #1E1E1E;
    padding: 32px 0 18px 0;
    text-align: center;
}

.footer-wrapper .footer-logo {
    margin-bottom: 12px;
}

.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 {
    font-weight: 500;
    margin: 0;
    margin-top: 12px;
    color: var(--body-color);
}

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

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

.social-links .social-title {
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    margin: 0 12px 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: 8px;
}

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

.brand-wrap {
    padding: 45px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px 30px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.brand-wrap .brand-logo {
    opacity: 0.3;
}

.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;
    -webkit-backdrop-filter: blur(45px);
    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;
    }
}

.breadcumb-content {
    display: grid;
    min-height: calc(100vh - 300px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 32px 0;
}

.title-404 {
    font-size: 120px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 20px;
}

.checklist ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.checklist li {
    font-size: 16px;
    font-weight: 500;
    color: var(--body-color);
    display: block;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 8px 0 8px 28px;
    position: relative;
}

.checklist li:before {
    content: url('data:image/svg+xml,<svg width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.54998 13L0.849976 7.29998L2.27498 5.87498L6.54998 10.15L15.725 0.974976L17.15 2.39998L6.54998 13Z" fill="%23A8A29E"/></svg>');
    display: inline-block;
    position: absolute;
    top: auto;
    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;
}

.checklist.icon-black li:before {
    content: url('data:image/svg+xml,<svg width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.54998 13L0.849976 7.29998L2.27498 5.87498L6.54998 10.15L15.725 0.974976L17.15 2.39998L6.54998 13Z" fill="%231D2939"/></svg>');
}

.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);
    -webkit-backdrop-filter: blur(45px);
    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);
    -webkit-backdrop-filter: blur(45px);
    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);
    -webkit-backdrop-filter: blur(10px);
    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);
    -webkit-backdrop-filter: blur(10px);
    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;
}

.info-box {
    padding: 30px 30px 20px 20px !important;
}

.info-box .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 300;
    /* Small devices */
}

@media (max-width: 767px) {
    .info-box .text {
        font-size: 16px;
    }
}

.variations-buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}

.variations-buttons button {
    position: relative;
    z-index: 2;
    border: none;
    padding: 12px 16px;
    font-size: 20px;
    font-weight: 400;
    border-radius: 8px;
    color: var(--title-color);
    min-width: 94px;
}

.variations-buttons button:hover {
    color: var(--theme-color);
}

.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: 0;
    visibility: hidden;
}

.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: 16px 30px;
    min-width: 280px;
    width: 100%;
    font-weight: 500;
}

.challege-price {
    font-size: 24px;
    color: var(--theme-color);
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid var(--ot-border-color);
    padding-top: 15px;
    /* Small devices */
}

@media (max-width: 767px) {
    .challege-price {
        font-size: 18px;
    }
}

.challege-price .original-price {
    margin-left: auto;
    margin-right: 7px;
}

.selected-variations {
    margin-bottom: 10px;
}

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

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

.update-feature .box-sub {
    background-color: var(--theme-color3);
    color: var(--black-color);
    display: inline-block;
    padding: 0 12px;
    line-height: 28px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 8px;
    margin-bottom: 20px;
}

.update-feature .box-title {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.update-feature .box-text {
    padding-right: 60px;
}

.update-feature .box-link {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.home-right-side .sec-title {
    font-size: 32px;
    text-transform: uppercase;
    /* Small devices */
}

@media (max-width: 767px) {
    .home-right-side .sec-title {
        font-size: 28px;
    }
}

.home-right-side .sec-text {
    font-size: 20px;
    font-weight: 300;
    /* Small devices */
}

@media (max-width: 767px) {
    .home-right-side .sec-text {
        font-size: 16px;
    }
}

.profit-cards {
    margin: -8%;
    margin-top: 0;
    text-align: center;
}

.row.home-page-row {
    --bs-gutter-x: 64px;
    /* Medium Large devices */
    /* Medium devices */
}

@media (max-width: 1299px) {
    .row.home-page-row {
        --bs-gutter-x: 24px;
    }
}

@media (max-width: 991px) {
    .row.home-page-row {
        gap: 40px;
    }
}

/*------------------- 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: 20px;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--title-color);
    padding: 0;
    margin-bottom: 18px !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 .ot-btn {
    font-weight: 400 !important;
    color: var(--black-color) !important;
    background: var(--theme-color) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    padding: 16px 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;
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
    height: 48px;
    padding: 0 20px 0 20px;
    border: 1px solid var(--ot-border-color);
    color: var(--light-color);
    background-color: var(--smoke-color);
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
    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;
}

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

.billing-details .form-group.create-account-label label {
    display: block;
}

.billing-details .iti.iti--allow-dropdown {
    width: 100%;
}

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

@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 .variations-buttons {
    gap: 8px;
}

.account-item button {
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
    z-index: 1;
    padding: 17px 16px;
    position: relative;
    border-radius: 12px;
    color: var(--body-color);
    background: transparent;
    border: 1px solid var(--ot-border-color);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    /* Small devices */
    /* Extra small devices */
    /* Extra small devices */
}

@media (max-width: 767px) {
    .account-item button {
        font-size: 16px;
        border-radius: 8px;
    }
}

@media (max-width: 575px) {
    .account-item button {
        padding: 11px 15px;
    }
}

@media (max-width: 375px) {
    .account-item button {
        padding: 11px 15px;
    }
}

.account-item button:hover,
.account-item button.active {
    color: var(--black-color);
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.account-item button:hover::before,
.account-item button.active::before {
    opacity: 1;
    visibility: visible;
}

.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: 16px;
    font-weight: 500;
    padding: 16px;
    border: 1px solid var(--ot-border-color);
    border-radius: 8px;
    margin-bottom: 16px;
    color: var(--title-color);
    position: relative;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    cursor: pointer;
}

.available-info .addons-item:before {
    content: "";
    position: absolute;
    top: 18px;
    left: 16px;
    width: 18px;
    height: 18px;
    border: 2px 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: 11px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.available-info .addons-item .title {
    padding-left: 30px;
    margin-bottom: 8px;
}

.available-info .addons-item b {
    color: var(--body-color);
}

.available-info .addons-item i {
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 23px;
    position: absolute;
    top: 16px;
    right: 16px;
    color: var(--black-color);
    background-color: #E5E5E5;
    border-radius: 4px;
    padding: 0 4px;
}

.available-info .addons-item p {
    color: var(--body-color);
}

.available-info .addons-item .addons-des {
    font-size: 14px;
    font-weight: 700;
    color: var(--body-color);
    margin: 0;
}

.available-info .addons-item.active:before {
    content: '';
    background-image: url('data:image/svg+xml,<svg width="11" height="8" viewBox="0 0 11 8" fill="black" 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" stroke="black" stroke-width="0.8" fill="black"/></svg>');
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--theme-color);
}

.available-info .addons-item:last-child {
    margin-bottom: 0;
}

.single-checkout-widget {
    background: var(--smoke-color);
    -webkit-mask-image: url(../img/shape_1.png);
    mask-image: url(../img/shape_1.png);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    padding: 16px;
    position: relative;
    z-index: 2;
    margin-bottom: 24px;
}

.single-checkout-widget:before {
    content: "";
    position: absolute;
    inset: 1px;
    -webkit-mask-image: url(../img/shape_border.png);
    mask-image: url(../img/shape_border.png);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: var(--ot-border-color);
    pointer-events: none;
}

.single-checkout-widget h3 {
    color: var(--title-color);
}

.single-checkout-widget h6 {
    font-size: 24px;
    font-weight: 300;
    color: var(--title-color);
    margin-bottom: 10px;
    margin-top: -0.24em;
    text-transform: uppercase;
}

.user-card {
    background: url('https://subscriptions.megatrader.io/wp-content/uploads/2025/05/background-ellipse.svg') no-repeat center;
    background-size: cover;
    color: #000;
}

.user-cta {
    gap: 4px;
}

@media (max-width: 991.98px) {
    .user-card_info_name {
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .w-sm-100 {
        width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .w-md-100 {
        width: 100% !important;
    }
}

.min-w-0 {
    min-width: 0;
}


.checkout-addons .main-title {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.p-32 {
    padding: 32px !important;
}

.p-12 {
    padding: 12px !important;
}

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

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

.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;
    -webkit-backdrop-filter: blur(45px);
    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 {
    color: var(--title-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    font-weight: 500;
}

.ip-widget .ip-location span {
    font-size: 14px;
    color: var(--body-color);
    margin-left: 0;
}

.ip-widget .ip-location img {
    margin-right: 0;
    border-radius: 4px;
}

.ip-widget .wrong-location {
    font-size: 15px;
    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;
}

.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 .alert {
    position: relative;
    padding: 0;
    margin-bottom: 0;
    border: none !important;
    border-radius: 0;
    background: transparent !important;
    font-weight: 500;
}

.woocommerce-form .alert-success {
    color: #92F185;
}

.woocommerce-form .alert-danger {
    color: #dd0d1f;
}

.woocommerce-form-login {
    background-color: transparent !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
}

.woocommerce-form-login .form-check {
    padding-left: 0;
}

.woocommerce-form-login .ot-btn {
    min-width: 160px;
    color: var(--black-color);
    background: var(--theme-color);
    border-radius: 12px;
}

.woocommerce-form-login .ot-btn:hover {
    background-color: var(--theme-color3);
}

.woocommerce-form-login .form-check {
    padding-left: 0;
}

.woocommerce-form-login .input-group {
    border: 1px solid var(--ot-border-color);
    border-radius: 12px;
}

.woocommerce-form-login .input-group input {
    background-color: transparent !important;
    border: none !important;
    max-width: calc(100% - 90px);
}

.woocommerce-form-login input {
    background-color: transparent !important;
}

.woocommerce-form-login a {
    text-decoration: underline;
}

.custom-login-form {
    padding-right: 0;
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    background-color: var(--smoke-color2, #1E1E1E);
    color: var(--title-color);
    border: none !important;
    border-radius: 8px;
    max-width: 1170px;
    margin: 0 auto 16px auto;
    padding: 16px 16px 16px 56px;
    list-style: none;
    outline: none;
}

.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-error:focus,
.woocommerce-checkout .woocommerce-error:focus-visible,
.woocommerce-checkout .woocommerce-error li,
.woocommerce-checkout .woocommerce-error li:focus,
.woocommerce-checkout .woocommerce-error li:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.woocommerce-message li,
.woocommerce-error li,
.woocommerce-info li {
    margin-bottom: 5px;
}

.woocommerce-message li:last-child,
.woocommerce-error li:last-child,
.woocommerce-info li:last-child {
    margin: 0;
}

.woocommerce-message li,
.woocommerce-message a,
.woocommerce-error li,
.woocommerce-error a,
.woocommerce-info li,
.woocommerce-info a {
    color: #FB7185;
    font-weight: 400;
}

.woocommerce-info {
    color: #60A5FA;
}

.woocommerce-message {
    color: #2DD4BF;
}

.woocommerce-error {
    color: #FB7185;
}

.woocommerce-info:before,
.woocommerce-message:before,
.woocommerce-error:before {
    position: absolute;
    top: 17px;
    left: 16px;
    width: 24px;
    height: 24px;
}

.woocommerce-info:before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_12480_16315" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_12480_16315)"><path d="M11 17H13V11H11V17ZM12 9C12.2833 9 12.5208 8.90417 12.7125 8.7125C12.9042 8.52083 13 8.28333 13 8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8C11 8.28333 11.0958 8.52083 11.2875 8.7125C11.4792 8.90417 11.7167 9 12 9ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="%2360A5FA"/></g></svg>');
}

.woocommerce-message:before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_12286_24224" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_12286_24224)"><path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 13.8L7.75 10.95L6.35 12.35L10.6 16.6ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="%232DD4BF"/></g></svg>');
}

.woocommerce-error:before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_12480_4404" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_12480_4404)"><path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="%23FB7185"/></g></svg>');
}

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

#billing_email_field.woopay-billing-email {
    display: none;
}

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

@media (min-width: 1200px) {

    .pe-lg-32 {
        padding-inline-end: 32px !important;
    }

    .ps-lg-32 {
        padding-inline-start: 32px !important;
    }

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

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

.row-gap-32 {
    row-gap: 32px;
}

.gap-32 {
    gap: 32px !important;
}

.gap-64 {
    gap: 64px !important;
}

.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 {
    display: flex;
    flex-direction: column;
       max-width: 600px;
    position: relative;
    z-index: 3;
}

.woocommerce-checkout .woocommerce-message:focus-visible,
.woocommerce-checkout .woocommerce-error:focus-visible {
    outline: none;
}

@media (max-width: 991px) {

    .woocommerce-checkout .woocommerce-message,
    .woocommerce-checkout .woocommerce-error {
        max-width: 100%;
        margin-inline: 16px;
    }
}

/* .woocommerce-checkout .woocommerce-message li,
.woocommerce-checkout .woocommerce-error li {
    position: relative;
    padding-left: 30px !important;
} */

.woocommerce-checkout .woocommerce-message li strong,
.woocommerce-checkout .woocommerce-error li strong {
    font-weight: 400;
}

/* .woocommerce-checkout .woocommerce-message li:first-child:before,
.woocommerce-checkout .woocommerce-error li:first-child: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="M6.4 15L10 11.4L13.6 15L15 13.6L11.4 10L15 6.4L13.6 5L10 8.6L6.4 5L5 6.4L8.6 10L5 13.6L6.4 15ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="%23FB7185"/></svg>');
    position: absolute;
    top: 3px;
    left: 0;
} */

.woocommerce-checkout .row {
    --bs-gutter-x: 10px;
}

.woocommerce-checkout table.shop_table {
    border-radius: 16px;
    background: var(--smoke-color) !important;
    padding: 0px !important;
    border: none !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    border-collapse: separate;
    border-spacing: 0;
}

.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: 500;

    /* Extra small devices */
}

@media (max-width: 575px) {
    .woocommerce-checkout table.shop_table .product-name {
        font-size: 16px;
    }
}

.woocommerce-checkout table.shop_table .product-name .product-quantity {
    display: none;
}

.woocommerce-checkout table.shop_table .product-name a {
    color: inherit;
    pointer-events: none;
}

.woocommerce-checkout table.shop_table .product-name dd {
    font-weight: 500;
    color: var(--theme-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: 16px;
}*/

.woocommerce-checkout table.shop_table .product-total .woocommerce-Price-amount {
    font-size: 16px;
    font-weight: 500;
    color: var(--theme-color);
}

.woocommerce-checkout table.shop_table .product-total .subscription-price>.woocommerce-Price-amount:after {
    content: " / Month";
}

.woocommerce-checkout table.shop_table .product-total .subscription-details {
    display: none;
}

.woocommerce-checkout table.shop_table thead {
    display: none;
}

.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
    font-size: 16px;
    padding: 4px 0;
    font-weight: 500;
    color: var(--body-color);
    border: none !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    /* Extra small devices */
}

.woocommerce-checkout table.shop_table th strong,
.woocommerce-checkout table.shop_table td strong {
    font-weight: 500;
}

@media (max-width: 575px) {

    .woocommerce-checkout table.shop_table th,
    .woocommerce-checkout table.shop_table td {
        font-size: 16px;
    }
}

.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: 7px 0 !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 tr:first-child th,
.woocommerce-checkout table.shop_table tfoot tr:first-child td {
    padding-top: 20px !important;
}*/

.woocommerce-checkout table.shop_table tfoot bdi {
    font-weight: 500;
}

.woocommerce-checkout table.shop_table bdi {
    color: var(--title-color);
}

.woocommerce-checkout table.shop_table .order-total th,
.woocommerce-checkout table.shop_table .order-total td {
    color: var(--body-color) !important;
    font-size: 16px;
    font-weight: 400;
    /* Extra small devices */
}

.woocommerce-checkout table.shop_table .order-total th bdi,
.woocommerce-checkout table.shop_table .order-total td bdi {
    font-weight: 500;
    color: var(--title-color) !important;
}

@media (max-width: 575px) {

    .woocommerce-checkout table.shop_table .order-total th,
    .woocommerce-checkout table.shop_table .order-total td {
        font-size: 16px;
    }
}

.woocommerce-checkout table.shop_table tbody tr:first-child td {
    padding: 0 !important;
}

.woocommerce-checkout table.shop_table .cart_item {
    position: relative;
    z-index: 2;
    /* Small devices */
}

.woocommerce-checkout table.shop_table .cart_item th,
.woocommerce-checkout table.shop_table .cart_item td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.woocommerce-checkout table.shop_table .cart_item bdi {
    color: var(--theme-color);
    font-weight: 600 !important;
}

.woocommerce-checkout table.shop_table .cart_item .subscription-details {
    color: var(--theme-color);
    font-weight: 600 !important;
}

/*
.woocommerce-checkout table.shop_table .cart_item td {
    background-color: rgba(255, 179, 74, 0.1);
}

.woocommerce-checkout table.shop_table .cart_item td.product-name {
    border-top-left-radius: 64px;
    border-bottom-left-radius: 64px;
}
*/
.woocommerce-checkout table.shop_table .cart_item td.product-total {
    border-top-right-radius: 64px;
    border-bottom-right-radius: 64px;
}

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(--body-color);
    font-weight: 300;
}

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

.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);
    display: none;
}

#add_payment_method #payment ul.payment_methods li input[type=checkbox]~label,
.woocommerce-cart #payment ul.payment_methods li input[type=checkbox]~label,
.woocommerce-checkout #payment ul.payment_methods li input[type=checkbox]~label {
    display: none;
}

#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: 0;
    margin: 0;
    font-size: 0.92em;
    border-radius: 7px;
    line-height: 1.5;
    background-color: transparent !important;
    color: var(--body-color);
    border: none;
}

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

#add_payment_method #payment {
    background-color: transparent;
}

#order_review .wc_payment_method>label,
#add_payment_method .woocommerce-PaymentMethod>label {
    display: none;
}

#add_payment_method .woocommerce-PaymentBox {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.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.woocommerce-SavedPaymentMethods.wc-saved-payment-methods li label {
    color: var(--title-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

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

.woocommerce form.woocommerce-checkout #payment ul.wc_payment_methods .woocommerce-SavedPaymentMethods-saveNew label {
    color: var(--title-color);
    font-family: var(--Type-Font-Family-Body, Roboto);
    font-size: var(--Text-FontSize-Body-md, 16px);
    font-weight: 500;
    line-height: var(--Text-Lineheight-Body-md, 24px);
}

#wc-nmi-cc-form>div.form-row.form-row-wide:nth-of-type(2) {
    display: none !important;
}

.woocommerce-checkout #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before {
    line-height: 24px;
}

#privacy_policy_field {
    padding: 0;
}

.nmi-wrapper:hover,
.nmi-wrapper:focus-within {
    border-color: #ffaa33;
    box-shadow: 0 0 0 2px rgba(255, 170, 51, 0.4);
    border-radius: 12px;
}

#wc-nmi-cc-form:after {
    content: 'By providing your card information, you allow MegaTrader to charge your card for future payments in accordance with their terms.'
}

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

button#place_order.checkout-place-order {
    float: unset !important;
    margin-bottom: 10px;
    margin-top: 6px !important;
    width: 100%;

    /* wc override of .ot-btn */
    color: var(--Text-Action-Primary-Solid);
    background-color: var(--theme-color) !important;
}

button#place_order.checkout-place-order:before {
    border-radius: inherit;
}

button#place_order.checkout-place-order:hover {
    /* wc override of .ot-btn */
    background-color: var(--Surface-Primary-Hover) !important;
}

button#place_order.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: 32px;
}*/

.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;
    width: 100%;
    gap: 10px;
}

.coupon-form .apply-btn {
    min-width: 104px;
    height: 48px;
    outline: none;
    padding: 8px;
    /* Extra small devices */
}

.coupon-form .apply-btn:hover {
    color: var(--black-color);
    background: var(--theme-color);
    border-color: var(--theme-color);
}

@media (max-width: 375px) {
    .coupon-form .apply-btn {
        min-width: 84px;
    }
}

.coupon-form input#coupon_code {
    background-color: var(--smoke-color);
    border: 1px solid var(--ot-border-color);
    text-transform: capitalize;
}

.coupon-form input#coupon_code:hover {
    border-color: var(--title-color);
}

.coupon-form input#coupon_code:focus {
    border-color: var(--theme-color);
}

input#billing_first_name,
input#billing_last_name {
    text-transform: capitalize;
}

.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 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 .wc-payment-form 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;
}

#add_payment_method #payment .info-text,
#add_payment_method .woocommerce-checkout-payment .info-text,
.woocommerce-checkout #payment .info-text,
.woocommerce-checkout .woocommerce-checkout-payment .info-text {
    margin: 15px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

#add_payment_method #payment .info-text svg,
#add_payment_method .woocommerce-checkout-payment .info-text svg,
.woocommerce-checkout #payment .info-text svg,
.woocommerce-checkout .woocommerce-checkout-payment .info-text svg {
    min-width: 16px;
}

#add_payment_method #payment .info-text a,
#add_payment_method .woocommerce-checkout-payment .info-text a,
.woocommerce-checkout #payment .info-text a,
.woocommerce-checkout .woocommerce-checkout-payment .info-text a {
    text-decoration: underline;
    color: var(--theme-color2);
}

#add_payment_method #payment .info-text a:hover,
#add_payment_method .woocommerce-checkout-payment .info-text a:hover,
.woocommerce-checkout #payment .info-text a:hover,
.woocommerce-checkout .woocommerce-checkout-payment .info-text a:hover {
    color: var(--theme-color);
}

.woocommerce-checkout-payment .heading-label {
    margin-bottom: 26px !important;
}

.woocommerce-checkout-payment .form-check {
    margin-bottom: 0 !important;
}

.woocommerce-checkout-payment .form-check .form-check-input {
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-radius: 100%;
    background-color: transparent;
    border: 1px solid var(--theme-color);
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 2px;
    border-radius: 0;
    cursor: pointer;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    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: 11px;
}

.woocommerce-checkout-payment .form-check .form-check-input:checked[type=checkbox] {
    background-image: url('data:image/svg+xml,<svg width="11" height="8" viewBox="0 0 11 8" fill="black" 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" stroke="black" stroke-width="0.8" fill="black"/></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: underline;
}

.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 form .form-row.woocommerce-invalid label {
    color: var(--title-color);
}

.woocommerce-checkout-payment input~label {
    /* display: none; */
}

.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: 12px;
    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;
    margin-bottom: -0.3em;
}

.woocommerce-thankyou-order-details.order_details li bdi {
    color: var(--title-color);
}

.woocommerce-thankyou-order-details.order_details+p {
    display: none;
}

.woocommerce-order .woocommerce-customer-details {
    padding: 30px;
    background-color: var(--smoke-color);
    border: none !important;
    border-radius: 12px;
    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: 12px;
    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 {
    font-weight: 500;
    padding-right: 16px !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;
}

.logo-wrap .header-logo img.logo {
    width: 326px;
    height: 60px;
}

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

.wc-saved-payment-methods {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@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 {
    padding: 0;
}

.woocommerce-MyAccount-navigation ul {
    padding-left: 0;
    margin: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}

.woocommerce-MyAccount-navigation li {
    font-size: 16px;
    padding: 0;
    line-height: 1;
    color: var(--body-color);
    position: relative;
    z-index: 2;
    display: inline-block;
}

.woocommerce-MyAccount-navigation li.is-active {
    color: var(--black-color);
    border-color: var(--theme-color);
    font-weight: 500;
}

.woocommerce-MyAccount-navigation li.is-active a:hover {
    color: var(--black-color);
}


.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout {
    display: none;
    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: var(--body-color);
    border: 1px solid var(--ot-border-color);
    padding: 12px 16px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border-radius: 12px;
    background: var(--Surface-Dark, #292524);
}

.woocommerce-MyAccount-navigation li a:hover {
    background: var(--theme-color);
    border-color: var(--theme-color);
    color: var(--black-color);
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--subscriptions {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.woocommerce-MyAccount-navigation li.is-active a {
    color: var(--black-color);
    background-color: var(--Surface-Primary-Hover);
    border-color: var(--Surface-Primary-Hover);
}

.row.my-account-row {
    --bs-gutter-x: 64px;
    /* Medium Large devices */
}

@media (max-width: 1299px) {
    .row.my-account-row {
        --bs-gutter-x: 30px;
    }
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none;
    width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-content .button {
    display: inline-block;
    background-color: #292524;
    color: var(--title-color);
    font-size: 12px;
    border-radius: 5px;
    font-weight: 500;
    padding: 9px 15px;
    text-transform: uppercase;
    border: 1px solid #404040;
}

.woocommerce-account .woocommerce-MyAccount-content .button:hover {
    color: var(--black-color);
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

.woocommerce-account .woocommerce-MyAccount-content h2 {
    font-size: 32px;
    margin: 0;
    font-weight: 500;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields {
    margin-top: 0;
}

.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(--body-color);
    font-size: 14px;
}

.woocommerce-account .woocommerce-MyAccount-content address br {
    display: block;
}

.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: 100%;
    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 {
    padding: 13px 18px 17px 18px;
    /* Extra small devices */
}

.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="M0 18V13.75L13.2 0.575C13.4 0.391667 13.6208 0.25 13.8625 0.15C14.1042 0.05 14.3583 0 14.625 0C14.8917 0 15.15 0.05 15.4 0.15C15.65 0.25 15.8667 0.4 16.05 0.6L17.425 2C17.625 2.18333 17.7708 2.4 17.8625 2.65C17.9542 2.9 18 3.15 18 3.4C18 3.66667 17.9542 3.92083 17.8625 4.1625C17.7708 4.40417 17.625 4.625 17.425 4.825L4.25 18H0ZM14.6 4.8L16 3.4L14.6 2L13.2 3.4L14.6 4.8Z" fill="black"/></svg>');
    display: inline-block;
    margin-right: 5px;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

.woocommerce-account .woocommerce-MyAccount-content .edit:hover {
    color: var(--black-color);
    background-color: var(--theme-color2);
}

@media (max-width: 575px) {
    .woocommerce-account .woocommerce-MyAccount-content .edit {
        width: 100%;
    }
}

.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 form .show-password-input,
.woocommerce-page form .show-password-input {
    position: absolute;
    right: 20px;
    top: 0.9em;
    cursor: pointer;
    z-index: 3;
}

.woocommerce .woocommerce-address-fields .button {
    font-size: 16px;
    padding: 16px 20px !important;
    border-radius: 12px;
    border: none;
    background-color: var(--theme-color);
    color: var(--black-color);
}

.woocommerce .woocommerce-address-fields .button:hover {
    background-color: var(--theme-color2);
}

.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: 15px;
}

.woocommerce .woocommerce-address-fields .form-row label {
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 5px;
}

.woocommerce .woocommerce-address-fields .form-row label .required {
    color: inherit;
}

.woocommerce .woocommerce-address-fields input[type=checkbox] {
    visibility: visible;
    opacity: 1;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.woocommerce .woocommerce-address-fields .select2-selection__rendered {
    color: var(--body-color);
    font-weight: 500;
    height: 48px;
    padding: 0 20px;
}

.woocommerce .woocommerce-address-fields .select2-container--default .select2-selection--single {
    background-color: var(--smoke-color2);
    border: 1px solid var(--ot-border-color) !important;
    border-bottom: 1px solid var(--ot-border-color) !important;
    height: 48px;
}

.woocommerce .woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px;
}

.woocommerce .woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
}

.woocommerce .woocommerce-address-fields #update_all_subscriptions_addresses_field {
    display: none;
}

.woocommerce .woocommerce-address-fields #billing_email_field {
    margin-bottom: 0;
}

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

.select2-container--default .select2-selection--single .select2-selection__rendered {
    background: transparent;
    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 .th,
.woocommerce table.account-payment-methods-table td,
.woocommerce table.my_account_orders th,
.woocommerce table.my_account_orders .th,
.woocommerce table.my_account_orders td {
    font-size: 13px !important;
    border: none;
    padding: 16px;
    font-weight: 500;
    color: var(--body-color) !important;
}

.woocommerce table.account-payment-methods-table th a,
.woocommerce table.account-payment-methods-table .th a,
.woocommerce table.account-payment-methods-table td a,
.woocommerce table.my_account_orders th a,
.woocommerce table.my_account_orders .th a,
.woocommerce table.my_account_orders td a {
    font-size: inherit;
    color: inherit;
    font-weight: 400;
}

.woocommerce table.account-payment-methods-table th a:hover,
.woocommerce table.account-payment-methods-table .th a:hover,
.woocommerce table.account-payment-methods-table td a:hover,
.woocommerce table.my_account_orders th a:hover,
.woocommerce table.my_account_orders .th a:hover,
.woocommerce table.my_account_orders td a:hover {
    color: var(--theme-color);
}

.woocommerce table.account-payment-methods-table th,
.woocommerce table.account-payment-methods-table .th,
.woocommerce table.my_account_orders th,
.woocommerce table.my_account_orders .th {
    color: var(--title-color) !important;
    font-weight: 600;
}

.woocommerce table.account-payment-methods-table th.woocommerce-orders-table__cell-order-number,
.woocommerce table.account-payment-methods-table .th.woocommerce-orders-table__cell-order-number,
.woocommerce table.my_account_orders th.woocommerce-orders-table__cell-order-number,
.woocommerce table.my_account_orders .th.woocommerce-orders-table__cell-order-number {
    color: var(--body-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 #292524;
}

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

.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 tr:first-child th,
.woocommerce table.my_account_orders thead tr:first-child th {
    font-weight: 600;
}

.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: 20px 16px !important;
    border: none;
    border-bottom: 1px solid #404040;
}

.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 16px;
    /* 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: 16px;
    }
}

@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: none !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: 13px;
}

.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 span,
.woocommerce table.account-payment-methods-table .status-completed span,
.woocommerce table.my_account_orders .status-active span,
.woocommerce table.my_account_orders .status-completed span {
    background-color: #14B8A6 !important;
}

.woocommerce table.account-payment-methods-table .status-pending-cancellation span,
.woocommerce table.account-payment-methods-table .status-pending-payment span,
.woocommerce table.account-payment-methods-table .status-processing span,
.woocommerce table.my_account_orders .status-pending-cancellation span,
.woocommerce table.my_account_orders .status-pending-payment span,
.woocommerce table.my_account_orders .status-processing span {
    background-color: #A78BFA !important;
}

.woocommerce table.account-payment-methods-table .status-cancelled span,
.woocommerce table.account-payment-methods-table .status-failed span,
.woocommerce table.my_account_orders .status-cancelled span,
.woocommerce table.my_account_orders .status-failed span {
    background-color: var(--error-color) !important;
}

.woocommerce table.my_account_orders .status-pending span {
    background-color: #94A3B8 !important;
}


.woocommerce table.account-payment-methods-table .status-refunded span,
.woocommerce table.account-payment-methods-table .status-on-hold span,
.woocommerce table.my_account_orders .status-refunded span,
.woocommerce table.my_account_orders .status-on-hold span {
    background-color: #3B82F6 !important;
    color: var(--black-color) !important;
}

.woocommerce table.account-payment-methods-table .woocommerce-orders-table__cell-order-status span,
.woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-status span {
    color: var(--Text-Action-Primary-Solid);
    text-transform: uppercase;
    background-color: var(--Surface-Primary-Hover);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-weight: 700;
    padding: 5px 12px;
    white-space: nowrap;
    font-size: 14px;

}


@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: 130px;
        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: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+.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 fieldset {
    margin: 30px 0 10px 0;
}

.woocommerce form.woocommerce-EditAccountForm fieldset legend {
    font-size: 18px;
    font-weight: 400;
    color: var(--body-color);
    margin-bottom: 15px;
}

.woocommerce form.woocommerce-EditAccountForm .button {
    font-size: 16px;
    padding: 17px 20px;
    border-radius: 12px;
    background-color: var(--theme-color);
    color: var(--black-color);
    border: none;
}

.woocommerce form.woocommerce-EditAccountForm .button:hover {
    background-color: var(--theme-color2);
}

.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 label .required {
    font-weight: inherit;
    color: inherit;
}

.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: 0;
    border: none;
    margin-bottom: 0;
    /* 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(--body-color);
    border: none;
    border-right: none;
    border-bottom: 1px solid #292524;
    padding: 16px 0;
    font-weight: 500;
    /* 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 0;
    }
}

.woocommerce .shop_table.order_details th a,
.woocommerce .shop_table.order_details td a,
.woocommerce .shop_table.subscription_details th a,
.woocommerce .shop_table.subscription_details td a {
    color: inherit;
}

.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 .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: #292524 !important;
    color: var(--title-color);
}

.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%);
    background-color: var(--theme-color);
    color: var(--black-color);
    border: none;
}

.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 #292524 !important;
}

.woocommerce .shop_table .product-name a {
    display: none;
    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 .product-name .wc-item-meta-label {
    display: none !important;
}

.woocommerce .shop_table .product-name .wc-item-meta {
    padding: 0;
    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;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}

.woocommerce .shop_table .product-name .wc-item-meta li {
    color: var(--theme-color3);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.woocommerce .shop_table .product-name .wc-item-meta li:first-child {
    display: none;
}

.woocommerce .shop_table .product-name .wc-item-meta li:nth-child(2):before {
    content: "-";
}

.woocommerce .shop_table .product-name .wc-item-meta li p {
    color: inherit;
}

.woocommerce .shop_table thead th {
    border-bottom: 1px solid var(--ot-border-color) !important;
}

.order-table-wrap,
.woocommerce_account_subscriptions {
    background-color: var(--smoke-color2);
    border-radius: 16px;
    /* Medium devices */
    /* Small devices */
}

@media (max-width: 991px) {

    .order-table-wrap,
    .woocommerce_account_subscriptions {
        margin-bottom: 32px;
    }
}

@media (max-width: 767px) {

    .order-table-wrap,
    .woocommerce_account_subscriptions {
        overflow-x: auto;
    }

    .order-table-wrap table,
    .woocommerce_account_subscriptions table {
        min-width: 680px;
        margin-bottom: 0 !important;
    }
}

.woocommerce-page table.shop_table_responsive thead,
.woocommerce table.shop_table_responsive thead {
    display: table-header-group !important;
}

.woocommerce-page table.shop_table_responsive tr,
.woocommerce table.shop_table_responsive tr {
    display: table-row;
}

.woocommerce-page table.shop_table_responsive tr td:before,
.woocommerce table.shop_table_responsive tr td:before {
    display: none !important;
}

.woocommerce-page table.shop_table_responsive tr th,
.woocommerce-page table.shop_table_responsive tr td,
.woocommerce table.shop_table_responsive tr th,
.woocommerce table.shop_table_responsive tr td {
    text-align: left !important;
    display: table-cell;
}

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

@media (max-width: 767px) {
    .woocommerce-MyAccount-mobile-select {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }
}

.woocommerce-MyAccount-mobile-select option.woocommerce-MyAccount-navigation-link--edit-account,
.woocommerce-MyAccount-mobile-select option.woocommerce-MyAccount-navigation-link--customer-logout,
.woocommerce-MyAccount-mobile-select option.woocommerce-MyAccount-navigation-link--dashboard,
.woocommerce-MyAccount-mobile-select option.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}

@media (min-width: 768px) {
    .woocommerce-MyAccount-mobile-select {
        display: none;
    }
}

.woocommerce table.woocommerce-MyAccount-orders.shop_table_responsive .woocommerce-orders-table__cell-order-actions,
.woocommerce table.woocommerce-MyAccount-orders.shop_table_responsive .woocommerce-orders-table__header-order-actions {
    display: none !important;
    /* Medium devices */
}

@media (max-width: 991px) {

    .woocommerce table.woocommerce-MyAccount-orders.shop_table_responsive .woocommerce-orders-table__cell-order-actions,
    .woocommerce table.woocommerce-MyAccount-orders.shop_table_responsive .woocommerce-orders-table__header-order-actions {
        display: none !important;
    }
}

.account-box {
    background-color: var(--smoke-color2);
    padding: 16px;
    border-radius: 16px;
}

.account-box .box-title {
    font-size: 20px !important;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
}

.account-box header {
    margin-bottom: 0;
}

.account-box .shop_table.my_account_orders,
.account-box .shop_table.order_details {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.account-box .shop_table.my_account_orders tr:first-child th,
.account-box .shop_table.my_account_orders tr:first-child td,
.account-box .shop_table.order_details tr:first-child th,
.account-box .shop_table.order_details tr:first-child td {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.account-box .shop_table.my_account_orders tr th,
.account-box .shop_table.my_account_orders tr td,
.account-box .shop_table.order_details tr th,
.account-box .shop_table.order_details tr td {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.account-box .shop_table.my_account_orders thead tr:first-child th,
.account-box .shop_table.my_account_orders thead tr:first-child td,
.account-box .shop_table.order_details thead tr:first-child th,
.account-box .shop_table.order_details thead tr:first-child td {
    color: var(--title-color) !important;
}

.account-box address {
    margin-bottom: 0;
}

.account-box address hr {
    border-top: 1px solid #292524;
    opacity: 1;
}

.account-box input[type=text],
.account-box input[type=email],
.account-box input[type=password],
.account-box input[type=tel],
.account-box input[type=number],
.account-box input[type=search],
.account-box select {
    --ot-border-color: #404040;
}

/* Large devices */
@media (max-width: 1199px) {
    .mb-lg-down-32 {
        margin-bottom: 32px;
    }

    .account-box.overflow-x-auto table {
        width: 560px;
    }
}

.woocommerce .shop_table.subscription_details {
    border-radius: 0 0 16px 16px;
}

.order-detais-row h5 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 20px;
}

.order-detais-row .ot-btn {
    padding: 8px 20px;
}

/*------------------- Version 2  -------------------*/
.top-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto 32px auto;
    max-width: 600px;
    position: relative;
    z-index: 3;
}

.top-menu:before {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    left: 0;
    width: 100%;
    height: 4px;
    background-color: var(--ot-border-color);
    z-index: -1;
}

.top-menu:after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    left: 0;
    height: 4px;
    background-color: var(--theme-color);
    width: 0;
}

.top-menu a,
.top-menu span {
    font-size: 16px;
    font-weight: 600;
    color: var(--title-color);
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: var(--ot-border-color);
    border-radius: 99px;
    position: relative;
    z-index: 3;
}

.top-menu a.actived,
.top-menu a.active,
.top-menu span.actived,
.top-menu span.active {
    color: var(--theme-color);
    background-color: var(--body-bg);
    border: 2px solid var(--theme-color);
    line-height: 30px;
    position: relative;
    z-index: 2;
}

.top-menu a.actived,
.top-menu span.actived {
    line-height: 1px;
}

.top-menu a.actived:before,
.top-menu span.actived:before {
    content: "";
    position: absolute;
    inset: -1px;
    border: 4px solid var(--theme-color);
    border-radius: inherit;
}

.top-menu:has(a:nth-child(2).active, span:nth-child(2).active):after {
    width: 50%;
}

.top-menu:has(a:nth-child(3).active, span:nth-child(3).active):after {
    width: 100%;
}

.variation-list .box-title {
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.variation-list .account-items {
    margin-bottom: 32px;
}

.variation-list .account-items:last-child {
    margin-bottom: 0;
}

.variation-list .pricing-buttons .title {
    color: var(--title-color);
    margin-bottom: 8px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.variation-list .pricing-buttons .title .label {
    flex-grow: 1;
}

.variation-list .pricing-buttons .title b {
    font-weight: inherit;
    color: var(--theme-color);
    font-weight: 600;
}

.variation-list .pricing-buttons .text {
    color: var(--body-color);
    font-weight: 500;
}

.variation-list .pricing-buttons .icon {
    font-size: 18px;
    font-weight: 500;
    color: var(--theme-color);
    width: 57px;
    height: 57px;
    line-height: 57px;
    min-width: 57px;
    text-align: center;
    background-color: #292524;
    border-radius: 99px;
}

.variation-list .pricing-buttons .button {
    color: var(--title-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    background-color: transparent;
    border: none;
    padding: 16px;
    border-radius: 16px;
    text-align: left;
    cursor: pointer;
    position: relative;
    margin-bottom: 16px;
    z-index: 2;
    /* Extra small devices */
}

.variation-list .pricing-buttons .button:before,
.variation-list .pricing-buttons .button:after {
    content: "";
    border-radius: 16px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    display: inline-block;
    width: 24px;
    height: 24px;
    pointer-events: none;
}

.variation-list .pricing-buttons .button:before {
    min-width: 24px;
    border: 2px solid var(--ot-border-color);
}

.variation-list .pricing-buttons .button:after {
    position: absolute;
    left: 16px;
    top: calc(50% - 12px);
}

.variation-list .pricing-buttons .button:last-child {
    margin-bottom: 0;
}

@media (max-width: 575px) {
    .variation-list .pricing-buttons .button {
        -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;
        padding-left: 56px;
    }

    .variation-list .pricing-buttons .button:before,
    .variation-list .pricing-buttons .button:after {
        position: absolute;
        top: calc(50% - 12px);
        left: 16px;
    }
}

.variation-list .pricing-buttons .button.active {
    background-color: var(--smoke-color2);
}

.variation-list .pricing-buttons .button.active:before {
    border-color: var(--theme-color);
}

.variation-list .pricing-buttons .button.active:after {
    background-color: var(--theme-color);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.variation-list .pricing-buttons .mbadge {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 28px;
    color: var(--black-color);
    border-radius: 8px;
    padding: 0 12px;
    background-color: var(--theme-color3);
    white-space: nowrap;
}

@media (max-width: 575px) {
    .variation-list .pricing-buttons .on-sale .mbadge {
        position: absolute;
        top: 8px;
        right: 8px;
    }
}

.variation-list .pricing-buttons .coming-soon {
    pointer-events: none;
    cursor: auto;
}

.variation-list .pricing-buttons .coming-soon .mbadge {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 3;
}

.variation-list .pricing-buttons .coming-soon .mbadge {
    background: var(--Colors-Gray-200, #E5E5E5);
}


.variation-list .pricing-buttons .coming-soon:before,
.variation-list .pricing-buttons .coming-soon .title,
.variation-list .pricing-buttons .coming-soon .text,
.variation-list .pricing-buttons .coming-soon img,
.variation-list .pricing-buttons .coming-soon .icon {
    opacity: 0.3;
}

.right-box {
    background-color: var(--smoke-color);
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;

}

.right-box .box-title {
    color: var(--theme-color);
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    gap: 8px;
}

.right-box .box-title img {
    height: 22px;
    transform: translateY(-1px);
}

.right-box .info-text {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.right-box .info-text svg {
    min-width: 18px;
}

.right-box .info-text a {
    text-decoration: underline;
}

.info-boxs {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.info-boxs .challege-price {
    color: var(--title-color);
    font-size: 20px;
    font-weight: 300;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    border: none;
    gap: 6px;
    text-transform: initial;
}

.info-boxs .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
}

.single-checkout-widget {
    -webkit-mask-image: none !important;
    mask-image: none !important;
    border: none;
    border-radius: 16px;
}

.single-checkout-widget:before {
    display: none;
}

.order-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background-color: var(--smoke-color);
    margin-bottom: 16px;
    border-radius: 16px;
}

.order-product-wrap {
    max-width: 718px;
    margin: 0 auto;
}

.order-product:last-child {
    margin-bottom: 0;
}

.order-product .box-img {
    min-width: 57px;
}

.order-product .box-img img {
    width: 100%;
    border-radius: 99px;
}

.order-product .icon {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: var(--theme-color);
    width: 57px;
    height: 57px;
    line-height: 57px;
    min-width: 57px;
    text-align: center;
    background-color: #292524;
    border-radius: 99px;
}

.order-product .box-title {
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 5px;
}

.order-product .box-title b {
    color: var(--theme-color);
    font-weight: inherit;
}

.order-product .box-title b * {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.order-product .box-text {
    margin: 0;
}

.thankyou-info {
    text-align: center;
    margin-bottom: 32px;
}

.thankyou-info img {
    max-width: 100%;
    width: 690px;
}

.thankyou-info h2 {
    text-transform: uppercase;
}

.thankyou-info .box-title {
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
}

.thankyou-info .order-number {
    font-weight: 600;
    color: var(--title-color);
    margin-bottom: 0;
}

.thankyou-info .order-email {
    margin-bottom: 32px;
}

.order-process {
    background-color: var(--body-bg);
    border: 1px solid var(--ot-border-color);
    border-radius: 16px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* Extra small devices */
}

.order-process-wrap {
    max-width: 918px;
    margin: 32px auto 0 auto;
    text-align: center;
}

.order-process-wrap .box-title {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 24px;
    border: 1px solid;
    border-radius: 99px;
    margin: 0 auto 16px auto;
}

.order-process .box-content {
    -webkit-box-flex: 33.33%;
    -ms-flex: 33.33%;
    flex: 33.33%;
    padding: 16px;
    position: relative;
    z-index: 3;
}

.order-process .box-content:before,
.order-process .box-content:after {
    content: "";
    position: absolute;
    right: 12px;
    height: 51.5%;
    width: 1px;
    background-color: var(--ot-border-color);
}

.order-process .box-content:before {
    top: 0;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.order-process .box-content:after {
    bottom: 0;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}

.order-process .box-content .title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 3px;
}

.order-process .box-content .text {
    margin: 0;
}

.order-process .box-content:last-child:before,
.order-process .box-content:last-child:after {
    display: none;
}

@media (max-width: 575px) {
    .order-process {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .order-process .box-content {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        border-bottom: 1px solid var(--ot-border-color);
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .order-process .box-content:last-child {
        border-bottom: none;
    }

    .order-process .box-content:before,
    .order-process .box-content:after {
        top: 100%;
        left: calc(50% - 22px);
        right: unset;
        width: 0 !important;
        height: 0 !important;
        background-color: transparent;
        -webkit-transform: none;
        transform: none;
        border-style: solid;
        border-width: 15px 22px 0px 22px;
        border-color: var(--ot-border-color) transparent transparent transparent;
    }

    .order-process .box-content:after {
        border-color: var(--body-bg) transparent transparent transparent;
        border-width: 14px 21px 0px 21px;
        left: calc(50% - 21px);
        top: calc(100% - 1px);
    }
}

/*------------------- Version 3  -------------------*/
.account-type {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    /* Small devices */
    /* Extra small devices */
}

.account-type-wrap {
    margin-bottom: 32px;
}

@media (max-width: 767px) {
    .account-type {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .account-type {
        grid-template-columns: repeat(1, 1fr);
    }
}

.account-type>div {
    background-color: transparent;
    border: 1px solid var(--ot-border-color);
    padding: 24px;
    border-radius: 16px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.account-type>div:after {
    content: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.25 18.75L20.0625 9.9375L18.3125 8.1875L11.25 15.25L7.6875 11.6875L5.9375 13.4375L11.25 18.75ZM13 25.5C11.2708 25.5 9.64583 25.1719 8.125 24.5156C6.60417 23.8594 5.28125 22.9688 4.15625 21.8438C3.03125 20.7188 2.14063 19.3958 1.48438 17.875C0.828125 16.3542 0.5 14.7292 0.5 13C0.5 11.2708 0.828125 9.64583 1.48438 8.125C2.14063 6.60417 3.03125 5.28125 4.15625 4.15625C5.28125 3.03125 6.60417 2.14063 8.125 1.48438C9.64583 0.828125 11.2708 0.5 13 0.5C14.7292 0.5 16.3542 0.828125 17.875 1.48438C19.3958 2.14063 20.7188 3.03125 21.8438 4.15625C22.9688 5.28125 23.8594 6.60417 24.5156 8.125C25.1719 9.64583 25.5 11.2708 25.5 13C25.5 14.7292 25.1719 16.3542 24.5156 17.875C23.8594 19.3958 22.9688 20.7188 21.8438 21.8438C20.7188 22.9688 19.3958 23.8594 17.875 24.5156C16.3542 25.1719 14.7292 25.5 13 25.5Z" fill="%23131210"/></svg>');
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    visibility: hidden;
    opacity: 0;
}

.account-type>div img {
    /* min-width: 36px; */
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

.account-type>div .title {
    font-size: 20px;
    font-weight: 700;
    color: var(--title-color);
    display: block;
    margin-bottom: 8px;
}

.account-type>div .text {
    font-size: 16px;
    font-weight: 700;
    color: var(--body-color);
    margin: 0;
    display: block;
}

.account-type>div.active {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

.account-type>div.active:after {
    visibility: visible;
    opacity: 1;
}

.account-type>div.active .title {
    color: var(--black-color);
}

.account-type>div.active .text {
    color: rgba(0, 0, 0, 0.6);
}

.account-type>div.active img {
    -webkit-filter: brightness(5) invert(1);
    filter: brightness(5) invert(1);
}

#checkoutAccordion .accordion-button {
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--theme-color);
    background-color: transparent;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    z-index: 2;
}

#checkoutAccordion .accordion-button b {
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    top: 28px;
    left: 37px;
    text-transform: capitalize;
}

#checkoutAccordion .accordion-button:after {
    content: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 13.8438L16.8437 10L18.625 11.75L13 17.375L7.375 11.75L9.15625 10L13 13.8438ZM13 0.5C11.2708 0.5 9.64583 0.828125 8.125 1.48438C6.60417 2.14063 5.28125 3.03125 4.15625 4.15625C3.03125 5.28125 2.14063 6.60417 1.48438 8.125C0.828125 9.64583 0.5 11.2708 0.5 13C0.5 14.7292 0.828125 16.3542 1.48438 17.875C2.14063 19.3958 3.03125 20.7188 4.15625 21.8438C5.28125 22.9688 6.60417 23.8594 8.125 24.5156C9.64583 25.1719 11.2708 25.5 13 25.5C14.7292 25.5 16.3542 25.1719 17.875 24.5156C19.3958 23.8594 20.7188 22.9688 21.8438 21.8438C22.9688 20.7188 23.8594 19.3958 24.5156 17.875C25.1719 16.3542 25.5 14.7292 25.5 13C25.5 11.2708 25.1719 9.64583 24.5156 8.125C23.8594 6.60417 22.9688 5.28125 21.8438 4.15625C20.7188 3.03125 19.3958 2.14063 17.875 1.48438C16.3542 0.828125 14.7292 0.5 13 0.5Z" fill="%23FFB34A"/></svg>');
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

#checkoutAccordion .accordion-button:not(.collapsed):after {
    -webkit-transform: rotateX(180deg) translateY(-6px);
    transform: rotateX(180deg) translateY(-6px);
}

#checkoutAccordion .accordion-body {
    background-color: transparent;
    border: none;
    padding: 0;
    padding-top: 16px;
}

.activation-style .accordion-button.collapsed {
    /*padding-bottom: 15px !important;*/
}

.order-plan {
    background-color: var(--theme-color);
    padding: 24px;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.order-plan img {
    -webkit-filter: brightness(5) invert(1);
    filter: brightness(5) invert(1);
    width: 36px;
}

.order-plan .box-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: var(--black-color);
}

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

/* Move this block to MegaTrader Dev */
.woocommerce_account_payment_methods_add-payment-method {
    display: flex;
}

@media (max-width: 767px) {
    .woocommerce_account_payment_methods_add-payment-method {
        flex-direction: column;
    }
}

@media (max-width: 1199px) {
    .my-account-payment-methods .no-methods {
        gap: 16px;
    }
}

@media (min-width: 1200px) {
    .my-account-payment-methods .no-methods {
        gap: 32px;
    }
}

.my-account-payment-methods .no-methods {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.my-account-payment-methods .no-methods_title {
    color: var(--Text-Headings, #FFF);
    font-size: var(--Text-FontSize-Heading-sm, 24px);
    font-weight: 500;
    line-height: var(--Text-Lineheight-Heading-sm, 28px);
    text-align: center;
    text-transform: uppercase;
}

.my-account-payment-methods .no-methods_description {
    max-width: 500px;
    text-align: center;
}

.my-account-payment-methods .no-methods_types_title {
    color: var(--Text-Headings, #FFF);
    text-align: center;
    font-size: var(--Text-FontSize-Heading-xs, 20px);
    text-transform: uppercase;
}

.my-account-payment-methods .no-methods_types_list {
    display: flex;
    gap: 16px;
}


.space-y-3 > * + * {
    margin-top: 16px !important;
}