body{font-family: "Poppins", sans-serif;}
.header-main{position: relative!important;}
.clbrdr{border: none !important;}
.banner {padding: 50px 0px; position: relative; background-image: url("../images/banbg.webp"); background-position: top center; background-repeat:repeat;color: #000;} 
.banner section{margin: 0px 0px 20px 0px;}
.banner button{border: 0px; background: linear-gradient(to right, rgba(251,120,32,1) 0%,rgba(226,91,0,1) 100%);border-radius: 20px;color: #fff;padding:6px 26px ;font-size: 17px;margin-top: 20px;font-weight: 500;transition: all .3s ease-in-out;}
.banner button:hover {background: #000;}
.banner .pd{padding: 6px 44px;}
.banner .blu{background: #fb7820;background: linear-gradient(to right,  rgba(0,129,208,1) 0%,rgba(6,98,154,1) 100%); }
.banner .trust{background: linear-gradient(to right,  rgba(216,235,254,1) 0%,rgba(255,255,255,1) 50%,rgba(216,235,254,1) 100%);/*background: #fff;*/ border-radius:20px;color: #073755;font-size: 18px;font-weight: 600;padding:6px 24px;display: inline-block;border: 1px solid  #5ab3ea;} 
.banner .trust i{margin-right:5px;}
.banner h1 {font-size: 50px; font-weight: 600; margin:24px 0px 18px 0px; color: #000; line-height: 1.2;}
.banner p {font-weight: 400;font-size: 23px;line-height: 30px;margin: 20px 0px 40px 0px;color: #000;}
.banner h1 span{color: #0372b6;}
.banner .smltxt{color: #000;font-size: 14px;font-weight:400;margin: 5px 0px;}
.banner ul{padding:0px 0px 10px 0px;float: left;}
.banner ul li{font-size: 18px;padding: 4px 0px;list-style: none;}
.banner ul li i{color: #0081d0;}
.container-sm{width:1140px; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto } .ml-auto, .mx-auto{margin-left: auto !important;margin-right: auto !important;}
.banner aside{margin:20px 0px 0px 0px;font-weight: 600;border-radius: 20px;margin-left: auto;
margin-right: auto;font-size: 18px;}
.banner aside p{font-size: 16px;margin:5px 0px 0px 0px;}
.banner aside p span{font-weight: 600;}
.amlauto{margin-left: auto;margin-right: auto;}

.list{gap:70px;display: inline-flex;}
.mlauto{margin-left: auto;}
/*-- plans--*/
.pb-90 {padding-bottom: 90px;}
/* .price-section {margin-top: -100px; background: #fff;-webkit-box-shadow: 0 0 5px 2px rgba(51, 51, 51, 0.1);
box-shadow: 0 0 5px 2px rgba(51, 51, 51, 0.1);border-radius: 4px;}
.price-section .pr-1{padding-right: .25rem !important;}
.price-section .pl-1{padding-left: .25rem !important;} */

.plans{padding: 100px 0px;position: relative;}
.banner-btn-group .btn:not(:last-child) {margin-right: 25px}          
.plans h2{font-size:34px;padding: 0px 30px;color:#000;font-weight: 600; margin:0px auto 20px auto;width: 100%;text-align: center;}
.plans p{font-size:18px;color:#000;font-weight: 400; margin:0px auto 40px auto;width: 100%;text-align: center;}

/*-webkit-box-shadow: 0 0 90px rgba(0,0,0,.05);
box-shadow: 0 0 90px rgba(0,0,0,.05);-webkit-box-shadow: 0 0 30px rgba(24,104,222,.1);
box-shadow: 0 0 30px rgba(24,104,222,.1);*/
.plan-wrap{position: relative;padding:40px;margin-top: 40px;}
.planbg{background: #e1e8f0;clip-path: polygon(92% 0, 100% 5%, 100% 100%, 0 100%, 0 0);}
.planbg.active{background: #0e6bda;}
.prcngbadge {
  font-size: 14px;
  font-weight: 500;
  background: #051229;
  color: #fff;
  width: 197px;
  height: 28px;
  display: flex;
  align-items: end;
  justify-content: center;
  padding-bottom: 3px;
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  clip-path: polygon(0 0, 83% 0, 100% 100%, 17% 100%);
}
/*.gx-lg-0 {--bs-gutter-x: 0;}*/
.pl-1 {padding-left: 0px;}
.pr-1 {padding-right: 0px;}
.plan-head h3{font-size:26px;color:#000; font-weight: 400;}
.plan-head h3 span{font-weight: 600;}
/* .plan-head p{color:#000; font-size: 16px;  font-family:Lato,sans-serif;font-weight:400; margin-top: 15px;margin-bottom: 0px;} */
.popular-tag{font-family: 'Poppins-Regular';font-size:25px;background:#fb7820; color: #fff;text-transform: uppercase;padding: 5px 10px 5px 30px;width: 97%;margin: 0 auto;position: absolute;z-index: 2;left: -4px;}

.plan-price{padding: 10px 0px; border-bottom: 1px solid #ced7e0;display: -webkit-box;
-webkit-box-pack: justify;-webkit-box-align: center;}
.plan-price.btm{border-bottom: 1px solid #2589fe;}

.plan-amt{width: 100%;}
.plan-amt p{color:#051229; font-size: 16px; font-weight:400;margin-bottom: 0px;}
.plan-amt h3{font-size:50px;color:#051229;font-weight:600;}
.plan-amt h3 sup{font-size:22px; font-weight:400;top: -18px;right: 1px;}
.plan-amt h3 .sh{font-size:34px; top: -10px;}
.plan-amt h3 span{font-size:16px; font-weight:400;}
/* .plan-discount{width: 50%;text-align: right;}
.plan-discount p{text-decoration: line-through; font-size:15px; margin-bottom: 5px;margin-right: 10px;}
.plan-discount span{color:#1f76c5;background:#e7f3fd;padding:5px 10px; font-size:14px; font-weight:900;text-transform: uppercase;} */
.feature{padding: 20px 0 20px 0;}
.feature ul {padding:0px;margin-bottom: 0px;}
.feature ul li{list-style-type: none;font-size: 16px; font-weight:400;margin-bottom: 10px;color: #051229;}
.feature ul li i{color:#0e6bda;margin-right: 8px;}
.feature ul li .clr{color: #abd1ff;}
.feature ul li svg{top: 2px;position:relative;margin-right: 10px;}
.feature ul li:last-child{margin-bottom:0px;}
.btn-wrap{margin: 20px 0px 10px 0px; font-size: 14px; font-weight:900;}
.btn-wrap .blk-btn{color: #fff;background: #3d3d3d;padding:10px 25px;border-radius: 4px;text-decoration: none;text-transform: uppercase;transition: all .3s ease-in-out;margin-right: 5px;}
.btn-wrap .blk-btn:hover, .btn-wrap .orng-btn:hover, .btn-wrap .wht-btn:hover{background:#051229;color: #fff;}
.btn-wrap .orng-btn{color: #fff;font-weight: 600;font-size: 16px; background: #fb7820;padding:5px 8px 8px 8px;border-radius: 24px;text-decoration: none;transition: all .3s ease-in-out;width: 100%;display: inline-block;text-align: center;text-transform: uppercase;}
.btn-wrap .wht-btn{color: #000;font-weight: 600;font-size: 16px; background: #fff;padding:10px 20px;border-radius: 24px;text-decoration: none;transition: all .3s ease-in-out;width: 100%;display: inline-block;text-align: center;}

.bg-table{background: #fff;box-shadow: 0 7px 17px rgba(0, 0, 0, 0.15);border-radius: 8px;font-family:Lato,sans-serif;}
.bg-table thead {border-radius: 18px;}
.bg-table thead th{ font-size:20px; text-align: center; color: #fff;border-top: 0px solid #dee2e6;background: #27283c;}
.bg-table thead th:first-child{border-top-left-radius: 0px;}
.bg-table thead th:last-child{border-top-right-radius: 0px;}
.bg-table th, .bg-table td{font-size:16px;  padding:15px 15px !important;text-align: center;}
.bg-table tbody tr td{font-weight: 500;text-align: center;}
.bg-table tbody tr td:first-child{font-weight: 600;text-align: left;}
.bg-table tbody .head td{font-weight: 600;}
.head td{text-align: left;color: #252525;font-size: 18px; background: #daecf7;border-top: 2px solid #c9d7e0;
  border-bottom: 2px solid #c9d7e0;}
.bg-table td i.fa-check{color: #258D5C;}
.bg-table td i.fa-times {color: #F23131}
.bg-table th, .bg-table td a{color: #007bff;transition: all .3s ease-in-out;}
.bg-table th, .bg-table td a:hover{color: #212529;text-decoration: none;}
.bg-table th, .bg-table td i{font-size: 16px;color: #b0bec8;}
.bg-table tbody tr:hover{background: #000;}
.bg-table thead tr:hover{background:none;}
.stk-tblhd{ top: 98px; background: #204b6a;box-shadow: 0 2px 2px #eee;z-index:1;}

.tooltip-inner{max-width: 300px;padding: 10px;}
.billing {border: 1px solid #c7c7c7; border-radius: 4px;font-family: 'FontAwesome';content: "\f107";cursor: pointer;position: relative;width: 92%; margin: 0 auto;}
.billing::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #666;
  position: absolute;
  right: 8px;
  top: 16px;
}
.billing select {
  width: 100%;
  background: transparent;
  height: 36px;
  border: 0px solid #ccc;
  border-radius: 2px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;  font-family: Lato,sans-serif;
  font-size: 16px;color: #3d3d3d;
}
.billing select option{height: 36px;}
.billing-dropdown {
  border: 1px solid #c7c7c7;
  border-radius: 8px;
  cursor: pointer;
  height: 80px;
  position: relative;
  width: 230px;
}
.billing select::-ms-expand { display: none;}
.billingwht {border: 1px solid #fff; border-radius: 4px;font-family: 'FontAwesome';content: "\f107";cursor: pointer;position: relative;}
.billingwht::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #fff;
  position: absolute;
  right: 8px;
  top: 16px;
}
.billingwht select {
  width: 100%;
  background: transparent;
  height: 36px;
  border: 0px solid #fff;
  border-radius: 2px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;  font-family: Lato,sans-serif;
  font-size: 16px;color: #fff;
}
.billingwht select option{height: 36px;background: #000;}
.billingwht-dropdown {
  border: 1px solid #c7c7c7;
  border-radius: 8px;
  cursor: pointer;
  height: 80px;
  position: relative;
  width: 230px;
}
.billingwht select::-ms-expand { display: none;}
.list5 {padding-left: 5px;}
.list5 li {
    position: relative;
    padding: 4px 0 4px 27px;
    list-style: none;
    font-size: 14px;
    text-align: left;
    font-weight: 400;
}
.list5 li:before {
    content: '';
    display: block;
    position: absolute;
    border: 1px solid #82cc33;
    left: 10px;
    top: 19px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}
.list5.checklist li:before {
    content: "\F272";
    font-family: 'bootstrap-icons';
    font-size: 14px;
    top: 4px;
    left: 4px;
    color: #666;
    width: auto;
    height: auto;
    border: 0;
    background-color: transparent;
}

.why{padding:60px 0px 100px 0px;position: relative;}
.why h2{font-size: 32px;padding: 0px 0px 10px 0px;width: 100%;font-weight: 600;margin-bottom: 0px;text-align: center;}
.why p{font-size: 16px;width: 100%;text-align: center;margin-bottom: 50px;padding: 0% 6%;}
.why section{padding: 20px;display: inline-block;height: 300px; vertical-align: top;border-radius: 16px;border: 1px solid #dfecfd;border-bottom: 4px solid #dfecfd;}
.why section .icon{  display: flex;-webkit-box-pack: center;  justify-content: center;  -webkit-box-align: center;  align-items: center; width: 70px;  height: 70px; border-radius: 50%; background: #dfecfd;  font-size: 30px;  color: #1da6ff; transition: all 0.4s ease 0s;}
.why section h3{font-size: 20px;color: #051229;font-weight: 600;margin: 20px 0px 20px 0px;}
.why section p{font-size: 14px;color: #3e4859;padding: 0px;text-align: left;margin-bottom: 0px;}
.why section:hover{background: #051229;border: 1px solid #051229;transition: all 0.3s ease-in-out 0s;}
.why section:hover h3, .why section:hover p{color: #fff;}
.why section:hover .icon{background: #1da6ff;color: #fff;}
.why aside{margin:40px 0px 0px 0px;text-align: center;font-size: 22px;font-weight: 600;}
.why .link{text-align: center;color: #f7741b;text-decoration: underline;font-weight: 500; transition: all .3s ease-in-out;}
.why .link:hover{color: #000;}
.hosting-card{width:420px;border-radius:22px;overflow:hidden;background:#11273f;}
.hosting-card figure{margin-bottom: 0px;}

.clrbg{background: #ebf1f6;}
.wht{border-bottom: 4px solid #6dc3fe!important; background: #fff;}


.testimonial{padding:60px 0px;position: relative;background: #e9f1f6;}
.testimonial h2{padding: 0px 30px;color: #1e1e1e; font-size: 34px;font-weight: 600; text-align: center; width: 100%;color: #000;}
.testimonial p{color: #000;font-weight: 400; font-size:18px;text-align: center;margin: 0px;padding:0% 12%;}
/* .testimonial img{text-align: center;margin:0 auto;} */

.usecase{padding:100px 0px;position: relative;background: #27283c;color: #fff;}
.usecase h2{font-size: 34px;padding: 20px 0px 0px 0px;width: 100%;font-weight: 600;margin: 0px;text-align: center;}
.usecase p{font-size: 18px;padding: 5px 0px;margin-bottom: 20px;text-align: center;width: 100%;}
.usecase .spc{margin: 0px 200px;}
.usecase ul{padding: 0px;margin: 0px;text-align: center;}
.usecase ul li{display: inline-block;margin-right:20px;margin-bottom: 16px;width: 30%;}
.usecase-card{display:flex;align-items:center;padding:14px 18px;border-radius:12px;background:#333550;  text-decoration:none;color:#fff;border:1px solid #494a61;transition:.35s ease;position:relative;overflow:hidden;}
.usecase-card.active{background:#252542;border:1px solid #434693;}
.usecase-card:hover{background:#252542;border-color:#434693;transform:translateY(-4px);box-shadow:0 15px 35px rgba(0,0,0,.25);}
.hosting-icon{width:40px;height:40px;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hosting-icon i{font-size:26px;color:#222;}
.hosting-text{margin-left:12px;flex:1;text-align: left;}
.hosting-text span{display:block;color:#f2f2f2;font-size:15px;font-weight:500;line-height:1;}
.hosting-text h3{margin-top:4px;margin-bottom:0;font-size:20px;font-weight:600;color:#fff;}
.hosting-arrow{color:#a8afc3;font-size:18px;transition:.35s;}
.usecase-card:hover .hosting-arrow{color:#fff;transform:translate(4px,-4px);}
.usecase-card:hover .hosting-icon{transform:rotate(-8deg) scale(1.05);transition:.35s;}
.blue {background:linear-gradient(135deg,#ffffff,#d8e9ff);}
.blue i {color:#2d6cff;}
.green {background:linear-gradient(135deg,#f4fff9,#d9fff0);}
.green i {color:#18b86e;}
.purple {background:linear-gradient(135deg,#fffaff,#ece4ff);}
.purple i {color:#8357ff;}
.ylw {background:linear-gradient(135deg,#f4fff9,#f6d3f4);}
.ylw i {color:#f962ef;}
.orng {background:linear-gradient(135deg,#ffffff,#fcead5);}
.orng i {color:#ee9022;}
.red {background:linear-gradient(135deg,#fffaff,#fbdcde);}
.red i {color:#df6c73;}

.benefits{padding:100px 0px 0px 0px;position: relative;}
.benefits h2{font-size: 32px;padding: 0px 0px 10px 0px;width: 100%;font-weight: 600;margin-bottom: 0px;text-align: center;}
.benefits p{font-size: 16px;margin-bottom: 20px;width: 100%;text-align: center;margin-bottom: 50px;}
.brdr{border: 1px solid #ccc;  border-radius: 6px;  padding: 10px;}
.benefits button{text-align: left;}
.benefits ul{padding: 0px;}
.benefits ul li{padding: 10px;}

.level{padding:100px 0px;position: relative;}
.level h2{font-size: 32px;padding: 0px 0px 10px 0px;width: 100%;font-weight: 600;margin-bottom: 0px;text-align: center;}
.level p{font-size: 16px;width: 100%;text-align: center;margin-bottom: 50px;}

.manage{padding:100px 0px;position: relative;background: #e1e8f0;}
.manage h2{font-size: 32px;padding: 0px 0px 10px 0px;width: 100%;font-weight: 600;margin-bottom: 0px;text-align: center;}
.manage p{font-size: 16px;width: 100%;text-align: center;margin-bottom: 50px;}
.manage ul{position: relative;padding: 0px; display: inherit;}
.manage ul li{font-weight: 400; padding: 2px 0px 0px 35px;}
.manage ul li::before{content:"\F272";position: relative;top: 8px;margin-right: 10px;font-size: 28px;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;font-family:"bootstrap-icons"; color: #fb7820;font-weight: 800;}
.manage ul li span{font-size: 20px;color: #1766ae;font-weight: 600;}
.manage ul li p{font-size: 16px;padding:5px 0px 0px 38px;text-align: left;margin-bottom: 30px;}

.vps{padding:100px 0px;position: relative;}
.vps h2{font-size: 32px;padding: 0% 16% 0% 0%; padding: 0px 0px 10px 0px;width: 100%;font-weight: 600;margin-bottom: 0px;}
.vps-control-heading h2 span {color: #0372b6;}
.vps p{font-size: 16px;width: 100%;margin: 20px 0px;}
.vps-control-layout { display: grid; gap: 90px; align-items: start; }
.vps-config-flow { position: relative; padding-left: 70px; }
.vps-flow-line { position: absolute; top: 20px; bottom: 25px; left: 21px; width: 1px; background: repeating-linear-gradient( to bottom, #b9cce3 0, #b9cce3 5px, transparent 5px, transparent 11px ); }
.vps-config-item { position: relative; display: grid; grid-template-columns: 1fr; margin-bottom: 20px; } .vps-config-item:last-child { margin-bottom: 0; } .vps-step-marker { position: absolute; left: -70px; top: 0; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #ffffff; border: 1px solid #cbd9e8; box-shadow: 0 8px 25px rgba(25, 63, 105, .08); z-index: 2; } .vps-step-marker::after { content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: #1471d4; box-shadow: 0 0 0 5px rgba(20, 113, 212, .09); } .vps-step-marker span { position: absolute; left: 53px; white-space: nowrap; font-size: 9px; font-weight: 700; color: #9aabc0; letter-spacing: 1px; } .vps-config-content { position: relative; } .vps-config-item:last-child .vps-config-content { border-bottom: 0; } .vps-config-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 9px; font-weight: 700; letter-spacing: 1.5px; color: #1471d4; } .vps-config-meta i { width: 25px; height: 1px; background: #bdd0e5; }
.vps-config-meta small { color: #a3b1c1; font-size: 9px; letter-spacing: 1px;}
.vps-config-content h3 { margin: 0 0 10px; font-size: 20px;font-weight: 600; color: #18283e;}
.vps-config-content p {margin: 0 0 17px; color: #68798d; font-size: 16px;}
/* .vps-cta-content a { display: inline-flex; align-items: center; gap: 15px; padding: 10px 30px; background: #1471d4; color: #ffffff; text-decoration: none; font-size: 16px; font-weight: 600; border-radius: 40px; box-shadow: 0 10px 25px rgba(20,113,212,.18); transition: all .3s ease;}
.vps-cta-content a:hover { background: #0f5fb4; transform: translateY(-2px); box-shadow: 0 14px 30px rgba(20,113,212,.25);}
.vps-arrow {font-size: 20px !important; line-height: 1; color: #ffffff !important; transition: transform .3s ease; }
.vps-cta-content a:hover .vps-arrow { transform: translateX(4px); } */

.vps-cta-content a{display:inline-flex;align-items:center;gap:10px;padding:6px 10px 6px 26px;border-radius:40px;color:#000;text-decoration:none;font-size:15px;font-weight:600;margin-top:10px;transition:all .3s ease;border: 1px solid #718096;}
.vps-cta-content i{border-radius: 50%;
  background: rgb(44, 116, 182);
  transition: transform 0.3s ease;
  padding: 2px 6px;
  color: #fff;}
.vps-cta-content a:hover{color:#fff;background:#136aa9;}
.vps-cta-content a:hover i{transform:translateX(5px); background: #fff;color:#000;}

/* ========================================= SERVER VISUAL ========================================= */ .linux-server-visual{position: relative;/*min-height: 500px;*/ display: flex; align-items: center; justify-content: center;margin-left: 50px;}
.server-glow { position: absolute; width: 440px; height: 440px; border-radius: 50%; background: radial-gradient( circle, rgba(24, 119, 221, .16), rgba(24, 119, 221, .04) 45%, transparent 70% ); } 
/* SERVER */ .server-rack { position: relative; z-index: 2; width: 335px; padding: 16px; border-radius: 12px; background: linear-gradient( 145deg, #16283d, #091525 ); border: 1px solid rgba(255,255,255,.08); box-shadow: 0 30px 60px rgba(13, 35, 65, .28), inset 0 1px rgba(255,255,255,.08); }
.server-top { display: flex; align-items: center; justify-content: space-between; padding: 4px 5px 14px; } .server-brand { font-size: 11px; letter-spacing: 2px; color: #8fa8c2; font-weight: 700; }
.server-status { font-size: 8px; letter-spacing: 1px; color: #70c995; }
.server-status i { display: inline-block; width: 6px; height: 6px; margin-right: 4px; border-radius: 50%; background: #53d28b; box-shadow: 0 0 8px rgba(83,210,139,.8); } /* SERVER UNITS */ .server-unit { display: flex; align-items: center; gap: 12px; height: 58px; margin-bottom: 8px; padding: 0 13px; border: 1px solid rgba(255,255,255,.07); border-radius: 7px; background: rgba(255,255,255,.035); } .active-unit { border-color: rgba(47,139,255,.4); background: rgba(35,115,220,.09); } .server-leds { display: flex; gap: 4px; } .server-leds span { width: 5px; height: 5px; border-radius: 50%; background: #4f87c9; } .active-unit .server-leds span:first-child { background: #48d68a; box-shadow: 0 0 7px rgba(72,214,138,.8); } .server-line { flex: 1; height: 2px; background: rgba(255,255,255,.08); } .server-dots { display: flex; gap: 3px; } .server-dots i { width: 3px; height: 3px; border-radius: 50%; background: #50667d; } .server-bottom { display: flex; gap: 5px; padding: 10px 4px 2px; } .server-bottom span { width: 35px; height: 3px; border-radius: 10px; background: #334b64; } 
/* ========================================= FLOATING OS LABELS ========================================= */ 
.os-floating { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; min-width: 160px; padding: 11px 14px; border: 1px solid #e3ebf4; border-radius: 9px; background: rgba(255,255,255,.94); box-shadow: 0 15px 35px rgba(31,55,85,.12); animation: floatingOS 4s ease-in-out infinite; } .os-floating strong { display: block; color: #172a40; font-size: 14px; }
.os-floating small {display: block; color: #8795a7; font-size:12px; } .os-icon { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex-shrink: 0; border-radius: 7px; background: #eef5ff; color: #e95420; font-size: 26px; font-weight: 700; } .os-icon .debi{color: #a81d33;}
.os-ubuntu { /* top: 90px; */ right: 8%; }
.os-rocky {bottom: -15px; left: 6%; animation-delay: .8s; }
.os-alma {top: 100px; left: 7%; animation-delay: 1.5s; } 
@keyframes floatingOS { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }





.features{background: #FFE6D9 !important;}

.map{padding: 100px 0px;position: relative;background: #e1e8f0;}
.map h2{font-size: 34px;padding: 10px 5px;width: 100%;font-weight: 600;}
.map span {color: #0372b6;}
.map p{font-size: 18px;padding: 7px;margin-bottom: 20px;width: 100%;}
.map a{display:inline-flex;align-items:center;gap:10px;padding:6px 10px 6px 26px;border-radius:40px;color:#000;text-decoration:none;font-size:15px;font-weight:600;margin-top:10px;transition:all .3s ease;border: 1px solid #718096;}
.map i{border-radius: 50%; background: rgb(44, 116, 182); transition: transform 0.3s ease; padding: 2px 6px;  color: #fff;}
.map a:hover{color:#fff;background:#136aa9;}
.map a:hover i{transform:translateX(5px); background: #fff;color:#000;}

.migration{padding:0px 0px 100px 0px;color: #fff;}
.mbg{background: radial-gradient(at top right, rgba(103, 61, 229, 0.1) 0%, transparent 40%), radial-gradient(at bottom left, rgba(28, 138, 255, 0.4) 0%, transparent 40%), #0d1e32;border-radius: 22px;margin: 0px;}
.migration img{border-top-right-radius: 22px;border-bottom-right-radius: 22px;height: 100%;left: 12px;position: relative;}
.migration section{padding:50px 80px;}
.migration h2{font-size: 34px;font-weight: 600; width: 100%;margin-bottom: 20px;}
.migration p{font-weight: 400; font-size:16px;margin:0 auto 20px auto;}
.migration ul{padding: 0px;padding: 0px; display: inline-block;}
.migration ul li{padding: 5px 15px 5px 0px;font-size: 16px;}
.migration ul li i{color: #fb7820;}
.migration a{background: #fb7820;border-radius: 20px;color: #fff;padding: 8px 30px;text-decoration: none;font-weight: 500;font-size: 16px;margin-top: 10px; display: inline-block;}
.migration a:hover{background: #fff;color: #000;transition: all 0.3s ease-in-out 0s;}


.cta{background: linear-gradient(-45deg, #fb7820, #d85507 50%, #fb7820 100%);background-repeat: no-repeat;border-radius: 36px;background-position: center top;background-size: cover; width: 80%;height:470px; margin:50px 140px 60px 140px;padding:40px;}
.cta section{text-align: center;color: #fff;}
.cta section h2{ margin-bottom: 28px;font-size: 50px;font-weight: 600; text-align: center;letter-spacing: -2px;  padding: 0% 0% 0% 1%;color: #fff;}
.cta section h3{font-size:80px;font-weight:600;}
.cta section h3 sup{font-size:40px; font-weight:400;top: -24px;right: 1px;}
.cta section h3 .sh{font-size:60px; top: -11px;}
.cta section h3 span{font-size:34px; font-weight:400;}
.cta section img{top: -26px;position: relative;animation: linear infinite; animation-name: run; animation-duration: 3s;}
@keyframes run {
  0% {
    left: 0;
  }
  50% { 
    left: calc(10% - 10px); opacity: 1;
   }
  100% {
    left: 0;     
  }
}
.cta section a {background:#000;padding: 14px 30px;text-decoration: none;transition: all .3s ease-in-out;border-radius: 12px;font-weight:600;font-size: 20px;position: relative;color: #fff;margin-left: 40px;}
.cta section a:hover {background: #fff;color: #000;}
.cta section p{font-size:16px;color: #fff;}
.cta section .list{text-align: left;grid-gap: 28px;}
.cta section .list ul{padding-left: 0px;}
.cta section .list ul li{ padding: 4px 0px;list-style: disc;font-size: 15px;}
.cta section .list ul li::marker{text-align: center;}
.cta section .list p{padding: 10px;}

.wind{background: linear-gradient(45deg, #d63710 0%, #d67411 35%, #569314 57%, #095b8f 82%);}

.compare{padding:60px 0px 80px 0px;position: relative;}
.compare h2{padding: 0px 30px;  font-size: 34px;font-weight: 600; width: 100%;text-align: center;}
.compare p{font-weight: 400; font-size:18px;text-align: center;margin:0 auto 50px auto;}
.compare .cmlauto {margin-left: auto;margin-right: auto;}

.offer {
    position: fixed;
    top: 45%;
    right: 0;
    cursor: pointer;
	z-index:999;
}
.modal.show .modal-dialog{top: 10%;}

@media only screen and (min-width:320px)and (max-width:479px){
  .banner {padding: 30px 0px;}
  .banner .trust{font-size: 12px;text-align: center;}
  .banner h1{font-size: 30px;}
  .banner p{font-size: 16px;line-height: 24px;margin:10px 0px;}
  .banner ul{padding: 0px;margin: 0px;}
  .banner ul li{font-size: 16px;padding: 3px 0px;}
  .list{display: inline-block;}
  .banner button{font-size: 16px;padding: 4px 16px;margin: 5px 0px 10px 0px;}
  .banner .pd{padding: 4px 16px;}
  .banner aside{margin: 20px 0px 0px 0px;}

  #plans{padding:40px 0 0px 0;}
  .plans{padding:40px 0 0px 0;}
  .plans h3{font-size:30px;}
  .plans h1{font-size:32px;}
  .plans p{font-size:14px;margin-bottom: 5px;margin-top:0px}
  .plan-amt h3 sup{top:-8px;font-size: 16px;}
  .plan-amt h3 .sh{font-size:22px; top: -5px;}
  .plans section {margin-left: 40px;}
  .plans section p{padding: 18px 0px;}
  .plan-none-ind-xs2{margin-top: 0px !important;}

  .plan-wrap{padding: 30px 20px 20px 20px;margin-top: 20px;}
  .prcngbadge{height: 26px;clip-path: polygon(0 0, 86% 0, 100% 100%, 17% 100%);}
  .plan-head{padding-bottom: 5px;}
  .plan-head h3{font-size: 22px;}
  .price-section{width: 100%;}
  .popular-tag{top: -20px;left: 0;width: 100%;font-size: 18px;}
  .bg-table thead th{font-size: 18px;}

  .why{padding: 30px 0px;}
  .why h2{font-size: 22px;padding: 5px 10px;}
  .why p{font-size: 15px;margin-bottom: 20px;}
  .why section{width: 100%;height: auto;margin-bottom: 10px;}
  .hosting-card{width: auto;margin-bottom: 10px;}
  .why aside{margin-top: 10px;font-size: 20px;}

  .testimonial{padding: 30px 0px;}
  .testimonial h2{font-size: 22px;padding: 5px 0px;}
  .testimonial p{font-size: 14px;margin: 0 auto 30px auto;padding: 0% 2%;}

  .usecase{padding: 30px 0px;}
  .usecase h2{font-size: 22px;padding:20px 0px 10px 0px;}
  .usecase p{font-size: 14px;padding:10px;margin: 0px;}
  .usecase ul li{width: 80%;margin-right: 0px;}
  .hosting-text p{padding:10px 0px;}
  .hosting-text h3{margin-bottom: 0px;}
  .hosting-footer{margin-top: 10px;}

  .vps{padding:20px 0px 60px 0px;}
  .vps h2{font-size: 22px;padding:20px 0px 10px 0px;}
  .vps p{font-size: 14px;padding:0px 0px 10px 0px;margin: 0px;}
  .vps-cta-content a{margin: 0px 0px 20px 0px;}
  .vps-config-content h3{font-size: 16px;}
  .linux-server-visual{margin-left: 0px;}
  .server-glow{height: 320px;}
  .os-ubuntu{right: 0%;}
  .os-rocky, .os-alma{left: 0%;}

  .benefits h2{font-size: 22px;}
  .benefits p {font-size: 14px;margin-bottom: 10px;}

  .level {padding: 30px 0px 0px 0px;}
  .level h2{font-size: 22px;}
  .level p{font-size: 14px;margin: 0 auto 10px auto;}

  .manage {padding: 30px 0px 0px 0px;}
  .manage h2{font-size: 22px;}
  .manage p{font-size: 14px;margin: 0 auto 10px auto;}
  .manage ul li{padding: 2px 0px 0px 0px;}
  .manage ul li::before{font-size: 22px;}
  .manage ul li span{font-size: 16px;}
  .manage ul li p{font-size: 14px;margin-bottom: 10px;padding: 5px 0px 0px 32px;}

  .migration{padding: 30px 0px;}
  .migration h2{font-size: 22px;}
  .migration p{font-size: 14px;margin: 0 auto 10px auto;}
  .migration section{padding: 30px 20px;}
  .migration ul{margin-bottom: 0px;}
  .migration img{border-radius: 22px;left: 0px;bottom: 10px;}

  .map{padding: 30px 0px;}
  .map h2{font-size: 22px;}
  .map p{font-size: 14px;margin: 0 auto;}
  .map a{margin-bottom: 20px;}

  .cta{margin: 20px 0px;width: auto;padding: 30px;height: auto;}
  .cta section h2{margin-bottom: 28px;font-size: 36px;}
  .cta section h3{font-size: 60px;}
  .cta section h3 sup{font-size: 30px;top: -18px;}
  .cta section h3 .sh{font-size:42px; top: -10px;}
  .cta section h3 span{font-size: 24px;}
  .cta section a{margin-left: 0px;font-size: 16px;}
  .cta section p{padding: 0px;margin: 0px;}

  .compare{padding: 30px 0px;}
  .compare h2{font-size: 22px;}
  .compare p {font-size: 14px; margin-bottom: 30px;  }
}
@media only screen and (min-width:480px) and (max-width:767px){
  .banner {padding: 30px 0px;}
  .banner .trust{font-size: 12px;text-align: center;}
  .banner h1{font-size: 30px;}
  .banner p{font-size: 16px;line-height: 24px;margin:10px 0px;}
  .banner ul{padding: 0px 0px 10px 0px;}
  .banner ul li{font-size: 16px;}
  .list{display: inline-block;}
  .banner aside{margin: 20px 0px 0px 0px;}

  #plans{padding:40px 0 0px 0;}
  .plans h3{font-size:22px;}
  .plans h1{font-size:32px;}
  .plans p{font-size:14px;margin-bottom: 5px;margin-top:0px}
  .plan-amt h3 sup{top: -5px;font-size: 16px;}
  .plan-amt h3 .sh{font-size:22px; top: -5px;}
  .plans section {margin-left: 40px;}
  .plans section p{padding: 18px 0px;}

  .plan-wrap{padding:30px 20px 20px 20px;}
  .plan-head{padding-bottom:15px;}
  .price-section{width: 100%;}
  .popular-tag{top: -30px;left: 0;right: 0;}
  .bg-table thead th{font-size: 20px;}

  .why{padding: 30px 0px;}
  .why h2{font-size: 22px;margin-top: 20px;}
  .why p{font-size: 15px;}
  .why section{width: 100%;margin-bottom: 10px;}
  .hosting-card{width: auto;}

  .testimonial{padding: 30px 0px;}
  .testimonial h2{font-size: 22px;padding: 5px 0px;}
  .testimonial p{font-size: 14px;margin: 0 auto 30px auto;padding: 0px;}

  .usecase{padding: 30px 0px;}
  .usecase h2{font-size: 22px;padding:20px 0px 10px 0px;}
  .usecase p{font-size: 14px;padding:10px;margin: 0px;}
  .usecase ul li{width: 40%;margin-right: 0px;}
  .hosting-text p{padding:10px 0px;}
  .hosting-text h3{margin-bottom: 0px;}
  .hosting-footer{margin-top: 10px;}

  .vps{padding:20px 0px 60px 0px;}
  .vps h2{font-size: 22px;padding:20px 0px 10px 0px;}
  .vps p{font-size: 14px;padding:0px 0px 10px 0px;margin: 0px;}
  .vps-cta-content a{margin: 0px 0px 20px 0px;}
  .vps-config-content h3{font-size: 16px;}
  .linux-server-visual{margin-left: 0px;}
  .server-glow{height: 320px;}
  .os-ubuntu{right: 0%;}
  .os-rocky, .os-alma{left: 0%;}

  .benefits h2{font-size: 22px;}
  .benefits p {font-size: 14px;margin-bottom: 10px;}

  .level {padding: 30px 0px 0px 0px;}
  .level h2{font-size: 22px;}
  .level p{font-size: 14px;margin: 0 auto 10px auto;}

  .manage {padding: 30px 0px 0px 0px;}
  .manage h2{font-size: 22px;}
  .manage p{font-size: 14px;margin: 0 auto 10px auto;}
  .manage ul li{padding: 2px 0px 0px 0px;}
  .manage ul li::before{font-size: 22px;}
  .manage ul li span{font-size: 16px;}
  .manage ul li p{font-size: 14px;margin-bottom: 10px;padding: 5px 0px 0px 32px;}

  .migration{padding: 30px 0px;}
  .migration h2{font-size: 22px;}
  .migration p{font-size: 14px;margin: 0 auto 10px auto;}
  .migration section{padding: 30px 20px;}
  .migration ul{margin-bottom: 0px;}
  .migration img{border-radius: 22px;left: 0px;bottom: 10px;}

  .map{padding: 30px 0px;}
  .map h2{font-size: 22px;}
  .map p{font-size: 14px;margin: 0 auto;}
  .map a{margin-bottom: 20px;}

  .cta{margin: 20px 0px;width: auto;padding: 30px;height: auto;}
  .cta section h2{margin-bottom: 28px;font-size: 36px;}
  .cta section h3{font-size: 60px;}
  .cta section h3 sup{font-size: 30px;top: -18px;}
  .cta section h3 .sh{font-size:42px; top: -10px;}
  .cta section h3 span{font-size: 24px;}
  .cta section a{margin-left: 0px;font-size: 16px;}
  .cta section p{padding: 0px;margin: 0px;}

  .compare{padding: 30px 0px;}
  .compare h2{font-size: 22px;}
  .compare p {font-size: 14px; margin-bottom: 30px;  }
}
@media only screen and (min-width:768px) and (max-width:1024px){
  .banner {padding: 30px 0px;}
  .banner .trust{font-size: 12px;text-align: center;}
  .banner h1{font-size: 35px;}
  .banner p{font-size: 16px;line-height: 24px;margin:10px 0px;}
  .banner ul{padding: 0px 0px 10px 0px;}
  .banner ul li{font-size: 16px;}
  .banner img{text-align: center;}
  .banner aside{margin: 20px 0px 0px 0px;}

  #plans{padding:40px 0 0px 0;}
  .plans{padding:40px 0 0px 0;}
  .plans h3{font-size:30px;margin-bottom: 0px;}
  .plans h1{font-size:32px;}
  .plans p{font-size:14px;margin-bottom: 5px;margin-top:0px}
  .plan-amt h3 sup{top: -5px;font-size: 16px;}
  .plan-amt h3 .sh{font-size:22px; top: -5px;}
  .plans section {margin-left: 40px;}
  .plans section p{padding: 18px 0px;}

  .plan-wrap{padding:30px 20px 20px 20px;}
  .prcngbadge{height: 26px;clip-path: polygon(0 0, 86% 0, 100% 100%, 17% 100%);}
  .plan-head{padding-bottom:15px;}
  .plan-head h3{font-size: 22px;}
  .price-section{width: 100%;}
  .popular-tag{font-size: 16px;padding: 0px 10px 0px 30px;}
  .bg-table thead th{font-size: 18px;}
 
  .why{padding: 30px 0px;}
  .why h2{font-size: 22px;margin-top: 20px;}
  .why p{font-size: 15px;}
  .why section{margin-bottom: 10px;}
  .why section h3{font-size: 18px;}
  .hosting-card{width: auto;margin-bottom: 10px;}
  .hosting-card figure img{background-size: cover; width: 100%;}

  .testimonial{padding: 30px 0px;}
  .testimonial h2{font-size: 22px;padding: 5px 0px;}
  .testimonial p{font-size: 14px;margin: 0 auto 30px auto;padding: 0px;}

  .usecase{padding: 30px 0px;}
  .usecase h2{font-size: 22px;padding:20px 0px 10px 0px;}
  .usecase p{font-size: 14px;padding:10px 0px;margin: 0px;}
  .usecase ul li{width: 40%;margin-right: 0px;}
  .hosting-text p{padding:10px 0px;}
  .hosting-text h3{margin-bottom: 0px;}
  .hosting-footer{margin-top: 10px;}

  .vps{padding:20px 0px 60px 0px;}
  .vps h2{font-size: 22px;padding:20px 0px 10px 0px;}
  .vps p{font-size: 14px;padding:0px 0px 10px 0px;margin: 0px;}
  .vps-cta-content a{margin: 0px 0px 20px 0px;}
  .vps-config-content h3{font-size: 16px;}
  .linux-server-visual{margin-left: 0px;}
  .server-glow{height: 320px;}
  .os-ubuntu{right: 0%;}
  .os-rocky, .os-alma{left: 0%;}

  .benefits h2{font-size: 22px;}
  .benefits p {font-size: 14px;margin-bottom: 30px;}

  .level {padding: 30px 0px 0px 0px;}
  .level h2{font-size: 22px;}
  .level p{font-size: 14px;margin: 0 auto 10px auto;}

  .manage {padding: 30px 0px 0px 0px;}
  .manage h2{font-size: 22px;}
  .manage p{font-size: 14px;margin: 0 auto 10px auto;}
  .manage ul li{padding: 2px 0px 0px 0px;}
  .manage ul li::before{font-size: 22px;}
  .manage ul li span{font-size: 16px;}
  .manage ul li p{font-size: 14px;margin-bottom: 10px;padding: 5px 0px 0px 32px;}

  .migration{padding: 30px 0px;}
  .migration h2{font-size: 22px;}
  .migration p{font-size: 14px;margin: 0 auto 10px auto;}
  .migration section{padding: 30px 20px;}
  .migration ul{margin-bottom: 0px;}
  .migration ul li{font-size: 14px;}
  .migration img{bottom: 0px;}

  .map{padding: 30px 0px;}
  .map h2{font-size: 22px;}
  .map p{font-size: 14px;margin: 0 auto;}
  .map a{margin-bottom: 20px;}

  .cta{margin: 0px;width: auto;padding: 30px;height: auto;}
  .cta section h2{margin-bottom: 28px;font-size: 38px;padding: 0% 12%;}
  .cta section h3{font-size: 60px;}
  .cta section h3 sup{font-size: 30px;top: -18px;}
  .cta section h3 .sh{font-size:42px; top: -10px;}
  .cta section h3 span{font-size: 24px;}
  .cta section a{margin-left: 50px;}
  .cta section p{padding: 0px;margin: 0px;}

  .compare{padding: 30px 0px;}
  .compare h2{font-size: 22px;}
  .compare p {font-size: 14px; margin-bottom: 30px;  }
  .compare .cmlauto{margin-left: 0px;margin-right: 0px;}
}
@media only screen and (min-width:1024px) and (max-width:1280px) {
    .why section h3{font-size: 16px;}
    .hosting-card{width: auto;}
    .why section{height: auto;}
} 
@media (max-width: 1280px){
  .banner h1{margin: 10px 0px 10px 0px;font-size: 40px !important;}
  .line{margin: 10px 0px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px){
  .banner {padding: 30px 0px;}
  .banner h1{font-size: 35px;}
  .banner p{font-size: 16px;line-height: 24px;margin:10px 0px;}
  .banner ul{padding: 0px 0px 10px 0px;}
  .list{width: 100%;}
  .banner a{font-size: 14px;padding: 12px 20px;top: 20px;}
}
@media (min-width: 1080px) {
  .banner {padding: 50px 0px;}
  .banner h1 {font-size: 50px;}
  .banner p {font-size: 23px;line-height: 34px;margin:20px 0px;}
  .banner ul {padding: 0px 0px 10px 0px;margin: 0px;}
  .banner a {padding: 12px 20px;top: 16px;left: 0px;}
}
@media (min-width:1920px) {
  .banner {padding: 50px 0px;}
  .banner .trust{font-size: 18px;}
  .banner h1 {font-size: 50px;}
  .banner p {font-size: 24px;line-height: 34px;margin:20px 0px}
  .banner ul {padding: 0px 0px 10px 0px;}
  .banner ul li {font-size: 18px;}
  .banner a {padding: 14px 30px;top: 20px;}
}