.why-dvlp-busi {

  padding: 50px 0;

}

.why-dvlp-busi .why-dvlp-img {

  position: sticky;

  top: 116px;

  max-width: 609px;

}

.why-dvlp-busi .service-cards ul {

  list-style: none;

  padding: 0;

  margin: 0;

  position: relative;

}

.why-dvlp-busi .service-cards ul li:nth-child(1) {

  top: 116px;

}

.why-dvlp-busi .service-cards ul li:nth-child(2) {

  top: 132px;

}

.why-dvlp-busi .service-cards ul li:nth-child(3) {

  top: 148px;

}

.why-dvlp-busi .service-cards ul li:nth-child(4) {

  top: 164px;

}

.why-dvlp-busi .service-cards ul li:nth-child(5) {

  top: 180px;

}

.why-dvlp-busi .service-cards ul li:nth-child(6) {

  top: 196px;

}

.why-dvlp-busi .service-cards ul li:nth-child(7) {

  top: 214px;

}

.why-dvlp-busi .service-cards ul li:nth-child(8) {

  top: 230px;

}

.why-dvlp-busi .service-cards ul li:nth-child(9) {

  top: 246px;

}

.why-dvlp-busi .service-cards ul li {

  padding: 30px;

  box-shadow: 0px -4px 6px -3px rgba(151, 151, 151, 0.2),

    0px 4px 6px rgba(140, 140, 140, 0.2);

  position: sticky;

  margin-bottom: 30px;

  background: #fff;

  z-index: 1;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

}

.why-dvlp-busi .service-cards ul li .service-title {

  display: flex;

  align-items: center;

  padding-bottom: 20px;

}

.why-dvlp-busi .service-cards ul li .service-title .h3 {

  width: 100%;

  font-size: 24px;

  line-height: 1.5;

  font-weight: 700;

}

.why-dvlp-busi .service-cards ul li p {

  margin: 0;

}
.service-tittle h3 {
    font-size: 20px;
}




.vps-prmtn-box {
    background: #ADADFF;
    border-radius: 20px;
    padding: 40px;
}
.vps-prmtn-btn {
    display: flex;
    justify-content: center;
}
.vps-prmtn-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;
}
.vps-prmtn-dt {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}
.vps-prmtn-btn span i {
    margin-left: 10px;
    color: #080808;
}
.vps-prmtn-btn:hover span i {
    color: #fff;
}


.pythn-shrd-title {
    margin: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    display: flex;
}
.pythn-shrd-title span {
    margin-right: 12px;
    display: block;
}




.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/cpanel_shared_hosting/website-performance-line.webp);
    width: 800px;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    height: 100%;
}
.cpanel-sec-ftr-main {
    color: #fff;
}





.wh-control-pnl {
    background-color: #f8f8ff;
    padding: 80px 0
}

.wh-control-panel-box {
    background: #fff;
    box-shadow: 0 0 10px #00000014;
    padding: 40px;
    border-radius: 30px
}

.wn-features-ul ul li {
    display: inline-flex;
    width: 48%
}
span.wn-features-cnt-icon {
    font-size: 16px;
    font-weight: 500;
    color: #666;
    position: relative;
    margin-left: 30px
}
span.wn-features-cnt-icon:before {
    position: absolute;
    content: "\f00c";
    color: #28282a;
    font-family: FontAwesome;
    left: -30px
}
span.wn-features-cnt-icon i {
    font-size: 16px;
    margin-right: 5px;
    color: #28282a
}




.smart-wh-left-col {
    border-radius: 20px;
    padding: 40px;
    background: #f0f0ff;
    box-shadow: 0px 0px 60px #00000033;
}
.smart-wh-left-col{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: 1
}

.smart-wh-cnt ul p{
    margin-bottom: 20px
}

.smart-wh-cnt ul li {
    font-size: 20px;
    font-weight: 600;
    color: #00008A;
}
.smart-wh-cnt ul p {
    font-size: 14px;
    font-weight: 400;
    color: #080808;
}
.smart-wh-cnt ul {
    min-height: 380px;
}

button.smart-wh-next-btn,
button.smart-wh-prev-btn {
    background-color: transparent;
    margin: 20px 20px 0 0;
    padding: 0;
    border: none;
}












@media only screen and (max-width: 1399px) {
    .cpanel-sec-ftr-main::before{
        width: 670px;
    }
}

@media only screen and (max-width:1099px) {
    .cpanel-sec-ftr-main::before {
        width: 500px;
    }
}

@media only screen and (max-width:992px) {
    .cpanel-sec-ftr-main::before {
        display: none;
    }
}
@media only screen and (max-width:767px) {
    .wh-control-panel-box {
        padding: 20px
    }
    .wh-control-pnl {
        padding: 30px 0
    }
     .wn-features-ul ul li {
        font-size: 14px;
        width: inherit;
    }
    
    span.wn-features-cnt-icon i {
        font-size: 14px;
        margin-top: 5px
    }
    .smart-wh-left-col, .wh-control-panel-box {
        padding: 20px;
    }
}