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

.wptbl table{ border: 1px solid #c9d7e0;}
.wptbl table tr:hover{background: none;}
.wptbl tbody tr td:nth-child(2){background: #e6f2f9;}
.wptbl tbody tr td:last-child{background: #daecf7;text-align: left; font-weight: 600;}
.wptbl .head td{color: #252525;font-size: 18px; background: none;
  border-bottom: 2px solid #c9d7e0;}

.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% 7%;}
.why section{border: 1px solid #d7d8db;padding: 20px;width:32%;display: inline-block;margin: 0px 8px 10px 0px;height: 205px; vertical-align: top;}
/* .why section::before {
  background: #1471d4;
  position: absolute;
  color: #fff;
  border-radius: 4px 0 15px 0;
  font-family: "flaticon";
  content: "\f129";
  display: block;
  z-index: 100;
  font-size: 22px;
  padding: 8px 20px 8px 20px;
} */
.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: 0px 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;}
.hosting-card{width:420px;border-radius:22px;overflow:hidden;background:#11273f;}
.hosting-card figure{margin-bottom: 0px;}


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

.steps{padding:100px 0px;position: relative;background: #FFE6D9;}
.steps h2{font-size: 32px;padding: 0px 0px 10px 0px;width: 100%;font-weight: 600;margin-bottom: 0px;text-align: center;}
.steps p{font-size: 16px;margin-bottom: 20px;width: 100%;text-align: center;margin-bottom: 50px;}
.reseller-steps { display: flex; position: relative; gap: 20px; } 
.reseller-steps::before { content: ""; position: absolute; top: 36px; left: 18%; right: 18%; height: 2px; background: #fb7820; z-index: 0; } 
.step-item { flex: 1; position: relative; z-index: 1; } 
.step-number { width: 72px; height: 72px; margin: 0 auto 25px; border-radius: 50%; background: #ffffff; border: 2px solid #fb7820; color: #fb7820; font-size: 24px; font-weight: 700; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; box-shadow: 0 8px 25px rgba(13, 110, 253, 0.08); } 
 .step-text { /*background: #ffffff;*/ padding: 25px 20px; border-radius: 12px; text-align: center; height: auto; border: 0px solid #e9eef5; transition: all 0.3s ease; } .step-text h3{ font-size: 18px; font-weight: 600; margin-bottom: 15px; color: #212529; }  
.step-text p { font-size: 14px; line-height: 1.7; margin-bottom: 0;color: #1c2b38; } 
.step-item:hover .step-number { background: #fb7820; color: #ffffff; transform: translateY(-5px); } 
.step-item:hover .step-text { transform: translateY(-5px); border-color: #1471d4; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12)}

.manage{padding:100px 0px 0px 0px;position: relative;}
.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;}

.toolkit{padding:100px 0px;position: relative;}
.toolkit h2{font-size: 32px;padding: 0px 0px 10px 0px;width: 100%;font-weight: 600;margin-bottom: 0px;text-align: center;}
.toolkit p{font-size: 16px;width: 100%;text-align: center;margin-bottom: 50px;padding: 0% 7%;}
.toolkit-status {
  margin-top: 8px;
  padding: 5px 11px;
  border-radius: 30px;
  color: rgba(255,255,255,.85);
  background: rgba(255,255,255,.10);
  font-size: 11px;}
.toolkit-status span {
display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #6ee7a8;
  margin-right: 3px;
}

.wp-toolkit-section{padding:100px 0;background:#fff;overflow:hidden}
.wp-content{max-width:720px}.wp-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:1.5px;color:#1471d4;margin-bottom:14px}
.wp-content h2{font-size:46px;line-height:1.15;font-weight:750;color:#10243e;margin:0 0 15px}
.wp-content h2 span{display:block;color:#1471d4}
.wp-content h3{font-size:21px;font-weight:600;color:#26384e;margin-bottom:14px}
.wp-content p{color:#68778a;font-size:17px;margin-bottom:28px;text-align: left;padding: 0px;}
.wp-features{display:grid;grid-template-columns:repeat(2,1fr);column-gap:35px;row-gap:17px;margin-bottom:20px}
.wp-feature{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#304258;transition:all .3s ease}
.feature-icon{width:32px;height:32px;min-width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#edf6ff;color:#1471d4;font-size:14px;border:1px solid #d6ebfa;transition:all .3s ease}
.wp-note{position:relative;padding-left:18px;border-left:3px solid #1471d4;color:#718096;font-size:14px;line-height:1.7;margin-bottom:30px}
.wp-note strong{color:#304258}
.wp-cta{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;}
.wp-cta i{border-radius: 50%;
  background: rgb(44, 116, 182);
  transition: transform 0.3s ease;
  padding: 2px 6px;
  color: #fff;}
.wp-cta:hover{color:#fff;background:#136aa9;}
.wp-cta:hover i{transform:translateX(5px); background: #fff;color:#000;}
.wp-control-visual{width:430px;height:430px;max-width:100%;margin:auto;position:relative;display:flex;align-items:center;justify-content:center}.wp-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient( circle,rgba(20,113,212,.13),rgba(20,113,212,.04) 55%,transparent 72% )}
.wp-circle{width:235px;height:235px;border-radius:50%;background:#fff;border:1px solid #dce8f5;box-shadow:0 25px 60px rgba(20,50,90,.13),inset 0 0 0 10px rgba(20,113,212,.025);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background: radial-gradient( circle at 35% 25%, #1f8cff 0%, #126bd0 42%, #092b58 100% );
  box-shadow: 0 25px 65px rgba(12, 66, 130, .25), inset 0 0 0 10px rgba(255,255,255,.06);
  z-index: 5;}
.wp-circle::before{content:"";position:absolute;inset:-15px;border-radius:50%;border:1.5px dashed rgba(21, 101, 186, 0.58);animation:wpRotate 18s linear infinite}@keyframes wpRotate{to{transform:rotate(360deg)}}
/* .wp-logo-box{width:72px;height:72px;border-radius:50%;background:#1471d4;display:flex;align-items:center;justify-content:center;margin-bottom:13px;box-shadow:0 12px 25px rgba(20,113,212,.25); } */
.wp-logo-box {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.25);
  backdrop-filter: blur(5px);
}
.wp-logo-box span{color:#fff;font-size:38px;font-family:Georgia,serif;font-weight:bold}
.wp-circle strong{color: #fff;font-size:20px;margin-top: 4px;}
.wp-circle small{color: #fff;font-size:14px;}
.wp-floating{position:absolute;z-index:5;min-width:110px;padding:11px 14px;border-radius:10px;background:rgba(255,255,255,.96);border:1px solid #e1eaf3;box-shadow:0 12px 30px rgba(30,50,80,.12);display:flex;align-items:center;gap:8px;color:#304258;font-size:14px;font-weight:600;animation:wpFloat 4s ease-in-out infinite}.wp-floating i{color:#1471d4;font-size:16px}
.wp-float-1{top:40px;left:24px;animation-delay:0s}
.wp-float-2{top:63px;right:0;animation-delay:1s}
.wp-float-3{bottom:168px;left:-34px;animation-delay:2s}
.wp-float-4{bottom:18px;right:275px;animation-delay:3s}
.wp-float-5{bottom:29px;right:24px;animation-delay:4s}
@keyframes wpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.wp-line{position:absolute;width:70px;height:1px;background:#b9d7f5;z-index:1}.line-1{top:105px;left:105px;transform:rotate(35deg)}.line-2{top:94px;right:100px;transform:rotate(-35deg)}.line-3{bottom:110px;left:105px;transform:rotate(-35deg)}.line-4{bottom:110px;right:105px;transform:rotate(35deg)}
@media (max-width:991px){.wp-toolkit-section{padding:75px 0}.wp-control-visual{width:400px;height:390px;margin-bottom:20px}.wp-content h2{font-size:40px}}
@media (max-width:575px){
  .wp-toolkit-section{padding:55px 0}.wp-control-visual{width:330px;height:330px}
  .wp-circle{width:220px;height:220px}
  .wp-logo-box{width:60px;height:60px}.wp-logo-box span{font-size:31px}.wp-floating{min-width:auto;padding:8px 10px;font-size:11px}.wp-floating i{font-size:14px}
  .wp-float-1{top:25px;left:0}
  .wp-float-2{top:20px;right:0}
  .wp-float-3{bottom:62px;left:-34px}
  .wp-float-4{bottom:-8px;right:220px}
  .wp-float-5{bottom: 5px;right: 0px;}
  .wp-line{width:45px}.wp-content h2{font-size:32px}.wp-content h4{font-size:18px}
  .wp-intro{font-size:15px}.wp-features{grid-template-columns:1fr;row-gap:14px}
}
.orbit-one {width: 350px;height: 350px;}
.orbit {
  position: absolute;
  border: 1px dashed rgba(21, 101, 186, .28);
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.wp-vault-note{display:flex;gap:14px;margin-bottom: 10px;padding:10px;max-width:540px;border:1px solid #e3ebf5;border-radius:12px;background:rgba(255,255,255,0.75)}
.vault-icon{flex:0 0 38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#eaf3ff;color:#000;font-weight:800}
.wp-vault-note strong{display:block;margin-bottom:4px;color:#1c2c42;font-size:16px;font-weight: 600;}.wp-vault-note p{margin:0;color:#718096;font-size:13px;line-height:1.6}

.migration{padding: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:36px 50px;}
.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;display: inline-block;vertical-align: top;margin-right: 20px;}
.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;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 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: 20px;}

  .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;}
  .hosting-card{width: auto;margin-bottom: 10px;}

  .non-index-section-domain{background: #FCFCFC !important;padding: 0px 0px 30px 0px !important;}
  #domain-search{margin-top: 30px;}

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


  .toolkit {padding: 30px 0px;}
  .toolkit h2{font-size: 22px;}
  .toolkit p{font-size: 14px;margin: 0 auto 20px auto;}
  .wp-content h3{font-size: 17px;margin: 10px 0px 10px 0px;}
  .feature-icon{width: 22px;height: 22px;min-width: 22px;font-size: 12px;}

  .steps {padding: 30px 0px;}
  .steps h2{font-size: 22px;}
  .steps p{font-size: 14px;margin: 0 auto 20px auto;}
  .reseller-steps::before{display: none;}
  .reseller-steps { display: block; } 
  .step-item { display: flex; align-items: flex-start; margin-bottom: 10px; }
  .step-number { flex: 0 0 45px; width: 45px; height: 45px; margin: 0 15px 0 0; font-size: 18px; }
  .step-text { text-align: left; padding: 0px; } 
  .step-text h3{ font-size: 17px; }
  .step-text p{text-align: left;}

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

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

  .toolkit {padding: 30px 0px;}
  .toolkit h2{font-size: 22px;}
  .toolkit p{font-size: 14px;margin: 0 auto 20px auto;}
  .wp-content h3{font-size: 17px;margin: 10px 0px 10px 0px;}
  .feature-icon{width: 22px;height: 22px;min-width: 22px;font-size: 12px;}

  .reseller-steps { display: block; } .step-item { display: flex; align-items: flex-start; margin-bottom: 25px; } .step-number { flex: 0 0 55px; width: 55px; height: 55px; margin: 0 15px 0 0; font-size: 20px; } .step-text { text-align: left; padding: 20px; } .step-text h3{ font-size: 17px; }

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

  .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: 20px;}
 
  .why{padding: 30px 0px;}
  .why h2{font-size: 22px;margin-top: 20px;}
  .why p{font-size: 15px;}
  .why section{width: 48%;}
  .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;}

  .toolkit {padding: 30px 0px;}
  .toolkit h2{font-size: 22px;}
  .toolkit p{font-size: 14px;margin: 0 auto 20px auto;}
  .wp-content h3{font-size: 17px;margin: 10px 0px 10px 0px;}
  .feature-icon{width: 22px;height: 22px;min-width: 22px;font-size: 12px;}

  .reseller-steps { flex-wrap: wrap; justify-content: center; } .reseller-steps::before { display: none; } .step-item { flex: 0 0 calc(33.333% - 14px); }

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

  .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{width: 30%;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;}
}