.ser-offers ul {
    list-style: none;
}


.ser-offers ul li {
    display: flex;
    align-items: start;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}

.Easire-steps {
    background: #38199A;
    color: white !important;
    position: relative;
    width: 100%;
    height: 780px;
    overflow: hidden;
}

.Easire-steps::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url('../images/nextCloud/v1.png');
    background-position: center;
}

.Easire-steps::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 417px;
    background-image: url(../images/nginx_vps_hosting/nginx.png);
    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: #E0E0FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #1A1A1A;
    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%, -12%);
        top: 100%;
    }
}


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

    .Easire-steps::after {
        transform: translate(-50%, -8%);
    }
}

@media only screen and (max-width:767px) {
    .Easire-steps {
        padding-bottom: 8rem;
    }

}

@media (max-width:576px) {

    .Easire-steps {
        padding-bottom: 6rem;
    }

    .Easire-steps::after {
        transform: translate(-50%, -5%);
        width: 291px;
    }
}

@media (max-width:998px) {

    .ser-offers ul,
    .ser-offers ul li {
        margin-bottom: 0;
    }
}

/* self managed css */

.tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: #d5d5f7 !important;
}

.sec-padding {
    padding: 80px 0;
}

@media (max-width:576px) {
    .sec-padding {
        padding: 40px 0;
    }
}

.manage-vps-comp-table {
    background-color: #fff;
    box-shadow: 0 0 60px #0000001a;
    padding: 30px;
    border-radius: 20px
}

.manage-vps-comp-table table td,
.manage-vps-comp-table table th {
    font-size: 16px;
    font-weight: 500;
    color: #28282a;
    border: none;
    padding: 20px;
    vertical-align: middle;
    text-transform: capitalize
}

.bg-theme {
    background: #f2f2ff;
    border-radius: 25px;
    padding: 2rem 3rem;
}

.check-icon {
    background: #4646e3;
    color: white;
    border-radius: 50%;
    font-size: 10px;
    height: 20px;
    width: 20px;
    margin-top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width:576px) {
    .bg-theme {
        padding: 2rem 1rem;
        border-radius: 0;
    }

}

.manage-vps-comp-table table th {
    background-color: #f2f2ff !important;
    border-right: 1px solid #d2e0ef
}

.manage-vps-comp-table table td {
    background-color: #fff !important;
    text-align: center;
    border-right: 1px solid #d2e0ef
}

.manage-vps-comp-table table tr:first-of-type td {
    background-color: inherit
}

.manage-vps-comp-table i {
    font-size: 18px;
    font-weight: 600
}

.manage-vps-comp-table i.fa-check {
    color: #18b362
}

.manage-vps-comp-table i.fa-xmark {
    color: #d32a2d
}

thead.head_top-tbl tr th {
    background-color: #3838ff !important;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    vertical-align: middle
}

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

    .manage-vps-comp-table table td,
    .manage-vps-comp-table table th {
        font-size: 14px !important;
        padding: 15px
    }
}

@media only screen and (max-width:767px) {
    .manage-vps-comp-table {
        padding: 15px
    }

    .manage-vps-comp-table table td,
    .manage-vps-comp-table table th {
        font-size: 12px !important;
        padding: 12px
    }
}

/* web_panel_avail_main sec css */
.web_panel_avail_main .container {
    max-width: 1241px
}

.plan-price-r-icon {
    font-size: 24px;
    font-weight: 500
}

@media only screen and (min-width:1650px) {
    .web_panel_avail_main .container {
        max-width: 1341px
    }
}


.wb-pnl-ul ul li,
p.wb-pnl-cnt {
    line-height: 24px;
    color: #28282a;
    font-size: 18px
}

.tech_exprt_center,
.tech_exprt_left,
.tech_exprt_right {
    text-align: center
}

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

@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
    }
}


@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
    }
}

@media only screen and (max-width:1600px) {
    .wb-pnl-avl-left .wb-pnl-btn {
        font-size: 16px
    }
}

/*  */


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


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

    .sec-dt-acr-price {
        margin-bottom: 40px
    }
}

.Complies_With_Industry_Standards,
.vps_feature_icon_Backup_Solution,
.vps_feature_icon_Enhanced_Level_Security,
.vps_feature_icon_Free_SSL_Certificate,
.vps_feature_icon_Instant_Setup,
.vps_feature_icon_Latest_Server_Processor,
.vps_feature_icon_Live_migration,
.vps_feature_icon_Network,
.vps_feature_icon_No_Overselling,
.vps_feature_icon_Optimized_Storage,
.vps_feature_icon_Powerful_Scalable,
.vps_feature_icon_SSD_Processing,
.vps_feature_icon_SSH_SFTP_Access {
    height: 90px;
    max-width: 100%;
    margin: auto;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

.vps-features .features-main .features-start .content-main .feature-icon {
    height: auto;
}


.testimonial-rtng-heading h2,
.testimonial-rtng-heading p {
    color: #fff;
}

.link-style{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-top: 2rem;
    color: #4646e3;
    font-size: large;
    font-weight: 500;
    transition: all 0.65s ease;
}

.link-style:hover{
    color: black;
}