

.web_hosting_bnnr {

    padding: 0 4rem;

    background-color: #F0F0FF;

    display: flex;

    align-items: center;

    justify-content: center

}



.banner_left_s h1 {

    font-size: 18px;

    font-weight: 500;

    color: #080808;

    text-align: left;

    display: inline-block;

    padding: 4px 0px;

    border-radius: 4px

}



.banner_left_s h2 {

    font-size: 36px;

    font-weight: 700;

    color: #080808;

    margin: 10px 0

}



p.banner_data_txt {

    font-size: 18px;

    font-weight: 500;

    color: #080808

}



.banner-left-s-features {

    margin: 30px 0

}



.banner-left-s-features p,

.banner-pricing-box {

    font-weight: 500;

    color: #080808;

    font-size: 18px

}



.banner-left-s-features p {

    margin-bottom: 10px

}



.banner-left-s-features p i {

    margin-right: 10px;

    color: #080808

}



.price-box-bnr {

    font-size: 20px;

    font-weight: 500;

    margin-bottom: 20px;

    color: #080808

}



.price-box-bnr span {

    font-size: 36px;

    color: #080808;

    font-weight: 700

}





@media only screen and (max-width:1600px) {

    .banner-left-s-features p {

        font-size: 16px;

        margin: 8px 0

    }

    .web_hosting_bnnr {

        padding: 40px 60px

    }

}



@media only screen and (max-width:1399px) {

    .banner_left_s h2 {

        font-size: 28px

    }

}



@media only screen and (max-width:992px) {

    .bnnr-wbh-right {

        padding-top: 40px

    }

}



@media only screen and (max-width:768px) {

    .web_hosting_bnnr {

        background-position: top

    }

}



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

    .home_page_wbh_bnnr {

        padding: 0

    }

    .web_hosting_bnnr {

        padding: 20px

    }

    .banner_left_s h2 {

        font-size: 24px;

        margin: 20px 0

    }

    .banner_left_s h1 {

        font-size: 18px

    }

}



.bg-shape::before{

    content: "";

    position: absolute;

    height: 100%;

    width: 500px;

    background-image: url("../images/nextCloud/shape.png");

    background-repeat: no-repeat;

    right: 0;

    z-index: 1;

}