.Perks-hosting-main {

    background: #F2F2FF;

    margin: 40px 80px;

    padding: 4rem 2rem;

    border-radius: 20px;

}



.Perks-hosting-hading {

    font-size: clamp(24px, 2.2vw, 36px);

    font-weight: 700;

    line-height: normal;

    width: 350px;

}



.perks-hosting-content {

    width: min-content;

    min-width: 250px;

}



.perks-hosting-content p {

    font-size: 14px;

}



.perks-hosting-content-title {

    font-size: 18px !important;

    font-weight: 600;

    margin: 0.5rem 0;

}



.perks-hosting .row {

    flex-wrap: nowrap;

}



@media (max-width:1800px) {

    .perks-hosting {

        flex-direction: column;

    }



    .Perks-hosting-hading {

        width: 100%;

        text-align: center;

    }



    .perks-hosting .row {

        flex-wrap: wrap;

    }

}



@media (min-width:1200px) and (max-width:1400px) {

    .Perks-hosting-main {

        margin: 40px;

        padding: 4rem 1rem;

    }



    .perks-hosting .row {

        gap: 5px !important;

    }



    .perks-hosting-content {

        min-width: 220px;

    }

}



@media (min-width:578px) and (max-width:999px) {

    .perks-hosting-content {

        width: calc(50% - 10px);

    }



    .perks-hosting .row {

        display: flex !important;

        flex-wrap: wrap;

        gap: 20px;

    }

}



@media (max-width:768px) {

    .Perks-hosting-main {

        margin: 20px;

        padding: 3rem 1rem

    }



    .perks-hosting-content {

        min-width: 300px;

    }



    .perks-hosting .row {

        justify-content: space-between;

    }

}



@media (max-width:578px) {

    .Perks-hosting-main {

        margin: 20px;

        padding: 3rem 1rem

    }



    .perks-hosting-content {

        width: 100%;

    }

}



/* hosting domain css */





.hosting-domain-box-1,

.hosting-domain-box-2,

.hosting-domain-box-3,

.hosting-domain-box-4,

.hosting-domain-box-5,

.hosting-domain-box-6,

.hosting-domain-box-7,

.hosting-domain-box-8 {

    border-radius: 10px;

    padding: 2rem;

}



.hosting-domain-box-1 {

    background-color: #BFE4E5;

}



.hosting-domain-box-1 img {

    display: flex;

    margin: 0 auto;

    width: 100%;

    max-width: 480px;

}



.hosting-domain-box-1 .hosting-domain-title {

    font-size: clamp(24px, 2.5vw, 42px);

    font-weight: 500;

    line-height: normal;

}



.hosting-domain-box-2 {

    background-color: #FFE5F7;

    padding: 3rem;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.hosting-domain-box-2 .hosting-domain-title,

.hosting-domain-box-3 .hosting-domain-title,

.hosting-domain-box-4 .hosting-domain-title,

.hosting-domain-box-5 .hosting-domain-title,

.hosting-domain-box-6 .hosting-domain-title,

.hosting-domain-box-7 .hosting-domain-title,

.hosting-domain-box-8 .hosting-domain-title {

    font-size: clamp(24px, 2.2vw, 32px);

    font-weight: 500;

    line-height: normal;

}



.hosting-domain-box-3 {

    background-image: url(/assets/images/hosting_domain/restore_data_safe.webp);

    height: 100%;

    width: 100%;

    object-fit: fill;

    background-size: cover;

    background-position: top;

    height: 480px;

}



.hosting-domain-box-4 {

    background-color: #E9F1FF;

    padding: 3rem;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.hosting-domain-box-5 {

    background-image: url(/assets/images/hosting_domain/cpanel_dashboard.webp);

    height: 100%;

    width: 100%;

    background-repeat: no-repeat;

    object-fit: fill;

    background-size: cover;

    background-position: top;

    height: 480px;

}



.hosting-domain-box-6 {

    background-color: #EDF6EE;

    padding: 3rem;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.hosting-domain-box-7 {

    background-image: url(/assets/images/hosting_domain/boost.png);

    height: 100%;

    width: 100%;

    background-repeat: no-repeat;

    object-fit: fill;

    background-size: cover;

    background-position: top;

    height: 480px;

}



.hosting-domain-box-8 {

    background-image: url(/assets/images/hosting_domain/risk_free_money_back.webp);

    height: 100%;

    width: 100%;

    background-repeat: no-repeat;

    object-fit: fill;

    background-position: top;

    background-size: cover;

    height: 480px;

}



@media (max-width:768px) {



    .hosting-domain-box-3,

    .hosting-domain-box-5,

    .hosting-domain-box-7,

    .hosting-domain-box-8 {

        background-position: center;

    }

}



/* dmn css */



.dmn-dt-buy-box {

    padding: 10px 0;

    margin-bottom: 10px

}



.dmn-dt-buy-img img {

    border-radius: 10px

}



.dmn-dt-buy-title {

    margin: 15px 0 10px;

    font-size: 22px;

    font-weight: 500

}



.dmn-dt-buy-cnt p {

    font-size: 16px;

    font-weight: 400

}



/* steps css */



.Easire-steps {

    background: #4136FC;

    color: white !important;

    position: relative;

    width: 100%;

    height: 740px;

    overflow: hidden;

}



.Easire-steps::before {

    content: "";

    position: absolute;

    height: 100%;

    width: 100%;

    background-image: url('../images/hosting_domain/Vector.png');

    background-position: center;

}



.Easire-steps::after {

    content: "";

    position: absolute;

    height: 100%;

    width: 70%;

    max-width: 1300px;

    background-image: url(../images/hosting_domain/domain_hosting.webp);

    left: 50%;

    top: 103%;

    transform: translate(-50%, -20%);

    margin: 0 auto;

    background-repeat: no-repeat;

    background-size: contain;

}



.step {

    background: white;

    color: #000;

    width: 330px;

    height: 330px;

    max-height: 330px;

    padding: 1rem;

    border-radius: 20px;

}



.number {

    height: 50px;

    width: 50px;

    background-color: #4136FC;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 24px;

    color: #fff;

    font-weight: 600;

}



.step-heading {

    font-size: 24px;

    color: #1A1A1A;

    font-weight: 600;

}



.step-info {

    font-size: 16px;

    font-weight: 400px;

}



.rotate-left {

    rotate: -3deg;

}



.rotate-right {

    rotate: 3deg;

    margin-top: 2rem;

}



.VPS-sec p {

    font-size: 16px

}





@media (max-width:1199px) {

    .steps {

        flex-wrap: wrap;

        justify-content: center !important;

    }



    .Easire-steps {

        height: max-content;

        padding: 2rem 0;

        padding-bottom: 10rem;

    }



    .Easire-steps::after {

        transform: translate(-50%, -10%);

        top: 100%;

    }

}



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

    .Easire-steps {

        padding-bottom: 8rem;

    }



    .Easire-steps::after {

        transform: translate(-50%, -6%);

    }

}



@media (max-width:576px) {



    .Easire-steps {

        padding-bottom: 6rem;

    }



    .Easire-steps::after {

        transform: translate(-50%, -4%);

        width: 80%;

    }

}



/* empowering performance */





.cpanel-sec-ftr-main {

    background-color: #3838ff;

    color: #fff;

    position: relative;

}



.cpanel-sec-ftr-box {

    margin-bottom: 30px;

    display: flex;

}



.cpanel-sec-ftr-data {

    font-size: 16px;

    font-weight: 400;

    color: #C2D3F2;

}



.cpanel-sec-ftr-title span {

    margin-right: 7px;

}



.cpanel-sec-ftr-main::before {

    position: absolute;

    content: "";

    background-image: url(/assets/images/ecommerce_hosting/website-performance-line.webp);

    width: 100%;

    top: 0;

    left: 0;

    background-repeat: no-repeat;

    height: 100%;

}



.cpanel-sec-ftr-main {

    color: #fff;

}



.sec-padding {

    padding: 80px 0 40px 0;

}



@media (max-width:768px) {

    .sec-padding {

        padding: 40px 0;

    }

}



/* options css */



.whois-bulit-grw-box {

    border: 1px solid #CFCFFF;

    text-align: center;

    padding: 30px;

    border-radius: 10px;

    margin-bottom: 25px;

}



span.whois-grw-tittle {

    display: block;

    font-size: 22px;

    font-weight: 600;

    margin: 10px 0;

}



span.whois-grw-price {

    display: block;

    font-size: 16px;

    font-weight: 600;

    margin: 20px;

    color: #00008A;

}



span.whois-grw-data {

    font-size: 16px;

    font-weight: 400;

    margin-bottom: 10px;

    display: block;

    color: #202020;

}



.whois-grw-img {

    display: inline-block;

    padding: 15px;

    border-radius: 8px;

    margin-bottom: 15px;

}



.whois-bulit-grw-box .winh-img {

    background-color: #D9EEEE;

}



.whois-bulit-grw-box .wph-img {

    background-color: #F1F0EC;

}



.whois-bulit-grw-box .ecomh-img {

    background-color: #F8E9E0;

}



.whois-bulit-grw-box .vh-img {

    background-color: #CEE5FF;

}



.whois-bulit-grw-box .wh-img {

    background-color: #EFE9FF;

}



.whois-bulit-grw-box .ds-img {

    background-color: #FFE2E3;

}