.hotels{
    .sec1 h2{
        padding-top: 0;
    }
    .s2__el{
        min-height: 195px!important;
    }
    .hS3el{
        border: 2px dotted #38f;
        overflow: hidden;
        border-radius: 45px 45px 0 45px;
    }
    .num{
        border-radius: 50%;
        background: rgba(31, 77, 246, 1);
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        max-width: 24px;
        margin-right: 1rem;
    }
    .sec3_grad{
        width: 150%;
        max-width: 150%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .sec3{
        img{
            display: block;
            margin: auto;
        }
        p, h5, div{
            font-size: 16px;
        }
    }

    .hs3img-i{
        top: 25%;
        left: 55%;
    }
    .hs3img-i1{
        top: 27%;
        left: 44%;
        max-width: 30%;

    }
    .hs3img-i2{
        bottom: 12%;
        max-width: 30%;
        left: 30%;
    }
    .hs3img{
        max-width: 160%;
        width: 160%;
        transform: translate(-15%, -5%);
    }
    .hs3img2{
        max-width: 140%;
        width: 140%;
        transform: translate(-10%, -5%);
    }
    .hs3-block{
        margin-top: -80px;
    }
    h3{
        font-weight: bold;
    }
    .operators-s8-el > span{
        display: block;
        background: rgba(163, 182, 255, 1);
        padding: 40px 30px;
        font-weight: bold;
        border-bottom: 2px dotted #38f;

    }
    .operators-s8-el > div{
        padding: 20px 30px 40px 30px;
        background:rgba(31, 77, 246, 0.1);
    }
    .operators-s8-el{
        border: 2px dotted #38f;
        overflow: hidden;
        border-radius: 45px 45px 0 45px;
        h4{
            font-size: 20px;
        }

    }
    .hs4bg{
        margin-top: -180px;
        margin-bottom: -100px;
    }
    .tc{
        div{
            background: #fff;
            border-radius: 50%;
            width: 22px;
            height: 22px;
            max-width: 22px;
            flex: 0 0 22px;
            margin: 0 3px;
        }
    }
    .s1__men__el .h1ai1{
        left: -14%;
        top: -15%;
    }
    .s1__men__el .h1ai2{
        left: -15%;
        top: 20%;
    }
    .sec4{
        background: url(../img/s4hbg.svg) no-repeat 50% 0;
        background-size: cover;
    }
    .operators-s8-el > div {
        background: #E6EFFE;
    }
    .hs3im{
        margin-top: -70px;
    }
    .hs3im2{
        .hs3img-i1{
            top: 32%;
            height: 12%;
            width: 25%;
            left: 43%;
        }
    }
    .hs4i{
        flex: 0 0 72px;
        max-width: 72px;
        width: 72px;
        height: 48px;
    }
    @media screen and (max-width: 1100px){
        .hs3-block{
            margin-top: -40px;
        }
    }
    @media screen and (max-width: 991px){
        .sec1 h2{
            padding-top: 50px;
        }
        .hs3-block{
            margin-top: -20px;
        }

    }
    @media screen and (max-width: 767px){

        .hs3-block{
            margin-top: 0;
        }
        .hs3img{
            max-width: 100%;
            transform: none;
        }
        .w-50{
            width: 100%!important;
            max-width: 100%!important;
        }
        .num{
            margin-top: 0.2rem;
        }
.hs4bg{
    margin: 0 auto!important;
}
.hs3im2{
    max-width: 65%;
    margin: auto;
}
    }
    @media screen and (max-width: 576px){
        .s2__el{
            min-height: 140px!important;
        }
        .operators-s8-el > span {
            padding: 25px 30px;
        }
    }
    @media screen and (max-width: 500px){
.hs3img-i1{
    top: 33% !important;
}
.hs3img-i2{
bottom: 18% !important;
}
    }
}