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

.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;/*border-top: 2px solid #1471d4;*/}
/* .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: 8%; right: 8%; 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;}

.brand{padding:100px 0px 0px 0px;position: relative;}
.brand h2{font-size: 32px;padding: 0px 0px 10px 0px;width: 100%;font-weight: 600;margin-bottom: 0px;text-align: center;}
.brand p{font-size: 16px;width: 100%;text-align: center;margin-bottom: 50px;padding: 0% 7%;}
/* .brand-builder{position:relative;z-index:2;max-width:1100px;margin:auto;display:grid;grid-template-columns:300px 1fr;gap:70px;align-items:center} */
.brand-core{position:relative;width:260px;height:260px;margin:auto;border-radius:50%;background:rgba(255,255,255,0.95);border:0px solid #e5eaf2;box-shadow:0 25px 70px rgba(30,50,90,0.12),inset 0 0 0 12px rgba(40,100,223,0.025);display:flex;flex-direction:column;align-items:center;justify-content:center;top:80px;background: radial-gradient(at top right, rgba(28, 138, 255, 0.4) 0%, transparent 40%), radial-gradient(at bottom left, rgba(28, 138, 255, 0.4) 0%, transparent 40%), #0d1e32;} 
.brand-core::before{content:"";position:absolute;inset:-15px;border-radius:50%;border:1.5px dashed rgba(40,100,223,0.58);animation:brandRotate 18s linear infinite}@keyframes brandRotate{to{transform:rotate(360deg)}}
.core-glow{position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(40,100,223,0.13);filter:blur(25px)}
.core-icon{position:relative;z-index:1;width:100px;height:100px;border-radius:20px;color:#fff;display:flex;align-items:center;justify-content:center;margin-top: -20px;/*box-shadow:0 12px 30px rgba(40,100,223,0.25)*/} 
.core-icon svg{width:35px;height:35px}
.brand-core strong{position:relative;z-index:1;margin-top:0px;color: #3286df;font-size:14px; font-weight: 500;}
.brand-core strong p {position:relative;z-index:1;color:#fff;font-size:22px; margin-bottom: 0px;font-weight: 700;}
.brand-core span{position:relative;z-index:1;margin-top:10px;color: #FFF;font-size:14px; font-weight: 500;}
.brand-core small{position:relative;z-index:1;margin-top:0px;color: #fff;font-size:16px; font-weight: 500;}
.brand-line{position:absolute;top:58%;width:66px;height:1px;background:linear-gradient( -90deg,rgba(40, 95, 223, 0.4),rgba(40,100,223,0) )}
.tpryt{right: 39%;top:20%; background: linear-gradient( 90deg,rgba(40,100,223,0.4),rgba(40,100,223,0) );}
.ryt{right: 39%;background: linear-gradient( 90deg,rgba(40,100,223,0.4),rgba(40,100,223,0) );}

.shape1,.shape2,.shape3,.shape4,.shape5,.shape6{position:relative}
.shape1::before,.shape1::after,.shape2::before,.shape2::after,.shape3::before,.shape3::after,.shape4::before,.shape4::after,.shape5::before,.shape5::after,.shape6::before,.shape6::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#1471d4;border:2px solid #fff;box-shadow:0 2px 4px #94aac0;z-index:5}
.shape1{height:50px;width:100px;border-top:1px dashed #1471d4;border-right:1px dashed #1471d4;transform:skew(35deg);top:-38%;position:relative}
.shape1::before{left:-4px;top:-8px;transform:skew(-35deg)}
.shape1::after{right:-5px;top:43px;transform:skew(-35deg)}
.shape2{height:50px;width:86px;border-bottom:1px dashed #85b9df;top:-36%;position:relative;text-align:right;right:17px}
.shape2::before{left:-4px;bottom:-4px}
.shape2::after{right:-1px;bottom:-4px}
.shape3{height:50px;width:130px;border-bottom:1px dashed #1471d4;border-right:1px dashed #1471d4;transform:skew(-35deg);bottom:21%;position:relative}
.shape3::before{left:-4px;bottom:-5px;transform:skew(35deg)}
.shape3::after{right:-5px;bottom:44px;transform:skew(35deg)}
.shape4{height:50px;width:100px;border-top:1px dashed #1471d4;border-left:1px dashed #1471d4;transform:skew(-35deg);top:-47%;position:relative;left:76%}
.shape4::before{left:-5px;top:43px;transform:skew(35deg)}
.shape4::after{right:-4px;top:-8px;transform:skew(35deg)}
.shape5{height:50px;width:78px;border-bottom:1px dashed #85b9df;top:-45%;position:relative;left:85%}
.shape5::before{left:-6px;bottom:-4px}
.shape5::after{right:-4px;bottom:-4px}
.shape6{height:50px;width:115px;border-bottom:1px dashed #1471d4;border-left:1px dashed #1471d4;transform:skew(40deg);bottom:30%;position:relative;left:72%}
.shape6::before{left:-5px;bottom:47px;transform:skew(-40deg)}
.shape6::after{right:-4px;bottom:-4px;transform:skew(-40deg)}

.brand-features{display:flex;flex-direction:column;gap:18px}.brand-item{position:relative;display:flex;align-items:flex-start;gap:18px;padding:22px 25px;border:1px solid #e6eaf1;border-radius:18px;background:rgba(255,255,255,0.88);transition:transform 0.35s ease,box-shadow 0.35s ease,border-color 0.35s ease;margin-bottom:10px}
.brand-item:hover{transform:translateX(8px);border-color:rgba(40,100,223,0.35);box-shadow:0 15px 40px rgba(35,55,90,0.10)}
.item-number{position:absolute;right:20px;top:17px;font-size:11px;font-weight:800;letter-spacing:1px;color:#c5cbd6}
.item-icon{flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:#e4f2fd;color:#1471d4;font-size: 22px; display:flex;align-items:center;justify-content:center;transition:0.3s ease}
.item-icon svg{width:25px;height:25px}
.brand-item:hover .item-icon{background:#1471d4;color:#fff}.item-content{padding-right:10px}
.item-content h3{margin:1px 0 7px;color:#1b2538;font-size:18px;font-weight:600}
.item-content p{margin:0;color:#45536c;font-size:14px;line-height:1.65; text-align: left;padding: 0px;}
.item-content strong{color:#4f5a6d;font-weight:650}
.brand a{background: #fb7820;border-radius: 20px;color: #fff;padding: 8px 40px;text-decoration: none;font-weight: 500;font-size: 16px;margin-bottom: 10px; display: inline-block;width: auto;}
.brand a:hover{background: #000;color: #fff;transition: all 0.3s ease-in-out 0s;}

.brand-connectors {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.connector-line {
  fill: none;
  stroke: #4d91ed;
  stroke-width: 1.5;
  stroke-dasharray: 3 3;
  stroke-linecap: round;
  opacity: .9;
  transition: stroke-width .3s ease, opacity .3s ease;
}
.connector-dot {
  fill: #4d91ed;
  stroke: #ffffff;
  stroke-width: 3;
  filter: drop-shadow(0 2px 4px rgba(37,99,235,.25));
}


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

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

  .brand {padding: 30px 0px;}
  .brand h2{font-size: 22px;}
  .brand p{font-size: 14px;margin: 0 auto 10px auto;}
  .brand-core{top: 20px;margin-bottom: 52px;}
  .brand-line{display: none;}
  .shape1,.shape2,.shape3,.shape4,.shape5,.shape6{display: none;}

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

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

  .brand {padding: 30px 0px;}
  .brand h2{font-size: 22px;}
  .brand p{font-size: 14px;margin: 0 auto 10px auto;}
  .brand-core{top: 20px;margin-bottom: 52px;}
  .brand-line{display: none;}
  .shape1,.shape2,.shape3,.shape4,.shape5,.shape6{display: none;}

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

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

  .brand {padding: 30px 0px;}
  .brand h2{font-size: 22px;}
  .brand p{font-size: 14px;margin: 0 auto 10px auto;}
  .brand-core{top: 20px;margin-bottom: 52px;}
  .brand-line{display: none;}
  .shape1,.shape2,.shape3,.shape4,.shape5,.shape6{display: none;}
  
  .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%;}
} 
@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;}
}