:root {
    --bs-success-rgb: 84, 181, 25;
    --bs-danger-rgb: 202, 21, 46;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: "Raleway", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1.1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.7;
    --bs-body-color: #252424;
    --bs-body-bg: #b9d7f7;
    --bs-border-color-translucent: rgba(0, 0, 0, .4);
    --bs-border-radius: 16px;
    --bs-link-color: #63bcff;
    --bs-link-hover-color: #4f96cc
}

/* cyrillic-ext */
@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/1Ptsg8zYS_SKggPNyCg4QIFqPfE.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/1Ptsg8zYS_SKggPNyCg4SYFqPfE.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/1Ptsg8zYS_SKggPNyCg4QoFqPfE.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/1Ptsg8zYS_SKggPNyCg4Q4FqPfE.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/1Ptsg8zYS_SKggPNyCg4TYFq.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*,
:after,
:before {
    box-sizing: border-box
}

@media(prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    margin: 0;
    text-align: var(--bs-body-text-align)
}

hr {
    border: 0;
    border-top: 2px solid;
    color: inherit;
    margin: 1rem 0;
    opacity: 1
}

.h1,
.h2,
.h3,
.h4,
.h6,
h1,
h2,
h3,
h4,
h6 {
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 1rem;
    margin-top: 0
}

.h1,
h1 {
    font-size: 1.7rem;
}

.h2,
h2 {
    font-size: 1.375rem
}

.h3,
h3 {
    font-size: 1.125rem
}

.h4,
h4 {
    font-size: 1.3125rem
}

.h6,
h6 {
    font-size: .875rem
}

p {
    margin-bottom: .5rem;
    margin-top: 0;
    font-weight: 500;
}

ol,
ul {
    padding-left: 2rem;
    font-weight: 500;
}

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

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

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b {
    font-weight: bolder
}

a {
    color: var(--bs-link-color);
    text-decoration: none
}

a:hover {
    color: var(--bs-link-hover-color)
}

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

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

button {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

[type=button],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

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

.list-unstyled {
    list-style: none;
    padding-left: 0;
}

.blockquote {
    font-size: 1.09375rem;
    margin-bottom: 1rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%
}

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

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

@media(min-width: 1024px) {
    .container {
        max-width: 996px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x)*-.5);
    margin-right: calc(var(--bs-gutter-x)*-.5);
    margin-top: calc(var(--bs-gutter-y)*-1)
}

.row>* {
    flex-shrink: 0;
    margin-top: var(--bs-gutter-y);
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%
}

.col {
    flex: 1 0 0%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-6 {
    flex: 0 0 auto;
    /* width: 50% */
}

.g-4 {
    --bs-gutter-x: 0.25rem
}

.g-4 {
    --bs-gutter-y: 0.25rem
}

.g-16,
.gx-16 {
    --bs-gutter-x: 1rem
}

.g-16,
.gy-16 {
    --bs-gutter-y: 1rem
}

.gy-20 {
    --bs-gutter-y: 1.25rem
}

.gy-32 {
    --bs-gutter-y: 2rem;
}

@media(min-width: 576px) {
    .col-sm-6 {
        flex: 0 0 auto;
        /* width: 50% */
    }
}

@media(min-width: 768px) {
    .col-md-4 {
        flex: 0 0 auto;
        /* width: 33.33333333% */
    }
}

@media(min-width: 1024px) {
    .col-lg-2 {
        flex: 0 0 auto;
        /* width: 16.66666667% */
    }

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

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.625rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1.125rem;
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #ffffff;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 0;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 100px;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    background-color: var(--bs-btn-bg);
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle
}

.comment-form .btn {
    color: #000;
    background: #fff;
    border: 1px solid #000;
}

.comment-form .btn:hover {
    background: #e4bbbb;
}

@media(prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:first-child:hover,
:not(.btn-check)+.btn:hover {
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    color: var(--bs-btn-hover-color)
}

.btn:focus-visible {
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    box-shadow: var(--bs-btn-focus-box-shadow);
    color: var(--bs-btn-hover-color);
    outline: 0
}

.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    color: var(--bs-btn-active-color)
}

.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn:disabled {
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    color: var(--bs-btn-disabled-color);
    opacity: var(--bs-btn-disabled-opacity);
    pointer-events: none
}

.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffcd01;
    --bs-btn-border-color: #ffcd01;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffd527;
    --bs-btn-hover-border-color: #ffd21a;
    --bs-btn-focus-shadow-rgb: 217, 174, 1;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffd734;
    --bs-btn-active-border-color: #ffd21a
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-focus-shadow-rgb: 217, 174, 1;
    text-decoration: none
}

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.fade {
    transition: opacity .15s linear
}

@media(prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media(prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 16px;
    --bs-card-inner-border-radius: calc(0.375rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0, 0, 0, .03);
    --bs-card-cap-color: ;
    --bs-card-height: auto;
    --bs-card-color: ;
    --bs-card-bg: #ffffff;
    word-wrap: break-word;
    background-clip: border-box;
    background-color: var(--bs-card-bg);
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
    display: flex;
    flex-direction: column;
    height: var(--bs-card-height);
    min-width: 0;
    position: relative
}

.card>hr {
    margin-left: 0;
    margin-right: 0
}

.card-body {
    color: var(--bs-card-color);
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x)
}

.card-footer {
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
    color: var(--bs-card-cap-color);
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    content: "";
    display: block;
    padding-top: var(--bs-aspect-ratio)
}

.ratio>* {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ratio-8x5 {
    --bs-aspect-ratio: 62.5%
}

.visually-hidden {
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
}

.align-top {
    vertical-align: top !important
}

.opacity-75 {
    opacity: .75 !important
}

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

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

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

.w-100 {
    width: 100% !important
}

.w-152px {
    width: 9.5rem !important
}

.w-256px {
    width: 16rem !important
}

.mw-100 {
    max-width: 100% !important
}

.h-100 {
    height: 100% !important
}

.h-96px {
    height: 6rem !important
}

.mh-100 {
    max-height: 100% !important
}

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

.flex-shrink-0 {
    flex-shrink: 0 !important
}

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

.justify-content-center {
    justify-content: center !important
}

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

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

.align-items-center {
    align-items: center !important
}

.m-auto {
    margin: auto !important
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.my-32 {
    margin-bottom: 2rem !important;
    margin-top: 2rem !important
}

.mt-12 {
    margin-top: .75rem
}

.mt-20 {
    margin-top: 1.25rem !important
}

.mt-40 {
    margin-top: 2.5rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-8 {
    margin-right: .5rem !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-4 {
    margin-bottom: .25rem !important
}

.mb-6 {
    margin-bottom: .375rem !important
}

.mb-8 {
    margin-bottom: .5rem !important
}

.mb-16 {
    margin-bottom: 1rem !important
}

.mb-24 {
    margin-bottom: 1.5rem !important
}

.ms-16 {
    margin-left: 1rem !important
}

.p-8 {
    padding: .5rem !important
}

.py-4 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
}

.py-8 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
}

.py-16 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-32 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important
}

.py-40 {
    padding-bottom: 2.5rem !important;
    padding-top: 2.5rem !important
}

.pt-20 {
    padding-top: 1.25rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.gap-8 {
    gap: .5rem !important
}

.gap-14 {
    gap: .875rem !important
}

.gap-16 {
    gap: 1rem !important
}

.fs-10 {
    font-size: .625rem !important
}

.fs-13 {
    font-size: .8125rem !important
}

.fs-14 {
    font-size: .875rem !important
}

.fs-16 {
    font-size: 1rem !important
}

.fs-18 {
    font-size: 1.125rem;
    font-weight: bold;
    color: #000;
}

.fs-20 {
    font-size: 1.25rem !important
}

.fs-24 {
    font-size: 1.5rem !important
}

.fs-28 {
    font-size: 1.75rem !important
}

.fs-36 {
    font-size: 2.25rem !important
}

.fs-40 {
    font-size: 2.5rem !important
}

.fst-italic {
    font-style: italic !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 900 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

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

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #93a7ca !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb))
}

.bg-dark {
    background: #351f00;
}

.bg-fun {
    background-color: #163ccd;
    background-image: url(/assets/images/decor/fun-decor.webp);
}

.bg-bas {
    background-color: #063995;
}

.bg-ally {
    background: #390C16;
}

.bg-rioace {
    background: linear-gradient(90deg, #0a0c1f, #0e1132 51.04%, #0a0c1f);
}

.bg-spellwin {
    background: #072636;
}

.bg-vincispin {
    background: #110D0D;
}

.bg-great {
    background-color: #13192A;
}

.bg-robo {
    background: linear-gradient(#5200ca, rgb(59 0 148));
    ;
}

.bg-spinmama {
    background: #000000;
}

.bg-onlyspins {
    background: #ffffff;
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-monsterwin {
    background: #08121B;
}

.bg-hexabet {
    background: #0A0A0A;
}

.bg-kinbet {
    background: #050807;
}

.bg-romibet {
    background: url(/assets/images/decor/romibet-decor.webp);
}

.bg-winbay {
    background: url(/assets/images/decor/winbay-decor.webp);
}

.bg-kyngs {
    background: url(/assets/images/decor/kyngs-decor.png);
}

.bg-dragonia {
    background: radial-gradient(37% 100% at 50% 100%, rgb(70 26 22 / .2) 0%, rgb(98 43 38 / .1) 30%, rgb(125 59 53 / 0) 60%), linear-gradient(180deg, rgb(147 167 196 / .1) 0%, rgb(74 84 98 / .05) 25%, rgb(0 0 0 / 0) 50%, rgb(27 20 23 / .08) 75%, rgb(53 39 46 / .16) 100%), rgb(53 39 46 / 1);
}

.bg-spinstar {
    background: #1b1919;
}

.bg-divaspin {
    background: #242346;
}

.bg-magius {
    background: #421615;
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-20 {
    --bs-bg-opacity: 0.2
}

.bg-opacity-40 {
    --bs-bg-opacity: 0.4
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.min-w-104px {
    min-width: 6.5rem !important
}

.object-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
}

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

@media(min-width: 768px) {
    .mt-md-64 {
        margin-top: 4rem !important
    }
}

@media(min-width: 1024px) {
    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .my-lg-40 {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }

    .px-lg-24 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .py-lg-40 {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .fs-lg-32 {
        font-size: 2rem !important
    }

    .text-lg-end {
        text-align: right !important
    }
}

.page {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: 20rem
}

.page-body {
    flex: auto;
    padding: 120px 0 2rem 0;

}

@media(min-width: 1024px) {
    .page-body {
        padding-bottom: 2.5rem
    }
}

@media(max-width: 768px) {
    .page-body {
        padding: 100px 0 2rem 0;
    }
}

.page-footer {
    --link-hover-color: 147, 167, 202;
    background-color: #e2e4ef;
}

ol:last-child,
p:last-child,
ul:last-child {
    margin-bottom: 0
}

@media(min-width: 1024px) {

    .h1,
    h1 {
        font-size: 2.5rem
    }

    .h2,
    h2 {
        font-size: 1.85rem
    }

    .h3,
    h3 {
        font-size: 1.45rem
    }
}

.icon {
    display: inline-block;
    height: 1em;
    width: 1em
}

.icon-chevron-down {
    transition: transform .15s
}

@media(prefers-reduced-motion:reduce) {
    .icon-chevron-down {
        transition: none
    }
}

.btn:not(.collapsed)>.icon-chevron-down {
    transform: rotate(.5turn)
}

.icon-align {
    align-items: center;
    display: flex
}

.icon-align:before {
    content: "X";
    visibility: hidden;
    width: 0
}

.link,
a {
    color: #fff;
    -webkit-text-decoration: var(--link-line, underline) var(--link-style, initial) rgba(var(--link-color, 99, 188, 255), var(--link-line-opacity, .25));
    text-decoration: var(--link-line, underline) var(--link-style, initial) rgba(var(--link-color, 99, 188, 255), var(--link-line-opacity, .25));
    text-underline-offset: .1em
}

.link:hover,
a:hover {
    color: rgba(var(--link-hover-color, 79, 150, 204), var(--link-hover-opacity, 1));
    text-decoration-color: rgba(var(--link-hover-color, 79, 150, 204), .25)
}

.link {
    cursor: pointer
}

.link-light {
    --link-color: 255, 255, 255;
    color: #000;
    font-weight: 900;
}

.link-light:hover {
    text-decoration: underline;
}

.page-footer .link-light {
    color: #000000;
}

.article *+:-webkit-any(h2, .h2, h3, .h3, h4, .h4) {
    margin-top: 2.5rem
}

.article *+:is(h2, .h2, h3, .h3, h4, .h4) {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.article ol:not(:last-child),
.article ul:not(:last-child) {
    margin-bottom: .5rem
}

.article li+li {
    margin-top: .5rem
}

.article img {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    margin: 15px auto;
}

/* .article img:not(:first-child) {
    margin-top: 1rem
}

.article img:not(:last-child) {
    margin-bottom: 1rem
} */

[itemprop=mainEntity]+[itemprop=mainEntity] {
    margin-top: 2.5rem
}

.btn-primary-gradient {
    background-image: linear-gradient(180deg, #435be9, #00fdff);
}

.btn-primary-gradient:hover {
    background-image: linear-gradient(0deg, #435be9, #00fdff);
}

.card-primary {
    --label-bg: #53ca77;
    --link-hover-color: 147, 167, 202
}

.card-primary.is-prime {
    --label-bg: rgb(255, 191, 53);
    border: 4px solid #f90
}

/* .card-primary[data-label], .card-primary {
    padding-top: 2rem
} */

@media (max-width:487px) {

    .card-primary[data-label],
    .card-primary {
        padding-top: 3rem;
    }
}

.card-primary[data-label]:before {
    background-color: var(--label-bg);
    border-top-left-radius: var(--bs-card-border-radius);
    color: #000;
    content: attr(data-label);
    font-size: .875rem;
    left: calc(var(--bs-card-border-width)*-1);
    line-height: 1.5;
    padding: .375rem .5rem;
    position: absolute;
    top: calc(var(--bs-card-border-width)*-1)
}

.card-secondary {
    --bs-card-bg: #0c0e29
}

@media(min-width: 1024px) {
    .animated-cards {
        background-image: var(--bg, none), var(--bg, none);
        background-position: calc(50% - 37.6875rem) 0, calc(50% + 37.6875rem) 0;
        background-repeat: repeat-y;
        background-size: 13.125rem auto
    }
}

.col-lg-6 {
    flex: auto;
}

.name-c {
    font-size: 18px;
}

@media(min-width: 771px) {
    .ml-80 {
        /* margin-left: 80px!important; */
    }

    .w60 {
        width: 60%;
    }

    .none-label[data-label] {
        padding-top: 0;
    }
}

@media(max-width: 770px) {
    /* .mt {
        margin-top: 20px;
    } */

    .name-c {
        position: relative;
        top: -165px;
    }
}

@media(max-width: 487px) {
    .mt {
        margin-top: 0;
    }
}

@media(max-width: 770px) {
    .d-none {
        display: none !important;
    }

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

    .of-fs-12 {
        font-size: 12px !important;
    }

    .of-fs-16 {
        font-size: 16px;
    }

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

    .d-block.spec {
        margin-top: 105px;
    }

    .spec .btn-primary {
        margin-top: -50px;
    }

    .w-80 {
        width: 100%;
    }

    .m-l-r {
        margin-left: auto;
        margin-right: auto;
    }

    .of-w-100 {
        width: 100% !important;
    }
}

.none-label {
    --label-bg: var(--bs-card-bg);
    --link-hover-color: 147, 167, 202;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px auto;
}

table th,
table td,
table caption {
    padding: 10px 8px;
    border: 1px solid #252424;
    font-size: 14px;
    font-weight: 500;
}

table th {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ff9100;
}

table caption {
    font-size: 1.2ren;
    font-weight: 600;
}

/* edit 17.01.2024 */
div.link-light.d-inline-block.name-c.fw-bold {
    padding-top: 0;
}

@media (max-width:487px) {
    div.link-light.d-inline-block.name-c.fw-bold {
        padding-top: 10px;
    }

    .d-inline-block img {
        max-width: 130px;
    }
}

@media (max-width:329px) {
    div.link-light.d-inline-block.name-c.fw-bold {
        padding-top: 0;
    }
}

.table-wrp {
    overflow: auto;
    width: 100%;
}

.article h2,
.article h3 {
    position: relative;
    color: #252424;
    font-weight: 700;
}

.article h2:after {
    position: absolute;
    content: "";
    display: block;
    width: 200px;
    height: 2px;
    background-color: #252424;
    bottom: -10px;
    left: 0;
}

.article h3:after {
    position: absolute;
    content: "";
    display: block;
    width: 120px;
    height: 1px;
    background-color: #252424;
    bottom: -10px;
    left: 0;
}

.up_button {
    bottom: 20px;
    cursor: pointer;
    height: 55px;
    opacity: 0;
    position: fixed;
    right: 20px;
    text-align: center;
    transition: opacity .5s ease-in-out;
    width: 55px;
    z-index: 1000
}

@media only screen and (max-width: 768px) {
    .up_button {
        bottom: 20px;
        left: auto;
        margin-left: 0;
        right: 20px;
    }
}

.benefits {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;

}

.benefits .pros,
.benefits .cons {
    width: 49%;
    margin: 20px 0;
    padding: 20px;
    background-color: #ffffff;
    border: 2px solid #e0e0e0;
    border-radius: 16px;
    box-sizing: border-box;
}

@media (max-width:800px) {
    .benefits {
        flex-direction: column;
    }

    .benefits .pros,
    .benefits .cons {
        width: 100%;
        margin: 20px 0;
    }
}

.benefits .pros {
    border-top: 5px solid #099246;
}

.benefits .cons {
    border-top: 5px solid #ff0000;
}

.pros-title,
.cons-title {
    margin-left: 30px;
    margin-bottom: 20px;
    font-size: 1.3rem;
    font-weight: 900;
}

.pros-title {
    color: #099246;
}

.cons-title {
    color: #ff0000;
}

ul.pros-list,
ul.cons-list {
    list-style: none;
    padding-left: 10px;
}

ul.pros-list li,
ul.cons-list li {
    padding-left: 20px;
    position: relative;
}

ul.pros-list li:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    left: 0;
    top: 11px;
    background-color: #00c774;
    border-radius: 6px;
}

ul.cons-list li:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    left: 0;
    top: 11px;
    background-color: #ff0057;
    border-radius: 6px;
}

div.toc-wrp {
    position: relative;
    margin: 2em 0;
    background: #ffffff;
    border: 2px solid #252424;
    border-radius: 10px;
}

.toc-wrp input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    max-height: 65px;
    margin: 0;
}

.toc-wrp .toc-caption {
    background: #fff;
    color: #000000;
    padding: 1em;
    position: relative;
    margin-bottom: 0;
    font-size: 1.3rem;
    border-radius: 16px;
}

.toc-wrp label::before {
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-left: 15px solid rgb(0, 0, 0);
}

.toc-wrp label {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 700;
}

.toc-wrp div.toc-content {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.5s;
}

.toc-wrp div.toc-content p {
    padding: 2em;
}

.toc-wrp input:checked~.toc-caption label::before {
    border-left: 10px solid transparent;
    border-top: 15px solid rgb(0, 0, 0);
    margin-top: 12px;
    margin-right: 10px;
}

.toc-wrp input:checked~.toc-caption~div.toc-content {
    max-height: fit-content;
    padding: 20px;
}

.toc-wrp a {
    color: #000000;
}

.toc-wrp li::marker {
    color: #000;
}

.yellow {
    color: #ff7300;
}





body {
    overflow-x: hidden;
}

.wrapper {
    width: 100%;
    position: relative;
}

.page-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: #e2e4ef;
}

.header-wrp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-wrp>.d-inline-block {
    max-width: 50%;
}

.header-wrp>.d-inline-block>img {
    max-width: 100%;
}

.bl_navigation {
    position: absolute;
    top: 92px;
    right: 0;
    width: 294px;
    /* padding: 50px 5px 30px 30px; */
    height: 100%;
    min-height: calc(100vh - 45px);
    transform: translateX(300px);
    transition: .3s ease-in;
    will-change: transform;
    background: #2f334e;
    -webkit-backdrop-filter: blur(31px);
    backdrop-filter: blur(31px);
    padding: 30px 0;
}

.bl_navigation,
.bl_navigation__list,
.submenu {
    flex-direction: column;
    list-style: none;
}

.bl_navigation__item {
    width: 100%;
    margin: 4px 0
}

.bl_navigation__item:not(:last-of-type):after {
    display: none
}

.btn_navigation {
    display: block;
    position: relative;
    /* margin-top: 10px; */
    width: 46px;
    height: 46px;
    -webkit-filter: brightness(0%) invert(100%);
    filter: brightness(0%) invert(100%)
}

.btn_navigation {
    background: none;
    border: none;
    width: 46px;
    height: 46px;
}

.btn_navigation:after {
    content: '';
    position: absolute;
    top: 67%;
    left: 50%;
    z-index: 2
}

.btn_navigation:after {
    transform: translate(-50%, -90%);
    width: 22px;
    height: 19px;
    background: url(../../assets/images/burger.svg) 50% 50% no-repeat
}

.btn_navigation:focus {
    outline: none;
}

.bl_navigation__link {
    text-decoration: none;
    color: #e0e0e0;
    line-height: 35px;
}

.bl_navigation__link:hover {
    color: #FEF105 !important;
}

/*@media (min-width: 1023px) {
  .bl_navigation {
    display: none;
  }
  .btn_navigation {
    display: none;
  }

}*/



.bl_navigation>.bl_navigation__list .submenu .item:hover a {
    color: #FEF105
}

.bl_navigation.active {
    transform: translateX(0);
}

.btn_navigation.active:after {
    width: 30px;
    height: 30px;
    background: url(../../assets/images/close.svg);
}

a.disabled,
.header-nav-dropdown-list .header-nav-dropdown-item a.disabled {
    pointer-events: none;
    cursor: pointer;
    color: #f90;
}

.header-wrapper {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

@media (max-width:420px) {
    .header-wrapper .d-inline-block img {
        max-width: 100px;
    }
}

.header-nav-container {}

.header-nav-list {
    display: flex;
    justify-content: flex-start;
    gap: 7px;
    list-style: none;
    padding-left: 0;
}

.header-nav-item {
    padding: 10px;
}

.header-nav-item>a {
    color: #ffffff;
    line-height: 40px;
    white-space: nowrap;
}

@media (max-width:450px) {
    .header-nav-item>a {
        font-size: 15px;
    }
}

.header-nav-dropdown-link {
    position: relative;
    padding-right: 18px;
    border-radius: 25px;
    border: 2px solid #e0e0e0;
    padding: 10px 25px 10px 10px;
}

.header-nav-dropdown-link:after {
    position: absolute;
    top: 25px;
    right: 5px;
    width: 12px;
    height: 12px;
    content: "";
    background: url(../images/icon-dropdown.svg);
}

.header-nav-dropdown-link:hover:after {
    background: url(../images/icon-dropdown-yellow.svg);
}

.header-nav-dropdown-link.active:after {
    transform: rotate(180deg);
}

.header-nav-dropdown-list {
    position: absolute;
    width: max-content;
    max-height: 400px;
    overflow-y: auto;
    height: auto;
    top: -1000px;
    right: 0;
    list-style: none;
    padding: 10px 20px;
    background: #7362b3;
    box-shadow: 0 0 10px #16172e;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    border: 2px solid #e0e0e0;
}

.header-nav-dropdown-list::-webkit-scrollbar {
    width: 10px;
}

.header-nav-dropdown-list::-webkit-scrollbar-track {
    background: transparent;
}

.header-nav-dropdown-list::-webkit-scrollbar-thumb {
    background-color: #FFFFFF;
    border-radius: 4px;
    border: 2px solid transparent;
    background-clip: content-box;
}

.header-nav-dropdown-list {
    scrollbar-width: thin;
    scrollbar-color: #FFFFFF transparent;
}


.header-nav-dropdown-list:after {
    content: "";
    position: absolute;
    top: -18px;
    right: 10px;
    transform: rotate(180deg);
    border-width: 10px;
    border-style: solid;
    border-color: #7362b3 transparent transparent transparent;
}

.header-nav-dropdown-list .header-nav-dropdown-item {
    padding: 5px;
}

.header-nav-dropdown-list .header-nav-dropdown-item a {
    color: #fff;
}

.header-nav-dropdown-link.active .header-nav-dropdown-list {
    transform: translateY(1060px);
}

.header-nav-item:hover>a,
.header-nav-dropdown-item:hover>a {
    color: #FEF105 !important;
}

.img-inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    margin: 10px 0;
}

.img-inline img {
    max-width: 50%;
}

.img-inline-big {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px;
    align-items: center;
}

.img-inline-big img {
    max-width: 33, 3%;
}

h1 {
    font-weight: 700;
    margin-top: 50px;
}

.overflow-table {
    margin-top: 10px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: flex;
    justify-content: center;
}

.overflow-table {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

iframe {
    margin: 10px;
}

.img-wrp {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.img-wrp img {
    max-width: 50%;
}

.large-text {
    font-size: 25px;
}

@media (max-width: 770px) {
    .large-text {
        font-size: 22px;
    }

    .name-c.large-text {
        top: -195px;
    }

    .d-block.large-text {
        margin-top: 115px;
    }

    .btn-primary.large-text {
        margin-top: -80px;
    }
}

@media (max-width: 514px) {

    .name-c.large-text {
        top: -215px;
    }
}

@media (max-width: 487px) {

    .name-c {
        top: -185px;
    }

    .d-block.spec {
        margin-top: 55px;
    }

    .name-c.large-text {
        top: -225px;
    }

    .d-block.large-text {
        margin-top: 65px;
    }
}

@media (max-width: 410px) {

    .name-c.large-text {
        top: -260px;
    }

    .d-block.large-text {
        margin-top: 45px;
    }
}

.rating {
    display: flex;
    flex-direction: column;
    width: 150px;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 0 auto;
    padding-top: 10px;
}


.burger-icon {
    display: none;
    font-size: 30px;
    cursor: pointer;
    margin-left: auto;
}

.header-nav {
    display: flex;
    gap: 30px;
}

@media (max-width: 770px) {
    .burger-icon {
        display: block;
        z-index: 11;
    }

    .header-wrp {
        position: relative;
    }

    .header-nav {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        right: -100%;
        width: 45%;
        height: 100%;
        background-color: #7160B0;
        padding: 20px;
        transition: right 0.3s ease;
        z-index: 10;
        gap: 15px;
        border-radius: 25px 0 0 25px;
    }

    .burger-toggle:checked~.burger-icon {
        display: none;
    }

    .burger-toggle:checked~.header-nav {
        right: 0;
    }

    .header-nav a {
        color: white;
        text-decoration: none;
        display: block;
        font-size: 15px;
    }

    .header-nav-dropdown-list {
        padding-left: 15px;
    }

    .sub-links {
        flex-direction: column;
        gap: 15px;
    }

    .logo {
        width: 100%;
        text-align: center;
        order: 0;
    }

}

@media (min-width: 771px) {
    .sub-links {
        display: none;
    }

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

.close-btn {
    font-size: 24px;
    color: white;
    cursor: pointer;
    align-self: flex-end;
    display: none;
}

@media (max-width: 770px) {
    .close-btn {
        display: block;
    }
}

@media (max-width:530px) {
    .header-nav {
        right: -100%;
        width: 60%;
    }
}

.sub-links .link-light {
    margin-bottom: 15px;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
}

.burger-toggle:checked~.overlay {
    display: block;
}



.section-plack {
    /* max-width: 1180px; */
    margin: 0px auto;
    padding: 2rem;
    border: 2px solid #252424;
    color: #252424;
    background: transparent;
    border-radius: 16px;
}

.section-plack .elementor-heading-title {
    margin: 0;
}


.social-icon-item img {
    border-radius: 10px;
}

.manager-widget-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    color: #fff;
    /* padding: 15px; */
}

.manager-widget-photo {
    /* width: 15%; */
    margin-right: 20px;
    border-radius: 8px;
}

.manager-widget-photo img {
    border-radius: 8px;
}

.manager-widget-content {
    width: 70%;
}

.manager-widget-text {
    color: #252424;
    padding-top: 1rem;
}

.manager-widget-controls {
    width: 4%;
    margin-top: 1%;
    margin-left: 8px;
}

@media screen and (max-width: 719.9px) {
    .manager-widget-main {
        flex-direction: column;
        align-items: center;
    }

    .manager-widget-content {
        width: 100%;
    }

    .manager-widget-text {
        padding-bottom: 1rem;
    }

    .manager-widget-controls {
        margin-left: 0;
        width: 100px;
    }

    .social-icons {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 0 10px;
    }
}

.responsive-list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.comment-form {
    display: block;
    overflow: hidden;
    margin: 0 auto 30px auto;
    border: 1px solid #000;
    /* box-shadow: #949494 0 0 10px; */
    border-radius: 10px;
}

.comment-form>div {
    margin: 15px;
}

.wrapp_comments {
    margin-top: 20px;
}

.comment_element {
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 15px;
    background-color: #f9f9f9;
    border: 1px solid #5900ff;
    box-shadow: #949494 0 0 10px;
}

.usr_comm_date {
    font-size: 12px;
    color: #c1c1c1;
    padding: 0;
}

.usr_comment_content {
    border-top: 2px solid #9273a4;
    margin-top: 10px;
    padding-top: 10px;
}

.input-ttl {
    border: 2px solid #ffffff5a;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 40%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.close {
    background-color: #cccccc9e;
    color: white;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 100px;
    font-size: 18px;
}

.close:hover {
    background-color: #ffb900c9;
}

.modal-content p {
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
    color: #000;
}

@media (max-width:600px) {
    .col-lg-6 {
        display: flex;
        flex-direction: column;
    }

    .input-ttl {
        max-width: 250px;
    }
}

.page-header .header-wrp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
}

.header-menu {
    margin-left: auto;
}

.header-menu .nav-dropdown {
    position: relative;
    display: inline-flex;
    flex-direction: column;
}

.nav-dropdown-toggle {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    padding: 12px 25px;
    border-radius: 1000px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #ffffff;
    color: #000000;
    font-weight: 700;
    cursor: pointer;
}

.nav-dropdown-toggle:focus {
    outline: 2px solid #ffc24b;
    outline-offset: 3px;
}

.nav-dropdown-icon {
    width: 10px;
    height: 10px;
    border: solid #ffc24b;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
    margin-left: 4px;
}

.nav-dropdown-menu {
    display: none;
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    min-width: 220px;
    padding: 16px;
    border-radius: 16px;
    background: #bd8e7c;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
    z-index: 20;
    list-style: none;
    margin: 0;
}

.nav-dropdown.is-open .nav-dropdown-menu {
    display: block;
}

.nav-dropdown.is-open .nav-dropdown-icon {
    transform: rotate(225deg);
}

.nav-dropdown-menu li+li {
    margin-top: 12px;
}

.nav-dropdown-menu a {
    color: #000000;
    background: #ffffff;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border-radius: 100px;
}

.nav-dropdown-menu a:hover,
.nav-dropdown-menu a:focus {
    color: #ffc24b;
}

@media (max-width: 900px) {
    .header-menu {
        width: auto;
        flex: 1;
        min-width: 200px;
        justify-content: flex-end;
    }

    .nav-dropdown {
        width: auto;
        align-items: flex-end;
    }

    .nav-dropdown-toggle {
        width: auto;
        font-size: 14px;
        justify-content: center;
    }

    .nav-dropdown-menu {
        position: absolute;
        width: 100%;
        min-width: 220px;
        margin-top: 0;
        padding: 12px;
        border-radius: 14px;
        /* left: 50%; */

        transform: translateX(-25%);
    }

    .nav-dropdown-menu li+li {
        margin-top: 8px;
    }

    .nav-dropdown-menu a {
        padding: 12px 16px;
    }

    .nav-dropdown-menu a:hover,
    .nav-dropdown-menu a:focus {
        background: rgba(255, 194, 75, 0.12);
    }
}

@media (max-width:900px) {
    .page-header .header-wrp {
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .logo img {
        max-width: 120px;
        height: auto;
    }

    .nav-dropdown-toggle {
        padding: 12px 16px;
        font-size: 14px;
    }

    .nav-dropdown-menu a {
        font-size: 14px;
    }
}

.page-header.py-16 {
    padding: 10px 0;
}