*, *::before, *::after {
  box-sizing: border-box;
}
body {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
    display: block;
    width: 100vw;
    max-width: 100vw;
    background-color: #0C0C0C;
    background-image:   url("backgrounds/layer1.svg"),
                        url("backgrounds/layer2.svg"),
                        url("backgrounds/layer3.svg"),
                        url("backgrounds/layer4.svg"),
                        url("backgrounds/layer5.svg"),
                        url("backgrounds/layer6.svg"),
                        url("backgrounds/layer7.svg"),
                        url("backgrounds/layer8.svg"),
                        url("backgrounds/layer9.svg"),
                        url("backgrounds/layer10.svg"),
                        url("backgrounds/layer11.svg");

    background-position:    right 0,
                            left 50vw ,
                            left 70vw,
                            right 100vw,
                            right 133vw,
                            left 168vw,
                            right 209vw,
                            left 267vw,
                            left 297vw,
                            left 294vw,
                            right 337.5vw;
    background-repeat: no-repeat;
    background-size:    auto 123.47vw,
                        cover,
                        auto 89.72vw,
                        auto 71.38vw,
                        cover,
                        auto 117.43vw,
                        auto 146.944vw,
                        cover,
                        auto 96.49vw,
                        cover,
                        auto 65.556vw;
}
[class*="main-slide"] {
    position: absolute;
    max-width: 100vw;
    width: 100vw;
}

.main-slide-1 {
    height: 61.8vw;
    top: 2vw;
    overflow-x: hidden;
}

.name-main-slide-1,
.description-main-slide-1,
.text-in-right-block-main-slide-2,
.h-in-right-block-main-slide-2,
.h1-in-block-main-slide-2,
.h2-in-block-main-slide-2,
.more-butt-text,
.promo-main-slide-1 {
    position: absolute;
    font-family: Montserrat;
    font-style: normal;
    line-height: normal;
}

.name-main-slide-1 {
    width: 8.12vw;
    height: 1.5239vw;
    color: #56C6BF;
    font-size: 1.26vw;
    font-weight: 400;
    letter-spacing: 0.504vw;
    top: 13.23vw;
    left: 8.54vw;
}

.promo-main-slide-1 {
    color: #FFF;
    font-size: 2.8vw;
    font-weight: 700;
    letter-spacing: 0.14vw;
    width: 35.21vw;
    height: 11.34vw;
    top: 16.03vw;
    left: 8.54vw;
}

.line-main-slide-1 {
    position: absolute;
    top: 29.12vw;
    left: 8.54vw;
    width: 5.6vw;
    height: 0.21vw;
    stroke-width: 0.14vw;
    stroke: #6FCDB9;
}

.description-main-slide-1 {
    top: 30.87vw;
    left: 8.54vw;
    color: #FEFEFE;
    font-size: 1.26vw;
    font-weight: 400;
    width: 34.16vw;
    height: 6.16vw;
}

.image-people-main-slide-1,
.image-mess-main-slide-1,
.image-clock-main-slide-1 {
    position: absolute;
    width: 41.09vw;
    height: 31.43vw;
}

.image-people-main-slide-1 {
    top: 14.4vw;
    right: 5.25vw;
    z-index: 0;
}

.image-clock-main-slide-1 {
    top: -9vw;
    right: 1vw;
    z-index: 1000;
}

.image-mess-main-slide-1 {
    top: -4vw;
    right: 8vw;
    z-index: 1000;
}

.button-main-slide-1 {
    position: absolute;
    top: 43.31vw;
    left: 8.54vw;
    width: 15.47vw;
    height: 5.25vw;
    border-radius: 6.3vw;
    background: #4DAFA9;
    display: inline-block;
    transition: transform 0.3s ease;
}

.button-main-slide-1:hover {
    transform: scale(1.06);
}

.button-main-slide-1:active {
    transform: scale(0.99);
    background-color: #3e8d8a;
}

.more-butt-text {
    color: #FFFEFE;
    font-size: 1.4vw;
    font-weight: 500;
    width: 14.35vw;
    height: 1.68vw;
    top: 32%;
    left: 2%;
    transition: transform 0.3s ease;
}

.main-slide-2 {
    top: 59vw;
    height: 98.54vw;
}

.text-blocks-main-slide-2 {
    position: absolute;
    top: 0;
    right: 50.4vw;
    width: 1px;
}

.block-left-main-slide-2,
.block-right-main-slide-2 {
    position: absolute;
    border-radius: 1.75vw;
    /*scale: 0.9;*/
}

.block-left-main-slide-2 {
    top: 2.5vw;
    width: 39.23vw;
    height: 33.54vw;
    /*backdrop-filter: blur(0.28vw);*/
    right: 3.05vw;
    scale: 1.85;
}

.block-right-main-slide-2 {
    width: 32.152vw;
    height: 25.27vw;
    background: #1A1A1A;
    left: 10vw;
    top: 6vw;
    transition: transform 0.15s ease-in-out;
}
.block-right-main-slide-2:hover {
    transform: scale(1.1);
}

.text-in-right-block-main-slide-2 {
    font-size: 1.25vw;
    font-weight: 350;
    color: #FFF;
    top: 9vw;
    left: 3vw;
    width: 26.39vw;
    height: 13.58vw;
}

.h-in-right-block-main-slide-2 {
    font-size: 2.7vw;
    font-weight: 400;
    color: #FFF;
    top: 3vw;
    left: 3vw;
    width: 15vw;
    height: 3.472vw;
}

.text-after-blocks-main-slide-2 {
    position: absolute;
    top: 39.2vw;
    left: 33.25vw;
    width: 35vw;
    height: 3.43vw;
    color: #FFF;
    font-family: Montserrat;
    font-size: 2.75vw;
    font-weight: 400;
}

.block-why-main-slide-2 {
    position: absolute;
    top: 50.3vw;
    left: 8.54vw;
    width: 83.72vw;
    height: 40.04vw;
    background: #1A1A1A;
    border-radius: 1.75vw;
}

.line-why-block-main-slide-2,
.line-cards-main-slide-3 {
    position: absolute;
    left: 5.39vw;
    height: 0;
    width: 0;
}

.block-in-line-main-slide-2 {
    position: absolute;
    width: 23.87vw;
    height: 10vw;
    top: 0;
    transition: transform 0.10s ease-in-out;
}
.block-in-line-main-slide-2:hover {
    transform: scale(1.04);
}

.circle-icon-in-block-main-slide-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.5vw;
    height: 3.5vw;
}

.icon-in-block-main-slide-1 {
    position: absolute;
    top: 0.8vw;
    left: 0.84vw;
    width: 1.82vw;
    height: 1.82vw;
}

.h1-in-block-main-slide-2 {
    top: 6.51vw;
    left: 0;
    font-size: 1.68vw;
    font-weight: 500;
    width: 22vw;
    /*background-color: #4CAF50;*/
    color: #4DAFA9;
}

.h2-in-block-main-slide-2 {
    top: 9.94vw;
    left: 0;
    font-size: 1.26vw;
    font-weight: 400;
    color: #FFF;
    width: 23.87vw;
}

.main-slide-3 {
    top: 158vw;
    height: 186vw;
    overflow-x: hidden;
    overflow-y: hidden;
}

.name-1-main-slide-3,
.name-main-slide-4 {
    position: absolute;
    color: #FFF;
    font-family: Montserrat;
    font-size: 2.8vw;
    font-weight: 400;
    line-height: normal;
}

.name-1-main-slide-3 {
    top: 0;
    left: 39.44vw;
    width: 23vw;
}

.name-main-slide-4 {
    text-align: center;
    top: 10.5vw;
    left: 33.67vw;
     width: 35vw;
}

.main-slide-4 {
    top: 337vw;
    height: 61.11vw;
}

.block-format-main-slide-4 {
    position: absolute;
    top: 20.93vw;
    left: 8.12vw;
    width: 83.72vw;
    height: 22.68vw;
    background: #0C0C0C;
    border-radius: 1.75vw;
}

.course-line-slide-3
{
    width: 1vw;
    position: absolute;
    left:49.5vw;
    top: 10vw;
}
.hover-gif {
  cursor: pointer;
}