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: #000;font-size: 13px;font-weight:500;padding:6px 16px;display: inline-block;border: 1px solid  #5ab3ea;margin-top: 20px;} 
.banner .trust i{margin-right:5px;}
.banner h1 {font-size: 50px; font-weight: 600; margin:0px 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: #1471d4;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;
}
/* .plan-none-ind-xs2 .non-ind-price{margin: 0px !important;} */

.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;margin-bottom: 20px;width: 100%;text-align: center;margin-bottom: 50px;}
.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 .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-card {
  position:relative;
  height:100%;
  padding:22px;
  border-radius:16px;
  background:#333550;  border: 1px solid #494a61;
  overflow:hidden;
  transition:.4s ease;
  
}
.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: #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);} */

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

.web-secu{padding:100px 0px;position: relative;}
.web-secu h2{padding: 0px 30px 20px 30px;font-size: 34px;font-weight: 600; width: 100%;}
.web-secu p{font-weight: 400; font-size:15px;margin:0 auto 40px auto;}
.web-secu section{width:610px;border-radius:22px;overflow:hidden;border: 1px solid #fa7621;}
.ws-text{padding:0px 30px 34px 29px;height: 380px;}
.ws-text h2{font-size: 32px;padding: 10px 0px;width: 100%;font-weight: 600;margin-bottom: 10px;}
.ws-text p{font-size: 15px;line-height: 24px; margin-bottom: 10px;width: 100%;font-weight: 400;}
.ws-text ul{padding: 0px;padding: 0px; display: inline-block;}
.ws-text ul li{padding: 5px 0px 5px 0px;font-size: 16px;font-weight: 500;margin-right: 40px;}
.ws-text ul li i{color: #fb7820;}
.ws-text .bi-check2-circle::before{font-weight: 600 !important;}
.ws-text a{background: #fb7820;border-radius: 20px;color: #fff;padding: 8px 40px;text-decoration: none;font-weight: 500;font-size: 16px;margin-top: 10px; display: inline-block;}
.ws-text a:hover{background: #000;color: #fff;transition: all 0.3s ease-in-out 0s;}
.blubrdr{border:1px solid #96c7e6 !important;}
.but{background:#0d1e32 !important;}
.but:hover{background:#205a80 !important;}
.bl{color: #0e9cf6 !important;}

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

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

.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 20px 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: left;margin-top: 5px;padding: 2px 16px;}
  .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 15px;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;}
  
  .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;}

  .web-secu{padding: 30px 0px;}
  .web-secu h2{font-size: 22px;}
  .web-secu p{font-size: 14px;margin: 0 auto 10px auto;}
  .web-secu section{width: auto;}
  .ws-text{padding: 0px 16px 34px 16px;height: auto;}
  .ws-text ul{margin-bottom: 0rem;}
  .blubrdr{margin-top: 10px;}

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

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


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

  .web-secu{padding: 30px 0px;}
  .web-secu h2{font-size: 22px;}
  .web-secu p{font-size: 14px;margin: 0 auto 10px auto;}
  .web-secu section{width: auto;}
  .ws-text{padding: 0px 16px 34px 16px;height: auto;}
  .ws-text ul{margin-bottom: 0rem;}
  .blubrdr{margin-top: 10px;}

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

  .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 button{margin-top: 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;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%;height: 180px;}
  .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;}
  
  .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;}

  .web-secu{padding:60px 0px;}
  .web-secu h2{font-size: 21px;}
  .web-secu p{font-size: 14px;margin: 0 auto 10px auto;}
  .web-secu section{width: auto;}
  .ws-text{padding: 0px 16px 34px 16px;height: 520px !important;}
  .ws-text ul{margin-bottom: 0rem;}

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

  .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) {
    .web-secu section{width: auto;}
    .ws-text{height: auto;}
    .ws-text ul{margin-bottom: 0rem;}
    .why section h3{font-size: 16px;}
    .hosting-card{width: auto;}
    .why section{width: 30%;height: auto;}
} 
@media (max-width: 1280px){
  .banner h1{margin: 0px 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: 14px;}
  .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;}
}