body{
    font-family: "Lexend Deca", sans-serif;
    font-weight: 300;
    font-size: 15px;
}


.main-slider__shape-1 {
    position: absolute;
    opacity: .1;
    z-index: 3;
    top: 0
}

.main-slider__shape-1 img {
    width: auto !important
}

.main-slider__shape-2 {
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: lighten;
    z-index: 2
}

.main-slider__shape-2 img {
    width: auto !important
}

.main-slider__shape-3 {
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: darken;
    z-index: 1
}

.main-slider__shape-3 img {
    width: auto !important
}

.main-slider__shape-4 {
    position: absolute;
    bottom: 0;
    left: 0;
    mix-blend-mode: darken;
    z-index: 1
}

.main-slider__shape-4 img {
    width: auto !important
}

.main-slider__shape-5 {
    position: absolute;
    bottom: 0;
    left: 185px;
    mix-blend-mode: lighten;
    z-index: 1
}

.main-slider__shape-5 img {
    width: auto !important
}

.main-slider__content {
    position: relative;
    display: block;
    z-index: 10
}

.main-slider__sub-title {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: var(--sinace-white);
    background-color: rgba(var(--sinace-white-rgb),.1);
    padding: 7px 29px 7px;
    border-radius: 23px;
    border: 1px solid rgba(var(--sinace-white-rgb),.1);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transition: opacity 2s ease,-webkit-transform 2s ease;
    transition: opacity 2s ease,-webkit-transform 2s ease;
    transition: transform 2s ease,opacity 2s ease;
    transition: transform 2s ease,opacity 2s ease,-webkit-transform 2s ease
}

.main-slider__title {
    position: relative;
    font-size: 90px;
    color: var(--sinace-white);
    font-weight: 700;
    line-height: 90px;
    letter-spacing: -.04em;
    margin-top: 16px;
    margin-bottom: 38px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transition: opacity 2s ease,-webkit-transform 2s ease;
    transition: opacity 2s ease,-webkit-transform 2s ease;
    transition: transform 2s ease,opacity 2s ease;
    transition: transform 2s ease,opacity 2s ease,-webkit-transform 2s ease
}

.main-slider__btn-box {
    position: relative;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transition: opacity 2s ease,-webkit-transform 2s ease;
    transition: opacity 2s ease,-webkit-transform 2s ease;
    transition: transform 2s ease,opacity 2s ease;
    transition: transform 2s ease,opacity 2s ease,-webkit-transform 2s ease
}

.main-slider__btn:hover {
    color: var(--sinace-base)
}

.main-slider__btn:before {
    background-color: var(--sinace-white)
}

.active .main-slider__title,.active .main-slider__btn-box,.active .main-slider__sub-title {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0)
}