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;}
/*.banner {padding: 50px 0px; position: relative; background-image: url("../images/banbg.webp"); background-position: top center; background-repeat:repeat;color: #000;background: linear-gradient(45deg, #0a4c91 0%, #000 39%, #010408 65%, #0a4c91 100%)}
 .banner::before{ content: "";
    position: absolute;
    inset: 0;background-image: linear-gradient(rgba(0, 255, 240, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(124, 58, 237, 0.08) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(circle at 50% 45%, black 10%, transparent 78%);}
.banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.025) 0px,
      rgba(255, 255, 255, 0.025) 1px,
      transparent 1px,
      transparent 4px
    );
    opacity: .5;
    pointer-events: none;
} */

.banner section{margin: 0px 0px 20px 0px;}
.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;display: inline-flex;}
.banner ul li{font-size: 18px;padding:0px 10px;font-weight: 600; list-style: none;border-radius: 4px;box-shadow:0px 5px 5px 0px #B6C1CB;border: 1px solid #328bdd;  transition: all .3s ease-in-out;display: flex;margin-right: 5px;background: #fff;line-height: 32px;}
.banner ul li p{font-size: 16px;padding:1px 4px 0px 10px;margin: 0px;color: #45536c;}
.banner ul li i{color: #0081d0;}
.banner ul li:hover{background:#328bdd;color: #fff;}
.banner ul li:hover p{color: #fff;}
.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;}

.banner section form{align-items: start;margin-top:30px;}
.search-box { display: flex; gap: 12px; max-width: 640px; background: #fff; border: 1px solid rgba(255,255,255,.18); padding:10px 16px 10px 10px; backdrop-filter: blur(12px);border-radius: 10px;box-shadow: 0px 1px 5px 0px #B6C1CB;}
.search-box input { flex: 1; border: none; outline: none; background: transparent; color: #000; font-size: 17px; padding: 14px 16px; }
.search-box input::placeholder { color: #848da2; }
.bt { border: none; cursor: pointer; padding: 15px 28px; border-radius: 12px; font-size: 16px; font-weight: 600; color: #fff;  transition: all .3s ease-in-out;background: linear-gradient(to right, rgba(251,120,32,1) 0%,rgba(226,91,0,1) 100%);}
.bt span{font-size: 16px;}
.bt:hover {background: #000;color: #fff;}


.list{gap:70px;display: inline-flex;}
.mlauto{margin-left: auto;}

.why{padding: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%;}
.whw-grid{gap: 22px;}
.whw-blue{background: #e7f0f6;padding: 30px;border: 5px solid #fff;border-radius: 25px;}
.whw-pink{background: #f3f0ff;padding: 30px;border: 5px solid #fff;border-radius: 25px;}
.whw-peach{background:#ffeded; padding: 30px;border: 5px solid #fff;border-radius: 25px;}/*#eceeff;*/
.whw-mint{background: #e9f8f0;padding: 30px;border: 5px solid #fff;border-radius: 25px;}
.whw-yellow{background: #fffbec;padding: 30px;border: 5px solid #fff;border-radius: 25px;}
.whw-sky{background: #f9f1eb;padding: 30px;border: 5px solid #fff;border-radius: 25px;}
.why section{height: 220px; vertical-align: top;}
.why section h3{font-size: 22px;color: #051229;font-weight: 600;margin: 0px 0px 20px 0px;}
.why section p{font-size: 16px;color: #2c2c2c;padding: 0px;text-align: left;margin-bottom: 0px;}
.why section img{float:right;object-position:top;}
.why section .txt{width: 60%; float: left;}

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


/* .looking{padding:100px 0px;position: relative;background: #27283c;color: #fff;} */
.looking {padding:100px 0px; position: relative; background-image: url("../images/banbg.webp"); background-position: top center; background-repeat:repeat;color: #fff;background: linear-gradient(25deg, #0a4c91 0%, #000 29%, #010408 75%, #0a4c91 100%)}
.looking h2{font-size: 34px;padding: 10px 0px 50px 0px;width: 100%;font-weight: 600;margin: 0px;text-align: center;}
.looking p{font-size: 18px;padding: 5px 0px;margin-bottom: 20px;text-align: center;width: 100%;}
.looking section{font-size: 15px;}
.looking section h3{font-size: 24px;font-weight: 600;margin-bottom: 24px;}
.looking section p{font-size:15px;font-weight:400;text-align: left; margin-bottom: 60px;padding: 0px;color: #aab4be;}
.lnk a{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:12px;background:#1471d4;color:#fff;text-decoration:none;font-size:16px;font-weight:600;margin-top:10px;transition:all .3s ease;}
.lnk i{transition: transform 0.3s ease; color: #fff;}
.lnk a:hover{color:#fff;background:#152849;}
.lnk a:hover i{transform:translateX(6px);}


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

.extension{padding:100px 0px 0px 0px;position: relative;}
.extension h2{font-size: 32px;padding: 0px 0px 10px 0px;width: 100%;font-weight: 600;margin-bottom: 0px;text-align: center;}
.extension p{font-size: 16px;width: 100%;text-align: center;margin-bottom: 50px;padding: 0% 10%;}
.extension section{border: 1px solid #f6d3bd;padding: 20px;border-radius:16px;}
.extension section h3{font-size: 30px;font-weight: 600;color: #eb660c;}
.extension section p{text-align: left;font-size: 14px;padding: 0px;margin: 0px;}
.extension section .price{font-size: 30px;font-weight: 600;margin-top: 60px;}
.extension section .price span{font-size: 14px;font-weight: 400;color:#222225;}
.extension section a{border-radius: 12px;  background: #f9ece4;color: #eb660c;padding: 10px 30px;margin-top: 10px;display: block;text-decoration: none;text-align: center;font-size: 16px;font-weight: 600;transition: all .3s ease;}
.extension section a:hover{background: #eb660c;color: #fff;}
.ex-container{width: 1900px;overflow: hidden; padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.carousel-btn{width:50px;height:50px;border-radius:50%;border:1px solid #0b1b3f;background:#fff;color:#0b1b3f;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s ease;}
.carousel-btn:hover{background:#fb7820;border:1px solid #fb7820;color:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.15);}


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


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

.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 h1{font-size: 30px;}
  .banner p{font-size: 16px;margin:10px 0px;}
  .banner ul{padding: 0px;margin:10px 0px 10px 0px;display: inline-block;}
  .banner ul li{font-size: 16px;display: inline-flex;margin-bottom: 5px;}
  .list{display: inline-block;}
  .banner .bt{font-size: 16px;padding: 11px 16px 9px 16px;border-radius: 10px;}
  .bt span{display: none;}
  .search-box input{font-size: 16px;padding: 10px;}
  .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;padding: 0px;}
  .why section{width: 100%;height: auto;}
  .why section h3{font-size: 20px;}
  .why section p{font-size: 14px;}
  .why section .txt{width: 100%;}
  .why section img{display: none;}

  .looking{padding: 60px 0px;}
  .looking h2{font-size: 23px;padding:20px 0px 10px 0px;}
  .looking p{font-size: 14px;padding:10px;margin: 0px;}
  .looking section{text-align: center;}
  .looking section h3{font-size: 20px;}
  .looking section p{font-size: 14px;margin-bottom: 20px;text-align: center;}

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

  .extension {padding: 30px 0px 0px 0px;}
  .extension h2{font-size: 22px;}
  .extension p{font-size: 14px;margin: 0 auto 10px auto;padding: 8px;}
  .extension section .price{margin-top: 30px;}

  .manage {padding: 30px 0px;}
  .manage h2{font-size: 22px;}
  .manage p{font-size: 14px;margin: 0 auto 10px auto;padding: 16px;}
  .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;}

  .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;}
  .cta section img {display: none;}
}
@media only screen and (min-width:480px) and (max-width:767px){
  .banner {padding: 30px 0px;}
  .banner h1{font-size: 30px;}
  .banner p{font-size: 16px;margin:10px 0px;}
  .banner ul{padding: 0px;margin:10px 0px 10px 0px;display: inline-block;}
  .banner ul li{font-size: 16px;display: inline-flex;margin-bottom: 5px;}
  .list{display: inline-block;}
  .banner .bt{font-size: 16px;padding: 11px 16px 9px 16px;border-radius: 10px;}
  .bt span{display: none;}
  .search-box input{font-size: 16px;padding: 10px;}
  .banner aside{margin: 20px 0px 0px 0px;}

  .why{padding: 30px 0px;}
  .why h2{font-size: 22px;padding: 5px 10px;}
  .why p{font-size: 15px;margin-bottom: 20px;padding: 0px;}
  .why section{width: 100%;height: auto;}
  .why section h3{font-size: 20px;}
  .why section p{font-size: 14px;}
  .why section .txt{width: 100%;}
  .why section img{display: none;}

  .looking{padding: 60px 0px;}
  .looking h2{font-size: 23px;padding:20px 0px 10px 0px;}
  .looking p{font-size: 14px;padding:10px;margin: 0px;}
  .looking section{text-align: center;}
  .looking section h3{font-size: 20px;}
  .looking section p{font-size: 14px;margin-bottom: 20px;text-align: center;}

  .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;}
  .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; }
  
  .extension {padding: 30px 0px 0px 0px;}
  .extension h2{font-size: 22px;}
  .extension p{font-size: 14px;margin: 0 auto 10px auto;padding: 8px;}
  .extension section .price{margin-top: 30px;}

  .manage {padding: 30px 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;}

  .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;}
}
@media only screen and (min-width:768px) and (max-width:1024px){
  .banner {padding: 30px 0px;}
  .banner h1{font-size: 30px;}
  .banner p{font-size: 16px;margin:10px 0px;}
  .banner ul{padding: 0px;margin:10px 0px 10px 0px;display: inline-block;}
  .banner ul li{font-size: 16px;display: inline-flex;margin-bottom: 5px;}
  .list{display: inline-block;}
  .banner .bt{font-size: 16px;padding: 11px 16px 9px 16px;border-radius: 10px;}
  .bt span{display: none;}
  .search-box input{font-size: 16px;padding: 10px;}
  .banner aside{margin: 20px 0px 0px 0px;}

  .why{padding: 30px 0px;}
  .why h2{font-size: 22px;padding: 5px 10px;}
  .why p{font-size: 15px;margin-bottom: 20px;padding: 0px;}
  .why section{width: 100%;height: auto;}
  .why section h3{font-size: 20px;}
  .why section p{font-size: 14px;}
  .why section .txt{width: 100%;}
  .why section img{display: none;}

  .looking{padding: 60px 0px;}
  .looking h2{font-size: 23px;padding:20px 0px 10px 0px;}
  .looking p{font-size: 14px;padding:10px;margin: 0px;}
  .looking section h3{font-size: 20px;}
  .looking section p{font-size: 14px;margin-bottom: 20px;}

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

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

  .extension {padding: 30px 0px 0px 0px;}
  .extension h2{font-size: 22px;}
  .extension p{font-size: 14px;margin: 0 auto 10px auto;padding: 8px;}
  .extension section .price{margin-top: 30px;}
  
  .manage {padding: 30px 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;}

  .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;}
}
@media only screen and (min-width:1024px) and (max-width:1280px) {
    .why section h3{font-size: 16px;}
    .hosting-card{width: auto;}
    .why section{width:100%;height: auto;}
} 
@media (max-width: 1280px){
  .banner h1{margin: 10px 0px 10px 0px;font-size: 40px !important;}
  .line{margin: 10px 0px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px){
  .banner {padding: 30px 0px;}
  .banner h1{font-size: 35px;}
  .banner p{font-size: 16px;line-height: 24px;margin:10px 0px;}
  .banner ul{padding: 0px 0px 10px 0px;}
  .list{width: 100%;}
  .banner a{font-size: 14px;padding: 12px 20px;top: 20px;}
}
@media (min-width: 1080px) {
  .banner {padding: 50px 0px;}
  .banner h1 {font-size: 46px;}
  .banner p {font-size: 23px;line-height: 34px;margin:20px 0px;}
  .banner ul {padding: 0px 0px 10px 0px;margin: 10px 0px 10px 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: 46px;}
  .banner p {font-size: 24px;line-height: 34px;margin:20px 0px}
  .banner ul {padding: 10px 0px;}
  .banner ul li {font-size: 18px;}
  .banner a {padding: 14px 30px;top: 20px;}
}