html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    font-family: "Noto Sans Bengali", "Albert Sans", sans-serif
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

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

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

@font-face {
    font-family: swiper-icons;
    src: url("2f0309d7fe92d81bb9d17d8382747c5001ce3520") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-notification {
    display: none !important
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.swiper:not(.swiper-initialized) .swiper-slide {
    width: auto;
    margin-right: 1rem
}

.clearfix::after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.hidden {
    display: none !important
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) {
    .hidden-lg {
        display: none !important
    }
}

html {
    -webkit-text-size-adjust: 100%
}

form {
    display: block;
    margin-top: 0
}

h1 {
    font-size: 28px;
    font-weight: 400
}

input::placeholder {
    color: #ccc
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
input:first-child,
p:first-child,
textarea:first-child {
    margin-top: 0
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
input:last-child,
p:last-child,
textarea:last-child {
    margin-bottom: 0
}

.disable-google .btn.google,
.disable-google .button.google,
.disable-google .google-sign-in-button,
.disable-google .google-wrapper,
.disable-google button.google {
    display: none !important
}

.google-sign-in-button {
    height: 40px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

.spinner {
    position: relative;
    display: none;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.spinner span {
    display: block;
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    background-color: #fff;
    animation-name: spinner;
    animation-duration: 1.8s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}

.spinner span:not(:last-child) {
    margin-right: .5rem
}

.spinner span:nth-child(1) {
    animation-delay: -.6s
}

.spinner span:nth-child(3) {
    animation-delay: .6s
}

@keyframes spinner {
    0%,
    100%,
    80% {
        opacity: 1;
        transform: scale(1)
    }
    40% {
        opacity: 0;
        transform: scale(0)
    }
}

.call-to-action {
    position: relative
}

.call-to-action:disabled>.spinner {
    position: absolute;
    display: flex;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.call-to-action:disabled>.spinner+span {
    visibility: hidden
}

@keyframes showMessage {
    0% {
        max-height: 0;
        opacity: 0
    }
    100% {
        max-height: 100px;
        opacity: 1
    }
}

.icon {
    display: inline-block
}

.input-container {
    position: relative
}

a,
span.pseudo-link {
    cursor: pointer;
    color: #0dacd7
}

a:hover,
span.pseudo-link:hover {
    color: #d5232f
}

span.pseudo-link:hover {
    border-bottom: 1px dotted #d5232f
}

.action {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: .972em 2.285714em;
    border: 0;
    border-radius: 4px;
    overflow: visible;
    font: 700 14px "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: top;
    -webkit-tap-highlight-color: transparent;
    box-shadow: rgba(0, 0, 0, .117647) 0 1px 6px, rgba(0, 0, 0, .117647) 0 1px 4px;
    cursor: pointer;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    text-align: center
}

.action.large {
    font-size: 18px
}

.action.call-to-action {
    color: #fff;
    background: #d5232f
}

.action.call-to-action:hover {
    color: #fff;
    background-color: #ea4550
}

.action.call-to-action:active {
    color: #fff;
    background: #d5232f
}

.action.call-to-action[disabled] {
    box-shadow: none;
    cursor: default;
    color: rgba(0, 0, 0, .3);
    background: #e5e5e5
}

.action.medium {
    font-size: 14px
}

.action.default {
    color: #fff;
    background: rgba(0, 0, 0, .5);
    transition: background-color .25s;
    border: 0
}

.action.default:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, .8)
}

.action.default:active {
    color: #fff;
    background: #000
}

.action.default[disabled] {
    box-shadow: none;
    cursor: default;
    color: rgba(0, 0, 0, .3);
    background: #e5e5e5
}

.action .icon {
    position: relative
}

.action .icon svg {
    position: relative;
    display: inline-block;
    margin-right: .5em;
    height: 1em;
    bottom: -.125em;
    fill: #fff
}

.action.facebook {
    color: #fff !important;
    background: #3b5998
}

.action.facebook.disabled,
.action.facebook[disabled] {
    color: rgba(0, 0, 0, .3) !important;
    background: #e5e5e5
}

#application-placeholder,
body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

html {
    height: -webkit-fill-available
}

#application-placeholder {
    font-family: 'Open Sans', Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: #222;
    min-width: 320px
}

.application-container {
    position: relative;
    height: 100%
}

.application-container #content-fixator-wrapper {
    height: 100%
}

.application-container #content-fixator-wrapper #content-fixator {
    min-width: 100%;
    left: 0;
    top: 0;
    height: 100%
}

.page-container {
    max-width: 1920px;
    margin: 0 auto;
    display: block;
    box-shadow: 0 9px 0 0 #fff, 0 -9px 0 0 #fff, 15px 0 40px 0 rgba(170, 170, 170, .5), -15px 0 40px 0 rgba(170, 170, 170, .5);
    min-height: 100%;
    box-sizing: border-box
}

.limiting-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0 7px;
    max-width: 1336px;
    box-sizing: border-box
}

co-cmab-arm,
co-cmab-controller,
co-cmab-creative,
co-cmab-policy {
    display: none
}

.form h2,
.form h3,
.form input[type=radio] {
    margin-top: 0
}

.form input[type=checkbox],
.form input[type=radio] {
    margin-right: 0;
    padding: 0;
    cursor: pointer;
    vertical-align: middle
}

.form .checkbox-wrapper {
    font-size: 12px;
    text-align: left
}

.form .checkbox-wrapper input[type=checkbox] {
    position: relative;
    top: 2px;
    width: 14px;
    height: 14px;
    margin: 0;
    vertical-align: top
}

@media (max-width:480px) {
    .form .checkbox-wrapper input[type=checkbox] {
        position: relative;
        left: 0;
        top: 1px;
        width: 16px;
        height: 16px
    }
}

.form .checkbox-wrapper input[type=checkbox].invalid+span,
.form .checkbox-wrapper input[type=checkbox].invalid+span a {
    color: red
}

.form .checkbox-wrapper span {
    cursor: default;
    color: #717171
}

@media (max-width:480px) {
    .form .checkbox-wrapper span {
        padding-left: 20px;
        vertical-align: top
    }
}

.form input[type=checkbox]+label,
.form input[type=checkbox]+span,
.form input[type=radio]+label,
.form input[type=radio]+span {
    display: inline-block;
    padding-left: 8px;
    vertical-align: middle;
    cursor: pointer
}

.form .data {
    width: 100%;
    padding: .785714em .6em;
    font-size: 1em;
    font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    margin: 0;
    box-sizing: border-box;
    border: 1px #eee solid;
    border-radius: 3px
}

.form input[type=date],
.form input[type=email],
.form input[type=password],
.form input[type=tel],
.form input[type=text],
.form select,
.form textarea {
    font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    font-size: 16px;
    padding: 8px 10px;
    box-sizing: border-box;
    width: 100%;
    border-radius: 4px;
    outline: 0;
    background-color: #fff;
    border: 1px solid #eee
}

.form input[type=date].invalid,
.form input[type=email].invalid,
.form input[type=password].invalid,
.form input[type=tel].invalid,
.form input[type=text].invalid,
.form select.invalid,
.form textarea.invalid {
    border-color: red;
    z-index: 3;
    outline: 0;
    box-shadow: none;
    transition: border-color .25s
}

.form .data.disabled,
.form .data[disabled] {
    background-color: #ebebe4
}

.form .error-notification {
    font-size: 12px;
    padding: 0;
    box-sizing: border-box;
    color: red;
    max-height: 0;
    opacity: 0;
    text-align: center;
    overflow: hidden;
    -webkit-animation-name: showMessage;
    animation-name: showMessage;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: block
}

.form .field {
    margin: 0
}

.dropdown-container,
.popup-container {
    position: relative
}

.dropdown-container .dropdown,
.dropdown-container .popup,
.popup-container .dropdown,
.popup-container .popup {
    position: absolute;
    right: 0;
    z-index: 3;
    opacity: 0;
    border-radius: 10px;
    padding: 0;
    background: #fff
}

@media (max-width:768px) {
    .dropdown-container .dropdown,
    .dropdown-container .popup,
    .popup-container .dropdown,
    .popup-container .popup {
        border-radius: 10px
    }
}

.dropdown-container .dropdown.top,
.dropdown-container .popup.top,
.popup-container .dropdown.top,
.popup-container .popup.top {
    top: -9999px;
    margin-top: 0;
    box-shadow: 0 10px 50px rgba(0, 0, 0, .3)
}

.dropdown-container.opened .dropdown,
.dropdown-container.opened .popup,
.popup-container.opened .dropdown,
.popup-container.opened .popup {
    opacity: 1
}

.dropdown-container.opened .dropdown.top,
.dropdown-container.opened .popup.top,
.popup-container.opened .dropdown.top,
.popup-container.opened .popup.top {
    top: 100%;
    margin: 6px 0 10px
}

.dropdown-container.opened .trigger,
.popup-container.opened .trigger {
    opacity: .8
}

.tip-container .tip {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    z-index: 3;
    padding: 12px;
    opacity: 0;
    border-radius: 4px;
    background: #2d2d2d;
    color: #fff;
    display: none;
    margin-bottom: 0;
    text-align: center;
    transition: opacity .25s, bottom 0s linear .25s, margin-bottom .25s
}

.tip-container .tip::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    content: '';
    bottom: -6px;
    border-top: 6px solid #2d2d2d;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-right: -5px;
    right: 20px
}

.tip-container .tip .message {
    font-size: 16px;
    line-height: 17px
}

.tip-container .tip-trigger {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 20px;
    height: 20px;
    opacity: 1;
    transition: opacity .25s;
    z-index: 4
}

.tip-container .tip-trigger:hover {
    cursor: pointer
}

.tip-container .tip-trigger .info {
    display: block;
    width: 20px;
    height: 20px;
    opacity: .3
}

.tip-container.opened .tip {
    display: block;
    opacity: 1;
    bottom: 100%;
    transition: opacity .25s, bottom 0s, margin-bottom .25s;
    margin-bottom: -5px
}

.tip-container.opened .tip::after {
    border-top-color: #2d2d2d
}

.tip-container.opened .tip-trigger .info {
    opacity: 1
}

.tip-container .tip {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    z-index: 3;
    padding: 12px;
    opacity: 0;
    border-radius: 4px;
    background: #2d2d2d;
    color: #fff;
    bottom: -9999px;
    margin-bottom: 0;
    text-align: center;
    transition: opacity .25s, bottom 0s linear .25s, margin-bottom .25s
}

.tip-container.common .tip {
    background: #2d2d2d
}

.tip-container.common .tip::after {
    border-top-color: #2d2d2d
}

.tip-container.opened .tip {
    opacity: 1;
    bottom: 100%;
    margin-bottom: 6px;
    transition: opacity .25s, bottom 0s, margin-bottom .25s
}

.tip-container .tip .message {
    font-size: 16px;
    line-height: 17px
}

.tip-container .tip::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    content: '';
    bottom: -6px;
    border-top: 6px solid #2d2d2d;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    right: 50%;
    margin-right: -5px
}

.input-container .tip-container .tip:after {
    right: 22px
}

.input-container .tip-container .tip-trigger {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    opacity: 1;
    transition: opacity .25s;
    z-index: 4
}

.input-container .tip-container .tip-trigger .info {
    display: block;
    width: 20px;
    height: 20px;
    opacity: .3
}

.input-container .opened {
    margin-bottom: -5px
}

.customized-select {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    background: #fff
}

.customized-select::after {
    position: absolute;
    content: '';
    right: 0;
    width: 30px;
    height: 100%;
    background: url("") center center no-repeat;
    border-left: 1px #eee solid
}

.customized-select select {
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 100%;
    font-family: 'Open Sans', Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif;
    font-size: 16px;
    color: #000;
    padding: 8px 10px;
    background: 0 0;
    margin: 0;
    text-indent: .01px;
    text-overflow: '';
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    background: 0 0
}

.customized-select select:focus {
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none
}

.block.block-iframe-container :not(iframe.block-iframe) {
    visibility: hidden
}

iframe.block-iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    overflow: hidden;
    z-index: 1
}

iframe.block-iframe.invisible {
    opacity: 0
}

.chamomile iframe.block-iframe {
    background: #fff;
    position: fixed
}

@media (max-width:575px) {
    .chamomile iframe.block-iframe .search {
        width: 100%
    }
}

.scrollbar::-webkit-scrollbar {
    width: 5px
}

.scrollbar::-webkit-scrollbar-track:hover {
    background-color: #f4f4f48a
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #2222228a;
    border-radius: 10px
}

.scrollbar::-webkit-scrollbar-button {
    display: none
}

#gdpr-agreement-wrapper {
    font-size: 13px;
    font-size: min(max(9px, 1.2vw, 1.2vh), 15px);
    max-height: 100px;
    max-height: min(100px, 15vh);
    padding: 10px;
    font-family: 'Open Sans', Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif;
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 0;
    color: gray;
    display: block;
    text-align: center;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 10px 10px 6px #333;
    box-sizing: border-box
}

@media (max-height:359px) {
    #gdpr-agreement-wrapper {
        display: none
    }
}

#gdpr-agreement-wrapper a {
    color: gray
}

#gdpr-agreement-wrapper a:hover {
    color: #d5232f
}

#gdpr-agreement-wrapper .close {
    float: right;
    position: relative;
    margin-top: -5px;
    margin-right: -5px;
    font-size: 19px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-color: #ccc;
    border-radius: 50%;
    transition: background-color .2s;
    padding: 0
}

#gdpr-agreement-wrapper .close.hover,
#gdpr-agreement-wrapper .close.pressed,
#gdpr-agreement-wrapper .close:active,
#gdpr-agreement-wrapper .close:hover {
    background-color: #d5232f
}

#gdpr-agreement-wrapper .close .cross {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin-top: -5px;
    margin-left: -5px;
    width: 10px;
    height: 10px;
    background: url("9aaff7dfb400712928694748e21304be9743d269.svg") top center/cover no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 200%
}

.scroll-fade-in {
    opacity: 0;
    transition: opacity .5s ease-in
}

.scroll-fade-in.scroll-effect-in-view {
    opacity: 1
}

@media (max-width:768px) {
    .auth-dropdown>div>div {
        margin-left: 12px
    }
}

@media (max-width:600px) {
    .auth-dropdown>div>div {
        margin-left: 10px
    }
}

@media (max-width:768px) {
    .auth-dropdown .popup-container {
        float: none;
        margin-left: 0
    }
}

@media (max-width:480px) {
    .auth-dropdown .popup-container .trigger {
        text-align: right
    }
}

.auth-dropdown .popup-container .trigger .action {
    height: 40px
}

@media (max-width:480px) {
    .auth-dropdown .popup-container .trigger .action {
        width: auto
    }
}

@media (max-width:480px) {
    .auth-dropdown .popup-container .trigger .action {
        width: auto
    }
}

@media (max-width:850px) {
    .auth-dropdown .action {
        font-weight: 600
    }
}

@media (max-width:480px) {
    .auth-dropdown .action {
        width: 100%
    }
}

@media (max-width:850px) {
    .auth-dropdown .action {
        font-weight: 600
    }
}

@media (max-width:850px) {
    .auth-dropdown .action {
        font-weight: 600
    }
}

@media (max-width:480px) {
    .auth-dropdown .action {
        width: 100%
    }
}

.auth-dropdown .form.authorization {
    font-size: 14px;
    min-width: 320px;
    padding: 20px;
    box-sizing: border-box
}

@media (max-width:480px) {
    .auth-dropdown .form.authorization {
        padding: 20px 18px;
        box-sizing: border-box
    }
}

@media (max-width:340px) {
    .auth-dropdown .form.authorization {
        min-width: calc(320px - 10px * 2)
    }
}

.auth-dropdown .form.authorization .inner-wrapper,
.auth-dropdown .form.authorization label {
    position: relative
}

.auth-dropdown .form.authorization .field {
    position: relative;
    margin-bottom: 10px
}

.auth-dropdown .form.authorization .content.reminder,
.auth-dropdown .form.authorization .content.sign-in,
.auth-dropdown .form.authorization .content.sign-up {
    position: absolute;
    top: -9999px;
    opacity: 0;
    transition: top 0s linear .25s, opacity .25s, height .25s, max-height .25s;
    width: 100%
}

.auth-dropdown .form.authorization form[name=registration] input[name=agreement] {
    position: relative;
    float: left;
    margin-right: 5px
}

.auth-dropdown .form.authorization form[name=registration] input[name=agreement]+span {
    display: block;
    line-height: 1.6;
    padding: 0
}

.auth-dropdown .form.authorization form[name=registration] input[name=agreement]+span a {
    color: inherit
}

.auth-dropdown .form.authorization form[name=registration] .agreement,
.auth-dropdown .form.authorization form[name=registration] .field:first-child {
    max-height: 0;
    transition: max-height .25s
}

.auth-dropdown .form.authorization input[type=email],
.auth-dropdown .form.authorization input[type=password],
.auth-dropdown .form.authorization input[type=text] {
    position: relative;
    padding: 10px;
    font-size: 14px;
    margin: -1px 0;
    border-width: 1px
}

.auth-dropdown .form.authorization input[type=email] .has-link,
.auth-dropdown .form.authorization input[type=password] .has-link,
.auth-dropdown .form.authorization input[type=text] .has-link {
    padding-right: 110px
}

.auth-dropdown .form.authorization .error-notification {
    margin-top: 6px
}

.auth-dropdown .form.authorization .pseudo-link {
    display: none;
    text-transform: capitalize;
    font-size: 14px;
    border-bottom: none
}

.auth-dropdown .form.authorization .pseudo-link:hover {
    border-bottom: none
}

.auth-dropdown .form.authorization .field .pseudo-link {
    position: absolute;
    top: 12px;
    right: 10px;
    font-size: 12px;
    z-index: 3
}

.auth-dropdown .form.authorization .action {
    width: 100%;
    padding: 1.15em 3em;
    text-transform: capitalize
}

.auth-dropdown .form.authorization .call-to-action {
    display: block;
    margin: 0 auto
}

.auth-dropdown .form.authorization form[name=password-reminder] .message-container {
    display: none;
    text-align: center;
    color: #717171
}

.auth-dropdown .form.authorization form[name=password-reminder].success-state .form-container {
    display: none
}

.auth-dropdown .form.authorization form[name=password-reminder].success-state .message-container {
    display: block
}

.auth-dropdown .form.authorization .separator {
    display: flex;
    align-items: center;
    margin: 10px 0
}

.auth-dropdown .form.authorization .separator::after,
.auth-dropdown .form.authorization .separator::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .1)
}

.auth-dropdown .form.authorization .separator .text {
    margin: 0 15px
}

.auth-dropdown .form.authorization input[type=email].has-description,
.auth-dropdown .form.authorization input[type=password].has-description,
.auth-dropdown .form.authorization input[type=text].has-description {
    padding-right: 33px
}

.auth-dropdown .form.authorization .footer {
    margin: 14px -20px -20px;
    padding: 15px;
    border-radius: 0 0 10px 10px;
    text-align: center;
    background: #f9f9f9
}

@media (max-width:480px) {
    .auth-dropdown .form.authorization .footer {
        margin: 14px -18px -18px
    }
}

.auth-dropdown .form.authorization.reminder .content.reminder,
.auth-dropdown .form.authorization.sign-in .content.sign-in,
.auth-dropdown .form.authorization.sign-up .content.sign-up {
    position: relative;
    top: 0;
    opacity: 1;
    transition: top 0s, opacity .25s, height .25s, max-height .25s;
    z-index: 1
}

.auth-dropdown .form.authorization.reminder .pseudo-link.sign-in {
    display: inline-block
}

.auth-dropdown .form.authorization.sign-up form[name=registration] .agreement,
.auth-dropdown .form.authorization.sign-up form[name=registration] .field:first-child {
    max-height: 6em
}

.auth-dropdown .form.authorization.sign-in .pseudo-link.reminder,
.auth-dropdown .form.authorization.sign-in .pseudo-link.sign-up,
.auth-dropdown .form.authorization.sign-up .pseudo-link.reminder,
.auth-dropdown .form.authorization.sign-up .pseudo-link.sign-in {
    display: inline-block
}

.auth-dropdown .form.authorization .input-container input.has-description {
    padding-right: 40px
}

.auth-dropdown .form.authorization .one-more-form input[type=email].has-description {
    padding-right: 40px;
    margin-bottom: 0
}

.auth-dropdown .form.authorization .facebook-wrapper {
    text-align: center
}

.auth-dropdown .form.authorization .facebook-wrapper .action.facebook,
.auth-dropdown .form.authorization .facebook-wrapper .prebutton.facebook {
    text-transform: none
}

.auth-dropdown .form.authorization .facebook-wrapper .action.facebook svg,
.auth-dropdown .form.authorization .facebook-wrapper .prebutton.facebook svg {
    height: 1.5em;
    bottom: -.375em;
    margin-top: -1.3em;
    vertical-align: middle;
    width: 1.5em
}

.auth-dropdown .form.authorization .google-wrapper .action.google {
    width: 100%;
    color: #222 !important;
    background: #fff
}

.auth-dropdown .form.authorization .google-wrapper .action.google svg {
    fill: #cf4332;
    height: 20px;
    width: 20px;
    bottom: -.375em;
    margin-top: -1em
}

.auth-dropdown .form.authorization .google-wrapper .action.google[disabled] {
    box-shadow: none !important;
    cursor: default !important;
    color: rgba(0, 0, 0, .3) !important;
    background: #e5e5e5
}

.auth-dropdown .form.authorization .agreement-note {
    font-size: 12px;
    text-align: center;
    position: relative;
    order: 1;
    top: 10px;
    display: block
}

.auth-dropdown .form.authorization .agreement-note a {
    color: inherit
}

@media (max-width:768px) {
    .auth-dropdown-without-password .popup-container {
        float: none;
        margin-left: 0
    }
}

@media (max-width:480px) {
    .auth-dropdown-without-password .popup-container .trigger {
        text-align: right
    }
}

.auth-dropdown-without-password .popup-container .trigger .action {
    height: 40px
}

@media (max-width:480px) {
    .auth-dropdown-without-password .popup-container .trigger .action {
        width: auto
    }
}

@media (max-width:850px) {
    .auth-dropdown-without-password .action {
        font-weight: 600
    }
}

@media (max-width:480px) {
    .auth-dropdown-without-password .action {
        width: 100%
    }
}

@media (max-width:850px) {
    .auth-dropdown-without-password .action {
        font-weight: 600
    }
}

@media (max-width:850px) {
    .auth-dropdown-without-password .action {
        font-weight: 600
    }
}

@media (max-width:480px) {
    .auth-dropdown-without-password .action {
        width: 100%
    }
}

.auth-dropdown-without-password .form.authorization {
    font-size: 14px;
    padding: 24px;
    box-sizing: border-box
}

.auth-dropdown-without-password .form.authorization .entry {
    width: 300px
}

.auth-dropdown-without-password .form.authorization .inner-wrapper,
.auth-dropdown-without-password .form.authorization label {
    position: relative
}

.auth-dropdown-without-password .form.authorization .field {
    position: relative
}

.auth-dropdown-without-password .form.authorization .content {
    position: absolute;
    top: -9999px;
    opacity: 0;
    transition: top 0s linear .25s, opacity .25s, height .25s, max-height .25s;
    width: 100%
}

.auth-dropdown-without-password .form.authorization .content .form-container,
.auth-dropdown-without-password .form.authorization .content .message-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center
}

.auth-dropdown-without-password .form.authorization .content .form-container .title,
.auth-dropdown-without-password .form.authorization .content .message-container .title {
    text-align: left
}

.auth-dropdown-without-password .form.authorization form[name=registration-without-password] input[name=agreement],
.auth-dropdown-without-password .form.authorization form[name=registration] input[name=agreement] {
    position: relative;
    float: left;
    margin-right: 5px
}

.auth-dropdown-without-password .form.authorization form[name=registration-without-password] input[name=agreement]+span,
.auth-dropdown-without-password .form.authorization form[name=registration] input[name=agreement]+span {
    display: block;
    line-height: 1.6;
    padding: 0
}

.auth-dropdown-without-password .form.authorization form[name=registration-without-password] input[name=agreement]+span a,
.auth-dropdown-without-password .form.authorization form[name=registration] input[name=agreement]+span a {
    color: inherit
}

.auth-dropdown-without-password .form.authorization form[name=registration-without-password] .agreement,
.auth-dropdown-without-password .form.authorization form[name=registration-without-password] .field:first-child,
.auth-dropdown-without-password .form.authorization form[name=registration] .agreement,
.auth-dropdown-without-password .form.authorization form[name=registration] .field:first-child {
    max-height: 0;
    transition: max-height .25s
}

.auth-dropdown-without-password .form.authorization form[name=registration-without-password] .agreement a,
.auth-dropdown-without-password .form.authorization form[name=registration-without-password] .field:first-child a,
.auth-dropdown-without-password .form.authorization form[name=registration] .agreement a,
.auth-dropdown-without-password .form.authorization form[name=registration] .field:first-child a {
    text-decoration: underline
}

.auth-dropdown-without-password .form.authorization input[type=email],
.auth-dropdown-without-password .form.authorization input[type=password],
.auth-dropdown-without-password .form.authorization input[type=text] {
    position: relative;
    padding: 10px;
    font-size: 14px;
    margin: -1px 0;
    border-width: 1px
}

.auth-dropdown-without-password .form.authorization input[type=email] .has-link,
.auth-dropdown-without-password .form.authorization input[type=password] .has-link,
.auth-dropdown-without-password .form.authorization input[type=text] .has-link {
    padding-right: 110px
}

.auth-dropdown-without-password .form.authorization .error-notification {
    margin-top: 6px;
    text-align: left
}

.auth-dropdown-without-password .form.authorization .pseudo-link {
    display: none;
    text-transform: capitalize;
    font-size: 14px;
    border-bottom: none
}

.auth-dropdown-without-password .form.authorization .pseudo-link:hover {
    border-bottom: none
}

.auth-dropdown-without-password .form.authorization .field .pseudo-link {
    position: absolute;
    top: 12px;
    right: 10px;
    font-size: 12px;
    z-index: 3
}

.auth-dropdown-without-password .form.authorization .action {
    font-size: 14px;
    padding: 8px 32px;
    line-height: 24px;
    width: 100%;
    text-transform: uppercase
}

.auth-dropdown-without-password .form.authorization .action.default {
    background: #fff;
    color: #222;
    padding-left: 1em;
    padding-right: 1em
}

.auth-dropdown-without-password .form.authorization .call-to-action {
    display: block;
    margin: 0 auto
}

.auth-dropdown-without-password .form.authorization form[name=authorization-without-password] .message-container,
.auth-dropdown-without-password .form.authorization form[name=password-reminder] .message-container,
.auth-dropdown-without-password .form.authorization form[name=registration-without-password] .message-container {
    overflow-wrap: break-word;
    font-variant-numeric: lining-nums tabular-nums;
    display: none;
    text-align: left;
    color: #222
}

.auth-dropdown-without-password .form.authorization form[name=authorization-without-password] .message-container .mirror-text,
.auth-dropdown-without-password .form.authorization form[name=password-reminder] .message-container .mirror-text,
.auth-dropdown-without-password .form.authorization form[name=registration-without-password] .message-container .mirror-text {
    display: inline;
    margin-left: .25em
}

.auth-dropdown-without-password .form.authorization form[name=authorization-without-password] .tip-text,
.auth-dropdown-without-password .form.authorization form[name=password-reminder] .tip-text,
.auth-dropdown-without-password .form.authorization form[name=registration-without-password] .tip-text {
    display: flex;
    align-items: center;
    color: #132c44;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3
}

.auth-dropdown-without-password .form.authorization form[name=authorization-without-password] .tip-text svg,
.auth-dropdown-without-password .form.authorization form[name=password-reminder] .tip-text svg,
.auth-dropdown-without-password .form.authorization form[name=registration-without-password] .tip-text svg {
    margin-right: 6px
}

.auth-dropdown-without-password .form.authorization form[name=authorization-without-password].success-state .form-container,
.auth-dropdown-without-password .form.authorization form[name=password-reminder].success-state .form-container,
.auth-dropdown-without-password .form.authorization form[name=registration-without-password].success-state .form-container {
    display: none
}

.auth-dropdown-without-password .form.authorization form[name=authorization-without-password].success-state .message-container,
.auth-dropdown-without-password .form.authorization form[name=password-reminder].success-state .message-container,
.auth-dropdown-without-password .form.authorization form[name=registration-without-password].success-state .message-container {
    display: flex
}

.auth-dropdown-without-password .form.authorization .separator {
    display: flex;
    align-items: center;
    margin: 10px 0
}

.auth-dropdown-without-password .form.authorization .separator::after,
.auth-dropdown-without-password .form.authorization .separator::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .1)
}

.auth-dropdown-without-password .form.authorization .separator .text {
    margin: 0 15px
}

.auth-dropdown-without-password .form.authorization input[type=email].has-description,
.auth-dropdown-without-password .form.authorization input[type=password].has-description,
.auth-dropdown-without-password .form.authorization input[type=text].has-description {
    padding-right: 33px
}

.auth-dropdown-without-password .form.authorization .footer {
    margin: -16px -24px -24px;
    padding: 24px;
    border-radius: 0 0 10px 10px;
    text-align: center;
    background: #fff
}

.auth-dropdown-without-password .form.authorization.reminder .content.reminder,
.auth-dropdown-without-password .form.authorization.sign-in .content.sign-in,
.auth-dropdown-without-password .form.authorization.sign-in-without-password .content.sign-in-without-password,
.auth-dropdown-without-password .form.authorization.sign-up .content.sign-up,
.auth-dropdown-without-password .form.authorization.sign-up-without-password .content.sign-up-without-password {
    position: relative;
    top: 0;
    opacity: 1;
    transition: top 0s, opacity .25s, height .25s, max-height .25s;
    z-index: 1
}

.auth-dropdown-without-password .form.authorization.reminder .pseudo-link.sign-in {
    display: inline-block
}

.auth-dropdown-without-password .form.authorization.sign-up form[name=registration-without-password] .agreement,
.auth-dropdown-without-password .form.authorization.sign-up form[name=registration-without-password] .field:first-child,
.auth-dropdown-without-password .form.authorization.sign-up form[name=registration] .agreement,
.auth-dropdown-without-password .form.authorization.sign-up form[name=registration] .field:first-child {
    max-height: 12em
}

.auth-dropdown-without-password .form.authorization .pseudo-link {
    display: inline-block
}

.auth-dropdown-without-password .form.authorization .input-container input.has-description {
    padding-right: 40px
}

.auth-dropdown-without-password .form.authorization .one-more-form input[type=email].has-description {
    padding-right: 40px;
    margin-bottom: 0
}

.auth-dropdown-without-password .form.authorization .facebook-wrapper {
    text-align: center
}

.auth-dropdown-without-password .form.authorization .facebook-wrapper .action.facebook,
.auth-dropdown-without-password .form.authorization .facebook-wrapper .prebutton.facebook {
    text-transform: none
}

.auth-dropdown-without-password .form.authorization .facebook-wrapper .action.facebook svg,
.auth-dropdown-without-password .form.authorization .facebook-wrapper .prebutton.facebook svg {
    height: 1.5em;
    bottom: -.375em;
    margin-top: -1.3em;
    vertical-align: middle;
    width: 1.5em
}

.auth-dropdown-without-password .form.authorization .google-wrapper .action.google {
    width: 100%;
    color: #222 !important;
    background: #fff
}

.auth-dropdown-without-password .form.authorization .google-wrapper .action.google svg {
    fill: #cf4332;
    height: 20px;
    width: 20px;
    bottom: -.375em;
    margin-top: -1em
}

.auth-dropdown-without-password .form.authorization .google-wrapper .action.google[disabled] {
    box-shadow: none !important;
    cursor: default !important;
    color: rgba(0, 0, 0, .3) !important;
    background: #e5e5e5
}

.auth-dropdown-without-password .form.authorization .agreement-note {
    font-size: 12px;
    text-align: center;
    position: relative;
    order: 1;
    top: 10px;
    display: block
}

.auth-dropdown-without-password .form.authorization .agreement-note a {
    color: inherit;
    text-decoration: underline
}

[lang=fr-FR] .auth-dropdown-without-password .form.authorization .action.default {
    font-size: 13px
}

#dating-group-sign-up-form-iframe {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000
}

#dating-group-sign-up-form-iframe iframe {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 999999
}

.modal.modal--reminder {
    align-items: center;
    background-color: rgba(0, 0, 0, .8);
    backdrop-filter: blur(5px)
}

.modal.modal--reminder .modal__wrapper {
    width: auto;
    background-image: unset;
    align-items: flex-start;
    min-height: unset
}

.modal.modal--reminder .modal__close-btn {
    top: -25px;
    right: 0
}

.reminder-message {
    position: relative;
    font-size: 14px;
    min-width: 320px;
    padding: 20px;
    background-color: #fff;
    max-width: 410px;
    margin: 0 auto;
    box-shadow: 0 10px 50px #000;
    text-align: center;
    border-radius: 10px
}

.reminder-message__footer {
    margin: 14px -20px -20px;
    padding: 15px;
    border-radius: 0 0 10px 10px;
    text-align: center;
    background: #f9f9f9
}

.reminder-message__footer .link {
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
    text-transform: capitalize;
    font-size: 14px;
    border-bottom: none;
    cursor: pointer;
    color: #0dacd7
}

br[data-mobile] {
    display: none
}

@media (max-width:575px) {
    br[data-mobile] {
        display: block
    }
}

br[data-tablet] {
    display: none
}

@media (min-width:576px) and (max-width:1199px) {
    br[data-tablet] {
        display: block
    }
}

br[data-desktop] {
    display: none
}

@media (min-width:1200px) {
    br[data-desktop] {
        display: block
    }
}

.language-select {
    width: 170px
}

.language-select a,
.language-select a:hover {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff
}

footer .language-select {
    display: inline-block
}

.language-select .dropdown li .name,
.language-select .trigger .content .name {
    font-size: 16px;
    margin-left: 5px
}

.language-select label.trigger {
    padding: 1px 6px
}

.language-select .trigger {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #00000080;
    border-color: #00000000;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    min-height: 38px;
    outline: 0 !important;
    position: relative;
    box-sizing: border-box;
    color: #fff;
    width: 100%;
    height: 40px
}

.language-select .trigger .content,
.language-select .trigger .icon,
.language-select .trigger .separator {
    display: inline-block
}

.language-select .trigger .content {
    display: flex;
    align-items: center;
    padding: 2px 8px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

.language-select .trigger .content i {
    position: relative;
    top: 1px
}

.language-select .trigger .separator {
    align-self: stretch;
    background-color: #ccc;
    margin-bottom: 8px;
    margin-top: 8px;
    width: 1px;
    box-sizing: border-box;
    height: 20px
}

.language-select .trigger .icon {
    color: #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    box-sizing: border-box
}

.language-select .trigger .icon svg {
    display: inline-block;
    fill: #ccc;
    line-height: 1;
    stroke: #ccc;
    stroke-width: 0
}

.language-select .dropdown {
    width: 100%;
    margin: 0;
    padding: 5px 0;
    background-color: #8a8a8aeb;
    border-radius: 4px;
    border: none;
    box-shadow: none;
    list-style: none
}

.language-select .dropdown li {
    cursor: pointer;
    min-height: 38px;
    box-sizing: border-box
}

.language-select .dropdown li a {
    display: flex;
    align-items: center;
    color: #fff;
    text-align: left;
    padding: 10px 15px;
    min-width: max-content
}

.language-select .dropdown li a i {
    flex: 0 0 20px
}

.language-select .dropdown li:hover {
    background-color: #7398ff9e
}

.language-select .dropdown li:active {
    background-color: #73ceff9e
}

.language-select .dropdown li,
.language-select .trigger {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:768px) {
    .language-select {
        width: auto
    }
    .language-select .trigger .content .name,
    .language-select .trigger .icon,
    .language-select .trigger .separator {
        display: none
    }
    .language-select .dropdown {
        width: auto
    }
}

html[amp] .language-select .dropdown {
    visibility: hidden
}

html[amp] .language-select input#language-select-toggle {
    display: none
}

html[amp] .language-select input#language-select-toggle:checked+.dropdown {
    top: 100%;
    margin: 6px 0 10px;
    visibility: visible
}

@media (max-width:768px) {
    html[amp] .language-select .trigger .content .name,
    html[amp] .language-select .trigger .separator {
        display: inline
    }
    html[amp] .language-select .trigger .icon {
        display: flex
    }
}

@font-face {
    font-family: 'Albert Sans';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: local(''), url("variable-d18913d2cd-3.woff2") format('woff2-variations')
}

.language-select {
    width: auto !important;
    display: inline-block
}

.language-select .dropdown li .name,
.language-select .trigger .content .name {
    margin-left: 5px
}

.language-select .separator {
    display: none !important
}

.language-select .trigger {
    border-radius: 8px !important;
    background-color: rgba(55, 55, 55, .5) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    -moz-backdrop-filter: blur(12px);
    max-width: none
}

@media (max-width:768px) {
    .language-select .trigger {
        border-radius: 22px !important
    }
}

.language-select .trigger .content {
    display: flex;
    align-items: center;
    padding: 2px 8px;
    position: relative;
    overflow: visible;
    box-sizing: border-box
}

.language-select .trigger .content .name {
    display: none
}

.language-select .trigger .content img {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    object-fit: cover
}

.language-select .trigger .icon {
    color: #fff !important;
    padding: 5px !important
}

.language-select .trigger .icon svg {
    fill: #fff !important;
    stroke: #fff !important
}

.language-select .dropdown {
    background-color: rgba(55, 55, 55, .5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    -moz-backdrop-filter: blur(12px) !important;
    border-radius: 8px !important;
    width: auto !important;
    top: auto !important
}

.language-select .dropdown img {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    object-fit: cover
}

@media (max-width:768px) {
    .language-select .trigger .content .name {
        display: none
    }
    .language-select .trigger .icon {
        display: flex !important
    }
}

html[amp] .language-select .dropdown {
    visibility: hidden
}

html[amp] .language-select input#language-select-toggle {
    display: none
}

html[amp] .language-select input#language-select-toggle:checked+.dropdown {
    top: 100%;
    margin: 6px 0 10px;
    visibility: visible
}

@media (max-width:768px) {
    html[amp] .language-select .trigger .content .name {
        display: none
    }
    html[amp] .language-select .trigger .icon {
        display: flex
    }
}

.action {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 12px 24px;
    border: 0;
    border-radius: 8px;
    overflow: visible;
    font: 700 14px 'Albert Sans', sans-serif, Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: top;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    text-align: center;
    box-shadow: none
}

.action.default {
    color: #fff;
    background: #e80020;
    transition: background-color .25s;
    border: 0;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}

.action.default:hover {
    color: #fff;
    background-color: #ea4550
}

.action.default:active {
    color: #fff;
    background: #e80020
}

.action.default[disabled] {
    cursor: default;
    color: rgba(0, 0, 0, .3);
    background: #e5e5e5
}

.action.transparent {
    color: #fff;
    background: 0 0;
    border: .5px solid rgba(254, 254, 254, .5);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    transition: background-color .25s;
    height: 40px;
    padding: 0 16px;
    align-content: center
}

.action.transparent:hover {
    color: #fff;
    border-radius: 8px;
    background: rgba(55, 55, 55, .5);
    backdrop-filter: blur(12px)
}

.action.transparent:active {
    color: #fff;
    border-radius: 8px;
    background: rgba(55, 55, 55, .5);
    backdrop-filter: blur(12px)
}

.action.transparent[disabled] {
    cursor: default;
    color: rgba(0, 0, 0, .3);
    background: #e5e5e5
}

.header__container {
    padding: 36px 60px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: transparent
}

@media (min-width:1400px) {
    .header__container {
        padding: 36px 100px
    }
}

@media (max-width:768px) {
    .header__container {
        padding: 20px;
        justify-content: space-between;
        align-items: center
    }
}

.header__logo {
    margin-right: auto
}

.header__logo .logo--mobile {
    display: none
}

.header__logo .logo--desktop {
    display: block
}

@media (max-width:768px) {
    .header__logo .logo--mobile {
        display: block
    }
    .header__logo .logo--desktop {
        display: none
    }
}

.header__menu {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px
}

@media (max-width:768px) {
    .header__menu {
        display: none
    }
}

.header__menu .language-select.dropdown-container .dropdown {
    top: -9999px !important
}

.header__menu .language-select.dropdown-container.opened .dropdown {
    top: auto !important
}

.header__menu .switcher.action.default {
    box-shadow: rgba(0, 0, 0, .117647) 0 1px 6px, rgba(0, 0, 0, .117647) 0 1px 4px
}

@media (min-width:769px) {
    .burger-menu__container {
        display: none
    }
}

.burger-menu__toggle {
    display: none
}

.burger-menu__toggle:checked+.burger-menu__button {
    position: fixed;
    right: 20px
}

.burger-menu__toggle:checked+.burger-menu__button .burger-menu__line:nth-child(1) {
    transform: rotate(45deg);
    opacity: 1
}

.burger-menu__toggle:checked+.burger-menu__button .burger-menu__line:nth-child(2) {
    opacity: 0
}

.burger-menu__toggle:checked+.burger-menu__button .burger-menu__line:nth-child(3) {
    transform: translateY(-14px) rotate(-45deg);
    opacity: 1
}

.burger-menu__toggle:checked~.burger-menu__content {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto
}

.burger-menu__toggle:checked~.burger-menu__social-links {
    opacity: 1;
    pointer-events: auto
}

.burger-menu__logo {
    position: absolute;
    top: 20px
}

.burger-menu__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    width: 21px;
    height: 21px;
    background: 0 0;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease;
    z-index: 1002
}

.burger-menu__line {
    position: relative;
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    border-radius: 10px;
    opacity: .7;
    transition: transform .25s ease, opacity .25s ease
}

.burger-menu__content {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: calc(100 * var(--vh, 1vh));
    height: 100vh;
    height: 100svh;
    background: #1d1d1d;
    color: #333;
    padding: 0 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .15);
    transform: translateY(-110%);
    opacity: 0;
    pointer-events: none;
    transition: transform .3s ease, opacity .3s ease;
    z-index: 999
}

@media (min-width:769px) {
    .burger-menu__content {
        display: none
    }
}

.burger-menu__link {
    display: block;
    width: 100%;
    text-align: left;
    padding: 14px 12px;
    margin: 6px 0;
    font-size: 16px;
    line-height: 22px;
    background: rgba(73, 71, 71, .5);
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-size: 16.93px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    transition: all .3s ease
}

.burger-menu__link:hover {
    opacity: .8
}

.burger-menu__body {
    flex: 1 1 auto;
    padding-top: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

@media (max-width:320px) {
    .burger-menu__body {
        padding-top: 160px
    }
}

.burger-menu__social-links {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 24px
}

.burger-menu__social-icons {
    display: flex;
    align-items: center;
    gap: 16px
}

.burger-menu__social-link {
    display: inline-flex;
    width: 37px;
    height: 37px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #373737;
    transition: all .3s ease
}

.burger-menu__social-link:hover {
    opacity: .8
}

.burger-menu__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

.burger-menu__icon svg {
    fill: #fff !important;
    width: 100%;
    height: 100%;
    display: block
}

.burger-menu__icon svg path {
    fill: inherit
}

.burger-menu__language-select .language-select.dropdown-container.opened .dropdown {
    bottom: 100% !important;
    top: auto !important;
    margin-bottom: 6px !important;
    margin-top: 0 !important
}

.burger-menu__language-select .language-select.dropdown-container .dropdown {
    top: -9999px !important
}

.burger-menu__content .auth-dropdown .popup-container .trigger .action.default.medium,
.burger-menu__content .auth-dropdown-without-password .popup-container .trigger .action.default.medium {
    display: block;
    width: 100%;
    text-align: center;
    padding: 14px 12px;
    margin: 6px 0;
    font-size: 16.93px;
    line-height: 100%;
    background: rgba(73, 71, 71, .5);
    border-radius: 10px;
    color: #fff;
    font-weight: 500;
    height: auto;
    min-width: auto;
    transition: all .3s ease
}

.burger-menu__content .auth-dropdown .popup-container .trigger .action.default.medium:hover,
.burger-menu__content .auth-dropdown-without-password .popup-container .trigger .action.default.medium:hover {
    opacity: .8
}

.burger-menu__content .auth-dropdown .popup-container.opened .popup.top,
.burger-menu__content .auth-dropdown-without-password .popup-container.opened .popup.top {
    position: static !important;
    opacity: 1;
    margin: 6px 0;
    transform: none
}

.burger-menu__content .auth-dropdown .popup-container.opened .popup.top .form .entry,
.burger-menu__content .auth-dropdown-without-password .popup-container.opened .popup.top .form .entry {
    margin: 0 auto;
    width: 100%
}

.burger-menu__content .auth-dropdown .popup-container.opened .popup.top .form .message-container,
.burger-menu__content .auth-dropdown-without-password .popup-container.opened .popup.top .form .message-container {
    color: #fff;
    text-align: center
}

.burger-menu__content .auth-dropdown .popup-container.opened .popup.top .form .checkbox-wrapper span,
.burger-menu__content .auth-dropdown-without-password .popup-container.opened .popup.top .form .checkbox-wrapper span {
    color: #fff
}

.burger-menu__content .auth-dropdown .popup-container.opened .popup.top .form .title,
.burger-menu__content .auth-dropdown-without-password .popup-container.opened .popup.top .form .title {
    text-align: center
}

.burger-menu__content .auth-dropdown .popup-container .popup.top,
.burger-menu__content .auth-dropdown-without-password .popup-container .popup.top {
    background-color: rgba(55, 55, 55, .5);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    -moz-backdrop-filter: blur(12px);
    border-radius: 8px;
    box-shadow: 0 10px 50px rgba(0, 0, 0, .3);
    color: #fff
}

.burger-menu__content .auth-dropdown .popup-container .popup.top .action.default,
.burger-menu__content .auth-dropdown-without-password .popup-container .popup.top .action.default {
    display: block;
    width: 100%;
    text-align: center;
    padding: 14px 12px;
    margin: 6px 0;
    font-size: 16.93px;
    line-height: 100%;
    background: 0 0;
    color: #fff;
    font-weight: 500;
    height: auto;
    min-width: auto;
    transition: all .3s ease;
    box-shadow: rgba(255, 255, 255, .05) 0 1px 6px, rgba(255, 255, 255, .05) 0 1px 4px
}

.burger-menu__content .auth-dropdown .popup-container .popup.top .action.default:hover,
.burger-menu__content .auth-dropdown-without-password .popup-container .popup.top .action.default:hover {
    opacity: .8
}

.burger-menu__content .auth-dropdown .popup-container .footer,
.burger-menu__content .auth-dropdown-without-password .popup-container .footer {
    background-color: transparent
}

body:has(.burger-menu__toggle:checked) {
    overflow: hidden
}

.hero {
    position: relative;
    height: 700px;
    font-family: 'Albert Sans', sans-serif;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 36px 60px;
    background: url("desktop-8581b0b726-3.jpg") center center/cover no-repeat transparent
}

@media (min-width:1400px) {
    .hero {
        padding: 36px 100px
    }
}

@media (max-width:768px) {
    .hero {
        background: url("mobile-b52797e359-3.jpg") center center/cover no-repeat transparent;
        padding: 20px;
        justify-content: end;
        flex-direction: column;
        align-items: center
    }
}

.hero__header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media (max-width:768px) {
    .hero__content {
        width: 100%
    }
}

.hero__container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    max-width: 420px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .04)
}

@media (max-width:768px) {
    .hero__container {
        max-width: 100%;
        background: 0 0;
        box-shadow: none;
        padding: 0;
        border-radius: 0
    }
}

.hero__logo {
    width: 120px;
    height: 30px;
    margin: 0 auto;
    display: block
}

@media (max-width:768px) {
    .hero__logo {
        display: none
    }
}

.hero__title {
    color: #333;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1px
}

@media (max-width:768px) {
    .hero__title {
        color: #fff;
        text-align: center;
        font-size: 26px;
        letter-spacing: -.408px
    }
}

.hero__slogan {
    color: #717171;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%
}

@media (max-width:768px) {
    .hero__slogan {
        color: #fff;
        text-align: center;
        font-size: 18px;
        line-height: 150%
    }
}

.hero__call-to-action {
    margin-bottom: 20px;
    width: 100%;
    padding: 14px 24px;
    font-size: 16px;
    border-radius: 5px
}

@media (max-width:768px) {
    .hero__call-to-action {
        font-size: 14px;
        padding: 12px 20px;
        margin-bottom: 10px
    }
}

.hero__disclaimer {
    position: absolute;
    bottom: 28px;
    right: 50px;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    opacity: .8;
    text-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

@media (max-width:768px) {
    .hero__disclaimer {
        position: relative;
        text-align: center;
        width: 100%;
        bottom: auto;
        right: auto;
        margin-top: 10px
    }
}

.hero .note {
    color: #737373;
    text-align: center;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

@media (max-width:768px) {
    .hero .note {
        color: #fff
    }
}

.hero .note a {
    color: inherit
}

.hero .note a:hover {
    text-decoration: underline;
    color: #e80020
}

.features {
    position: relative;
    font-family: 'Albert Sans', sans-serif;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    column-gap: 3.56vw;
    row-gap: 40px;
    padding: 80px 20px;
    padding-bottom: 0;
    background-color: #fff
}

.features .feature {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 270px
}

.features .feature__image {
    height: 96px;
    text-align: center
}

.features .feature__image img,
.features .feature__image svg {
    width: auto;
    height: 100%;
    color: #da3f4b
}

.features .feature__title {
    color: #333;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.33px;
    margin: 0
}

.features .feature__description {
    color: #222;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    margin: 0
}

.features .feature__description a {
    color: #222;
    text-decoration: underline;
    transition: .3s ease
}

.features .feature__description a:hover {
    color: #ea4550
}

.features .feature__description a:active {
    color: #e80020
}

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

@media (min-width:1400px) {
    .meet-online {
        justify-content: space-around
    }
}

@media (max-width:1000px) {
    .meet-online {
        justify-content: center;
        flex-direction: column-reverse;
        gap: 50px
    }
}

.meet-online__content {
    max-width: 520px;
    width: 100%;
    text-align: left
}

@media (max-width:768px) {
    .meet-online__content {
        text-align: center
    }
}

.meet-online__title {
    color: #333;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1px;
    margin: 0 0 24px 0
}

@media (max-width:768px) {
    .meet-online__title {
        font-size: 26px
    }
}

.meet-online__description {
    color: #222;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    opacity: .7
}

@media (max-width:768px) {
    .meet-online__description {
        font-size: 18px
    }
}

.meet-online__profiles {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 40px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.meet-online__profile {
    position: relative;
    width: 260px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .1);
    background: #f5f5f5;
    transform: rotate(-5deg);
    height: 348px
}

@media (max-width:768px) {
    .meet-online__profile {
        width: 180px;
        height: 250px;
        border-radius: 16px
    }
}

@media (max-width:480px) {
    .meet-online__profile {
        width: 150px;
        height: 205px;
        border-radius: 14px
    }
}

.meet-online__profile--left {
    transform: rotate(-8deg) translate(-10px, 50px);
    z-index: 1
}

@media (max-width:768px) {
    .meet-online__profile--left {
        transform: rotate(-8deg) translate(10px, 10px)
    }
}

.meet-online__profile--right {
    transform: rotate(8deg);
    z-index: 2;
    margin-left: -40px
}

@media (max-width:768px) {
    .meet-online__profile--right {
        margin-left: -30px
    }
}

@media (max-width:480px) {
    .meet-online__profile--right {
        margin-left: -20px
    }
}

.meet-online__profile-image {
    width: 100%;
    height: 280px;
    display: block;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    background: #f5f5f5;
    opacity: 0;
    transition: opacity .3s ease
}

@media (max-width:768px) {
    .meet-online__profile-image {
        height: 200px
    }
}

@media (max-width:480px) {
    .meet-online__profile-image {
        height: 160px
    }
}

.meet-online__profile-image[src]:not([src='']) {
    opacity: 1
}

.meet-online__profile-info {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: 18px 20px;
    width: 100%;
    height: 68px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity .3s ease
}

@media (max-width:768px) {
    .meet-online__profile-info {
        padding: 12px 14px;
        height: 50px
    }
}

@media (max-width:480px) {
    .meet-online__profile-info {
        padding: 10px 12px;
        height: 45px
    }
}

.meet-online__profile-info--loaded {
    opacity: 1
}

.meet-online__profile-name {
    color: #212121;
    font-size: 21.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -.437px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 30px);
    display: block
}

@media (max-width:768px) {
    .meet-online__profile-name {
        font-size: 16px
    }
}

@media (max-width:480px) {
    .meet-online__profile-name {
        font-size: 14px
    }
}

.meet-online__profile-badges {
    position: absolute;
    bottom: 85px;
    left: 16px;
    display: flex;
    gap: 8px;
    opacity: 0;
    transition: opacity .3s ease
}

@media (max-width:768px) {
    .meet-online__profile-badges {
        bottom: 62px;
        left: 12px;
        gap: 6px
    }
}

@media (max-width:480px) {
    .meet-online__profile-badges {
        bottom: 55px;
        left: 10px;
        gap: 5px
    }
}

.meet-online__profile-badges--loaded {
    opacity: 1
}

.meet-online__badge {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:768px) {
    .meet-online__badge {
        width: 25px;
        height: 25px
    }
}

.meet-online__badge--fire {
    background: #fff
}

.meet-online__profile-status {
    position: absolute;
    bottom: 24px;
    right: 20px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #4caf50
}

@media (max-width:768px) {
    .meet-online__profile-status {
        bottom: 18px;
        right: 14px;
        width: 14px;
        height: 14px
    }
}

@media (max-width:480px) {
    .meet-online__profile-status {
        bottom: 16px;
        right: 12px;
        width: 12px;
        height: 12px
    }
}

.meet-online__decoration {
    position: absolute;
    z-index: 3
}

.meet-online__decoration--heart {
    top: 40%;
    left: -3%;
    transform: rotate(-20deg)
}

@media (max-width:768px) {
    .meet-online__decoration--heart {
        left: 5%
    }
}

.meet-online__decoration--heart img {
    width: auto;
    height: 70px
}

@media (max-width:768px) {
    .meet-online__decoration--heart img {
        height: 50px
    }
}

@media (max-width:480px) {
    .meet-online__decoration--heart img {
        height: 40px
    }
}

.meet-online__decoration--smile {
    top: 25%;
    right: -2%;
    transform: rotate(16deg)
}

@media (max-width:768px) {
    .meet-online__decoration--smile {
        right: 3%
    }
}

.meet-online__decoration--smile img {
    width: auto;
    height: 70px
}

@media (max-width:768px) {
    .meet-online__decoration--smile img {
        height: 50px
    }
}

@media (max-width:480px) {
    .meet-online__decoration--smile img {
        height: 40px
    }
}

.meet-online__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px
}

@media (max-width:768px) {
    .meet-online__loader {
        width: 30px;
        height: 30px
    }
}

.dating-features {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    flex-direction: row-reverse
}

@media (min-width:1400px) {
    .dating-features {
        justify-content: space-around
    }
}

@media (max-width:1000px) {
    .dating-features {
        justify-content: center;
        flex-direction: column-reverse;
        gap: 50px
    }
}

.dating-features__content {
    max-width: 520px;
    width: 100%;
    text-align: left
}

@media (max-width:768px) {
    .dating-features__content {
        text-align: center
    }
}

.dating-features__title {
    color: #333;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1px;
    margin: 0 0 24px 0
}

@media (max-width:768px) {
    .dating-features__title {
        font-size: 26px
    }
}

.dating-features__description {
    color: #222;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    opacity: .7
}

@media (max-width:768px) {
    .dating-features__description {
        font-size: 18px
    }
}

.dating-features__visual {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 520px
}

@media (max-width:768px) {
    .dating-features__visual {
        max-width: 100%
    }
}

.dating-features__image {
    width: 100%;
    max-width: 100%;
    height: auto
}

.dating-features .disclaimer {
    color: rgba(34, 34, 34, .6);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    text-shadow: none
}

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

@media (min-width:1400px) {
    .explore {
        justify-content: space-around
    }
}

@media (max-width:1000px) {
    .explore {
        justify-content: center;
        gap: 50px;
        flex-direction: column-reverse
    }
}

.explore__content {
    max-width: 520px;
    width: 100%;
    text-align: left
}

@media (max-width:768px) {
    .explore__content {
        text-align: center
    }
}

.explore__title {
    color: #333;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1px;
    margin: 0 0 24px 0
}

@media (max-width:768px) {
    .explore__title {
        font-size: 26px
    }
}

@media (max-width:1000px) {
    .explore__title {
        margin-top: 20px !important
    }
}

.explore__description {
    color: #222;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    opacity: .7
}

@media (max-width:768px) {
    .explore__description {
        font-size: 18px
    }
}

.explore__visual {
    position: relative
}

.explore__gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 500px;
    margin: 0 auto;
    padding-left: 40px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

@media (max-width:1000px) {
    .explore__gallery {
        max-width: 400px;
        gap: 15px;
        transform: translateX(20px);
        padding-left: 0
    }
}

.explore__gallery-item {
    position: relative;
    border-radius: 28px;
    overflow: hidden;
    background: #f5f5f5;
    width: 220px;
    height: 220px
}

@media (max-width:768px) {
    .explore__gallery-item {
        border-radius: 18px;
        width: 120px;
        height: 120px
    }
}

.explore__gallery-item--1 {
    transform: translate(0)
}

.explore__gallery-item--3 {
    transform: translate(-40px)
}

.explore__gallery-item--2 {
    transform: translate(0, 50px)
}

.explore__gallery-item--4 {
    transform: translate(-40px, 50px)
}

.explore__gallery-item::before {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 50px;
    height: 50px;
    background-image: url("verification-658aec5e54-3.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity .3s ease
}

@media (max-width:768px) {
    .explore__gallery-item::before {
        width: 30px;
        height: 30px
    }
}

.explore__gallery-item:has(.explore__gallery-image[src]:not([src='']))::before {
    opacity: 1
}

.explore__gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease
}

.explore__gallery-image[src]:not([src='']) {
    opacity: 1
}

.explore__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px
}

@media (max-width:1000px) {
    .explore__loader {
        width: 30px;
        height: 30px
    }
}

.overview {
    padding: 0 20px 80px;
    background: #fff;
    font-family: 'Albert Sans', sans-serif;
    overflow: hidden
}

.overview__container {
    padding: 80px 60px
}

@media (max-width:768px) {
    .overview__container {
        padding: 40px 20px
    }
}

@media (max-width:768px) {
    .overview {
        padding: 40px 0
    }
}

.overview__section {
    margin-bottom: 120px
}

@media (max-width:1024px) {
    .overview__section {
        margin-bottom: 80px
    }
}

@media (max-width:768px) {
    .overview__section {
        margin-bottom: 60px
    }
}

.overview__section:last-child {
    margin-bottom: 0
}

.singles {
    background: #1a1a1a;
    color: #fff;
    font-family: 'Albert Sans', sans-serif
}

.singles__container {
    padding: 80px 60px 30px 60px
}

@media (max-width:768px) {
    .singles__container {
        padding: 40px 20px
    }
}

.singles__header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 16px
}

@media (max-width:768px) {
    .singles__header {
        gap: 0
    }
}

.singles__title {
    color: #fff;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 49px;
    letter-spacing: -1px;
    margin: 0;
    display: inline-flex;
    align-items: center
}

.singles__title>* {
    margin: 0;
    padding: 0
}

@media (max-width:768px) {
    .singles__title {
        font-size: 44px;
        align-items: baseline;
        display: inline
    }
}

.singles__button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
    transition: opacity .3s ease
}

.singles__button::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .3s ease
}

.singles__button:hover::after {
    transform: scaleX(1);
    transform-origin: left
}

.singles__button-icon {
    display: inline-flex;
    align-items: center;
    margin-left: 10px
}

@media (max-width:768px) {
    .singles__button-icon {
        margin-left: 0;
        align-self: end;
        margin-bottom: 4px
    }
}

.singles__button-icon img {
    width: 30px;
    height: 30px;
    display: block
}

@media (max-width:480px) {
    .singles__button-icon img {
        width: 30px;
        height: 30px
    }
}

.singles__description {
    color: rgba(255, 255, 255, .6);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -.09px;
    margin: 0 auto 60px;
    max-width: 600px
}

@media (max-width:1024px) {
    .singles__description {
        font-size: 18px;
        margin-bottom: 50px;
        max-width: 700px
    }
}

@media (max-width:768px) {
    .singles__description {
        font-size: 16px;
        margin-bottom: 40px;
        text-align: left
    }
}

.singles__categories {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    margin: 0 auto;
    width: 100%
}

@media (max-width:768px) {
    .singles__categories {
        flex-direction: column;
        gap: 54px
    }
}

.singles__category {
    display: block;
    text-decoration: none;
    cursor: pointer;
    aspect-ratio: 1.5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .3s ease
}

@media (max-width:768px) {
    .singles__category {
        max-width: 100%
    }
}

.singles__category:hover {
    opacity: .8
}

.singles__category-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 16px
}

.singles__category-title {
    color: #fff;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.44px;
    text-align: center
}

@media (max-width:768px) {
    .singles__category-title {
        font-size: 18px;
        text-align: left
    }
}

.singles__disclaimer {
    color: rgba(255, 255, 255, .6);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    margin-top: 90px
}

@media (max-width:768px) {
    .singles__disclaimer {
        margin-top: 54px;
        font-size: 10px
    }
}

@font-face {
    font-family: swiper-icons;
    src: url("2f0309d7fe92d81bb9d17d8382747c5001ce3520");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,
swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,
swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

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

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification,
swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.testimonials {
    padding-bottom: 60px;
    font-family: 'Albert Sans', sans-serif
}

.testimonials .testimonials__title {
    text-align: center;
    color: #272727;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 49px;
    letter-spacing: -.9px;
    margin-top: 86px;
    margin-bottom: 0
}

.testimonials .testimonials__subtitle {
    text-align: center;
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -.09px;
    opacity: .8;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 16px
}

.testimonials .testimonials__item {
    display: flex;
    width: 436px;
    height: 324px;
    padding: 32px 40px 36px 44px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 28px;
    border-radius: 20px;
    border: 1px solid rgba(34, 34, 34, .15);
    background: #fff
}

.testimonials .testimonials__item.swiper-slide:not(.swiper-slide-active) {
    opacity: .3
}

.testimonials .testimonials__list {
    margin-top: 56px
}

.testimonials .testimonials__text {
    color: #222;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -.06px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    line-clamp: 7;
    text-overflow: ellipsis
}

.testimonials .testimonials__meta {
    display: flex;
    gap: 16px
}

.testimonials .testimonials__author-container {
    display: flex;
    flex-wrap: wrap
}

.testimonials .testimonials__author {
    color: #222;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -.045px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.testimonials .testimonials__source {
    flex-basis: 100%;
    color: #7a7a7a;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%
}

.testimonials .testimonials__container {
    position: relative
}

.testimonials .testimonials__pagination {
    position: inherit;
    margin-top: 32px
}

.testimonials .testimonials__pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #e3e3e3;
    margin: 0 5px;
    opacity: 1
}

.testimonials .testimonials__pagination .swiper-pagination-bullet-active {
    background: #333
}

.testimonials .testimonials__navigation-next,
.testimonials .testimonials__navigation-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e3e3e3;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s ease
}

.testimonials .testimonials__navigation-next.swiper-button-disabled,
.testimonials .testimonials__navigation-prev.swiper-button-disabled {
    display: none
}

.testimonials .testimonials__navigation-next::after,
.testimonials .testimonials__navigation-prev::after {
    font-size: 20px;
    color: #3a3a3a
}

.testimonials .testimonials__navigation-next:hover,
.testimonials .testimonials__navigation-prev:hover {
    background-color: rgba(0, 0, 0, .1)
}

.testimonials .testimonials__navigation-prev {
    left: calc(50% - 323px)
}

.testimonials .testimonials__navigation-next {
    right: calc(50% - 323px)
}

@media (max-width:768px) {
    .testimonials .testimonials__title {
        font-size: 28px;
        font-weight: 700;
        line-height: 125%;
        letter-spacing: -.56px;
        margin-top: 60px
    }
    .testimonials .testimonials__subtitle {
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -.056px
    }
    .testimonials .testimonials__item {
        display: flex;
        width: 246px;
        height: 355px;
        padding: 26px 24px 26px 28px;
        border-radius: 16px
    }
    .testimonials .testimonials__list {
        margin-top: 40px
    }
    .testimonials .testimonials__text {
        font-size: 21px;
        letter-spacing: -.06px;
        -webkit-line-clamp: 8;
        line-clamp: 8;
        margin-bottom: 0
    }
    .testimonials .testimonials__meta {
        gap: 14px
    }
    .testimonials .testimonials__author {
        font-size: 18px
    }
    .testimonials .testimonials__source {
        font-size: 14px
    }
    .testimonials .testimonials__avatar-container img {
        align-content: end;
        width: 28px;
        height: 28px
    }
    .testimonials .testimonials__pagination {
        margin-top: 28px
    }
    .testimonials .testimonials__pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px
    }
}

[lang=de-DE] .block.testimonials .testimonials__item,
[lang=es-ES] .block.testimonials .testimonials__item,
[lang=fr-FR] .block.testimonials .testimonials__item,
[lang=it-IT] .block.testimonials .testimonials__item {
    height: 380px
}

@media (max-width:768px) {
    [lang=de-DE] .block.testimonials .testimonials__item,
    [lang=es-ES] .block.testimonials .testimonials__item,
    [lang=fr-FR] .block.testimonials .testimonials__item,
    [lang=it-IT] .block.testimonials .testimonials__item {
        height: 410px
    }
}

[lang=de-DE] .block.testimonials .testimonials__summary,
[lang=es-ES] .block.testimonials .testimonials__summary,
[lang=fr-FR] .block.testimonials .testimonials__summary,
[lang=it-IT] .block.testimonials .testimonials__summary {
    width: 510px
}

@media (max-width:768px) {
    [lang=de-DE] .block.testimonials .testimonials__summary,
    [lang=es-ES] .block.testimonials .testimonials__summary,
    [lang=fr-FR] .block.testimonials .testimonials__summary,
    [lang=it-IT] .block.testimonials .testimonials__summary {
        width: 350px
    }
}

.media_partners {
    position: relative;
    padding: 60px 0 80px;
    overflow: hidden;
    background-image: url("desktop-bc983de5d1-3.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    font-family: 'Albert Sans', sans-serif
}

@media (max-width:768px) {
    .media_partners {
        background-image: url("mobile-716de1086a-3.jpg")
    }
}

.media_partners .action {
    border-radius: 5px;
    width: 382px;
    transition: all .3s ease;
    padding: 20px 10px
}

.media_partners__subtitle {
    text-align: center;
    color: #fff;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 49px;
    letter-spacing: -.65px
}

.media_partners__content {
    text-align: center;
    margin-top: 400px
}

.media_partners__title {
    color: #fff;
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -1.91px;
    margin: 0 0 24px 0
}

.media_partners__description {
    text-align: center;
    color: #fff;
    font-size: 20.1px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    max-width: 600px;
    margin: 0 auto 40px
}

.media_partners__container {
    position: relative;
    overflow: visible;
    height: 100px
}

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

.media_partners__item {
    transition: opacity .3s ease
}

.media_partners__item.swiper-slide {
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center
}

.media_partners__item:not(.swiper-slide-active) {
    opacity: .1
}

.media_partners__logo {
    height: 90px;
    width: auto;
    max-width: 280px;
    object-fit: contain;
    filter: grayscale(100%);
    transition: filter .3s ease
}

.main_media_partners__item.swiper-slide-active .media_partners__logo {
    filter: grayscale(0)
}

.media_partners__disclaimer {
    position: absolute;
    bottom: 18px;
    right: 50px;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    opacity: .8;
    text-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

@media (max-width:768px) {
    .media_partners__disclaimer {
        text-align: center;
        width: 100%;
        bottom: auto;
        right: auto;
        margin-top: 10px
    }
}

@media (max-width:768px) {
    .media_partners {
        padding: 40px 0 60px
    }
    .media_partners__subtitle {
        font-size: 24px;
        margin-bottom: 24px
    }
    .media_partners__title {
        font-size: 40px;
        letter-spacing: -.9px;
        margin-bottom: 20px;
        line-height: 120%
    }
    .media_partners__description {
        font-size: 18px;
        letter-spacing: -.08px;
        margin-bottom: 32px;
        padding: 0 10px
    }
    .media_partners__container-wrapper::after,
    .media_partners__container-wrapper::before {
        width: 100px
    }
    .media_partners__container {
        height: 70px
    }
    .media_partners__item {
        width: 220px
    }
    .media_partners__item.swiper-slide {
        width: 220px
    }
    .media_partners__logo {
        height: 60px;
        max-width: 200px
    }
    .media_partners .action {
        width: 90%;
        margin: 0 auto
    }
}

.experts {
    font-family: 'Albert Sans', sans-serif
}

.experts__container-wrapper {
    padding: 80px 60px 100px 60px
}

@media (max-width:1000px) {
    .experts__container-wrapper {
        padding: 40px 0
    }
}

.experts__header {
    margin-bottom: 16px
}

.experts__title {
    color: #272727;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 49px;
    letter-spacing: -.9px;
    margin: 0
}

@media (max-width:768px) {
    .experts__title {
        font-size: 28px;
        line-height: 30px
    }
}

.experts__title a {
    color: #0c86a8;
    text-decoration: underline
}

.experts__subtitle {
    color: #333;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -.09px;
    opacity: .8;
    margin: 0 auto 60px;
    max-width: 800px
}

@media (max-width:768px) {
    .experts__subtitle {
        font-size: 18px;
        margin-bottom: 50px;
        padding: 0 20px
    }
}

.experts__container {
    position: relative
}

@media (min-width:1001px) {
    .experts__container {
        overflow: visible
    }
}

@media (min-width:1001px) {
    .experts__list {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
        transform: none !important;
        transition-duration: 0s !important
    }
}

.experts__item {
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media (min-width:1001px) {
    .experts__item {
        width: auto !important;
        margin-right: 0 !important
    }
}

@media (max-width:1000px) {
    .experts__item.swiper-slide:not(.swiper-slide-active) {
        opacity: .5
    }
}

@media (max-width:1000px) {
    .experts__item {
        padding: 0 20px
    }
}

@media (min-width:769px) and (max-width:1000px) {
    .experts__item {
        width: 380px;
        max-width: calc(50% - 8px)
    }
}

@media (max-width:768px) {
    .experts__item {
        width: 335px;
        gap: 30px
    }
}

.experts__pagination {
    position: inherit;
    margin-top: 32px
}

@media (min-width:1001px) {
    .experts__pagination {
        display: none
    }
}

@media (max-width:768px) {
    .experts__pagination {
        margin-top: 28px
    }
}

.experts__pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #e3e3e3;
    margin: 0 5px;
    opacity: 1
}

.experts__pagination .swiper-pagination-bullet-active {
    background: #333
}

@media (max-width:768px) {
    .experts__pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px
    }
}

.experts__image-container {
    position: relative;
    width: 100%;
    border-radius: 40px 40px 0 40px;
    overflow: hidden;
    aspect-ratio: 1.7;
    padding-top: 58.82%
}

@supports (aspect-ratio:1.7) {
    .experts__image-container {
        padding-top: 0
    }
}

.experts__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.experts__social {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(79, 79, 79, .32);
    backdrop-filter: blur(27px);
    -webkit-backdrop-filter: blur(27px);
    padding: 8px;
    border-radius: 8px 0 0 0;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    transition: opacity .3s ease;
    z-index: 1
}

.experts__social:hover {
    opacity: .8
}

@supports not (backdrop-filter:blur(1px)) {
    .experts__social {
        background: rgba(79, 79, 79, .8)
    }
}

.experts__social-icon {
    width: 16px;
    height: 16px
}

.experts__instagram {
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

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

.experts__name {
    color: #333;
    text-align: center;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin: 0
}

@media (max-width:768px) {
    .experts__name {
        font-size: 24px
    }
}

.experts__expert-title {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    margin: 0;
    text-align: center;
    opacity: .8
}

@media (max-width:768px) {
    .experts__expert-title {
        font-size: 13px
    }
}

.experts__description {
    color: #191919;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    margin: 0
}

@media (max-width:768px) {
    .experts__description {
        font-size: 17px
    }
}

.shared_success {
    padding: 80px 0;
    position: relative;
    font-family: 'Albert Sans', sans-serif;
    overflow: hidden;
    background-image: url("desktop-49696a5c22-3.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width:768px) {
    .shared_success {
        background-image: url("mobile-4db0d8fb51-3.jpg")
    }
}

.shared_success__title {
    text-align: center;
    color: #fff;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 49px;
    letter-spacing: -.9px;
    margin-top: 86px;
    margin-bottom: 0
}

.shared_success__subtitle {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -.09px;
    opacity: .8;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 16px
}

.shared_success__item {
    display: flex;
    width: 436px;
    height: 324px;
    padding: 32px 40px 36px 44px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 20px;
    background: #fff
}

.shared_success__item.swiper-slide {
    width: 436px;
    height: 324px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.shared_success__item.swiper-slide:not(.swiper-slide-active) {
    opacity: .3
}

.shared_success__list {
    margin-top: 56px
}

.shared_success__text {
    color: #3a3a3a;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -1.2px;
    margin: 0
}

.shared_success__text--small {
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 41px;
    letter-spacing: -.8px
}

.shared_success__container {
    position: relative
}

.shared_success__pagination {
    position: inherit;
    margin-top: 32px
}

.shared_success__pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, .2);
    margin: 0 5px;
    opacity: 1
}

.shared_success__pagination .swiper-pagination-bullet-active {
    background: #fff
}

.shared_success__navigation-next,
.shared_success__navigation-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e3e3e3;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s ease
}

.shared_success__navigation-next.swiper-button-disabled,
.shared_success__navigation-prev.swiper-button-disabled {
    display: none
}

.shared_success__navigation-next::after,
.shared_success__navigation-prev::after {
    font-size: 20px;
    color: #fff
}

.shared_success__navigation-next:hover,
.shared_success__navigation-prev:hover {
    background-color: rgba(0, 0, 0, .1)
}

.shared_success__navigation-prev {
    left: calc(50% - 323px)
}

.shared_success__navigation-next {
    right: calc(50% - 323px)
}

.shared_success__decoration {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none
}

.shared_success__decoration img {
    max-height: 600px
}

@media (max-width:1400px) {
    .shared_success__decoration img {
        max-height: 500px
    }
}

@media (max-width:1300px) {
    .shared_success__decoration img {
        max-height: 400px
    }
}

@media (max-width:768px) {
    .shared_success {
        height: 700px
    }
    .shared_success__title {
        font-size: 28px;
        font-weight: 700;
        line-height: 125%;
        letter-spacing: -.56px;
        margin-top: 60px
    }
    .shared_success__subtitle {
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -.056px
    }
    .shared_success__item {
        display: flex;
        width: 246px;
        height: 165px;
        padding: 26px 24px 26px 28px;
        border-radius: 16px
    }
    .shared_success__item.swiper-slide {
        width: 246px;
        height: 165px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
    .shared_success__list {
        margin-top: 40px
    }
    .shared_success__text {
        font-size: 33px
    }
    .shared_success__text--small {
        font-size: 22px;
        line-height: 23px
    }
    .shared_success__pagination {
        margin-top: 28px
    }
    .shared_success__pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px
    }
    .shared_success__navigation-next,
    .shared_success__navigation-prev {
        display: none
    }
    .shared_success__decoration img {
        max-height: 350px
    }
}

.last_articles {
    font-family: 'Albert Sans', sans-serif;
    padding: 80px 0 30px 0
}

.last_articles__container {
    padding: 0
}

.last_articles__header {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:768px) {
    .last_articles__header {
        justify-content: flex-start;
        padding: 0 20px
    }
}

.last_articles__title {
    text-align: center;
    color: #333;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 49px;
    letter-spacing: -1px;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

@media (max-width:768px) {
    .last_articles__title {
        font-size: 28px;
        line-height: 125%;
        letter-spacing: -.56px;
        text-align: left;
        display: inline;
        text-wrap-style: balance
    }
}

.last_articles__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
    transition: opacity .3s ease
}

.last_articles__button::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #e80020;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .3s ease
}

.last_articles__button:hover::after {
    transform: scaleX(1);
    transform-origin: left
}

.last_articles__button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    width: 30px;
    height: 30px;
    vertical-align: middle
}

@media (max-width:768px) {
    .last_articles__button-icon {
        margin-left: 0;
        align-self: center
    }
}

.last_articles__button-icon-image {
    display: block
}

.last_articles__description {
    color: #333;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -.09px;
    margin-top: 24px;
    opacity: .8
}

@media (max-width:768px) {
    .last_articles__description {
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -.056px;
        padding: 0 20px;
        text-align: left
    }
}

.last_articles__container {
    position: relative
}

@media (min-width:769px) {
    .last_articles__container {
        overflow: visible
    }
}

.last_articles__item-author-link {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
    transition: color .2s ease
}

.last_articles__item-author-link:hover {
    color: #e80020
}

.last_articles__list {
    margin-top: 56px;
    align-items: stretch
}

@media (min-width:1001px) {
    .last_articles__list {
        display: flex;
        flex-wrap: wrap
    }
}

@media (max-width:768px) {
    .last_articles__list {
        margin-top: 40px
    }
}

.last_articles__item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 16px;
    border: 1px solid #e8e8ea;
    gap: 28px;
    max-width: 380px;
    width: 100%;
    box-sizing: border-box;
    align-self: stretch
}

@media (max-width:768px) {
    .last_articles__item {
        width: 335px
    }
    .last_articles__item.swiper-slide:not(.swiper-slide-active) {
        opacity: .5
    }
}

.last_articles__item.swiper-slide {
    height: auto
}

.last_articles__item-image-link {
    display: block;
    overflow: hidden;
    height: 200px;
    border-radius: 6px
}

.last_articles__item-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease
}

.last_articles__item-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 8px
}

.last_articles__item-title {
    margin: 0 0 13px 0;
    color: #333;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3
}

.last_articles__item-title a {
    color: #1f2937;
    text-decoration: none;
    transition: color .2s ease
}

.last_articles__item-title a:hover {
    color: #e80020
}

@media (max-width:768px) {
    .last_articles__item-title {
        font-size: 24px
    }
}

.last_articles__item-description {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0 0 auto 0;
    flex: 1
}

@media (max-width:768px) {
    .last_articles__item-description {
        font-size: 16px
    }
}

.last_articles__item-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    color: #9798a0;
    margin-top: 16px
}

.last_articles__item-author {
    font-weight: 500
}

@media (max-width:768px) {
    .last_articles__item-author {
        font-size: 14px
    }
}

.last_articles__item-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0
}

.last_articles__item-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.last_articles__item-date {
    position: relative;
    margin-left: auto
}

@media (max-width:768px) {
    .last_articles__item-date {
        font-size: 14px
    }
}

.last_articles__pagination {
    position: inherit;
    margin-top: 32px
}

@media (min-width:1001px) {
    .last_articles__pagination {
        display: none
    }
}

@media (max-width:768px) {
    .last_articles__pagination {
        margin-top: 28px
    }
}

.last_articles__pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #e3e3e3;
    margin: 0 5px;
    opacity: 1
}

.last_articles__pagination .swiper-pagination-bullet-active {
    background: #333
}

@media (max-width:768px) {
    .last_articles__pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px
    }
}

.last_articles__footer {
    text-align: center;
    margin-top: 48px
}

@media (max-width:768px) {
    .last_articles__footer {
        margin-top: 32px
    }
}

.last_articles .action {
    border-radius: 5px;
    width: 382px;
    transition: all .3s ease;
    padding: 20px 10px
}

@media (max-width:768px) {
    .last_articles .action {
        width: 90%;
        margin: 0 auto
    }
}

.blossom-faq {
    background: #f4f4f4;
    padding: 80px 0;
    font-family: 'Albert Sans', sans-serif
}

@media (orientation:portrait) {
    .blossom-faq {
        padding: 60px 20px
    }
}

.blossom-faq__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 58px;
    max-width: 936px;
    margin: 0 auto
}

@media (orientation:portrait) {
    .blossom-faq__container {
        gap: 40px
    }
}

.blossom-faq__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%
}

.blossom-faq__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 49px;
    text-align: center;
    color: #333;
    letter-spacing: -.9px;
    margin: 0
}

@media (orientation:portrait) {
    .blossom-faq__title {
        font-size: 28px;
        line-height: 1.3
    }
}

.blossom-faq__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    color: #333;
    opacity: .8;
    letter-spacing: -.09px;
    max-width: 758px;
    margin: 0
}

@media (orientation:portrait) {
    .blossom-faq__subtitle {
        font-size: 16px
    }
}

.blossom-faq__list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%
}

.blossom-faq__item {
    background: #fff;
    border-radius: 20px;
    overflow: hidden
}

.blossom-faq__item.is-open .blossom-faq__icon {
    transform: rotate(45deg)
}

.blossom-faq__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 38px 46px;
    cursor: pointer;
    transition: background .3s ease
}

.blossom-faq__question:hover {
    background: rgba(0, 0, 0, .02)
}

@media (orientation:portrait) {
    .blossom-faq__question {
        padding: 24px 20px
    }
}

.blossom-faq__question-text {
    font-weight: 600;
    font-size: 24px;
    line-height: 35px;
    color: #3a3a3a;
    letter-spacing: -1px;
    margin: 0;
    padding-right: 40px
}

@media (orientation:portrait) {
    .blossom-faq__question-text {
        font-size: 18px;
        line-height: 1.4;
        padding-right: 20px
    }
}

.blossom-faq__icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .3s ease
}

.blossom-faq__icon svg {
    width: 100%;
    height: 100%
}

.blossom-faq__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s cubic-bezier(.4, 0, .2, 1)
}

.blossom-faq__item.is-open .blossom-faq__answer {
    max-height: 5000px
}

.blossom-faq__answer-text {
    padding: 0 46px 38px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: #3a3a3a
}

@media (orientation:portrait) {
    .blossom-faq__answer-text {
        padding: 0 20px 24px;
        font-size: 16px
    }
}

.blossom-faq__answer-text ul {
    margin: 8px 0;
    padding-left: 24px
}

.blossom-faq__answer-text li {
    margin-bottom: 4px
}

.footer {
    background-color: #3a3a3a;
    width: 100%;
    color: #fff;
    font-family: 'Albert Sans', sans-serif;
    overflow: hidden
}

.footer__language-select .language-select .trigger {
    width: auto;
    min-height: 40px;
    border-radius: 30px !important;
    border: 2px solid rgba(77, 77, 77, .85)
}

.footer__language-select .language-select .trigger .content .name {
    display: block
}

.footer__language-select .language-select.dropdown-container .dropdown {
    top: -9999px !important
}

.footer__language-select .language-select.opened .dropdown {
    bottom: 100% !important;
    top: auto !important;
    margin-bottom: 6px !important;
    margin-top: 0 !important
}

@media (max-width:768px) {
    .footer__language-select .language-select.dropdown-container.opened .dropdown {
        top: 100% !important;
        bottom: auto !important;
        margin-top: 6px !important;
        margin-bottom: 0 !important
    }
}

.footer__main {
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 57px 60px;
    flex-wrap: wrap;
    gap: 30px
}

@media (max-width:768px) {
    .footer__main {
        padding: 50px 38px
    }
}

.footer__left {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 29px;
    flex: 1
}

.footer__slogan {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -.42px
}

.footer__button {
    background: #e80020;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25) inset;
    width: 249px;
    height: 50px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 5px;
    border: none;
    margin-bottom: 15px;
    cursor: pointer;
    transition: background-color .3s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:768px) {
    .footer__button {
        display: none
    }
}

.footer__button:hover {
    background-color: #c2001c;
    text-decoration: none;
    color: #fff
}

.footer__button:active {
    background-color: #a30018
}

.footer__menu-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex: 2;
    flex-wrap: wrap
}

@media (max-width:768px) {
    .footer__menu-container {
        gap: 10px;
        justify-content: flex-start
    }
}

.footer__menu-items {
    display: contents
}

.footer__menu {
    display: flex;
    flex-direction: column
}

.footer__menu-title {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 145%;
    letter-spacing: -.18px;
    margin-bottom: 18px
}

.footer__menu-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0
}

.footer__menu-item {
    list-style-type: none
}

.footer__menu-item a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -.16px;
    text-decoration: none;
    opacity: .6;
    transition: opacity .3s ease
}

.footer__menu-item a:hover {
    opacity: .8
}

.footer__menu-item [data-desktop] {
    display: inline
}

@media (max-width:768px) {
    .footer__menu-item [data-desktop] {
        display: none
    }
}

@media (max-width:768px) {
    .footer__menu--company {
        order: 6
    }
}

@media (max-width:768px) {
    .footer__menu--contact {
        order: 5
    }
}

@media (max-width:768px) {
    .footer__menu--conditions {
        order: 4
    }
}

@media (max-width:768px) {
    .footer__menu--search {
        order: 3
    }
}

.footer__social {
    display: flex;
    gap: 15px;
    align-items: center;
    width: 100%;
    justify-content: start;
    margin-top: 20px
}

@media (max-width:768px) {
    .footer__social {
        order: 7;
        justify-content: center
    }
}

.footer__social a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .3s ease
}

.footer__social a:hover {
    opacity: .6
}

.footer__pays {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    margin-top: 50px
}

@media (max-width:768px) {
    .footer__pays {
        order: 1
    }
}

.footer__copyright {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -.14px;
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    margin-top: 30px;
    opacity: .6
}

@media (max-width:768px) {
    .footer__copyright {
        order: 2
    }
}

.component.holder {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(58, 58, 58, .35);
    display: block;
    z-index: 9999;
    position: fixed;
    padding: 20px;
    overflow-y: auto;
    transition: opacity .6s ease;
    opacity: 1
}

.component.holder * {
    box-sizing: border-box
}

.component.holder.hidden {
    display: block !important;
    visibility: hidden;
    opacity: 0
}

.component.holder.hidden * {
    visibility: hidden
}

.component.holder .wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    max-width: 400px;
    margin: 0 auto
}

.component.holder .wrapper .close {
    position: absolute;
    z-index: 1;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    color: #222;
    border: none;
    background-color: transparent;
    cursor: pointer;
    transition: .3s ease
}

.component.holder .wrapper .close img,
.component.holder .wrapper .close svg {
    width: 14px;
    height: 14px
}

.component.holder .wrapper .close:hover {
    color: #080808
}

.component.holder .wrapper .content {
    position: relative;
    display: flex;
    width: auto;
    height: auto
}

.component.holder .chance {
    position: relative;
    --padding-size: 16px;
    font-family: 'Open Sans', sans-serif;
    max-width: 400px;
    background-color: #fff;
    padding: 36px var(--padding-size) var(--padding-size) var(--padding-size);
    border-radius: 10px
}

.component.holder .chance__top {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #dc1919;
    margin: 0 0 8px 0
}

.component.holder .chance__image {
    margin: 0 0 16px 0
}

.component.holder .chance__title {
    font-weight: 600;
    font-size: 22px;
    line-height: 1.4;
    text-align: center;
    color: #000;
    margin: 0 0 8px 0
}

.component.holder .chance__description {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    color: #000;
    margin: 0
}

.component.holder .chance__form {
    margin: 16px 0 0 0
}

.component.holder .chance__form .step:not(.current) {
    display: none
}

.component.holder .chance__form .field {
    position: relative;
    width: 100%
}

.component.holder .chance__form .field__flex {
    display: flex;
    justify-content: space-between
}

.component.holder .chance__form .field input {
    height: 40px;
    width: 100%;
    padding: 0 12px;
    background: #fff;
    border: 1px solid silver;
    border-radius: 6px
}

.component.holder .chance__form .field input:focus {
    border-color: #a7a7a7
}

.component.holder .chance__form .field .error-notification {
    color: red;
    font-size: 10px;
    line-height: 1.25
}

.component.holder .chance__form .field:not(:last-child) {
    margin-bottom: 8px
}

.component.holder .chance__form .submit {
    margin-top: 16px
}

.component.holder .chance__form .submit .external-wrapper {
    margin-top: 16px
}

.component.holder .chance__form .action {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #d5232f;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    border-radius: 6px;
    text-transform: uppercase;
    padding: 0 16px;
    width: 100%;
    font-size: 14px;
    color: #fff;
    transition: .3s ease
}

.component.holder .chance__form .action:disabled {
    background-color: #e14a54;
    cursor: wait
}

.component.holder .chance__form .note {
    font-size: 10px;
    line-height: 1.25;
    color: #717171;
    text-align: center
}

.component.holder .chance__form .note a {
    color: inherit;
    white-space: nowrap;
    text-decoration: underline
}

.component.holder .chance .register-cupid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    font-family: Roboto, Arial, sans-serif
}

@media (max-width:1023px) {
    .component.holder .chance .register-cupid:last-child {
        padding-bottom: 25px
    }
}

.component.holder .chance .register-cupid>* {
    width: 100%
}

.component.holder .chance .register-cupid>* .call-to-action,
.component.holder .chance .register-cupid>* .external-wrapper {
    margin-bottom: 10px
}

.component.holder .chance .register-cupid .note {
    font-size: .75rem
}

.component.holder .chance .register-cupid .note a {
    white-space: nowrap
}

.component.holder .chance .search-row {
    display: grid;
    align-items: flex-start;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
    margin-bottom: 1rem
}

html[lang=ja-JP] .component.holder .chance .search-row {
    grid-template-columns: 1fr 1.5fr
}

@media (min-width:1024px) {
    .component.holder .chance .search-row {
        grid-template-columns: 1fr 1fr 1fr
    }
    html[lang=ja-JP] .component.holder .chance .search-row {
        grid-template-columns: 1fr 1.5fr 1fr
    }
}

.component.holder .chance .search-field {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column
}

.component.holder .chance .search-field__title {
    display: inline-block;
    line-height: 1.25;
    white-space: nowrap
}

@media (max-width:1023px) {
    .component.holder .chance .search-field__title {
        margin-bottom: 8px;
        font-size: 12px;
        font-weight: 600;
        color: #fff;
        width: 100%
    }
}

@media (min-width:1024px) {
    .component.holder .chance .search-field__title {
        margin-right: 10px;
        font-size: 18px;
        color: #222
    }
}

.component.holder .chance .search-field__error {
    grid-column: span 2
}

.component.holder .chance .search-name {
    grid-column: 1/3
}

@media (min-width:1024px) {
    .component.holder .chance .search-name {
        grid-column: 1/4
    }
}

.component.holder .chance .search-field_whoami.input-group.search-field {
    margin-top: 0
}

.component.holder .chance .search-field_whoami.input-group.search-field .error-notification {
    margin-inline-end: -90px
}

.component.holder .chance .search-age-select {
    box-sizing: border-box
}

@media (min-width:1024px) {
    .component.holder .chance .search-age-select {
        width: 100px
    }
}

.component.holder .chance .search-age-select.input-select select {
    width: 100px
}

.component.holder .chance .search-whoami {
    display: flex;
    align-items: center
}

.component.holder .chance .search-whoami input[type=checkbox],
.component.holder .chance .search-whoami input[type=radio] {
    position: absolute;
    opacity: 0
}

.component.holder .chance .search-whoami .icon {
    display: block;
    fill: #e7e7e7
}

.component.holder .chance .search-whoami .icon img,
.component.holder .chance .search-whoami .icon svg {
    display: block;
    width: 2rem;
    height: 2rem;
    fill: inherit;
    object-fit: cover
}

.component.holder .chance .search-whoami input[value=male]:checked~.icon,
.component.holder .chance .search-whoami input[value=male]:checked~co-i18n .icon {
    background: #c4d6f3;
    fill: #608acf
}

.component.holder .chance .search-whoami input[value=female]:checked~.icon,
.component.holder .chance .search-whoami input[value=female]:checked~co-i18n .icon {
    fill: #a45996;
    background: #f1d6ed
}

.component.holder .chance .search-whoami__label {
    flex: 0 0 2.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 0 .25rem .25rem 0;
    border-left: none;
    position: relative;
    cursor: pointer
}

.component.holder .chance .search-whoami__label:not(:last-child) {
    border-radius: .25rem 0 0 .25rem;
    border-right: none;
    border-left: 1px solid #d1d1d1
}

.component.holder .chance .search-whoami__label:has(input[value=male]:checked) {
    background: #c4d6f3
}

.component.holder .chance .search-whoami__label:has(input[value=female]:checked) {
    background: #f1d6ed
}

html[dir=rtl] .component.holder .chance .search-whoami__label {
    border-radius: .25rem 0 0 .25rem;
    border-right: none;
    border-left: 1px solid #d1d1d1
}

html[dir=rtl] .component.holder .chance .search-whoami__label:not(:last-child) {
    border-radius: 0 .25rem .25rem 0;
    border-left: none;
    border-right: 1px solid #d1d1d1
}

.component.holder .chance .search-agreement {
    margin-bottom: 1rem
}

.component.holder .chance .search-password .input-text {
    position: relative
}

.component.holder .chance .search-password .search-password__tooltip {
    display: none
}

.component.holder .chance .search-password .password--mobile {
    display: block
}

.component.holder .chance .search-password .password--desktop {
    display: none
}

@media (min-width:1024px) {
    .component.holder .chance .search-password .password--mobile {
        display: none
    }
    .component.holder .chance .search-password .password--desktop {
        display: block
    }
    .component.holder .chance .search-password .search-password__tooltip {
        display: block;
        position: absolute;
        left: 0;
        top: 105%;
        width: 215px;
        z-index: 2;
        color: #fff;
        background-color: rgba(0, 0, 0, .85);
        border-radius: .25rem;
        padding: .5rem;
        font-size: .82rem;
        opacity: 0;
        visibility: hidden;
        transition: opacity .2s cubic-bezier(.64, .09, .08, 1)
    }
    html[dir=rtl] .component.holder .chance .search-password .search-password__tooltip {
        left: initial;
        right: 0
    }
    .component.holder .chance .search-password:hover .search-password__tooltip {
        opacity: 1;
        visibility: visible
    }
}

.component.holder .chance .toggle-password-visability-btn {
    position: absolute;
    top: .5rem;
    right: .5rem;
    width: 20px;
    height: 20px;
    background: url("") center/20px 20px no-repeat;
    border: none;
    cursor: pointer
}

.component.holder .chance .toggle-password-visability-btn--hidden {
    background: url("") center/20px 20px no-repeat
}

html[dir=rtl] .component.holder .chance .toggle-password-visability-btn {
    left: .5rem;
    right: initial
}

.component.holder .chance .search-form__trusted {
    text-align: center;
    margin-top: 20px
}

.component.holder .chance .search {
    display: flex;
    flex-direction: column;
    overflow: visible !important;
    margin-top: 8px
}

.component.holder .chance .search-delimiter {
    position: relative;
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    color: #fff;
    margin: 10px 0
}

@media (min-width:1024px) {
    .component.holder .chance .search-delimiter {
        color: #3a3a3a;
        font-size: 12px
    }
}

.component.holder .chance .search-delimiter:after,
.component.holder .chance .search-delimiter:before {
    content: '';
    position: absolute;
    top: 50%;
    display: block;
    width: calc(50% - 15px);
    height: 1px;
    background-color: #fff
}

@media (min-width:1024px) {
    .component.holder .chance .search-delimiter:after,
    .component.holder .chance .search-delimiter:before {
        background-color: #3a3a3a
    }
}

.component.holder .chance .search-delimiter:before {
    left: 0
}

.component.holder .chance .search-delimiter:after {
    right: 0
}

.component.holder .chance .search-button {
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 1.17rem;
    line-height: 1.4;
    text-align: center;
    border: 0;
    padding: .45rem 1rem;
    margin: 18px auto;
    border-radius: .25rem;
    cursor: pointer;
    transition: transform .3s ease
}

.component.holder .chance .search-button img,
.component.holder .chance .search-button svg {
    margin-right: 12px
}

.component.holder .chance .search-button:active {
    transform: translateY(2px)
}

.component.holder .chance .search-button__main {
    color: #fff;
    transition: .3s ease;
    background: #7193c5
}

.component.holder .chance .search-button__main:hover {
    color: #fff;
    background: #95afd4
}

.component.holder .chance .search-privacy {
    font-size: 10px;
    line-height: 1.25;
    text-align: center;
    margin: 12px 0 0 0;
    color: #fff
}

@media (min-width:1024px) {
    .component.holder .chance .search-privacy {
        color: #262626
    }
}

.component.holder .chance .search-privacy a {
    color: inherit;
    text-decoration: underline;
    white-space: nowrap
}

.component.holder .chance .search-password {
    margin-bottom: 16px;
    margin-top: 16px
}

.component.holder .chance .modal {
    background-color: rgba(0, 0, 0, .5)
}

@media (max-width:575px) {
    .component.holder .chance .modal--search .modal__wrapper {
        padding: 0
    }
}

.component.holder .chance .modal--search .modal__content {
    max-width: 100%;
    min-height: 100%;
    background: #fff;
    border-radius: .25rem;
    overflow: hidden
}

@media (max-width:575px) {
    .component.holder .chance .modal--search .modal__content {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0;
        padding: 16px
    }
}

@media (min-width:576px) {
    .component.holder .chance .modal--search .modal__content {
        max-width: 480px;
        min-height: 480px
    }
}

@media (min-width:1024px) {
    .component.holder .chance .modal--search .modal__content {
        padding: 2rem
    }
}

.component.holder .chance .modal--search .modal__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem
}

.component.holder .chance .modal--search .modal__close-btn {
    position: static;
    margin-inline-start: auto
}

.component.holder .chance .search-modal__logo {
    margin: 0 0 20px 0
}

.component.holder .chance .search-modal__logo img,
.component.holder .chance .search-modal__logo svg {
    display: block;
    margin: 0 auto
}

.component.holder .chance .search-modal__progress {
    margin-top: 25px
}

.component.holder .chance .search-form {
    padding: 0;
    border: none;
    appearance: none;
    margin: 0
}

.component.holder .chance .search-form__submit {
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    text-align: center;
    border: 0;
    padding: .5rem 2rem;
    border-radius: .25rem;
    cursor: pointer;
    transition: transform .3s ease;
    position: relative;
    color: #fff;
    transition: .3s ease;
    background: #7193c5
}

.component.holder .chance .search-form__submit img,
.component.holder .chance .search-form__submit svg {
    left: 7px;
    top: 7px;
    width: 30px;
    height: 30px;
    object-fit: cover;
    position: absolute;
    fill: #fff
}

.component.holder .chance .search-form__submit:active {
    transform: translateY(2px)
}

.component.holder .chance .search-form__submit:hover {
    color: #fff;
    background: #95afd4
}

.component.holder .chance .form-cupid {
    padding: .5rem
}

@media (min-width:1024px) {
    .component.holder .chance .form-cupid {
        display: none
    }
}

.component.holder .chance .form-cupid form {
    background: #ededed;
    border: 1px solid #ccc;
    border-radius: .25rem;
    padding: 1rem 1em .5em
}

.component.holder .chance .form-cupid form .input-group__title,
.component.holder .chance .form-cupid form label {
    font-weight: 700
}

.component.holder .chance .form-cupid form input::placeholder,
.component.holder .chance .form-cupid form select::placeholder {
    color: #767676
}

.component.holder .chance .form-cupid .search-row {
    grid-template-columns: 1fr 1fr;
    justify-content: initial;
    gap: 1rem
}

.component.holder .chance .form-cupid .search-name {
    order: 1
}

.component.holder .chance .form-cupid .search-age {
    order: 2;
    grid-column: 1/3
}

.component.holder .chance .form-cupid .search-whoami .icon img,
.component.holder .chance .form-cupid .search-whoami .icon svg {
    width: 40px;
    height: 40px
}

.component.holder .chance .form-cupid .search-whoami__label {
    flex: 0 0 54px;
    width: 54px;
    height: 54px
}

.component.holder .chance .form-cupid .input-checkbox__text {
    font-size: 1rem;
    font-weight: 400
}

.component.holder .chance .form-cupid .search-form__submit {
    background-color: #7193c5;
    text-transform: uppercase;
    font-size: 1rem
}

.component.holder .chance .form-cupid .search-form__submit img,
.component.holder .chance .form-cupid .search-form__submit svg {
    display: none
}

.component.holder .chance .form-cupid .search-form__trusted {
    display: flex;
    justify-content: end;
    margin-top: 1rem
}

.component.holder .chance .input-group {
    display: flex;
    flex-direction: column
}

.component.holder .chance .input-group__title {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4;
    color: #565656;
    margin: 0
}

.component.holder .chance .input-group__title .desktop-label {
    display: none
}

@media (min-width:768px) {
    .component.holder .chance .input-group__title .mobile-label {
        display: none
    }
    .component.holder .chance .input-group__title .desktop-label {
        display: inline
    }
}

.component.holder .chance .input-group:has(.invalid) .component.holder .chance .input-group__title {
    color: #c23b2d
}

.component.holder .chance .input-group+.component.holder .chance .input-group {
    margin-top: 16px
}

.component.holder .chance .input-error {
    font-size: inherit;
    padding-left: 1.875rem;
    margin-top: .5em;
    color: #c23b2d;
    position: relative
}

.component.holder .chance .input-error .desktop-message {
    display: none
}

@media (min-width:768px) {
    .component.holder .chance .input-error .mobile-message {
        display: none
    }
    .component.holder .chance .input-error .desktop-message {
        display: inline
    }
}

.component.holder .chance .input-error::before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: '';
    width: 1.375rem;
    height: 1.375rem;
    background: url("") center/cover no-repeat
}

.has-error>.component.holder .chance .input-error {
    display: block
}

.component.holder .chance .input-text {
    position: relative
}

.component.holder .chance .input-text input {
    width: 100%;
    color: #565656;
    padding: .5rem;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 3px #ddd;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: inherit;
    font-family: inherit;
    outline: 0;
    line-height: inherit
}

.component.holder .chance .input-text input.invalid:focus {
    color: #b94a48;
    border-color: #e9322d
}

.component.holder .chance .input-text:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translateY(-50%)
}

.has-error>.component.holder .chance .input-text {
    color: #f80012
}

.has-error>.component.holder .chance .input-text:after {
    background-image: url("")
}

.has-success>.component.holder .chance .input-text:after {
    background-image: url("")
}

.component.holder .chance .input-checkbox {
    position: relative
}

.component.holder .chance .input-checkbox input[type=checkbox] {
    position: absolute;
    bottom: 0;
    left: 10px;
    opacity: 0
}

.component.holder .chance .input-checkbox .input-checkbox__inner {
    display: flex;
    align-items: center;
    gap: 10px
}

.component.holder .chance .input-checkbox .input-checkbox__icon {
    display: flex;
    width: 30px;
    height: 30px;
    cursor: pointer
}

.component.holder .chance .input-checkbox .input-checkbox__icon svg {
    width: 30px;
    height: 30px
}

.component.holder .chance .input-checkbox .input-checkbox__icon #icon-checkbox-off {
    display: block;
    fill: #8c8c8c;
    color: #cdcdcd
}

.component.holder .chance .input-checkbox .input-checkbox__icon #icon-checkbox-on {
    display: none;
    color: #fff;
    fill: #7faf41
}

.component.holder .chance .input-checkbox input[type=checkbox]:checked+.input-checkbox__inner .input-checkbox__icon #icon-checkbox-off {
    display: none
}

.component.holder .chance .input-checkbox input[type=checkbox]:checked+.input-checkbox__inner .input-checkbox__icon #icon-checkbox-on {
    display: block
}

.component.holder .chance .input-checkbox .input-checkbox__text {
    color: #565656;
    font-size: .75rem
}

.component.holder .chance .input-checkbox .input-checkbox__text a {
    font-weight: 600;
    color: #565656
}

.component.holder .chance .input-select select {
    width: 100%;
    color: #565656;
    padding: .5rem;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 3px #ddd;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: inherit;
    font-family: inherit;
    outline: 0;
    line-height: inherit;
    background: #fff url("") no-repeat 100% 100%;
    appearance: none
}

.component.holder .chance .input-select select.invalid:focus {
    color: #b94a48;
    border-color: #e9322d
}

.component.holder .chance .input-select select:not(:last-child) {
    margin-inline-end: 8px
}

html[dir=rtl] .component.holder .chance .input-select select {
    background: #fff url("") no-repeat 0 100%
}

.component.holder .chance .input-date,
.component.holder .chance .input-radio {
    position: relative;
    display: flex
}

.component.holder .chance .input-date__title,
.component.holder .chance .input-radio__title {
    flex: 1 0 auto;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: #3a3a3a
}

.component.holder .chance .input-date__label,
.component.holder .chance .input-radio__label {
    opacity: .3;
    cursor: pointer;
    transition: opacity .3s ease
}

.component.holder .chance .input-date__label:not(:last-child),
.component.holder .chance .input-radio__label:not(:last-child) {
    margin-right: 20px
}

.component.holder .chance .input-date input[type=radio],
.component.holder .chance .input-radio input[type=radio] {
    display: none
}

input[type=radio]:checked+.component.holder .chance .input-date__label,
input[type=radio]:checked+.component.holder .chance .input-radio__label {
    opacity: 1
}

.component.holder .chance .loader {
    display: none;
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background-color: rgba(0, 0, 0, .5)
}

.component.holder .chance.show {
    display: flex
}

.component.holder .chance .loader__spinner {
    animation: spin 2s infinite;
    padding: .5rem
}

.component.holder .chance .loader__spinner svg .logo-right {
    fill: #85a5d6
}

.component.holder .chance .loader__spinner svg .logo-left {
    fill: #fff
}

.component.holder .chance .loader__text {
    font-size: 2rem;
    color: #fff;
    margin: .83em 0
}

@keyframes spin {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
    100% {
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

.component.holder .chance-image {
    display: flex;
    align-items: center;
    justify-content: center;
    --width: calc(calc(100% - calc(var(--padding-size) * 2)) / 5)
}

.component.holder .chance-image__person {
    display: flex;
    width: var(--width);
    height: var(--width);
    border-radius: 50%;
    overflow: hidden
}

.component.holder .chance-image__person:first-child {
    margin-right: -8px
}

.component.holder .chance-image__person:last-child {
    margin-left: -8px
}

.component.holder .chance-image__person img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.component.holder .chance-image__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--width);
    height: var(--width);
    margin-left: -8px;
    margin-right: -8px;
    background: rgba(255, 255, 255, .9);
    opacity: .9;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1)
}

.component.holder .chance-image__logo:before {
    content: '';
    display: block;
    padding-top: 100%
}

.component.holder .chance-image__logo img,
.component.holder .chance-image__logo svg {
    width: 60%;
    height: auto
}

.component.holder[data-preferences=mal] .chance-image__person img[src*='/female'] {
    display: none
}

.component.holder[data-preferences=mal] .chance__description span:not([data-text-preferences=mal]),
.component.holder[data-preferences=mal] .chance__title span:not([data-text-preferences=mal]) {
    display: none
}

.component.holder[data-preferences=fem] .chance-image__person img[src*='/male'] {
    display: none
}

.component.holder[data-preferences=fem] .chance__description span:not([data-text-preferences=fem]),
.component.holder[data-preferences=fem] .chance__title span:not([data-text-preferences=fem]) {
    display: none
}

.component.holder[data-preferences=both] .chance-image__person:nth-child(2n) img[src*='/male'] {
    display: none
}

.component.holder[data-preferences=both] .chance-image__person:nth-child(2n+1) img[src*='/female'] {
    display: none
}

.component.holder[data-preferences=both] .chance__description span:not([data-text-preferences=both]),
.component.holder[data-preferences=both] .chance__title span:not([data-text-preferences=both]) {
    display: none
}

dialog.component.authorization-without-password-popup {
    font-family: 'Open Sans', Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: #222;
    outline: 0;
    border: none;
    border-radius: 10px;
    overflow: hidden;
    padding: 0
}

dialog.component.authorization-without-password-popup::backdrop {
    background: rgba(0, 0, 0, .6);
    backdrop-filter: blur(12.5px)
}

dialog.component.authorization-without-password-popup .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1000px;
    max-height: 680px;
    width: 80vw;
    height: 80vh;
    box-sizing: border-box;
    position: relative
}

dialog.component.authorization-without-password-popup .content .pseudo-link {
    color: #3c96ff
}

dialog.component.authorization-without-password-popup .content .pseudo-link:hover {
    border-bottom-color: #3c96ff
}

dialog.component.authorization-without-password-popup .content .resent-notification {
    position: absolute;
    left: 0;
    top: 50px;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px;
    box-sizing: border-box
}

@media (max-width:768px) {
    dialog.component.authorization-without-password-popup .content .resent-notification {
        top: 0
    }
}

dialog.component.authorization-without-password-popup .content .resent-notification .bubble {
    border-radius: 10px;
    background: #fbfbfb;
    padding: 6px 24px;
    color: #323232;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -.24px
}

@media (max-width:425px) {
    dialog.component.authorization-without-password-popup .content .resent-notification .bubble {
        width: 100%;
        padding: 6px 15px
    }
}

dialog.component.authorization-without-password-popup .content .resent-notification .bubble .recipient {
    font-weight: 700
}

dialog.component.authorization-without-password-popup section.actions,
dialog.component.authorization-without-password-popup section.alert {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 8px;
    text-align: center;
    box-sizing: border-box
}

dialog.component.authorization-without-password-popup section.actions .title,
dialog.component.authorization-without-password-popup section.alert .title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -.36px;
    margin: 10px 0
}

dialog.component.authorization-without-password-popup section.actions .text,
dialog.component.authorization-without-password-popup section.alert .text {
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -.28px;
    margin: 10px 0
}

dialog.component.authorization-without-password-popup section.alert {
    justify-content: flex-end;
    flex-grow: 2;
    background: #d4202d;
    color: #fff;
    padding-bottom: 46px
}

@media (max-width:768px) {
    dialog.component.authorization-without-password-popup section.alert {
        padding-bottom: 30px
    }
}

dialog.component.authorization-without-password-popup section.alert .mail-inbox-notification {
    width: 261px;
    height: 261px;
    margin: -40px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("mail-inbox-notification-dea0524d43-3.png");
    background-image: image-set(url("mail-inbox-notification-dea0524d43-3.png") 1x, url("mail-inbox-notification@2x-12140ac6a4-3.png") 2x)
}

dialog.component.authorization-without-password-popup section.actions {
    justify-content: center;
    flex-grow: 1;
    background: #fbfbfb;
    color: #83878d
}

dialog.component.authorization-without-password-popup .close {
    position: absolute;
    display: block;
    font-size: 19px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    right: 20px;
    top: 20px;
    z-index: 2;
    width: 12px;
    height: 12px;
    padding: 0;
    background: url("9aaff7dfb400712928694748e21304be9743d269.svg") top center/cover no-repeat;
    white-space: nowrap;
    text-indent: 200%
}

@media (max-width:768px) {
    dialog.component.authorization-without-password-popup .close {
        top: 15px;
        right: 15px
    }
}

.email-check-banner__content {
    border: none;
    overflow: hidden;
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    border-radius: 0;
    background: #fff;
    color: #222;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .03);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: normal;
    padding: 24px
}

.email-check-banner--dark .email-check-banner__content {
    background: #222;
    color: #fff
}

@media (min-width:992px) {
    .email-check-banner__content {
        position: absolute;
        right: auto;
        border-radius: 16px;
        max-width: 506px
    }
}

@media (min-width:1281px) {
    .email-check-banner__content {
        max-width: 536px
    }
}

.email-check-banner__header {
    flex: 1 1 auto;
    max-height: 88px;
    display: flex;
    justify-content: center
}

.email-check-banner__header .email-check-banner__logo {
    max-width: 50%
}

.email-check-banner__header .email-check-banner__logo img,
.email-check-banner__header .email-check-banner__logo svg {
    height: 100%;
    width: auto;
    max-width: 100%
}

.email-check-banner__info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.email-check-banner__info .email-check-banner__title {
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    margin: 0
}

@media (min-width:992px) {
    .email-check-banner__info .email-check-banner__title {
        font-size: 30px;
        line-height: 1.6
    }
}

.email-check-banner__info .email-check-banner__subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0
}

.email-check-banner__actions {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.email-check-banner__actions .email-check-banner__btn {
    text-transform: uppercase
}

.email-check-banner__actions .email-check-banner__btn#login-resend-button {
    background-color: #fff;
    color: #222
}

.email-check-banner__actions .email-check-banner__btn#login-resend-button:hover {
    background-color: #f5f5f5
}

.email-check-banner__actions .email-check-banner__btn[hidden] {
    display: none
}

@media (max-width:991px) {
    [lang=it-IT] .email-check-banner__actions .email-check-banner__btn {
        font-size: 11px
    }
}

.email-check-banner__content {
    border: none;
    overflow: hidden;
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    border-radius: 0;
    background: #fff;
    color: #222;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .03);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: normal;
    padding: 24px
}

.email-check-banner--dark .email-check-banner__content {
    background: #222;
    color: #fff
}

@media (min-width:992px) {
    .email-check-banner__content {
        position: absolute;
        right: auto;
        border-radius: 16px;
        max-width: 506px
    }
}

@media (min-width:1281px) {
    .email-check-banner__content {
        max-width: 536px
    }
}

.email-check-banner__header {
    flex: 1 1 auto;
    max-height: 88px;
    display: flex;
    justify-content: center
}

.email-check-banner__header .email-check-banner__logo {
    max-width: 50%
}

.email-check-banner__header .email-check-banner__logo img,
.email-check-banner__header .email-check-banner__logo svg {
    height: 100%;
    width: auto;
    max-width: 100%
}

.email-check-banner__info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.email-check-banner__info .email-check-banner__title {
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    margin: 0
}

@media (min-width:992px) {
    .email-check-banner__info .email-check-banner__title {
        font-size: 30px;
        line-height: 1.6
    }
}

.email-check-banner__info .email-check-banner__subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0
}

.email-check-banner__actions {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.email-check-banner__actions .email-check-banner__btn {
    text-transform: uppercase
}

.email-check-banner__actions .email-check-banner__btn#login-resend-button {
    background-color: #fff;
    color: #222
}

.email-check-banner__actions .email-check-banner__btn#login-resend-button:hover {
    background-color: #f5f5f5
}

.email-check-banner__actions .email-check-banner__btn[hidden] {
    display: none
}

@media (max-width:991px) {
    [lang=it-IT] .email-check-banner__actions .email-check-banner__btn {
        font-size: 11px
    }
}

.qJTHM {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    color: #202124;
    direction: ltr;
    -webkit-touch-callout: none;
    font-family: "Roboto-Regular", arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    -webkit-text-size-adjust: 100%
}

.ynRLnc {
    left: -9999px;
    position: absolute;
    top: -9999px
}

.L6cTce {
    display: none
}

.bltWBb {
    overflow-wrap: break-word;
    word-break: break-word
}

.hSRGPd {
    color: #1a73e8;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none
}

.Bz112c-W3lGp {
    height: 16px;
    width: 16px
}

.Bz112c-E3DyYd {
    height: 20px;
    width: 20px
}

.Bz112c-r9oPif {
    height: 24px;
    width: 24px
}

.Bz112c-u2z5K {
    height: 36px;
    width: 36px
}

.Bz112c-uaxL4e {
    border-radius: 10px
}

.LgbsSe-Bz112c {
    display: block
}

.S9gUrf-YoZ4jf {
    border: none;
    margin: 0;
    padding: 0
}

.S9gUrf-YoZ4jf * {
    border: none;
    margin: 0;
    padding: 0
}

.fFW7wc-ibnC6b>.aZ2wEe>div {
    border-color: #4285f4
}

.P1ekSe-ZMv3u {
    -webkit-transition: height linear .2s;
    transition: height linear .2s
}

.P1ekSe-ZMv3u>div:nth-child(1) {
    background-color: #1a73e8 !important;
    -webkit-transition: width linear .3s;
    transition: width linear .3s
}

.P1ekSe-ZMv3u>div:nth-child(2) {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .7)), to(rgba(255, 255, 255, .7))), -webkit-gradient(linear, left top, right top, from(#1a73e8), to(#1a73e8)) !important;
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), -webkit-linear-gradient(left, #1a73e8, #1a73e8) !important;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #1a73e8, #1a73e8) !important
}

.P1ekSe-ZMv3u>div:nth-child(3) {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .7)), to(rgba(255, 255, 255, .7))), -webkit-gradient(linear, left top, right top, from(#1a73e8), to(#1a73e8)) !important;
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), -webkit-linear-gradient(left, #1a73e8, #1a73e8) !important;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #1a73e8, #1a73e8) !important
}

.haAclf {
    display: inline-block
}

.nsm7Bb-HzV7m-LgbsSe {
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-transition: background-color .218s, border-color .218s;
    transition: background-color .218s, border-color .218s;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dadce0;
    color: #3c4043;
    cursor: pointer;
    font-family: "Google Sans", arial, sans-serif;
    font-size: 14px;
    height: 40px;
    letter-spacing: .25px;
    outline: none;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto
}

@media screen and (-ms-high-contrast:active) {
    .nsm7Bb-HzV7m-LgbsSe {
        border: 2px solid windowText;
        color: windowText
    }
}

@media screen and (preferes-contrast:more) {
    .nsm7Bb-HzV7m-LgbsSe {
        color: #000
    }
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe {
    font-size: 14px;
    height: 32px;
    letter-spacing: .25px;
    padding: 0 10px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe {
    font-size: 11px;
    height: 20px;
    letter-spacing: .3px;
    padding: 0 8px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe {
    padding: 0;
    width: 40px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe {
    width: 32px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe {
    width: 20px
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK {
    border-radius: 20px
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe {
    border-radius: 16px
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe {
    border-radius: 10px
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc {
    border: none;
    color: #fff
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc {
    background-color: #1a73e8
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
    background-color: #202124;
    color: #e8eaed
}

@media screen and (prefers-contrast:more) {
    .nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
        color: #fff
    }
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 18px;
    margin-right: 8px;
    min-width: 18px;
    width: 18px
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 14px;
    min-width: 14px;
    width: 14px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 10px;
    min-width: 10px;
    width: 10px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin-left: 8px;
    margin-right: -4px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin: 0;
    padding: 10px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    padding: 8px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    padding: 4px
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    height: 36px;
    margin-left: -10px;
    margin-right: 12px;
    min-width: 36px;
    width: 36px
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c,
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin: 0;
    padding: 0
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    height: 28px;
    margin-left: -8px;
    margin-right: 10px;
    min-width: 28px;
    width: 28px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    height: 16px;
    margin-left: -6px;
    margin-right: 8px;
    min-width: 16px;
    width: 16px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    border-radius: 3px;
    margin-left: 2px;
    margin-right: 0;
    padding: 0
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    border-radius: 18px
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    border-radius: 14px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    border-radius: 8px
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    position: relative;
    width: 100%
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    -webkit-flex-grow: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    font-weight: 300
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    -webkit-flex-grow: 0;
    -webkit-box-flex: 0;
    flex-grow: 0
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    -webkit-transition: background-color .218s;
    transition: background-color .218s;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.nsm7Bb-HzV7m-LgbsSe:hover,
.nsm7Bb-HzV7m-LgbsSe:focus {
    box-shadow: none;
    border-color: rgb(210, 227, 252);
    outline: none
}

.nsm7Bb-HzV7m-LgbsSe:focus-within {
    outline: 2px solid #00639b;
    border-color: transparent
}

.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(66, 133, 244, .08)
}

.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
.nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(66, 133, 244, .1)
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(255, 255, 255, .24)
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(255, 255, 255, .32)
}

.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY {
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 20px;
    margin-left: -4px;
    margin-right: 8px;
    min-width: 20px;
    width: 20px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    font-family: "Roboto";
    font-size: 12px;
    text-align: left
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf,
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS {
    overflow: hidden;
    text-overflow: ellipsis
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    color: #5f6368;
    fill: #5f6368;
    font-size: 11px;
    font-weight: 400
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
    color: #e8eaed;
    fill: #e8eaed
}

@media screen and (prefers-contrast:more) {
    .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff,
    .nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
        color: #000;
        fill: #000
    }
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c {
    height: 18px;
    margin: -3px -3px -3px 2px;
    min-width: 18px;
    width: 18px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-left: 12px;
    margin-right: -10px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    border-radius: 18px
}

.L5Fo6c-sM5MNb {
    border: 0;
    display: block;
    left: 0;
    position: relative;
    top: 0
}

.L5Fo6c-bF1uUb {
    border-radius: 4px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.L5Fo6c-bF1uUb:focus {
    border: none;
    outline: none
}

sentinel {}