.primary-section {
    margin-bottom: 88px;
}

.primary-section h1,
.primary-section h2 {
    text-align: center;
    font-size: 48px;
    margin-bottom: 16px;
}

.primary-section .primary-section__title {
    margin-bottom: 24px;
}

.primary-section__text {
    text-align: center;
    color: #74767A;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 32px;
}

.hero {
    margin-top: 25px;
    height: 665px;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 50px 24px 24px 24px;
    background-image: url(../pic/hero.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 16px;
}

.hero__number {
    margin-bottom: 16px;
}

.hero__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.hero__subtitle {
    font-size: 19px;
    font-weight: 500;
    line-height: 26px;
    text-transform: uppercase;
    border-radius: 19px;
    background: #FEED00;
    display: block;
    margin: 0 auto;
    padding: 2px 16px;
}

.main-about__text {
    text-align: center;
    color: #74767A;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 32px;
}

.about-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.about-card {
    padding: 24px 0 0 0;
    border-radius: 16px;
    background: #F2F3F7;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.about-card__text {
    text-align: center;
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 28px;
}

.about-card__image {
    margin-top: auto;
}

.about-chips {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-bottom: 8px;
    padding: 0 24px;
}

.about-chip {
    padding: 4px 12px;
    border-radius: 100px;
    background: #FEED00;
    font-weight: 500;
    line-height: 24px;
}

.about-card__image {
    display: block;
    width: 100%;
}

.about-numbers {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 16px;
}

.about-number {
    text-align: center;
}

.about-number__icon {
    margin-bottom: 8px;
}

.about-number__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 8px;
}

.about-clients {
    display: grid;
    grid-template-columns: 360px auto;
    gap: 16px;
}

.about-clients .slider-nav {
    position: absolute;
    z-index: 1;
    bottom: 18px;
    background: #1D20238F;
    padding: 8px;
    border-radius: 40px;
    left: 50%;
    transform: translateX(-50%);
}

.about-clients .slider-nav__next,
.about-clients .slider-nav__prev {
    flex: 0 0 32px;
    background: #F2F3F7;
}

.about-clients .swiper-button-disabled {
    background: rgba(242, 243, 247, 0.40);
}

.swiper.playing .slider-nav {
    display: none;
}

.about-clients .slider-nav .swiper-pagination-bullet {
    background: #EEEEEF;
    opacity: 1;
}

.about-clients .slider-nav .swiper-pagination-bullet-active {
    background: #E30611;
}

.about-video {
    position: relative;
}

.about-video video {
    width: 100%;
    height: 100%;
    max-height: 544px;
    border-radius: 16px;
    object-fit: cover;
}

.about-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    cursor: pointer;
    background: transparent;
}

.about-clients-text {
    padding: 48px;
    border-radius: 16px;
    background-color: #F2F3F7;
    background-image: url(../pic/about-bg.png);
    background-position: right;
    background-repeat: no-repeat;
}

.about-clients-text li {
    line-height: 24px;
    position: relative;
    padding-left: 16px;
}

.about-clients-text li::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Ccircle cx='4' cy='4' r='4' fill='%23E30611'/%3E%3C/svg%3E");
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    width: 8px;
    height: 8px;
}

.about-clients-text li:not(:last-child) {
    margin-bottom: 32px;
}

.about-clients-text span {
    font-weight: 500;
    font-size: 24px;
    display: block;
    line-height: 32px;
}

.about-slider:not(.swiper-initialized) .about-slider__slide {
    margin-right: 24px;
}

.about-slider .slider-nav__pagination {
    width: auto;
    margin: 0 8px;
    display: flex;
}

.about-slider .swiper-pagination-bullet-active {
    background: #E30611;
}

.about-slider__slide {
    padding-top: 24px;
    border-radius: 16px;
    background: #F2F3F7;
    text-align: center;
    height: 432px;
    width: 264px;
}

.about-slider__slide-title {
    font-size: 24px;
    line-height: 110%;
    font-weight: 500;
    margin-bottom: 8px;
}

.about-slider__slide-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 132px;
    height: 32px;
    gap: 8px;
    border-radius: 100px;
    background: #E30611;
    font-weight: 500;
    color: #fff;
    margin: 0 auto;
}

.about-slider__slide-link:hover {
    color: #fff;
}

.guarantee {
    padding: 40px;
    border-radius: 20px;
    min-height: 576px;
    position: relative;
}

.guarantee__cover {
    border-radius: 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.guarantee-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.guarantee-item {
    width: auto;
    padding: 16px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 14px 110px 31px 0 rgba(0, 0, 0, 0.00), 9px 71px 28px 0 rgba(0, 0, 0, 0.01), 5px 40px 24px 0 rgba(0, 0, 0, 0.05), 2px 18px 18px 0 rgba(0, 0, 0, 0.09), 1px 4px 10px 0 rgba(0, 0, 0, 0.10);
    cursor: pointer;
}

.guarantee-item__grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.guarantee-item.active {
    width: 100%;
    max-width: 400px;
}

.guarantee-item__info {
    display: none;
}

.guarantee-item.active .guarantee-item__info {
    display: block;
}

.guarantee-item.active .guarantee-item__title svg {
    display: none;
}

.guarantee-item__title {
    font-size: 20px;
    line-height: 24px;
    display: flex;
    gap: 10px;
}

.guarantee-item__title svg {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
}

.guarantee-item__text {
    font-size: 15px;
    color: #74767A;
    line-height: 20px;
    margin-bottom: 16px;
}

.guarantee-item li {
    line-height: 16px;
    position: relative;
    padding-left: 16px;
    font-size: 15px;
}

.guarantee-item li span {
    color: #74767A;
}

.guarantee-item li::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Ccircle cx='4' cy='4' r='4' fill='%23E30611'/%3E%3C/svg%3E");
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 8px;
    height: 8px;
    line-height: 0;
}

.guarantee-item li:not(:last-child) {
    margin-bottom: 16px;
}

.guarantee-item__image {
    display: none;
}

.section-reels {
    display: flex;
    justify-content: center;
}

.section-reels__title {
    position: relative;
}

.section-reels__title::before {
    content: "";
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    left: -50px;
    top: 39px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M36.6693 32.4265C35.9793 32.8166 35.2863 33.1842 34.6021 33.5316C29.13 36.3136 23.5329 38.802 18.0722 41.6278C17.9241 41.7046 17.7605 41.7836 17.5964 41.7502C17.4116 41.7125 17.2867 41.5443 17.1808 41.3883C11.5323 33.0665 1.20983 5.15588 17.8533 2.33372C21.4878 1.71743 25.0005 4.60467 26.2956 8.05584C27.591 11.5072 27.1787 15.3429 26.576 18.9794C28.9579 16.7709 31.717 14.9706 34.6976 13.6787C37.9375 12.2749 41.8466 13.4604 44.3117 15.9113C50.3827 21.9461 41.6924 29.5855 36.6693 32.4265Z' fill='%23FFDD2D'/%3E%3C/svg%3E");
}

.section-reels__title::after {
    content: "";
    display: block;
    position: absolute;
    width: 46px;
    height: 40px;
    right: 18px;
    top: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='41' viewBox='0 0 46 41' fill='none'%3E%3Cpath d='M7.04569 17.4428C7.30318 18.1925 7.57783 18.9274 7.85926 19.6412C10.1077 25.3532 12.6446 30.9286 14.8555 36.6658C14.9154 36.8215 14.9854 36.9893 15.1303 37.0731C15.2936 37.1675 15.4986 37.1245 15.6814 37.078C25.4288 34.5991 51.6699 20.5648 41.0895 7.41089C38.779 4.53845 34.2352 4.36816 30.9765 6.09111C27.7174 7.81398 25.481 10.9574 23.5193 14.0781C23.2024 10.8454 22.3324 7.66793 20.9594 4.72374C19.4667 1.52384 15.7553 -0.182698 12.2848 0.0155306C3.73856 0.502987 5.17231 11.9846 7.04569 17.4428Z' fill='%23FFDD2D'/%3E%3C/svg%3E");
}


@media (max-width: 1023px) {
    .primary-section {
        margin-bottom: 48px;
    }

    .primary-section h1,
    .primary-section h2 {
        font-size: 20px;
    }

    .hero {
        height: 536px;
    }

    .hero__number {
        margin-bottom: 8px;
    }

    .hero__title {
        font-size: 32px;
        line-height: 36px;
        text-transform: lowercase;
    }

    .main-about__title {
        margin-bottom: 8px;
    }

    .main-about__text {
        font-size: 16px;
        margin-bottom: 48px;
    }

    .about-cards {
        gap: 16px;
    }

    .about-card__text {
        font-size: 16px;
        line-height: 24px;
        padding: 0 26px;
    }

    .about-card__text br {
        display: none;
    }

    .section-clients h2 {
        line-height: 28px;
        max-width: 300px;
        margin: 0 auto 16px;
    }

    .about-clients {
        grid-template-columns: 1fr 1fr;
    }

    .about-clients-text {
        padding: 24px;
        background-image: url(../pic/about-bg-tablet.png);
        background-position: right bottom;
    }

    .about-clients-text span {
        font-size: 20px;
    }

    .about-clients-text li:not(:last-child) {
        margin-bottom: 16px;
    }

    .about-numbers {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 32px 8px;
    }

    .about-number__title {
        font-size: 20px;
        margin-bottom: 0;
        line-height: 24px;
    }

    .about-number:nth-child(1) .about-number__icon {
        width: 64px;
    }

    .about-number:nth-child(2) .about-number__icon {
        width: 102px;
    }

    .about-number:nth-child(3) .about-number__icon {
        width: 83px;
    }

    .about-number:nth-child(4) .about-number__icon {
        width: 84px;
    }

    .about-number:nth-child(5) .about-number__icon {
        width: 64px;
    }

    .guarantee {
        padding: 0;
    }

    .guarantee__cover {
        display: none;
    }

    .guarantee-list {
        gap: 16px;
    }

    .guarantee-item {
        padding: 16px;
        box-shadow: none;
        border-radius: 16px;
        background: #F2F3F7;
        width: 100%;
        max-width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .guarantee-item:not(.active) .guarantee-item__info,
    .guarantee-item:not(.active) .guarantee-item__image {
        display: none;
    }

    .guarantee-item.active {
        max-width: 100%;
    }

    .guarantee-item__image {
        display: block;
        width: 100%;
    }

    .guarantee-item__title {
        font-size: 18px;
    }

    .section-reels__title::before {
        width: 24px;
        height: 24px;
        left: 0;
        top: -3px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.3347 16.2132C17.9897 16.4083 17.6431 16.5921 17.301 16.7658C14.565 18.1568 11.7664 19.401 9.03611 20.8139C8.96207 20.8523 8.88023 20.8918 8.79821 20.8751C8.70581 20.8563 8.64336 20.7721 8.59042 20.6941C5.76617 16.5332 0.604916 2.57794 8.92666 1.16686C10.7439 0.858714 12.5002 2.30233 13.1478 4.02792C13.7955 5.75361 13.5894 7.67147 13.288 9.48969C14.4789 8.38544 15.8585 7.48532 17.3488 6.83935C18.9687 6.13744 20.9233 6.73021 22.1559 7.95563C25.1914 10.9731 20.8462 14.7927 18.3347 16.2132Z' fill='%23FFDD2D'/%3E%3C/svg%3E");
    }

    .section-reels__title::after {
        width: 24px;
        height: 24px;
        right: 0;
        top: -2px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.66533 16.2132C6.01035 16.4083 6.35687 16.5921 6.69897 16.7658C9.43498 18.1568 12.2336 19.401 14.9639 20.8139C15.0379 20.8523 15.1198 20.8918 15.2018 20.8751C15.2942 20.8563 15.3566 20.7721 15.4096 20.6941C18.2338 16.5332 23.3951 2.57794 15.0733 1.16686C13.2561 0.858714 11.4998 2.30233 10.8522 4.02792C10.2045 5.75361 10.4106 7.67147 10.712 9.48969C9.52106 8.38544 8.14152 7.48532 6.6512 6.83935C5.03125 6.13744 3.07669 6.73021 1.84413 7.95563C-1.19136 10.9731 3.15381 14.7927 5.66533 16.2132Z' fill='%23FFDD2D'/%3E%3C/svg%3E");
    }

    .primary-section .section-reels {
        margin-bottom: 16px;
    }

    .section-reels+.primary-section__text {
        display: none;
    }
}

@media (max-width: 767px) {
    .hero {
        height: 552px;
    }

    .hero__number {
        margin-bottom: 16px;
    }

    .hero__number svg {
        max-width: 252px;
        height: 56px;
    }

    .hero__title {
        font-size: 24px;
        line-height: 24px;
    }

    .hero__subtitle {
        padding: 8px 28px;
    }

    .main-about__text {
        margin-bottom: 24px;
    }

    .about-cards {
        grid-template-columns: 1fr;
    }

    .about-clients {
        grid-template-columns: 1fr;
    }

    .about-clients-text {
        padding: 16px;
        background-image: none;
    }

    .about-numbers {
        grid-template-columns: 1fr 1fr;
    }

    .guarantee-item {
        gap: 24px;
        grid-template-columns: 1fr;
    }
}