html,
body {
	font-family: var(--family-onest);
}

/* section */

.section{
    position: relative;
    margin-top: 120px;
}

.section-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.section-title{
    position: relative;
    font-family: var(--family-actay);
    font-weight: 700;
    font-size: 42px;
    line-height: 1.2;
    color: var(--color-white);
    z-index: 3;
}

.section-description{
    position: relative;
    font-size: 24px;
    line-height: 1.2;
    color: var(--descr-color);
    font-weight: 400;
    margin-bottom: 32px;
}

.section-description span{
    text-wrap: nowrap;
}

.section-description:last-child{
    margin-bottom: 0;
}

.section-text{
    position: relative;
    font-size: 18px;
    line-height: 1.2;
    color: var(--descr-color);
    font-weight: 400;
}

.section-title span,
.section-text span{
    text-wrap: nowrap;
}

@media (max-width: 1470px){}
@media (max-width: 1230px){
    .section{
        margin-top: 115px;
    }
    .section-description{
        margin-bottom: 24px;
    }
    
}
@media (max-width: 960px){
    .section{
        margin-top: 84px;
    }
}
@media (max-width: 740px){}
@media (max-width: 576px){
    .section-title{
        font-size: 32px;
    }
}


/* btn */

.btn{
    min-width: 288px;
    font-size: 18px;
    text-transform: uppercase;
    height: 54px;
    padding: 16px 38px;
    font-family: var(--family-onest);
    gap: 10px;
    justify-content: center;
}

.link-title span,
.btn span{
    width: 25px;
}

.link-title span svg,
.btn span svg{
    height: 20px;
    width: 30px;
    transform: translateX(-6px);
}

.link-title:hover span svg,
.btn:hover span svg{
    transform: translateX(0);
}

.btn:hover {
    opacity: 0.9;
}

.link-title:hover{
    color: var(--btn-accent-color);
}

/* running line */

.running-line {
    min-height: 118px;
    z-index: 5;
}

.running-line::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    box-shadow: 35vw 0px 90px -65px rgba(1, 1, 20, 90%) inset,
                -35vw 0px 90px -65px rgba(1, 1, 20, 90%) inset;
}

.running-line__item{
    margin-left: 54px;
}

.running-line__title{
    font-size: 16px;
    opacity: 0.6;
    text-transform: uppercase;
    margin-bottom: 32px;
    color: var(--color-white);
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 15px;
}

.running-line__title::after{
    content: '';
    display: block;
    background: url(../images/home_page/svg/arrow-down.svg) center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 11px;
    height: 6px;
}

@media (max-width: 1470px){
    .running-line{
        min-height: 106px;
    }
}

/* swiper navigation */

.swiper-slide-navigation{
    top: -94px;
    right: 0;
    gap: 30px;
    z-index: 5;
}

.swiper-progress__bar{
    width: 200px;
}

.swiper-buttons{
    min-height: 40px;
    min-width: 95px;
    border-radius: 5px;
}

.swiper-buttons .swiper-button-next::after, 
.swiper-buttons .swiper-button-prev::after{
    font-size: 18px;
}

/* slider-card-t1 */

.slider-card-t1__item{
    min-height: 430px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 2px rgba(255, 255, 255, 50%) inset;
    padding: 30px 28px;
    background: url(../images/home_page/svg/polka-dot.svg) center;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.slider-card-t1__item::before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    box-shadow: 0px 0px 120px 50px rgba(225 17 159 / 100%), 0px 0px 120px 60px rgba(184 136 248 / 100%);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 30px;
}

.slider-card-t1__box{
    min-height: 120px;
}

.slider-card-t1__title{
    font-family: var(--family-actay);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-white);
    margin-bottom: 32px;
}

.slider-card-t1__img{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.slider-card-t1__img img{
    width: 100%;
}

@media (max-width: 1470px){
    .slider-card-t1__item{
        padding: 28px 22px
    }
    .slider-card-t1__item::before{
        top: 0;
        opacity: 0.7;
    }
    .slider-card-t1__title{
        font-size: 16px;
        margin-bottom: 24px;
    }
    .slider-card-t1__text{
        font-size: 16px;
    }
    .slider-card-t1__box{
        min-height: 100px;
    }
    
}
@media (max-width: 1230px){}
@media (max-width: 960px){
    .slider-card-t1__item{
        padding: 35px 33px
    }
    .slider-card-t1__box{
        min-height: 120px;
    }
    .slider-card-t1__title{
        font-size: 18px;
        margin-bottom: 32px;
    }
    .slider-card-t1__text{
        font-size: 18px;
    }
}
@media (max-width: 740px){}
@media (max-width: 576px){
    .swiper-slide-navigation{
        top: unset;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
        bottom: -56px;
    }
    .slider-card-t1__title{
        margin-bottom: 24px;
    }
}


/* slider-card-t2 */

.slider-card-t2__item{
    position: relative;
    background: url(../images/home_page/svg/polka-dot-adv.svg) center , linear-gradient(190deg,rgba(249, 239, 255, 1) 40%, rgba(184, 136, 248, 1) 120%);
    min-height: 550px;
    border-radius: 10px;
}

.slider-card-t2__title{
    font-family: var(--family-actay);
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-black);
    margin-bottom: 24px;
}

.slider-card-t2__text{
    color: var(--color-black);
}

@media (max-width: 1470px){
    .slider-card-t2__item{
        min-height: 458px;
    }
    .slider-card-t2__text{
        font-size: 16px;
    }
    .slider-card-t2__title{
        margin-bottom: 20px;
    }
}
@media (max-width: 1230px){
    .slider-card-t2__item{
        min-height: 550px;
    }
    .slider-card-t2__text{
        font-size: 18px;
    }
    .slider-card-t2__title{
        margin-bottom: 24px;
    }
}
@media (max-width: 960px){
    .slider-card-t2__item{
        min-height: 500px;
    }
    .slider-card-t2__text{
        font-size: 16px;
    }
}
@media (max-width: 740px){}
@media (max-width: 576px){}

/* intro */

.intro{
    position: relative;
    min-height: 800px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.intro__wrapper{
    position: relative;
    z-index: 1;
}

/* .intro__bg{
    background: url(../images/home_page/intro/intro-bg.png) center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 150px 30px -50px #010115 inset, 0px -90px 30px -50px #010115 inset;
    position: relative;
} */

.intro__bg{
    height: 0;
    background: url(../images/home_page/intro/intro-bg.png) center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 800px;
}

.intro__bg video{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: -1;
}

.intro__bg::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-shadow: 0px 150px 30px -50px #010115 inset, 0px -90px 30px -50px #010115 inset, -250px 0px 340px -190px rgb(225 17 159 / 70%) inset;
}

.intro__suptitle{
    font-size: 24px;
    color: var(--descr-color);
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 32px;
}

.intro__title{
    position: relative;
    font-family: var(--family-unbounded);
    font-size: 54px;
    line-height: 1.3;
    margin-bottom: 54px;
    max-width: 1000px;
    text-transform: uppercase;
    color: var(--color-white);
    font-weight: 500;
}

.intro__title::before{
    content: '';
    display: block;
    position: absolute;
    top: 90px;
    left: 30px;
    width: 550px;
    height: 0;
    box-shadow: 0px 0px 100px 160px #010115;
    z-index: -1;
}

.intro__btn-box{
    display: flex;
    gap: 24px;
}

@media (max-width: 960px){
    .intro{
        min-height: 720px;
    }
    .intro__bg{
        padding-top: 720px;
    }
    .intro__bg::before{
        box-shadow: 0px 150px 30px -50px #010115 inset, 0px -90px 30px -50px #010115 inset, -200px 0px 340px -190px rgb(225 17 159 / 70%) inset;
    }
    .intro__wrapper{
        padding-top: 20px;
    }
    .intro__suptitle{
        max-width: 475px;
    }
    .intro__title{
        font-size: 44px;
    }
}
@media (max-width: 670px){
    .intro__title{
        font-size: 34px;
    }
}
@media (max-width: 610px){
    .intro__title{
        font-size: 26px;
    }
    .intro__btn-box{
        flex-direction: column;
        gap: 16px;
    }
}
@media (max-width: 576px){
    .intro{
        min-height: 600px;
        padding-top: 50px;
    }
    .intro__bg{
        padding-top: 600px;
    }
    .intro__bg::before{
        box-shadow: 0px 150px 30px -50px #010115 inset, 0px -90px 30px -50px #010115 inset, -100px 0px 340px -190px rgb(225 17 159 / 50%) inset;
    }
    .intro__suptitle{
        font-size: 16px;
        max-width: 314px;
    }
    .intro__title{
        font-size: 24px;
        margin: 0px 0px 42px;
    }
    .intro__title::before{
        box-shadow: 0px 0px 100px 100px #010115;
    }
}

/* about */

.about{
    margin-top: 60px;
}

.about__title{
    margin-bottom: 54px;
}

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

.about__description{
    max-width: 520px;
}

.about__info{
    position: relative;
    max-width: 796px;
    padding: 38px;
    border-radius: 10px;
    overflow: hidden;
}

.about__info::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 0;
    box-shadow: 0px -200px 90px 280px rgba(225 17 159 / 30%), 0px 70px 120px 90px rgba(184 136 248 / 30%);
    z-index: 1;
}

.about__list{
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 38px 10px;
    z-index: 3;
}

.about__item-title{
    font-size: 42px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color-white);
    margin-bottom: 20px;
    margin-left: -5px;
    display: flex;
    gap: 10px;
}

.about__item:nth-child(3) .about__item-title{
    margin-left: -2px;
}

@media (max-width: 1470px){
    .about{
        margin-top: 20px;
    }
    .about__info{
        padding: 40px 52px;
        max-width: 680px;
    }
    .about__item-title{
        font-size: 32px;
        margin-bottom: 16px;
    }
    .about__list{
        gap: 42px 20px;
    }
    .about__description{
        max-width: 456px;
    }
}
@media (max-width: 1230px){
    .about{
        margin-top: -30px;
    }
    .about__title{
        margin-bottom: 42px;
    }
    .about__content{
        flex-direction: column;
        gap: 54px;
    }
    .about__description{
        max-width: 710px;
    }
    .about__info{
        max-width: 100%;
        padding: 40px 82px;
    }
    .about__item-title{
        font-size: 42px;
        margin-bottom: 20px;
    }
    .about__list {
        gap: 42px 60px;
    }
}
@media (max-width: 960px){
    .about{
        margin-top: 0;
    }
    .about__info{
        padding: 40px 48px 0px;
    }
    .about__item-title{
        font-size: 32px;
        margin-bottom: 18px;
    }
}
@media (max-width: 650px){
    .about__info{
        padding: 45px 15px;
    }
    .about__list{
        grid-template-columns: 1fr;
        gap: 42px;
    }
    .about__item-title{
        margin-bottom: 20px;
        font-size: 42px;
    }
}

/* clients-line */

/* products */

.products__slider-cont{
    position: relative;
}

.products__title{
    margin-bottom: 32px;
}

.products__description{
    max-width: 744px;
    margin-bottom: 54px;
}

.products__item-img{
    width: 285px;
}

@media (max-width: 1470px){
    .products__item{
        height: 374px;
    }

    .products__item-img{
        width: 85%;
    }
}
@media (max-width: 1230px){
    .products__description{
        max-width: 530px;
    }
}
@media (max-width: 960px){
    .products__description{
        max-width: 100%;
        margin-bottom: 100px;
    }
    .products__navigation{
        top: -82px;
    }
    .products__item-img {
        width: 68%;
        top: -10px;
    }
}
@media (max-width: 740px){}
@media (max-width: 576px){
    .products__title{
        max-width: 200px;
    }
    .products__description{
        margin-bottom: 24px;
    }
    .products__navigation{
        top: unset;
    }
    .products__item{
        height: 427px;
        padding: 40px 32px;
    }
    .products__item::before{
        opacity: 1;
        box-shadow: 0px 0px 190px 90px rgba(225 17 159 / 100%), 0px 0px 180px 90px rgba(184 136 248 / 100%);
    }
    .products__item-img {
        width: 70%;
    }
}

/* confidence */

.confidence__title{
    margin-bottom: 54px;
}

.confidence__list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 140px;
}

.confidence__item{
    display: flex;
    gap: 56px;
}

.confidence__item:first-child{
    width: 680px;
}

.confidence__item-img{
    position: relative;
    height: 68px;
}

.confidence__item-img img{
    position: relative;
    height: 100%;
}

.confidence__item-img::before{
    content: '';
    display: block;
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: 0;
    height: 0;
    box-shadow: 0px 0px 40px 30px rgba(111, 75, 228, 30%);
}

.confidence__item-title{
    font-size: 24px;
    font-family: var(--family-actay);
    font-weight: 700;
    margin-bottom: 42px;
    color: var(--btn-accent-color);
}

.confidence__item-title span{
    text-wrap: nowrap;
}

.confidence__item-subtitle{
    max-width: 480px;
}

@media (max-width: 1470px){
    .confidence__list{
        gap: 70px 70px;
    }
    .confidence__item:first-child{
        width: auto;
    }
    .confidence__item-title{
        margin-bottom: 24px;
    }
    .confidence__item-subtitle{
        max-width: 370px;
    }
}
@media (max-width: 1230px){
    .confidence__item-subtitle{
        font-size: 16px;
    }
    .confidence__item{
        gap: 32px;
    }
}
@media (max-width: 960px){
    .confidence__list{
        grid-template-columns: 1fr;
        gap: 42px;
    }
    .confidence__item-subtitle{
        font-size: 24px;
        max-width: 580px;
    }
}
@media (max-width: 740px){}
@media (max-width: 576px){
    .confidence{
        margin-top: 158px;
    }
    .confidence__item-img{
        height: 39px;
    }
    .confidence__item-subtitle{
        font-size: 18px;
    }
    
}

/* achievements */

.achievements{
    position: relative;
    height: 900px;
    display: flex;
}

.achievements .container{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.achievements__wrapper{
    position: relative;
    z-index: 2;
}

.achievements__navigation{
    display: none;
}

.achievements__item{
    height: 375px;
    width: 25%;
    background-color: rgba(255, 255, 255, 7%);
    border-radius: 10px;
    border-radius: 10px;
    backdrop-filter: blur(10px);
    box-shadow: 2.5px 2.5px 0px 0px rgba(255, 255, 255, 50%) inset, -2.5px -2.5px 0px 0px rgba(255, 255, 255, 30%) inset, 0px 0px 10px 3px rgba(1, 1, 21, 20%) inset;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 80px 45px 0;
    text-align: center;
}

.achievements__item-title{
    text-transform: uppercase;
    color: var(--color-white);
    font-size: 50px;
    font-weight: 400;
}

.achievements__item-descr{
    color: var(--color-white);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
}

.achievements__item-logo img{
    width: 100%;
}

/* .achievements__bg{
    background: url(../images/home_page/achievements/achievements-bg.png) center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 340px 70px -170px #010115 inset, 0px -170px 70px -100px #010115 inset;
} */

.achievements__bg{
    height: 0;
    background: url(../images/home_page/achievements/achievements-bg.png) center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 899px;
}

.achievements__bg video{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: -1;
}

.achievements__bg::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-shadow: 0px 340px 70px -170px #010115 inset, 
                0px -170px 70px -100px #010115 inset, 
                -200px 0px 340px -190px rgba(225, 17, 159, 30%) inset,
                -250px 0px 340px -190px rgba(184, 136, 248, 50%) inset,
                200px 0px 340px -190px rgba(225, 17, 159, 30%) inset,
                250px 0px 340px -190px rgba(184, 136, 248, 50%) inset;
}

@media (max-width: 1470px){
    .achievements{
        height: 800px;
    }
    .achievements__bg{
        padding-top: 800px;
    }
    .achievements__item{
        padding: 76px 26px 0;
    }
    .achievements__item-title{
        line-height: 1;
    }
}
@media (max-width: 1230px){
    .achievements__item{
        height: 310px;
        padding: 66px 20px 0px;
        gap: 32px;
    }
    .achievements__item-title{
        font-size: 42px;
    }
    .achievements__item-descr{
        font-size: 18px;
    }
    .achievements__item-logo{
        width: 110px;
    }
}
@media (max-width: 960px){
    .achievements__item{
        height: 375px;
        padding: 80px 53px 0px;
        gap: 40px;
    }
    .achievements__item-logo{
        width: auto;
    }
    .achievements__item-title{
        font-size: 50px;
    }
    .achievements__item-descr{
        font-size: 24px;
    }
}
@media (max-width: 740px){}
@media (max-width: 576px){
    .achievements{
        height: 600px;
    }
    .achievements__bg{
        padding-top: 600px;
    }
    .achievements__bg::before{
        box-shadow: 0px 340px 70px -170px #010115 inset, 
                    0px -170px 70px -100px #010115 inset, 
                    -100px 0px 340px -190px rgba(225, 17, 159, 30%) inset,
                    -150px 0px 340px -190px rgba(184, 136, 248, 50%) inset,
                    100px 0px 340px -190px rgba(225, 17, 159, 30%) inset,
                    150px 0px 340px -190px rgba(184, 136, 248, 50%) inset;
    }
    .achievements__slider{
        max-width: 320px;
    }
}

/* advantages */

.advantages{
    position: relative;
    top: -50px;
}

.advantages__title{
    margin-bottom: 54px;
}

.advantages__title span{
    color: var(--btn-accent-color);
}

.advantages__slider-cont{
    position: relative;
}

.advantages__item{
    padding: 58px 35px;
}

.advantages__item-img{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.advantages__item-img img{
    max-width: 100%;
}

.advantages__item-1,
.advantages__item-4{
    background: url(../images/home_page/svg/polka-dot-adv.svg) center , linear-gradient(220deg,rgba(249, 239, 255, 1) 40%, rgba(184, 136, 248, 1) 120%);
}
.advantages__item-2,
.advantages__item-5{
    background: url(../images/home_page/svg/polka-dot-adv.svg) center , linear-gradient(190deg,rgba(249, 239, 255, 1) 40%, rgba(184, 136, 248, 1) 120%);
}
.advantages__item-3,
.advantages__item-6,
.advantages__item-7{
    background: url(../images/home_page/svg/polka-dot-adv.svg) center , linear-gradient(140deg,rgba(249, 239, 255, 1) 20%, rgba(184, 136, 248, 1) 100%);
}

@media (max-width: 1470px){
    .advantages{
        top: -80px;
    }
    .advantages__item{
        padding: 48px 22px;
    }
    .advantages__item-title{
        align-items: center;
    }
    .advantages__item-title::after{
        position: relative;
        top: -2px;
    }
    .advantages__item-title span{
        width: min-content;
    }
}
@media (max-width: 1230px){
    .advantages__item{
        padding: 58px 35px;
    }
    .advantages__item-title span {
        width: auto;
    }
}
@media (max-width: 960px){
    .advantages{
        top: 0;
    }
    .advantages__title{
        margin-bottom: 100px;
    }
    .advantages__item{
        padding: 48px 20px;
    }
    .advantages__item-title span{
        width: min-content;
    }
    .advantages__navigation{
        top: -82px;
    }
}
@media (max-width: 740px){}
@media (max-width: 576px){
    .advantages__title{
        margin-bottom: 54px;
    }
    .advantages__navigation{
        top: unset;
    }
}

/* creatives */

.creatives{
    position: relative;
}

.creatives__wrapper{
    position: relative;
    min-height: 660px;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 55px;
    gap: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.creatives__wrapper::after{
    content: '';
    display: block;
    position: absolute;
    top: -160px;
    right: 340px;
    width: 0;
    height: 0;
    box-shadow: 0px 0px 300px 290px rgba(105, 15, 77, 40%), 
                0px 0px 300px 290px rgba(184, 136, 248, 40%);
    z-index: 0;
}

.creatives__info{
    position: relative;
    z-index: 5;
}

.creatives__title{
    margin-bottom: 42px;
}
.creatives__description{
    margin-bottom: 42px;
    max-width: 510px;
}

.creatives__btn-box{
    display: flex;
    gap: 24px;
}

.creatives__btn{
    padding: 16px 24px;
}

.creatives__slider{
    position: relative;
    z-index: 5;
    max-width: 640px;
}

.creatives__item.swiper-slide{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    transition: .2s;
    opacity: 0;
    transform: scale(0.2);
}

.creatives__item.swiper-slide-active{
    opacity: 1;
    transform: scale(1);
}

.creatives__item.swiper-slide-prev{
    transform: translate(40px) scale(0.6);
    opacity: 0.3;
}
.creatives__item.swiper-slide-next{
    transform: translate(-40px) scale(0.6);
    opacity: 0.3;
}

.creatives__item-image{
    width: 226px;
}

.creatives__item-image img{
    width: 100%;
}

.creatives__item-title{
    font-size: 22px;
    color: var(--color-white);
    font-weight: 500;
}

#creativesTabs{
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

#creativesTabs .swiper-pagination-bullet{
    width: auto; 
    height: auto; 
    background: transparent; 
    opacity: 1; 
    border-radius: 0; 
    margin: 0; 
    padding: 0;
}

.creatives__tab{ 
    flex: 1 1 auto;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    max-width: 34px;
    transition: .2s linear;
}

#creativesTabs .swiper-pagination-bullet-active{
    max-width: 64px;
}

.creatives__tab-bar{ 
    display: block;
    width: 100%;
    height: 3px;
    background: rgba(249, 55, 144, 0.3);
    border-radius: 999px;
    overflow: hidden;
}
.creatives__tab-fill{ 
    display: block;
    width: 100%;
    height: 100%;
    background: var(--btn-accent-color);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .1s linear;
}

@media (max-width: 1470px){
    .creatives__wrapper{
        gap: 50px;
    }
    .creatives__btn-box{
        flex-direction: column;
        gap: 16px;
    }
    .creatives__slider{
        max-width: 530px;
    }
    .creatives__item.swiper-slide-prev{
        transform: translate(0px) scale(0.6);
    }
    .creatives__item.swiper-slide-next{
        transform: translate(0px) scale(0.6);
    }
}
@media (max-width: 1230px){
    .creatives__wrapper{
        gap: 80px;
    }
    .creatives__slider{
        max-width: 400px;
    }
    .creatives__info{
        max-width: 370px;
    }
    .creatives__title{
        text-wrap: nowrap;
    }
    .creatives__item.swiper-slide-prev,
    .creatives__item.swiper-slide-next{
        transform: translate(0, 20px) scale(0.6);
    }
    .creatives__item-title{
        font-size: 18px;
    }
    .creatives__item-image{
        width: 170px;
    }
    #creativesTabs{
        margin-top: 70px;
    }
}
@media (max-width: 960px){
    .creatives__wrapper{
        flex-direction: column-reverse;
        align-items: center;
        padding: 125px 32px 0px;
        gap: 32px;
    }
    .creatives__slider{
        max-width: 100%;
    }
    .creatives__info{
        max-width: 100%;
        position: static;
    }
    .creatives__title{
        position: absolute;
        top: 43px;
    }
    .creatives__description{
        max-width: 100%;
        margin-bottom: 32px;
    }
    .creatives__btn-box{
        flex-direction: row;
    }
    .creatives__item.swiper-slide{
        gap: 20px;
    }
    .creatives__item-image{
        width: 180px;
    }
    #creativesTabs{
        margin-top: 50px;
    }
    .creatives__item.swiper-slide-prev{
        transform: translate(35%, 30px) scale(0.6);
    }
    .creatives__item.swiper-slide-next{
        transform: translate(-35%, 30px) scale(0.6);
    }
}
@media (max-width: 740px){}
@media (max-width: 576px){
    .creatives{
        margin-top: 120px;
    }
    .creatives__wrapper{
        padding: 76px 0 0 0;
    }
    .creatives__title{
        top: 0;
        text-wrap: wrap;
    }
    .creatives__wrapper.section-border::before{
        display: none;
    }
    .creatives__wrapper::after{
        box-shadow: 0px 0px 100px 90px rgba(105, 15, 77, 40%), 
                0px 0px 100px 90px rgba(184, 136, 248, 40%);
        top: 50%;
        right: unset;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .creatives__item.swiper-slide-next,
    .creatives__item.swiper-slide-prev{
        transform: translate(0, 30px) scale(0.6);
    }
    .creatives__description{
        font-size: 18px;
    }
    .creatives__btn-box{
        flex-direction: column;
    }
}

/* models */

.models__title{
    margin-bottom: 32px;
}

.models__description{
    max-width: 632px;
    margin-bottom: 54px;
}

.models__wrapper{
    position: relative;
}

.models__content{
    display: flex;
    background: #F9EFFF;
    background: linear-gradient(-180deg, rgba(249, 239, 255, 1) 40%, rgba(207, 171, 255, 1) 120%);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.models__content::before{
    content: '';
    display: block;
    width: 1px;
    height: 52%;
    background-color: var(--btn-accent-color);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.models__item{
    position: relative;
    height: 308px;
    width: 50%;
    padding: 55px 34px 0px;
    overflow: hidden;
}

.models__item-title{
    font-size: 24px;
    font-family: var(--family-actay);
    font-weight: 700;
    color: var(--btn-accent-color);
    text-transform: uppercase;
    margin-bottom: 24px;
}

.models__item-descr{
    color: var(--color-black);
    max-width: 366px;
    margin-bottom: 16px;
}

.models__item-num{
    display: block;
    font-size: 16px;
    font-family: var(--family-actay);
    font-weight: 700;
    color: rgba(225, 17, 159, 0.62);
}

.models__item-bg{
    position: absolute;
    right: -70px;
    bottom: -135px;
}

.models__item-bg img{
    width: 100%;
}

.models__btn{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
}

@media (max-width: 1470px){
    .models__item{
        padding: 66px 32px 0;
    }
    .models__item-bg {
        right: -76px;
        bottom: -105px;
        width: 56%;
    }
    .models__content::before{
        display: none;
    }
}

@media (max-width: 1230px){
    .models__description{
        max-width: 100%;
    }
    .models__item{
        padding: 60px 28px 0;
        height: 324px;
    }
    .models__content{
        background: linear-gradient(154deg, rgba(249, 239, 255, 1) 40%, rgba(207, 171, 255, 1) 100%);
    }
    .models__item-bg {
        right: -70px;
        bottom: -155px;
        width: 72%;
    }
}
@media (max-width: 960px){
    .models__btn{
        position: static;
        margin-bottom: 40px;
    }
    .models__description{
        margin-bottom: 32px;
    }
    .models__item{
        height: auto;
        padding: 0;
    }
    .models__content{
        height: 304px;
        padding: 60px 30px 0;
        gap: 10px;
    }
    .models__item-bg {
        display: none;
    }
    .models__item-descr{
        max-width: 100%;
    }
}
@media (max-width: 730px){
    .models__content{
        flex-direction: column;
        padding: 42px 28px;
        height: 704px;
        gap: 34px;
    }
    .models__item{
        width: 100%;
        position: static;
    }
    .models__item-bg{
        display: block;
    }
    .models__item.managed .models__item-bg{
        right: -145px;
        bottom: -145px;
        width: 495px;
    }
    .models__item.self .models__item-bg{
        right: unset;
        left: -40px;
        bottom: 100px;
        width: 160px;
    }

    @media (max-width: 576px){
        .models__description{
            max-width: 340px;
        }
    }
}

/* stories */

.stories__slider-cont{
    position: relative;
}

.stories__title{
    margin-bottom: 54px;
}

.stories__description{
    max-width: 610px;
    margin-bottom: 54px;
}

.stories__item-img{
    width: 265px;
}

@media (max-width: 1470px){
    .stories__item{
        height: 356px;
    }
    .stories__item-img {
        width: 78%;
    }
}
@media (max-width: 1230px){}
@media (max-width: 960px){
    .stories__description{
        margin-bottom: 100px;
    }
    .stories__navigation{
        top: -82px;
    }
    .stories__item-img {
        width: 70%;
        top: -20px;
    }
}
@media (max-width: 740px){}
@media (max-width: 576px){
    .stories__title{
        margin-bottom: 32px;
    }
    .stories__description{
        margin-bottom: 42px;
    }
    .stories__item{
        height: 427px;
    }
    .stories__navigation{
        top: unset;
    }
}


/* questions */

.questions__wrapper{
    position: relative;
}

.questions__title{
    margin-bottom: 54px;
}

.questions__content{
    display: flex;
    flex-direction: column;
    gap: 42px;
}

.questions__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 20px;
}

.questions__item{
    position: relative;
    height: 244px;
    padding: 52px 30px 0;
    border-radius: 10px;
    backdrop-filter: blur(10px);
    box-shadow: 0px 0px 2px rgba(255, 255, 255, 50%) inset;
    background: url(../images/home_page/svg/polka-dot.svg) center top;
    overflow: hidden;
}

.questions__item::before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    box-shadow: 0px 0px 120px 50px rgba(225 17 159 / 60%), 0px 0px 120px 60px rgba(184 136 248 / 60%);
    position: absolute;
}

.questions__item-1 { grid-area: 1 / 1 / 2 / 3; }
.questions__item-2 { grid-area: 1 / 3 / 2 / 4; }
.questions__item-3 { grid-area: 1 / 4 / 2 / 5; }
.questions__item-4 { 
    background: url(../images/home_page/svg/polka-dot-adv.svg) center bottom;
    grid-area: 2 / 1 / 3 / 2; 
}
.questions__item-5 { 
    background: url(../images/home_page/svg/polka-dot-adv.svg) center bottom;
    grid-area: 2 / 2 / 3 / 3; 
}
.questions__item-6 { 
    background: url(../images/home_page/svg/polka-dot-adv.svg) center bottom;
    grid-area: 2 / 3 / 3 / 5; 
}

.questions__item-1::before{
    box-shadow: 0px 0px 200px 130px rgba(225 17 159 / 50%), 0px 0px 200px 140px rgba(184 136 248 / 50%);
    top: -70px;
    left: 90px;
}
.questions__item-3::before{
    box-shadow: 0px 0px 170px 100px rgba(225 17 159 / 40%), 0px 0px 170px 110px rgba(184 136 248 / 40%);
    top: 0;
    right: 0;
}
.questions__item-4::before{
    box-shadow: 0px 0px 170px 100px rgba(225 17 159 / 40%), 0px 0px 170px 110px rgba(184 136 248 / 40%);
    bottom: 0;
    left: 50px;
}
.questions__item-6::before{
    box-shadow: 0px 0px 200px 130px rgba(225 17 159 / 50%), 0px 0px 200px 140px rgba(184 136 248 / 50%);
    bottom: -50px;
    right: 150px;
}

.questions__item-2::before,
.questions__item-5::before{
    display: none;
}

.questions__item-box{
    max-width: 374px;
    position: relative;
    z-index: 2;
}

.questions__item:first-child{
    padding: 32px 30px 0;
}

.questions__item-title{
    font-family: var(--family-actay);
    font-size: 24px;
    font-weight: 700;
    color: var(--color-white);
    line-height: 1.2;
    margin-bottom: 24px;
}

.questions__item-title span{
    text-wrap: nowrap;
}

.questions__item-image{
    position: absolute;
    bottom: 0;
    right: 0;
    height: 244px;
}

.questions__item-image img{
    height: 100%;
}

.questions__btn{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
}

@media (max-width: 1470px){
    .questions__list{
        grid-template-columns: repeat(30, 1fr);
    }
    .questions__item{
        padding: 47px 30px 0;
    }

    .questions__item::before{
        opacity: 0.8;
    }

    .questions__item-1 { grid-area: 1 / 1 / 2 / 14; }
    .questions__item-2 { grid-area: 1 / 14 / 2 / 23; }
    .questions__item-3 { grid-area: 1 / 23 / 2 / 31; }
    .questions__item-4 { grid-area: 2 / 1 / 3 / 10; }
    .questions__item-5 { grid-area: 2 / 10 / 3 / 18; }
    .questions__item-6 { grid-area: 2 / 18 / 3 / 31; }

    .questions__item-2{
        padding: 47px 18px 0;
    }

    .questions__item-5{
        padding: 47px 18px 0;
    }
    .questions__item-image{
        right: -50px;
        height: 170px;
    }

    .questions__item-6 .questions__item-title,
    .questions__item-6 .questions__item-text{
        max-width: 300px;
    }
    .questions__item-6 .questions__item-image{
        height: 240px;
    }
    .questions__item-6::before{
        right: 40px;
    }
    
}
@media (max-width: 1230px){
    .questions{
        margin-top: 68px;
    }
    .questions__content{
        flex-direction: column-reverse;
        gap: 24px;
    }
    .questions__list{
        grid-template-rows: repeat(3, 1fr);
        gap: 24px;
    }

    .questions__item-1 { grid-area: 1 / 1 / 2 / 20; }
    .questions__item-2 { grid-area: 2 / 18 / 2 / 31; }
    .questions__item-3 { grid-area: 1 / 20 / 2 / 31; }
    .questions__item-4 { grid-area: 3 / 1 / 3 / 13; }
    .questions__item-5 { grid-area: 2 / 1 / 3 / 18; }
    .questions__item-6 { grid-area: 3 / 13 / 3 / 31; }

    .questions__item-6 .questions__item-image {
        right: -10px;
    }
    .questions__item-1 .questions__item-image {
        right: -60px;
        height: 240px;
    }

}
@media (max-width: 960px){
    .questions__content{
        gap: 42px;
    }
    .questions__list{
        gap: 8px;
    }
    .questions__item-image{
        display: none;
    }
    .questions__item-1 { grid-area: 1 / 1 / 2 / 19; }
    .questions__item-2 { 
        grid-area: 2 / 16 / 2 / 31; 
        padding: 47px 30px 0px;
    }
    .questions__item-3 { 
        grid-area: 1 / 19 / 2 / 31;
        padding: 32px 17px 0px;
    }
    .questions__item-4 { grid-area: 3 / 1 / 3 / 17; }
    .questions__item-5 { 
        grid-area: 2 / 1 / 3 / 16; 
        padding: 47px 30px 0px;
    }
    .questions__item-6 { grid-area: 3 / 17 / 3 / 31; }
    .questions__item-6::before {
        right: -60px;
    }
    .questions__btn{
        position: relative;
        margin-top: 42px;
    }
}
@media (max-width: 740px){
    .questions__list{
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 16px;
    }

    .questions__item,
    .questions__item:first-child{
        height: auto;
        padding: 35px 60px 35px 30px;
    }

    .questions__item-1 { grid-area: 1 / 1 }
    .questions__item-2 { grid-area: 3 / 1 }
    .questions__item-3 { grid-area: 4 / 1 }
    .questions__item-4 { grid-area: 5 / 1 }
    .questions__item-5 { grid-area: 2 / 1 }
    .questions__item-6 { grid-area: 6 / 1 }

    .questions__item-2::before,
    .questions__item-5::before{
        display: block;
    }

    .questions__item-3::before{
        right: 160px;
    }
    .questions__item-2::before{
        bottom: 0;
        left: 200px;
    }
    .questions__item-5::before{
        bottom: 0;
        right: -60px;
        box-shadow: 0px 0px 200px 130px rgba(225 17 159 / 50%), 0px 0px 200px 140px rgba(184 136 248 / 50%);
    }
    .questions__btn{
        margin-top: 32px;
    }
}
@media (max-width: 576px){
    .questions{
        margin-top: 144px;
    }
    .questions__title{
        margin-bottom: 42px;
    }

    .questions__item-title{
        font-size: 18px;
    }
}


/* news */

.news__title{
    margin-bottom: 54px;
}

.news__slider-cont{
    position: relative;
}

.news__item{
    padding: 34px 34px;
}

.news__item:nth-child(3n + 1){
    background: url(../images/home_page/svg/polka-dot-adv.svg) center , linear-gradient(220deg,rgba(249, 239, 255, 1) 40%, rgba(184, 136, 248, 1) 120%);
}

.news__item:nth-child(3n + 2){
    background: url(../images/home_page/svg/polka-dot-adv.svg) center , linear-gradient(190deg,rgba(249, 239, 255, 1) 40%, rgba(184, 136, 248, 1) 120%);
}

.news__item:nth-child(3n + 3){
    background: url(../images/home_page/svg/polka-dot-adv.svg) center , linear-gradient(140deg,rgba(249, 239, 255, 1) 20%, rgba(184, 136, 248, 1) 100%);
}

.news__item-img{
    width: 100%;
    padding-top: 56%;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 33px;
}

.news__item-img img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.news__item-box{
    margin-bottom: 16px;
}

@media (max-width: 1470px){
    .news__item{
        padding: 24px 18px;
    }
    .news__item-img{
        margin-bottom: 18px;
    }
}
@media (max-width: 1230px){
    .news__item{
        padding: 34px;
    }
    .news__item-img{
        margin-bottom: 34px;
    }
}
@media (max-width: 960px){
    .news__item{
        padding: 34px 14px;
    }
    .news__item-title{
        font-size: 20px;
        margin-bottom: 16px;
    }
}
@media (max-width: 740px){}
@media (max-width: 576px){
    .news__item{
        padding: 34px 20px;
    }
    .news__title{
        margin-bottom: 32px;
    }
}


/* contact-form */

.contact{
    position: relative;
    margin-bottom: 80px;
}

.contact__wrapper{
    position: relative;
    padding: 70px 55px;
    border-radius: 10px;
    overflow: hidden;
}

.contact__wrapper::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 220px;
    height: 0;
    box-shadow: 365px -80px 200px 300px rgba(105, 15, 77, 50%), 
                -435px -80px 200px 300px rgba(105, 15, 77, 50%), 
                0px 160px 170px 280px rgba(184, 136, 248, 30%);
    z-index: 0;
}

.contact__title{
    margin-bottom: 42px;
}

.contact__bg{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.contact__bg-2{
    display: none;
}

.contact__bg::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0px -280px 70px -200px var(--color-black) inset;
}

.contact__bg img{
    width: 100%;
}

/* check__label */

.check__label{
    margin-bottom: 24px;
}

.check__box-text{
    max-width: 552px;
}

@media (max-width: 1470px){
    .contact__wrapper{
        padding: 66px 56px;
    }
    .contact__bg{
        right: -240px;
    }
}
@media (max-width: 1230px){
    .contact{
        margin-top: 80px;
    }

    .contact__bg::before{
        display: none;
    }

    .contact__bg-1{
        width: 450px;
        transform: rotate(-25deg);
        top: 220px;
        right: -220px;
    }
    .contact__bg-2{
        display: block;
        width: 330px;
        transform: rotate(-87deg);
        top: -140px;
        right: -25px;
        opacity: 0.6;
    } 

    .contact__wrapper::after {
        box-shadow: 365px -10px 200px 300px rgba(105, 15, 77, 50%), 
                    -435px -80px 200px 300px rgba(105, 15, 77, 50%), 
                    0px 160px 170px 180px rgba(184, 136, 248, 30%);
    }
}
@media (max-width: 960px){
    .contact__wrapper{
        padding: 70px 30px 0px;
    }
    .contact__bg{
        display: none;
    }
    .contact__wrapper::after {
        box-shadow: 365px -10px 200px 300px rgba(105, 15, 77, 50%), 
                    -435px -80px 200px 300px rgba(105, 15, 77, 50%), 
                    0px 160px 170px 180px rgba(184, 136, 248, 30%);
    }
    .form__response{
		font-size: 24px;
	}
}
@media (max-width: 740px){}
@media (max-width: 576px){
    .contact{
        margin-top: 144px;
    }
    .contact__wrapper{
        padding: 0;
    }
    .contact__title{
        font-size: 28px;
    }
    .contact__wrapper::after,
    .contact__wrapper.section-border::before{
        display: none;
    }
    .form__response{
		font-size: 20px;
	}
}