:root {
    --off-white: rgb(244, 244, 245);
    --off-white-2: rgb(243, 243, 243);
    --white: rgb(255, 255, 255);
    --light-grey: rgb(230, 230, 239);
    --grey: rgb(150, 150, 150);
    --grey2: rgb(108, 108, 118);
    --grey3: #8A8B8B;
    --dark-grey: rgb(73, 72, 81);
    --light-purple: rgb(144, 145, 254);
    --light-purple-2: rgb(114, 107, 224);
    --lightergrey: #E8E8E8;
    --purple: rgb(99, 90, 240);
    --dark-purple: #681da8;
    --blue: rgb(4, 93, 233);
    --brand_dblue: #045de9;
    --red: rgb(255, 75, 85);
    --light-red: rgb(255, 245, 246);
    --green: rgb(80, 219, 125);
    --new-green: #A50A10;
    --black: rgb(19, 18, 27);
    --null: rgba(0, 0, 0, 0);
    --font: Gilroy, sans-serif;
    --h1: clamp(40px, 1vh + 4vw, 60px);
    --h2: clamp(34px, 1vh + 2.8vw, 40px);
    --h3: clamp(20px, 1vh + 1.1vw, 22px);
    --h4: clamp(18px, 1vh + 0.5vw, 20px);
    --h5: clamp(18px, 1vh + 0.5vw, 20px);
    --p: clamp(16px, 1vh + 0.8vw, 18px);
    --carousel-header: clamp(28px, 1vh + 1.1vw, 30px);
    --regular: 400;
    --medium: 500;
    --semibold: 600;
    --bold: 700;
    --error-border: #FF676F;
    --border-color: #EC7669;
    --orange-gradient: radial-gradient(114.81% 1778.81% at 69.6% 50%, #FF666F 0%, #FFD675 79.17%);
    --green-gradient: radial-gradient(1060.78% 4163.94% at 100% -38.89%, #54D996 0%, #FFEE99 96.41%);
    --purple-gradient: linear-gradient(258.1deg, #BF90F9 15.25%, #FF99F7 101.17%);
    --blue-gradient: linear-gradient(180deg, #BB9DFB -25.93%, #66A0FF 140.47%);
    --pink-gradient: linear-gradient(92.64deg, #FF9AF7 -4.66%, #FBA093 86.09%);
    --light-blue-gradient: linear-gradient(180deg, #BB9DFB -25.93%, #66A0FF 140.47%);
}

html[lang=ta] {
    --p: clamp(14px, calc(1vh + 1vw * 0.5), 16px);
    --h1: clamp(32px, calc(1vh + 1vw * 4), 48px);
    --h2: clamp(28px, calc(1vh + 1vw * 2.8), 32px);
    --h3: clamp(18px, calc(1vh + 1vw * 1.1), 20px);
    --h4: clamp(16px, calc(1vh + 1vw * 0.5), 18px);
    --h5: clamp(16px, calc(1vh + 1vw * 0.5), 18px);
    --carousel-header: 24px;
}

/*! * Bootstrap Reboot v4.1.0 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter,Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Forked from Normalize.css,licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-family: "Gilroy", sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
    width: device-width;
}

article,
aside,
figcaption,
figure,
footer,
hgroup,
main,
nav,
section {
    display: block;
}

body {
    margin: 0;
    font-family: "Gilroy", sans-serif;
    font-size: clamp(16px, 1vh + 0.8vw, 18px);
    font-weight: 400;
    line-height: 1.5;
    color: rgb(19, 18, 27);
    text-align: left;
    background-color: #fff;
}

body.mobile-nav-active {
    overflow: hidden;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: #000000;
    line-height: 135%;
}

h1 {
    font-size: clamp(40px, 1vh + 4vw, 60px);
}

@media screen and (max-width:740px) {
    h1 {
        font-size: 27px;
    }
}

h2 {
    font-size: clamp(34px, 1vh + 2.8vw, 40px);
}

@media screen and (max-width:740px) {
    h2 {
        font-size: 20px;
    }
}

h3 {
    font-size: clamp(20px, 1vh + 1.1vw, 22px);
}

@media screen and (max-width:740px) {
    h3 {
        font-size: 17px;
    }
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 16px;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: 600;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: #000000;
    font-weight: 500;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

@-ms-viewport {
    width: device-width;
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width:576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px;
    }
}

.container-fluid {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}

@media only screen and (min-width:1440px) {
    .container-fluid {
        max-width: 1440px;
    }
}

.container-fluid.full-width {
    max-width: 100%;
}

.content-column .container-fluid,
.container-fluid .container-fluid {
    padding: 0;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row {
        padding-left: 35px;
        padding-right: 35px;
    }
}

@media only screen and (min-width:992px) and (max-width:1299px) {
    .row {
        padding-left: 55px;
        padding-right: 55px;
    }
}

@media only screen and (min-width:1300px) {
    .row {
        padding-left: 80px;
        padding-right: 80px;
    }
}

.row .row {
    padding: 0;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl,
.col-xxl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.333333%;
}

.offset-2 {
    margin-left: 16.666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.333333%;
}

.offset-5 {
    margin-left: 41.666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.333333%;
}

.offset-8 {
    margin-left: 66.666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.333333%;
}

.offset-11 {
    margin-left: 91.666667%;
}

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.333333%;
    }

    .offset-sm-2 {
        margin-left: 16.666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.333333%;
    }

    .offset-sm-5 {
        margin-left: 41.666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.333333%;
    }

    .offset-sm-8 {
        margin-left: 66.666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.333333%;
    }

    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.333333%;
    }

    .offset-md-2 {
        margin-left: 16.666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.333333%;
    }

    .offset-md-5 {
        margin-left: 41.666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.333333%;
    }

    .offset-md-8 {
        margin-left: 66.666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.333333%;
    }

    .offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.333333%;
    }

    .offset-lg-2 {
        margin-left: 16.666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.333333%;
    }

    .offset-lg-5 {
        margin-left: 41.666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.333333%;
    }

    .offset-lg-8 {
        margin-left: 66.666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.333333%;
    }

    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.333333%;
    }

    .offset-xl-2 {
        margin-left: 16.666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.333333%;
    }

    .offset-xl-5 {
        margin-left: 41.666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.333333%;
    }

    .offset-xl-8 {
        margin-left: 66.666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.333333%;
    }

    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width:1440px) {
    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xxl-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xxl-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xxl-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xxl-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xxl-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xxl-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xxl-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xxl-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xxl-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xxl-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xxl-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xxl-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xxl-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xxl-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xxl-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xxl-0 {
        margin-left: 0;
    }

    .offset-xxl-1 {
        margin-left: 8.333333%;
    }

    .offset-xxl-2 {
        margin-left: 16.666667%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .offset-xxl-4 {
        margin-left: 33.333333%;
    }

    .offset-xxl-5 {
        margin-left: 41.666667%;
    }

    .offset-xxl-6 {
        margin-left: 50%;
    }

    .offset-xxl-7 {
        margin-left: 58.333333%;
    }

    .offset-xxl-8 {
        margin-left: 66.666667%;
    }

    .offset-xxl-9 {
        margin-left: 75%;
    }

    .offset-xxl-10 {
        margin-left: 83.333333%;
    }

    .offset-xxl-11 {
        margin-left: 91.666667%;
    }
}

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

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

.d-inline-block {
    display: inline-block !important;
}

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

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

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width:1600px) {
    .d-xxl-none {
        display: none !important;
    }

    .d-xxl-inline {
        display: inline !important;
    }

    .d-xxl-inline-block {
        display: inline-block !important;
    }

    .d-xxl-block {
        display: block !important;
    }

    .d-xxl-table {
        display: table !important;
    }

    .d-xxl-table-row {
        display: table-row !important;
    }

    .d-xxl-table-cell {
        display: table-cell !important;
    }

    .d-xxl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xxl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

@media (min-width:576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

.load-in {
    opacity: 0;
}

.load-in[data-dir=up] {
    transform: translateY(100px);
}

.load-in[data-dir=down] {
    transform: translateY(-100px);
}

.load-in[data-dir=left] {
    transform: translateX(-100px);
}

.load-in[data-dir=right] {
    transform: translateX(100px);
}

body.no-transition {
    transition: 0s !important;
}

/* body.no-transition * {
    transition: 0s !important;
} */

html[dir=rtl] .responsive-wrapper>div:last-child>div:last-child>div:first-child>div:first-child {
    align-items: start;
}

.fixed-top {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: #fff;
}

.fixed-top .risk-warning {
    position: relative;
    padding: 8px 0;
    background-color: rgb(63, 64, 80);
    z-index: 102;
}

@media only screen and (min-width:768px) {
    .fixed-top .risk-warning {
        padding: 10px 0;
    }
}

.fixed-top .risk-warning p {
    color: var(--white);
    font-size: 14px;
}

.fixed-top .risk-warning .risk-border {
    width: 100%;
    padding: 6px;
    border-radius: 8px;
    border: 1px solid var(--light-purple);
}

header {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 0;
    transition: background 0.3s;
}

header.logo-only .header-wrap>* {
    display: none !important;
}

header.logo-only .logo {
    display: block !important;
}

header .header-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}

@media only screen and (min-width:768px) and (max-width:991px) {
    header .header-wrap {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (min-width:992px) and (max-width:1299px) {
    header .header-wrap {
        padding-left: 70px;
        padding-right: 70px;
    }
}

@media only screen and (min-width:1300px) {
    header .header-wrap {
        padding-left: 95px;
        padding-right: 95px;
    }
}

@media only screen and (min-width:1440px) {
    header .header-wrap {
        max-width: 1440px;
    }
}

header.header-background {
    background-color: var(--white);
}

header a.logo {
    z-index: 102;
}

header .search-btn {
    margin-left: 20px;
    display: none;
    justify-content: center;
    column-gap: 8px;
    z-index: 105;
}

header .search-btn:hover,
header .search-btn.search-icon-active {
    color: var(--purple);
}

header .search-results {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100dvh;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-flow: column;
    flex-grow: 1;
    margin: 0;
    padding: 80px 15px 0 15px;
    list-style: none;
    background-color: var(--white);
    z-index: 101;
    transition: top 0.8s 0s;
}

@supports not (height:100dvh) {
    header .search-results {
        height: 100vh;
    }
}

header .search-results.search-active {
    top: 0;
}

header .search-results>.container-fluid {
    overflow-y: auto;
}

@media only screen and (min-width:1200px) {
    header .search-results {
        z-index: 2;
    }
}

@media only screen and (max-width:1199px) {
    header .search-results {
        padding-left: 0;
        padding-right: 0;
        opacity: 0;
        transition: opacity 0.3s 0s;
    }

    header .search-results.search-active {
        opacity: 1;
    }
}

header .menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100dvh;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-flow: column;
    flex-grow: 1;
    margin: 0;
    padding: 80px 15px 0 15px;
    list-style: none;
    background-color: var(--white);
    overflow-y: auto;
    z-index: 101;
}

@supports not (height:100dvh) {
    header .menu {
        height: 100vh;
    }
}

header .menu.menu-active~.search-btn {
    display: none;
}

header .menu li {
    position: relative;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 15px 0;
    border-bottom: 1px solid var(--light-grey);
}

header .menu li:last-of-type {
    border-bottom: 0;
}

header .menu li:before {
    content: "";
    position: absolute;
    top: 28px;
    right: 0;
    width: 10px;
    height: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9001 0.900391L6.0001 5.80039L1.1001 0.900391' stroke='%2313121B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 10px 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: transform 0.3s;
}

header .menu li.no-link:before {
    display: none;
}

header .menu li.mobile-dropdown-open:before {
    transform: rotate(180deg);
}

header .menu li a:not(.cta):hover {
    color: var(--purple);
}

header .menu li a {
    font-size: 20px;
    font-weight: var(--medium);
    display: block;
    transition: 0.3s;
}

header .menu li a.inc-img {
    display: flex;
    align-items: center;
    gap: 8px;
}

header .menu li .mobile-lang-selector {
    flex: 1;
}

header .menu li .mobile-lang-selector:after {
    content: "";
    width: 10px;
    height: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9001 0.900391L6.0001 5.80039L1.1001 0.900391' stroke='%2313121B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 10px 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

header .menu li>a {
    display: inline-block;
}

header .menu .mobile-menu-spacer,
header .menu .mobile-menu-btn-group,
header .menu .mobile-lang-selector {
    border: none;
}

header .menu .mobile-menu-spacer:before,
header .menu .mobile-menu-btn-group:before,
header .menu .mobile-lang-selector:before {
    display: none;
}

header .menu .mobile-menu-spacer {
    flex-grow: 1;
}

header .menu .mobile-menu-btn-group {
    gap: 12px;
    flex-wrap: wrap;
}

header .menu .mobile-menu-btn-group a.cta {
    width: calc(50% - 6px);
    padding-top: 7px;
    padding-bottom: 7px;
}

header .menu .mobile-menu-btn-group .search-btn {
    margin: 0;
    font-size: 16px;
}

header .menu .mobile-menu-btn-group .search-btn span {
    font-weight: var(--medium);
}

header .menu .mobile-lang-selector span {
    font-size: var(--p);
    font-weight: var(--medium);
    color: var(--black);
    vertical-align: middle;
}

header .group-btn {
    position: relative;
    display: none;
}

header .group-btn a {
    font-weight: var(--medium);
}

header .group-btn a span {
    font-weight: var(--regular);
    color: var(--grey);
}

header .header-btns {
    display: none;
    align-items: center;
    margin-left: 20px;
    margin-right: 0;
}

header .header-btns .lang-selector {
    position: relative;
    margin-right: 30px;
}

header .header-btns .lang-selector span {
    font-size: var(--p);
    font-weight: var(--medium);
    color: var(--black);
    vertical-align: middle;
}

html[lang="ko"] header .header-btns .lang-selector span {
    font-size: min(14px, var(--p));
}

header .header-btns .d-flex {
    gap: 15px;
}

header .menu-icon {
    position: relative;
    width: 23px;
    height: 17px;
    user-select: none;
    cursor: pointer;
    z-index: 102;
}

header .menu-icon span {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background-color: var(--black);
    transition: 0.3s;
}

header .menu-icon span:nth-child(2) {
    top: 7px;
    width: 23px;
}

header .menu-icon span:nth-child(3) {
    top: 15px;
    width: 10px;
}

header .menu-icon.menu-icon-active span {
    width: 23px;
    top: 7px;
    transform: rotate(45deg);
}

header .menu-icon.menu-icon-active span:nth-child(2) {
    opacity: 0;
}

header .menu-icon.menu-icon-active span:nth-child(3) {
    transform: rotate(-45deg);
}

.header-spacer {
    display: none;
}

.spacer {
    height: 30px;
}

.landing,
.page-header {
    position: relative;
}

@media only screen and (max-width:767px) {

    .landing,
    .page-header {
        text-align: center;
    }
}

.landing .row,
.page-header .row {
    align-items: center;
}

@media only screen and (max-width:991px) {

    .landing .row.simple-header,
    .page-header .row.simple-header {
        min-height: initial;
    }
}

.landing .row.simple-header .btn-wrap-mobile,
.page-header .row.simple-header .btn-wrap-mobile {
    position: static;
    padding: 15px 0 0 0;
}

.landing p,
.page-header p {
    font-size: clamp(20px, calc(1vh + 1.4vw), 28px);
    color: var(--dark-grey);
}

.landing p.in-page-risk-warning,
.page-header p.in-page-risk-warning {
    width: 100%;
    margin-top: 0;
    text-align: center;
}

@media only screen and (min-width:576px) {

    .landing p.in-page-risk-warning,
    .page-header p.in-page-risk-warning {
        margin-top: 8px;
        text-align: left;
    }
}

.landing .d-flex,
.page-header .d-flex {
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.landing .d-flex>div,
.page-header .d-flex>div {
    display: flex;
    align-items: center;
}

.landing .d-flex>div div,
.page-header .d-flex>div div {
    margin-right: 8px;
}

.landing .d-flex>div span,
.page-header .d-flex>div span {
    font-size: 16px;
    color: var(--black);
}

.landing .btn-wrap,
.page-header .btn-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

@media only screen and (max-width:575px) {

    .landing .btn-wrap,
    .page-header .btn-wrap {
        display: none;
    }
}

.landing .btn-wrap-mobile,
.page-header .btn-wrap-mobile {
    bottom: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 15px;
    z-index: 2;
}

@media only screen and (min-width:576px) {

    .landing .btn-wrap-mobile,
    .page-header .btn-wrap-mobile {
        display: none;
        gap: 15px;
    }
}

@media only screen and (max-width:576px) {

    .landing .btn-wrap-mobile a.cta.cta-white,
    .page-header .btn-wrap-mobile a.cta.cta-white {
        background-color: var(--white);
    }
}

.landing .btn-wrap-mobile a.cta:not(.cta-download),
.landing .btn-wrap-mobile>div,
.page-header .btn-wrap-mobile a.cta:not(.cta-download),
.page-header .btn-wrap-mobile>div {
    width: 100%;
}

.landing .animation-wrap .circle,
.page-header .animation-wrap .circle {
    position: relative;
    width: 70%;
    aspect-ratio: 1/1;
    margin: 4% auto;
    display: flex;
    justify-content: center;
    border-radius: 100%;
    background-color: var(--white);
}

.landing .animation-wrap .circle .phone-wrap,
.page-header .animation-wrap .circle .phone-wrap {
    position: absolute;
    bottom: 0;
    width: 104%;
    height: 104%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 0 0 1000px 1000px;
    overflow: hidden;
}

.landing .animation-wrap .circle .lottie-wrap,
.page-header .animation-wrap .circle .lottie-wrap {
    position: relative;
    width: 49.5%;
    height: 100%;
    z-index: 0;
}

.landing .animation-wrap .circle .lottie-wrap:before,
.page-header .animation-wrap .circle .lottie-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: calc(100% - 10px);
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 80px 20px -5px #664982;
    z-index: -1;
}

.landing .animation-wrap .circle .lottie-wrap .lottie-placeholder,
.page-header .animation-wrap .circle .lottie-wrap .lottie-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: calc(100% - 10px);
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50% 0;
    z-index: 1;
    transition: opacity 0.5s ease;
    opacity: 1;
    margin-top: 6px;
}

.landing .animation-wrap .circle .lottie-wrap .lottie-placeholder.hide-placeholder,
.page-header .animation-wrap .circle .lottie-wrap .lottie-placeholder.hide-placeholder {
    opacity: 0;
}

.landing .animation-wrap .circle .lottie-wrap lottie-player,
.page-header .animation-wrap .circle .lottie-wrap lottie-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

@media only screen and (min-width:576px) {

    .landing .short-intro p,
    .page-header .short-intro p {
        max-width: 70%;
    }
}

.landing .image-border-radius img,
.page-header .image-border-radius img {
    border-radius: 12px;
}

@media only screen and (min-width:768px) {

    .landing .image-border-radius img,
    .page-header .image-border-radius img {
        border-radius: 16px;
    }
}

.live-chat {
    position: fixed;
    bottom: 50px;
    right: 25px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: #25D366;
    cursor: pointer;
    user-select: none;
    z-index: 102;
}

@media only screen and (max-width:991px) {
    .live-chat {
        right: 15px;
    }
}

.live-chat.active:after {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 5px;
    right: -5px;
    border-radius: 50%;
    background-color: var(--red);
    content: "";
}

html[dir=rtl] .live-chat {
    right: auto;
    left: 25px;
}

@media only screen and (max-width:991px) {
    html[dir=rtl] .live-chat {
        left: 15px;
    }
}

@media only screen and (min-width:768px) {

    html:not([dir=rtl]) .landing .row:not(.simple-header),
    html:not([dir=rtl]) .page-header .row:not(.simple-header) {
        padding-right: 0;
    }
}

body>.responsive-wrapper~.fixed-top {
    top: 77px;
}

body>.responsive-wrapper~.fixed-top header .menu {
    margin-top: 92px;
    height: calc(100vh - 92px);
}

body>.responsive-wrapper~.fixed-top header .menu .menu-top-space {
    top: 92px;
}

.page-header .font-size-20px {
    font-size: 20px;
}

@media only screen and (max-width:768px) {
    .page-header .font-size-20px {
        font-size: 18px;
    }
}

.page-header p {
    font-size: var(--p);
}

.page-header h2 {
    font-size: var(--h3);
    font-weight: var(--medium);
}

.page-header .page-header-image img {
    max-width: 100%;
    max-height: 75vh;
    object-fit: contain;
    height: auto;
    width: auto;
}

.page-header .page-header-image img.full-width {
    width: 100%;
}

.page-header .page-header-image video {
    border-radius: 8px;
}

@media (max-width:767px) {
    .page-header .page-header-image video {
        border-radius: 5px;
        margin: 0 -15px;
    }
}

p.in-page-risk-warning {
    font-size: clamp(12px, calc(1vh + 0.51vw), 14px) !important;
    color: var(--grey);
}

.fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

.fixed-bottom .live-chat {
    position: absolute;
    bottom: auto;
    top: -56px;
}

.fixed-bottom .risk-warning {
    padding: 5px 0;
    border-radius: 6px 6px 0 0;
    background-color: var(--light-grey);
}

@media only screen and (min-width:992px) {
    .fixed-bottom .risk-warning {
        border-radius: 20px 20px 0 0;
    }
}

@media only screen and (max-width:767px) {

    .risk-warning .col-12,
    .risk-warning .risk-border {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }

    .risk-warning .col-12 p,
    .risk-warning .risk-border p {
        flex-grow: 1;
    }
}

.risk-warning p {
    font-size: clamp(11px, calc(1vh + 0.2vw), 13px);
    margin: 0;
    line-height: 1;
}

.risk-warning p.collapse-text {
    display: none;
}

.risk-warning p img {
    display: inline-block;
    margin-top: -4px;
}

.risk-warning .collapse-btn {
    min-width: 12px;
    display: none;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
}

@media only screen and (max-width:767px) {
    .risk-warning .collapse-btn {
        display: flex;
    }
}

@media only screen and (max-width:767px) {
    .risk-warning.warning-collapse .collapse-btn {
        transform: rotate(45deg);
    }

    .risk-warning.warning-collapse p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

.support-header .support-tile,
.tool-icons .support-tile,
.link-row .support-tile,
.markets-tiles .support-tile {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-flow: column;
    padding: 30px;
    border-radius: 16px;
    border: 1px solid rgb(230, 230, 239);
    background-color: var(--white);
}

@media only screen and (min-width:992px) {

    .support-header .support-tile,
    .tool-icons .support-tile,
    .link-row .support-tile,
    .markets-tiles .support-tile {
        padding: 40px;
    }
}

.support-header .support-tile.fill-tile,
.tool-icons .support-tile.fill-tile,
.link-row .support-tile.fill-tile,
.markets-tiles .support-tile.fill-tile {
    border: 1px solid rgb(244, 244, 245);
    background-color: rgb(244, 244, 245);
}

.support-header .support-tile .support-icon,
.tool-icons .support-tile .support-icon,
.link-row .support-tile .support-icon,
.markets-tiles .support-tile .support-icon {
    height: 110px;
    display: flex;
    align-content: center;
    justify-content: center;
}

.support-header .support-tile .support-icon img,
.tool-icons .support-tile .support-icon img,
.link-row .support-tile .support-icon img,
.markets-tiles .support-tile .support-icon img {
    object-fit: contain;
    max-height: 90px;
}

.support-header .support-tile .support-text,
.tool-icons .support-tile .support-text,
.link-row .support-tile .support-text,
.markets-tiles .support-tile .support-text {
    flex-grow: 1;
}

@media only screen and (min-width:1200px) {

    .support-header .col-lg-4,
    .tool-icons .col-lg-4,
    .link-row .col-lg-4,
    .markets-tiles .col-lg-4 {
        width: 30%;
        max-width: 30%;
    }
}

.instrument-title h1 sup {
    top: -1.5em;
    font-size: var(--h3);
}

@media only screen and (max-width:767px) {
    .instrument-title h1 sup {
        top: -0.75em;
    }
}

.instrument-title+.blur-animation {
    transform: translateY(20vh);
}

.instrument-header .instrument-wrap {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 30px 20px;
    border-radius: 16px;
    border: 1px solid var(--light-grey);
    background-color: var(--white);
}

.instrument-header .instrument-wrap:first-of-type {
    margin-top: 0;
}

@media only screen and (min-width:1200px) {
    .instrument-header .instrument-wrap {
        padding: 40px;
    }
}

.instrument-header .instrument-wrap.instrument-pricing .instrument-price {
    display: block;
    font-size: var(--h2);
}

.instrument-header .instrument-wrap.instrument-pricing .instrument-price sub {
    font-size: var(--h3);
    font-weight: var(--medium);
}

.instrument-header .instrument-wrap.instrument-pricing .instrument-price sub[data-color=blue] {
    color: var(--blue);
}

.instrument-header .instrument-wrap.instrument-pricing .instrument-price sub[data-color=red] {
    color: var(--red);
}

.instrument-header .instrument-wrap.instrument-pricing .d-flex {
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.instrument-header .instrument-wrap.instrument-pricing .d-flex a {
    font-weight: var(--semibold);
    display: flex;
    align-items: center;
    gap: 5px;
}

.instrument-header .instrument-wrap.instrument-pricing .d-flex a:hover {
    color: var(--purple);
}

.instrument-header .instrument-wrap .instrument-buttons {
    display: flex;
    gap: 15px;
}

.instrument-header .instrument-wrap .instrument-buttons>div {
    width: calc(50% - 8px);
    text-align: center;
}

.instrument-header .instrument-wrap .instrument-buttons>div a.cta {
    width: 100%;
    color: var(--white);
    text-align: center;
    padding: 8px 15px;
}

.instrument-header .instrument-wrap .instrument-buttons>div a.cta span {
    font-size: var(--h3);
}

.instrument-header .instrument-wrap .instrument-buttons>div a.cta.cta-sell {
    position: relative;
    background-color: var(--red);
    overflow: hidden;
    z-index: 1;
}

.instrument-header .instrument-wrap .instrument-buttons>div a.cta.cta-sell:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(299.31deg, #FF6770 17.81%, var(--null) 81.86%);
    z-index: -1;
}

.instrument-header .instrument-wrap .instrument-buttons>div a.cta.cta-sell:hover {
    background-color: #FF1F2B;
}

.instrument-header .instrument-wrap .instrument-buttons>div a.cta.cta-buy {
    position: relative;
    background-color: rgba(4, 93, 233, 0.8);
    overflow: hidden;
    z-index: 1;
}

.instrument-header .instrument-wrap .instrument-buttons>div a.cta.cta-buy:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(299.31deg, #09C6F9 17.81%, var(--null) 81.86%);
    z-index: -1;
}

.instrument-header .instrument-wrap .instrument-buttons>div a.cta.cta-buy:hover {
    background-color: var(--blue);
}

.instrument-header .instrument-wrap .instrument-buttons>div p {
    font-size: 14px;
    color: var(--grey);
    margin-top: 10px;
    margin-bottom: 0;
}

.instrument-header .instrument-wrap .instrument-buttons>div p span {
    color: var(--black);
}

.instrument-header .instrument-wrap.instrument-info .compare-bar {
    width: 100%;
    height: 4px;
    display: flex;
}

.instrument-header .instrument-wrap.instrument-info .compare-bar .blue-bar {
    width: 50%;
    height: 4px;
    background-color: var(--blue);
}

.instrument-header .instrument-wrap.instrument-info .compare-bar .red-bar {
    width: 50%;
    height: 4px;
    background-color: var(--red);
}

.instrument-header .instrument-wrap.instrument-info .sellers,
.instrument-header .instrument-wrap.instrument-info .buyers {
    width: 50%;
}

.instrument-header .instrument-wrap.instrument-info .sellers p,
.instrument-header .instrument-wrap.instrument-info .buyers p {
    font-size: 14px;
    margin: 0;
}

.instrument-header .instrument-wrap.instrument-info .sellers p {
    color: var(--red);
}

.instrument-header .instrument-wrap.instrument-info .buyers {
    text-align: right;
}

.instrument-header .instrument-wrap.instrument-info .buyers p {
    color: var(--blue);
}

.instrument-header .instrument-wrap.instrument-info .market-status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.instrument-header .instrument-wrap.instrument-info .market-status h3 {
    margin: 0;
}

.instrument-header .instrument-wrap.instrument-info .market-status p {
    font-size: 14px;
    font-weight: var(--semibold);
    margin: 0;
}

.instrument-header .instrument-wrap.instrument-info .blue {
    color: var(--blue);
}

.instrument-header .instrument-wrap.instrument-info .red {
    color: var(--red);
}

.instrument-header .instrument-wrap.instrument-chart {
    padding: 30px 0;
}

@media only screen and (min-width:1200px) {
    .instrument-header .instrument-wrap.instrument-chart {
        padding: 40px 0;
    }
}

.instrument-header .instrument-wrap.instrument-chart .d-flex {
    gap: 10px;
    padding: 0 30px;
}

@media only screen and (min-width:1200px) {
    .instrument-header .instrument-wrap.instrument-chart .d-flex {
        padding: 0 40px;
    }
}

.instrument-header .instrument-wrap.trading-table {
    padding-left: 0;
    padding-right: 0;
}

.instrument-header .instrument-wrap.trading-table .d-flex {
    gap: 10px;
    padding: 0 20px;
}

@media only screen and (min-width:1200px) {
    .instrument-header .instrument-wrap.trading-table .d-flex {
        padding: 0 40px;
    }
}

.instrument-header .single-instrument-chart {
    padding: 0 20px;
}

@media only screen and (min-width:1200px) {
    .instrument-header .single-instrument-chart {
        padding: 0 30px;
    }
}

.instrument-header .single-instrument-chart .apexcharts-title-text,
.instrument-header .single-instrument-chart .apexcharts-subtitle-text {
    font-family: var(--font) !important;
    font-size: 12px;
    font-weight: var(--regular);
    fill: var(--black);
}

.instrument-header .single-instrument-chart .apexcharts-title-text tspan,
.instrument-header .single-instrument-chart .apexcharts-subtitle-text tspan {
    fill: var(--red);
}

.instrument-header .single-instrument-chart .apexcharts-tooltip,
.instrument-header .single-instrument-chart .apexcharts-toolbar {
    display: none;
}

.instrument-header .single-instrument-chart .apexcharts-yaxistooltip,
.instrument-header .single-instrument-chart .apexcharts-xaxistooltip {
    color: var(--white);
    border: none;
    border-radius: 4px;
    background-color: #5C5D5D;
}

.instrument-header .single-instrument-chart .apexcharts-yaxistooltip:before,
.instrument-header .single-instrument-chart .apexcharts-yaxistooltip:after,
.instrument-header .single-instrument-chart .apexcharts-xaxistooltip:before,
.instrument-header .single-instrument-chart .apexcharts-xaxistooltip:after {
    display: none;
}

.instrument-header .single-instrument-zoom {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 20px;
}

@media only screen and (min-width:1200px) {
    .instrument-header .single-instrument-zoom {
        padding: 0 30px;
    }
}

.instrument-header .single-instrument-zoom a.cta {
    font-size: 12px;
    color: var(--blue);
    padding: 8px 10px;
    border: none;
    opacity: 0.5;
}

.instrument-header .single-instrument-zoom a.cta.active-zoom {
    background-color: rgba(4, 93, 233, 0.07);
    opacity: 1;
}

.instrument-header .single-instrument-zoom a.cta:hover {
    border: none;
    background-color: rgba(4, 93, 233, 0.07);
    opacity: 1;
}

.info-set {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin-bottom: 20px;
    z-index: 1;
}

.info-set p {
    white-space: nowrap;
    margin: 0;
}

.info-set .label {
    color: var(--grey);
    flex-grow: 1;
}

.info-set.info-set-highlight:before {
    content: "";
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    border-radius: 8px;
    background-color: rgb(244, 244, 245);
    z-index: -1;
}

@media only screen and (min-width:1200px) {
    .info-set.info-set-highlight:before {
        left: -15px;
        right: -15px;
    }
}

.info-set.info-set-highlight .time-bar {
    position: relative;
    width: 100%;
    height: 3px;
    display: block;
    margin-top: 5px;
    border-radius: 6px;
    background-color: var(--white);
    overflow: hidden;
}

.info-set.info-set-highlight .time-bar .time {
    position: absolute;
    top: 0;
    width: 10px;
    height: 3px;
    border-radius: 6px;
    background-color: var(--blue);
    transform: translateX(-5px);
}

.our-group .group-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.our-group .group-columns .group-column {
    width: 100%;
    display: flex;
    flex-flow: column;
    padding: 24px 15px;
    border-radius: 16px;
    border: 1px solid var(--light-grey);
    background-color: var(--white);
}

@media only screen and (min-width:576px) and (max-width:1200px) {
    .our-group .group-columns .group-column {
        width: calc(50% - 12px);
    }
}

@media only screen and (min-width:1200px) {
    .our-group .group-columns .group-column {
        width: calc(33% - 20px);
    }
}

.our-group .group-columns .group-column .group-content {
    flex-grow: 1;
}

.our-group .group-columns .group-column ul {
    font-family: var(--font);
    font-size: 16px;
    font-weight: var(--medium);
    color: var(--black);
    margin: 0;
    padding-left: 15px;
}

.our-group .group-columns .group-column ul li {
    color: var(--light-purple);
    margin-bottom: 10px;
}

.our-group .group-columns .group-column ul li span {
    color: var(--black);
}

.our-group .group-columns .group-column p {
    font-size: 16px;
    font-weight: var(--medium);
}

.our-group .group-columns .group-column p.legal-text {
    font-size: 12px;
    color: var(--grey);
}

.our-group .group-columns .group-column a.cta {
    width: 100%;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

.our-group .group-footer p {
    font-size: 16px;
}

.our-group .group-footer p a {
    color: var(--purple);
}

.our-group .group-footer p a:hover {
    text-decoration: underline;
}

.plain-header .row {
    align-content: center;
}

.plain-header .row h2 {
    font-size: clamp(20px, calc(1vh + 1.2vw), 28px);
    font-weight: var(--medium);
}

.plain-header .row p {
    font-size: var(--h4);
}

@media only screen and (min-width:576px) {
    .plain-header .row p {
        margin-left: auto;
        margin-right: auto;
    }
}

.plain-header .row p a {
    color: var(--purple);
}

.plain-header .row p a:hover {
    text-decoration: underline;
}

@media only screen and (max-width:576px) {
    .plain-header .row .text-center a.cta {
        width: 100%;
    }
}

.plain-header.text-center .text-sm-center {
    text-align: center !important;
}

.mobile-lang-dropdown {
    width: auto !important;
    position: absolute !important;
    z-index: 5;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    top: calc(100% - 135px);
}

.mobile-lang-dropdown.active {
    opacity: 1;
    pointer-events: all;
}

html header .group-btn.logged-in-dropdown a.cta.logged-in-dropdown-btn {
    font-weight: var(--medium);
    color: var(--black);
    vertical-align: middle;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    white-space: nowrap;
}

html header .group-btn.logged-in-dropdown a.cta.logged-in-dropdown-btn:hover {
    color: var(--purple);
}

html header .group-btn.logged-in-dropdown hr {
    border: none;
    height: 1px;
    background-color: rgba(216, 216, 216, 0.86);
}

html header .group-btn.logged-in-dropdown .logout {
    color: #969696 !important;
}
/* 
.logged-out-only,
.logged-in-only {
    display: none !important;
} */

html.logged-state-pending .logged-out-only {
    display: block !important;
    opacity: 0 !important;
}

html.logged-in .logged-in-only,
html.logged-out .logged-out-only {
    display: block !important;
}

.breadcrumbs {
    color: var(--grey);
    min-height: 1.5em;
}

.breadcrumbs.purple {
    color: var(--purple);
}

.breadcrumbs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

.breadcrumbs a {
    color: inherit;
}

.breadcrumbs a svg {
    display: block;
}

.breadcrumbs li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 0 auto;
    flex-shrink: 10;
    min-width: 35px;
    display: inline-block;
    font-size: var(--p);
}

.breadcrumbs li:before {
    content: "";
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    width: 7px;
    height: 7px;
    transform: rotate(-45deg);
    margin: -2px 10px 0;
    display: inline-block;
    vertical-align: middle;
}

.breadcrumbs li:first-child {
    padding: 0;
    background: none;
    flex-shrink: 0;
    min-width: 0;
    margin-top: -2px;
}

.breadcrumbs li:first-child:before {
    display: none;
}

.breadcrumbs li:first-child+li {
    flex-shrink: 10000000;
}

.breadcrumbs li:last-child,
.breadcrumbs li:nth-child(4):not(:last-child) {
    flex-shrink: 1;
}

.breadcrumbs li:last-child span,
.breadcrumbs li:nth-child(4):not(:last-child) span {
    font-weight: var(--medium);
}

@media (max-width:767px) {
    .breadcrumbs li:before {
        margin: 0 7px;
    }

    .breadcrumbs li,
    .breadcrumbs a {
        font-size: 14px;
    }

    .breadcrumbs li:first-child svg {
        width: 15px;
        height: 15px;
    }
}

.blur-animation {
    position: relative;
    display: flex;
    align-items: flex-end;
    z-index: -1;
}

.blur-animation .img-holder {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100vh;
    overflow: hidden;
    z-index: -1;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.blur-animation .img-holder.left {
    left: 0;
    right: auto;
}

.blur-animation .img-holder.top {
    top: 0;
    bottom: auto;
}

.blur-animation .img-holder[data-direction=bottom-left] {
    /* background-image: url("../img/bottom-left-optimized.webp"); */
}

.blur-animation .img-holder[data-direction=bottom-right] {
    /* background-image: url("../img/bottom-right-optimized.webp"); */
}

.blur-animation .img-holder[data-direction=left-side] {
    background-image: url("../img/right-side-optimized.png");
    transform: rotateY(180deg);

}

.blur-animation .img-holder[data-direction=right-side] {
    background-image: url("../img/right-side-optimized.png");
}

@media only screen and (max-width:991px) {
    .blur-animation:not(.mobile-blur) .img-holder {
        display: none;
    }
}

@media only screen and (min-width:577px) {

    .landing+.blur-animation.mobile-blur,
    .page-header+.blur-animation.mobile-blur {
        position: absolute;
        top: 40vh;
        width: 100%;
    }

    .landing+.blur-animation.mobile-blur .img-holder,
    .page-header+.blur-animation.mobile-blur .img-holder {
        transform: translateY(50%);
    }
}

@media only screen and (max-width:576px) {

    .landing+.blur-animation.mobile-blur .img-holder,
    .page-header+.blur-animation.mobile-blur .img-holder {
        top: auto;
        bottom: 80px;
        background: url("../blur-background-mobile.webp") no-repeat;
        background-size: 100% 100%;
        width: 100% !important;
    }

    .landing+.blur-animation.mobile-blur .img-holder img,
    .page-header+.blur-animation.mobile-blur .img-holder img {
        opacity: 1;
    }
}

html[lang=ta] h1,
html[lang=ta] h2 {
    overflow-wrap: break-word;
}

html[lang=ta] .fixed-top .risk-warning p {
    font-size: clamp(12px, 1vh + 0.5vw, 14px);
}

html[lang=ta] .plain-header .row h2 {
    font-size: clamp(18px, 1vh + 1.2vw, 24px);
}

html[lang=ta] .landing p,
html[lang=ta] page-header p {
    font-size: clamp(18px, 1vh + 1.4vw, 24px);
}

html[lang=ta] p.in-page-risk-warning {
    font-size: clamp(11px, 1vh + 0.2vw, 13px) !important;
}

html[lang=ta] .risk-warning p {
    font-size: clamp(11px, 1vh + 0.2vw, 13px);
}

@media only screen and (min-width:769px) {
    html[lang=ta] a.in-page-link {
        font-size: 16px;
    }
}

.risk-warning .magnify_risk_text p {
    font-size: var(--p);
}

.navbar {
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    position: relative;
}

.menu-toggle {
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.bar {
    width: 35px;
    height: 3px;
    background-color: #000;
    margin: 2px 0;
    transition: 0.3s;
}

/* Menü liste stil ayarları */
.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 60px;
    left: -230px;
    width: 100%;
    background-color: #fff;
    transform: translateY(-100%);
    overflow-y:scroll;
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
    height: 100%;
    min-height: 500px;
    min-width: 300px;
    z-index: 103 !important;
    box-shadow: 0 0 48px 0 rgba(41,47,103,.1),0 0 12px 0 rgba(41,47,103,.03)
}

.nav-list.active {
    transform: translateY(0);
    opacity: 1;
    
}

.nav-list li {
    
    text-align: center;
}

.nav-list a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 15px 0;
}

/* Kapanma işareti stil ayarları */
.close-menu {
    display: none;
    font-size: 2rem;
    color: #000;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}
.alt-menu{
    display:none
}
.alt:hover .alt-menu{
    display:block;
}
.alt:focus .alt-menu{
    display:block;
}
.accordion-item{
   background-color: transparent !important; 
}
.accordion-button:focus{
    box-shadow: none !important
}
.accordion-button:not(.collapsed){
    background-color: transparent !important;
}
.accordion-button{
    background-color: transparent !important;
    font-family: Gilroy, sans-serif;
    font-family: var(--font);
    font-size: clamp(20px, 1vh + 1.1vw, 22px);
    font-size: var(--h3);
    font-weight: 600;
    font-weight: var(--semibold);
    color: #13121b;
    color: var(--black);
    line-height: normal !important;

}
.lang{
    display: none;
}

/* Mobil görünüm için stil ayarları */
@media (max-width: 992px) {
    .menu-toggle {
        display: flex;
        margin-top: -12px;
    }
    .navbar {
        display:flex
    }

    .nav-list {
        display: none;
        flex-direction: column;
    }

    .nav-list.active {
        display: flex;
    }

    .menu-toggle.active .bar:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .menu-toggle.active .bar:nth-child(2) {
        opacity: 0;
    }

    .menu-toggle.active .bar:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px);
    }

    .close-menu {
        display: block;
    }
    .lang{
        display: block !important;
    }
}