@font-face {
    font-family: "Akira Expanded";
    src: url("../fonts/Akira\ Expanded\ Demo.otf") format("woff2");

    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Akira Expanded";
    src: url("../fonts/Akira\ Expanded\ Demo.otf") format("woff2");

    font-weight: 700;
    font-style: normal;
}

html,
body {
    height: 100%;
    width: 100%;
    margin: 0;
    background-color: rgba(0, 0, 0, 1);
}
html {
    scroll-behavior: smooth;
}

body {
    line-height: 1.5;
    background-repeat: no-repeat;
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

img,
picture,
video,
canvas {
    display: block;
    max-width: 100%;
}

p,
span,
a,
button,
textarea {
    font-family: "Archivo", sans-serif;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Akira Expanded", sans-serif;
    overflow-wrap: break-word;
}

button {
    border: 0;
    background: none;
    cursor: pointer;
    outline: none;
}

ul,
ol {
    list-style: none;
}

input {
    border: none;
}

.main {
    margin: 0 auto;
    width: 100%;
    /* position: relative; */
    max-width: 1440px;
}

.wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    /* position: relative; */
}

.canvas {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.container {
    max-width: 1440px;
    width: 100%;
    transition: all 0.5s;
}

.breadcrumbs {
    height: 100%;
    position: absolute;
    margin-top: 120px;
    margin-left: 65px;
}

.breadcrumbs-mobile {
    height: 100%;
    position: absolute;
    margin-top: 50px;
    margin-left: 10px;
}

.faq-canvas {
    height: 100%;
    position: absolute;
    top: -30%;
    right: -6%;
}

.container-blocks {
    display: flex;
    width: 100%;
    padding: 80px 74px 76px 74px;
}

.container-blocks-mobile {
    display: flex;
    width: 100%;
    padding-top: 80px;
    margin-left: 10px;
    margin-right: 10px;
}

header {
    width: 100%;
    z-index: 1;
    background-attachment: fixed;
    background-position: top center;
    background-color: transparent;
}

.header-logo {
    width: 142px;
}

.header-wrapper {
    width: 100%;
    max-width: 1440px;
}

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 74px 28px;
}

nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 24px;
}

.nav-link {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    transition: color 0.5s ease-out;
}

.nav-link:hover {
    color: rgba(143, 0, 231, 1);
}

.header__buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 22px;
}

.header__select-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    column-gap: 6px;
}

.header__buttons-select {
    border: none;
    background-color: transparent;
    font-family: "Archivo Narrow", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.header__buttons-select option {
    background: rgb(0, 0, 0);
    border: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.header__buttons-link {
    padding: 6px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(144, 144, 144, 1);
}

.account-icon {
    width: 24px;
}

.container {
    display: flex;
}

.container__block {
    max-width: 672px;
    width: 100%;
}

.container__block-title {
    color: rgba(255, 255, 255, 1);
    font-size: 72px;
    font-weight: 700;
    line-height: 58px;
    letter-spacing: -0.01em;
    text-align: left;
    margin: 0;
}

.container__block-about {
    color: rgba(255, 255, 255, 1);
    font-size: 56px;
    font-weight: 400;
    line-height: 58px;
    letter-spacing: -0.01em;
    text-align: left;
    margin: 0;
}

.container__block-span {
    font-family: "Archivo Narrow", sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(144, 144, 144, 1);
    margin-top: 24px;
}

.container__block-span-mobile {
    font-family: "Archivo Narrow", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(144, 144, 144, 1);
    margin-top: 24px;
}

.span-active {
    color: rgba(143, 0, 231, 1);
}

.container__block-description {
    width: 100%;
    max-width: 442px;
}

.container__block-link {
    display: flex;
    padding: 8px 8px 8px 32px;
    border-radius: 34px;
    border: 1px solid rgba(64, 64, 64, 1);
    column-gap: 16px;
    background-color: transparent;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    width: fit-content;
    justify-content: space-between;
    align-items: center;
    margin-top: 58px;
    background-color: rgba(0, 0, 0, 1);
}

.arrow-icon-border {
    background: rgba(255, 255, 255, 1);
    padding: 8px;
    border-radius: 50%;
}

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

.container__main-mobile {
    width: 95%;
    position: relative;
}

.container__main-image {
    position: absolute;
    max-width: 503px;
    width: 100%;
    top: -74px;
    left: -110px;
}

.block-hide {
    position: absolute;
    width: 268px;
    height: 96px;
    bottom: 26px;
    left: 82px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 61.08%);
}

.benefits {
    width: 100%;
}

.benefits-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    position: relative;
    max-width: 1440px;
}

.benefits-container {
    width: fit-content;
    padding: 80px 74px 76px 74px;
}

.benefits-title {
    width: 100%;
    max-width: 602px;
}

.benefits-blocks {
    display: flex;
    width: fit-content;
    align-items: center;
    padding-left: 200px;
    column-gap: 20px;
    row-gap: 20px;
}

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

.benefits-block {
    width: 497px;
    padding: 44px 40px;
    border: 1px solid white;
    background: rgba(0, 0, 0, 1);
    border: 1px solid rgba(64, 64, 64, 1);
}

.benefit-title {
    font-size: 40px;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: -0.04em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.benefit-subtitle {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(182, 182, 182, 1);
    margin-top: 18px;
}

.benefit-description {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 56px;
}

.benefit-number {
    font-family: "Akira Expanded", sans-serif;
    font-size: 72px;
    font-weight: 700;
    line-height: 58px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.benefit-subnumber {
    font-family: "Archivo Narrow", sans-serif;
    color: rgba(182, 182, 182, 1);
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

.benefit-plus {
    width: 24px;
}

.club-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.club-container {
    padding: 80px 74px 76px 74px;
    width: fit-content;
}

.club-title {
    width: 100%;
    max-width: 600px;
}

.club-span {
    margin-bottom: 30px;
}

.club-blocks {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: 46px;
    column-gap: 86px;
    display: flex;
}

.club-addresses {
    margin-top: 20px;
    width: 100%;
    height: 660px;
    overflow: auto;
}

.club-addresses-block {
    width: 432px;
    height: 700px;
}

.search-container {
    padding: 12px 16px 12px 24px;
    border-radius: 8px;
    border: 1px solid rgba(64, 64, 64, 1);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navigation-container {
    position: relative;
    padding: 16px 12px 16px 16px;
}

.faq-search-mobile {
    margin-top: 0;
}

.search-input {
    border: none;
    outline: none;
    background-color: transparent;
}

.search-input::placeholder {
    color: rgba(144, 144, 144, 1);
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
}

.search-icon {
    width: 24px;
}

.club-block {
    padding: 20px 0;
    width: 100%;
    max-width: 400px;
    border-top: 1px solid rgba(64, 64, 64, 1);
}

.club-block-title {
    font-family: "Archivo", sans-serif;
    font-size: 27px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.club-block-address {
    font-family: "Archivo Narrow", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(182, 182, 182, 1);
    text-transform: uppercase;
    margin-top: 6px;
}

.club-block-description {
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(182, 182, 182, 1);
    margin-top: 22px;
}

.club-block-time {
    margin-top: 20px;
    font-family: "Archivo", sans-serif;
    font-size: 27px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.club-block-description.business-time {
    display: flex;
}

.business-time-title {
    width: 175px;
}

.club-map {
    width: 760px;
    border-radius: 8px;
}

.footer__image {
    width: 400px;
}

.footer__image-container {
    position: absolute;
    max-width: 1266px;
    width: 100%;
    bottom: 0;
    z-index: 0;
    left: -10px;
}

.footer-subtitle {
    width: 100%;
    max-width: 306px;
}

.footer-subtitle p {
    font-size: 27px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: rgba(182, 182, 182, 1);
}

.footer-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 100%;
}

.footer-title h2 {
    font-size: 72px;
    font-weight: 700;
    line-height: 58px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.footer-title p {
    font-size: 72px;
    font-weight: 700;
    line-height: 150px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}


.footer-link {
    font-size: 18px;
    width: fit-content;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    position: relative;
    padding: 6px;
    transition: color 0.3s ease-in-out;
}

.footer-link::after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(144, 144, 144, 1);
    transition: background-color 0.3s ease-in-out;
}

.footer-link:hover {
    color: rgba(143, 0, 231, 1);
}

.footer-link:hover::after {
    background-color: rgba(143, 0, 231, 1);
}

.link-active {
    color: rgba(143, 0, 231, 1);
}

.link-active::after {
    background-color: rgba(143, 0, 231, 1);
}

.footer-information {
    width: 100%;
    display: flex;
    column-gap: 84px;
}

.footer-navigation {
    display: flex;
    flex-direction: column;
    row-gap: 18px;
}

.footer-navigation-title {
    text-transform: uppercase;
    font-family: "Archivo Narrow", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(144, 144, 144, 1);
}

.footer-navigation-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    row-gap: 2px;
}

.footer-contacts {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-text {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.footer-address {
    max-width: 194px;
    width: 100%;
}

.footer-social {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-social-images {
    display: flex;
    column-gap: 14px;
}

.social-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 0.67px solid rgba(64, 64, 64, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.download-icon {
    padding: 8px 50px;
    border: 1px solid rgba(64, 64, 64, 1);
    border-radius: 3px;
}

.footer-download-images {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.wrapper-gray {
    width: 100%;
    background: rgba(182, 182, 182, 1);
}

.container-gray {
    padding: 134px 74px;
    width: fit-content;
}

.second-gray {
    width: 100%;
    max-width: 1440px;
}

.second-gray-container {
    padding: 0 74px 130px 74px;
}

.container-title-gray {
    max-width: 772px;
    width: 100%;
}

.container-description-gray {
    width: 100%;
    display: flex;
    align-items: baseline;
}

.container-description-gray span {
    color: rgba(64, 64, 64, 1);
}

.description-gray {
    width: 100%;
    max-width: 640px;
}

.container-description-gray p {
    color: rgba(64, 64, 64, 1);
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    margin: 0 102px 0 56px;
}

.container-second-gray {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.description-second-text {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.description-second-gray {
    max-width: 760px;
    width: 100%;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    column-gap: 64px;
}

.block-description-text {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(64, 64, 64, 1);
}

.container-plan {
    display: grid;
    grid-template-columns: repeat(3, 320px);
    margin-top: 50px;
    margin-bottom: 50px;
    column-gap: 32px;
}

.block-plan {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 34px 20px;
    background: rgba(0, 0, 0, 1);
    border-radius: 8px;
}

.block-plan-mobile {
    padding: 32px 24px;
}

.block-plan:nth-child(even) {
    background: rgba(243, 64, 0, 1);
}

.block-plan-title {
    font-size: 40px;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: -0.04em;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
}

.block-plan-subtitle {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: center;
    color: rgba(144, 144, 144, 1);
    margin-top: 8px;
}

.block-plan:nth-child(even) p {
    color: rgba(255, 255, 255, 1);
}

.block-plan:nth-child(even) span {
    color: rgba(255, 255, 255, 1);
}

.block-plan:nth-child(even) a {
    border: 1px solid rgba(255, 255, 255, 1);
}

.block-plan-list {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    margin-top: 10px;
}

.block-plan-item {
    display: flex;
    column-gap: 6px;
}

.block-plan-item p {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.block-plan-icon {
    width: 12px;
    min-width: 12px;
}

.block-plan-bottom {
    border-top: 1px solid rgba(64, 64, 64, 1);
    width: 100%;
    row-gap: 20px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.block-plan-price {
    display: flex;
    align-items: baseline;
    justify-content: center;
    column-gap: 6px;
}

.block-plan-price h2 {
    font-size: 72px;
    font-weight: 700;
    line-height: 58px;
    letter-spacing: -0.01em;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    margin: 0;
}

.block-plan-price p {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(144, 144, 144, 1);
}

.block-plan-link {
    display: flex;
    padding: 8px 8px 8px 32px;
    border-radius: 34px;
    border: 1px solid rgba(64, 64, 64, 1);
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
}

.block-plan-link:disabled,
.block-plan-link[disabled] {
    color: rgba(64, 64, 64, 1);
    cursor: none;
}

.block-plan-link:disabled,
.block-plan-link[disabled] .arrow-icon-border {
    background: rgba(64, 64, 64, 1);
}

.block-plan:nth-child(even) .block-plan-bottom {
    border-top: 1px solid rgba(255, 255, 255, 1);
}

.block-description-plan {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 34px 20px;
    background: rgba(0, 0, 0, 1);
    border-radius: 8px;
    margin-top: 68px;
}

.block-description-title {
    font-size: 40px;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: -0.04em;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
}

.block-description-plan-subtitle {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: center;
    color: rgba(144, 144, 144, 1);
    margin-top: 8px;
}

.block-description-plan-list {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    margin-top: 10px;
}

.block-description-plan-item {
    display: flex;
    align-items: baseline;
    column-gap: 6px;
}

.block-description-plan-item p {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.block-description-plan-icon {
    width: 12px;
}

.block-description-plan-bottom {
    border-top: 1px solid rgba(64, 64, 64, 1);
    width: 100%;
    row-gap: 20px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.block-description-plan-price {
    display: flex;
    align-items: baseline;
    justify-content: center;
    column-gap: 6px;
}

.block-description-plan-price h2 {
    font-size: 72px;
    font-weight: 700;
    line-height: 58px;
    letter-spacing: -0.01em;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    margin: 0;
}

.block-description-plan-price p {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(144, 144, 144, 1);
}

.block-description-plan-link {
    display: flex;
    padding: 8px 8px 8px 32px;
    border-radius: 34px;
    border: 1px solid rgba(64, 64, 64, 1);
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
}

.block-description-plan-link:disabled,
.block-description-plan-link[disabled] {
    color: rgba(64, 64, 64, 1);
    cursor: none;
}

.block-description-plan-link:disabled,
.block-description-plan-link[disabled] .arrow-icon-border {
    background: rgba(64, 64, 64, 1);
}

.container-switches {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    margin-top: 68px;
}

.container-switches-block {
    max-width: 376px;
    width: 100%;
    display: grid;
    align-items: center;
    grid-template-columns: 276px 24px 52px;
    column-gap: 20px;
}

.container-switches-block p {
    font-size: 27px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
}

label.switch {
    text-align: left;
    width: 52px;
    height: calc(52px / 2);
    border-radius: 60px;
    background: rgba(143, 0, 231, 1);
    display: inline-block;
    position: relative;
    cursor: pointer;
}

label.switch > span {
    display: block;
    width: 100%;
    height: 100%;
}

label.switch > input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

label.switch > span:before,
label.switch > span:after {
    content: "";
    cursor: pointer;
    position: absolute;
}

/* label.switch > input[type="checkbox"]:checked:focus ~ span {
  box-shadow: 0 0 0 4px rgba(143, 0, 231, 1);
}

label.switch > input[type="checkbox"]:focus ~ span {
  box-shadow: 0 0 0 4px rgba(144, 144, 144, 1);
} */

label.switch > span {
    border-radius: 60px;
}

label.switch > span:before {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: rgba(144, 144, 144, 1);
    border-radius: 60px;
    transition: opacity 0.2s ease-out 0.1s, transform 0.2s ease-out 0.1s;
    transform: scale(1);
    opacity: 1;
}

label.switch > span:after {
    top: 50%;
    z-index: 3;
    transition: transform 0.4s cubic-bezier(0.44, -0.12, 0.07, 1.15);
    width: calc(52px / 2);
    height: calc(52px / 2);
    transform: translate3d(0, -50%, 0);
    background-color: #fff;
    border-radius: 100%;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
}

label.switch > input[type="checkbox"]:checked ~ span:before {
    transform: scale(0);
    opacity: 0.7;
}
label.switch
> input[type="checkbox"]:checkedinformation-container
~ span:after {
    transform: translate3d(100%, -50%, 0);
}

.information-wrapper {
    width: 100%;
    max-width: 1440px;
}

.information-container {
    width: fit-content;
    padding: 164px 74px 12px;
    display: flex;
    column-gap: 74px;
}

.about-information {
}

.oval-container {
    position: relative;
}

.oval-shape {
    position: relative;
    width: 394px;
    border-radius: 30% 90% 30%;
    background: rgba(217, 217, 217, 1);
    z-index: 2;
}

.ray-top {
    position: absolute;
    z-index: 1;
    top: -28%;
    left: -20%;
}

.ray-left {
    position: absolute;
    z-index: 1;
    top: 40%;
    left: -20%;
}

.ray-right {
    position: absolute;
    z-index: 1;
    top: 42%;
    left: 100%;
}

.ray-bottom {
    position: absolute;
    z-index: 1;
    top: 70%;
    left: 80%;
}

.gray-shape {
    background: rgba(217, 217, 217, 1);
}

.oval-img {
    object-fit: cover;
    border-radius: 30% 90% 30%;
    box-shadow: 5px 15px 15px #6d00b0;
}

.information-block {
    max-width: 760px;
    width: 100%;
    padding-top: 76px;
}
.information-block.download-app-title {
    padding-top: unset;
}

.information-title {
    max-width: 645px;
    width: 100%;
}

.information-description {
    display: flex;
    column-gap: 88px;
    align-items: baseline;
}

.information-description span {
    color: rgba(64, 64, 64, 1);
}

.information-description-text {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    color: rgba(182, 182, 182, 1);
    margin-bottom: 40px;
}

.information-description-gray {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(64, 64, 64, 1);
}

.offers-container {
    display: grid;
    grid-template-columns: 1fr 197px 1fr;
    width: 100%;
    margin-top: 285px;
    margin-bottom: 180px;
}

.offers-container p {
    font-weight: 300;
    line-height: 100%;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
}
.offers-title {
    grid-column: 1 / span 2;
    justify-self: left;
    margin-left: 75px;
}

.offers-label {
    background-color: black;
    text-align: center;
}

.solarium-label {
    padding: 8px 12px 10px 12px;
    margin: auto 4px 4px 4px;
    font-size: 27px;
    letter-spacing: -0.54px;
    border-radius: 4px;
}

.offers-container__solarium-image {
    display: flex;
    flex-direction: column;
    background-image: url("../images/solarium.png");
    background-size: cover;
    height: 270px;
    width: 320px;
    justify-self: end;
    margin-right: 75px;
}

.k-fit-app-label {
    font-size: 12.909px;
    letter-spacing: -0.258px;
    padding: 3.825px 5.738px 4.781px 5.738px;
    margin: auto 2px 2px 2px;
    border-radius: 1.913px;
}

.offers-container__k-fit-app-image {
    display: flex;
    flex-direction: column;
    background-image: url("../images/k-fit-app.png");
    background-size: cover;
    height: 129px;
    width: 153px;
    justify-self: right;
    margin-right: 28px;
}

.hydro-massage-label {
    font-size: 5.147px;
    letter-spacing: -0.103px;
    padding: 1.525px 2.287px 1.906px 2.287px;
    margin: auto 1px 1px 1px;
    border-radius: 0.762px;
}

.offers-container__hydro-massage-image {
    display: flex;
    flex-direction: column;
    background-image: url("../images/hydro-massage.png");
    background-size: cover;
    height: 51.4px;
    width: 61px;
    justify-self: center;
    transform: translateY(-25px);
}

.nutritional-advice-label {
    font-size: 12.234px;
    letter-spacing: -0.245px;
    padding: 3.625px 5.438px 4.531px 5.438px;
    margin: auto 2px 2px 2px;
    border-radius: 1.813px;
}

.offers-container__nutritional-advice-image {
    display: flex;
    flex-direction: column;
    background-image: url("../images/nutritional-advice.png");
    background-size: cover;
    height: 122px;
    width: 145px;
    margin-left: 20px;
}

.body-analysis-label {
    font-size: 16.622px;
    letter-spacing: -0.332px;
    padding: 4.925px 7.388px 6.156px 7.388px;
    margin: auto 2.5px 2.5px 2px;
    border-radius: 2.463px;
}

.offers-container__body-analysis-image {
    display: flex;
    flex-direction: column;
    background-image: url("../images/body-analysis.png");
    background-size: cover;
    height: 166px;
    width: 197px;
    margin-top: 32px;
    justify-self: center;
    grid-column: 1 / span 3;
}

.personal-coaching-label {
    font-size: 24px;
    letter-spacing: -0.486px;
    padding: 7.2px 10.8px 9px 10.8px;
    margin: auto 3.6px 3.6px 3.6px;
    border-radius: 3.6px;
}

.offers-container__personal-coaching-image {
    display: flex;
    flex-direction: column;
    background-image: url("../images/personal-coaching.png");
    background-size: cover;
    height: 243px;
    width: 288px;
    justify-self: center;
}

.isotonic-drinks-label {
    font-size: 27px;
    letter-spacing: -0.54px;
    padding: 8px 12px 10px 12px;
    margin: auto 4px 4px 4px;
    border-radius: 4px;
}

.offers-container__isotonic-drinks-image {
    display: flex;
    flex-direction: column;
    background-image: url("../images/isotonic-drinks.png");
    background-size: cover;
    height: 270px;
    width: 320px;
    justify-self: center;
    grid-column: 3;
    justify-self: center;
}

.slider-container {
    padding: 168px 74px 100px;
    display: flex;
    flex-direction: column;
    column-gap: 74px;
    overflow: hidden;
}

.slider-container-about {
    padding: 12px 74px 36px;
    display: flex;
    flex-direction: column;
    column-gap: 74px;
    overflow: hidden;
}

.slider-container-app {
    display: block;
    padding-top: 0;
    padding-bottom: 120px;
    opacity: 0;
    transition: all 0.8s ease-in-out;
}

.slider-container-title {
    width: 100%;
}

.slider-container-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 14px;
    min-width: 0;
}

.slider-container-gallery {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 14px;
    min-width: 0;
}

.slider-buttons {
    display: flex;
    column-gap: 20px;
}

.arrow-icon-slider {
    border: 1.5px solid rgba(255, 255, 255, 1);
    padding: 8px;
    border-radius: 50%;
}

.arrow-right {
    rotate: 180deg;
}

.google-rating {
    display: flex;
    column-gap: 16px;
}

.google-rating-image {
    width: 54px;
}

.rating-number {
    font-size: 27px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(252, 212, 0, 1);
}

.rating {
    display: flex;
    column-gap: 8px;
    align-items: end;
}

.rating-title {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.rating-starts {
    display: flex;
}

.rating-star {
    width: 16px;
    margin-right: 4px;
}

.slider {
    width: 100%;
    column-gap: 34px;
    margin-top: 36px;
    display: flex;
}

.slide {
    max-width: 360px;
    width: 100%;
    border-radius: 8px;
    padding: 30px;
    border: 1px solid rgba(64, 64, 64, 1);
}

.review-top {
    display: flex;
    column-gap: 14px;
}

.review-image {
    width: 64px;
    border-radius: 50%;
}

.review-name {
    color: rgba(255, 255, 255, 1);
    font-size: 27px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;
}

.review-info {
    display: flex;
    column-gap: 8px;
    margin-top: 34px;
}

.review-date {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(144, 144, 144, 1);
}

.review-text {
    margin-top: 22px;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.wrapper-faq {
    width: 100%;
    position: relative;
    max-width: 1440px;
}

.container-faq {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 80px 74px 76px 74px;
}

.faq {
    width: 100%;
    max-width: 760px;
    display: flex;
    flex-direction: column;
    row-gap: 60px;
}

.faq-title {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.faq-top {
    display: flex;
    column-gap: 40px;
}

.faq-buttons {
    width: fit-content;
    padding: 8px 8px 8px 8px;
    border-radius: 34px;
    column-gap: 24px;
    border: 1px solid rgba(64, 64, 64, 1);
}

.faq-button {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    transition: all 0.3s;
}

.faq-button-mobile {
    flex-shrink: 0;
}

.active {
    background: rgba(143, 0, 231, 1);
    padding: 8px 16px 8px 16px;
    border-radius: 40px;
}

.faq-question {
    padding: 32px 0px;
    width: 100%;
    border-bottom: 1px solid rgba(64, 64, 64, 1);
    cursor: pointer;
}

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

.faq-plus {
    width: 24px;
}

.faq-link {
    margin: 0;
}

.faq-question-name {
    font-size: 27px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
}

.faq-question-text {
    margin-left: 116px;
    margin-top: 36px;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}
.faq-question-text a {
    text-decoration: underline;
}

.block-faq {
    padding: 44px 74px 120px;
    width: 100%;
    z-index: 1;
}

.faq-page-title {
    padding: 74px 0 54px 0;
    margin: 0 auto;
    max-width: 762px;
    width: 100%;
}

.faq-search {
    background: #000000;
    margin-top: 34px;
}

.faq-questions-container {
    width: 100%;
    /* max-width: 760px; */
    display: flex;
    column-gap: 32px;
}

.faq-right {
    display: flex;
    flex-direction: column;
    padding: 24px;
    row-gap: 20px;
    border-radius: 8px;
    border: 1px solid rgba(64, 64, 64, 1);
    height: fit-content;
}

.faq-right-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(144, 144, 144, 1);
    text-transform: uppercase;
    font-family: "Archivo Narrow", sans-serif;
}

.faq-navigation {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
}

.faq-navigation-mobile {
    row-gap: 16px;
    align-items: start;
}

.faq-block-questions {
    max-width: 762px;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 62px;
    padding-bottom: 120px;
}

.faq-block-question {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.faq-block-question-title {
    font-size: 40px;
    margin-bottom: 34px;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: -0.04em;
    text-align: left;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
}

.wrapper-instagram {
    width: 100%;
    position: relative;
    max-width: 1440px;
}

.container-instagram {
    position: relative;
    width: fit-content;
    padding: 80px 74px 156px 74px;
}

.instagram-title {
    width: 100%;
    max-width: 822px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.instagram-grid {
    display: grid;
    column-gap: 32px;
    row-gap: 32px;
    grid-template-columns: repeat(5, 232px);
}

.instagram-grid-item {
    width: 232px;
    height: 232px;
}

.instagram-icon-text {
    font-size: 18px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.instagram-icon {
    width: 16px;
}

.grid-item-link {
    display: flex;
    column-gap: 6px;
}

.faq-block-ask {
    width: 100%;
    max-width: 762px;
    padding: 120px 0;
    margin: 0 auto;
}

.faq-block-ask-mobile {
    padding: 0;
}

.faq-block-ask-description {
    margin-top: 22px;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.faq-form {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}

.faq-form-mobile {
    margin-top: 32px;
    margin-bottom: 32px;
}

.faq-form-user {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    column-gap: 32px;
}

.star-important-icon {
    width: 8px;
}

.enter-question {
    width: 100%;
    height: 120px;
    padding: 16px 16px 20px 24px;
    box-sizing: border-box;
    resize: vertical;
    border: 1px solid rgba(64, 64, 64, 1);
    background-color: #000000;
    border-radius: 8px;
    color: rgba(144, 144, 144, 1);
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
}

.faq-send {
    margin: 0;
}

.about-title {
    max-width: 762px;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.about-title p {
    font-size: 27px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;
    text-transform: uppercase;
    color: rgba(182, 182, 182, 1);
}

.gallery-container {
    display: flex;
    flex-direction: column;
    width: 90%;
}

.gallery-title-container {
    max-width: 460px;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}

.locations {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 402px;
    flex-direction: column;
    margin: 0 auto;
    row-gap: 24px;
}

.container__book-text,
.trainer--diplomas-title,
.locations-title {
    font-size: 27px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
}

.container__book {
    width: 360px;
    padding-right: 40px;
}

.trainer-page .main-wrapper {
    min-height: 600px;
    padding-top: 0;
}

.trainer--diplomas-block {
    margin: 50px 0;
}

.trainer--diplomas-title {
    margin-bottom: 27px;
}

.trainer--diplomas-text {
    color: rgba(255, 255, 255, 1);
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 38px;
}

.trainer--diplomas-year {
    color: #8F00E7;
    margin-right: 20px;
}

.container__book .container__block-link {
    width: 316px;
}

.container__block-subtitle {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(144, 144, 144, 1);
    text-transform: uppercase;
}

.container__block-title--about {
    margin-top: 100px;
    margin-bottom: 60px;
}
.container__block--about-text {
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 100px;
}

.container__trainer-info {
    margin-top: 32px;
    display: flex;
    gap: 25px;
}

.container__trainer-info--photo {
    width: 360px;
}

.container__trainer-info--photo-mobile {
    width: 330px;
}

.container__trainer-info--description {
    width: 415px;
}

.container__trainer-info--description-mobile {
    width: 380px;
}

.container__main--trainer {
    width: 840px;
}

.trainer-info--description--item--value {
    text-align: right;
    color: rgba(255, 255, 255, 1);
    line-height: 28px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.trainer-info--description--item--type {
    text-align: left;
    color: rgba(182, 182, 182, 1);
    min-width: 30%;
}
.type--motto {
    border-bottom: unset;
}

.trainer-info--description--item {
    font-family: "Archivo", sans-serif;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 300;
    line-height: 38px;
    letter-spacing: -0.02em;
    border-bottom: #404040 solid 1px;
}
.trainer-info--description--item.type--motto {
    border-bottom: unset;
}
.trainer-info--description--item--type-motto {
    font-family: "Archivo", sans-serif;
    border: #404040 solid 1px;
    border-radius: 5px;
    padding: 32px;
    font-size: 27px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: -0.02em;
    color: rgba(255, 255, 255, 1);
}

.locations-border {
    border-bottom: 1px solid #404040;
}

.block-google-reviews {
    display: flex;
    width: 100%;
    max-width: 760px;
    flex-direction: column;
    row-gap: 24px;
}

.google-reviews-container {
    display: flex;
    justify-content: end;
    padding: 50px 74px 0 0;
    position: relative;
}

.ellipse {
    position: absolute;
    top: -100%;
    left: -3%;
    z-index: -1;
}

.ellipse2 {
    position: absolute;
    top: 45%;
    left: 70%;
    z-index: -1;
}

.block-google-review {
    display: flex;
    width: 100%;
    column-gap: 24px;
}

.about-instagram {
    padding-bottom: 0;
}

.review-coach {
    width: 100%;
    border-radius: 12px;
}

.coach-slide {
    max-width: 304px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(64, 64, 64, 1);
}

.gallery-slide {
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(64, 64, 64, 1);
    padding: 12px
}

.gallery-slide-mobile {
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(64, 64, 64, 1);
    padding: 2px
}

.club-slide {
    max-width: 310px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(64, 64, 64, 1);
}

.business-hours .club-slide {
    height: unset;
}

.main-mobile.business-hours .club-slide {
    width: 320px;
}
.main-mobile.business-hours .club-slide .coach-review-info{
    height: 100px;
}

.coach-review-info {
    padding: 20px;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.coach-specification {
    font-size: 12px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: rgba(144, 144, 144, 1);
}

.coach-name {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    line-height: 19px;
    margin: 0;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 1);
}
.trainer-page .canvas {
    top: -100px;
}

.trainer-page .canvas img {
    rotate: 90deg;
    position: relative;
    top: -180px;
    right: -180px;
}

.trainer-page .container__block {
    max-width: 30%;
}

.trainer-page .container-blocks {
    padding: 168px 0 32px 66px;
}

.mobile-container {
    position: relative;
    width: 309px;
    border-radius: 40.2px;
    margin-right: 80px;
}

.ellipse3 {
    position: absolute;
    top: 0;
    left: 0;
}

.blog-slide {
    max-width: 496px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(64, 64, 64, 1);
}

.blog-slide-image-container {
    width: 100%;
    height: 360px;
    border-radius: 12px;
}

.blog-slide-image {
    width: 365px;
    height: 360px;
    object-fit: cover;
}

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

.blog-slide-date {
    font-family: "Archivo Narrow", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(144, 144, 144, 1);
    text-transform: uppercase;
}

.blog-slide-place {
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    padding: 4px 12px;
    border-radius: 4px;
    background: rgba(64, 64, 64, 1);
}

.numbers-container {
    position: relative;
    width: fit-content;
    padding: 132px 74px 0 74px;
    display: flex;
    column-gap: 74px;
}

.blurred-shape {
    position: absolute;
    top: 35%;
    left: 0;
}

.numbers-block {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-top: 20px;
}

.numbers-container-info {
    max-width: 760px;
    width: 100%;
    display: grid;
    grid-template-columns: 284px 446px;
    row-gap: 80px;
    column-gap: 20px;
}

.text-at-end {
    text-align: end;
}

.number-info {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.number-info h4 {
    font-family: "Akira Expanded", sans-serif;
    margin: 0;
    font-size: 132px;
    font-weight: 700;
    line-height: 106px;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 1);
}

.number-info p {
    font-size: 27px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: -0.02em;
    color: rgba(255, 255, 255, 1);
}

.image-404 {
    position: absolute;
    width: 1365.5px;
    height: 639px;
    top: 15%;
    left: 2%;
}

.error-information {
    margin-top: 120px;
    margin-left: 70px;
    margin-bottom: 213px;
    position: relative;
}

.error-information__title {
    font-family: "Akira Expanded", sans-serif;
    font-size: 132px;
    color: rgba(255, 255, 255, 1);
    letter-spacing: -1.32px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    line-height: 80%;
    z-index: 1;
    position: relative;
}

.error-information__title-wrapper {
    display: flex;
    flex-direction: row;
    gap: 182px;
}

.error-information__error-text-wrapper {
    margin-top: 119px;
    display: flex;
    flex-direction: column;
    color: rgba(255, 255, 255, 1);
    gap: 32px;
}

.error-information__heading {
    font-family: "Archivo Expanded", sans-serif;
    color: rgba(255, 255, 255, 1);
    font-size: 27px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -0.54px;
    text-transform: uppercase;
    width: 497px;
}

.error-information__text {
    font-family: "Archivo Expanded", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    letter-spacing: -0.18px;
    color: #b6b6b6;
    width: 489px;
}

.error-information__go-home {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 34px;
    border: 1px solid #404040;
    width: fit-content;
    padding: 8px 8px 8px 32px;
    gap: 16px;
    color: rgba(255, 255, 255, 1);
}

.error-information__go-home-text {
    font-family: "Archivo Expanded", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    letter-spacing: -0.18px;
    color: rgba(255, 255, 255, 1);
}

.reset-margin-top {
    margin-top: 0px;
}

.block-mobile-app {
    position: relative;
    width: 100%;
    margin-top: 24px;
    margin-bottom: 400px;
    margin-left: 77px;
}

/* .block-mobile-app::before {
  content: "";
  position: absolute;
  top: 0;
  transform: rotate(-10deg) rotateX(2deg) scale(-1) translateX(-550px)
    translateY(140px);
  background-image: url("../images/mobile-app-ellipse.png");
  background-size: cover;
  width: 997px;
  height: 997px;
} */

.rotate {
    animation: scale 3s ease infinite;
}

.block-mobile-app__hero-text-block {
    display: flex;
    flex-direction: column;
    margin-top: 41px;
}

.block-mobile-app__label {
    font-family: "Archivo Narrow", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
}

.block-mobile-app__title {
    font-family: "Akira Expanded", sans-serif;
    font-size: 73px;
    font-weight: 700;
    line-height: 80%;
    letter-spacing: -0.72px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
    margin-top: 24px;
    width: 759px;
}

.block-mobile-app__description-block {
    display: flex;
    gap: 87px;
    color: rgba(255, 255, 255, 1);
    margin-top: 32px;
}

.block-mobile-app__description {
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    letter-spacing: -0.18px;
    width: 381px;
    color: rgba(255, 255, 255, 1);
}

.block-mobile-app__block-span {
    color: #909090;
    font-family: "Archivo Narrow", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}

.mobile-app-screen {
    position: absolute;
    width: 333px;
    height: 722px;
    top: -5%;
    right: 20%;
    transition: all 0.3s;
}

.mobile-app-ellipse {
    position: absolute;
    width: 869px;
    height: 997px;
    top: -35%;
    right: 0;
}

.how-it-works {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 60px;
    height: 600px;
    opacity: 0;
    transition: all 2s ease-in-out;
    max-height: 600px;
    overflow: hidden;
}

.how-it-works__title {
    font-family: "Akira Expanded";
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 80%;
    letter-spacing: -0.72px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
}

.some-details {
    display: block;
    padding-left: 80px;
    padding-bottom: 180px;
    opacity: 0;
    transition: all 0.8s ease-in-out;
}

.details-block {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-right: 450px;
    margin-bottom: 90px;
    max-width: 730px;
}

.details-block__description {
    display: flex;
    gap: 87px;
}

.details-block__text {
    color: #fff;
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.18px;
}

.advantages-first-block {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 160px;
}

.advantages-second-block {
    display: flex;
    justify-content: center;
    gap: 235px;
}

.track-activities-container {
    width: 90px;
    margin-left: 270px;
}

.create-workouts-container {
    width: 120px;
    margin-left: 180px;
    transform: translateY(-40px);
}

.track-values-container {
    width: 167px;
    margin-left: 210px;
    transform: translateY(-90px);
}

.exercises-activities-container {
    width: 107px;
}

.exercise-visualizations-container {
    width: 127px;
    transform: translate(-45px, -100px);
}

.custom-options-container {
    width: 158px;
    transform: translate(-45px, -60px);
}

.information-description-text-app {
    width: 470px;
    margin-bottom: 64px;
}

.mobile-container-app {
    flex-shrink: 0;
}

.block-span-app {
    color: #909090;
}

.download-app-container {
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.download-app-text {
    display: flex;
    column-gap: 88px;
    align-items: baseline;
    margin-top: 32px;
}

.download-icons {
    display: flex;
    gap: 24px;
}

.information-container-download {
    display: flex;
    padding-bottom: 200px;
    opacity: 0;
    transition: all 0.8s ease-in-out;
}

.main-mobile {
    margin: 0 auto;
    width: 100%;
    max-width: 375px;
    overflow: hidden;
}

.header-wrapper-mobile {
    width: 100%;
    max-width: 375px;
}

.header-container-mobile {
    position: relative;
    display: flex;
    padding: 16px 20px;
    z-index: 1;
}

.header-logo-mobile {
    width: 129px;
    height: 29.07px;
    margin-right: 58px;
    flex-shrink: 0;
}

.mobile-menu {
    margin-left: 24px;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
}

.wrapper-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.container-mobile {
    max-width: 375px;
    width: 100%;
    transition: all 22s linear 0.5s;
}

.information-container-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.information-description-text-hero {
    margin: 0;
}

.tracker-mobile {
    margin: 0px 16px 120px 16px;
}

.numbers-info-mobile__numbers-with-border {
    grid-column: 1 / -1;
    border-bottom: 1px solid #404040;
}
.oval-shape-mobile {
    width: 299.575px;
    position: relative;
    border-radius: 30% 90% 30%;
    background: rgba(217, 217, 217, 1);
    z-index: 0;
    margin: 5px 46px 40px 30px;
}

.header__buttons-link-mobile {
    padding: 0;
    font-size: 17px;
}

.hero-text-mobile {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0 16px;
}

.welcome-text {
    color: #b6b6b6;
    font-size: 27px;
    font-style: normal;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: -0.54px;
    text-transform: uppercase;
}

.hero-text-mobile__title {
    color: rgba(255, 255, 255, 1);
    font-family: "Akira Expanded", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.6px;
    letter-spacing: -0.32px;
    text-transform: uppercase;
}

.description-text-mobile {
    color: #b6b6b6;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 25.2px;
    letter-spacing: -0.18px;
}

.block-span-mobile {
    margin: 0;
}

.gallery-container-mobile {
    display: flex;
    flex-direction: column;
    margin: 120px 16px 60px;
}

.title-container-mobile {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.block-title-mobile {
    font-size: 40px;
    letter-spacing: -0.32px;
    line-height: 40px;
}

.block-title-mobile-french {
    font-size: 60px;
    letter-spacing: -0.32px;
    line-height: 65px;
    margin-bottom: 24px;
}

.block-trainer-title-mobile {
    font-size: 32px;
    letter-spacing: -0.32px;
    line-height: 25.6px;
    margin-bottom: 24px;
    margin-top: 36px;
}

.block-trainer-subtitle-mobile {
    margin-bottom: 36px;
    margin-top: 36px;
}

.faq-buttons-mobile {
    display: flex;
    flex-direction: row;
    padding: 8px 40px 8px 8px;
    border-radius: 34px;
    border: 1px solid rgba(64, 64, 64, 1);
    width: 100%;
}

.faq-buttons-faq-mobile {
    overflow: hidden;
}

.faq-buttons-main-mobile {
    margin-top: 40px;
    overflow: hidden;
}

.gallery-image-mobile {
    width: 340px;
    height: auto;
}

.gallery-images-mobile {
    margin-top: 36px;
    margin-bottom: 48px;
}

.google-reviews-container-mobile {
    display: flex;
    flex-direction: column;
    margin-bottom: 125px;
}

.information-description-text-reviews {
    margin-bottom: 16px;
}

.locations-title-mobile {
    margin-bottom: 24px;
}

.information-description-text-tracker {
    margin-bottom: 24px;
}

.wrapper-instagram-mobile {
    width: 100%;
    max-width: 375px;
}

.container-instagram-mobile {
    display: flex;
    flex-direction: column;
}

.locations-mobile {
    margin-top: 24px;
}

.container-instagram-mobile {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 120px;
}

.instagram-grid-mobile {
    display: grid;
    column-gap: 7px;
    row-gap: 8px;
    grid-template-columns: repeat(2, 164px);
    margin-top: 40px;
}

.instagram-grid-item-mobile {
    width: 164px;
    height: 164px;
}

.information-wrapper-mobile {
    width: 100%;
    max-width: 375px;
}

.numbers-container-info-mobile {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 48px;
    color: white;
}

.numbers-info-mobile {
    display: grid;
    grid-template-columns: 180px 1fr;
    row-gap: 16px;
    margin-top: 48px;
}

.numbers-info-mobile__numbers-with-border {
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px;
}

.numbers-info-mobile__numbers-with-border h4 {
    font-family: "Akira Expanded", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.6px;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
    margin: 0;
}

.numbers-info-mobile p {
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
}

.numbers-container-mobile {
    margin-right: 16px;
    margin-left: 16px;
    margin-bottom: 120px;
}

.slider-container-mobile {
    margin-bottom: 120px;
    margin-left: 16px;
    min-width: 0;
}

.slider-buttons-coaches {
    margin-top: 36px;
    margin-right: 20px;
}

.slider-buttons-gallery {
    margin-right: 20px;
}

.slider-mobile {
    display: flex;
    flex-direction: row;
}

.slider-buttons-mobile {
    display: flex;
    justify-content: space-between;
}

.mobile-container-mobile {
    margin-top: 16px;
    margin-bottom: 52px;
}

.container__block-link-tracker {
    margin-top: 0px;
    align-self: flex-start;
}

.blog-slide-mobile {
    flex-shrink: 0;
}

.slider-buttons-k-blog {
    margin-top: 40px;
    margin-right: 20px;
}

.footer-container-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px 24px 20px;
}

.footer-mobile {
    width: 100%;
    max-width: 375px;
    margin: 0 auto;
}

.footer-subtitle-mobile {
    max-width: none;
}

.footer-subtitle__first-row {
    text-align: center;
}

.footer-subtitle__second-row {
    text-align: left;
}

.footer-title-mobile {
    flex-direction: column;
}

.footer-title-mobile h2 {
    font-size: 42px;
    line-height: 42px;
    letter-spacing: -0.32px;
    margin-bottom: 24px;
    margin-top: 24px;
}

.footer-title-mobile p {
    font-size: 32px;
    line-height: 25.6px;
    letter-spacing: -0.32px;
    margin-bottom: 24px;
    margin-top: 24px;
}

.footer-link-mobile {
    align-self: flex-end;
    transform: translateX(-17%);
    margin-bottom: 83px;
}

.footer-information-mobile {
    margin-bottom: 40px;
    column-gap: 4px;
}

.footer-social-mobile {
    align-self: flex-start;
    width: 100%;
}

.footer-social-images-mobile {
    justify-content: space-between;
}

.social-icon-mobile {
    width: 16px;
    height: 16px;
}

.footer-navigation-mobile {
    margin-bottom: 40px;
    row-gap: 16px;
}

.footer-download-images-mobile {
    flex-direction: row;
    gap: 8px;
}

.download-icon-mobile {
    flex-grow: 1;
    flex-shrink: 0;
    padding-right: 8px;
    padding-left: 8px;
}

.swiper-slide {
    color: white;
}

.swiper {
    height: 300px;
}

.hero-main {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 275px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 120px;
}

.hero-main__text-section {
    display: flex;
    flex-direction: row;
    gap: 60px;
}

.main-image-mobile {
    top: 120px;
    position: absolute;
    width: 280px;
    left: 20px;
    z-index: 0;
}

.header-faq-shadow {
    box-shadow: inset 90px 50px 10px rgba(0, 0, 0, 0.9);
}

.benefits-wrapper-mobile {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 120px;
    min-width: 0;
}

.benefits-gap-mobile {
}

.benefits-block-mobile {
    padding: 24px 16px;
    flex-shrink: 0;
    align-content: flex-start;
    max-width: 260px;
    height: 400px;
}

.information-description-text-benefits {
    margin-top: 12px;
}

.benefit-description-mobile {
    margin-top: 32px;
}

.benefit-description-mobile > .container__block-title {
    font-family: "Akira Expanded", sans-serif;
}

.your-benefits-wrapper {
    width: 100%;
}

.your-benefits-container {
    max-width: 375px;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 120px;
}

.club-map-mobile {
    width: 100%;
    padding-top: 32px;
    flex-shrink: 0;
    padding-bottom: 24px;
}

.search-mobile {
    padding-bottom: 24px;
}

.choose-membership-wrapper {
    width: 100%;
    width: 375px;
}

.choose-membership-container {
    display: flex;
    flex-direction: column;
    padding: 80px 20px 40px 20px;
    overflow: hidden;
    min-width: 0;
}

.information-description-text-membership {
    padding-top: 24px;
    padding-bottom: 32px;
    margin-bottom: 0px;
    color: #404040;
}

.block-span-gray {
    color: #404040;
}

.slider-buttons-membership {
    margin-bottom: 16px;
}

.container-plan-mobile {
    /* display: flex;
    flex-direction: row;
    gap: 16px; */
}

.block-plan-title-mobile {
    color: #fff;
    text-align: center;
    font-family: "Archivo", sans-serif;
    font-size: 27px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -0.54px;
    text-transform: uppercase;
}

.block-plan-subtitle-mobile {
    color: #909090;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    letter-spacing: -0.18px;
    margin-bottom: 24px;
    padding-bottom: 24px;
}

.block-plan-price-mobile {
    display: flex;
    flex-direction: row;
    gap: 6px;
    padding: 10px 24px 10px 24px;
    align-items: flex-end;
}

.block-plan-price-mobile p {
    color: #f2f2f2;
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
    letter-spacing: -0.18px;
}

.block-plan-bottom-mobile {
    row-gap: 0px;
}

.block-link-membership {
    margin: 40px auto 80px auto;
}

.personalize-block {
    max-width: 100%;
    max-width: 375px;
}

.personalize-container {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 90px;
}

.information-description-text-personalize {
    margin-top: 18px;
    padding-bottom: 0;
    margin-bottom: 0;
    color: #404040;
}

.personalize-container > p:nth-of-type(1) {
    margin-top: 24px;
}

.container-switches-block-mobile {
    max-width: 353px;
    width: 100%;
    display: grid;
    align-items: center;
    grid-template-columns: 241px 24px 51px;
    column-gap: 6px;
}

.container-switches-mobile {
    max-width: 375px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 48px;
}

.block-description-plan-mobile {
    max-width: 287px;
    width: 100%;
    padding: 32px 24px;
    margin-top: 56px;
}

.block-description-title-mobile {
    font-size: 27px;
    line-height: 27px;
    letter-spacing: -0.54px;
}

.block-description-plan-price.block-description-plan-price-mobile h2 {
    font-size: 32px;
    line-height: 25.6px;
    letter-spacing: -0.32px;
}

.block-description-plan-bottom-mobile {
    row-gap: 16px;
    padding-top: 16px;
    margin-top: 41px;
}

.block-description-plan-list-mobile {
    margin-top: 24px;
}

.block-description-plan-subtitle-mobile {
    margin-top: 2px;
}

.block-link-try {
    margin: 0;
    align-self: flex-start;
}

.try-container-mobile {
    padding: 100px 20px 120px 20px;
}

.offers-images-mobile {
    margin-top: 64px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.offer-image-container {
    display: flex;
    flex-direction: column;
    position: relative;
}

.offer-image-container__offer-image {
    width: 335px;
    border-radius: 8px;
}

.offer-image-container__description-container {
    position: absolute;
    padding-top: 8px;
    padding-bottom: 10px;
    background: #000;
    width: 328px;
    z-index: 1;
    bottom: 5px;
    left: 4px;
    border-radius: 8px;
}

.offer-image-container__description {
    color: #fff;
    text-align: center;
    font-family: "Archivo", sans-serif;
    font-size: 27px;
    font-style: normal;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: -0.54px;
    text-transform: uppercase;
}

.offers-container-mobile {
    padding: 0 20px 87px 20px;
}

.personal-container-mobile {
    padding: 80px 20px;
}

.information-description-text-personal {
    margin-top: 18px;
    padding-bottom: 0;
    margin-bottom: 40;
    color: #404040;
}

.listen-members-wrapper-mobile {
    width: 100%;
    max-width: 375px;
}

.listen-members-container-mobile {
    padding: 100px 20px 120px 20px;
}

.span-google-raiting-block {
    display: flex;
    flex-direction: row;
    gap: 91px;
}

.reviews-container {
    display: flex;
    flex-direction: row;
}

.slider-mobile {
    column-gap: 16px;
}

.slide-mobile {
    max-width: 271px;
    max-height: 254px;
    padding: 24px 16px 42px 16px;
    flex-shrink: 0;
    margin-bottom: 40px;
}

.faq-container-mobile {
    display: flex;
    flex-direction: column;
    padding: 20px 10px 120px 10px;
}

.faq-question-text-mobile {
    margin-left: 0;
    margin-top: 24px;
}

.faq-question-mobile-main {
    padding: 24px 0px;
}

.faq-question-mobile {
    padding: 32px 0px 24px;
}

.faq-plus-mobile {
    width: 25px;
    align-self: start;
    flex-shrink: 0;
}

.block-link-faq {
    margin: 0;
    margin-top: 24px;
}

.faq-canvas-mobile {
    height: 100%;
    position: absolute;
    top: -3.5%;
    right: -25%;
}

.block-faq-mobile {
    padding: 12px 20px 80px;
    box-sizing: border-box;
    width: 100%;
    z-index: 1;
}

.faq-page-title-mobile {
    padding: 60px 0 8px 0;
    margin: 0;
    max-width: 375px;
    width: 100%;
}

.faq-search-mobile {
    margin-top: 24px;
}

.navigation-dropdown-container {
    display: flex;
    padding: 8px 12px 8px 16px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #404040;
    background: #000;
    max-width: 335px;
}

.navigation-icon {
    width: 24px;
}

.navigation-label {
    color: #fff;
    font-family: "Archivo Narrow", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
}

.faq-block-question-title-mobile {
    font-size: 27px;
    line-height: 27px;
    letter-spacing: -0.54px;
    margin-bottom: 0;
}

.faq-question-name-mobile {
    font-size: 18px;
    line-height: 100%; /* 18px */
}

.faq-block-questions-mobile {
    max-width: 335px;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 62px;
    padding-bottom: 80px;
}

.faq-questions-container-mobile {
    margin-top: 32px;
}

.main-faq-mobile {
    position: relative;
}

.have-a-question-title {
    font-size: 24px;
    line-height: 19.2px;
    letter-spacing: -0.24px;
}

.faq-block-ask-description-mobile {
    margin-top: 32px;
}

.faq-search-mobile {
    margin-top: 0;
}

.faq-form-mobile {
    margin-top: 32px;
    margin-bottom: 32px;
}

.dropbtn {
    font-family: "Archivo Narrow", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 18px */
    text-transform: uppercase;
    color: white;

    display: flex;
    max-width: 335px;
    width: 100%;
    padding: 0;
    justify-content: space-between;
    align-items: center;
}

.dropdown {
    display: inline-block;
    width: 100%;
}

.dropdown-content {
    display: none;
    position: absolute;
    box-sizing: border-box;
    top: 107%;
    left: 0;
    padding: 24px;
    width: 100%;
    border-radius: 8px;
    border: #404040;
    background: #000;
    z-index: 1;
    border: 1px solid #404040;
}

.dropdown-content a {
    color: var(--White, #fff);
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    letter-spacing: -0.18px;
    display: block;
}

.benefits-gap-mobile > .swiper-slide {
    transition: all 0.3s ease-in-out;
}

.benefits-gap-mobile > .swiper-slide.swiper-slide-active {
    transform: scale(1.1);
}

.faq-buttons-mobile > .swiper-wrapper {
    align-items: center;
}

.faq-buttons-faq-mobile .swiper-slide {
    width: auto;
}

.faq-buttons-main-mobile .swiper-slide {
    width: auto;
}

.block-plan.swiper-slide {
    display: flex;
    height: auto;
}

.footer-link-navigation-mobile {
    padding-left: 0;
}

.faq-button-mobile {
    flex-shrink: 0;
}

.close-outline {
    display: none;
}

.menu-outline {
    display: none;
}

.isVissible {
    display: block;
}

.mobile-navbar-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 80vh;
    background-color: black;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s linear;
    pointer-events: none;
    visibility: hidden;
}

.nav-open .mobile-navbar-container {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.navbar-mobile {
    display: flex;
}

.mobile-navbar-container_selects-wrapper {
    display: flex;
    margin: 0 20px 20px 20px;
    justify-content: space-between;
}

.nav-list-mobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 100px;
    gap: 20px;
    padding: 0 0 0 20px;
}

.nav-list-mobile li {
    color: #fff;
    font-family: "Akira Expanded", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.6px;
    letter-spacing: -0.32px;
    text-transform: uppercase;
}

.header-list-mobile {
    border: none;
    background-color: transparent;
    appearance: none;
    color: #fff;
    font-family: "Akira Expanded", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.6px;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.header-list-mobile option {
    background: rgb(0, 0, 0);
    border: none;
}

.container-mobile::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(143, 0, 231, 0.8);
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.container-mobile.overlay::after {
    opacity: 1;
    z-index: auto;
}

.block-app-mobile {
    position: relative;
    padding: 12px 20px 120px 20px;
}

.app-hero-mobile {
    display: flex;
    flex-direction: column;
    margin-bottom: 100px;
}

.app-hero-mobile__label {
    color: #fff;
    font-family: "Archivo Narrow", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
}

.app-hero-mobile__text {
    color: #fff;
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 25.2px;
    letter-spacing: -0.18px;
}

.block-app-mobile__images {
    position: relative;
    transform-style: preserve-3d;
}

.phone-screen-mobile-container {
    max-width: none;
}

.ellipse-mobile-container {
    position: absolute;
    top: -150px;
    left: -55px;
    transform: rotate(-30deg) rotateX(20deg) rotateZ(20deg) scale(-1)
    translateZ(-20px);
    max-width: none;
}

.app-spans-container-mobile {
    padding: 12px 0 12px 0;
    margin-bottom: 24px;
}

.ellipse-mobile {
    max-width: none;
    width: 520px;
    height: 605px;
}

.phone-screen-mobile {
    max-width: none;
    width: 201px;
    height: 437px;
    display: block;
    margin: 0 auto;
}

.how-it-works-mobile {
    display: flex;
    flex-direction: column;
    gap: 36px;
    padding: 0 20px 120px 20px;
}

.block-title-how-works {
    text-align: center;
}

.some-details-mobile {
    padding: 0 20px 120px 20px;
}

.some-details-mobile__text {
    margin-top: 24px;
    margin-bottom: 90px;
    color: #fff;
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 25.2px;
    letter-spacing: -0.18px;
}

.advantages-mobile {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
}

.advantage-container-mobile {
    width: 120px;
    border-radius: 8px;
    background-color: #1a1a1a;
    border: 1px solid #404040;
    padding: 32px 24px;
}

.advantage-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-height: 217px;
    gap: 24px;
}

.advantage-info__title {
    color: #fff;
    text-align: center;
    font-family: "Archivo", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.24px;
    text-transform: uppercase;
}

.advantage-info__icon-container {
    position: relative;
    width: 90px;
    height: 90px;
}

.advantage-info__advantage-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.advantage-info__advantage-oval-under {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 90px;
    height: 90px;
}

.advantage-info__advantage-oval-over {
    top: 0;
    left: 5px;
    position: absolute;
    z-index: 1;
    width: 90px;
    height: 90px;
}

.advantage-info__advantage-oval {
    position: absolute;
    top: 0;
    left: 0;
}

.listen-members-container-app-mobile {
    padding-top: 0;
}

.information-container-phone {
    padding: 0 20px 120px;
}

.title-container-phone {
    align-self: flex-start;
}

.information-description-text-phone {
    color: white;
    margin-bottom: 36px;
}

.block-span-phone {
    align-self: flex-start;
    margin-bottom: 23px;
}

.faq-question.expanded .accordion-container {
    max-height: 1000px;
}

.faq-question.expanded .plus-icon {
    display: none;
}

.faq-question.expanded .minus-icon {
    display: block;
}

.accordion-container {
    position: relative;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s;
}

.minus-icon {
    display: none;
}

.faq-info {
    animation: fadeEffect 1s;
}

.ellipse-app {
    max-width: none;
    width: 997px;
    height: 997px;
}

.ellipse-app-container {
    position: absolute;
    top: 0;
    max-width: none;
    transform: rotate(-10deg) rotateX(2deg) scale(-1) translateX(-550px)
    translateY(140px);
    transition: all 0.3s;
    /* background: radial-gradient(
      ellipse at 60% 20%,
      black 0%,
      black 35%,
      transparent 35%,
      transparent 100%
    ); */
}

.app-images {
    transform-style: preserve-3d;
}

.rotateEllipse {
    animation: rotateAndScaleEllipse 0.6s linear;
}
.rotatePhone {
    animation: rotatePhone 0.6s linear;
}

.offer-container {
    padding: 0 74px 174px 74px;
}

/* Offer card styling */
.offer-card {
    background-color: #000000;
    color: white; /* White text */
    padding: 40px;
    text-align: center;
    border-radius: 10px;
    position: relative;
}

.offer-title {
    font-size: 80px;
    font-weight: bold;
    line-height: 70px;
    letter-spacing: -0.02em;
    text-align: left;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
    position: relative;
    z-index: 10;
    font-family: "Archivo", sans-serif;
}

.offer-details {
    font-size: 18px;
    color: #b3b3b3;
    margin-bottom: 12px;
    margin-left: 55%;
    text-align: left;
}

.lang-adjust {
    margin-top: -26px;
}

.btn-container {
    display: flex;
    justify-content: flex-start;
    margin-left: 55%;
}

.btn-container-get-started {
    display: flex;
    justify-content: flex-start;
    margin-left: 56px;
    margin-top: 20px;
}

.block-plan-link-offer {
    width: 370px;
    height: 78px;
    display: flex;
    padding: 8px 8px 8px 48px;
    border-radius: 78px;
    border: 1px solid rgba(64, 64, 64, 1);
    font-size: 26px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    justify-content: space-between;
    align-items: center;
    background-color: rgba(143, 0, 231, 0.8);
}

.block-plan-link-offer:disabled,
.block-plan-link-offer[disabled] {
    color: rgba(64, 64, 64, 1);
    cursor: none;
}

.block-plan-link-offer:disabled,
.block-plan-link-offer[disabled] .arrow-icon-border {
    background: rgba(64, 64, 64, 1);
}

.block-plan-link-offer:hover {
    background-color: rgba(160, 10, 255, 0.8);
}

.block-plan-link-get-started {
    width: 280px;
    height: 58px;
    display: flex;
    padding: 8px 12px 8px 32px;
    border-radius: 58px;
    border: 1px solid rgba(64, 64, 64, 1);
    font-size: 22px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    justify-content: space-between;
    align-items: center;
    background-color: rgba(0, 0, 0, 1);
}

.block-plan-link-get-started:disabled,
.block-plan-link-get-started[disabled] {
    color: rgba(64, 64, 64, 1);
    cursor: none;
}

.block-plan-link-get-started:disabled,
.block-plan-link-get-started[disabled] .arrow-icon-border {
    background: rgba(64, 64, 64, 1);
}

.block-plan-link-get-started:hover {
    background-color: rgba(160, 10, 255, 0.8);
}

.arrow-icon-border-get-started {
    width: 28px;
    height: 28px;
    background: rgba(255, 255, 255, 1);
    padding: 8px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrow-icon-border-get-started img {
    width: 70%;
    height: auto;
}


@keyframes rotateAndScaleEllipse {
    0% {
        transform: rotate(-10deg) rotateX(2deg) scale(-1) translateX(-550px)
        translateY(140px) scale(1);
    }
    25% {
        transform: rotate(-10deg) rotateX(2deg) scale(-1) translateX(-550px)
        translateY(140px) scale(1.2);
    }
    50% {
        transform: rotate(-10deg) rotateX(2deg) scale(-1) translateX(-550px)
        translateY(140px) scale(1.8);
    }
    75% {
        transform: rotate(-10deg) rotateX(2deg) scale(-1) translateX(-550px)
        translateY(140px) scale(2.5) rotate(10deg);
    }
    100% {
        transform: rotate(-10deg) rotateX(2deg) scale(-1) translateX(-550px)
        translateY(140px) scale(3.5) rotate(14deg);
    }
}

@keyframes rotatePhone {
    0% {
        transform: scale(1);
    }
    25% {
        transform: rotate(15deg) scale(0.9);
    }
    50% {
        transform: rotate(30deg) scale(0.8);
    }
    75% {
        transform: rotate(45deg) scale(0.8);
    }
    100% {
        transform: rotate(60deg) scale(0.8);
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Spherical gradient shadow for about page image */
.image-with-shadow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120%;
    height: 120%;
    background: radial-gradient(circle, rgba(139, 69, 255, 0.4) 0%, rgba(139, 69, 255, 0.2) 30%, rgba(139, 69, 255, 0.1) 50%, transparent 70%);
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
    filter: blur(40px);
}

/* Ensure strong tags display bold within description text */
.information-description-text strong {
    font-weight: 700;
}