@charset "UTF-8";
@font-face {
  font-family: InterTight;
  font-display: swap;
  src: url("../fonts/InterTight-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: InterTight;
  font-display: swap;
  src: url("../fonts/InterTight-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: InterTight;
  font-display: swap;
  src: url("../fonts/InterTight-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: InterTight;
  font-display: swap;
  src: url("../fonts/InterTight-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: MoniqaHeading;
  font-display: swap;
  src: url("../fonts/MoniqaHeading-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: MoniqaHeading;
  font-display: swap;
  src: url("../fonts/MoniqaHeading-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: MoniqaHeadingNarrow;
  font-display: swap;
  src: url("../fonts/MoniqaHeadingNarrow-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: MoniqaHeadingNarrow;
  font-display: swap;
  src: url("../fonts/MoniqaHeadingNarrow-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: MoniqaParagraph;
  font-display: swap;
  src: url("../fonts/MoniqaParagraph-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: MoniqaParagraphNarrow;
  font-display: swap;
  src: url("../fonts/MoniqaParagraphNarrow-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: MyriadPro;
  font-display: swap;
  src: url("../fonts/MyriadPro-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: MyriadPro;
  font-display: swap;
  src: url("../fonts/MyriadPro-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: MyriadPro;
  font-display: swap;
  src: url("../fonts/MyriadPro-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: MyriadProSemiCondensed;
  font-display: swap;
  src: url("../fonts/MyriadProSemiCondensed-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: TransformaSansTrial;
  font-display: swap;
  src: url("../fonts/TransformaSansTrial-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: TransformaSansTrial;
  font-display: swap;
  src: url("../fonts/TransformaSansTrial-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: TransformaSansTrial;
  font-display: swap;
  src: url("../fonts/TransformaSansTrial-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: TransformaSansTrial;
  font-display: swap;
  src: url("../fonts/TransformaSansTrial-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
/* ------------------------------------------------------------------------------------------------------------------------------
ROOT
--------------------------------------------------------------------------------------------------------------------------------*/
:root {
  /* ===== Основной UI ===== */
  --font-main: "InterTight", sans-serif;
  --font-ui: "InterTight", sans-serif;
  /* ===== Заголовки ===== */
  --font-heading: "MoniqaHeading", sans-serif;
  --font-heading-semibold: "MoniqaHeading", sans-serif;
  /* ===== Узкие заголовки ===== */
  --font-heading-narrow: "MoniqaHeadingNarrow", sans-serif;
  /* ===== Параграф ===== */
  --font-paragraph: "MoniqaParagraph", sans-serif;
  --font-paragraph-narrow: "MoniqaParagraphNarrow", sans-serif;
  /* ===== Myriad ===== */
  --font-myriad: "MyriadPro", sans-serif;
  --font-myriad-condensed: "MyriadProSemiCondensed", sans-serif;
  /* ===== Transforma ===== */
  --font-accent: "TransformaSansTrial", sans-serif;
  --belyy: #fff;
  --sirenevyy: #f5f7ff;
  --chernyy: #0a0d20;
  --chernyy-900: rgba(10, 13, 32, 0.9);
  --chernyy-500: rgba(10, 13, 32, 0.5);
  --siniy: #1a27e8;
  --transition: all 0.8s ease-in-out;
}

/* ------------------------------------------------------------------------------------------------------------------------------
KEYFRAMES
--------------------------------------------------------------------------------------------------------------------------------*/
@keyframes show-header {
  0% {
    inset-block-start: -100%;
  }
  100% {
    inset-block-start: 0;
  }
}
@keyframes fade-up-big {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-up {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes tabFade {
  from {
    opacity: 0;
    transform: translateY(0.625rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.tab-fade {
  animation: tabFade 0.45s ease;
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(1.25rem) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes fadeDown {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(1.25rem) scale(0.95);
  }
}
.fade-up {
  animation: fadeUp 0.3s ease-out forwards;
}

.fade-down {
  animation: fadeDown 0.3s ease-in forwards;
}

/* ------------------------------------------------------------------------------------------------------------------------------
MEDIAQUERIES 
--------------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------------------
BASE
--------------------------------------------------------------------------------------------------------------------------------*/
html {
  scroll-behavior: smooth;
}

html,
body {
  inline-size: 100%;
  block-size: 100%;
}

body {
  overscroll-behavior: none;
  text-rendering: optimizelegibility;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-wrap: balance;
}

.container {
  margin-inline: auto;
  min-inline-size: 20rem;
  max-inline-size: 90rem;
  padding-inline: 1.25rem;
}

.img-responsive {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}

.image-bg {
  position: relative;
}
.image-bg img {
  display: block;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  -o-object-fit: cover;
     object-fit: cover;
  block-size: 100%;
  inline-size: 100%;
}

.wrapper {
  display: flex;
  min-block-size: 100%;
  /** Поменять на clip - если используется в проекте position: sticky */
  overflow: hidden;
  flex-direction: column;
}

.main {
  position: relative;
  flex: 1 1 auto;
}

/* ------------------------------------------------------------------------------------------------------------------------------
COMPONENTS
--------------------------------------------------------------------------------------------------------------------------------*/
html {
  opacity: 0.25;
  scroll-behavior: smooth;
  transition: var(--transition);
}
html.loaded {
  opacity: 1;
}

.modal-content {
  background-size: cover;
  background-position: center;
  background-image: url("../images/popup-bgg.webp");
}

.bg-mobile-left-35 {
  background-position: center top;
}

/* styles.css или tailwind.css */
.swiper * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* базовое позиционирование, как у Swiper */
.speaker-button-prev,
.speaker-button-next {
  position: absolute;
  top: 50%;
  /* центр по вертикали */
  transform: translateY(-100%);
  z-index: 10;
  /* поверх слайдов */
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.partners-button-prev,
.partners-button-next {
  position: absolute;
  top: 50%;
  /* центр по вертикали */
  transform: translateY(-50%);
  z-index: 10;
  /* поверх слайдов */
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* PAgination foir sliders */
.partners-pagination,
.lastyear-pagination,
.tickets-pagination,
.benefits-pagination,
.tabs-pagination,
.speaker-pagination,
.gallery-pagination {
  width: auto !important;
}

/* базовые точки */
.partners-pagination .swiper-pagination-bullet,
.lastyear-pagination .swiper-pagination-bullet,
.tickets-pagination .swiper-pagination-bullet,
.benefits-pagination .swiper-pagination-bullet,
.tabs-pagination .swiper-pagination-bullet,
.speaker-pagination .swiper-pagination-bullet,
.gallery-pagination .swiper-pagination-bullet {
  margin: 0 0.15625rem !important;
  /* между ними 5px */
  background: #7b7a7a;
  /* голубой */
  border-radius: 62.4375rem;
  transition: all 0.3s ease;
}

.partners-pagination .swiper-pagination-bullet,
.lastyear-pagination .swiper-pagination-bullet,
.tickets-pagination .swiper-pagination-bullet,
.benefits-pagination .swiper-pagination-bullet,
.speaker-pagination .swiper-pagination-bullet,
.tabs-pagination .swiper-pagination-bullet,
.gallery-pagination .swiper-pagination-bullet {
  width: 0.8125rem !important;
  height: 0.8125rem !important;
}
/* активная точка */
.partners-pagination .swiper-pagination-bullet-active,
.lastyear-pagination .swiper-pagination-bullet-active,
.tickets-pagination .swiper-pagination-bullet-active,
.benefits-pagination .swiper-pagination-bullet-active,
.tabs-pagination .swiper-pagination-bullet-active,
.speaker-pagination .swiper-pagination-bullet-active,
.gallery-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: linear-gradient(90deg, #1a27e8 0%, #4a55ee 100%);
}

/* Gallery slider */
/* когда свайпер уничтожен на десктопе */
.benefitsSlider .swiper-wrapper {
  align-items: stretch;
}

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

.ticketsSwiper .swiper-wrapper {
  align-items: stretch;
}

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

.small-bullet {
  list-style: none;
  /* убираем стандартные точки */
  padding-left: 0.75rem;
  /* общий padding не нужен */
}

.small-bullet li {
  position: relative;
  padding-left: 1.5rem;
  /* ширина точки + margin до текста */
}

.small-bullet li::before {
  content: "•";
  font-size: 1.125rem;
  color: currentColor;
  position: absolute;
  left: 0;
  /* точка слева */
  top: 0;
  /* можно подрегулировать по вертикали */
}

/*======================================================================================
Vertical holes strips psevdo
=======================================================================================*/
.bg-siniyy-gradient {
  background: linear-gradient(90deg, #1a27e8 0%, #4a55ee 100%);
}

.bg-siniyy-gradient-reverse {
  background: linear-gradient(90deg, #4a55ee 0%, #1a27e8 100%);
}

/* родитель обязательно relative */
.cta-left {
  position: relative;
}

/* ===== DESKTOP ленточка (вертикальная) ===== */
.cta-left::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.125rem;
  transform: translate(100%, -50%);
  width: 1rem;
  /* подгони под свою картинку */
  height: 85%;
  background-image: url("../images/bluehole-strip-vertical.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
}

/* ===== MOBILE ===== */
/* Псевдоэлементы для соединительной полосы */
.card-with-stripe::after {
  content: "";
  position: absolute;
  background-image: url("../images/grayhole-strip-vertical.webp");
  /* вертикальная полоска */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 1.0625rem;
  /* ширина полоски */
  height: 95%;
  /* тянем по высоте карточки */
  top: 50%;
  transform: translate(100%, -50%);
  right: 0.0625rem;
  /* отступ между карточками */
}
/* last year */
/* FAQ */
.faq-content {
  height: 0;
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-item.active .faq-content {
  height: auto;
}

.faq-typography {
  font-size: 1.0625rem;
  line-height: 105%;
}
.faq-typography ul {
  list-style: disc;
  padding-left: 1.25rem;
}

.faq-typography li {
  margin-left: 0.375rem;
}

/* ------------------------------------------------------------------------------------------------------------------------------
FOOTER
--------------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------------------
HEADER
--------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 640px){
  .container {
    padding-inline: 3.125rem;
  }
}
@media (min-width: 768px){
  .gallery-swiper {
    overflow: visible !important;
  }
  .gallery-swiper .swiper-wrapper {
    display: flex !important;
    gap: 0.625rem;
    transform: none !important;
  }
  .gallery-swiper .swiper-slide {
    height: auto !important;
  }
  .gallery-swiper .swiper-slide:nth-child(1) {
    width: 44% !important;
  }
  .gallery-swiper .swiper-slide:nth-child(2) {
    width: 26% !important;
  }
  .gallery-swiper .swiper-slide:nth-child(3) {
    flex: 1;
  }
  .benefitsSlider .swiper-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
  }
  .benefitsSlider .swiper-slide {
    width: auto !important;
  }
  .lastYearSwiper .swiper-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
  }
  .lastYearSwiper .swiper-slide {
    height: auto !important;
  }
}
@media (min-width: 1024px){
  .container {
    padding-inline: 4.6875rem;
  }
}
@media (max-width: 1279px){
  .cta-left::after {
    top: auto;
    bottom: 0.0625rem;
    left: 50%;
    right: auto;
    transform: translate(-50%, 100%);
    width: 102%;
    height: 0.875rem;
    background-image: url("../images/bluehole-strip-horizontal.webp");
    background-size: contain;
  }
}
@media (max-width: 768px){
  .partners-pagination .swiper-pagination-bullet,
  .lastyear-pagination .swiper-pagination-bullet,
  .tickets-pagination .swiper-pagination-bullet,
  .benefits-pagination .swiper-pagination-bullet,
  .gallery-pagination .swiper-pagination-bullet,
  .speaker-pagination .swiper-pagination-bullet,
  .tabs-pagination .swiper-pagination-bullet {
    width: 0.5625rem !important;
    height: 0.5625rem !important;
  }
}
@media (max-width: 767px){
  /* мобильная версия */
  .bg-mobile-left-35 {
    background-position: 35% top !important;
  }
  .grid.md\:grid-cols-3 {
    grid-template-columns: 1fr;
    /* одна колонка на мобилке */
  }
  .card-with-stripe::after {
    background-image: url("../images/grayhole-strip-horizontal.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /* горизонтальная полоска */
    width: 100%;
    /* тянем на всю ширину */
    height: 1.0625rem;
    /* высота полоски */
    top: auto;
    bottom: 0.0625rem;
    /* расстояние от карточки снизу */
    left: 50%;
    transform: translate(-50%, 100%);
  }
}
@media (max-width: 640px){
  .faq-typography {
    font-size: 0.9375rem;
  }
}
@media (max-width: 400px){
  .text-sm375 {
    font-size: 1.8125rem !important;
  }
}
/*# sourceMappingURL=main.min.css.map */