body {
    padding: 0;
    margin: 0;
    width: 100%;
    font-family: 'Montserrat';
    background: linear-gradient(96.65deg, #FFFFFF 0.52%, #EDEDED 98.45%);
}
* {
    box-sizing: border-box;
}
div#page {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.site {
    width: 100%;
} 
.layout {
   max-width: 366px; 
    width: 100%;
    margin: auto;
    padding: 20px;
}
@media (max-width: 576px) {
    .layout {
        max-width: 576px;
    }
}
.bg-black {
    background-color: black;
}
.bg-white {
    background-color: white;
}
.c-white {
    color: white;
}
.c-red {
    color: #EE1D52;
}
.c-grey {
    color: #999999;
    margin: 0 5px;
}
.text-l {
    text-align: left;
}
.text-c {
    text-align: center;
}
.c-blue {
    color: blue !important;
}
h3 {
    font-weight: 800;
    font-size: 14px;
    line-height: 170%;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    color: #555555;
}
.header {
    padding-top: 11px;
    text-align: center;
}
@media (max-width: 350px) {
    header.header img {
    height: 3.4375rem;
    width: auto;
}
}
@media (max-width: 310px) {
    header.header img {
    height: 48px;
    width: auto;
}
}
.hero {
    position: relative;
    color: white;
    text-align: center;
    z-index: 9;
    padding-bottom: 40px;
}
.hero h1 {
    font-weight: 800;
    font-size: 1.25rem;
    line-height: 170%;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: center;
    max-width: 18.75rem;
    margin: auto;
    padding: 3.875rem 0 2rem 0;
}
span.hero-product {
    font-size: 30px;
    text-transform: capitalize;
}
p.hero-description,
p.action-hero-description {
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
}
p.hero-description {
    font-size: 0.875rem;
}
p.action-hero-description {
    font-size: 0.625rem;
}
section.course-grid-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    text-align: left;
    max-width: 500px;
    padding: 30px 0;
}
@media (max-width: 290px) {
    section.course-grid-info {
        grid-template-columns: 1fr;
    }
}
.item-course h2 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0;
    color: #EE1D52;
    margin-top: 0;
    text-align: left;
}
.item-course h2 span {
    font-size: 0.625rem;
}
.info-item-course {
    display: flex;
    gap: 0.375rem;
    align-items: center;
    padding-bottom: 0.75rem;
    font-weight: 500;
    font-size: 0.5rem;
    line-height: 150%;
    letter-spacing: 0;
}
.info-item-course img {
    width: 1.25rem;
    height: 1.25rem;
}
.hero-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hero-footer p {
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
}
.button-pointer {
    height: 65px;
    margin: auto;
    text-align: center;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.button-pointer img{
    display: block;
    width: 38px;
    height: 38px;
    animation: bounceArrow 1.5s infinite ease-in-out;

    margin: 0 auto;
}
@keyframes bounceArrow {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(0.625rem); 
  }
}
.book-place {
    border: none;
    border-radius: 6px;
    padding: 10px;
    background: linear-gradient(93.26deg, #EE1D52 0.24%, #980D30 99.76%);
    color: white;
    width: max-content;
    margin: auto;
    text-decoration: none;
    display: block;
}
.book-place:hover {
    cursor: pointer;
    background: linear-gradient(93.26deg, #1ADEF6 0.24%, #00525c 99.76%);
}
img.decor-1,
img.decor-2,
img.decor-3,
img.decor-4,
img.decor-5,
img.decor-6,
img.decor-7,
img.decor-8,
img.decor-9,
img.decor-10,
img.decor-11,
img.decor-12,
img.decor-13,
img.decor-14 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: left top;
    z-index: -1;
}
h2 {
    font-weight: 800;
    font-size: 0.875rem;
    line-height: 1.3;
    letter-spacing: 0;
    text-align: center;
}
/* ========= */
.while-you-think {
    position: relative;
    background: linear-gradient(96.65deg, #FFFFFF 0.52%, #EDEDED 98.45%);
    z-index: -2;
}
.while-you-think h2 {
    padding: 1.875rem 0 1.25rem 0;
}
.while-you-think p {
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
}
p.while-you-think-desc {
    font-weight: 700;
    font-size: 0.625rem;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    padding: 1.25rem 0;
}
/* Контейнер */
.stats-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin: 15px auto 1.5625rem auto;
}
@media (max-width: 320px) {
    .stats-container {
        grid-template-columns: 1fr;
    }
}
/* Блок з показником */
.stat-block {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  background: linear-gradient(96.65deg, #FFFFFF 0.52%, #999999 98.45%);
  padding: 0.3125rem 0.625rem;
  border-radius: 0.1875rem;
  overflow: hidden;
  position: relative;
  /* Початкові стилі для анімації */
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
@media (max-width: 320px) {
    .stat-block {
        flex-direction: column;
        gap: 0;
        align-items: center;
        text-align: center;
    }
}
/* Лівий кольоровий бордер (заповнення знизу вверх) */
.stat-block::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: #1ADEF6;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 1s ease-out;
    border-radius: 3px 0 0 3px;
}

/* Альтернативний градієнт для парних блоків */
/* .stat-block:nth-child(even)::before {
  background: #1ADEF6;
} */
.stat-block.red-border::before {
    background: #EE1D52;
}
/* Анімований стан при вході в зону видимості */
.stat-block.in-view {
    opacity: 1;
    transform: translateY(0);
}
.stat-block.in-view::before {
    transform: scaleY(1);
}
.icon img {
  width: 1.25rem;
  height: auto;
}
.text .title {
    font-weight: 600;
    font-size: 0.5rem;
    line-height: 100%;
    letter-spacing: 0;
    color: #555555;
    padding-top: 2px;
}
@media (max-width: 320px) {
    .text .title {
        padding-bottom: 5px;
    }
}
.text .value {
    font-weight: 700;
    font-size: 0.625rem;
    line-height: 150%;
    letter-spacing: 0;
    color: #EE1D52;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    text-decoration: none;
}
/* Анімації */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fillBar {
  to {
    transform: scaleY(1);
  }
}
/* ========= */
.dvantages-section {
    padding: 1.875rem 0;
}
.advantages-item {
    display: flex;
    gap: 5px;
    align-items: center;
    max-width: 225px;
    margin: auto;
    padding-bottom: 0.75rem;
}
.advantages-item p {
    text-align: left;
}
.advantages-item p {
    font-weight: 700;
    font-size: 0.625rem;
    line-height: 150%;
    letter-spacing: 0;
    text-align: left;
}
/* Start slider */
.arrow-nav {
    position: relative;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    padding-bottom: 1.25rem;
}
section.arrow-nav img {
    border: 1px solid #ee1d52;
    border-radius: 50%;
    padding: 6px 0.3125rem;
    display: flex;
}
section.arrow-nav img:hover {
    cursor: pointer;
}
img.slider-button-prev {
    transform: rotate(180deg);
}
img.slider-button-prev.swiper-button-disabled,
img.slider-button-next.swiper-button-disabled {
    border: 1px solid #B8B7B7;
    filter: brightness(0) saturate(100%) invert(85%) sepia(0%) saturate(3204%) hue-rotate(316deg) brightness(92%) contrast(79%);
}
.slider-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    text-align: center;
    padding: 22px 0 50px 0;
}
.swiper-pagination-bullet {
    background: #ee1d52 !important;
    opacity: 1 !important;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #B8B7B7 !important;
}
/* ======== */
.our-experience {
    position: relative;
    width: max-content;
    margin: 30px auto 0 auto;
}
.our-experience img {
    position: absolute;
}
.our-experience img.top-our {
    top: -15px;
    left: 10px;
}
.our-experience img.bottom-our {
    bottom: -10px;
    right: 5px;
}
/* ==== */
.experience {
    background-color: #090909;
    width: 100%;
    height: 100%;
}
.course-our-experience {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: white;
    padding: 1.9375rem 0 3.125rem;
    z-index: 9;
}
.course-our-experience p {
    font-weight: 400;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
}
section.course-our-experience .advantages-item {
    max-width: 272px;
}
.item-our-experience {
    padding: 2.1875rem 0;
}
/* Start Accordion */
.our-modules {
    position: relative;
    padding: 56px 0;
    background: #EDEDED;
    z-index: 1;
}
.accordion {
  padding: 0 20px 60px 20px;
  max-width: 600px;
  margin: 0 auto;
  z-index: 2;
}
.accordion-item {
    position: relative;
    padding: 30px 0;
}
.accordion-item::after {
    content: '';
    width: 100%;
    height: 8px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(/img/border-accordeon.svg);
    background-repeat: repeat-x;
    display: block;
}
.accordion-header {
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    padding: 8px 0 0 0;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}
.module-number {
    display: flex;
    flex-direction: column;
    gap: 7px;
    color: #EE1D52;
    font-weight: 700;
    font-size: 0.75rem;
    letter-spacing: 0;

}
.module-title {
    font-weight: 700;
    font-size: 0.75rem;
    letter-spacing: 0;
    color: #111;
}
.accordion-icon {
    color: #EE1D52;
    font-size: 18px;
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    border: 2px solid #EE1D52;
    border-radius: 50%;
    line-height: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
}
.accordion-content {
    max-height: 0;
    overflow: hidden;
    color: #444;
    font-size: 14px;
    transition: max-height 0.4s ease, padding 0.4s ease;
}
.accordion-item.active .accordion-content {
    max-height: 1000px;
    padding-top: 0.625rem;
}
.module-goal {
    font-weight: 600;
    font-size: 0.625rem;
    line-height: 150%;
    letter-spacing: 0;
    color: #000;
    margin: 0;
}
.accordion-content ul,
.you-will-receive-list ul {
    margin: 0;
    padding: 0;
    list-style-type: disc;
}
.accordion-content li,
.you-will-receive-list li {
    margin-bottom: 6px;
    list-style: none;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 5px;
    font-weight: 400;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: 0;
    color: #000000;
}
.accordion-content li::before,
.you-will-receive-list li::before {
    content: '';
    display: block;
    width: 1rem; 
    height: 1rem;
    background-image: url(/img/plus.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
/* End Accordeon */

/* ===== */
.item-you-will-receive {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.item-you-will-receive span {
    font-weight: 700;
    font-size: 0.625rem;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
}
.you-will-receive {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.875rem;
    padding: 1.875rem 1.25rem;
}
@media (max-width: 245px) {
    .you-will-receive {
        grid-template-columns: 1fr;
    }
}
/* ===== */
section.algorithm {
    width: 100%;
}
.algorithm-content {
    position: relative;
    padding: 25px 0 40px 0;
    z-index: 1;
}
section.algorithm p {
    font-weight: 700;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
}
.our-algorithm {
    position: relative;
    width: max-content;
    margin: 30px auto 0 auto;
}
.our-algorithm img.bottom-our, .our-algorithm img.bottom-our-left, .our-algorithm img.top-our {
position: absolute;
}
.our-algorithm img.bottom-our {
    right: -10px;
    bottom: -10px;
}
.our-algorithm img.bottom-our-left {
    left: 40px;
    bottom: -6px;
}
.our-algorithm img.top-our {
    left: 45px;
    top: -25px;
}
ul.algorithm-list li {
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0;
    color: white;
}
.tik-tok-item-algoritm {
    position: relative;
    margin: 50px auto;
    text-align: center;
}


.tik-tok-item-algoritm .stat-block .title {
    font-weight: 600;
    font-size: 8px;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
}
.stat-block.one.in-view {
    position: absolute;
    top: -0.625rem;
    left: 0;
    right: 0;
    margin: auto;
    width: max-content;
}
.stat-block.red-border.two.in-view {
    position: absolute;
    right: 1.5625rem;
    width: max-content;
    top: 1.875rem;
}

.stat-block.three.in-view {
    position: absolute;
    right: 3.3125rem;
    top: 5rem;
}
.stat-block.red-border.four.in-view {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    margin: auto;
    width: max-content;
}
.stat-block.five.in-view {
    position: absolute;
    left: 3.75rem;
    top: 5.3125rem;
}
.stat-block.red-border.six.in-view {
    position: absolute;
    left: 3.1875rem;
    top: 2.1875rem;
}

/* ===== */
.seven-modules {
    position: relative;
}
.seven-modules p {
    font-weight: 700;
    font-size: 0.625rem;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
}
.price-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding-top: 10px;
}
.price-text {
    display: flex;
    flex-direction: column;
}
.price-label {
    position: relative;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 100%;
    letter-spacing: 0;
    z-index: 2;
}
.price-icon {
    width: 59px; 
    height: 59px;
    position: absolute;
    bottom: -9px;
    right: 22px;
    z-index: -1;
}
.price-values {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}
.old-price {
    position: relative;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    color: #474646;
    opacity: 0.7;
}
.old-price:before {
    content: "";
    border-bottom: 2px solid black;
    position: absolute;
    width: 100%;
    height: 50%;
    transform: rotate(356deg);
    top: -2px;
}
.uah-old span {
    font-weight: 800;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    }
.new-price {
    display: flex;
    align-items: center;
    gap: 5px;
}
.usd-new {
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-right: 5px;
}
.uah-new {
    font-weight: 800;
    font-size: 1.625rem;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #474646;
}
.uah-new span {
    font-weight: 800;
    font-size: 0.625rem;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-left: 2px;
}
.seven-modules-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.seven-modules-bottom .book-place {
    margin: 30px auto 50px auto;
    padding: 10px 30px;
}
p.seven-modules-desc {
    font-weight: 700;
    font-size: 0.625rem;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
}
.bank {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
    padding: 40px 10px 20px 10px;
}
section.seven-modules h2 {
    margin: 40px 0 10px 0;
}
ul.seven-modules-list {
    margin: 10px 0;
}
ul.seven-modules-list li {
    font-weight: 600;
    font-size: 0.625rem;
    line-height: 150%;
    letter-spacing: 0;
    margin-bottom: 12px;
}
/* ==== */
img.dec-top-our,
img.dec-bottom-our-left,
img.dec-bottom-our {
position: absolute;
}
img.dec-top-our {
    top: -25px;
    left: 3.8125rem;
}
img.dec-bottom-our {
    top: -1.5625rem;
    right: 1.25rem;
}
img.dec-bottom-our-left {
    bottom: -0.3125rem;
    right: 1.25rem;
}
.title-starting-instructions {
    margin: 2.5rem 0;
}
.title-starting-instructions h2 {
    margin-bottom: 20px;
}
.starting-instructions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.875rem;
    align-items: center;
    padding-bottom: 2.5rem;
}
.item-starting-instructions {
    position: relative;
    padding: 0.9375rem 0.4375rem;
    border: 1px solid #ffffff;
    border-radius: 0.375rem;
    text-align: center;
}
.item-starting-instructions span {
    font-weight: 700;
    font-size: 0.625rem;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
}

.item-starting-instructions img {
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
}
.starting-instructions-footer {
    padding-bottom: 20px;
}

/* ==== */

.tik-tok-in-the-year {
    position: relative;
    width: 100%;
}
.tik-tok-in-the-year p {
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    padding: 20px 0 0 0;
}
.tik-tok-in-the-year ul.seven-modules-list {
    max-width: 13.4375rem;
    margin: auto;
}
/* ===== */
.sure-of-the-result {
    width: 100%;
}
.content-sure-of-the-result {
    position: relative;
    width: 100%;
    z-index: 1;

    position: relative;
    overflow: hidden; 
}
.result-header {
    position: relative;
    text-align: center;
    margin: 40px 0;
}
.result-header p {
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 150%;
    letter-spacing: 0;
    padding: 1.25rem 0 0.625rem 0;
}
img.res-top-our,
img.res-bottom-our {
    position: absolute;
}
img.res-top-our {
    top: -1.25rem;
    left: 5.1875rem;
}
img.res-bottom-our {
    top: -1.6875rem;
    right: 2.9375rem;
}
.desc-result-header {
    font-weight: 700;
    font-size: 0.625rem;
    line-height: 150%;
    letter-spacing: 0.8px;
    text-align: center;
    color: white;
}
.guarantee-item {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 20px;
    color: white;

    font-weight: 700;
    font-size: 0.625rem;
    line-height: 150%;
    letter-spacing: 0;
    }
.guarantee-footer {
    margin: 40px auto;
    text-align: center;
}
.you-will-receive-list.creator-of-the-course.layout li {
    color: white;
}
.you-will-receive-list.creator-of-the-course li::before {
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    background-image: url(/img/plus-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
img.creator {
    width: 100%;
    height: auto;
}
.creator-footer {
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
}
.creator-footer .book-place {
    padding: 10px 30px;
}

/* ====== */
.questions-remained-img {
    position: relative;
    width: 100%;
    height: 15.8125rem;
    min-height: 253px; /* додаємо, бо зображення має 253px висоту */
        overflow: visible;
    z-index: 1;
}
img.oleg-phoho {
    position: absolute;
    right: -20px;
    top: 0;
    width: 210px;
    height: auto;
    max-height: 100%;
    display: block;
    z-index: 9;
    pointer-events: none;
}
img.phone-decor {
    z-index: 25;
    position: absolute;
    bottom: -37px;
    left: 0;
    right: 0;
    margin: auto;
    width: 356px;
    height: auto;
    max-height: 100%;
    display: block;
    pointer-events: none;
}
.questions-remained-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 60px auto 20px auto;
    position: relative;
}
.questions-remained-footer p {
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    margin: 0 0 15px 0;
}
.questions-remained-footer .book-place {
    padding: 0.625rem 1.875rem;
}
/* ====== */
.footer {
    width: 100%;
}
section.footer-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #090909;
}
.footer-bottom {
    display: flex;
    justify-content: space-between;
    gap: 0.625rem;
    border-top: 0.0625rem solid #999999;
    background-color: #090909;
}

.footer-bottom a {
    font-weight: 500;
    font-size: 8px;
    line-height: 170%;
    letter-spacing: 0;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    color: #C3C3C3;
}
.my-contact {
    padding: 2.5rem 0 1.25rem 0;
}
.my-contact a {
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 170%;
    letter-spacing: 0;
    color: #FFFFFF;
    display: flex;
    gap: 15px;
    align-items: center;
    text-decoration: none;
    font-style: normal;
    margin-bottom: 1.25rem;
}

.my-contact a:hover, .footer-bottom a:hover {
    color: #1ADEF6 !important;
}
/* Popap */
 .popup {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.popup-content {
  background: #fff;
  padding: 30px;
  margin: 100px auto;
  border-radius: 10px;
  position: relative;
  text-align: center;
  max-width: 400px;
  width: 90%;
}
.popup-content h2 {
  font-size: 18px;
  margin-bottom: 20px;
}
.popup-content input {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border-radius: 8px;
  border: 1px solid #ccc;
}
.submit-btn {
  background: #e91e63;
  color: white;
  padding: 12px;
  border: none;
  border-radius: 10px;
  width: 100%;
  cursor: pointer;
  font-weight: bold;
}
.submit-btn:hover {
    cursor: pointer;
    background: linear-gradient(93.26deg, #1ADEF6 0.24%, #00525c 99.76%);
}
.close-btn {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 2.5rem;
  cursor: pointer;
}
.iti.iti--allow-dropdown.iti--show-flags {
    width: 100%;
}
.item-telegram {
    width: 100%;
    margin-top: 15px;
}
/* ========= */
section.next-item {
    position: relative;
    padding-top: 2.5rem;
}
.next-item-list {
    margin: 2.5rem 0 1.25rem 0;
}
.next-item-step {
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 600;
    font-size: 10px;
    line-height: 140%;
    letter-spacing: 0;
    padding-bottom: 20px;
}
span.number-step {
    width: 20px;
    height: 20px;
    border: 1px solid;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    font-size: 10px;
    color: #EE1D52;
    font-weight: 600;
}
.do-you-have-question {
    position: relative;
    padding: 40px 0;
    margin: auto;
}
.do-you-have-question h2 {
    font-weight: 800;
    font-size: 0.875rem;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
}
.do-you-have-question p {
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
}
.do-you-have-question-contact {
    max-width: 260px;
    margin: auto;
    padding-top: 10px;
}
.do-you-have-question-contact a {
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 170%;
    letter-spacing: 0;
    color: white;
    text-decoration: none;
}
.do-you-have-question-contact span {
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 170%;
    letter-spacing: 0;
}
/* ============ */

h1.title-pre-record {
    font-weight: 800;
    font-size: 1.25rem;
    line-height: 170%;
    letter-spacing: 0;
    text-transform: uppercase;
    padding: 3.875rem 0 0 0;
}
h2.title-pre-record {
    font-weight: 800;
    font-size: 1rem;
    line-height: 170%;
    letter-spacing: 0;
    text-transform: uppercase;
}
p.text-pre-record {
    padding: 1.875rem 0 1.25rem 0;
}
.pre-record-c-item {
    font-weight: 700;
    font-size: 10px;
    line-height: 140%;
    letter-spacing: 0;
}
.pre-record-c-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    gap: 5px;
}
@media (max-width: 350px) {
    .pre-record-c-item {
        flex-direction: column;
        text-align: center;
    }
}
section.pre-record-c {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
    column-gap: 10px;
    justify-content: space-between;
    
    padding: 2.5rem 0;
}
@media (min-width: 415px) and (max-width: 576px)  {
    section.pre-record-c {
    justify-items: center;
    }
}
.our-algorithm.record-algorithm {
    width: 74%;
}
.you-will-receive-list.record-receive-list li::before {
    width: 1.875rem;
    height: 1.875rem;
}
.you-will-receive-list.record-receive-list li {
    margin-bottom: 20px;
}
.you-will-receive-list.record-receive-list {
    align-items: center;
    padding: 40px 20px;
}
p.record-receive-list-desc {
    font-weight: 700;
    font-size: 0.625rem;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    color: white;
}
/* ===== */
p.thanks-desc-record {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    color: white;
}
.social-networks-link, .social-networks-link a {
    display: flex;
    
}   
.social-networks-link {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    margin: auto;
    width: max-content;
    padding: 2rem 0;
} 
.social-networks-link a {
    gap: 0.625rem;
    align-items: center;
}
/* ===== */
section.purchase-sale {
    display: flex;
    gap: 10px;
    align-items: center;

    font-weight: 700;
    font-size: 0.625rem;
    line-height: 100%;
    letter-spacing: 0;
    color: #C6C6C6;
}
.new-price.purchase-sale-new {
    flex-direction: column;
}
section.purchase-sale .old-price .uah-old {
    color: white !important;
}

section.purchase-sale .old-price:before {
    border-bottom: 2px solid rgb(255, 255, 255) !important;
}
.new-price.purchase-sale-new .price-label .price-icon {
    left: -48px !important;
}
.new-price.purchase-sale-new .price-label {
    margin: 12px 0 20px 0;
}
.purchase-sale-block {
    justify-content: center;
    position: relative;
    width: max-content;
    margin: auto;
}
.purchase-sale-block .price-text .price-values section.purchase-sale {
    position: absolute;
    top: -12px;
    right: -20px;
    width: max-content;
}
.purchase-sale-p {
    margin: 35px auto 50px auto;
}
p.purchase-sale-text-w {
    font-weight: 700;
    font-size: 0.625rem;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    padding: 1.25rem 0;
}
p.purchase-sale-text-g {
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
}
.c-prise-last {
    color: #474646;
    margin: 0 5px;
    font-size: 20px;
    line-height: 1.5;
    display: flex;
    align-items: flex-end;
    gap: 5px;
    font-weight: 700;
}

body {
    position: relative;
}
.swiper-slide img {
    text-align: center;
    margin: auto;
    width: 100%;
    height: auto;
}
img[src$=".svg"] {
    image-rendering: -webkit-optimize-contrast;
}
.text-document p, .text-document ul li {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0;
}

.text-document ul {
    margin: 0;
    padding: 0 0 0 20px;
}
.text-document h2 {
    margin-top: 30px;
}


.text-document a {
    color: #EE1D52;
}
.text-document a:hover {
    color: rgb(255, 0, 0);
    cursor: pointer;
}