.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.main-title {
    text-align: center;
    font-size: 36px;
    color: #16176e;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 20px;
    position: relative;
    font-weight: 900;
}

.main-title::after {
    content: '';
    display: block;
    width: 100px;
    height: 2px;
    background-color: #16176e;
    margin: 10px auto;
}

.intro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    width: 100%;
}

.intro-text {
    flex: 1;
    padding-right: 20px;
    font-size: 18px;
    line-height: 1.6;
    color: #16176e;
    max-width: 70%;
}

.intro-image img {
    max-width: 400px;
    border-radius: 50%;
}

.intro-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.activation-animation {
    background: url("/images/tild3561-3339-4130-b163-396632633762__12504181943023354.gif");
}

.activations-types {
    text-align: center;
    margin-bottom: 40px;
    color: #16176e;
}

.activations-types h2 {
    font-size: 46px;
    color: #000080;
    margin-bottom: 20px;
    font-weight: 900;
}

.activations-types ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.activations-types ul li {
    width: 200px;
    font-size: 18px;
    margin: 10px 20px;
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.section-activations {
    background-image: url('/images/tild6230-6130-4634-b966-376166623135__f620a179ca1acfd15a07.jpg');
    background-size: cover;
    background-position: center;
    padding: 60px 20px;
    text-align: center;
    color: white;
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

.section-activations__wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.section-activations__wrapper h2::after {
    content: '';
    display: block;
    width: 100px;
    height: 2px;
    background-color: white;
    margin: 10px auto;
}

.section-activations h2 {
    font-size: 28px;
    margin-bottom: 40px;
    color: white;
}

.activations-benefits {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.benefit {
    max-width: 250px;
    text-align: center;
    margin: 10px 0;
}

.benefit img {
    max-width: 100px;
    height: 58px;
    margin-bottom: 20px;
}

.benefit p {
    font-size: 18px;
}

.section-activations-catalog h2 {
    font-size: 30px;
    color: #000080;
    margin-bottom: 20px;
    text-align: center;
    margin-top: 20px !important;
    font-weight: 900;
}

.section-activations-catalog h2::after {
    content: '';
    display: block;
    width: 100px;
    height: 2px;
    background-color: #000080;
    margin: 10px auto;
}

.other-activation h2 {
    font-size: 28px;
    color: #000080;
    margin-bottom: 20px;
    text-align: center;
    margin-top: 20px !important;
}

.other-activation h2::after {
    content: '';
    display: block;
    width: 100px;
    height: 2px;
    background-color: #000080;
    margin: 10px auto;
}

.animation-vibration {
    background: url('/images/animation-povishenie-vibration_low.gif') no-repeat center;
    top: 175px;
    position: absolute;
    background-size: 260px;
    height: 200px;
    width: 200px;
    opacity: 1;
    border-radius: 3000px !important;
    z-index: 1000;
    justify-content: center;
    margin-left: 30px;
}

.animation-vibration2 {
    background: url('/images/animation-zdorovya_low.gif') no-repeat center;
    top: 180px;
    position: absolute;
    background-size: 520px;
    height: 225px;
    width: 225px;
    opacity: 1;
    border-radius: 3000px !important;
    z-index: 1000;
    justify-content: center;
    margin-left: 15px;
}

.animation-vibration3 {
    background: url('/images/animation-zachita.webm') no-repeat center;
    top: 154px;
    position: absolute;
    background-size: 230px;
    height: 230px;
    width: 230px;
    opacity: 1;
    border-radius: 3000px !important;
    z-index: 1000;
    justify-content: center;
    margin-left: 50px;
}

.animation-vibration4 {
    background: url('/images/animation-garmotion.gif') no-repeat center;
    top: 165px;
    position: absolute;
    background-size: 210px;
    height: 210px;
    width: 210px;
    opacity: 1;
    border-radius: 3000px !important;
    z-index: 1000;
    justify-content: center;
    margin-left: 21px;
}

.animation-vibration5 {
    background: url('/images/animation-realisation.gif') no-repeat center;
    top: 171px;
    position: absolute;
    background-size: 265px;
    height: 225px;
    width: 225px;
    opacity: 1;
    border-radius: 3000px !important;
    z-index: 1000;
    justify-content: center;
    margin-left: 25px;
}

.vibration-icon {
    background: url('/images/icon-vibration.jpg') no-repeat center;
    top: 220px;
    position: absolute;
    background-size: 150px;
    height: 100px;
    width: 100px;
    opacity: 1;
    border-radius: 3000px;
    z-index: 1001;
    justify-content: center;
    margin-left: 30px;
}

.vibration-icon2 {
    background: url('/images/icon-vibration2.jpg') no-repeat center;
    top: 245px;
    position: absolute;
    background-size: 120px;
    height: 100px;
    width: 100px;
    opacity: 1;
    border-radius: 3000px;
    z-index: 1001;
    justify-content: center;
    margin-left: 10px;
}

.vibration-icon3 {
    background: url('/images/icon-vibration3.jpg') no-repeat center;
    top: 220px;
    position: absolute;
    background-size: 120px;
    height: 100px;
    width: 100px;
    opacity: 1;
    border-radius: 3000px;
    z-index: 1001;
    justify-content: center;
    margin-left: 50px;
}

.vibration-icon4 {
    background: url('/images/icon-vibration4.jpg') no-repeat center;
    top: 220px;
    position: absolute;
    background-size: 130px;
    height: 100px;
    width: 100px;
    opacity: 1;
    border-radius: 3000px;
    z-index: 1001;
    justify-content: center;
    margin-left: 25px;
}

.vibration-icon5 {
    background: url('/images/icon-vibration5.jpg') no-repeat center;
    top: 225px;
    position: absolute;
    background-size: 130px;
    height: 100px;
    width: 100px;
    opacity: 1;
    border-radius: 3000px;
    z-index: 1001;
    justify-content: center;
    margin-left: 25px;
}

.zaglushka-animation {
    background: url('/images/zaglushka-anim.png') no-repeat center center;
    position: absolute;
    background-size: 300px;
    height: 200px;
    width: 200px;
    opacity: 1.3;
    z-index: 1001;
}

.zaglushka-animation2 {
    background: url('/images/zaglushka-anim.png') no-repeat center center;
    position: absolute;
    background-size: 335px;
    height: 200px;
    width: 200px;
    opacity: 1.3;
    z-index: 1001;
}

.zaglushka-animation3 {
    background: url('/images/zaglushka-anim.png') no-repeat center center;
    position: absolute;
    background-size: 355px;
    height: 200px;
    width: 200px;
    opacity: 1.3;
    z-index: 1001;
}

.activation-benefits-animation {
    position: absolute;
    background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
    background-size: 1920px;
    height: 381px;
    width: 1920px;
    opacity: 0.35;
    left: -449px;
}

.activation-benefits-animation2 {
    position: absolute;
    background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
    background-size: 1920px;
    height: 381px;
    width: 1920px;
    opacity: 0.35;
    left: -449px;
}

.activation-benefits-animation3 {
    position: absolute;
    background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
    background-size: 1920px;
    height: 405px;
    width: 1920px;
    opacity: 0.35;
    left: -449px;
}

@media(max-width:1110px) {
    .vibration-icon4 {
        background: url('/images/icon-vibration4.jpg') no-repeat center;
        top: 240px;
        position: absolute;
        background-size: 130px;
        height: 100px;
        width: 100px;
        opacity: 1;
        border-radius: 3000px;
        z-index: 1001;
        justify-content: center;
        margin-left: 28px;
    }

    .animation-vibration4 {
        background: url('/images/animation-garmotion.gif') no-repeat center;
        top: 185px;
        position: absolute;
        background-size: 210px;
        height: 210px;
        width: 210px;
        opacity: 1;
        border-radius: 3000px;
        z-index: 1000;
        justify-content: center;
        margin-left: 21px;
    }
}

@media(max-width:991px) {
    .intro {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 40px;
        flex-direction: column;
    }

    .intro-text {
        flex: 1;
        padding-right: 20px;
        font-size: 18px;
        line-height: 1.6;
        order: 2;
        max-width: 100%;
    }

    .intro-image img {
        max-width: 400px;
        border-radius: 50%;
        order: 1;
    }

    .animation-vibration {
        background: url('/images/animation-povishenie-vibration_low.gif') no-repeat center;
        top: 135px;
        position: absolute;
        background-size: 260px;
        height: 200px;
        width: 200px;
        opacity: 1;
        border-radius: 3000px;
        z-index: 1000;
        justify-content: center;
        margin-left: 30px;
    }

    .animation-vibration2 {
        background: url(/images/animation-zdorovya_low.gif) no-repeat center;
        top: 143px;
        position: absolute;
        background-size: 520px;
        height: 227px;
        width: 227px;
        opacity: 1;
        border-radius: 3000px;
        z-index: 1000;
        justify-content: center;
        margin-left: 15px;
    }

    .animation-vibration3 {
        background: url('/images/animation-zachita.gif') no-repeat center;
        top: 113px;
        position: absolute;
        background-size: 230px;
        height: 230px;
        width: 230px;
        opacity: 1;
        border-radius: 3000px;
        z-index: 1000;
        justify-content: center;
        margin-left: 50px;
    }

    .animation-vibration4 {
        background: url('/images/animation-garmotion.gif') no-repeat center;
        top: 125px;
        position: absolute;
        background-size: 210px;
        height: 210px;
        width: 210px;
        opacity: 1;
        border-radius: 3000px;
        z-index: 1000;
        justify-content: center;
        margin-left: 21px;
    }

    .animation-vibration5 {
        background: url('/images/animation-realisation.gif') no-repeat center;
        top: 130px;
        position: absolute;
        background-size: 265px;
        height: 225px;
        width: 225px;
        opacity: 1;
        border-radius: 3000px;
        z-index: 1000;
        justify-content: center;
        margin-left: 21px;
    }

    .vibration-icon {
        background: url('/images/icon-vibration.jpg') no-repeat center;
        top: 180px;
        position: absolute;
        background-size: 150px;
        height: 100px;
        width: 100px;
        opacity: 1;
        border-radius: 3000px;
        z-index: 1001;
        justify-content: center;
        margin-left: 30px;
    }

    .vibration-icon2 {
        background: url('/images/icon-vibration2.jpg') no-repeat center;
        top: 205px;
        position: absolute;
        background-size: 120px;
        height: 100px;
        width: 100px;
        opacity: 1;
        border-radius: 3000px;
        z-index: 1001;
        justify-content: center;
        margin-left: 10px;
    }

    .vibration-icon3 {
        background: url('/images/icon-vibration3.jpg') no-repeat center;
        top: 177px;
        position: absolute;
        background-size: 120px;
        height: 100px;
        width: 100px;
        opacity: 1;
        border-radius: 3000px;
        z-index: 1001;
        justify-content: center;
        margin-left: 50px;
    }

    .vibration-icon4 {
        background: url('/images/icon-vibration4.jpg') no-repeat center;
        top: 180px;
        position: absolute;
        background-size: 120px;
        height: 100px;
        width: 100px;
        opacity: 1;
        border-radius: 3000px;
        z-index: 1001;
        justify-content: center;
        margin-left: 25px;
    }

    .vibration-icon5 {
        background: url('/images/icon-vibration5.jpg') no-repeat center;
        top: 190px;
        position: absolute;
        background-size: 120px;
        height: 100px;
        width: 100px;
        opacity: 1;
        border-radius: 3000px;
        z-index: 1001;
        justify-content: center;
        margin-left: 25px;
    }

    .activation-benefits-animation {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 376px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }

    .activation-benefits-animation2 {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 381px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }

    .activation-benefits-animation3 {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 395px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }
    .zaglushka-animation2{
        background-size: 350px;
    }
}

@media(max-width:741px) {
    .activation-benefits-animation3 {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 565px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }
}

@media(max-width:713px) {
    .activation-benefits-animation {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 520px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }
}

@media(max-width:603px) {
    .activation-benefits-animation2 {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 520px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }
}

@media(max-width:586px) {
    .activation-benefits-animation2 {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 555px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }

    .activation-benefits-animation3 {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 600px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }

}



@media(max-width:550px) {
    .activations-benefits {
        flex-direction: column;
        align-items: center;

    }

    .activation-benefits-animation {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 715px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }

    .activation-benefits-animation2 {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 700px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }
    .activation-benefits-animation3 {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 745px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }
}


@media(max-width:531px) {
    .activation-benefits-animation5 {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 765px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }



}

@media(max-width:480px) {
    .activation-benefits-animation {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 725px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }
    .animation-garmoniya{
        height: 700px;
    }

}

@media(max-width:464px) {
    .animation-vibration {
        background: url('/images/animation-povishenie-vibration_low.gif') no-repeat center;
        top: 180px;
        position: absolute;
        background-size: 260px;
        height: 200px;
        width: 200px;
        opacity: 1;
        border-radius: 3000px;
        z-index: 1000;
        justify-content: center;
        margin-left: 21px;
    }

    .vibration-icon {
        background: url('/images/icon-vibration.jpg') no-repeat center;
        top: 220px;
        position: absolute;
        background-size: 150px;
        height: 100px;
        width: 100px;
        opacity: 1;
        border-radius: 3000px;
        z-index: 1001;
        justify-content: center;
        margin-left: 21px;
    }

}

@media(max-width:400px) {
    .animation-vibration4 {
        background: url('/images/animation-garmotion.gif') no-repeat center;
        top: 172px;
        position: absolute;
        background-size: 210px;
        height: 210px;
        width: 210px;
        opacity: 1;
        border-radius: 3000px;
        z-index: 1000;
        justify-content: center;
        margin-left: 21px;
    }

    .vibration-icon4 {
        background: url('/images/icon-vibration4.jpg') no-repeat center;
        top: 225px;
        position: absolute;
        background-size: 120px;
        height: 100px;
        width: 100px;
        opacity: 1;
        border-radius: 3000px;
        z-index: 1001;
        justify-content: center;
        margin-left: 25px;
    }

}

@media(max-width:332px) {
    .activation-benefits-animation {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 740px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }

    .activation-benefits-animation2 {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 740px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }
    .activation-benefits-animation3 {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 780px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }
}

@media(max-width:288px) {
    .activation-benefits-animation {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 795px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }

    .activation-benefits-animation2 {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 775px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }
    .activation-benefits-animation3 {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 815px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }
    .activation-benefits-animation5 {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 845px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }
}

@media(max-width:257px) {
    .activation-benefits-animation5 {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 897px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }
}

@media(max-width:220px) {
    .activation-benefits-animation3 {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 895px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }
}

@media(max-width:200px) {
    .activation-benefits-animation {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 940px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }

    .activation-benefits-animation2 {
        position: absolute;
        background: url(/images/tild3064-3536-4566-b333-613333656464__rnjh-min.gif) no-repeat center;
        background-size: 1920px;
        height: 810px;
        width: 1920px;
        opacity: 0.35;
        left: -449px;
    }
}