* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    box-sizing: border-box
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    font-size: 100%;
    vertical-align: baseline
}

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

ol:has(class),
ul:has(class) {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button,
input,
select,
textarea {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

::-webkit-input-placeholder {
    color: inherit
}

::-moz-placeholder {
    color: inherit
}

:-ms-input-placeholder {
    color: inherit
}

:-moz-placeholder {
    color: inherit
}

button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
    cursor: default
}

*:focus {
    outline: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

audio,
video {
    display: inline-block
}

::before,
::after {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@font-face {
    font-family: "Akzidenz";
    src: url("../fonts/akzidenzgroteskpro_regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Akzidenz";
    src: url("../fonts/AkzidenzGroteskPro-Md.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

html {
    scroll-behavior: smooth;
    font-size: 16px
}

body {
    font-family: "Gilroy", sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 18px;
    background-color: #24222e;
    color: #24222e
}

.section-title {
    color: #fff;
    font-family: "Akzidenz";
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase
}

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

.coockie-modal {
    opacity: 0;
    visibility: hidden
}

.coockie-modal.show {
    opacity: 1;
    visibility: visible
}

.coockie-modal {
    transition: all .3s ease-in-out;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999
}

.coockie-modal__btn {
    padding: 11px 32px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    border-radius: 42px;
    background: #24222e;
    flex-shrink: 0;
    cursor: pointer
}

.coockie-modal__inner {
    box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, .2);
    position: relative
}

.coockie-modal__inner::before {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    content: "";
    width: 100vw;
    transform: translateX(-100%)
}

.coockie-modal__inner {
    width: -moz-fit-content;
    width: fit-content;
    color: #24222e;
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
    align-items: center;
    display: flex;
    padding: 20px;
    background-color: #fff;
    border-radius: 0 68px 68px 0;
    gap: 20px
}

.coockie-modal__inner p {
    max-width: 527px
}

.btn {
    line-height: 120%;
    color: #fff;
    font-family: Gilroy;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    padding: 12px 35px;
    border-radius: 42px;
    background: linear-gradient(90deg, #fa36db 0%, #8f68ed 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content
}

.mob-menu-btn {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='28' height='3' rx='1.5' fill='%2324222E'/%3e%3crect y='8' width='28' height='3' rx='1.5' fill='%2324222E'/%3e%3crect y='16' width='28' height='3' rx='1.5' fill='%2324222E'/%3e%3c/svg%3e ");
    width: 28px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
    cursor: pointer;
    display: none
}

.header {
    z-index: 10;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    padding: 10px 0;
    background-color: #fff;
    transition: box-shadow .3s ease-in-out, padding .1s ease-in-out
}

.header.shadow {
    box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, .2);
    padding: 10px 0
}

.header.shadow .header__logo {
    height: 50px
}

.header__wrapper {
    display: flex;
    align-items: center;
    gap: 39px
}

.header__logo {
    flex-shrink: 0;
    width: 124px;
    height: 50px;
    transition: height .1s ease-in
}

.header__logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

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

.header__link {
    padding: 10px;
    color: #24222e;
    font-family: Gilroy;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    transition: color .2s ease-in-out
}

.header__link::before {
    transition: opacity .3s ease-in-out;
    opacity: 0;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, #fa36db 0%, #8f68ed 100%)
}

.header__link:hover {
    color: #fff
}

.header__link:hover::before {
    opacity: 1
}

.main {
    padding-top: 72px;
    min-height: 100vh
}

.mobile-menu {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100dvh;
    z-index: 999;
    background: rgba(36, 34, 46, .8);
    backdrop-filter: blur(19.5px);
    transition: all .2s ease-in-out
}

.mobile-menu.show {
    opacity: 1;
    visibility: visible
}

.mobile-menu .mobile-menu__inner {
    display: flex;
    gap: 18px;
    background-color: #fff;
    padding: 18px
}

.mobile-menu .mobile-menu__close {
    width: 35px;
    height: 35px;
    flex-shrink: 0
}

.mobile-menu .mobile-menu__list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.mobile-menu .header__link {
    width: 100%;
    border-radius: 42px;
    background: #24222e;
    padding: 7px 20px;
    color: #fff;
    font-size: 15px;
    font-weight: 500
}

.main::before {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 900px;
    content: "";
    background-color: #fff;
    pointer-events: none
}

.main::after {
    pointer-events: none;
    z-index: 2;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 82px;
    width: 100%;
    height: 79vw;
    content: "";
    background-image: url(../img/first-screen-bg-image.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto
}

.on-mobile-btn {
    display: none
}

.left-content {
    max-width: 714px;
    width: 100%
}

.sticky-container {
    position: relative;
    z-index: 3;
    display: flex;
    gap: 78px;
    padding-top: 38px;
    align-items: flex-start
}

.title-top {
    color: #24222e;
    font-family: Gilroy;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%
}

.main-title {
    color: #24222e;
    font-family: "Akzidenz";
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%
}

.left-content {
    padding-top: 30px
}

.right-content {
    position: sticky;
    top: 80px;
    width: 408px;
    flex-shrink: 0;
    border-radius: 68px;
    background: rgba(36, 34, 46, .8);
    backdrop-filter: blur(19.5px);
    flex-shrink: 0
}

.main-title-wrapper {
    padding-left: 105px;
    margin-bottom: 40px;
    position: relative
}

.main-title-wrapper::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 84px;
    height: 175px;
    background-image: url(../img/title-logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.main-descr {
    color: #24222e;
    font-family: Gilroy;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 40px
}

.main-info {
    color: #24222e;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 40px
}

.main-btn {
    padding: 20px 40px;
    color: #fff;
    font-family: Gilroy;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    border-radius: 42px;
    background: rgba(36, 34, 46, .8);
    backdrop-filter: blur(19.5px);
    width: 100%
}

.main-btns {
    max-width: 376px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.about-section {
    padding-top: 288px;
    padding-bottom: 85px
}

.about-section .section-title {
    margin-bottom: 60px
}

.healthy-section {
    padding: 100px 0
}

.healthy-section .section-title {
    margin-bottom: 60px
}

.toggle-list {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.toggle-list.reverse-list .list-item__head {
    justify-content: flex-start
}

.toggle-list .list-item {
    overflow: hidden;
    border-radius: 32px;
    border: 1px solid #fff
}

.toggle-list .list-item.open .list-item__head {
    background-color: #fff;
    color: #24222e
}

.toggle-list .list-item.open .list-item__ico {
    transform: scaleY(-1)
}

.toggle-list .list-item__head {
    cursor: pointer;
    height: 60px;
    border-radius: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px;
    padding-left: 15px;
    gap: 10px;
    color: #fff;
    font-family: Gilroy;
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
    background-color: #24222e;
    transition: background-color .3s ease-in-out, color .3s ease-in-out, margin-top .3s ease-in-out
}

.toggle-list .list-item__ico {
    flex-shrink: 0;
    transition: transform .3s ease-in-out;
    height: 46px;
    width: 46px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='15' viewBox='0 0 28 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.032 14.8772C14.4001 14.8749 14.7677 14.7387 15.0555 14.4651L27.535 2.58517C28.1347 2.01415 28.1584 1.06599 27.5877 0.466034C27.0165 -0.133942 26.0666 -0.15788 25.4666 0.4133L13.9998 11.3283L2.53399 0.4133C1.93395 -0.157831 0.984124 -0.133924 0.412895 0.466034C-0.15765 1.06596 -0.133944 2.01417 0.465629 2.58517L12.9451 14.4651C13.2325 14.7385 13.5999 14.8746 13.9676 14.8772C13.9734 14.8774 13.9793 14.878 13.9852 14.8781L14.0154 14.8781C14.021 14.878 14.0265 14.8774 14.032 14.8772Z' fill='%2324222E'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 15px
}

.toggle-list .list-item__body {
    display: none;
    padding: 17px;
    padding-bottom: 20px;
    padding-top: 10px;
    color: #fff;
    font-family: Gilroy;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    background-color: #24222e
}

.how-it-was {
    padding: 50px 0;
    position: relative
}

.how-it-was::before {
    position: absolute;
    left: 0;
    width: 800px;
    height: 800px;
    max-width: 80vw;
    max-height: 80vw;
    content: "";
    bottom: -76%;
    background-image: url(../img/left-bg-image.png);
    background-repeat: no-repeat;
    background-size: contain
}

.how-it-was .section-title {
    margin-bottom: 40px
}

.how-it-was__video-wrapper {
    background-color: #24222e;
    border-radius: 50px;
    height: 0;
    width: 100%;
    padding-top: 56.6667%;
    position: relative;
    overflow: hidden
}

.how-it-was__video-wrapper .how-it-was__video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.how-it-was__video-wrapper video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.how-it-was__video-wrapper .plyr {
    width: 100%;
    height: 100%
}

.speakers {
    padding-top: 90px;
    max-width: 100vw;
    overflow: hidden;
    position: relative
}

.speakers .section-title {
    text-align: right;
    margin-bottom: 46px
}

.speakers .speakers-slider {
    overflow: visible
}

.speakers-pag {
    display: flex;
    justify-content: center
}

.speakers-pag .swiper-pagination {
    position: static;
    margin: 0;
    transform: none !important;
    width: 100%
}

.speakers-pag {
    padding: 40px 0
}

.speakers-pag .swiper-pagination-bullet-active,
.speakers-pag .swiper-pagination-bullet {
    background-color: #fff
}

.speaker-slide {
    height: auto;
    padding: 19px;
    border-radius: 90px;
    width: 336px;
    display: flex;
    flex-direction: column;
    min-height: 526px;
    color: #fff;
    text-align: center;
    font-family: Gilroy;
    font-weight: 500
}

.speaker-slide:nth-child(4n+1) {
    background: rgba(250, 54, 219, .7) !important
}

.speaker-slide:nth-child(4n+2) {
    background: rgba(143, 104, 237, .7) !important
}

.speaker-slide:nth-child(4n+3) {
    background: rgba(110, 166, 239, .7) !important
}

.speaker-slide:nth-child(4n+4) {
    background: rgba(115, 228, 229, .7) !important
}

.speaker-slide__image {
    width: 298px;
    height: 298px;
    background: #24222e;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 20px
}

.speaker-slide__body {
    margin: auto
}

.speaker-slide__name {
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 20px
}

.speaker-slide__position {
    font-size: 18px;
    line-height: 130%
}

.programs {
    padding: 90px 0
}

.programs .section-title {
    margin-bottom: 40px
}

.programs .section-descr {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 60px
}

.programs-days {
    display: flex;
    gap: 40px;
    margin-bottom: 70px
}

.programs-day {
    width: calc(50% - 20px)
}

.day__head {
    padding: 7px;
    background-color: #fff;
    border-radius: 42px;
    color: #24222e;
    font-family: Gilroy;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    display: flex;
    align-items: center;
    min-height: 80px
}

.day__head span {
    margin: 0 auto
}

.day__open {
    cursor: pointer;
    padding: 6px;
    padding-right: 36px;
    padding-left: 92px;
    font-size: 18px;
    border-radius: 42px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='15' viewBox='0 0 28 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.033 14.8772C14.4001 14.8742 14.7666 14.738 15.0535 14.4651L27.533 2.58521C28.1327 2.01418 28.1564 1.06602 27.5857 0.466064C27.0145 -0.133911 26.0647 -0.157849 25.4647 0.41333L13.9988 11.3274L2.53399 0.41333C1.93395 -0.157801 0.984124 -0.133894 0.412895 0.466064C-0.15765 1.06599 -0.133944 2.0142 0.465629 2.58521L12.9451 14.4651C13.2318 14.7378 13.598 14.8739 13.9647 14.8772C13.9708 14.8774 13.977 14.878 13.9832 14.8782L14.0154 14.8782C14.0213 14.878 14.0272 14.8774 14.033 14.8772Z' fill='%2324222E'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: 28px 15px;
    background-position: center left 37px
}

.programs-day {
    border-radius: 42px;
    border: 1px solid #fff
}

.day__body {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
    text-align: center;
    padding: 19px 10px 30px
}

.programs__descr {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%
}

.programs__descr a {
    display: inline-block;
    margin-left: 20px
}

.tickets {
    padding: 90px 0
}

.title-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap
}

.timer__plate {
    padding: 30px 20px;
    color: #24222e;
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    background-color: #fff;
    border-radius: 40px
}

.timer-wrapper {
    display: flex;
    align-items: center;
    gap: 20px
}

.timer__nums {
    display: flex;
    gap: 8px
}

.timer__num {
    text-align: center;
    font-weight: 500
}

.timer__num .num {
    display: block;
    width: 100px;
    font-size: 48px;
    padding: 7px;
    border-radius: 25px;
    background: #fff;
    color: #24222e;
    font-size: 48px;
    line-height: 100%
}

.timer__num .text {
    padding-top: 4px;
    color: #fff;
    font-size: 18px;
    line-height: 120%
}

.tickets-wrapper {
    padding-top: 60px;
    display: flex;
    gap: 30px
}

.tickets-wrapper .ticket {
    width: calc(33.33% - 20px)
}

.ticket__head {
    margin-top: -1px;
    margin-left: -1px;
    margin-right: -1px;
    min-height: 110px;
    border-radius: 42px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #000;
    text-align: center;
    font-size: 48px;
    font-weight: 500;
    line-height: 110%
}

.ticket__head span {
    font-size: 18px;
    line-height: 130%
}

.border-wrapper {
    height: 100%;
    border-radius: 42px;
    border: 1px solid #fff;
    margin-bottom: 30px
}

.ticket__body {
    padding: 19px 13px;
    padding-bottom: 27px
}

.ticket__body li {
    padding: 3px 0;
    color: #fff;
    font-family: Gilroy;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%
}

.ticket__body ul {
    padding-left: 20px
}

.ticket-btn__days {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%
}

.ticket-btn__text {
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%
}

.ticket-btn__price {
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%
}

.ticket-btn {
    cursor: pointer;
    border-radius: 38px;
    background: linear-gradient(90deg, #fa36db 0%, #8f68ed 100%);
    height: 98px
}

.ticket-btn._single {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.ticket-btn._single .ticket-btn__days {
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%)
}

.ticket {
    display: flex;
    flex-direction: column
}

.ticket-btns {
    display: flex;
    align-items: center;
    gap: 20px
}

.ticket-btns .ticket-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(50% - 10px)
}

.expo {
    padding: 90px 0
}

.expo__wrapper {
    display: flex;
    gap: 50px
}

.expo__left,
.expo__right {
    width: calc(50% - 25px)
}

.expo__left {
    display: flex;
    flex-direction: column;
    gap: 27px
}

.rectangle {
    height: 143px;
    border-radius: 50px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.rectangle:nth-child(2) {
    border: 3px solid #6ea6ef;
    position: relative
}

.rectangle:nth-child(2) .rectangle-ball {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 143px;
    height: 143px;
    background-color: #6ea6ef;
    border-radius: 50%;
    animation: leftToRightBall 8s cubic-bezier(0, 1.26, 1, -0.26) infinite
}

.rectangle:nth-child(3) {
    display: flex;
    gap: 37px
}

.rectangle:nth-child(3) .rectangle-ball {
    width: 143px;
    height: 143px;
    background-color: #fa36db;
    border-radius: 50%;
    flex-shrink: 0
}

.rectangle-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    border-radius: 50px;
    margin-left: auto
}

@keyframes leftToRightBall {
    0% {
        left: 10px
    }

    50% {
        left: 75%
    }

    100% {
        left: 10px
    }
}

.expo__descr {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
    padding-top: 40px
}

.expo__right {
    display: flex;
    flex-direction: column
}

.expo__right .btn {
    margin-top: auto;
    margin-left: auto
}

.partners {
    max-width: 100vw;
    overflow: hidden;
    padding: 90px 0
}

.partners .partner {
    width: 247px;
    height: 190px;
    border-radius: 42px;
    background: #fff;
    overflow: hidden;
    padding: 10px
}

.partners .partner img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.partners-slider {
    margin-top: 95px;
    overflow: visible
}

.faq {
    z-index: 3;
    padding: 90px 0;
    padding-bottom: 34vw;
    position: relative
}

.faq .toggle-list {
    margin-top: 60px;
    gap: 14px
}

.faq .list-item__body ul {
    padding-left: 20px;
    margin: 20px 0
}

.faq .list-item__body a:hover {
    text-decoration: underline
}

.contacts {
    padding: 90px 0;
    padding-bottom: 54px;
    background-color: #fff
}

.contacts .section-title {
    color: #24222e;
    margin-bottom: 64px
}

.contacts {
    position: relative
}

.contacts::before {
    z-index: 2;
    transform: translateY(-56%);
    position: absolute;
    left: 0;
    top: 2px;
    content: "";
    background-image: url(../img/bottom-bg-image.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    height: 59vw;
    width: 100%
}

.contacts::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 20vw;
    width: 100%;
    content: "";
    background-color: #24222e;
    z-index: 1
}

.contacts__wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 50px
}

.contacts-list {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.contacts__left {
    max-width: 550px;
    width: 100%
}

.contact__name {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 20px
}

.contact__block {
    border-radius: 42px;
    border: 1px solid #24222e;
    width: 100%;
    min-height: 120px;
    overflow: hidden;
    display: flex
}

.contact__block-inner {
    padding: 7px;
    padding-right: 30px;
    border-radius: 0 42px 42px 0;
    height: 100%;
    background: #24222e;
    display: flex;
    gap: 30px;
    align-items: center;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%
}

.contact__block-inner .block-inner__content {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    flex-direction: column
}

.block-inner__image {
    width: 106px;
    height: 106px;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.contacts__right {
    margin-left: auto;
    width: 408px;
    flex-shrink: 0;
    border-radius: 68px;
    background: rgba(36, 34, 46, .8);
    backdrop-filter: blur(19.5px);
    flex-shrink: 0;
    border: 1px solid #fff
}

.contacts__map {
    width: 100%;
    height: 0;
    position: relative;
    border-radius: 50px;
    overflow: hidden;
    padding-top: 47.7%
}

.contacts__map::before {
    z-index: 2;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(36, 34, 46, .5);
    backdrop-filter: blur(3px);
    transition: all .3s ease-in-out
}

.contacts__map:hover::before {
    opacity: 0;
    visibility: hidden
}

.contacts__map:hover .map-plate {
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(0)
}

.contacts__map-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #24222e
}

.contacts__map-inner iframe {
    width: 100%;
    height: 100%
}

.map-plate {
    z-index: 3;
    transition: all .5s ease-in-out;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border-radius: 20px;
    background: hsla(0, 0%, 100%, .9);
    display: flex;
    align-items: center;
    color: #24222e;
    gap: 20px;
    box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, .2)
}

.map-plate__ico {
    width: 33px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center
}

.map-plate__ico svg {
    width: 100%;
    height: 100%
}

.map-plate__date {
    font-size: 24px;
    font-weight: 800;
    line-height: 120%;
    margin-bottom: 5px
}

.map-plate__loc {
    color: #24222e;
    font-size: 18px;
    font-weight: 500;
    line-height: 130%
}

.contacts__map-wrapper {
    padding-top: 135px
}

.contacts__map-wrapper .section-title {
    margin-bottom: 36px
}

.footer {
    padding: 50px 0;
    background: linear-gradient(180deg, #fff 0%, #b89aff 100%)
}

.footer__wrapper {
    display: flex;
    justify-content: space-between
}

.footer__coll {
    display: flex;
    flex-direction: column;
    gap: 18px;
    font-weight: 500;
    color: #24222e
}

.footer__coll:first-child {
    justify-content: space-between
}

.coll-block {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.coll-block__name {
    font-size: 14px;
    line-height: 140%
}

.coll-block__val {
    font-size: 18px;
    line-height: 130%
}

a.coll-block__val:hover {
    text-decoration: underline
}

.footer__logo {
    width: 77px;
    height: 46px
}

.footer__logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.form-template {
    display: flex;
    flex-direction: column;
    gap: 44px;
    padding: 16px
}

.right-content.show-on-mob {
    display: none
}

.form-template__header {
    width: 100%;
    padding: 20px;
    border-radius: 50px;
    background: #fff;
    text-align: center;
    line-height: 130%;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.form-template__title {
    color: #24222e;
    font-size: 32px;
    font-weight: 800
}

.form-template__decr {
    font-size: 24px;
    font-weight: 500
}

.form-template__body {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.form-template__field {
    width: 100%
}

.form-template__field input {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 42px;
    background: #fff;
    color: #24222e;
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
    padding: 11px;
    padding-left: 40px
}

.form-template__field input.error {
    color: red !important
}

.form-template__items-count {
    display: flex;
    padding: 0 33px;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

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

.calc__minus,
.calc__plus {
    width: 34px;
    height: 34px;
    cursor: pointer;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

.calc__plate {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background: #fff;
    color: #24222e;
    font-size: 24px;
    font-weight: 500;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.form-template__agree {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    position: relative
}

.form-template__agree a {
    text-decoration: underline
}

.form-template__agree.error * {
    color: red !important
}

.form-template__agree input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.form-template__agree input:checked+.agree-w::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='17' viewBox='0 0 28 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0954 16.9688C10.6887 16.9983 10.2715 16.8637 9.95278 16.5606L0.465479 7.53034C-0.134541 6.95917 -0.15753 6.00918 0.413721 5.40924C0.985031 4.80972 1.9349 4.78647 2.53481 5.35749L11.0075 13.4229L24.8004 0.409245C25.4029 -0.158962 26.352 -0.132298 26.9206 0.469791C27.4892 1.07222 27.4615 2.02235 26.859 2.59088L12.0514 16.5626C11.8019 16.7978 11.4923 16.9295 11.1754 16.962C11.1696 16.9627 11.1637 16.9633 11.1579 16.9639C11.137 16.9658 11.1162 16.9678 11.0954 16.9688Z' fill='%2324222E'/%3e%3c/svg%3e ")
}

.form-template__agree .agree-w {
    display: flex;
    align-items: center;
    padding-left: 12px;
    gap: 21px;
    position: relative
}

.form-template__agree .agree-w::before {
    flex-shrink: 0;
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px
}

.form-submit {
    cursor: pointer;
    width: 100%;
    height: 107px;
    border-radius: 50px;
    background: linear-gradient(90deg, #fa36db 0%, #8f68ed 100%), #fff;
    backdrop-filter: blur(19.5px)
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    width: clamp(10px, 9.37vw, 135px);
    height: clamp(10px, 6.8vw, 98px);
    background-image: url(../img/player-play.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 54px
}

.plyr--full-ui.plyr--video .plyr__control--overlaid svg {
    display: none
}

.plyr__video-wrapper {
    background-color: #fff
}

.day-modal,
.form-modal {
    overscroll-behavior: contain;
    overflow: auto;
    z-index: 99;
    background: rgba(36, 34, 46, .5);
    backdrop-filter: blur(8px);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 40px;
    opacity: 0;
    visibility: hidden;
    transition: visibility .3s ease-in-out, opacity .3s ease-in-out
}

.day-modal.show,
.form-modal.show {
    opacity: 1;
    visibility: visible
}

.day-modal__content {
    position: relative;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    background-image: url(../img/day-modal-bg.jpg);
    background-repeat: repeat-y;
    background-size: cover;
    background-position: top center;
    padding: 60px 40px;
    border-radius: 128px
}

.day-modal__name {
    color: #24222e;
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 32px
}

.day-modal__body {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.day-modal__block {
    padding: 35px;
    padding-right: 90px;
    display: flex;
    align-items: center;
    gap: 60px;
    border-radius: 105px;
    border: 4px solid #24222e
}

.day-modal__block._rev {
    padding: 35px;
    padding-left: 90px
}

.block__person {
    padding: 20px;
    border-radius: 90px;
    background: #24222e;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    /* max-width: 274px; */
    width: 274px;
    min-height: 392px
}

.block__persons {
    display: flex;
    gap: 30px;
}

.person__image {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: #fff;
    margin-bottom: 20px
}

.person__name {
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 20px
}

.person__position {
    font-size: 13px;
    line-height: 130%
}

.block__info {
    color: #24222e;
    font-weight: 500
}

.info__title {
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 20px
}

.info__descr {
    font-size: 18px;
    line-height: 110%
}

.day-modal__close {
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 52px;
    top: 52px
}

.day-modal__close svg {
    width: 100%;
    height: 100%
}

.form-modal__inner {
    position: relative;
    background-color: #24222e;
    max-width: 461px;
    width: 100%;
    margin: 0 auto;
    border-radius: 68px
}

.form-modal__inner.white-form {
    background-color: #fff
}

.form-modal__inner.white-form .form-template__header {
    background-color: #24222e;
    color: #fff
}

.form-modal__inner.white-form .form-template__header .form-template__title {
    color: #fff
}

.form-modal__inner.white-form .form-template__name {
    color: #24222e
}

.form-modal__inner.white-form .form-template__field input {
    background-color: #24222e;
    color: #fff
}

.form-modal__inner.white-form .form-template__agree .agree-w::before {
    background-color: #24222e
}

.form-modal__inner.white-form .form-template__agree .agree-w {
    color: #24222e
}

.form-modal__inner.white-form .form-template__agree input:checked+.agree-w::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='17' viewBox='0 0 28 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0954 16.9688C10.6888 16.9982 10.2715 16.8637 9.95287 16.5606L0.465565 7.53029C-0.134455 6.95912 -0.157444 6.00914 0.413807 5.40919C0.985106 4.80957 1.93495 4.78639 2.5349 5.35744L11.0076 13.4229L24.8005 0.409193C25.403 -0.159075 26.352 -0.132332 26.9206 0.46974C27.4893 1.07219 27.4617 2.02231 26.8591 2.59083L12.0515 16.5625C11.8019 16.7978 11.4924 16.9295 11.1755 16.9619C11.1697 16.9627 11.1638 16.9632 11.1579 16.9639C11.1371 16.9658 11.1163 16.9677 11.0954 16.9688Z' fill='white'/%3e%3c/svg%3e ")
}

.form-modal__inner.white-form .form-template__items-count {
    color: #24222e
}

.form-modal__inner.white-form .calc__plate {
    background-color: #24222e;
    color: #fff
}

.form-template__name {
    padding-top: 24px;
    color: #fff;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 120%
}

.form-template__close {
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 28px;
    top: 28px
}

.items-count-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.items-count-wrapper .form-template__items-count {
    padding: 0px 12px
}

.thanks-modal {
    color: #24222e;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 120%
}

.thanks-modal .form-modal__inner {
    max-width: 585px;
    padding: 60px;
    border-radius: 40px
}

.thanks-modal .form-template__close {
    right: 20px;
    top: 20px
}

a.block-inner__val:hover {
    text-decoration: underline
}

@media(max-width: 1500px) {
    .form-template {
        gap: 25px
    }

    .main-title-wrapper,
    .main-info,
    .main-descr {
        margin-bottom: 25px
    }

    .main-btn {
        padding: 15px 30px
    }
}

@media(max-width: 1140px) {
    .day-modal__content {
        padding: 30px;
        border-radius: 60px
    }

    .day-modal__block {
        padding: 30px !important;
        gap: 30px;
        flex-direction: column
    }

    .block__info {
        order: -1;
        text-align: center;
        max-width: 90%
    }

    .block__persons {
        justify-content: center;
        flex-wrap: wrap
    }

    .right-content {
        display: none
    }

    .left-content {
        max-width: initial
    }

    .programs-days {
        flex-direction: column
    }

    .programs-day {
        width: 100%
    }

    .tickets-wrapper {
        flex-direction: column
    }

    .tickets-wrapper .ticket {
        width: 100%
    }
}

@media(max-width: 1080px) {
    .main::after {
        top: 0;
        height: 900px
    }

    .expo__wrapper {
        flex-direction: column
    }

    .expo__left,
    .expo__right {
        width: 100%
    }

    .expo__right {
        order: -1
    }

    .header {
        padding: 15px 0
    }
}

@media(max-width: 992px) {
    .header__nav {
        display: none
    }

    .header-btn {
        order: -1
    }

    .mob-menu-btn {
        display: block;
        margin-left: auto
    }

    .header__logo {
        height: calc(100% - 30px) !important;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .how-it-was__video-wrapper {
        border-radius: 30px
    }

    .speaker-slide {
        border-radius: 80px
    }

    .section-title {
        font-size: 48px
    }

    .contacts__wrapper {
        flex-direction: column
    }

    .contacts__left {
        max-width: initial
    }

    .contacts__right {
        width: 100%
    }

    .contacts__map-wrapper {
        padding-top: 50px
    }

    .contacts__map {
        border-radius: 20px
    }

    .contacts__right,
    .right-content {
        height: initial;
        border-radius: 55px
    }

    .expo__right .btn,
    .programs__descr a {
        display: block;
        margin-left: 0;
        margin-top: 20px
    }

    .timer-wrapper {
        flex-direction: column;
        gap: 5px
    }

    .title-wrapper {
        align-items: center;
        flex-wrap: nowrap
    }

    .timer__plate {
        text-align: center
    }

    .footer__wrapper {
        flex-wrap: wrap;
        gap: 50px
    }
}

@media(max-width: 768px) {
    .contacts::before {
        top: 90px;
        transform: translateY(-62%);
        background-image: url(../img/bottom-bg-image-mob.png);
        background-position: center bottom;
        height: 108vw
    }

    .main::before,
    .main::after {
        height: 1100px
    }

    .toggle-list .list-item__head {
        padding: 7px
    }

    .coockie-modal__inner::before {
        display: none
    }

    .coockie-modal__inner {
        padding: 20px 10px;
        gap: 10px;
        flex-direction: column;
        text-align: center;
        border-radius: 40px 40px 0 0
    }

    .timer__plate {
        padding: 12px;
        border-radius: 15px;
        font-size: 12px
    }

    .timer__num .num {
        font-size: 24px;
        width: 100%;
        height: 46px;
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .timer__nums {
        width: 100%
    }

    .timer__num {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: calc(33.33% - 5.33333px)
    }

    .timer__num .text {
        font-size: 12px
    }

    .section-title {
        font-size: 28px
    }

    .title-top {
        font-size: 20px
    }

    .main-title {
        font-size: 32px
    }

    .main-descr {
        font-size: 15px
    }

    .main-title-wrapper {
        padding-left: 50px
    }

    .main-title-wrapper::before {
        width: 42px;
        height: 87px
    }

    .main-info {
        display: flex;
        align-items: center
    }

    .main-info span {
        display: block
    }

    .main-info {
        font-size: 12px
    }

    .main-title-wrapper {
        margin-bottom: 20px
    }

    .main-descr {
        margin-bottom: 20px
    }

    .right-content.show-on-mob {
        display: block;
        position: static;
        width: 100%;
        margin-bottom: 152px
    }

    .main-btns {
        max-width: initial
    }

    .main-btn {
        width: 100%;
        border-radius: 42px;
        background: hsla(0, 0%, 100%, .9);
        backdrop-filter: blur(19.5px);
        color: #24222e;
        font-size: 15px;
        font-weight: 500;
        line-height: 140%
    }

    .form-template__title {
        font-size: 28px
    }

    .form-template__decr {
        font-size: 20px
    }

    .form-template__header {
        padding: 13px;
        gap: 10px;
        border-radius: 50px
    }

    .right-content {
        border-radius: 55px
    }

    .form-template {
        gap: 30px
    }

    .form-submit {
        height: 82px;
        font-size: 20px
    }

    .form-template__items-count {
        font-size: 15px
    }

    .toggle-list .list-item__head {
        font-size: 15px
    }

    .programs .section-descr {
        font-size: 15px
    }

    .day__head {
        font-size: 32px;
        align-items: stretch
    }

    .day__head span {
        display: flex;
        align-items: center
    }

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

    .day__body {
        font-size: 20px
    }

    .programs__descr {
        font-size: 15px
    }

    .btn {
        font-size: 20px
    }

    .header-btn {
        font-size: 15px;
        padding: 4px 16px;
        border-radius: 42px
    }

    .header {
        padding: 18px 0 !important
    }

    .main {
        padding-top: 62px
    }

    .left-content {
        padding-top: 0
    }

    .ticket__head {
        min-height: 90px;
        font-size: 40px
    }

    .ticket__body li {
        font-size: 15px
    }

    .expo__descr {
        font-size: 15px
    }

    .speaker-slide {
        width: 300px;
        min-height: 452px;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .speaker-slide__image {
        width: 250px;
        height: 250px
    }

    .map-plate__date {
        font-size: 15px;
        white-space: nowrap
    }

    .map-plate__loc {
        font-size: 12px;
        white-space: nowrap
    }

    .map-plate__ico {
        width: 25px;
        height: 33px
    }

    .contacts__map {
        padding-top: 75%
    }

    .on-mobile-btn {
        display: flex;
        margin-top: 40px
    }

    .about-section {
        padding-bottom: 40px
    }

    .healthy-section,
    .how-it-was,
    .programs,
    .tickets,
    .expo,
    .partners,
    .faq {
        padding: 40px 0
    }

    .how-it-was {
        padding-bottom: 0
    }

    .speakers {
        padding-top: 80px !important;
        padding-bottom: 0
    }

    .programs {
        padding-top: 80px !important;
        padding-bottom: 0
    }

    .tickets {
        padding-top: 80px
    }

    .partners {
        padding-bottom: 0
    }

    .faq {
        padding-top: 80px;
        padding-bottom: 50vw
    }

    .contacts::after {
        height: 35vw
    }

    .partners-slider,
    .faq .toggle-list {
        margin-top: 40px
    }

    .tickets-wrapper {
        padding-top: 40px
    }

    .contacts .section-title {
        margin-bottom: 40px
    }

    .contact__name {
        font-size: 15px;
        margin-bottom: 10px
    }

    .block-inner__image {
        width: 75px;
        height: 75px
    }

    .contact__block {
        min-height: 89px
    }

    .contact__block-inner {
        font-size: 12px;
        gap: 15px
    }

    .speakers-pag {
        padding: 20px 0;
        padding-bottom: 0;
        display: flex;
        justify-content: center
    }

    .healthy-section .section-title,
    .about-section .section-title {
        margin-bottom: 40px
    }

    .about-section {
        padding-top: 40px
    }

    .main-screen {
        padding-bottom: 40px
    }

    .programs .section-title {
        margin-bottom: 20px
    }

    .rectangle {
        height: 83px
    }

    .rectangle:nth-child(2) .rectangle-ball,
    .rectangle:nth-child(3) .rectangle-ball {
        width: 83px;
        height: 83px
    }

    .partners .partner {
        border-radius: 30px
    }

    .form-modal__inner {
        border-radius: 55px
    }

    .form-template__close {
        right: 20px;
        top: 20px
    }

    .form-template__agree .agree-w {
        line-height: 120%
    }

    .form-template__agree .agree-w br {
        display: none
    }

    .form-template__field input {
        padding-left: 20px;
        font-size: 15px
    }

    .day-modal,
    .form-modal {
        padding: 50px 20px
    }
}

@media(max-width: 576px) {
    .footer__wrapper {
        gap: 20px
    }

    .footer {
        padding: 32px 0
    }

    .thanks-modal .form-modal__inner {
        padding: 60px 35px;
        font-size: 20px
    }

    .main-info {
        flex-wrap: wrap;
        gap: 30px
    }

    .plyr--full-ui.plyr--video .plyr__control--overlaid {
        width: 64px;
        height: 44px;
        border-radius: 15px
    }

    .main-btn {
        padding: 14px 40px
    }

    .ticket-btns .ticket-btn__price {
        font-size: 24px
    }

    .ticket-btns .ticket-btn__days {
        font-size: 15px
    }

    .border-wrapper {
        margin-bottom: 20px
    }

    .tickets-wrapper {
        gap: 60px
    }

    .day-modal {
        padding: 0 !important
    }

    .day-modal__content {
        border-radius: 0;
        background-position: center top;
        padding: 16px
    }

    .day-modal__block {
        border-radius: 80px;
        background-color: #fff
    }

    .block__persons {
        width: 100%;
        gap: 20px
    }

    .block__person {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 280px;
        min-width: initial
    }

    .day-modal__close {
        width: 35px;
        height: 35px;
        right: initial;
        margin-left: auto;
        top: 20px;
        position: sticky
    }

    .day-modal__name {
        margin-bottom: 30px;
        font-size: 24px
    }

    .info__title {
        font-size: 20px;
        margin-bottom: 20px
    }

    .info__descr {
        font-size: 13px
    }

    .day-modal__block {
        gap: 20px
    }
}

@media (max-width: 400px) {
    .day__open {
        padding-left: 60px;
        background-position: center left 21px;
        padding-right: 25px;
    }

    .day__head {
        font-size: 26px;
    }
}


.speakers-records__list {
    padding-top: 30px;
    display: flex;
    gap: 30px;
    max-width: 702px;
    width: 100%;
}

.sp-coll {
    display: flex;
    flex-direction: column;
}

.sp-image {
    width: 187px;
    height: 187px;
    border-radius: 50%;
    border: 1px solid #FFF;
    margin-bottom: 30px;
}

.sp-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.sp-name {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 10px;
}

.sp-decr {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.speakers-records__wrapper {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}

.speakers-records__right {
    padding-top: 100px;
}

@media (max-width: 1240px) {

    .speakers-records__wrapper {
        justify-content: center;
    }

    .speakers-records__right {
        padding-top: 30px;
    }

    .speakers-records__list {
        justify-content: space-around;
        max-width: initial;
    }

    .speakers-records__left {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .speakers-records__list {
        flex-wrap: wrap;
        justify-content: center;
    }
}