:root { --ff: "GothamPro", Arial, Helvetica, sans-serif; --c3: JetBrainsMono, Arial, sans-serif; --pc: GeistMono, Arial, sans-serif; --pc2: Mona-Sans, Arial, sans-serif; --clr-black: #0F0F0F; --clr-black-300: #323232; --clr-black-350: #3D3D3D; --clr-black-400: #424242; --clr-black-100: #1B1B1B; --clr-gray-100: #7B7B7B; --clr-white: #fff; --clr-gitnation: #FE5D02; }

/* NORMALIZE */
/* ================================================ */
html, body, div, span, applet, main, 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 { margin: 0; padding: 0; border: 0; font-size: 100%; }

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

blockquote, q { quotes: none; }

blockquote:before, blockquote:after { content: ''; content: none; }

q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-width: 0px; padding: 0px; margin: 0px; }

html { height: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }

input, textarea { color: #333; outline: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; }

input[type="button"], input[type="submit"] { cursor: pointer; -webkit-appearance: none; outline: none; }

input::-ms-clear { display: none; }

button { cursor: pointer; -webkit-appearance: none; outline: none; }

td, form { margin: 0px; padding: 0px; }

a { color: inherit; font-family: inherit; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

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

*:focus, *:active { outline: none; }

a:focus, a:active { outline: none; }

p:last-child { margin-bottom: 0; }

img { display: block; max-width: 100%; }

html.lock, html.lock body { overflow: hidden; }

body { width: 100%; background: var(--clr-black); color: var(--clr-white); font-family: var(--ff); font-size: 16px; line-height: 1.4; min-height: 100%; position: relative; --clr-section-gap: 150px; }

.container { --_container: 40px; position: relative; max-width: 1246px; margin: 0 auto; padding-left: var(--_container); padding-right: var(--_container); }

.wrapper { overflow: clip; }

@font-face { font-family: "GothamPro"; src: url(../fonts/GothamPro-Light.woff2) format("woff2"), url(../fonts/GothamPro-Light.woff) format("woff"); font-style: normal; font-weight: 300; }

@font-face { font-family: "GothamPro"; src: url(../fonts/GothamPro.woff2) format("woff2"), url(../fonts/GothamPro.woff) format("woff"); font-style: normal; font-weight: 400; }

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

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

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

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

@font-face { font-family: "Mona-Sans"; src: url(../fonts/Mona-Sans-MediumWide.woff2) format("woff2"), url(../fonts/Mona-Sans-MediumWide.woff) format("woff"); font-style: normal; font-weight: 500; }

.icon { display: inline-block; width: 1em; height: 1em; fill: currentColor; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; position: relative; }

.icon-heart, .icon-product, .icon-lightning, .icon-connections, .icon-star-wc, .icon-across, .icon-chevron-left, .icon-chevron-right, .icon-twitter, .icon-fb { fill: none; }

.icon-arrow-right { stroke: currentColor; stroke-width: 2px; }

.icon-chevron-right, .icon-chevron-left { stroke: currentColor; }

/* Form =========================================== */
.form-field { margin-bottom: 1.5rem; position: relative; }

.form-input { display: block; width: 100%; height: var(--input-height, 4.4rem); padding: 0 rem(20); color: var(--colorWhite); font: 700 rem(16) var(--ff), Arial, sans-serif; line-height: normal; border: rem(2) solid #AFAFAF; background: transparent; border-radius: 1rem; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.form-input:-ms-input-placeholder { color: #797979; font-weight: 400; }

.form-input:-moz-placeholder { color: #797979; font-weight: 400; }

.form-input::-moz-placeholder { color: #797979; font-weight: 400; }

.form-input::-webkit-input-placeholder { color: #797979; font-weight: 400; }

.form-input::-ms-input-placeholder { color: #797979; font-weight: 400; }

.form-input::placeholder { color: #797979; font-weight: 400; }

.form-input._error { border-color: #C00000; border-width: .1rem; color: #C00000; }

.form-input._error::-webkit-input-placeholder { color: #C00000; }

.form-input._error::-moz-placeholder { color: #C00000; }

.form-input._error::-ms-input-placeholder { color: #C00000; }

.form-input._error::placeholder { color: #C00000; }

.form-input._valid { border-color: green; }

textarea.form-input { height: auto; min-height: var(--input-height, 12rem); padding-top: rem(15); padding-bottom: rem(15); resize: none; overflow: auto; }

textarea.form-input--max-content { max-width: 63rem; }

label { display: block; font-weight: 600; margin-bottom: rem(5); }

/* Checkbox	======================================= */
.checkbox, .radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; cursor: pointer; font-size: 1.4rem; font-weight: 400; margin: 0; position: relative; gap: 1.2rem; }

.checkbox input, .radio input { display: none; }

.checkbox:before, .radio:before { content: ''; display: block; width: 3rem; height: 3rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; background-color: transparent; border: rem(2) solid #AFAFAF; border-radius: 5px; -webkit-transition: border-color 0.2s linear; -o-transition: border-color 0.2s linear; transition: border-color 0.2s linear; }

.checkbox__text, .radio__text { display: block; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

.checkbox:has(> input:checked):before, .radio:has(> input:checked):before { background-image: url("../img/checkbox-bg.svg"); background-repeat: no-repeat; background-position: center; background-size: 75% auto; }

.checkbox:hover:before, .radio:hover:before { border-color: var(--accentColorHover); }

.checkbox--warning:before, .radio--warning:before { border-color: var(--accentColorActive); }

.checkbox--sm:before, .radio--sm:before { width: 2rem; height: 2rem; }

.checkbox._error:before, .radio._error:before { border-color: red; }

.checkbox input:checked ~ .checkbox__text:before { background: #000; }

.radio input:checked ~ .radio__text:before { background: #000; }

.radio input:checked ~ .radio__text__text:before { border-radius: 50%; }

.btn, a.btn { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 6px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; height: 60px; padding: 0 28px; color: #fff; font: 500 16px/16px var(--ff), Arial, sans-serif; text-align: center; text-decoration: none; border: 1px solid var(--clr-theme); background-color: var(--clr-theme); border-radius: 100px; cursor: pointer; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; overflow: hidden; -webkit-box-flex: 0; -ms-flex: none; flex: none; }

.btn:disabled, a.btn:disabled { background: #797979; cursor: default; }

.btn--secondary, a.btn--secondary { background: var(--clr-black); color: #fff; border-color: var(--clr-black); }

.btn--secondary:hover, .btn--secondary:focus-visible, a.btn--secondary:hover, a.btn--secondary:focus-visible { background: #fff; border-color: #fff; color: var(--clr-black); }

.btn--outline, a.btn--outline { border: 1px solid var(--clr-black-300); color: var(--clr-white); background: transparent; }

.btn--outline:hover, .btn--outline:focus-visible, a.btn--outline:hover, a.btn--outline:focus-visible { background: var(--clr-gitnation); border-color: var(--clr-gitnation); }

.btn--outline:hover .btn__accent-text, .btn--outline:focus-visible .btn__accent-text, a.btn--outline:hover .btn__accent-text, a.btn--outline:focus-visible .btn__accent-text { color: #fff; }

.btn--outline-accent, a.btn--outline-accent { color: var(--clr-white); background: transparent; }

.btn--outline-accent:hover, .btn--outline-accent:focus-visible, a.btn--outline-accent:hover, a.btn--outline-accent:focus-visible { background: var(--clr-theme); color: var(--clr-black); }

.btn--lg, a.btn--lg { height: 80px; padding: 0 40px; }

.btn--block, a.btn--block { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }

.btn__accent-text, a.btn__accent-text { color: var(--clr-gitnation); }

.btn.ttu, a.btn.ttu { font-size: 14px; }

input.btn, button.btn { display: inline-block; }

input.btn--block, button.btn--block { display: block; width: 100%; }

.styled-text > *:first-child { margin-top: 0; }

.styled-text > *:last-child { margin-bottom: 0; }

.styled-text p { margin-bottom: 15px; }

.styled-text a { color: var(--clr-theme); }

.styled-text a:hover { text-decoration: underline; }

.styled-text h3 { font-size: 22px; margin-top: 24px; margin-bottom: 10px; font-weight: 400; }

.styled-text h4 { font-size: 18px; margin-top: 24px; margin-bottom: 10px; font-weight: 400; }

.styled-text ul { list-style-type: none; list-style-image: url(../img/list-star.svg); padding: 0; margin-bottom: 15px; margin-left: 15px; }

.styled-text ul li { padding-left: 8px; }

.styled-text ul li strong { font-weight: 500; }

.styled-text ul li:not(:last-child) { margin-bottom: 10px; }

.styled-text--gray { color: var(--clr-gray-100); }

.styled-text--gray a { color: #fff; }

.styled-text--gray a:hover { text-decoration: underline; }

.styled-text--gray ul { list-style-image: url(../img/list-star-gray.svg); }

.ttu { text-transform: uppercase !important; }

[data-tabs-block] { display: none; }

[data-tabs-block]._active { display: block; }

.tab-block__nav { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; overflow-x: auto; gap: 40px; border-bottom: 1px solid var(--clr-black-300); }

.tab-block__navitem { border: none; border-bottom: 6px solid transparent; background: none; padding: 0 0 20px; font-size: 16px; font-weight: 700; white-space: nowrap; font-family: inherit; text-transform: uppercase; color: var(--clr-gray-100); }

.tab-block__navitem._active { border-color: var(--clr-theme); color: #fff; }

.social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style-type: none; gap: 6px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.social__link { width: 60px; height: 60px; border-radius: 50%; border: 1px solid var(--clr-black-300); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-transition: border-color 0.2s linear, background 0.2s linear; -o-transition: border-color 0.2s linear, background 0.2s linear; transition: border-color 0.2s linear, background 0.2s linear; }

.social__link .icon { font-size: 24px; color: #fff; }

.social__link:hover, .social__link:focus-visible { background: var(--clr-theme); border-color: var(--clr-theme); }

.social__link:hover .icon, .social__link:focus-visible .icon { color: var(--clr-black); }

.social--default { gap: 2px; }

.social--default .social__link, .social--default .social__btn { width: 25px; height: 25px; border: none; border-radius: 0; background: none; }

.social--default .social__link .icon, .social--default .social__btn .icon { font-size: 16px; }

.social--default .social__link:hover .icon, .social--default .social__link:focus-visible .icon, .social--default .social__btn:hover .icon, .social--default .social__btn:focus-visible .icon { color: var(--clr-theme); }

.section { margin: var(--clr-section-gap) 0; }

.section__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; margin-bottom: 50px; }

.section__head.shine { position: relative; }

.section__head.shine:before { content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 200px; height: 200px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; background: var(--clr-theme); -webkit-filter: blur(200px); filter: blur(200px); }

.section__suptitle { color: var(--clr-theme); font-size: 16px; font-weight: 500; text-transform: uppercase; margin: 0; line-height: 1.2; }

.section__title { font-size: 72px; font-weight: 500; text-transform: uppercase; line-height: .9; max-width: 990px; margin: 0 0 0 -.05em; }

.section__description { font-size: 28px; line-height: 1.2; max-width: 990px; }

.devider { margin: var(--clr-section-gap) 0; height: 1px; background: var(--clr-black-300); }

.hero { background: var(--clr-black) url("../img/hero-bg.webp") repeat-x bottom center; background-size: cover; min-height: 100vh; min-height: 100svh; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 54px 0 200px; border-bottom: 1px solid var(--clr-black-300); position: relative; z-index: 2; }

.hero .container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 60px; }

.hero__top { display: -ms-grid; display: grid; gap: 63px 40px; -ms-grid-columns: 1fr min-content 1fr; grid-template-columns: 1fr -webkit-min-content 1fr; grid-template-columns: 1fr min-content 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 5px; }

.hero__top .hero__basement { display: block; }

.hero__basement { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1/2; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1/2; display: none; }

.hero__date { font-size: 16px; font-weight: 500; line-height: 1; text-align: right; text-transform: uppercase; }

.hero__logo { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2/3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1/2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; }

.hero__info { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3/4; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1/2; }

.hero__location { text-align: right; font-size: 16px; font-weight: 500; line-height: 1; text-transform: uppercase; }

.hero__name { text-transform: uppercase; font-size: 24px; font-weight: 500; line-height: 1; width: -webkit-min-content; width: -moz-min-content; width: min-content; }

.hero__middle { margin: auto 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; }

.hero__middle .hero__info { display: none; margin-bottom: 8vh; }

.hero__middle .hero__basement { margin-top: 8vh; }

.hero__sponsorship { font-size: 24px; font-weight: 500; text-transform: uppercase; color: var(--clr-theme); }

.hero__title { font-size: 72px; text-transform: uppercase; font-weight: 500; line-height: .9; text-wrap: balance; margin: 0; }

.hero__video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: -1; }

.hero__video video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; pointer-events: none; }

.hero__video:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; background: rgba(0, 0, 0, 0.7); }

.logo { display: block; width: 110px; height: 110px; border-radius: 50%; overflow: hidden; -webkit-box-flex: 0; -ms-flex: none; flex: none; }

.logo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.header { position: fixed; left: 0; width: 100%; bottom: 50px; z-index: 20; }

.header__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 16px; border-radius: 16px; position: relative; z-index: 1; height: 54px; padding: 0 16px; }

.header__nav:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; z-index: -1; bottom: 0; border-radius: inherit; background: rgba(32, 32, 32, 0.6); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }

.header__btn { background: var(--clr-theme); color: var(--clr-black); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 38px; padding: 0 18px; font-family: var(--ff); -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 8px; font-size: 14px; font-weight: 500; margin-right: -8px; }

.header__btn:hover, .header__btn:focus-visible { background: #fff; }

.nav { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 6px; position: relative; }

.nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; list-style-type: none; margin: 0; gap: 6px; }

.nav__list-link { height: 38px; border: 1px solid #313131; border-radius: 8px; padding: 0 18px; font-size: 14px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.nav__list-link:hover, .nav__list-link:focus-visible { background: #313131; }

.nav__dropdown { display: none; position: absolute; bottom: calc(100% + 16px); right: 0; -webkit-transform: translate(calc(50% - 20px), 0); -ms-transform: translate(calc(50% - 20px), 0); transform: translate(calc(50% - 20px), 0); border-radius: 16px; background: rgba(32, 32, 32, 0.6); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); padding: 24px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: calc(100vw - (var(--_container) * 2)); }

.nav__dropdown-list { list-style-type: none; font-size: 14px; font-weight: 500; }

.nav__dropdown-list a { display: block; padding: 3px 0; }

.nav__dropdown-list a:hover, .nav__dropdown-list a:focus-visible { text-decoration: underline; }

.nav__dropdown .social { margin-top: 30px; }

.nav__dropdown.is-open { display: block; }

.menu-toggle { height: 38px; width: 38px; border: 1px solid #313131; border-radius: 8px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: none; }

.menu-toggle span { display: block; height: 1px; width: 16px; background: #fff; }

.menu-toggle:hover, .menu-toggle:focus-visible { background: #313131; }

.menu-toggle.is-active { background: #313131; }

.menu-toggle.is-active span:first-child { -webkit-transform: rotate(45deg) translate(4px, 3px); -ms-transform: rotate(45deg) translate(4px, 3px); transform: rotate(45deg) translate(4px, 3px); width: 20px; }

.menu-toggle.is-active span:nth-child(2) { opacity: 0; }

.menu-toggle.is-active span:nth-child(3) { -webkit-transform: rotate(-45deg) translate(4px, -3px); -ms-transform: rotate(-45deg) translate(4px, -3px); transform: rotate(-45deg) translate(4px, -3px); width: 20px; }

.conference-sponsor__content { display: -ms-grid; display: grid; -ms-grid-columns: 1fr calc(50% + 20px); grid-template-columns: 1fr calc(50% + 20px); -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px 40px; }

.cs-list { margin-top: 75px; }

.cs-list__item { border-top: 1px solid var(--clr-black-300); }

.cs-list__item:last-child { border-bottom: 1px solid var(--clr-black-300); }

.cs-list__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 130px; padding: 35px 0 35px 10px; gap: 24px; cursor: pointer; }

.cs-list__head:hover .cs-list__caret, .cs-list__head:focus-visible .cs-list__caret { background: var(--clr-theme); }

.cs-list__head:hover .cs-list__caret:after, .cs-list__head:hover .cs-list__caret:before, .cs-list__head:focus-visible .cs-list__caret:after, .cs-list__head:focus-visible .cs-list__caret:before { background: var(--clr-black); }

.cs-list__head.is-active .cs-list__icon svg { color: var(--clr-theme); }

.cs-list__head.is-active .cs-list__description { color: var(--clr-white); }

.cs-list__head.is-active .cs-list__caret:after { display: none; }

.cs-list__head.is-active + .cs-list__body { display: block; }

.cs-list__icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 82px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.cs-list__icon svg { width: 1em; height: 1em; fill: currentColor; stroke: currentColor; font-size: 50px; color: var(--clr-black-350); }

.cs-list__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 650px; }

.cs-list__title { font-size: 22px; line-height: 1.1; }

.cs-list__description { -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-item-align: start; align-self: flex-start; width: 42.1%; font-size: 16px; line-height: 1.2; margin-top: 10px; }

.cs-list__body { padding-bottom: 35px; padding-top: 16px; -webkit-box-flex: 0; -ms-flex: none; flex: none; display: none; max-width: 650px; margin-left: 115px; }

.cs-list__caret { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: auto; width: 60px; height: 60px; border: 1px solid var(--clr-black-300); border-radius: 50%; position: relative; }

.cs-list__caret:before, .cs-list__caret:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: var(--clr-white); }

.cs-list__caret:before { width: 28px; height: 2px; }

.cs-list__caret:after { height: 28px; width: 2px; }

.sec-numbers { padding: 60px 0; }

.sec-numbers .section__head { width: 100%; z-index: 1; }

.numbers { display: -ms-grid; display: grid; -ms-grid-columns: (25%)[4]; grid-template-columns: repeat(4, 25%); }

.numbers__item { border: 1px solid var(--clr-black-300); border-radius: 30px; padding: 25px 30px; display: -ms-grid; display: grid; gap: 4px 20px; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; min-height: 210px; position: relative; text-decoration: none; color: var(--clr-white); grid-column: span 1; -webkit-box-ordinal-group: var(--numbers-order); -ms-flex-order: var(--numbers-order); order: var(--numbers-order); }

.numbers__item[href]:hover { background: rgba(255, 255, 255, 0.02); }

.numbers__item:is(.numbers__item--img-center), .numbers__item:not(:has(.numbers__img)) { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 4px 0; }

.numbers__item--lg { grid-column: span 2; gap: 4px 30px; }

.numbers__item--lg .numbers__head { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1/2; }

.numbers__item--lg .numbers__img { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2/3; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/3; width: auto; min-width: 150px; margin-left: auto; margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.numbers__item--lg .numbers__img img { max-width: 150px; max-height: 150px; width: 100%; }

.numbers__item--img-center .numbers__img { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1/2; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2/3; width: 100%; }

.numbers__item--active { border-color: var(--clr-theme); z-index: 1; }

.numbers__item--active .numbers__val, .numbers__item--active .numbers__title { color: var(--clr-theme); }

.numbers__end { padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-ordinal-group: var(--numbers-order); -ms-flex-order: var(--numbers-order); order: var(--numbers-order); }

.numbers__end .numbers__description { font-size: 12px; position: relative; padding-left: 15px; }

.numbers__end .numbers__description:before { content: '*'; font-size: 25px; position: absolute; top: 0; left: 0; }

.numbers__head { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1/2; }

.numbers__title { font-size: 16px; font-weight: 700; text-transform: uppercase; line-height: 1.1; }

.numbers__description { font-size: 14px; color: var(--clr-gray-100); margin-top: 4px; line-height: 1; }

.numbers__val { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1/2; margin-top: auto; font-size: 78px; font-weight: 500; line-height: .9; }

.numbers__img { margin-top: auto; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2/3; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2/3; width: 60px; }

.numbers__img img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; }

.numbers__icon { width: 56px; height: 56px; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--clr-black-300); }

.numbers + .section__head { margin-top: 113px; }

.packages__item { position: relative; border-radius: 30px; background: var(--clr-black); outline: 1px solid var(--clr-black-300); padding: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 350px; gap: 45px; z-index: 1; -webkit-transition: border-color 0.2s linear; -o-transition: border-color 0.2s linear; transition: border-color 0.2s linear; }

.packages__item:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: inherit; opacity: 0; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; -webkit-box-shadow: 0px 0px 50px 0px var(--clr-theme); box-shadow: 0px 0px 50px 0px var(--clr-theme); }

.packages__item--silver .packages__title, .packages__item--silver .packages__price { color: #B9B9B9; }

.packages__item--gold .packages__title, .packages__item--gold .packages__price { color: #FFB900; }

.packages__item--platinum .packages__title, .packages__item--platinum .packages__price { color: #ffffff; }

.packages__link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; text-decoration: none; z-index: 4; }

.packages__head { width: calc(48% - 22px); }

.packages__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 60px; }

.packages__title { font-size: 72px; text-transform: uppercase; line-height: .9; font-weight: 500; color: var(--clr-theme); }

.packages__price { font-size: 28px; margin-top: 10px; color: var(--clr-theme); }

.packages__tags { margin-top: 15px; }

.packages__arrow { position: absolute; bottom: 30px; right: 30px; width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--clr-theme); border-radius: 50%; opacity: 0; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

.packages__arrow .icon { font-size: 22px; color: var(--clr-black); stroke-width: 2px; }

.tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px 1px; }

.tags span { background: var(--clr-black-100); white-space: nowrap; line-height: 30px; padding: 0 15px; border-radius: 30px; font-size: 14px; color: var(--clr-gray-100); }

.checklist { list-style-type: none; }

.checklist li { position: relative; padding-left: 27px; font-size: 14px; color: var(--clr-gray-100); margin-bottom: 7px; }

.checklist li:last-child { margin-bottom: 0; }

.checklist li:before { content: ''; position: absolute; top: 0.08em; left: 0; background: url("../img/check.svg") no-repeat center; background-size: contain; width: 1.3em; height: 1.3em; }

.checklist li.active { color: #fff; }

.checklist li.active:before { background: url(../img/Lightning.svg) no-repeat center; top: 0.1em; }

.conferences-swiper { margin-top: 50px; overflow: visible; margin-left: -4px; margin-right: -4px; }

.conferences-swiper .swiper-wrapper { display: -ms-grid; display: grid; -ms-grid-columns: (auto)[100]; grid-template-columns: repeat(100, auto); padding: 30px 4px; }

.conferences-swiper .swiper-slide { width: 290px; }

.conferences-item { outline: 1px solid var(--clr-black-300); border-radius: 30px; padding: 29px; display: -ms-grid; display: grid; -ms-grid-rows: subgrid; grid-template-rows: subgrid; grid-row: span 3; cursor: pointer; -webkit-transition: outline-color 0.2s linear; -o-transition: outline-color 0.2s linear; transition: outline-color 0.2s linear; position: relative; z-index: 1; }

.conferences-item:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-box-shadow: 0px 0px 30px 0px var(--clr-theme); box-shadow: 0px 0px 30px 0px var(--clr-theme); opacity: 0; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; border-radius: inherit; pointer-events: none; }

.conferences-item__img { height: 120px; margin-bottom: 95px; }

.conferences-item__img img { width: 120px; height: 120px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; }

.conferences-item__body { margin-top: auto; padding-right: 66px; }

.conferences-item__title { font-size: 24px; text-transform: uppercase; line-height: 0.9; font-weight: 500; }

.conferences-item__date { font-size: 14px; color: var(--clr-gray-100); text-transform: uppercase; margin-top: 35px; font-weight: 500; line-height: 1; }

.conferences-item__arrow { position: absolute; bottom: 20px; right: 20px; width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--clr-theme); border-radius: 50%; opacity: 0; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

.conferences-item__arrow .icon { font-size: 22px; color: var(--clr-black); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.demographics__tabs { margin-top: 69px; }

.graphics { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1px; padding-top: 70px; overflow: hidden; overflow-x: auto; }

.graphics__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 120px; }

.graphics__inner { aspect-ratio: 1/2.3534; width: 100%; border-radius: 30px; background: -webkit-gradient(linear, left top, left bottom, from(#0F0F0F), color-stop(57.18%, #212121)); background: -webkit-linear-gradient(top, #0F0F0F 0%, #212121 57.18%); background: -o-linear-gradient(top, #0F0F0F 0%, #212121 57.18%); background: linear-gradient(180deg, #0F0F0F 0%, #212121 57.18%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; overflow: hidden; max-height: 390px; position: relative; }

.graphics__progress { position: absolute; bottom: 0; width: 100%; background: var(--clr-theme); -webkit-animation: column-anim 0.7s ease-out forwards; animation: column-anim 0.7s ease-out forwards; }

.graphics__percent { font-size: 64px; text-align: center; text-transform: uppercase; line-height: 1; font-weight: 500; -webkit-box-flex: 0; -ms-flex: none; flex: none; position: -webkit-sticky; position: sticky; z-index: 3; bottom: calc(var(--progress) + 15px); min-height: 1px; }

.graphics__title { text-align: center; font-size: 16px; font-weight: 700; text-transform: uppercase; margin-top: 25px; line-height: 1.1; padding: 0 4px; }

.graphics-circle { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; overflow-x: auto; padding-top: 70px; }

.graphics-circle__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 140px; }

.graphics-circle__inner { padding-top: 30px; }

.graphics-circle__svg { width: 100%; display: block; border-radius: 50%; background: -webkit-gradient(linear, left bottom, left top, from(#0F0F0F), to(#212121)); background: -webkit-linear-gradient(bottom, #0F0F0F 0%, #212121 100%); background: -o-linear-gradient(bottom, #0F0F0F 0%, #212121 100%); background: linear-gradient(0deg, #0F0F0F 0%, #212121 100%); }

.graphics-circle__svg-bg { fill: none; stroke: transparent; stroke-width: 0; }

.graphics-circle__svg-progress { fill: none; stroke-width: 4.3; -webkit-animation: progress 0.7s ease-out forwards; animation: progress 0.7s ease-out forwards; }

.graphics-circle__percentage { fill: #fff; font-size: 9px; font-weight: 500; text-anchor: middle; stroke: transparent; }

.graphics-circle__title { text-align: center; font-size: 16px; font-weight: 700; text-transform: uppercase; margin-top: 25px; line-height: 1.1; padding: 0 4px; }

@-webkit-keyframes progress { 0% { stroke-dasharray: 0 100; } }

@keyframes progress { 0% { stroke-dasharray: 0 100; } }

@-webkit-keyframes column-anim { 0% { height: 0; }
  100% { height: var(--progress); } }

@keyframes column-anim { 0% { height: 0; }
  100% { height: var(--progress); } }

.sec-follow-us__img { margin-bottom: 70px; }

.sec-follow-us__img img { border-radius: 30px; width: 100%; min-height: 254px; -o-object-fit: cover; object-fit: cover; aspect-ratio: 2/0.78; }

.sec-follow-us .section__head { text-align: center; }

.sec-follow-us .section__title { margin-left: auto; margin-right: auto; }

.sec-follow-us .section__description { margin-left: auto; margin-right: auto; max-width: 420px; font-size: 16px; color: var(--clr-gray-100); }

.follow-us { margin-left: auto; margin-right: auto; margin-top: 40px; max-width: 470px; position: relative; }

.follow-us__input { width: 100%; display: block; font-family: inherit; color: #fff; font-size: 18px; height: 60px; border-radius: 100px; background: transparent; border: 1px solid var(--clr-black-300); padding: 0 190px 0 30px; }

.follow-us__input::-webkit-input-placeholder { color: #fff; }

.follow-us__input::-moz-placeholder { color: #fff; }

.follow-us__input::-ms-input-placeholder { color: #fff; }

.follow-us__input::placeholder { color: #fff; }

.follow-us__btn { position: absolute; top: -1px; right: -1px; height: 60px; width: 165px; padding: 0 10px; text-transform: uppercase; color: var(--clr-theme); font-weight: 500; font-size: 14px; }

.follow-us__btn:hover, .follow-us__btn:focus-visible { background: var(--clr-theme); color: var(--clr-black); border-color: var(--clr-theme); }

.sec-reviews { margin: calc(var(--clr-section-gap) + 30px) 0; }

.sec-reviews .section__title { color: var(--clr-theme); text-align: center; margin-left: auto; margin-right: auto; }

.reviews { position: relative; -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(30%, var(--clr-black)), color-stop(70%, var(--clr-black)), to(transparent)); -webkit-mask: -webkit-linear-gradient(left, transparent, var(--clr-black) 30%, var(--clr-black) 70%, transparent); mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(30%, var(--clr-black)), color-stop(70%, var(--clr-black)), to(transparent)); mask: linear-gradient(90deg, transparent, var(--clr-black) 30%, var(--clr-black) 70%, transparent); margin-left: -140px; margin-right: -140px; padding: 0 140px; }

.reviews-swiper { overflow: visible; margin-top: 50px; padding: 1px; }

.reviews-swiper .swiper-slide { height: auto; }

.reviews-swiper-pagination { position: static; margin-top: 40px; gap: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.reviews-swiper-pagination .swiper-pagination-bullet { background: #313131; opacity: 1; }

.reviews-swiper-pagination .swiper-pagination-bullet-active { background: var(--clr-theme); }

.reviews-swiper__next, .reviews-swiper__prev { width: 60px; height: 60px; border-radius: 50%; border: 1px solid var(--clr-black-300); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: none; }

.reviews-swiper__next .icon, .reviews-swiper__prev .icon { font-size: 25px; stroke-width: 2px; color: #fff; }

.reviews-swiper__next .icon-chevron-right, .reviews-swiper__prev .icon-chevron-right { right: -2px; }

.reviews-swiper__next .icon-chevron-left, .reviews-swiper__prev .icon-chevron-left { left: -2px; }

.reviews-swiper__next.swiper-button-disabled .icon, .reviews-swiper__prev.swiper-button-disabled .icon { color: var(--clr-black-300); }

.reviews-swiper__next:not(.swiper-button-disabled):hover, .reviews-swiper__next:not(.swiper-button-disabled):focus-visible, .reviews-swiper__prev:not(.swiper-button-disabled):hover, .reviews-swiper__prev:not(.swiper-button-disabled):focus-visible { background: var(--clr-theme); border-color: var(--clr-theme); }

.reviews-swiper__next:not(.swiper-button-disabled):hover .icon, .reviews-swiper__next:not(.swiper-button-disabled):focus-visible .icon, .reviews-swiper__prev:not(.swiper-button-disabled):hover .icon, .reviews-swiper__prev:not(.swiper-button-disabled):focus-visible .icon { color: var(--clr-black); }

.review { padding: 48px; border-radius: 30px; outline: 1px solid #313131; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; }

.review__text { font-size: 24px; line-height: 1.25; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.review__text:before { content: ''; display: inline-block; vertical-align: middle; margin-right: 10px; height: 2px; width: 67px; background: #fff; }

.review__footer { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 30px; }

.review__logo { max-width: 180px; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: auto; }

.review__logo img { display: block; width: auto; max-width: 100%; max-height: 60px; }

.r-author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 25px; }

.r-author__img { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 60px; height: 60px; }

.r-author__img img { width: 100%; height: 100%; border-radius: 50%; -o-object-fit: cover; object-fit: cover; }

.r-author__name { text-transform: uppercase; font-size: 16px; }

.r-author__company { font-size: 14px; color: var(--clr-gray-100); line-height: 1.2; }

.sec-features { padding-top: 100px; position: relative; }

.sec-features:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 450px; max-height: 50%; background: -webkit-gradient(linear, left bottom, left top, from(#0F0F0F), to(#171717)); background: -webkit-linear-gradient(bottom, #0F0F0F 0%, #171717 100%); background: -o-linear-gradient(bottom, #0F0F0F 0%, #171717 100%); background: linear-gradient(0deg, #0F0F0F 0%, #171717 100%); }

.features-swiper { overflow: visible; }

.feature { width: 510px; height: 640px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 20px 30px; border-radius: 30px; overflow: hidden; z-index: 1; }

.feature:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; z-index: -1; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%); }

.feature__text { margin-top: auto; font-size: 22px; line-height: 1.3; text-wrap: balance; }

.sponsors-block { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); gap: 1px; }

.sponsors-block__item { outline: 1px solid var(--clr-black-300); border-radius: 30px; aspect-ratio: 1/0.66; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.sponsors-block__item img { max-width: 100%; max-height: 70%; }

.partners-promo { background: var(--clr-theme); padding: 95px 137px; text-align: center; border-radius: 30px; margin-top: 1px; }

.partners-promo__title { color: var(--clr-black); font-size: 80px; text-transform: uppercase; text-wrap: balance; font-weight: 500; line-height: .8; }

.partners-promo__btn { margin-top: 55px; }

.partners-promo__btn .btn { max-width: 340px; width: 100%; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; }

.about__content { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 50%; grid-template-columns: 1fr 50%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px 40px; margin-top: 80px; }

.about__content-title { font-size: clamp(26px, 5.5vw, 56px); line-height: 1.1; color: var(--clr-theme); font-weight: 500; text-transform: uppercase; }

.about__content-text { width: 55%; margin-top: 65px; }

.about__text { color: #fff; line-height: 1.8; }

.sec-promo-banner { margin-top: calc((var(--clr-section-gap) * -1) + 50px); }

.banner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 46px 52px; gap: 80px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 30px; position: relative; z-index: 1; min-height: 300px; }

.banner__link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-decoration: none; }

.banner__head { width: 360px; -webkit-box-flex: 0; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; }

.banner__logo { -webkit-box-flex: 0; -ms-flex: none; flex: none; }

.banner__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1px; }

.banner__title { color: var(--_color, #fff); text-transform: uppercase; font-size: 48px; line-height: 1; }

.banner__date { color: var(--_color, #fff); text-transform: uppercase; margin-top: auto; font-size: 23px; text-wrap: balance; }

.banner__text { font-size: 14px; margin-top: 30px; }

.banner__tags { margin-top: 75px; font-size: 0; }

.banner__tags span { margin-bottom: 2px; display: inline-block; line-height: 30px; border-radius: 30px; white-space: nowrap; color: #fff; border: 1px solid #fff; font-size: 14px; padding: 0 15px; text-transform: lowercase; }

.banner.c3 { font-family: var(--c3); --_color: #83f35d; }

.banner.pc { font-family: var(--pc); --_color: #000; }

.banner.pc .banner__title { font-family: var(--pc2); }

.banner.pc .banner__tags span { background: #000; color: #fff; }

.popup { position: fixed; width: 100%; height: 100%; top: 0; left: 0; overflow-y: auto; overflow-x: hidden; z-index: 1040; display: none; }

.popup__body { width: 100%; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.popup__content { --_padding-y: 60px; --_padding-x: 60px; background-color: #121212; border: 1px solid var(--clr-black-300); color: #fff; width: 100%; max-width: var(--popup-width, 1800px); overflow: hidden; position: relative; opacity: 0; font-size: 16px; border-radius: 30px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(0, 30px); -ms-transform: translate(0, 30px); transform: translate(0, 30px); }

.popup__close { color: #fff; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: inherit; background: none; border: none; text-transform: uppercase; font-size: 14px; padding: 0; gap: 10px; margin-bottom: 40px; }

.popup__close .icon { font-size: 16px; fill: #fff; color: #fff; stroke: #fff; }

.popup__close:hover .icon { color: #666; }

.popup._open { display: block; }

.popup._animate .popup__body { background-color: rgba(15, 15, 15, 0.8); }

.popup._animate .popup__content { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }

.package-popup { display: -ms-grid; display: grid; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-grid-columns: 1fr 42%; grid-template-columns: 1fr 42%; -ms-grid-rows: auto 1fr; grid-template-rows: auto 1fr; }

.package-popup__info { padding: var(--_padding-y) var(--_padding-x); background: var(--clr-black); }

.package-popup__right { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/3; padding: var(--_padding-y) var(--_padding-x); }

.package-popup__right .checklist li { font-size: 16px; margin-bottom: 10px; }

.package-popup__head { margin-bottom: 50px; }

.package-popup__title { font-size: clamp(52px, 4.4vw, 72px); text-transform: uppercase; margin-bottom: 20px; line-height: 1; font-weight: 500; }

.package-popup__price { font-size: 28px; }

.package-popup__subtitle { font-size: 28px; font-weight: 400; margin-bottom: 20px; }

.package-popup__text { font-size: 16px; }

.package-popup__text a { color: var(--clr-theme); }

.package-popup__tags { margin-top: 20px; }

.package-popup__video-link { margin-top: 35px; }

.package-popup__video-link a { color: var(--clr-theme); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; white-space: nowrap; }

.package-popup__video-link a:hover span { text-decoration: underline; }

.package-popup__addons { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; padding: calc(var(--_padding-y) - 10px) var(--_padding-x); background: #0A0A0A; }

.package-popup__pic { width: 100%; border-radius: 20px; display: block; margin-bottom: 40px; aspect-ratio: 1/0.6; -o-object-fit: cover; object-fit: cover; }

.addons__title { font-size: 38px; font-weight: 700; text-transform: uppercase; margin-bottom: 30px; line-height: 1.1; }

.addon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 6%; padding: 30px 0; border-bottom: 1px solid var(--clr-black-300); }

.addon:last-child { border: none; padding-bottom: 0; }

.addon:first-child { padding-top: 0; }

.addon__picture { width: 40%; -webkit-box-flex: 0; -ms-flex: none; flex: none; }

.addon__img { width: 100%; aspect-ratio: 1/0.55; -o-object-fit: cover; object-fit: cover; border-radius: 20px; }

.addon__more { color: var(--clr-theme); font-size: 12px; font-weight: 500; display: inline-block; margin-top: 15px; text-transform: uppercase; }

.addon__more:hover { text-decoration: underline; }

.addon__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.addon__title { font-size: 22px; font-weight: 400; line-height: 1.2; margin-bottom: 15px; }

.addon__tickets { margin-bottom: 15px; }

.addon__tickets span { display: inline-block; vertical-align: middle; line-height: 36px; white-space: nowrap; padding: 0 15px; border-radius: 100px; background: var(--clr-black-100); font-size: 14px; font-weight: 400; }

.addon__text { font-size: 14px; }

.footer { padding-top: 30px; position: relative; z-index: 21; }

.footer:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% + 80px); background: var(--clr-black) url("../img/footer-bg.webp") repeat-x bottom center; background-size: auto; pointer-events: none; }

.footer__top .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.footer__socials { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; margin-left: auto; }

.footer__basement { margin-top: calc(var(--clr-section-gap) - 20px); padding: 33px 0; border-top: 1px solid var(--clr-black-300); }

.footer__basement .container { display: -ms-grid; display: grid; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 100px; -ms-grid-columns: auto 1fr auto; grid-template-columns: auto 1fr auto; }

.footer__logo { width: -webkit-min-content; width: -moz-min-content; width: min-content; }

.footer__text { font-size: 14px; color: var(--clr-gray-100); }

.f-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; color: #fff; text-decoration: none; }

.f-logo__icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50px; }

.f-logo__content { -webkit-box-flex: 0; -ms-flex: none; flex: none; white-space: nowrap; padding-top: 5px; }

.f-logo__label { font-size: 12px; line-height: 1; margin-bottom: 7px; }

.f-logo__author { font-size: 23px; font-weight: 500; line-height: 1; }

@media (min-width: 768px) { .visible-sm { display: none !important; } }

@media screen and (min-width: 1025px) { .packages__item:hover, .packages__item:focus-visible { outline-color: var(--clr-theme); z-index: 2; }
  .packages__item:hover:after, .packages__item:focus-visible:after { opacity: 0.2; }
  .packages__item:hover .packages__arrow, .packages__item:focus-visible .packages__arrow { opacity: 1; }
  .packages__item--silver:hover, .packages__item--silver:focus-visible { outline-color: #5B5B5B; }
  .packages__item--silver:after { -webkit-box-shadow: 0px 0px 70px 0px #fff; box-shadow: 0px 0px 70px 0px #fff; }
  .packages__item--silver .packages__arrow { background: #494949; }
  .packages__item--gold:hover, .packages__item--gold:focus-visible { outline-color: #955B17; }
  .packages__item--gold:after { -webkit-box-shadow: 0px 0px 70px 0px #955B17; box-shadow: 0px 0px 70px 0px #955B17; }
  .packages__item--gold .packages__arrow { background: #D6A426; }
  .packages__item--platinum:hover, .packages__item--platinum:focus-visible { outline-color: #FEFEFE; }
  .packages__item--platinum:after { -webkit-box-shadow: 0px 0px 70px 0px #fff; box-shadow: 0px 0px 70px 0px #fff; }
  .packages__item--platinum .packages__arrow { background: #FFFFFF; } .conferences-item:hover, .conferences-item:focus-visible { outline-color: var(--clr-theme); z-index: 3; }
  .conferences-item:hover + .conferences-item, .conferences-item:focus-visible + .conferences-item { z-index: 2; }
  .conferences-item:hover:after, .conferences-item:focus-visible:after { opacity: 0.2; }
  .conferences-item:hover .conferences-item__arrow, .conferences-item:focus-visible .conferences-item__arrow { opacity: 1; } }

@media (min-width: 1025px) { .visible-md { display: none !important; } }

@media screen and (max-width: 1500px) { .popup__body { padding: 30px; } }

@media screen and (max-width: 1300px) { .container { max-width: 1020px; } .section__title { font-size: 68px; } .section__description { font-size: 24px; } .hero__title { font-size: 62px; } .cs-list__title { font-size: 20px; } .cs-list__description { font-size: 14px; } .numbers__item { padding: 25px; } .numbers__item--lg .numbers__img { min-width: 120px; } .numbers__val { font-size: 60px; } .packages__item { padding: 40px; } .packages__title { font-size: 62px; } .packages__price { font-size: 24px; } .graphics__percent { font-size: 42px; } .graphics-circle__percentage { font-size: 7px; } .partners-promo { padding: 70px 80px; } .partners-promo__title { font-size: 60px; } .banner { gap: 60px; } .banner__head { width: 280px; } .banner__title { font-size: 38px; } .banner__date { font-size: 16px; } .banner__tags { margin-top: 50px; } .popup__body { padding: 0; } .popup__content { border-radius: 0; border: none; --_padding-y: 38px; --_padding-x: 38px; } .package-popup__right .checklist li { font-size: 14px; } .package-popup__price { font-size: 24px; } .package-popup__subtitle { font-size: 24px; } .package-popup__text { font-size: 14px; } .addons__title { font-size: 30px; } .addon__title { font-size: 20px; } .footer__basement .container { gap: 60px; } }

@media screen and (max-width: 1024px) { body { --clr-section-gap: 120px; } .section__head { gap: 20px; margin-bottom: 40px; } .section__title { font-size: clamp(62px, 6.65vw, 68px); } .section__description { font-size: 20px; line-height: 1.3; } .hero .container { gap: 0; } .hero__top { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 8vh 20px; } .hero__top .hero__basement { display: none; } .hero__top .hero__info { display: none; } .hero__basement { grid-row: auto; display: block; margin: 0 auto; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } .hero__date { text-align: center; } .hero__logo { grid-column: auto; grid-row: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 15px; margin-bottom: 12vh; } .hero__info { grid-row: auto; grid-column: auto; } .hero__location { text-align: center; } .hero__name { font-size: 18px; } .hero__middle .hero__info { display: block; } .hero__sponsorship { font-size: clamp(12px, 2.4vw, 20px); } .hero__title { font-size: clamp(30px, 6.2vw, 52px); line-height: 0.9; } .logo { width: 80px; height: 80px; } .header { bottom: 24px; } .conference-sponsor__content { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .cs-list { margin-top: 35px; } .cs-list__head { min-height: 102px; padding: 18px 0 18px 0; gap: 18px; } .cs-list__icon { width: 56px; } .cs-list__icon svg { font-size: 48px; } .cs-list__body { margin-left: 75px; } .cs-list__caret { width: 50px; height: 50px; } .cs-list__caret:before { width: 18px; } .cs-list__caret:after { height: 18px; } .sec-numbers { padding: 30px 0; } .numbers__item { padding: 15px 20px; border-radius: 20px; min-height: 136px; } .numbers__item:is(.numbers__item--img-center), .numbers__item:not(:has(.numbers__img)) { gap: 0; } .numbers__item--lg .numbers__img { width: clamp(92px, 12.4vw, 120px); min-width: auto; } .numbers__end { padding: 15px 10px 15px 15px; } .numbers__title { font-size: clamp(12px, 1.5vw, 16px); } .numbers__description { font-size: 12px; margin-top: 2px; } .numbers__val { font-size: clamp(42px, 5.4vw, 60px); } .numbers__img { width: 34px; } .numbers__img img { max-height: clamp(96px, 12.5vw, 140px); } .numbers__icon { width: 32px; height: 32px; } .numbers__icon img { max-width: 16px; max-height: 16px; } .numbers + .section__head { margin-top: 65px; } .packages__item { padding: 30px; min-height: 252px; border-radius: 20px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .packages__head { width: 100%; padding-right: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .packages__content { display: none; } .packages__tags { margin-top: auto; padding-top: 30px; } .packages__arrow { opacity: 1; width: 50px; height: 50px; background: transparent; border: 1px solid var(--clr-black-300); bottom: 20px; right: 20px; } .packages__arrow .icon { color: #fff; font-size: 18px; } .conferences-swiper { margin-top: 10px; margin-left: 0; margin-right: 0; } .conferences-swiper .swiper-wrapper { padding: 15px 0; } .conferences-item__body { padding-right: 60px; } .conferences-item__arrow { opacity: 1; width: 50px; height: 50px; background: transparent; border: 1px solid var(--clr-black-300); bottom: 20px; right: 20px; } .conferences-item__arrow .icon { color: #fff; font-size: 18px; } .demographics__tabs { margin-top: 30px; } .graphics { padding-top: 40px; } .graphics__inner { aspect-ratio: 1/2; } .graphics__percent { font-size: 32px; } .graphics__title { font-size: 12px; } .graphics-circle { padding-top: 40px; } .graphics-circle__inner { padding-top: 0; } .graphics-circle__title { font-size: 12px; } .sec-follow-us__img { margin-left: calc(var(--_container) * -1); margin-right: calc(var(--_container) * -1); margin-bottom: 45px; } .sec-follow-us__img img { border-radius: 0; } .follow-us { margin-top: 25px; } .reviews { margin-left: calc(var(--_container) * -1); margin-right: calc(var(--_container) * -1); padding: 0 var(--_container); -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(15%, var(--clr-black)), color-stop(85%, var(--clr-black)), to(transparent)); -webkit-mask: -webkit-linear-gradient(left, transparent, var(--clr-black) 15%, var(--clr-black) 85%, transparent); mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(15%, var(--clr-black)), color-stop(85%, var(--clr-black)), to(transparent)); mask: linear-gradient(90deg, transparent, var(--clr-black) 15%, var(--clr-black) 85%, transparent); } .reviews-swiper { margin-top: 30px; } .review { border-radius: 20px; padding: 30px; } .review__text { font-size: 20px; } .sec-features { padding-top: 0px; } .features-swiper { margin-left: calc(var(--_container) * -1); margin-right: calc(var(--_container) * -1); } .feature { border-radius: 0; width: 627px; padding-left: var(--_container); padding-right: var(--_container); padding-bottom: 30px; } .feature__text { font-size: 20px; max-width: 450px; } .sponsors-block { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .sponsors-block__item { padding: 20px; border-radius: 20px; } .partners-promo { padding: 70px 44px; } .about__content { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .about__content-text { margin-top: 50px; } .banner { min-height: 250px; padding: 40px; } .banner__head { width: 230px; } .banner__title { font-size: 32px; } .banner__date { font-size: 14px; } .banner__tags { margin-top: 40px; } .banner__tags span { line-height: 24px; font-size: 12px; padding: 0 12px; } .package-popup { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .package-popup__right { -ms-grid-row: 2; grid-row: 2; grid-column: auto; padding-top: 40px; padding-bottom: 40px; } .package-popup__addons { grid-column: auto; grid-row: auto; padding-top: 40px; padding-bottom: 40px; } .addon { margin-left: calc(var(--_padding-x) * -1); margin-right: calc(var(--_padding-x) * -1); padding-left: var(--_padding-x); padding-right: var(--_padding-x); } .footer { padding-top: 0; } .footer__socials { width: auto; } .footer__basement .container { -ms-grid-columns: auto 1fr; grid-template-columns: auto 1fr; gap: 30px 80px; } .footer__text { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1/2; } }

@media (max-width: 1024px) { .hidden-md { display: none !important; } }

@media screen and (max-width: 767px) { body { --clr-section-gap: 80px; font-size: 14px; } .container { --_container: 20px; } .btn--lg, a.btn--lg { height: 60px; } .styled-text h3 { font-size: 18px; } .styled-text h4 { font-size: 16px; } .tab-block__navitem { font-size: 14px; } .section__head { gap: 13px; } .section__head.shine:before { width: 180px; height: 180px; -webkit-filter: blur(150px); filter: blur(150px); } .section__title { font-size: clamp(32px, 10vw, 62px); line-height: 0.9; } .section__description { font-size: 16px; } .section__btn { margin-top: 12px; } .section__btn .btn { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .hero { padding: 40px 0 150px; } .hero__top { gap: 4px; padding-top: 0; } .hero__logo { margin-bottom: 7vh; } .hero__video { display: none; } .header__nav { padding: 0 8px; gap: 8px; } .header__btn { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-right: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .nav { position: static; } .nav__dropdown { -webkit-transform: none; -ms-transform: none; transform: none; min-width: 360px; bottom: calc(100% + 8px); } .conference-sponsor__content { gap: 15px 0; } .cs-list__head { gap: 10px; min-height: 96px; } .cs-list__title { font-size: 16px; } .cs-list__body { margin-left: 0; } .cs-list__caret { width: 40px; height: 40px; margin-left: 0; } .sec-numbers { padding: 20px 0; } .numbers { -ms-grid-columns: (50%)[2]; grid-template-columns: repeat(2, 50%); } .numbers__item--lg { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; }
  .numbers__item--lg:nth-child(2) { -webkit-box-ordinal-group: NaN !important; -ms-flex-order: calc(var(--numbers-order) + 2) !important; order: calc(var(--numbers-order) + 2) !important; }
  .numbers__item--lg + .numbers__item--lg:has(+ :not(.numbers__item--lg) + :not(.numbers__item--lg)) { -webkit-box-ordinal-group: NaN; -ms-flex-order: calc(var(--numbers-order) + 3); order: calc(var(--numbers-order) + 3); } .numbers + .section__head { margin-top: 50px; } .packages__item { min-height: 154px; padding: 18px 20px 20px; } .packages__head { padding-right: 40px; } .packages__title { font-size: clamp(32px, 10vw, 40px); } .packages__price { font-size: 18px; margin-top: 6px; } .packages__arrow { width: 40px; height: 40px; bottom: 10px; right: 10px; } .packages__arrow .icon { font-size: 16px; } .tags span { line-height: 20px; font-size: 12px; padding: 0 10px; } .conferences-swiper .swiper-slide { width: 168px; } .conferences-item { padding: 20px; border-radius: 20px; } .conferences-item__img { height: 68px; margin-bottom: 30px; } .conferences-item__img img { height: 68px; width: 68px; } .conferences-item__body { padding-right: 0; } .conferences-item__title { font-size: 18px; } .conferences-item__date { font-size: 12px; padding-right: 40px; margin-top: 15px; } .conferences-item__arrow { width: 40px; height: 40px; bottom: 10px; right: 10px; } .conferences-item__arrow .icon { font-size: 16px; } .demographics__tabs .tab-block__nav, .demographics__tabs .graphics, .demographics__tabs .graphics-circle { padding-left: var(--_container); padding-right: var(--_container); margin-left: calc(var(--_container) * -1); margin-right: calc(var(--_container) * -1); } .demographics__tabs .graphics, .demographics__tabs .graphics-circle { padding-bottom: 5px; } .graphics { padding-top: 30px; } .graphics-circle { padding-top: 30px; } .graphics-circle__percentage { font-size: 9px; } .sec-follow-us__img { margin-bottom: 25px; } .sec-follow-us .section__description { font-size: 14px; } .follow-us__input { padding-right: 30px; } .follow-us__btn { position: relative; top: auto; right: auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; } .sec-reviews { margin: calc(var(--clr-section-gap) + 10px) 0; } .reviews-swiper { margin-top: 20px; } .review { padding: 20px; } .review__text { font-size: 16px; line-height: 1.4; } .review__text:before { width: 40px; } .review__footer { gap: 20px; } .r-author { gap: 15px; } .r-author__img { width: 40px; height: 40px; } .r-author__name { font-size: 14px; } .r-author__company { font-size: 12px; } .feature { width: 356px; height: 448px; padding-bottom: 20px; padding-top: 20px; } .feature__text { font-size: 16px; } .sponsors-block__item { padding: 15px; } .partners-promo { border-radius: 20px; padding: 40px 20px; } .partners-promo__title { font-size: clamp(32px, 9.7vw, 60px); } .partners-promo__btn { margin-top: 30px; } .about__content { margin-top: 50px; } .sec-promo-banner { margin-top: calc((var(--clr-section-gap) * -1) + 30px); } .banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; border-radius: 20px; gap: 40px; } .banner__head { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .banner__logo { width: 46%; } .banner__content { margin-top: auto; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .banner__date { margin-top: 0; margin-left: auto; text-align: right; } .banner__text { margin-top: 12px; } .banner__tags { margin-top: 20px; } .banner__tags span { line-height: 20px; padding: 0 10px; } .popup__content { --_padding-y: 20px; --_padding-x: 20px; } .popup__close { margin-bottom: 25px; } .package-popup__right { padding-top: 30px; padding-bottom: 30px; } .package-popup__head { margin-bottom: 25px; } .package-popup__title { font-size: clamp(32px, 9vw, 50px); margin-bottom: 15px; } .package-popup__price { font-size: 20px; } .package-popup__subtitle { font-size: 20px; } .package-popup__video-link { margin-top: 25px; } .package-popup__addons { padding-top: 30px; padding-bottom: 30px; } .addons__title { font-size: 28px; } .footer__top .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 25px; } .footer__socials { margin-left: 0; } .footer__basement .container { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .footer__logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: auto; margin-right: auto; } .footer__text { font-size: 12px; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1/2; } }

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

@media screen and (max-width: 575px) { .styled-text h3 { font-size: 16px; } .styled-text h4 { font-size: 14px; } .section__head { margin-bottom: 30px; } .nav__dropdown { min-width: auto; width: 100%; } .cs-list__description { font-size: 12px; } .sec-reviews { margin: var(--clr-section-gap) 0; } .reviews { -webkit-mask: none; mask: none; } .review__text { font-size: 14px; } .review__logo { display: none; } .package-popup__price { font-size: 18px; } .package-popup__subtitle { font-size: 18px; } .addon { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px 0; } .addon__picture { width: 100%; } }

@media screen and (max-width: 370px) { .container { --_container: 15px; } .btn, a.btn { font-size: 14px; } .hero__title { font-size: 24px; } .cs-list__icon { width: 40px; height: 40px; } .cs-list__icon svg { font-size: 38px; } .numbers__item { padding: 15px; } .numbers__end .numbers__description { font-size: 10px; } .numbers__description { font-size: 10px; } .numbers__val { font-size: 36px; } .tags span { font-size: 10px; padding: 0 8px; } .sponsors-block { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .banner__title { font-size: 20px; } .banner__date { font-size: 10px; } .banner__text { font-size: 10px; } .banner__tags span { font-size: 10px; padding: 0 4px; } .popup__content { --_padding-y: 15px; --_padding-x: 15px; } }

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