/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
@tailwind base; @tailwind components;
html {
    box-sizing: border-box;
    /*overflow-x: hidden;*/
}

body {
    font-family: Montserrat, sans-serif;
    overflow-x: hidden;
    padding: 0
}

::-moz-selection {
    background: #000;
    color: #fff
}

::selection {
    background: #000;
    color: #fff
}

a {
    -webkit-text-decoration-skip: ink;
    text-decoration: none;
    text-decoration-skip-ink: auto
}

p {
    line-height: inherit;
    margin: 0 0 16px
}

.bg-purple {
    background-color: #6c4ecf
}

.bg-blue {
    background-color: #1c7fdb
}

.bg-green {
    background-color: #0e8e5b
}

body.no-scroll {
    overflow: hidden
}

h1 {
    font-size: 20px;
    font-weight: 700;
    line-height: 100%
}

@media (min-width: 768px) {
    h1 {
        font-size: 30px
    }
}

h2 {
    font-size: 30px
}

h2, h3 {
    font-weight: 700;
    line-height: 115%
}

h3 {
    font-size: 28px
}

h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 115%
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.o-header.fixed {
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(31, 18, 113, .08);
    position: fixed !important
}

@media (max-width: 1340px) {
    .o-header .js--menu {
        background: #fff;
        height: 100%;
        left: 0;
        max-width: 85%;
        position: fixed;
        overflow-y: auto;
        z-index: 100;
        top: 0;
        transform: translateX(-100%);
        transition: all .3s ease-in-out;
        width: 90%
    }

    .o-header .js--menu-backdrop {
        display: none
    }

    .o-header .js--menu.open {
        transform: translateX(0)
    }

    .o-header .js--menu-backdrop.open {
        display: block
    }
}

.o-header .o-header__menu-item {
    position: relative
}

@media (min-width: 991px) {
    .o-header .o-header__menu-item {
        /*margin-right: 56px*/
    }

    .o-header .o-header__menu-item:last-child {
        margin-right: 0
    }
}

@media (max-width: 991px) {
    .o-header .o-header__menu-item {
        /*margin-bottom: 56px;*/
        /*padding: 0 16px*/
    }

    .o-header .o-header__menu-item:last-child {
        margin-bottom: 0
    }

    /*.o-header .o-header__menu-item:after {*/
    /*    background-image: url(../svg/menu-arrow.4f42f976.svg);*/
    /*    background-position: 50%;*/
    /*    background-repeat: no-repeat;*/
    /*    background-size: contain;*/
    /*    content: "";*/
    /*    height: 24px;*/
    /*    position: absolute;*/
    /*    right: 16px;*/
    /*    top: 50%;*/
    /*    transform: translateY(-50%);*/
    /*    width: 24px*/
    /*}*/
}

.o-header .o-header__menu-item a {
    height: fit-content;
    color: #111421;
    border-radius: 29px;
    background: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5; /* 150% */
    display: flex;
    padding: 8px 12px;
    gap: 4px;
}

.o-header .o-header__menu-item a.active {
    color: #407aff
}

@media (min-width: 991px) {
    .o-header .o-header__menu-item a.active {
        border-color: #407aff !important
    }
}

*, :after, :before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

*, :after, :before {
    border: 0 solid;
    box-sizing: border-box
}

:after, :before {
    --tw-content: ""
}

:host, html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, pre, samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button, input, optgroup, select, textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button, select {
    text-transform: none
}

button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset, legend {
    padding: 0
}

menu, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder, textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button], button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle
}

img, video {
    height: auto;
    max-width: 100%
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.container {
    margin: 0 auto;
    max-width: 1264px;
    padding: 0 16px;
    width: 100%
}

.fixed {
    position: fixed !important
}

.absolute {
    position: absolute !important
}

.relative {
    position: relative !important
}

.left-0 {
    left: 0 !important
}

.top-0 {
    top: 0 !important
}

.z-50 {
    z-index: 50 !important
}

.mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

.mx-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
}

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

.my-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

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

.mb-12 {
    margin-bottom: 3rem !important
}

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

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

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

.mb-7 {
    margin-bottom: 1.75rem !important
}

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

.mb-\[72px\] {
    margin-bottom: 72px !important
}

.ml-auto {
    margin-left: auto !important
}

.mr-20 {
    margin-right: 5rem !important
}

.mr-4 {
    margin-right: 1rem !important
}

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

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

.mt-\[56px\] {
    margin-top: 56px !important
}

.block {
    display: block !important
}

.flex {
    display: flex !important
}

.grid {
    display: grid !important
}

.hidden {
    display: none !important
}

.h-\[56px\] {
    height: 56px !important
}

.h-\[60px\] {
    height: 60px !important
}

.h-\[64px\] {
    height: 64px !important
}

.h-\[70px\] {
    height: 70px !important
}

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

.w-\[2px\] {
    width: 2px !important
}

.w-\[64px\] {
    width: 64px !important
}

.w-auto {
    width: auto !important
}

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

.max-w-\[167px\] {
    max-width: 167px !important
}

.max-w-\[200px\] {
    max-width: 200px !important
}

.max-w-\[360px\] {
    max-width: 360px !important
}

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

.flex-grow {
    flex-grow: 1 !important
}

.grid-cols-1 {
    grid-template-columns:repeat(1, minmax(0, 1fr)) !important
}

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

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

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

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

.justify-between {
    justify-content: space-between !important
}

.gap-y-2 {
    row-gap: .5rem !important
}

.gap-y-8 {
    row-gap: 2rem !important
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(1rem * (1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(1rem * var(--tw-space-x-reverse)) !important
}

.rounded-16 {
    border-radius: 16px !important
}

.rounded-8 {
    border-radius: 8px !important
}

.rounded-full {
    border-radius: 9999px !important
}

.rounded-br-\[136px\] {
    border-bottom-right-radius: 136px !important
}

.rounded-br-\[80px\] {
    border-bottom-right-radius: 80px !important
}

.rounded-tl-\[136px\] {
    border-top-left-radius: 136px !important
}

.rounded-tl-\[80px\] {
    border-top-left-radius: 80px !important
}

.border-2 {
    border-width: 2px !important
}

.border-b {
    border-bottom-width: 1px !important
}

.border-b-4 {
    border-bottom-width: 4px !important
}

.border-grey-light {
    --tw-border-opacity: 1 !important;
    border-color: rgb(204 205 210/var(--tw-border-opacity, 1)) !important
}

.border-main-light {
    border-color: rgba(64, 122, 255, .2) !important
}

.border-transparent {
    border-color: transparent !important
}

.bg-black-light {
    background-color: rgb(45 82 167/var(--tw-bg-opacity, 1)) !important
}

.bg-black-light, .bg-main {
    --tw-bg-opacity: 1 !important
}

.bg-main {
    background-color: rgb(64 122 255/var(--tw-bg-opacity, 1)) !important
}

.bg-main-light {
    background-color: rgba(64, 122, 255, .2) !important
}

.bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important
}

.bg-white-transparent {
    background-color: hsla(0, 0%, 100%, .2) !important
}

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

.p-0 {
    padding: 0 !important
}

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

.p-6 {
    padding: 1.5rem !important
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
}

.py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

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

.py-3 {
    padding-bottom: .75rem !important;
    padding-top: .75rem !important
}

.py-6 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
}

.py-\[44px\] {
    padding-bottom: 44px !important;
    padding-top: 44px !important
}

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

.pb-6 {
    padding-bottom: 1.5rem !important
}

.pb-\[88px\] {
    padding-bottom: 88px !important
}

.pl-0 {
    padding-left: 0 !important
}

.pr-56 {
    padding-right: 56px !important
}

.pt-\[128px\] {
    padding-top: 128px !important
}

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

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

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

.text-22 {
    font-size: 22px !important
}

.text-30 {
    font-size: 30px !important
}

.font-bold {
    font-weight: 700 !important
}

.font-extrabold {
    font-weight: 800 !important
}

.font-medium {
    font-weight: 500 !important
}

.leading-117 {
    line-height: 117% !important
}

.leading-140 {
    line-height: 140% !important
}

.leading-150 {
    line-height: 150% !important
}

.text-black {
    color: rgb(17 20 33/var(--tw-text-opacity, 1)) !important
}

.text-black, .text-grey {
    --tw-text-opacity: 1 !important
}

.text-grey {
    color: rgb(136 137 143/var(--tw-text-opacity, 1)) !important
}

.text-main {
    color: rgb(64 122 255/var(--tw-text-opacity, 1)) !important
}

.text-main, .text-white {
    --tw-text-opacity: 1 !important
}

.text-white {
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.transition-all {
    transition-duration: .15s !important;
    transition-property: all !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.duration-300 {
    transition-duration: .3s !important
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

@media (min-width: 576px) {
    .sm\:h-\[60px\] {
        height: 60px !important
    }

    .sm\:grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important
    }

    .sm\:gap-x-4 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .sm\:gap-y-2 {
        row-gap: .5rem !important
    }
}

@media (min-width: 768px) {
    .md\:mb-0 {
        margin-bottom: 0 !important
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem !important
    }

    .md\:mb-12 {
        margin-bottom: 3rem !important
    }

    .md\:ml-auto {
        margin-left: auto !important
    }

    .md\:mt-10 {
        margin-top: 2.5rem !important
    }

    .md\:flex {
        display: flex !important
    }

    .md\:h-\[80px\] {
        height: 80px !important
    }

    .md\:w-auto {
        width: auto !important
    }

    .md\:max-w-\[432px\] {
        max-width: 432px !important
    }

    .md\:grid-cols-3 {
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important
    }

    .md\:flex-row {
        flex-direction: row !important
    }

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

    .md\:items-stretch {
        align-items: stretch !important
    }

    .md\:gap-x-8 {
        -moz-column-gap: 2rem !important;
        column-gap: 2rem !important
    }

    .md\:rounded-br-\[136px\] {
        border-bottom-right-radius: 136px !important
    }

    .md\:rounded-tl-\[136px\] {
        border-top-left-radius: 136px !important
    }

    .md\:border-none {
        border-color: none !important;
        border-style: none !important
    }

    .md\:bg-white {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important
    }

    .md\:p-6 {
        padding: 1.5rem !important
    }

    .md\:px-\[116px\] {
        padding-left: 116px !important;
        padding-right: 116px !important
    }

    /*.md\:py-20 {*/
    /*    padding-bottom: 5rem !important;*/
    /*    padding-top: 5rem !important*/
    /*}*/

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

    .md\:pb-\[120px\] {
        padding-bottom: 120px !important
    }

    .md\:pl-10 {
        padding-left: 2.5rem !important
    }

    .md\:pr-10 {
        padding-right: 2.5rem !important
    }

    .md\:text-left {
        text-align: left !important
    }

    .md\:text-center {
        text-align: center !important
    }

    .md\:text-30 {
        font-size: 30px !important
    }
}

@media (min-width: 992px) {
    .lg\:my-48 {
        margin-bottom: 48px !important;
        margin-top: 48px !important
    }

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

    .lg\:mt-0 {
        margin-top: 0 !important
    }

    .lg\:block {
        display: block !important
    }

    .lg\:hidden {
        display: none !important
    }

    .lg\:w-1\/2 {
        width: 50% !important
    }

    .lg\:w-1\/3 {
        width: 33.333333% !important
    }

    .lg\:w-2\/3 {
        width: 66.666667% !important
    }

    .lg\:max-w-\[210px\] {
        max-width: 210px !important
    }

    .lg\:grid-cols-4 {
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important
    }

    .lg\:flex-row {
        flex-direction: row !important
    }

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

    .lg\:gap-x-4 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .lg\:rounded-br-\[136px\] {
        border-bottom-right-radius: 136px !important
    }

    .lg\:rounded-tl-\[136px\] {
        border-top-left-radius: 136px !important
    }

    .lg\:border-none {
        border-color: none !important;
        border-style: none !important
    }

    .lg\:bg-white {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important
    }

    .lg\:py-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .lg\:py-8 {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .lg\:pb-20 {
        padding-bottom: 5rem !important
    }

    .lg\:pb-6 {
        padding-bottom: 1.5rem !important
    }

    .lg\:pl-20 {
        padding-left: 5rem !important
    }

    .lg\:pt-\[180px\] {
        padding-top: 180px !important
    }

    .lg\:text-left {
        text-align: left !important
    }
}

@media (min-width: 1024px) {
    .xl-sm\:h-\[96px\] {
        height: 96px !important
    }

    .xl-sm\:w-\[90\%\] {
        width: 90% !important
    }

    .xl-sm\:rounded-br-\[136px\] {
        border-bottom-right-radius: 136px !important
    }

    .xl-sm\:rounded-tl-\[136px\] {
        border-top-left-radius: 136px !important
    }

    .xl-sm\:p-\[56px\] {
        padding: 56px !important
    }

    .xl-sm\:p-\[64px\] {
        padding: 64px !important
    }

    .xl-sm\:pr-\[56px\] {
        padding-right: 56px !important
    }

    .xl-sm\:pr-\[64px\] {
        padding-right: 64px !important
    }
}

@media (min-width: 1140px) {
    .xl-md\:w-1\/2 {
        width: 50% !important
    }
}

@media (min-width: 1280px) {
    .xl\:block {
        display: block !important
    }

    .xl\:h-\[120px\] {
        height: 120px !important
    }
}

@media (min-width: 1440px) {
    .laptop\:h-\[120px\] {
        height: 120px !important
    }
}

@media (min-width: 1600px) {
    .large\:h-\[136px\] {
        height: 136px !important
    }
}


.btn_menu_mobile{
    border-radius: 12px;
    background: #2977EF;
    display: flex;
    width: 36px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;

}


.icon_menu_mobile{
    width: 21px;
    height: 14px;
}


.container_menu_mobile{
    border-radius: 0px 28px 28px 0px;
    background: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 13px;

}

.o-header .js--menu {
    max-width: 600px;
}


.link_for_contact_form{
    display: flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    border-radius: 45px;
    background: #2977EF;
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.list_navigation_mobile_header{
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.container_logo_links_mobile_menu{
    display: flex;
    flex-direction: column;
    gap: 40px;
}


.container_header{
    width: 100%;
    display: flex;
    height: 66px;
    padding: 8px 20px;
    justify-content: space-between;
    align-items: center;

}


.page-template-default header {
    padding: 0!important;
}


.backdrop_menu_mobile{
    position: absolute;
    width: 100%;
    height: 100vh;
    visibility: hidden;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.25);
    transition: all ease-in-out 300ms;

}


.backdrop_menu_mobile.open {
    position: fixed;
    opacity: 1;
    width: 100%;
    z-index: 1;
    visibility: visible;
}

.btn_mobile_menu_close {
    display: flex;
    width: 22px;
    height: 22px;
    padding: 3.143px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.icon_close_mobile_menu{
    width: 15.714px;
    height: 15.714px;

}

.icon_logo_header{
    display: block;
    width: 183px;
    height: 34.857px;
}


.wp-site-blocks header {
    position: fixed !important;
}

header{
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(31, 18, 113, 0.08);
}

@media screen and (min-width: 768px) {
    .container_header {
        margin: 0 auto;
        width: 744px;
        height: 88px;

        padding: 0 20px;
        justify-content: space-between;
        align-items: center;
    }

    .icon_logo_header{
        width: 210px;
        height: 40px;

    }

}



@media screen and (min-width: 1340px) {
    .container_logo_links_mobile_menu{
        display: flex;
        flex-direction: row;
    }

    .btn_menu_mobile{
        display: none;
    }


    header{
        background: #FFF;
        box-shadow: 0px 4px 12px 0px rgba(31, 18, 113, 0.08);
    }

    .container_header{
        width: 100%;
        max-width: 1320px;

    }

    .list_navigation_mobile_header{
        flex-direction: row;
    }

    .o-header .js--menu {
        max-width: none;
    }

    .box_logo_icon_close{
        display: none !important;
    }

    .container_menu_mobile{
        flex-direction: row;
    }
    .link_for_contact_form{
        white-space: nowrap;
    }

    .o-header .o-header__menu-item a {
        padding: 2px 5.5px;
    }


    .list_navigation_mobile_header{
        padding-top: 30px;
        align-items: center;
        gap: 15px;
        align-self: stretch;
    }

    .container_menu_mobile{
        padding: 0;
        gap: 43.5px;
        align-items: center;
    }


    .o-header .o-header__menu-item a{
        height: 58px;
        display: flex ;
        justify-content: space-between;
        flex-direction: column;
    }




    .nav_link_header::after{
        content: '';
        width: 0;
        height: 3px;
        display: block;
        background: #2977EF;
        transition: all ease-in-out 300ms;
    }

    .nav_link_header:hover::after {
        width: 100%;
    }
}

.s-gallery-content-circle-1 {
    display: none !important;
}

/** =================== FOOTER =================== **/
.footer_update {
    padding: 10px;
}

.container_footer{
    display: flex;
    padding: 30px 20px 18px 20px;
    flex-direction: column;
    align-items: center;
    gap: 20px;

    border-radius: 30px;
    background: #E7EEF5;
}


.icon_logo_footer{
    width: 265.335px;
    height: 50.54px;
    flex-shrink: 0;
}

.container_icon_number_footer{
    display: flex;
    align-items: center;
    gap: 16px;
}

.box_day_and_night{
    display: flex;
    width: 56px;
    height: 56px;

    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #2D52A7;
}

.day_and_night_text{
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    /*line-height: 1.64; !* 164.063% *!*/
}


.box_number_footer{
    display: flex;
    flex-direction: column;

}

.link_phone_footer{
    color: #2D52A7;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.8; /* 183.333% */
}

.box_bottom_content_footer{
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
}

.decoration_line_footer{
    height: 1px;
    width: 100%;
    opacity: 0.2;
    background: #2D52A7;
}

.text_bottom_content_footer{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #2D52A7;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.bold_text_bottom_content_footer{
    font-weight: 600;
}

.box_social_icon_footer{
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: center;

}

@media screen and (min-width: 768px) {
    .footer_update {
        padding: 40px 20px;
    }

    .container_footer{
        padding: 60px 60px 18px 60px;
        gap: 38px;
        border-radius: 40px;
    }


    .icon_logo_footer{
        width: 399px;
        height: 76px;
    }

    .box_day_and_night{
        width: 64px;
        height: 64px;
    }

    .day_and_night_text{
        font-size: 20px;
    }

    .link_phone_footer{
        font-size: 22px;
    }

    .text_bottom_content_footer{
        flex-direction: row;
        gap: 5px;
    }

    .footer_update {
        padding: 0;
        width: 744px;
        margin: 40px auto;
    }

}


@media screen and (min-width: 1340px) {
    .footer_update {
        padding: 0;
        width: 1320px;
        margin: 60px auto;
    }
}

/** =================== /FOOTER =================== **/

/** =================== main =================== **/

main {
    padding-top: 86px;
    padding-left: 10px;
    padding-right: 10px;

}


.container_width {
    width: 100%;
}


.js--gallery-slider{
    overflow-x: hidden;
}

@media screen and (min-width: 768px) {
    main {
        padding-top: 128px;
        padding-right: 0;
        padding-left: 0;
        /*width: 744px;*/
        margin-left: auto;
        margin-right: auto;
    }
    .container_width {
        width: 744px;
        margin-left: auto;
        margin-right: auto;
    }

}

@media screen and (min-width: 1340px) {
    main {
        padding-top: 148px;
        /*width: 1320px;*/
    }

    .container_width {
        width: 1320px;
        margin-left: auto;
        margin-right: auto;
    }

}

/** =================== /main =================== **/

/** =================== SECTION_CHOOSE =================== **/

.section_choose{
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.section_choose_title{
    color:  #111421;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}




.section_choose_list{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 12px;
}


.box_icon_choose_item_link{
    display: flex;
    width: 48px;
    height: 48px;
    padding: 10px 9.667px 10px 10.333px;
    justify-content: center;
    align-items: center;
    border-radius: 28px;
    background: #F6FAFF;

}


.section_choose_item_link{
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 26px;
    background: #FFF;
    height: 100%;
    border: 2px solid #fff;
    transition: all ease-in-out 300ms;
}


.section_choose_item_title{
    color: #111421;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
}

.section_choose_item_text{
    color: #535863;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;

}

.section_choose_link{
    display: flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 45px;
    background:  #2977EF;
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: all ease-in-out 300ms;
}


.section_choose_item_link:hover{
    border-color: #2977EF;
}

.section_choose_link:hover {
    background: #111421;
}



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


    .section_choose_title {
        font-size: 32px;

    }

    .section_choose_list {
        grid-template-columns: repeat(auto-fill, minmax(337px, 1fr));
        gap: 30px;
    }

}


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

    .section_choose {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .section_choose_title {
        font-size: 32px;

    }

    .section_choose_list {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px;
    }

    .section_choose_link{
        width: fit-content;
        margin: 0 auto;
    }

}

/** =================== /SECTION_CHOOSE =================== **/

/** =================== SECTION_HOW_WORK =================== **/

.section_how_work{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.box_title_text_how_work{
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.link_section_how_work.desktop {
    display: none;
}


.title_section_how_work{
    color: #111421;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.text_section_how_work{
    color: #111421;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.26;
    /* 126.667% */
}


.section_how_work_list{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.section_how_work_item_link{
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 26px;
    background: #FFF;
    border: 2px solid #fff;
    transition: all ease-in-out 300ms;
}

.section_how_work_item_text_number{
    width: 34px;
    height: 58px;
    color: #2977EF;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.decoration_section_how_work{
    background: #E2E8ED;
    height: 1px;
    width: 100%;
}

.box_content_section_how_work{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.section_how_work_item_title{
    color: #111421;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.58;
    /* 158.364% */
    letter-spacing: -1px;
}


.section_how_work_item_text{
    color: #111421;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.18;
    /* 118.75% */
}

.link_section_how_work{
    display: flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 45px;
    border: 2px solid #111421;
    background:  #FFF;
    color: #111421;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: all ease-in-out 300ms;
}

.link_section_how_work:hover{
    border-color: #2977EF;
    color: #2977EF;
}


.section_how_work_item_link:hover{
    border-color: #2977EF;
}


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

    .title_section_how_work {
        font-size: 32px;
    }

    .section_how_work_item_link {
        flex-direction: row;
        padding: 14px 40px;
        align-items: center;
        gap: 24px;
        transition: all ease-in-out 300ms;
    }

    .section_how_work_item_text_number {
        min-width: 34px;
        max-width: 34px;
        height: 58px;
        color: #111421;
    }

    .decoration_section_how_work {
        background: #E2E8ED;
        height: 120px;
        min-width: 1px;
        max-width: 1px;
        display: block;
    }

    .box_content_section_how_work {
        align-items: flex-start;
    }

    .section_how_work_item_title {
        color: #2977EF;

    }


    .section_how_work_item_text {
        text-align: left;
    }

}


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

    .section_how_work{
        flex-direction: row;
        justify-content: space-between;
    }

    .link_section_how_work.mobile {
        display: none;
    }
    .link_section_how_work.desktop {
        display: block;
        width: fit-content;
    }


    .text_section_how_work {
        text-align: left;
    }

    .box_title_text_how_work {
        width: 437px;
        align-items: flex-start;
        position: sticky;
        top: 100px;
         height: 100%;
    }


    .section_how_work_list{
        width: 798px;
    }


    .title_section_how_work {
        font-size: 32px;
    }

    .section_how_work_item_link {
        flex-direction: row;
        padding: 14px 40px;
        align-items: center;
        gap: 24px;
        transition: all ease-in-out 300ms;
    }

    .section_how_work_item_text_number {
        min-width: 34px;
        max-width: 34px;
        height: 58px;
        color: #111421;
    }

    .decoration_section_how_work {
        background: #E2E8ED;
        height: 120px;
        min-width: 1px;
        max-width: 1px;
        display: block;
    }

    .box_content_section_how_work {
        align-items: flex-start;
    }

    .section_how_work_item_title {
        color: #2977EF;

    }


    .section_how_work_item_text {
        text-align: left;
    }

}

/** =================== /SECTION_HOW_WORK =================== **/



/** =================== SECTION_SERVICE =================== **/

.section_service{
    margin-bottom: 40px;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.box_title_text_service{
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}


.title_section_service{
    color: #111421;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.text_section_service{
    color: #111421;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.26;
    /* 126.667% */
}


.section_service_list{
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.section_service_item_link{
    display: flex;
    padding: 14px;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    align-self: stretch;
    border-radius: 30px;
    background: #FFF;
    border: 2px solid #fff;
    transition: all ease-in-out 300ms;
}

.section_service_item_photo{
    object-fit: cover;
    border-radius: 20px;
}

.box_content_section_service{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}



.section_service_item_title{
    color: #1A1A1A;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1px;
}


.section_service_item_text{
    color: #535863;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.18;
    /* 118.75% */
}


.link_section_service{
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 45px;
    background: #2977EF;
    transition: all ease-in-out 300ms;
}

.link_section_service:hover{
    background: #111421;
}


.section_service_item_link:hover{
    border-color:  #2977EF;
}




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

    .title_section_service {
        font-size: 32px;
    }

    .text_section_service {
        width: 500px;
    }


    .section_service_item_link {
        padding: 26px;
        border-radius: 44px;
    }

    .section_service_item_photo {
        border-radius: 30px;
    }


}
@media screen and  (min-width: 1340px) {

    .section_service{
        margin-bottom: 70px;
    }

    .section_service_list{
        gap: 20px;
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .section_service_item_link{
        height: 100%;
    }

    .link_section_service{
        width: fit-content;
        margin: 0 auto;
    }

    .section_service_item_photo {
        height: 447px;
    }


}

/** =================== /SECTION_SERVICE =================== **/


/** =================== SECTION_CONTACT_INFO =================== **/

.section_contact_info{
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    align-self: stretch;
    border-radius: 32px;
    background: #FFF;
}


.box_top_contact_info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}


.title_section_contact_info{
    color: #111421;
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.text_section_contact_info{
    color:  #535863;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.18;
    /* 118.75% */
}


.box_bottom_contact_info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}


.box_content_contact_info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}


.text_contact_info_upper_title{
    color: #2977EF;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    opacity: 0.6;
}


.title_contact_info{
    color: #2D52A7;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media screen and (min-width: 380px) {
    .title_contact_info{
        font-size: 20px;
    }
}

@media screen and (min-width: 600px) {
    .title_contact_info{
        font-size: 24px;
    }

}

.box_social_contact_info{
    display: flex;
    align-items: center;
    gap: 16px;
}

.social_contact_info{
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.link_viber{
    background-color: #6C4ECF;
}
.link_whatsapp{
    background-color: #0E8E5B;
}
.link_telegram{
    background-color: #1C7FDB;
}

.container_contact_info_form{
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media screen and (min-width: 768px) {
    .section_contact_info {
        padding: 40px;
        width: 100%;

    }


    .title_section_contact_info {
        font-size: 32px;
    }


}


@media screen and (min-width: 1340px)  {
    .container_contact_info_form{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    .section_contact_info {
        height: 100%;
        justify-content: space-between;
    }

}

.link_for_contact_form{
    transition: all ease-in-out 300ms;
}

.link_for_contact_form:hover {
    background-color: #111421;
}

html {
    scroll-behavior: smooth;
}


/** =================== /SECTION_CONTACT_INFO =================== **/


/** =================== CONTACT_FORM_7 =================== **/

.wpcf7.js {
    width: 100%;
}

.wpcf7-form  {
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    display: flex;
    padding: 20px;
    flex-direction: column;
    gap: 16px;
    border-radius: 32px;
    background: #FFF;
}

.text_top_form_7 {
    color: #535863;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 8px;
}

.label_form_7{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    align-self: stretch;
    color: #535863;

}

.text_label {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-left: 17px;
}

.wpcf7-form-control-wrap {
    width: 100%;
}

.input_form_7{
    width: 100%;
    border-radius: 30px;
    background: #F5F8FC;
    display: flex !important;
    padding: 13px 18px !important;
    align-items: center !important;
    gap: 8px !important;
    align-self: stretch !important;

    overflow: hidden;
    color: #535863;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: all ease-in-out 300ms;
    outline-color: #2977EF;
}


.text_area_form_7{
    width: 100%;
    display: flex;
    height: 175px;
    padding: 16px 18px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 20px;
    background: #F5F8FC;
    overflow: hidden;
    color: #535863;
    text-overflow: ellipsis;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    resize: none;
    outline-color: #2977EF;
    transition: all ease-in-out 300ms;
}

.text_area_form_7:focus, .text_area_form_7:focus-visible {
    outline-color: #2977EF;
    border-color: #2977EF;
}

.input_form_7::placeholder {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: all ease-in-out 300ms;
}

.input_form_7:focus {
    outline-color: #2977EF;
}

.btn_submit_form_7{
    width: 100%;
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 45px;
    background:  #2977EF;
    transition: all ease-in-out 300ms;
}

.btn_submit_form_7:hover{
    cursor: pointer;
    background-color: #111421;
}

.wpcf7-spinner{
    display: none;
}


.wpcf7-not-valid-tip{
    
    padding-left: 17px;
}


@media screen and (min-width: 768px) {
    .wpcf7.js {
        width: 100%;
    }

    .wpcf7-form  {
        padding: 26px;
    }

    .text_top_form_7 {
        font-size: 22px;
        margin-bottom: 14px;
    }

}

/** =================== /CONTACT_FORM_7 =================== **/


.container_reviews{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.box_top_review{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title_reviews {
    color: #161C24;
    font-family: Montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.btn_review{
    display: flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    border-radius: 45px;
    border: 2px solid #111421;
    background:  #FFF;
    color: #111421;
    text-align: center;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: all ease-in-out 300ms;
}

.btn_review:hover{
    border: 2px solid #2977EF;
    color: #2977EF;
}

.btn_review:active {
    border: 2px solid #2977EF;
    outline: none;
}

.btn_review:visited {
    border: 2px solid #111421;
}

.btn_review_desktop{
    display: none;
}

.glsr-reviews{
    display: flex !important;
    align-items: flex-start;
    overflow-x: auto;
    padding-bottom: 10px;
    max-height: 350px;
    gap: 20px ;
}



.glsr-reviews::-webkit-scrollbar {
    height: 8px; /* Висота горизонтального скролбару */
}

.glsr-reviews::-webkit-scrollbar-track {
    background: #f1f1f1; /* Колір фону */
    border-radius: 4px;
}

.glsr-reviews::-webkit-scrollbar-thumb {
    background: #888; /* Колір самого повзунка */
    border-radius: 4px;
}

.glsr-reviews::-webkit-scrollbar-thumb:hover {
    background: #555; /* Колір повзунка при наведенні */
}


.glsr-review{
    position: relative;
    display: flex;
    min-width: 265px;
    max-width: 265px;
    padding: 14px;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
    border-radius: 24px;
    background: #FFF;
}


.container_reviews{
    overflow-x: hidden;
}


.glsr-review::after {
    position: absolute;
    content: '';
    right: 14px;
    top: 14px;
    width: 26px;
    height: 20px;
    background-image: url("../svg/icon_decoration_review.svg");

}

.glsr-stars{
    display: flex;
    gap: 2.946px;
    align-items: center;
}

.glsr-star-empty{
    background-image: url("../svg/icon_star_review_empty.svg") !important;
}

.glsr-star-full{
    background-image: url("../svg/icon_star_review_full.svg") !important;
}

.glsr-review-author span{
    color: #161C24;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.glsr-review-rating{
    order: 1;
}

.glsr-review-author {
    order: 2;
}
.glsr-review-date{
    order: 3;
}

.glsr-review-content{
    order: 4;
}

.glsr-review-date span{
    color:  #535863;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.glsr-review-content span {
    color: #111421;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.btn_review_mobile {
    margin-right: 0 !important;
    margin-top: -68px;
}

@media screen and (min-width: 768px) {
    .btn_review_desktop{
        display: block;
    }

    .btn_review_mobile{
        display: none;
    }

}


.container_form_review{
    width: 95%;
    padding: 20px;
    position: fixed;
    bottom: -100%;
    left: 50%;
    transform: translate(-50%, 50%);
    display: flex;
    max-width: 440px;
    flex-direction: column;
    align-items: flex-start;
    gap: 49px;
    z-index: 2000;
    border-radius: 36px;
    background: #F1F1F1;
    pointer-events: none;
    transition: all ease-in-out 300ms;
}

.container_form_review.open {
    pointer-events: all;
    bottom: 50%;
}


.backdrop{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(0,0,0, 0.5);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all ease-in-out 300ms;
}


.backdrop.open{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    z-index: 1800;
}

.box_top_form_title {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.title_form_review {
    color: #181818;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.33; /* 133.333% */
}


.btn_close_form{
    box-sizing: border-box;
    border-radius: 15px;
    background: #FFF;
    display: flex;
    padding: 6px;
    align-items: center;
    gap: 10px;
    border: 2px solid #fff;
    transition: all ease-in-out 300ms;
}

.btn_close_form:hover{
    border-color: #2977EF;
}


.form_review{
    display: flex !important;
    flex-direction: column;
    width: 100%;
}

#glsr_96444151 {
    width: 100%;
}

.glsr-field-rating{
    order: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.glsr-field-textarea{
    order: 4;
}

.glsr-field-text[data-field="name"]{
    order: 2;
}

.glsr-field-choice{
    order: 5;
}

.form_review  [data-field="submit-button"]{
    order: 6;
}

.form_review [data-field="title"]{
    order: 3;
}

.glsr-form-message{
    order: 7;
}


.glsr-star-rating--stars{
    display: flex;
    align-items: center;
    gap: 6px;
    align-self: stretch;
}

.glsr-star-rating--stars span {
    width: 40px !important;
    height: 40px !important;
    background-size: 40px 40px !important;
    background-image: url("../svg/icon_star_review_empty.svg") !important;
}

.glsr-star-rating--stars .gl-active {
    width: 40px !important;
    height: 40px !important;
    background-size: 40px 40px !important;
    background-image: url("../svg/icon_star_review_full.svg") !important;
}

.glsr-label span {
    color: #535863;
    padding-left: 17px;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.glsr-label[for="glsr_96444151-rating"] {
    color: #161C24;
    text-align: center;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-left: 0 !important;
}

.glsr-default form.glsr-form input.glsr-input:not(.wp-block-search__input){
    border-radius: 30px;
    background: #FFF;
    display: flex !important;
    padding: 13px 18px !important;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border: none;
}

.glsr-input-text {
    overflow: hidden;
    color: #535863;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.glsr-field-error{
    margin-top: 10px;
    padding-left: 17px;
}

.container_form_review  .glsr-default .form_review .glsr-textarea {
    border-radius: 20px;
    background: #FFF;
    display: flex !important;
    padding: 16px 18px !important;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
    resize: none;
    border: none;
}


.glsr-default form.glsr-form .glsr-field-toggle {
    display: none !important;
}

[for="glsr_96444151-terms-1"] {
    color: #535863;
    padding-left: 17px;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.glsr-default button.glsr-button:not(.wp-block-search__button) {
    border-radius: 45px;
    background: #2977EF;
    display: flex;
    width: 100%;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;

    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: all ease-in-out 300ms;
}

.glsr-default button.glsr-button:not(.wp-block-search__button):hover {
    background: #111421;
}

#glsr_07b25a31 {
    width: 100%;
}


.glsr-review-name{
    display: flex;
    align-items: center;
    gap: 5px;
}

.glsr-review-name{
    overflow-x: auto;
}

.glsr-review-name::-webkit-scrollbar {
    display: none;
}

.glsr-review-name .glsr-review-title, .glsr-review-name .glsr-review-title span{
    display: block;
    width: fit-content !important;
}


.glsr-review-name .glsr-review-title .glsr-tag-value,.glsr-review-name .glsr-review-author .glsr-tag-value  {
    color: #161C24;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.nav-links{
    display: flex;
    justify-content: flex-start;
    gap: 15px;
}

.nav-links * {
    min-width: 46px;
    min-height: 46px;
    border-radius: 44px;
    background: #FFF;
    display: flex;
    padding: 9px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: #111421;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all ease-in-out 300ms;
    border: 1px solid #fff;
}

.nav-links *:hover {
    color: #2977EF;
    border-color: #2977EF;
}

@media screen and (min-width: 768px){
    .nav-links{
        justify-content: center;
    }
}


.glsr-default .glsr-review p {
    height: 170px;
    overflow-y: auto;
}

.glsr-default .glsr-review p::-webkit-scrollbar {
    width: 8px !important;
}

.link_public_page{
    transition: all ease-in-out 300ms;
}

.link_public_page:hover {
    /*font-weight: 600;*/
    text-decoration: underline;
    color: #203b79;
}

.title_hero_section{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    color: #111421;
    font-family: Montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    align-self: stretch;
}


.title_hero_section{
    gap: 30px;
    font-size: 40px;

}

/*# sourceMappingURL=style-app.css.map*/