.main-banners,
section.main-banners {
    min-height: 600px;
    max-height: 840px;
    overflow: hidden;
    padding-bottom: 100px;
}

.shine-circles {
    z-index: -1;
    position: absolute;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 840px;
    width: 100%;
    overflow: hidden;
}

.main-banners__content{
    padding-top: 12%;
}



@-moz-document url-prefix() {
    .shine-circle {
        filter: blur(35px);
    }
}

.shine-circles::before {
    content: '';
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 840px;
    width: 100%;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background-color: rgba(255, 255, 255, 0.2);
}
.shine-circles::after {
    content: '';
    z-index: 10;
    position: absolute;
    bottom: 0;
    background: linear-gradient(transparent, #fff);
    height: 70px;
    
    top: auto;
    width: 100%;
}
.shine-circle-left_small{
    z-index: 3;
    position: absolute;
    bottom: 18%;
    left: 25%;
    height: 280px;
    width: 280px;
    /*height: 33.5%;*/
    /*width: 19.5%;*/
    border-radius: 50%;
    background-color: #019FC4;
}

 .shine-circle-left_big{
     z-index: 2;
     position: absolute;
     bottom: 6%;
     left: 1.5%;
     height: 682px;
     width: 682px;
     /*height: 81%;*/
     /*width: 47.5%;*/
     border-radius: 50%;
     background-color: #009FC2;
     opacity: .2;
 }

 .shine-circle-right_big{
     z-index: 4;
     position: absolute;
     top: -190px;
     right: -160px;
     height: 744px;
     width: 744px;
     /*height: 88.5%;*/
     /*width: 51.5%;*/
     border-radius: 50%;
     background-color: #01B8C4;
 }

.shine-circle-right_middle{
    z-index: 5;
    position: absolute;
    top: -210px;
    right: -220px;
    height: 602px;
    width: 602px;
    /*height: 72%;*/
    /*width: 42%;*/
    border-radius: 50%;
    background-color: #009FC2;
}

.shine-circle-right_small{
    z-index: 7;
    position: absolute;
    bottom: 71%;
    right: -9.5%;
    height: 58px;
    width: 58px;
    /*height: 7%;*/
    /*width: 4%;*/
    border-radius: 50%;
    background-color: #009FC2;
}

.main-banners__content__switcher-block{
    width: 60%;
    margin-left: auto;
    overflow: hidden;
}

.main-banners__content__slider__item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.main-banners__content__slider__item.swiper-slide-active{
    opacity: 1;
}

.main-banners__content__slider__item__left{
    width: 60%;
    padding-right: 5%;
}

.main-banners__content__slider__item__right{
    width: 40%;
}

.main-banners__content__slider__item__button{
    margin-top: 40px;
    width: 147px;
}

.content__switcher-block{
    display: flex;
    justify-content: end;
}

.content__switcher-block__item{
    color: var(--mild-grey-color);
    flex: 1;
    cursor: pointer;
    transition: color 0.5s ease;
}


.content__switcher-block__item:hover,
.content__switcher-block__item.content__switcher-block__item_active{
    color: inherit;
}

.content__switcher-block__top{
    padding: 8px 0;
    border-bottom: 1px solid var(--light-grey-color);
    transition: border-bottom-color 0.5s ease;
}

.content__switcher-block__item:hover .content__switcher-block__top,
.content__switcher-block__item_active .content__switcher-block__top
{
    border-bottom-color: var(--blue-color);
}

.content__switcher-block__bottom{
    padding: 16px 0 0;
    width: 60%;
}
.main-banners__content__slider__item__text{
    margin-top: 16px;
}

@media screen and (min-width:769px) {
    .main-banners__content__slider{
        margin-bottom: 8%;
    }
    .h1.main-banners__content__slider__item__title{
        font-size: 83px;
    }
}

@media screen and (max-width: 1200px) and (min-width:769px) {
    .h1.main-banners__content__slider__item__title{
        font-size: 7vw;
    }
    .main-banners__content__slider__item__left{
        padding-right: 10%;
    }
}

/* @media screen and (max-width:1024px){
    .main-banners{
        height: 70vh;
    }
} */
@media screen and (max-width:768px) {
    .main-banners__content__slider {
        height: 70%;
    }
    .main-banners__content__slider__item{
        flex-direction: column;
        justify-content: center;
    }
    .main-banners__content__slider__item__left, .main-banners__content__slider__item__right{
        width: 100%;
    }
    .main-banners__content__switcher-block{
        margin-left: 0;
        width: 100%;
        gap: 8px;
        position: relative;
        margin-top: 50px;
    }
    .content__switcher-block__top{
        border-bottom: 0;
        border-top: 1px solid var(--light-grey-color);
        padding-top: 16px;
    }
    .content__switcher-block__item:hover .content__switcher-block__top, .content__switcher-block__item_active .content__switcher-block__top{
        border-top-color: var(--blue-color);
    }
    .content__switcher-block__item__number{
        margin-bottom: 0;
    }
    .content__switcher-block__bottom{
        padding: 0;
        width: 100%;
        font-size: 15px;
    }
    
}

@media screen and (max-width:576px) {
    .main-banners__content__slider__item__text{
        display: none;
    }
    .main-banners__content__slider__item__subtitle{
        font-size: 15px !important;
        line-height: 140%;
    }
    .main-banners__content__switcher-block{
        height: 80px;
    }
    .content__switcher-block__item:not(.content__switcher-block__item_active) .content__switcher-block__bottom, .content__switcher-block__item:not(.content__switcher-block__item_active) .content__switcher-block__item__number{
        display: none;
    }
    .content__switcher-block__item__number, .content__switcher-block__bottom{
        position: absolute;
        left: 0;
    }
    .content__switcher-block__item__number{   
        top: 16px;
    }
    .content__switcher-block__bottom{
        top: 40px;
        width: 100%;
    }
    .shine-circle-left_small{
        height: 170px;
        width: 170px;
        left: 0;
        top: 30%;
    }
    .shine-circle-left_big{
        height: 425px;
        width: 425px;
        bottom: unset;
        top: 0;
    }
    .shine-circle-right_big{
        height: 280px;
        width: 280px;
    }
    .shine-circle-right_middle{
        height: 220px;
        width: 220px;
    }
    .shine-circle-right_big, .shine-circle-right_middle{ 
        right: -20%;
        top: unset;
        bottom: 20%;
    }
    .shine-circle-right_small{
        right: -100%;
        bottom: 10%;
    }
    .main-banners,
    section.main-banners {
        height: 70vh;
        padding-bottom: 0;
        display: flex;
    }
    .main-banners__content{
        width: 100%;
    }
    .main-banners__content__slider{
        display: flex;
        align-items: center;
    }
}