.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;
}




section.cpanel-shrd-map-main {
    background: rgba(247, 247, 255, 1);
}





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







.vps_main .dl-features-points {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #f0f0ff;
}

.vps_main .dl-features-points .feature-start .fp-list ul {
    position: relative;
    padding-left: 50px
}

.accordion-header,
.vps_main .dl-features-points .feature-start .fp-list ul li {
    position: relative
}

.vps_main .dl-features-points .feature-start .fp-list ul li h3 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .5px;
    padding-left: 35px;
    height: 40px;
    display: flex;
    align-items: center;
    margin: 0 0 28px;
}

.vps_main .dl-features-points .feature-start .fp-list ul li:before {
    position: absolute;
    content: "\f560";
    top: 5px;
    left: 5px;
    bottom: 0;
    margin: auto;
    font-family: "font awesome 6 free";
    font-weight: 800;
    font-size: 20px;
    color: #3838ff
}




.VPS-OS-main {
    background: #4236fc;
    background: linear-gradient(90deg, #4236fc 0, #6b66ff 47%, #3a33ff 100%);
    display: flex;
    justify-content: center
}

.VPS-OS-bx {
    display: flex;
    justify-content: center;
    align-items: center
}

.VPS-OS-bx svg {
    max-width: 800px
}

.vps-os-title {
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    line-height: 40px;
    margin-bottom: 30px
}

.vps-os-dt {
    color: #e8e8ff;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px
}

#Group_172993 {
    animation: 1s linear infinite red-ball;
    transition: .6s
}

@keyframes red-ball {
    from {
        transform: translate(200px, 200px)
    }
    to {
        transform: translate(0, 0)
    }
}

#Group_172994-2 {
    animation: 1s linear infinite red-ball2;
    transition: .6s
}

@keyframes red-ball2 {
    from {
        transform: translate(-30px, 200px)
    }
    to {
        transform: translate(180px, -15px)
    }
}

#Group_172994-3 {
    animation: 1s linear infinite red-ball3;
    transition: .6s
}

@keyframes red-ball3 {
    from {
        transform: translate(200px, -34px)
    }
    to {
        transform: translate(-34px, 200px)
    }
}

#Group_172994-4 {
    animation: 1s linear infinite red-ball4;
    transition: .6s
}

@keyframes red-ball4 {
    from {
        transform: translate(0, 0)
    }
    to {
        transform: translate(200px, 200px)
    }
}








.wb-panel-avail-box {
    padding: 2rem 0 0
}

.wb-pnl-avl-left .wb-pnl-btn {
    border-radius: 10px;
    padding: 30px;
    background-color: #f0f0ff;
    width: 24%;
    cursor: pointer;
    border: none;
    text-align: center
}

.wb-pnl-avl-left a.active {
    background-color: #fff !important;
    border: 2px solid #3838ff;
    box-shadow: 0 0 60px #0000001a
}

.wb-pnl-ul {
    padding: 3rem 0 0
}

p.wb-pnl-cnt {
    padding: 20px 0;
    font-weight: 400
}

.wb-pnl-img img {
    max-width: 100%;
    width: 160px
}

.wb-pnl-ul ul li {
    font-weight: 500;
    display: flex;
    align-items: center
}

.wb-pnl-cnt-icon {
    display: flex;
    align-items: center
}

span.wb-pnl-cnt-icon i {
    font-size: 18px;
    margin-right: 10px;
    color: #3838ff;
}




.sec-dt-acr-price {
    display: flex;
    align-items: baseline
}

.sec-dt-prc-one {
    font-size: 20px;
    font-weight: 500;
    color: #28282a
}

.sec-dt-prc-two {
    font-size: 36px;
    font-weight: 600;
    color: #3838ff;
    margin-left: 10px
}

.sec-dt-prc-two span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #28282a
}



.wy-cs-python-vps-cnt-row ul li {
    font-size: 22px;
    font-weight: 400;
}
.wy-cs-python-vps-cnt-lft ul li:nth-child(1), 
.wy-cs-python-vps-cnt-rgt ul li:nth-child(1)  {
    margin-top: 0px;
}
.wy-cs-python-vps-cnt-lft ul li:nth-child(2),
.wy-cs-python-vps-cnt-rgt ul li:nth-child(2)  {
    margin-top: 50px;
}
.wy-cs-python-vps-cnt-lft ul li:nth-child(3),
.wy-cs-python-vps-cnt-rgt ul li:nth-child(3)  {
    margin-top: 65px;
}
.wy-cs-python-vps-cnt-lft ul li:nth-child(4),
.wy-cs-python-vps-cnt-rgt ul li:nth-child(4)  {
    margin-top: 70px;
}



.wy-cs-python-vps-title {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
}
.wy-cs-python-vps-cnt-row ul li span {
    padding: 10px;
    margin: 10px;
    border: 1px solid #3838ff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    box-shadow: 0px 0px 5px 1px rgba(56, 56, 255, 0.22);
    display: flex;
    justify-content: center;
    align-items: center;

}

.wy-cs-python-vps-img.wy-cs-python-vps-img-mo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}











@media only screen and (max-width:1366px) {
    .wb-panel-avail-box {
        padding: 0 4rem
    }
    .wy-cs-python-vps-cnt-row ul li {
        font-size: 19px;
    }
    .wy-cs-python-vps-cnt-lft ul li:nth-child(2), .wy-cs-python-vps-cnt-rgt ul li:nth-child(2) {
        margin-top: 40px;
    }
    .wy-cs-python-vps-cnt-lft ul li:nth-child(3), .wy-cs-python-vps-cnt-rgt ul li:nth-child(3) {
        margin-top: 60px;
    }
    .wy-cs-python-vps-cnt-lft ul li:nth-child(4), .wy-cs-python-vps-cnt-rgt ul li:nth-child(4) {
        margin-top: 60px;
    }
}

@media only screen and (max-width:1099px) {
    .wb-pnl-ul {
        padding: 1rem
    }
    .wb-panel-avail-box {
        padding: 0
    }
}

@media only screen and (max-width:992px) {
    .wb-pnl-ul ul li,
    p.wb-pnl-cnt {
        font-size: 16px
    }
    .wy-cs-python-vps-cnt-lft ul li:nth-child(1),
    .wy-cs-python-vps-cnt-rgt ul li:nth-child(1),
    .wy-cs-python-vps-cnt-lft ul li:nth-child(2),
    .wy-cs-python-vps-cnt-rgt ul li:nth-child(2),
    .wy-cs-python-vps-cnt-lft ul li:nth-child(3),
    .wy-cs-python-vps-cnt-rgt ul li:nth-child(3),
    .wy-cs-python-vps-cnt-lft ul li:nth-child(4),
    .wy-cs-python-vps-cnt-rgt ul li:nth-child(4) {
        margin-top: 0px;
    }
    .wy-cs-python-vps-cnt-mo ul li{
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width:768px) {
    .wb-pnl-ul {
        padding: 1rem
    }
}

@media only screen and (max-width:767px) {
    .wb-pnl-avl-left .wb-pnl-btn {
        padding: 10px
    }
    .wb-pnl-ul {
        padding: 1rem 0
    }
    .wb-pnl-ul ul li,
    p.wb-pnl-cnt {
        font-size: 14px
    }
    span.wb-pnl-cnt-icon i {
        font-size: 14px;
        margin-top: 5px
    }
    .wb-pnl-avl-left .nav {
        flex-direction: row !important
    }
    .sec-dt-acr-price {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 390px) {
    .wy-cs-python-vps-cnt-row ul li {
        font-size: 16px;
    }
}