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;transition: all .3s ease-in-out;}
.banner button:hover {background: #000;font-weight: 400;}
.banner .trust{background: #fb7820;border-radius:20px;color: #fff;font-size: 18px;font-weight: 500;padding:6px 24px;display: inline-block;}
.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 .smltxt{color: #000;font-size: 14px;font-weight:400;margin: 10px 0px 10px 10px;}
.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 .amt{padding: 30px;border: 2px solid transparent;border-radius: 20px;box-shadow: 0 4px 10px rgb(53, 127, 208);text-align: center;margin:0px 10px 20px 10px;background:linear-gradient(to right, white, white), linear-gradient(to top, #0050e9 , #13bff5); background-clip: padding-box, border-box; background-origin: padding-box, border-box;position: relative; overflow: hidden;}
.world-map {position: absolute;top: 50px;left: 50%;transform: translateX(-50%);width:480px;height: auto;opacity: 1;
object-fit: contain;z-index: 0;pointer-events: none;}
.banner .amt .ltoff{background: #fb7820;background: linear-gradient(to right,  rgba(0,129,208,1) 0%,rgba(6,98,154,1) 100%); border-radius:20px;color: #fff;font-size: 18px;font-weight: 400;padding:5px 24px;display: inline-block;}
.banner .amt .ltoff i{font-size: 16px;}
.banner .amt .start{font-size: 22px;font-weight:400;margin: 20px 0px;}
.banner .amt .price{font-size:80px;font-weight: 600;line-height: 70px;}
.banner .amt .price sup{font-size:26px;font-weight: 400;top: -22px;right: 1px;}
.banner .amt .price b{font-size:105px;font-weight:600;font-family: Lato,sans-serif;;}
.banner .amt .price span{font-size:28px; font-weight: 400;}
.banner .amt .price .crncy{font-size:42px;top: -23px;font-weight: 400;}
.banner .amt a {background: linear-gradient(to right,  rgba(251,120,32,1) 0%,rgba(226,91,0,1) 100%); color: #fff;padding:10px 60px;text-decoration: none;transition: all .3s ease-in-out;border-radius: 24px;font-weight:600;font-size: 18px;text-transform: uppercase;}
.banner .amt a:hover {background: #000;color: #fff;}
.banner .amt .smltxt{color: #000;font-size: 14px;font-weight:400;margin: 20px 0px;}
.banner .amt .txtlink{background: none;padding: 0px;margin-top: 0px;}
.banner .amt .txtlink a{color: #1f6fd2;font-size: 18px;font-weight:600; text-transform: unset;text-decoration: underline;transition: all .3s ease-in-out;}
.banner .amt .txtlink a:hover{background: none;color: #000; text-decoration: none;}
.banner .amt .clients{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:5px;}
.banner .amt .clients span{color:#222;font-weight:400;font-size: 14px;}
.banner .amt .line{width:120px;height:1px;background:#e8e8e8;}
.banner .amt .flag{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;}
.banner .amt .flag span{display:flex;align-items:center;gap:7px;font-size:18px;color:#222;}
.banner .amt .flag img{width:30px;height:20px;object-fit:cover;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.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:10px 20px;border-radius: 24px;text-decoration: none;transition: all .3s ease-in-out;width: 100%;display: inline-block;text-align: center;}
.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:24px; text-align: center; color: #fff;border-top: 0px solid #dee2e6;}
.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: 20px; 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 tr:hover{background: #f0f7fd;}
.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;}
.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;}


.review{padding:0px 0px 40px 0px;position: relative;}
.review p{font-family:Lato,sans-serif;font-size: 14px;}
.review p span{font-weight:700;}
.review .img{right: 0;position: relative;left: -15px;}
.review .lft-pdng {padding-left: 60px;}
.review .ryt-pdng {padding-right: 60px;}
.rating[data-rating="5.5"] .rating__item:nth-child(-n+5):after, .rating[data-rating="5"] .rating__item:nth-child(-n+5):after, .rating[data-rating="4.5"] .rating__item:nth-child(-n+4):after, .rating[data-rating="4"] .rating__item:nth-child(-n+4):after, .rating[data-rating="3.5"] .rating__item:nth-child(-n+3):after, .rating[data-rating="3"] .rating__item:nth-child(-n+3):after, .rating[data-rating="2.5"] .rating__item:nth-child(-n+2):after, .rating[data-rating="2"] .rating__item:nth-child(-n+2):after, .rating[data-rating="1.5"] .rating__item:nth-child(-n+1):after, .rating[data-rating="1"] .rating__item:nth-child(-n+1):after, .rating[data-rating="0.5"] .rating__item:nth-child(-n+0):after, .rating[data-rating="0"] .rating__item:nth-child(-n+0):after {
  content: "";
}
.rating[data-rating="5.5"] .rating__item:nth-child(6):after, .rating[data-rating="4.5"] .rating__item:nth-child(5):after, .rating[data-rating="3.5"] .rating__item:nth-child(4):after, .rating[data-rating="2.5"] .rating__item:nth-child(3):after, .rating[data-rating="1.5"] .rating__item:nth-child(2):after, .rating[data-rating="0.5"] .rating__item:nth-child(1):after {
  content: "";
}
.rating {margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-start; color: #00b191;padding: 5px 0px 0px 0px; }
.rating__item {font-size: 26px;display: block;font-family: FontAwesome;padding: 0px 4px 0px 0px;}
.rating__item::after {content: "";}


.why{padding: 100px 0px;position: relative;}
.why h2{font-size: 32px;padding: 0px 0px 10px 0px;width: 100%;font-weight: 600;margin-bottom: 0px;}
.why p{font-size: 16px;margin-bottom: 20px;width: 100%;}
.why section{border: 1px solid #d7d8db;padding: 20px;width: 48%;display: inline-block;margin: 0px 10px 10px 0px;}
.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;}
.why section p{font-size: 14px;color: #3e4859;padding: 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:610px;border-radius:22px;overflow:hidden;background:#11273f;}
.hosting-card .whwlogo{text-align: center;margin-top: -46px;}
.provider{color: #fff;padding:0px 30px 34px 30px;}
.provider h2{font-size: 32px;padding: 10px 0px;width: 100%;font-weight: 600;margin-bottom: 10px;}
.provider p{font-size: 16px;line-height: 26px; margin-bottom: 10px;width: 100%;font-weight: 300;}
.provider 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;}
.provider a:hover{background: #fff;color: #000;transition: all 0.3s ease-in-out 0s;}



.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;position: relative; top: -36px;}
.hosting-icon i{font-size:22px;color:#222;}
.hosting-text{margin-left:12px;flex:1;text-align: left;color:#fff;}
.hosting-text span{display:block;color:#f2f2f2;font-size:15px;font-weight:500;line-height:1;}
.hosting-text h4{margin-top:4px;margin-bottom:0;font-size:20px;font-weight:600;}
.hosting-text p{margin-top:10px;margin-bottom:0;font-size:14px;font-weight:400;text-align: left;padding: 0px;}
.hosting-arrow{color:#a8afc3;font-size:20px;top: 15px;position: absolute;right: 15px;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;} */

.usecase-card {
  position:relative;
  height:100%;
  padding:22px;
  border-radius:16px;
  background:#333550;  border: 1px solid #494a61;
  overflow:hidden;
  transition:.4s ease;
  /* box-shadow: inset 0 1px rgba(255,255,255,.05), 0 12px 35px rgba(0,0,0,.28); */
}
.usecase-card:hover{transform:translateY(-8px); border-color:#4d77ff; box-shadow: 0 25px 55px rgba(0,0,0,.45), 0 0 25px rgba(74,113,255,.28);background: #252542;}
.usecase-card:hover::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:16px;
  box-shadow: inset 0 0 0 1px rgba(91,134,255,.4);
}
.hosting-header{display:flex;align-items:flex-start;gap:18px;}
.hosting-icon {
  width:58px;
  height:58px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;background: #fff;color: #222;
  transition:.35s;
}
.hosting-icon i {font-size:30px;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;} */
.usecase-card:hover .hosting-icon {transform:rotate(-6deg) scale(1.08);}
.usecase-card:hover .hosting-icon i {transform:scale(1.15);}
.hosting-text {flex:1;}

.hosting-text h3 {
  font-size:22px;
  margin-bottom:12px;
  font-weight:600;
}
.hosting-text h3 span {
  display:block;
  font-size:14px;
  color:#d6d9ef;
  margin-bottom:3px;
  font-weight:500;
}
.hosting-text p {
  color:#d2d5e4;
  font-size:14px;
  margin:0;text-align: left;padding: 0px;
}
.hosting-footer {
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
}
.hosting-footer a {
  /* color:#59a4ff; */
  color: #1da6ff;
  font-size:18px;
  text-decoration:none;
  font-weight:500;
  display:inline-flex;
  align-items:center;
  gap:10px;
  transition:.35s;
}
.hosting-footer i {transition:.35s;}
.hosting-header, .hosting-footer{position: relative;z-index: 2;}
.usecase-card:hover .hosting-footer a {color:#86c4ff;}
.usecase-card:hover .hosting-footer i {transform:translateX(6px);}

.aiguide{padding: 70px 0px;position: relative;}
.aiguide h2{font-size: 34px;padding: 0px 0px 40px 0px;width: 100%;font-weight: 600;margin: 0px;text-align: center;}
/* .aiguide .accordion-button::after { font-size: 14px;color: #000; right: 0px;position: absolute;font-family: 'Font Awesome 7 Free';  content: "\f068" !important;} */
.aiguide .accordion-button:not(.collapsed){background: none;}
.aiguide .accordion-item:first-of-type, .accordion-item:last-of-type{border-radius: 0px;}
.aiguide .accordion-button:focus{box-shadow:none}
.accordion-button:not(.collapsed){color: #1ea6fa;font-weight: 600;font-size: 18px;box-shadow:none}
.aiguide button{font-size: 18px;font-weight: 600;}
.aiguide figure img{border-radius: 12px;}

.website{padding:40px 0px;position: relative;color: #fff;
  /* background: radial-gradient(at 7.4% 33.3%, #fb7820 0px, transparent 50%), radial-gradient(at 36% 87.5%, #1b5781 0px, transparent 50%), radial-gradient(at 77.3% 25.5%, #fb7820 0px, transparent 50%), radial-gradient(at 100% 97%, #1b5781 0px, transparent 50%) #07161e; */
  background: linear-gradient(-45deg, #fb7820, #d85507 50%, #fb7820 100%);
  text-align: center;border-radius: 20px;}


.website h2{padding: 0px 30px 20px 30px;font-size: 60px;font-weight: 600; width: 100%;text-align: center;color: #fff;letter-spacing: -2px;}
.website p{font-weight: 400; font-size:18px;text-align: center;margin:0 auto 40px auto;padding:0% 10%}
.website a{background: #fff;border-radius: 20px;color: #000;padding: 8px 30px;text-decoration: none;font-weight: 500;font-size: 16px;margin-top: 10px; display: inline-block;}
.website a:hover{background: #000;color: #fff;transition: all 0.3s ease-in-out 0s;}

.number{padding:80px 0px 80px 0px;position: relative;color: #fff;background: radial-gradient(at 10% 20%, #e86827 0px, transparent 50%), radial-gradient(at 44% 63.5%, #e55e28 0px, transparent 50%), radial-gradient(at 94.9% 26.9%, #dd7e47 0px, transparent 50%), radial-gradient(at 70% 80%, #fa6b32 0px, transparent 50%), radial-gradient(at 52.3% 28.6%, #f7b538 0px, transparent 50%) #fb7820;
mix-blend-mode: var(--_gradient-blend-mode);}
.bg {position: absolute;  z-index: -1; left: 0; top: 0; height: 100%; width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.number h2{padding: 0px 30px 10px 30px;  font-size: 32px;font-weight: 600; width: 100%;text-align: center;color: #fff;}
.number p{font-weight: 400; font-size:18px;text-align: center;margin:0 auto 50px auto;padding:0% 15%}
.number h3{padding: 0px 30px; font-size: 56px;font-weight: 600;text-align: center;color: #fff;}
.number h3 span{display: inline-block;}
.number small{font-size: 16px;font-weight: 400;text-align: center;width: 100%;display: inline-block;}

.cta{background-image:url(../images/ctabg.webp);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:#fb7820;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: #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;}

.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 .amt{margin: 5px 0px;padding:20px 0px;}
  .banner .amt .ltoff{padding: 2px 24px;font-size: 16px;}
  .banner .amt .ltoff i{font-size: 14px;}
  .banner .amt .start{font-size: 20px;}
  .banner .amt .price{line-height: 30px;}
  .banner .amt .price b{font-size: 60px;}
  .banner .amt .price .crncy{font-size: 32px;}
  .banner .amt .price span{font-size: 20px;}
  .banner .amt .txtlink a{font-size: 16px;}
  .banner .amt .smltxt{font-size: 12.5px;margin: 20px 0px 6px 0px;}
  .banner .amt .flag span{gap: 4px;}
  .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-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;}
  .review{padding:0px 0px 30px 0px;padding-left: 80px;}
  .review .lft-pdng{padding-left: 15px;}

  .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;}
  .provider{padding: 0px 20px 34px 20px;}
  .provider h2{font-size: 22px;padding: 0px 0px 5px 0px;margin-top: 10px;}
  .provider p{font-size: 14px;line-height: 22px;}

  .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: 100%;}
  .hosting-text p{padding:10px 0px;}
  .hosting-text h3{margin-bottom: 0px;}
  .hosting-footer{margin-top: 10px;}
  

  .aiguide{padding: 30px 0px;}
  .aiguide h2{font-size: 22px;padding:0px 0px 20px 0px;}
  .aiguide figure img{margin:10px 0px 0px 0px;}
  .website{margin-top: 10px;padding: 20px 0px;}
  .website h2{font-size: 34px;padding: 0% 12%;}
  .website p{padding: 0% 5%;margin: 10px auto 20px auto;font-size: 16px;}
  .website a{margin-bottom: 10px;margin-top: 0px;}

  .number{padding: 20px 0px;}
  .number h2{font-size: 24px;padding: 10px 5px;}
  .number p{font-size: 14px;padding: 7px;margin-bottom: 10px;}
  .number small{margin-bottom: 20px;}

  .cta{margin: 20px 0px;width: 410px;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 .amt{margin: 5px 0px;padding:20px 0px;}
  .banner .amt .ltoff{padding: 2px 24px;font-size: 16px;}
  .banner .amt .ltoff i{font-size: 14px;}
  .banner .amt .start{font-size: 20px;}
  .banner .amt .price{line-height: 30px;}
  .banner .amt .price b{font-size: 60px;}
  .banner .amt .price .crncy{font-size: 32px;}
  .banner .amt .price span{font-size: 20px;}
  .banner .amt .txtlink a{font-size: 16px;}
  .banner .amt .smltxt{font-size: 12.5px;margin: 20px 0px 6px 0px;}
  .banner .amt .flag span{gap: 4px;}
  .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;}
  .review{padding:0px 0px 30px 0px;padding-left: 80px;}
  .review .lft-pdng{padding-left: 15px;}

  .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;}
  .provider{padding: 0px 20px 34px 20px;}
  .provider h2{font-size: 22px;padding: 0px 0px 5px 0px;margin-top: 10px;}
  .provider p{font-size: 14px;line-height: 22px;}

  .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: 100%;}
  .hosting-text p{padding:10px 0px;}
  .hosting-text h3{margin-bottom: 0px;}
  .hosting-footer{margin-top: 10px;}

  .aiguide{padding: 30px 0px;}
  .aiguide h2{font-size: 22px;padding:0px 0px 20px 0px;}
  .aiguide figure img{margin:10px 0px 0px 0px;}
  .website{margin-top: 10px;padding: 20px 0px;}
  .website h2{font-size: 34px;padding: 0% 12%;}
  .website p{padding: 0% 5%;margin: 10px auto 20px auto;font-size: 16px;}
  .website a{margin-bottom: 10px;margin-top: 0px;}


  .number{padding: 20px 0px;}
  .number h2{font-size: 22px;padding: 10px 5px;}
  .number p{font-size: 14px;padding: 5px;}

  .cta{margin: 20px 0px;width: 410px;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 .amt{margin: 5px 0px;padding:20px 0px;}
  .banner .amt .ltoff{padding: 2px 24px;font-size: 16px;}
  .banner .amt .ltoff i{font-size: 14px;}
  .banner .amt .start{font-size: 20px;}
  .banner .amt .price{line-height: 30px;}
  .banner .amt .price b{font-size: 60px;}
  .banner .amt .price .crncy{font-size: 32px;}
  .banner .amt .price span{font-size: 20px;}
  .banner .amt .txtlink a{font-size: 16px;}
  .banner .amt .smltxt{font-size: 12.5px;margin: 20px 0px 6px 0px;}
  .banner .amt .flag span{gap: 4px;}
  .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;}
  .review{padding:0px 0px 30px 0px;padding-left: 20px;}
  .review .lft-pdng{padding-left: 15px;}

  .why{padding: 30px 0px;}
  .why h2{font-size: 22px;margin-top: 20px;}
  .why p{font-size: 15px;}
  .why section{width: 48%;}
  .hosting-card{width: auto;}
  .hosting-card figure img{background-size: cover; width: 100%;}
  .hosting-card .whwlogo{width: 100%;}
  .hosting-card .whwlogo img{width: 82px;}
  .provider{padding: 0px 20px 34px 20px;}
  .provider h2{font-size: 26px;padding: 0px 0px 5px 0px;margin-top: 10px;}
  .provider p{font-size: 14px;line-height: 22px;}

  .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: 100%;}
  .hosting-text p{padding:10px 0px;}
  .hosting-text h3{margin-bottom: 0px;}
  .hosting-footer{margin-top: 10px;}

  .aiguide{padding: 30px 0px;}
  .aiguide h2{font-size: 22px;padding:0px 0px 20px 0px;}
  .aiguide figure img{margin:10px 0px 0px 0px;background-size: cover; width: 100%;}
  .website{margin-top: 10px;padding: 20px 0px;}
  .website h2{font-size: 34px;padding: 0% 12%;}
  .website p{padding: 0% 5%;margin: 10px auto 20px auto;font-size: 16px;}
  .website a{margin-bottom: 10px;margin-top: 0px;}
  
  .number{padding: 20px 0px;}
  .number h2{font-size: 22px;padding: 10px 5px;}
  .number p{font-size: 14px;padding: 5px;}
  .number h3 {padding: 0px 10px;font-size: 40px;}

  .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) {
} 
@media (max-width: 1280px){
  .banner h1{margin: 10px 0px 10px 0px;}
  .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 .amt .price{font-size: 30px;}
  .banner .amt .price sup{font-size: 16px;top: -12px;}
  .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 .amt .price {font-size: 70px;}
  .banner .amt .price sup {font-size: 26px;top: -27px;}
  .banner .amt .price .sh{font-size:62px;top: -4px;}
  .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 10px 0px}
  .banner ul {padding: 0px 0px 10px 0px;}
  .banner ul li {font-size: 18px;}
  .banner .amt .price {font-size: 80px;}
  .banner .amt .price sup {font-size: 26px;top:-35px;}
  .banner .amt .price .sh{font-size:70px;top:-4px;}
  .banner a {padding: 14px 30px;top: 20px;}
}