/*------------------------------service page-----------------------------*/

.service-top{background: linear-gradient(138deg, #E5FAF0 0%, #D1F1E2 54.17%, #E5FAF0 100%);padding: 50px 0px 70px;
    position: relative;margin-top: 60px;}
.recs-outlined{width: max-content;position: relative;margin: 50px 0px;}
.recs-outlined img{max-width: 400px;position: relative;}
.recs-outlined:before {
    content: "";
    height: 180px;
    width: 180px;
    background: var(--color-mutegreen);
    border: 2px dashed var(--color-white);
    border-radius: 100%;
    position: absolute;
    left: calc(100% - 110px);
    top: -25px;
    z-index: 0;
}
.service-block p{font-size: var(--text-lg);line-height: 2;margin: 20px 0px;}
.service-block p b{display: block;}
.service-btn-block{width: 100%;display: inline-block;margin: 50px 0px 0px;}




@media (max-width: 1400px){
    /*------------------------------service page-----------------------------*/
    .service-bottom .recs-outlined img {
        max-width: 330px;
    }
    .service-bottom .recs-outlined{margin: 0px;}
    
}


@media (max-width: 1200px){
    /*------------------------------service page-----------------------------*/
    .service-bottom .recs-outlined img {
        max-width: 300px;
    }
    .service-bottom .recs-outlined{margin: -20px 0px 0px;}
    .service-bottom .recs-outlined:before{height: 150px; width: 150px;left: calc(100% - 85px);}
    .service-bottom p strong{font-size: var(--text-6xl);}
    
}


@media (max-width: 1025px){
    /*------------------------------service page-----------------------------*/
    .service-bottom .recs-outlined {
        margin: -35px 0px 0px;
    }
    .service-bottom-head{margin-top: 25px;}
    .bn-content h1{font-size: var(--text-9xl);}
}


@media (max-width: 992px){
    /*------------------------------service page-----------------------------*/
    .recs-outlined img {
        max-width: 280px;
    }
    .recs-outlined:before {
        height: 140px;
        width: 140px;
        left: calc(100% - 80px);
    }
    .service-bottom .recs-outlined img {
        max-width: 230px;
    }
    .service-bottom .recs-outlined {
        margin: -25px 0px 0px;
    }
    .service-bottom .recs-outlined:before {
        height: 120px;
        width: 120px;
        left: calc(100% - 65px);
    }
    .service-bottom p strong{font-size: var(--text-5xl);}
    .bn-content h1{font-size: var(--text-8xl);}
    
}


@media (max-width: 768px){
    /*------------------------------service page-----------------------------*/
    .recs-outlined img {
        max-width: 190px;
    }
    .recs-outlined:before {
        height: 100px;
        width: 100px;
        left: calc(100% - 50px);
    }
    .recs-outlined{margin: 30px 0px;}
    .service-btn-block{margin-top: 35px;}
    .service-bottom .recs-outlined img {
        max-width: 180px;
    }
    .service-bottom .recs-outlined {
        margin: -17px 0px 0px;
    }
    .service-bottom .recs-outlined:before {
        height: 90px;
        width: 90px;
        left: calc(100% - 50px);
    }
    .service-bottom-head {
        margin-top: 0px;
    }
    .service-block p{font-size: var(--text-md);}
    .service-bottom p strong{font-size: var(--text-mb4xl);}
    .bn-content h1{font-size: var(--text-7xl);}
    
}


@media (max-width: 576px){
    /*------------------------------service page-----------------------------*/
    .recs-outlined img {
        max-width: 145px;
    }
    .recs-outlined:before {
        height: 80px;
        width: 80px;
        left: calc(100% - 40px);
        top: -18px;
    }
    .service-bottom-head{flex-direction: column;}
    .service-bottom .recs-outlined img {
        max-width: 135px;
    }
    .service-bottom .recs-outlined:before {
        height: 65px;
        width: 65px;
        left: calc(100% - 35px);
        top: -10px;
    }
    .service-bottom p strong{font-size: var(--text-4xl);}
    .bn-content h1{font-size: var(--text-mb5xl);}
    
}

@media (max-width: 480px){
    /*------------------------------service page-----------------------------*/
    .bn-content h1{font-size: var(--text-mb4xl);}
    
}