:root { --ss-font-body: 'poppinsregular', Arial, Helvetica, sans-serif; --ss-font-heading: 'poppinssemibold', Arial, Helvetica, sans-serif; --star-size: 30px; --star-color: #ddd; --star-background: #fc0; --ss-text: 15px; --ss-line: 1.65; --ss-h1: 34px; --ss-h1-line: 42px; --ss-h2: 28px; --ss-h2-line: 36px; --ss-h3: 22px; --ss-h3-line: 30px; --ss-h4: 18px; --ss-h4-line: 26px; --ss-h5: 16px; --ss-h5-line: 24px; --ss-muted: #555; }
* { margin: 0; padding: 0; box-sizing: border-box; }
*:focus { outline: none; }
html { font-size: 100%; }
body { font-family: var(--ss-font-body); font-size: 100%; color: #222; }
h1,h2,h3,h4,h5,h6 { font-family: var(--ss-font-heading); font-weight: normal; }
p,li,a,button,input,select,textarea { font-family: inherit; }
*:focus { outline: none; }
*{ margin:0; padding:0; box-sizing:border-box;}
body{ overflow-x:hidden; font-size:100%; box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body{ font-family: var(--ff-base); line-height: var(--lh-body); color: var(--ss-text, #1b1f24); }
h1,h2,h3,h4,h5,h6{ font-family: var(--ff-heading); font-weight: normal; color: inherit; }
p,li,span,label,input,select,textarea,button{ font-family: inherit; }
strong,b{ font-family: var(--ff-strong); font-weight: normal; }
a{ color: inherit; }
img{ outline:none; border:none; max-width:100%;}
.clear{ clear:both !important;}
.b-0{ border:0px !important;}
.box-shadow-0{ box-shadow:none !important;}
.br-1{ border-right:1px solid #ccc !important;}
.p-0{ padding:0px !important;}
.p-10{ padding:10px;}
.p-20{ padding:20px;}
.p-30{ padding:30px;}
.p-40{ padding:40px;}
.plr-15{ padding-right:15px !important; padding-left:15px !important;}
.pr-15{ padding-right:15px !important;}
.pt-15{ padding-top:15px !important;}
.pb-15{ padding-bottom:15px !important;}
.pl-15{ padding-left:15px !important;}
.pl-0{ padding-left:0 !important;}
.pr-0{ padding-right:0 !important;}
.pt-0{ padding-top:0 !important;}
.pt-40{ padding-top:40px !important;}
.m-0{ margin:0px !important;}
.mb-20{ margin-bottom:20px !important;}
.relative{ position:relative; display:inline-block; width:100%;}
.text-left{ text-align:left !important;}
.text-center{ text-align:center !important;} 
.text-right{ text-align:right !important;}
.text-line-through{ text-decoration:line-through !important;}
.float-left{ float:left !important;}
.float-none{ float:none !important;}
.float-rght{ float:right !important;}
.w100{ width:100%; float:left;}
.w80{ width:80%; display:inline-block;}
.w75{ width:75%; display:inline-block;}
.w65{ width:65%; display:inline-block;}
.w60{ width:60%; display:inline-block;}
.w50{ width:50%; display:inline-block;}
.w40{ width:40%; display:inline-block;}
.w35{ width:35%; display:inline-block;}
.w25{ width:25%; display:inline-block;}
.w20{ width:20%; display:inline-block;}
.white-text{ color: #FFF !important;}
.black-text{ color: #000 !important;}
.blue-text{ color: #0551e5 !important;}
 a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}
.txt_strong { font-weight: bold;}
.hdr{ width:100%; float:left; padding:45px 0; box-sizing:border-box;}
.logo{ float:left; padding:15px 20px 0;}

.top-right{ float:right; padding:0 15px 0 0;}
.top-right ul{ margin:0px; padding:0;}
.top-right ul .top-right-member{ display:inline-block; width:145px; text-align:center; padding:5px 0;}
.top-right ul li{ list-style:none; display:inline-block; position:relative; padding:35px 15px; font-family: 'poppinsregular'; font-size:16px; color:#333;}
.top-right ul li i{ font-size:16px;}
.top-right ul li a{ display:inline-block; text-decoration:none; color:#333;}
.top-right ul li a span{ width:20px; border-radius:5px; font-size:12px; color:#fff; text-align:center; float:left; padding:3px; background:#000; text-decoration:none; position:absolute; z-index:22; top:15px; right:0px;}
.top-right ul li ul{ display:none;}
.top-right ul li:hover ul{ width:150px; float:right; background:#0546c4; padding:0; position:absolute; z-index:22; top:100%; right:0; display:block; overflow:hidden; box-sizing:border-box; text-align:left; border-top:none;}
.top-right li:hover ul li{ width:100% !important; float:left; list-style:none; border:none; padding:0; box-sizing:border-box;}
.top-right li:hover ul li i{ font-size:14px;}
.top-right li:hover ul li a{ width:100%; float:left; padding:10px 20px; font-size:14px; text-decoration:none; transition:all .3s ease-in-out; position:relative; color:#fff; box-sizing:border-box;}
.top-right li:hover ul li a:hover, .top-right li:hover ul li a:focus{ text-decoration:none; background:#0551e5; color:#fff; transition:all .3s ease-in-out;}
.top-right ul li:hover .language{ width:100%; float:right; background:#0546c4; padding:0; position:absolute; z-index:22; top:100%; right:0; display:block; overflow:hidden; box-sizing:border-box;}
.top-right ul li:hover .left-border{ width:1px; height:30px; background:#ccc; float:left; position:absolute; z-index:22; top:0; left:1px; display:block; overflow:hidden; box-sizing:border-box;}
.top-right li:hover .language li{ width:100% !important; float:left; list-style:none; border:none; padding:0; border-left:none; box-sizing:border-box;}
.top-right li:hover .language li img{ padding-top:2px; float:left;}
.top-right li:hover .language li a{ width:100%; float:left; padding:7px 0 7px 14px; font-size:14px; text-decoration:none; transition:all .3s ease-in-out; position:relative; color:#fff; box-sizing:border-box;}
.top-right li:hover .language li a:hover, .top-right li:hover .language li a:focus{ text-decoration:none; background:#0551e5; color:#fff; transition:all .3s ease-in-out;}

.shared-main-bnr{ width:100%; float:left; background:#f3f6fd; padding:30px;}
.shared-main-bnr h1, .shared-main-bnr h2, .shared-main-bnr h3, .shared-main-bnr h1 span{ color:#0551e5;}
.shared-main-bnr h2 span{ color:#0551e5;}
.shared-main-bnr h3 span{ color:#0551e5;}
.shared-main-bnr h4{ width:100%; float:left; padding:10px 0 0; font-size:46px; color:#222;}
.shared-main-bnr h4 span{ color:#0551e5;}
.shared-main-bnr-sub h1, .shared-main-bnr-sub h2, .shared-main-bnr-sub h3, .shared-main-bnr-sub h1 span{ color:#0551e5;}
.shared-main-bnr-sub h2 span{ color:#0551e5;}
.shared-main-bnr-sub h3 span{ color:#0551e5;}
.shared-main-bnr-sub h4{ width:100%; float:left; font-size:26px; line-height:36px; text-align:left; box-sizing:border-box;}
.shared-main-bnr-sub h4 span{ color:#0551e5;}
.home-main-bnr-textarea{ width:65%; float:left;}
.shared-main-bnr-text{ width:100%; float:left;}
.shared-main-bnr-text ul{ margin:0px; padding:0px;}
.shared-main-bnr-text ul li{ width:100%; float:left; list-style:none; padding:5px; font-size:18px; color:#444;}
.shared-main-bnr-text ul li img{ float:left; padding:5px 10px 0 0;}
.shared-main-bnr-price{ width:100%; float:left; font-size:20px; color:#444; padding:20px 0 0;}
.shared-main-bnr-price span{ font-size:46px; color:#0551e5; font-family: 'poppinsbold';}
.shared-main-bnr-month{ width:100%; float:left; font-size:14px; color:#444; font-family: 'poppinssemibold';}
.shared-main-bnr-btn{ float:left; margin:20px 0;}
.shared-main-bnr-btn a{ float:left; padding:10px 20px; text-decoration:none; border-radius:10px; border:2px solid #444; font-size:20px; color:#444; transition:ease-in-out 0.3s all;}
.shared-main-bnr-btn a:hover{ border:2px solid #0551e5; color:#0551e5; transition:ease-in-out 0.3s all;}
.home-main-bnr-image{ width:35%; float:right; text-align:right;}
.shared-main-bnr-image img{ float:right;}

.domain-main-bnr{ width:100%; float:left; background:#f3f6fd; padding:30px; text-align:center;}
.domain-main-bnr h1{ width:100%; float:left; padding:10px 0 0; font-size:46px; color:#222;}
.domain-main-bnr h1 span{ color:#0551e5;}
.domain-main-bnr h2{ width:100%; float:left; padding:10px 0 0; font-size:46px; color:#222;}
.domain-main-bnr h2 span{ color:#0551e5;}
.domain-main-bnr h3{ width:100%; float:left; font-size:26px; line-height:36px; text-align:left; box-sizing:border-box;}
.domain-main-bnr h3 span{ color:#0551e5;}
.domain-main-bnr h4{ width:100%; float:left; font-size:26px; line-height:36px; text-align:left; box-sizing:border-box;}
.domain-main-bnr h4 span{ color:#0551e5;}
.domain-main-bnr-textarea{ width:65%; float:left;}
.domain-main-bnr-text{ width:100%; float:left;}
.domain-main-bnr-text ul{ margin:0px; padding:0px;}
.domain-main-bnr-text ul li{ width:100%; float:left; list-style:none; padding:5px; font-size:18px; color:#444;}
.domain-main-bnr-text ul li img{ float:left; padding:5px 10px 0 0;}
.domain-main-bnr-price{ width:100%; float:left; font-size:20px; color:#444; padding:20px 0 0;}
.domain-main-bnr-price span{ font-size:46px; color:#0551e5; font-family: 'poppinsbold';}
.domain-main-bnr-month{ width:100%; float:left; font-size:14px; color:#444; font-family: 'poppinssemibold';}
.domain-main-bnr-btn{ float:left; margin:20px 0;}
.domain-main-bnr-btn a{ float:left; padding:10px 20px; text-decoration:none; border-radius:10px; border:2px solid #444; font-size:20px; color:#444; transition:ease-in-out 0.3s all;}
.domain-main-bnr-btn a:hover{ border:2px solid #0551e5; color:#0551e5; transition:ease-in-out 0.3s all;}
.domain-main-bnr-image{ width:35%; float:right; text-align:right;}
.domain-main-bnr-image img{ float:right;}

.main-heading{ width:100%; float:left; text-align:center;}
.main-heading h1, .main-heading h2, .main-heading h3, .main-heading h4{ width:100%; float:left; font-size:46px; line-height:56px; padding:0 0 10px; text-align:center; color:#222;}
.main-heading-sub h1, .main-heading-sub h2, .main-heading-sub h3, .main-heading-sub h4{ width:100%; float:left; font-size:26px; line-height:36px; color:#0551e5; padding:20px 0 0; text-align:center;}
.main-heading p{ width:100%; display:inline-block; float:none; font-size:16px; padding:10px; line-height:24px; text-align:center;}
.main-heading p span{ color:#0551e5;}

.shared-cheap-serversea{ width:100%; float:left; padding:30px 20px; text-align:center;}
/* Optimized: avoid global heading overrides inside .shared-cheap-serversea
   (the old rule affected nested cards/sections and caused layout conflicts) */
.shared-cheap-serversea .main-heading h1,
.shared-cheap-serversea .main-heading h2{
  width:100%;
  float:left;
  font-size:28px;
  line-height:38px;
  padding:20px 0 0;
  color:#0551e5;
  text-align:center;
}

/* Sub headings used in some blocks */
.shared-cheap-serversea .main-heading h3,
.shared-cheap-serversea .main-heading-sub h3{
  width:100%;
  float:left;
  font-size:22px;
  line-height:30px;
  padding:14px 0 0;
  color:#0551e5;
  text-align:center;
}
.shared-cheap-serversea-main{ width:25%; float:left; padding:20px 10px; box-sizing:border-box;}
.shared-cheap-serversea-main2{ width:33.3%; float:left; padding:20px 10px; box-sizing:border-box;}
.shared-cheap-serversea-box{ width:100%; float:left;}
.shared-cheap-serversea-box-img{ width:80px; float:left; padding:10px 10px 5px; background:#fff; box-shadow:0px 0px 10px #ddd; border-radius:5px;}
.shared-cheap-serversea-box-img img{ max-width:100%; display:inline-block;}
.shared-cheap-serversea-box h3{ width:100%; float:left; font-size:20px; color:#444; padding:10px 0 0; text-align:left;}
.shared-cheap-serversea-box h4{ width:100%; float:left; font-size:20px; color:#444; padding:10px 0 0; text-align:left;}
.shared-cheap-serversea-box h5{ width:100%; float:left; font-size:20px; color:#444; padding:10px 0 0; text-align:left;}
.shared-cheap-serversea-box p{ width:100%; float:left; font-size:16px; line-height:26px; color:#444; padding:5px 0 0; text-align:left;}

.cheap-hosting{ width:100%; float:left; padding:30px 10px;}
.cheap-hosting-main{ width:25%; float:left; padding:10px;}
.vps-plan-main{ width:33.3%; float:left; padding:10px;}
.cheap-hosting-fullbox{ width:100%; float:left;}
.recommmended-empty{ width:100%; float:left; background:transparent; border-radius:10px; text-align:center; margin:32px 0 0;}
.recommmended-heading{ width:100%; float:left; background:#0551e5; border-radius:10px; text-align:center;}
.recomend-top{ width:100%; float:left; font-size:26px; color:#fff; padding:15px; font-family: 'poppinsbold';}
.cheap-hosting-box{ width:100%; float:left; padding:20px 0; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px; position:relative;}
.cheap-hosting-discount{ width:70px; position:absolute; z-index:3; top:0; right:0; border-top-right-radius:10px; float:left; background:#0551e5; padding:10px 0; text-align:center;}
.cheap-hosting-discount-percent{ width:100%; float:left; color:#fff; font-size:36px; font-family: 'poppinssemibold';}
.cheap-hosting-discount-percent span{ width:auto; display:inline-block; float:none; padding:0; color:#fff; font-size:16px; font-family: 'poppinsregular';}
.cheap-hosting-discount-text{ width:100%; float:left; color:#fff; font-size:14px; font-family: 'poppinsregular';}
.cheap-hosting-box-img{ width:120px; float:left; text-align:left; padding:10px 20px;}
.cheap-hosting-box img{ max-width:100%; display:inline-block;}
.cheap-hosting-box h1{ width:100%; float:left; font-size:24px; color:#222; padding:0 20px; text-align:left;}
.cheap-hosting-box h2{ width:100%; float:left; font-size:24px; color:#222; padding:0 20px; text-align:left;}
.cheap-hosting-box h3{ width:100%; float:left; font-size:24px; color:#222; padding:0 20px; text-align:left;}
.cheap-hosting-box-border{ width:100%; height:3px; float:left; margin:15px 0; background: #5D99EF;
background: linear-gradient(90deg, rgba(93, 153, 239, 1) 0%, rgba(255, 255, 255, 0) 100%);}
.cheap-hosting-box-list{ width:100%; float:left;}
.cheap-hosting-box-list ul{ margin:0; padding:0;}
.cheap-hosting-box-list ul li{ width:100%; float:left; list-style:none; font-size:16px; color:#444; padding:10px 20px; text-align:left; border-bottom:1px solid #ddd; font-family: 'poppinsregular';  display: flex; align-items: center; justify-content: space-between; }
.cheap-hosting-box-list ul li span{ width:auto; float:right; color:#444; font-size:16px; text-align:right; padding:0; font-family: 'poppinsregular';}
.cheap-hosting-box-time{ width:100%; float:left; font-size:20px; color:#444; font-family: 'poppinsbold'; text-align:left; padding:0 20px;}
.cheap-hosting-box-time span{ width:auto; display:inline-block; float:none; padding:0; font-size:16px; color:#444; font-family: 'poppinsregular';}
.cheap-hosting-box-price{ width:100%; float:left; font-size:46px; color:#0551e5; text-align:left; padding:10px 20px; font-family: 'poppinsbold'; }
.cheap-hosting-box-price span{ width:auto; display:inline-block; float:none; font-size:16px; color:#000; padding:25px 0 0; font-family: 'poppinsregular';}
.pricecut { text-decoration: line-through; }
.cheap-hosting-box-save{ width:100%; float:left; background:#0551e5; text-decoration:none; font-size:28px; color:#fff; margin:10px 0; padding:10px 0; text-align:center; font-family: 'poppinsbold';}
.cheap-hosting-box-buy{ width:100%; float:left; text-align:center;}
.cheap-hosting-box-buy a{ display:inline-block; background:#0551e5; text-decoration:none; font-size:16px; color:#fff; margin:20px 0; padding:10px 30px; text-align:center; border-radius:5px;}
.cheap-hosting-box-buy a:hover{ color:#fff;}
.cheap-hosting-box-pay{ width:100%; float:left; font-size:16px; background:#eee; line-height:28px; color:#444; padding:10px 20px; text-align:left;}
.cheap-hosting-box-pay img{ float:right; padding:0; text-align:right;}

.home-about{ width:100%; float:left; padding:30px 20px; text-align:center;}

.why-serversea-box{ width:100%; float:left; margin:20px 0; padding:10px; background:#fff; border-radius:10px; box-shadow:0px 0px 10px #aaa;}
.why-serversea-box-textbox{ width:50%; float:left; padding:10px; text-align:left; box-sizing:border-box;}
.why-serversea-box-textbox h1{ width:100%; float:left; font-size:20px; color:#0551e5; font-family: 'poppinssemibold'; padding:0 0 7px; font-weight:normal; text-align:left; box-sizing:border-box;}
.why-serversea-box-textbox h2{ width:100%; float:left; font-size:20px; color:#0551e5; font-family: 'poppinssemibold'; padding:0 0 7px; font-weight:normal; text-align:left; box-sizing:border-box;}
.why-serversea-box-textbox h3{ width:100%; float:left; font-size:20px; color:#0551e5; font-family: 'poppinssemibold'; padding:0 0 7px; font-weight:normal; text-align:left; box-sizing:border-box;}
.why-serversea-box-textbox h4{ width:100%; float:left; font-size:20px; color:#0551e5; font-family: 'poppinssemibold'; padding:0 0 7px; font-weight:normal; text-align:left; box-sizing:border-box;}
.why-serversea-box-textbox p{ width:100%; float:left; font-size:16px; line-height:24px; color:#444; font-family: 'poppinsregular'; padding:0; text-align:left; box-sizing:border-box;}
.why-serversea-box-textbox a{ display:inline-block; color:#0551e5; font-family:'poppinsregular'; padding:0; text-decoration:none;}

.wordpress-hosting-box{ width:100%; float:left; margin:20px 0; padding:20px; background:#fff; border-radius:10px; box-shadow:0px 0px 10px #aaa;}
.wordpress-hosting-box h3{ width:100%; float:left; font-size:26px; line-height:36px; color:#0551e5; padding:0 0 10px; text-align:center;}
.wordpress-hosting-box p{ width:100%; float:left; font-size:16px; line-height:24px; color:#444; font-family: 'poppinsregular'; padding:0 0 20px; text-align:center;}
.wordpress-hosting-box-textbox{ width:100%; float:left; padding:0 20px 20px; text-align:left; box-sizing:border-box;}
.wordpress-hosting-box-textbox h1{ width:100%; float:left; font-size:20px; color:#0551e5; font-family: 'poppinssemibold'; padding:0; font-weight:normal; text-align:left; box-sizing:border-box;}
.wordpress-hosting-box-textbox h2{ width:100%; float:left; font-size:20px; color:#0551e5; font-family: 'poppinssemibold'; padding:0; font-weight:normal; text-align:left; box-sizing:border-box;}
.wordpress-hosting-box-textbox h3{ width:100%; float:left; font-size:20px; color:#0551e5; font-family: 'poppinssemibold'; padding:0; font-weight:normal; text-align:left; box-sizing:border-box;}
.wordpress-hosting-box-textbox h4{ width:100%; float:left; font-size:20px; color:#0551e5; font-family: 'poppinssemibold'; padding:0; font-weight:normal; text-align:left; box-sizing:border-box;}
.wordpress-hosting-box-textbox p{ width:100%; float:left; font-size:16px; line-height:24px; color:#444; font-family: 'poppinsregular'; padding:0; text-align:left; box-sizing:border-box;}
.wordpress-hosting-box-textbox a{ display:inline-block; color:#0551e5; font-family:'poppinsregular'; padding:0; text-decoration:none;}

.benefits{ width:100%; float:left; text-align:center; padding:30px 20px; box-sizing:border-box;}
.benefits-box{ width:100%; float:left; margin:15px 0; padding:30px 20px; background:#fff; border-radius:10px; box-shadow:0px 0px 10px #aaa;}
.benefits-box-img{ float:left; text-align:left;}
.benefits-box-img img{ max-width:100%;}
.benefits-box-textbox{ width:88%; float:left; padding:0px 0 0 20px; text-align:left; box-sizing:border-box;}
.benefits-box-textbox h1, .benefits-box-textbox h2, .benefits-box-textbox h3, .benefits-box-textbox h4{ width:100%; float:left; font-size:24px; color:#0551e5; font-family:'poppinssemibold'; padding:0 0 10px; text-align:left;}
.benefits-box-textbox p{ width:100%; float:left; font-size:16px; line-height:24px; color:#444; font-family:'poppinsregular'; padding:0; text-align:left; box-sizing:border-box;}
.benefits-box-img2{ float:right;}
.benefits-box-img2 img{ max-width:100%;}

.share-hosting-comparison{ width:100%; float:left; padding:30px 20px; background:#f3f6fd;}
.share-hosting-comparison-box{ width:100%; float:left; padding:20px; background:#fff; box-shadow:0px 0px 10px #aaa; border-radius:10px;}
.share-hosting-comparison-box-description{ width:40%; float:left; text-align:left; padding:5px 20px;}
.share-hosting-comparison-box-bronze{ width:15%; float:left; text-align:center; padding:5px 20px;}
.share-hosting-comparison-box-list{ width:100%; float:left; font-size:16px; color:#444; text-align:left;}
.share-hosting-comparison-box-list ul{ margin:0; padding:0;}
.share-hosting-comparison-box-list ul li{ width:100%; float:left; list-style:none; font-size:16px; border-bottom:1px solid #ccc; text-align:left;}
.share-hosting-comparison-box-list ul li h5{ width:100%; float:left; background:#0551e5; font-size:20px; padding:5px 0; color:#fff; text-align:center;}
.share-hosting-comparison-box-list ul li p{ width:100%; flosat:left; font-size:16px; color:#444; padding:5px 20px; text-align:center;}

.explore{ width:100%; float:left; padding:30px 20px;}
.explore-tab{ width:100%; float:left; text-align:center; padding:0 0 20px;}
.explore-tab-bar{ display:inline-block; background:#0551e5; padding:10px; text-align:center; font-size:16px; color:#fff; border-radius:5px;}
.explore-tab-bar span{ display:inline-block; background:#f3f6fd; padding:10px 30px; text-align:center; color:#0551e5; border-radius:5px;}
.explore-tab-bar span strong{ width:100%; display:inline-block; font-size:24px; font-family: 'poppinssemibold';}
.explore-tab-bar a{ display:inline-block; text-decoration:none; padding:10px 30px; text-align:center; color:#fff;}
.explore-tab-bar a:hover{ text-decoration:none; text-align:center; background:#f3f6fd; color:#000; border-radius:5px; transition:all .3s ease-in-out;}
.explore-tab-bar a strong{ width:100%; display:inline-block; font-size:24px; font-family: 'poppinssemibold';}
.explore-main{ width:33.3%; float:left; padding:10px; box-sizing:border-box;}
.explore-box{ width:100%; float:left; padding:20px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px;}
.explore-box-img{ width:80px; float:left; padding:10px; background:#f3f6fd; border-radius:5px;}
.explore-box-img img{ max-width:100%; display:inline-block;}
.explore-box h2{ width:80%; float:left; font-size:20px; color:#0551e5; padding:0 20px; text-align:left;}
.explore-box h3{ width:80%; float:left; font-size:20px; color:#0551e5; padding:0 20px; text-align:left;}
.explore-box h4{ width:80%; float:left; font-size:20px; color:#0551e5; padding:0 20px; text-align:left;}
.explore-box h5{ width:80%; float:left; font-size:20px; color:#0551e5; padding:0 20px; text-align:left;}
.explore-box p{ width:100%; height:125px; float:left; font-size:16px; line-height:26px; color:#444; padding:20px 0 0; text-align:left;}
.explore-box-list{ width:100%; min-height:210px; float:left; padding:20px 0 0;}
.explore-box-list ul{ margin:0; padding:0;}
.explore-box-list ul li{ width:100%; float:left; list-style:none; font-size:16px; color:#444; text-align:left; padding:3px 0;}

.explore-area{ width:100%; float:left; background:#0546c4; padding:30px 10px;}
.explore-area-main{ width:33.3%; float:left; padding:10px; box-sizing:border-box;}
.explore-area-main2{ width:50%; float:left; padding:10px; box-sizing:border-box;}
.explore-area-box{ width:100%; min-height:250px; float:left; padding:20px; background:#0a58ef; box-shadow:0px 0px 10px #043aa3; border-radius:10px;}
.explore-area-box2{ width:100%; min-height:200px; float:left; padding:20px; background:#0a58ef; box-shadow:0px 0px 10px #043aa3; border-radius:10px;}
.explore-area-box h1, .explore-area-box h2, .explore-area-box h3, .explore-area-box h4{ width:100%; float:left; font-size:24px; color:#fff; padding:0; text-align:left;}
.explore-area-box2{ width:100%; min-height:200px; float:left; padding:20px; background:#0a58ef; box-shadow:0px 0px 10px #043aa3; border-radius:10px;}
.explore-area-box2 h1, .explore-area-box2 h2, .explore-area-box2 h3, .explore-area-box2 h4{ width:100%; float:left; font-size:24px; color:#fff; padding:0; text-align:left;}
.explore-area-box p{ width:100%; float:left; font-size:16px; line-height:26px; color:#fff; padding:20px 0 0; text-align:left;}
.explore-area-box-list{ width:100%; float:left; padding:10px 0 0;}
.explore-area-box-list ul{ margin:0; padding:0;}
.explore-area-box-list ul li{ width:100%; float:left; list-style:none; font-size:15px; color:#fff; text-align:left; padding:3px 0;}

.programing-sec{ width:100%; float:left; padding:20px 15px;}
.programing-sec-bg{ width:100%; float:left; background:#fff;box-shadow:0px 0px 10px #043aa3; border-radius:10px; padding:20px 5px;}
.programing-box{ width:25%; float:left; min-height:160px; padding:0 20px; border-right:1px solid #aaa;}
.programing-box h1, .programing-box h2, .programing-box h3, .programing-box h4{ width:100%; float:left; font-size:24px; color:#0551e5; padding:0 0 10px; text-align:left;}
.programing-listing{ width:100%; float:left; padding:10px 0 0;}
.programing-listing ul{ margin:0; padding:0;}
.programing-listing ul li{ width:100%; float:left; list-style:none; font-size:15px; color:#444; text-align:left; padding:0;}
.programing-listing ul li img{ width:25px; float:left; padding:7px 10px 0 0;}

.domain-detail-box{ width:33.3%; float:left; min-height:160px; padding:0 20px; border-right:1px solid #aaa;}
.domain-detail-box h1, .domain-detail-box h2, .domain-detail-box h3, .domain-detail-box h4{ width:100%; float:left; font-size:24px; color:#0551e5; padding:0 0 10px; text-align:left;}
.domain-detail-listing{ width:100%; float:left; padding:10px 0 0;}
.domain-detail-listing ul{ margin:0; padding:0;}
.domain-detail-listing ul li{ width:100%; float:left; list-style:none; font-size:15px; color:#444; text-align:left; padding:0;}
.domain-detail-listing ul li img{ width:25px; float:left; padding:7px 10px 0 0;}


.book{ width:100%; float:left; padding:30px 20px;}
.book-main{ width:100%; float:left; background:#0546c4; padding:50px 30px; border-radius:10px;}
.book-box{ width:100%; float:left;}
.book-box-img{ width:30%; float:left; text-align:center;}
.book-box-img img{ max-width:100%;}
.book-box-textbox{ width:70%; float:left;}
.book-box-textbox h1, .book-box-textbox h2, .book-box-textbox h3, .book-box-textbox h4{ width:100%; float:left; font-size:32px; line-height:56px; color:#fff; text-align:left;}
.book-box-textbox p{ width:100%; float:left; font-size:20px; line-height:28px; color:#fff; padding:20px 0 0; text-align:left;}
.book-box-textbox-button{ float:left; padding:40px 15px 0 0; text-align:center;}
.book-box-textbox-button a{ display:inline-block; text-decoration:none; background:#0a58ef; padding:15px 30px; font-size:16px; color:#fff; border-radius:5px;}
.book-box-textbox-button a:hover{ color:#fff;}

.risk-free{ width:100%; float:left; background:#0546c4; padding:30px 20px;}
.risk-free-main{ width:100%; float:left;}
.risk-free-box{ width:100%; float:left;}
.risk-free-box-img{ width:15%; float:left;}
.risk-free-box-img img{ max-width:100%;}
.risk-free-box-textbox{ width:60%; float:left; padding:0 0 0 20px;}
.risk-free-box-textbox h1, .risk-free-box-textbox h2, .risk-free-box-textbox h3, .risk-free-box-textbox h4{ width:100%; float:left; font-size:32px; padding:15px 0 0; line-height:56px; font-family: 'poppinsbold'; color:#fff; text-align:left;}
.risk-free-box-textbox p{ width:100%; float:left; font-size:20px; line-height:28px; color:#fff; padding:0; text-align:left;}
.risk-free-box-textbox p a{ display:inline-block; color:#fff; font-family: 'poppinssemibold';}
.risk-free-box-textbox p a:hover{ color:#fff;}
.risk-free-box-button{ width:20%; float:right; text-align:center;}
.risk-free-box-button span{ width:100%; display:inline-block; padding:20px 0 10px; font-size:16px; color:#fff; font-family: 'poppinssemibold'; text-align:center;}
.risk-free-box-button a{ display:inline-block; text-decoration:none; background:#0a58ef; padding:15px 30px; font-size:16px; color:#fff; border-radius:5px;}
.risk-free-box-button a:hover{ color:#fff;}

.reviews{ width:100%; float:left; background:#0551e5; padding:30px 20px;}
.reviews p{ width:100%; float:left;}
.reviews p img{ float:left; padding:0 15px 0 0;}
.reviews p span{ float:left; padding:7px 0 0;}
.reviews-box{ width:100%; float:left; padding:25px 0; text-align:center; margin:30px 0 10px; background:#fff; border-radius:20px; box-shadow:0 0 20px #222;}
.reviews-box-img{ width:100%; float:left; text-align:center; padding:15px 0 0;}
.reviews-box-text{ width:100%; float:left; text-align:center; padding:0 15px;}
:root{
  --ss-font-body: var(--ff-base);
  --ss-font-heading: var(--ff-heading);
  --ss-font-strong: var(--ff-strong);
  --ff-base: 'poppinsregular', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --ff-heading: 'poppinssemibold', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --ff-strong: 'poppinsbold', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --lh-body: 1.5;

  --star-size: 30px;
  --star-color: #ddd;
  --star-background: #fc0;
    --ss-brand:#2f80ed;
    --ss-text:#1b1f24;
    --ss-muted:#6b7280;
    --ss-border:#e6e8ef;
    --ss-bg:#f6f7fb;
    --ss-card:#ffffff;
    --ss-shadow:0 14px 34px rgba(16,24,40,.10);
    --ss-radius:18px;
}
.startext { width:100%; float:left; font-size:14px; line-height:20px; font-family: 'poppinsregular'; color:#0551e5; text-align:center; padding:4px;}
.Stars{--percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times; /* make sure ★ appears correctly */
  line-height: 1;}
.Stars::before{content: '★★★★★';
    letter-spacing: 2px;
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

.NoStars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times; /* make sure ★ appears correctly */
  line-height: 1;
}

.ai-website{ width:100%; float:left; font-family: 'poppinssemibold'; font-size:16px; color:#0551e5; padding:10px 15px; text-align:left;}
.ai-website h4{ width:100%; float:left; font-size:16px !important; color:#0551e5; line-height:26px; text-align:left;}
.ai-website-empty{ width:100%; height:35px; float:left;}
.ai-website-box{ width: 100%; float: left; color: #000; font-size:12px; padding:15px; border-radius: 5px; background: #ffffff;
background: -webkit-linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(220, 220, 220, 1) 100%);
background: -moz-linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(220, 220, 220, 1) 100%);
background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(220, 220, 220, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr="#FFFFFF",
  endColorstr="#CFCFCF",
  GradientType=1
);}
.ai-website-box ul{ margin:0; padding:0;}
.ai-website-box ul li{ width:100%; float:left; font-size:12px; color:#000; line-height:20px; padding:5px 0; text-align:left;}

.aitext_underline {
  position: relative;
  display: inline-block;
  border-bottom: 2px dotted #0551e5;
}


/* Make every row aligned like a table */
.plan-features li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 0;              /* optional */
  border-bottom:1px solid #eee; /* optional */
}

/* Left side (icon + label) */
.plan-features li .feature-left{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

/* Right side (value or tick) */
.plan-features li .feature-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
}

/* Tooltip trigger */
.tooltip{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
  cursor:help;
}

/* Tooltip icon */
.tooltip::after{
  content:"ⓘ";
  font-size:13px;
  color:#0551e5;
  line-height:1;
}

/* Tooltip box under text */
.tooltip .tooltiptext{
  visibility:hidden;
  opacity:0;
  position:absolute;
  left:0;
  top:calc(100% + 8px);
  z-index:9999;
  width:max-content;
  max-width:260px;
  padding:6px 8px;
  border-radius:4px;
  background:#000;
  color:#fff;
  font-size:12px;
  line-height:1.4;
  white-space:normal;
  pointer-events:none;
  transform:translateY(-4px);
  transition:opacity .15s ease, transform .15s ease;
  text-align: left;
}

.tooltip:hover .tooltiptext{
  visibility:visible;
  opacity:1;
  transform:translateY(0);
}



/* --- Diskspace NVMe note fix (override) --- */
.plan-features li .feature-left,
.plan-features li .feature-right{
  float: none !important; /* overrides .cheap-hosting-box-list ul li span { float:right } */
}

/* Only for Diskspace row: show value + note in 2 lines */
.plan-features li.vps-feature .feature-right{
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
  line-height: 1.2;
}

/* Keep SSD value on one line */
.plan-features li.vps-feature .disk-value{
  white-space: nowrap;
}

/* NVMe note styling */
.plan-features li.vps-feature .nvme-note{
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #666;
  max-width: 240px;   /* prevents it from stretching too wide */
  text-align: right;  /* matches your right alignment */
  white-space: normal;
}

.no-hover,
.no-hover:hover,
.no-hover:focus,
.no-hover:active {
  color: inherit !important;
  text-decoration: none !important;
  background: none !important;
}


/* Fix vertical alignment for multi-line right side */
.plan-features li.vps-feature{
  align-items: flex-start;   /* instead of center */
}

/* Keep left label aligned nicely */
.plan-features li.vps-feature .feature-left{
  padding-top: 4px;          /* matches SSD line height */
}

/* Ensure right block stays at far right */
.plan-features li.vps-feature .feature-right{
  margin-left: auto;         /* push to the right edge */
  text-align: right;
}

/* NVMe note: readable and stays under SSD value */
.plan-features li.vps-feature .nvme-note{
  margin-top: 4px;
  max-width: 260px;          /* adjust 240/280 as you like */
  line-height: 1.25;
}


/*.rate {
	width:100%;
	text-align:center;
    float: left;
    height: 46px;
    padding: 0 10px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:none;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
	display:inline-block;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #ffc700;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #ffc700;
}*/

.faq{ width:100%; float:left; background:#f3f6fd; padding:30px 20px; text-align:center;}
.faq-box{ width:100%; float:left; margin:15px 0; padding:20px 20px; background:#fff; text-align:left; border-radius:10px; box-shadow:0px 0px 10px #aaa;}
.faq-box-textbox{ width:100%; float:left; padding:0px; text-align:left;}
.faq-box-textbox h1{ width:100%; float:left; font-size:24px; color:#0551e5; font-family: 'poppinssemibold'; padding:15px 0 0; font-weight:normal; text-align:left;}
.faq-box-textbox h2{ width:100%; float:left; font-size:24px; color:#0551e5; font-family: 'poppinssemibold'; padding:15px 0 0; font-weight:normal; text-align:left;}
.faq-box-textbox h3{ width:100%; float:left; font-size:24px; color:#0551e5; font-family: 'poppinssemibold'; padding:15px 0 0; font-weight:normal; text-align:left;}
.faq-box-textbox h4{ width:100%; float:left; font-size:18px; color:#222; font-family: 'poppinssemibold'; padding:15px 0 0; font-weight:normal; text-align:left;}
.faq-box-textbox h5{ width:100%; float:left; font-size:18px; color:#222; font-family: 'poppinssemibold'; padding:15px 0 0; font-weight:normal; text-align:left;}
.faq-box-textbox p{ width:100%; float:left; font-size:14px; line-height:24px; color:#444; font-family: 'poppinsregular'; padding:0; text-align:left;}

.home-reviews{ width:100%; float:left; padding:30px 20px;}
.home-reviews-main{ width:100%; float:left; padding:20px; text-align:center;}
.home-reviews-box{ width:60%; display:inline-block; padding:0 10px;}
.home-reviews-box-text{ width:100%; display:inline-block; background:#fff; padding:40px; font-size:16px; line-height:32px; color:#666; font-family:'poppinsregular'; text-align:left; box-shadow:0px 0px 20px #ddd;}
.home-reviews-box-qoma{ float:left; padding:0 0 0 20px;}
.home-reviews-box-name{ float:right; font-size:20px; color:#666; font-family: 'poppinssemibold'; padding:15px; text-align:left;}

.cpanel-features{ width:100%; float:left; background:#f3f6fd; padding:30px 20px; text-align:center;}
.cpanel-features-main{ width:33.3%; float:left; padding:20px 10px; box-sizing:border-box;}
.cpanel-features-box{ width:100%; float:left;}
.cpanel-features-box-img{ width:80px; height:80px; float:left; padding:10px 10px 5px; background:#fff; box-shadow:0px 0px 10px #ddd; border-radius:5px;}
.cpanel-features-box-img img{ max-width:100%; display:inline-block;}
.cpanel-features-box h2{ width:80%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.cpanel-features-box h3{ width:80%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.cpanel-features-box h4{ width:80%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.cpanel-features-box h5{ width:80%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.cpanel-features-box p{ width:100%; min-height:100px; float:left; font-size:16px; line-height:26px; color:#444; padding:10px 0 0; text-align:left;}
.cpanel-features-box-list{ width:100%; float:left; padding:10px 0 0;}
.cpanel-features-box-list ul{ margin:0; padding:0;}
.cpanel-features-box-list ul li{ width:100%; float:left; list-style:none; font-size:15px; color:#444; text-align:left; padding:3px 0;}


.serversea-wordpress{ width:100%; float:left; background:#f3f6fd; padding:30px 20px; text-align:center;}
.serversea-wordpress-main{ width:33.3%; float:left; padding:10px;}
.serversea-wordpress-box{ width:100%; float:left; background:#fff; box-shadow:0px 0px 10px #ddd; border-radius:5px; padding:15px;}
.serversea-wordpress-box h2{ width:100%; float:left; font-size:16px; color:#444; text-align:center;}
.serversea-wordpress-box h3{ width:100%; float:left; font-size:16px; color:#444; text-align:center;}
.serversea-wordpress-box h4{ width:100%; float:left; font-size:16px; color:#444; text-align:center;}
.serversea-wordpress-box h5{ width:100%; float:left; font-size:16px; color:#444; text-align:center;}

.footer{ width:100%; float:left; background:#0546c4; padding:30px 0 0;}
.footer-box{ width:25%; float:left; padding:0 20px 20px;}
.footer-textbox{ width:100%; float:left; margin:0 0 20px;}
.footer-box h4{ width:100%; float:left; font-size:24px; line-height:36px; color:#fff; text-align:left; padding:0 0 10px; font-family: 'poppinssemibold';}
.footer-box-links{ width:100%; float:left; padding:0 0 20px; border-bottom:1px solid #0a57ec;}
.footer-box-links ul{ margin:0px; padding:0px;}
.footer-box-links ul li{ width:100%; float:left; list-style:none; padding:3px 0px; box-sizing:border-box;}
.footer-box-links ul li a{ display:inline-block; text-decoration:none; font-size:14px; color:#fff;}
.footer-box-links ul li a:hover, .footer-links ul li a:focus{ text-decoration:none; color:#fff;}
.footer-middle{ width:100%; float:left; padding:20px; border-bottom:2px solid #0a58ef; border-top:2px solid #0a58ef;}
.footer-middle-phone{ width:100%; float:left;}
.footer-middle-phone img{ float:left;}
.footer-middle-phone span{ float:left; font-size:32px; line-height:40px; color:#fff; padding:0 0 0 10px; font-family: 'poppinssemibold';}
.footer-middle-map{ width:100%; float:left; padding:10px 0 0;}
.footer-middle-map img{ float:left;}
.footer-middle-map span{ float:left; font-size:20px; line-height:28px; color:#fff; padding:0 0 0 10px; font-family: 'poppinsregular';}
.footer-middle-payment{ float:right; text-align:right; background:#fff; padding:10px; border-radius:10px;}

.footer-bottom{ width:100%; float:left; padding:20px 20px 10px;}
.footer-bottom-left{ width:100%; float:left; font-size:16px;  color:#fff; padding:0 0 10px; font-family: 'poppinsregular';}
.footer-bottom-left ul{ margin:0px; padding:0px;}
.footer-bottom-left ul li{ float:left; list-style:none; padding:3px 0; box-sizing:border-box;}
.footer-bottom-left ul li a{ display:inline-block; text-decoration:none; font-size:14px; color:#fff; padding:3px 15px;}
.footer-bottom-left ul li a:hover, .footer-bottom-left ul li a:focus{ text-decoration:none; color:#fff;}
.footer-bottom-right{ width:100%; float:right; text-align:right;}
.footer-bottom-right a{ float:right;}

.unlimited-choose{ width:100%; float:left; padding:30px 20px;}
.unlimited-choose-main{ width:33.3%; float:left; padding:10px; box-sizing:border-box;}
.unlimited-choose-box{ width:100%; float:left; background:#fff; box-shadow:0px 0px 10px #ddd; border-radius:5px; padding:15px;}
.unlimited-choose-box-img{ width:80px; float:left; padding:10px; background:#f3f6fd; border-radius:5px;}
.unlimited-choose-box-img img{ max-width:100%; display:inline-block;}
.unlimited-choose-box h1{ width:100%; float:left; font-size:24px; color:#0551e5; padding:15px 0; text-align:left; font-family: 'poppinssemibold';}
.unlimited-choose-box h2{ width:100%; float:left; font-size:24px; color:#0551e5; padding:15px 0; text-align:left; font-family: 'poppinssemibold';}
.unlimited-choose-box h3{ width:100%; float:left; font-size:24px; color:#0551e5; padding:15px 0; text-align:left; font-family: 'poppinssemibold';}
.unlimited-choose-box h4{ width:100%; float:left; font-size:24px; color:#0551e5; padding:15px 0; text-align:left; font-family: 'poppinssemibold';}
.unlimited-choose-box p{ width:100%; float:left; font-size:16px; line-height:26px; color:#444; padding:0 20px; text-align:left;}

.risk-free{ width:100%; float:left; padding:30px 20px; background:#0a58ef;}
.risk-free-box{ width:100%; float:left;}
.risk-free-box-img{ width:10%; float:left;}
.risk-free-box-img img{ max-width:100%;}
.risk-free-box-textbox{ width:65%; float:left; padding:0 15px;}
.risk-free-box-textbox h1{ width:100%; float:left; font-size:32px; line-height:36px; color:#fff; text-align:left; padding:0;}
.risk-free-box-textbox h2{ width:100%; float:left; font-size:32px; line-height:36px; color:#fff; text-align:left; padding:0;}
.risk-free-box-textbox h3{ width:100%; float:left; font-size:32px; line-height:36px; color:#fff; text-align:left; padding:0;}
.risk-free-box-textbox h4{ width:100%; float:left; font-size:32px; line-height:36px; color:#fff; text-align:left; padding:0;}
.risk-free-box-textbox p{ width:100%; float:left; font-size:20px; line-height:28px; color:#fff; padding:10px 0 0; text-align:left; font-family: 'poppinsregular';}
.risk-free-box-textbox span{ float:left; font-family: 'poppinssemibold';}
.risk-free-box-textbox-button{ width:25%; float:right; padding:0; text-align:center; font-family: 'poppinssemibold';}
.risk-free-box-textbox-button span{ width:100%; display:inline-block; padding:0 0 15px ; font-size:16px; color:#fff;}
.risk-free-box-textbox-button a{ display:inline-block; text-decoration:none; background:#0546c4; padding:15px 30px; font-size:16px; color:#fff; border-radius:5px;}
.risk-free-box-textbox-button a:hover{ color:#fff;}

.domain-search{ width:100%; float:left;padding:30px 20px; text-align:center;}
.domain-search h1{ width:100%; float:left; font-size:46px; line-height:56px; text-align:center;}
.domain-search h2{ width:100%; float:left; font-size:46px; line-height:56px; text-align:center;}
.domain-search h3{ width:100%; float:left; font-size:46px; line-height:56px; text-align:center;}
.domain-search p{ width:100%; display:inline-block; float:none; font-size:16px; padding:15px 0; line-height:24px; text-align:center;}
.domain-search-textarea{ width:100%; float:left;}
.domain-main-bnr h1{ width:100%; float:left; padding:10px 0 0; font-size:46px; color:#222;}
.domain-main-bnr h1 span{ color:#0551e5;}
.domain-main-bnr h2{ width:100%; float:left; padding:10px 0 0; font-size:46px; color:#222;}
.domain-main-bnr h2 span{ color:#0551e5;}
.domain-main-bnr h3{ width:100%; float:left; padding:10px 0 0; font-size:46px; color:#222;}
.domain-main-bnr h3 span{ color:#0551e5;}
.domain-main-bnr-sub h2{ width:100%; float:left; font-size:26px; line-height:36px; padding:10px 0; text-align:center;}
.domain-main-bnr-sub h2 span{ color:#0551e5;}
.domain-main-bnr-sub h3{ width:100%; float:left; font-size:26px; line-height:36px; padding:10px 0; text-align:center;}
.domain-main-bnr-sub h3 span{ color:#0551e5;}
.domain-main-bnr-sub h4{ width:100%; float:left; font-size:26px; line-height:36px; padding:10px 0; text-align:center;}
.domain-main-bnr-sub h4 span{ color:#0551e5;}
.domain-main-bnr-sub-sub h2{ width:100%; float:left; font-size:26px; color:#0551e5; line-height:36px; text-align:center;}
.domain-main-bnr-sub-sub h3{ width:100%; float:left; font-size:26px; color:#0551e5; line-height:36px; text-align:center;}
.domain-main-bnr-sub-sub h4{ width:100%; float:left; font-size:26px; color:#0551e5; line-height:36px; text-align:center;}
.domain-main-bnr p{ width:100%; display:inline-block; font-size:16px; padding:10px 0; color:#444; line-height:24px; text-align:center;}
.domain-search-tab{ width:100%; float:left; text-align:center;}
.domain-search-tab-bar{ display:inline-block; background:#0551e5; padding:10px; text-align:center; font-size:16px; color:#fff; border-radius:5px;}
.domain-search-tab-bar span{ display:inline-block; background:#fff; padding:10px 30px; text-align:center; color:#0551e5; border-radius:5px;}
.domain-search-tab-bar img{ display:inline-block; padding:0 10px;}
.domain-search-tab-bar a{ display:inline-block; text-decoration:none; padding:0 15px; font-size:16px; color:#fff; font-family:'poppinssemibold';}
.domain-search-bar{ width:70%; display:inline-block; background:#fff; padding:10px; box-shadow:0px 0px 15px #bbb; border-radius:10px; margin:40px 0 0;}
.domain-search-bar-notification{ width: 70%; display: inline-block; padding: 10px;}
.domain-search-bar-img{ float:left; padding:15px 10px 10px;}
.domain-search-input{ width:70%; float:left; padding:15px; text-align:left; font-size:16px; color:#333; margin:10px 0 0; border-radius:10px; outline:none; border:none;}
.domain-search-button{ float:right;}
.domain-search-button a{ float:right; background:#0551e5; text-decoration:none; padding:25px 40px; font-size:22px; color:#fff; border-radius:5px;}
.domain-search-button a:hover{ background:#000; color:#fff;}
.submit-domain-search-button{ float:right; background:#0551e5; text-decoration:none; padding:25px 40px; font-size:22px; color:#fff; border-radius:5px; cursor:pointer; outline:none; border:none;}

.domain-options{ width:70%; display:inline-block; margin:30px 0 0;}
.domain-options-box{ width:33.3%; float:left; text-align:center; position:relative;}
.domain-options-box-name{ display:inline-block; position:absolute; z-index:3; left:0; right:0;}
.domain-options-box-name span{ display:inline-block; background:#fff; font-family:'poppinssemibold'; font-size:24px; color:#0551e5; border-radius:5px; padding:10px 20px;}
.domain-options-box-price{ width:auto; display:inline-block; background:#0551e5; border-right:1px solid #0551e5; font-size:20px; color:#fff; border-radius:5px; padding:15px; margin:35px 0 0;}
.domain-options-box-price h2{ width:100%; display:inline-block; font-size:24px; color:#fff; padding:5px;}
.domain-options-box-price h3{ width:100%; display:inline-block; font-size:24px; color:#fff; padding:5px;}
.domain-options-box-price h4{ width:100%; display:inline-block; font-size:24px; color:#fff; padding:5px;}
.domain-options-box-price-sub h3{ width:100%; display:inline-block; font-size:18px; color:#fff; text-decoration:line-through;}
.domain-options-box-price-sub h4{ width:100%; display:inline-block; font-size:18px; color:#fff; text-decoration:line-through;}
.domain-options-box-price-sub h5{ width:100%; display:inline-block; font-size:18px; color:#fff; text-decoration:line-through;}
.domain-options-box-price-border{ float:right; height:100px; border-right:1px solid #0551e5; margin:40px 0 0;}

.domain-about{ width:100%; float:left; text-align:center;}
.domain-about-main{ width:50%; float:left; padding:0 15px; box-sizing:border-box;}
.domain-about-box{ width:100%; float:left; padding:12px; margin:20px 0; background:#fff; border-radius:10px; box-shadow:0px 0px 10px #aaa;}
.domain-about-box-textbox{ width:100%; float:left; padding:15px;}
.domain-about-box-textbox h2{ width:100%; float:left; font-size:22px; color:#0551e5; padding:0; text-align:left;}
.domain-about-box-textbox h3{ width:100%; float:left; font-size:22px; color:#0551e5; padding:0; text-align:left;}
.domain-about-box-textbox h4{ width:100%; float:left; font-size:22px; color:#0551e5; padding:0; text-align:left;}
.domain-about-box-textbox h5{ width:100%; float:left; font-size:22px; color:#0551e5; padding:0; text-align:left;}
.domain-about-box-textbox p{ width:100%; float:left; font-size:16px; line-height:26px; color:#444; padding:0 0 10px; text-align:left;}
.domain-about-box-list{ width:100%; float:left; padding:10px 0 0;}
.domain-about-box-list ul{ margin:0; padding:0;}
.domain-about-box-list ul li{ width:100%; float:left; list-style:none; font-size:15px; color:#444; text-align:left; padding:3px 0;}
.domain-about-box-list ul li img{ width:25px; float:left; padding:7px 10px 0 0;}
.domain-about-box-textbox h4{ width:100%; float:left; font-size:18px; color:#222; padding:0; text-align:left;}

.popular-sec{ width:100%; float:left; padding:30px 10px;}
.popular-sec-main{ width:25%; float:left; padding:10px;}
.popular-sec-box{ width:100%; float:left; background:#fff; padding:10px 0; border-radius:10px; box-shadow:0px 0px 10px #aaa; font-family:'poppinssemibold';}
.popular-sec-box-domain-name{ width:100%; float:left; background:#0546c4; padding:5px 10px 5px 20px; font-size:24px; color:#fff;}
.popular-sec-box-domain-name a{ float:right; padding:0 10px; font-size:24px; color:#fff;}
.popular-sec-box-domain-price{ float:left; padding:25px 10px 10px 30px; font-size:24px; color:#000; font-family:'poppinssemibold';}
.popular-sec-box-domain-price span{ padding:20px 0 0; font-size:16px; color:#000; font-family:'poppinssemibold';}
.popular-sec-box-domain-price-before{ float:left; padding:25px 20px 0 0; font-size:18px; color:#888; font-family:'poppinssemibold';}
.popular-sec-box-domain-text{ width:100%; float:left; padding:15px; font-size:14px; color:#444;}

.domain-reg{ width:100%; float:left; padding:30px 20px; background:#f3f6fd;}
.domain-reg-main{ width:33.3%; float:left; padding:10px; box-sizing:border-box;}
.domain-reg-box{ width:100%; height:250px; float:left; padding:20px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px;}
.domain-reg-box-img{ width:80px; float:left; padding:10px; background:#f3f6fd; border-radius:5px;}
.domain-reg-box-img img{ max-width:100%; display:inline-block;}
.domain-reg-box h3{ width:75%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.domain-reg-box h4{ width:75%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.domain-reg-box h5{ width:75%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.domain-reg-box p{ width:100%; float:left; font-size:14px; line-height:24px; color:#444; padding:15px 0 0; text-align:left;}

.domain-extensions{ width:100%; float:left; padding:30px 20px; background:#fff;}
.domain-extensions-box{ width:100%; float:left; padding:20px; background:#fff; box-shadow:0px 0px 10px #aaa; border-radius:10px;}
.domain-extensions-box-description{ width:20%; float:left; text-align:left; padding:5px 15px;}
.domain-extensions-box-bronze{ width:13%; float:right; text-align:center; padding:5px 15px;}
.domain-extensions-box-list{ width:100%; float:left; font-size:14px; color:#444; text-align:left;}
.domain-extensions-box-list ul{ margin:0; padding:0;}
.domain-extensions-box-list ul li{ width:100%; float:left; list-style:none; border-bottom:1px solid #ccc; text-align:left;}
.domain-extensions-box-list ul li h3{ width:100%; float:left; background:#0551e5; font-size:20px; padding:5px 0; color:#fff; text-align:center;}
.domain-extensions-box-list ul li h4{ width:100%; float:left; background:#0551e5; font-size:20px; padding:5px 0; color:#fff; text-align:center;}
.domain-extensions-box-list ul li h5{ width:100%; float:left; background:#0551e5; font-size:20px; padding:5px 0; color:#fff; text-align:center;}
.domain-extensions-box-list ul li p{ width:100%; flosat:left; font-size:14px; color:#444; padding:5px 20px; text-align:center;}

.why-buy-domain{ width:100%; float:left; padding:30px 20px; background:#0546c4;}
.why-buy-domain-main{ width:25%; float:left; padding:10px;}
.why-buy-domain-box{ width:100%; height:320px; float:left; padding:20px; background:#0a58ef; box-shadow:0px 0px 10px #0546c4; border-radius:10px;}
.why-buy-domain-box-img{ width:80px; float:left; padding:10px; background:#0546c4; border-radius:5px;}
.why-buy-domain-box-img img{ max-width:100%; display:inline-block;}
.why-buy-domain-box h3{ width:100%; height:auto; float:left; font-size:20px; color:#fff; padding:15px 0 0; text-align:left;}
.why-buy-domain-box h4{ width:100%; height:auto; float:left; font-size:20px; color:#fff; padding:15px 0 0; text-align:left;}
.why-buy-domain-box h5{ width:100%; height:auto; float:left; font-size:20px; color:#fff; padding:15px 0 0; text-align:left;}
.why-buy-domain-box p{ width:100%; float:left; font-size:14px; line-height:26px; color:#fff; padding:15px 0 0; text-align:left;}

.reg-domain{ width:100%; float:left; padding:30px 20px;}
.reg-domain-main{ width:25%; float:left; padding:10px;}
.reg-domain-step{ width:100%; float:left; padding:10px 20px; background:#0546c4; margin:0 0 10px; box-shadow:0px 0px 5px #aaa; border-radius:10px; text-transform:uppercase;}
.reg-domain-step h1{ width:100%; float:left; font-size:20px; color:#fff; padding:0; text-align:left;}
.reg-domain-step h2{ width:100%; float:left; font-size:20px; color:#fff; padding:0; text-align:left;}
.reg-domain-step h3{ width:100%; float:left; font-size:20px; color:#fff; padding:0; text-align:left;}
.reg-domain-step h4{ width:100%; float:left; font-size:20px; color:#fff; padding:0; text-align:left;}
.reg-domain-box{ width:100%; height:180px; float:left; padding:20px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px;}
.reg-domain-box h2{ width:100%; float:left; font-size:20px; color:#222; padding:0; text-align:left;}
.reg-domain-box h3{ width:100%; float:left; font-size:20px; color:#222; padding:0; text-align:left;}
.reg-domain-box h4{ width:100%; float:left; font-size:20px; color:#222; padding:0; text-align:left;}
.reg-domain-box h5{ width:100%; float:left; font-size:20px; color:#222; padding:0; text-align:left;}
.reg-domain-box p{ width:100%; float:left; font-size:14px; line-height:22px; color:#444; padding:10px 0 0; text-align:left;}

.reg-domain-box{ width:100%; height:180px; float:left; padding:20px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px;}
.reg-domain-box h2{ width:100%; float:left; font-size:20px; color:#222; padding:0; text-align:left;}
.reg-domain-box h3{ width:100%; float:left; font-size:20px; color:#222; padding:0; text-align:left;}
.reg-domain-box h4{ width:100%; float:left; font-size:20px; color:#222; padding:0; text-align:left;}
.reg-domain-box h5{ width:100%; float:left; font-size:20px; color:#222; padding:0; text-align:left;}
.reg-domain-box p{ width:100%; float:left; font-size:14px; line-height:22px; color:#444; padding:10px 0 0; text-align:left;}

.domain-main-bnr-options{ width:75%; display:inline-block;}
.domain-main-bnr-options ul{ padding:0; margin:0;}
.domain-main-bnr-options ul li{ width:33.3%; float:left; list-style:none; padding:10px;}
.domain-main-bnr-options ul li .bnr-options{ width:24px; height:24px; float:left; background:#fff; border:none; outline:none; box-shadow:0px 0px 5px #aaa; border-radius:3px;}
.domain-main-bnr-options ul li span{ width:90%; float:left; font-size:16px; line-height:22px; color:#444; text-align:left; padding:0 0 0 10px;}

.buy-domain{ width:100%; float:left; padding:30px 20px; background:#0546c4;}
.buy-domain-main{ width:33.3%; float:left; padding:10px; text-align:center;}
.buy-domain-box{ width:100%; height:200px; float:left; padding:20px 15px; background:#0a58ef; box-shadow:0px 0px 10px #0546c4; border-radius:10px;}
.buy-domain-box-img{ width:80px; display:inline-block; padding:10px; background:#0546c4; border-radius:5px;}
.buy-domain-box-img img{ max-width:100%; display:inline-block;}
.buy-domain-box h2{ width:100%; height:auto; float:left; font-size:20px; color:#fff; padding:15px 0 0; text-align:center;}
.buy-domain-box h3{ width:100%; height:auto; float:left; font-size:20px; color:#fff; padding:15px 0 0; text-align:center;}
.buy-domain-box h4{ width:100%; height:auto; float:left; font-size:20px; color:#fff; padding:15px 0 0; text-align:center;}
.buy-domain-box h5{ width:100%; height:auto; float:left; font-size:20px; color:#fff; padding:15px 0 0; text-align:center;}
.buy-domain-box p{ width:100%; float:left; font-size:14px; line-height:26px; color:#fff; padding:15px 0 0; text-align:center;}

.domain-transfer{ width:100%; float:left; padding:30px 20px; text-align:center;}
.domain-transfer-main{ width: 70%; display: inline-block; padding: 24px; text-align: center; background: #ffffff; border-radius: 24px; box-shadow: 0 12px 30px rgba(0,0,0,0.08);}
.domain-transfer-box{ width:100%; float:left; padding:20px 15px;}
.domain-transfer-box span{ width:100%; float:left; font-size:16px; color:#444; padding:15px 0 0; text-align:left;}
.domain-transfer-input{ width:100%; height:80px; float:left; padding:10px 30px; text-align:left; font-size:16px; color:#333; margin:10px 0 0; border-radius:10px; outline:none; border:none; background:#fff; box-shadow:0px 0px 10px #ccc;}
.domain-transfer-text{ width:100%; float:left; font-size:16px; color:#444; padding:25px 0 0; text-align:center;}
.domain-transfer-button{ display:inline-block; padding:30px 20px 0 0; text-align:center;}
.domain-transfer-button input[type="submit"]{ display:inline-block; text-decoration:none; background:#0a58ef; padding:15px 30px; font-size:16px; color:#fff; border-radius:5px; border: none !important; outline: none !important; box-shadow: none; -webkit-appearance: none; appearance: none; }
.submit-domain-transfer-button{ float:right; background:#0551e5; text-decoration:none; padding:25px 40px; font-size:22px; color:#fff; border-radius:5px; cursor:pointer; outline:none; border:none;}
.domain-transfer-button input[type="submit"]:hover:hover{ color:#fff; cursor:pointer;}

.available-domain-box{ width:100%; height:240px; float:left; padding:20px; background:#0a58ef; box-shadow:0px 0px 10px #0546c4; border-radius:10px;}
.available-domain-box-img{ width:80px; float:left; padding:10px; background:#0546c4; border-radius:5px;}
.available-domain-box-img img{ max-width:100%; display:inline-block;}
.available-domain-box h2{ width:80%; height:auto; float:left; font-size:20px; color:#fff; padding:0 0 0 15px; text-align:left;}
.available-domain-box h3{ width:80%; height:auto; float:left; font-size:20px; color:#fff; padding:0 0 0 15px; text-align:left;}
.available-domain-box h4{ width:80%; height:auto; float:left; font-size:20px; color:#fff; padding:0 0 0 15px; text-align:left;}
.available-domain-box h5{ width:80%; height:auto; float:left; font-size:20px; color:#fff; padding:0 0 0 15px; text-align:left;}
.available-domain-box p{ width:100%; float:left; font-size:14px; line-height:26px; color:#fff; padding:15px 0 0; text-align:left;}

.after-domain-reg-main{ width:50%; display:inline-block; padding:10px; text-align:center;}
.after-domain-reg-box{ width:100%; height:240px; float:left; padding:20px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px;}
.after-domain-reg-box-img{ width:80px; float:left; padding:10px; background:#f3f6fd; border-radius:5px;}
.after-domain-reg-box-img img{ max-width:100%; display:inline-block;}
.after-domain-reg-box h2{ width:75%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.after-domain-reg-box h3{ width:75%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.after-domain-reg-box h4{ width:75%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.after-domain-reg-box h5{ width:75%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.after-domain-reg-box p{ width:100%; float:left; font-size:14px; line-height:24px; color:#444; padding:15px 0 0; text-align:left;}

.after-reg-domain-box{ width:100%; height:200px; float:left; padding:20px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px;}
.after-reg-domain-box h2{ width:100%; float:left; font-size:20px; color:#222; padding:0; text-align:left;}
.after-reg-domain-box h3{ width:100%; float:left; font-size:20px; color:#222; padding:0; text-align:left;}
.after-reg-domain-box h4{ width:100%; float:left; font-size:20px; color:#222; padding:0; text-align:left;}
.after-reg-domain-box p{ width:100%; float:left; font-size:14px; line-height:22px; color:#444; padding:10px 0 0; text-align:left;}

.budget{ width:100%; float:left; padding:30px 20px; background:#0546c4;}
.budget-main{ width:100%; float:left; padding:10px; text-align:center;}
.budget-box{ width:50%;  float:left; padding:10px;}
.budget-box-textbox{ width:100%; height:140px; float:left; text-align:left; padding:20px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px;}
.budget-box h2{ width:100%; height:auto; float:left; font-size:24px; color:#0a58ef; padding:0; text-align:left;}
.budget-box h3{ width:100%; height:auto; float:left; font-size:24px; color:#0a58ef; padding:0; text-align:left;}
.budget-box h4{ width:100%; height:auto; float:left; font-size:24px; color:#0a58ef; padding:0; text-align:left;}
.budget-box p{ width:100%; float:left; font-size:16px; line-height:26px; color:#444; padding:5px 0 0; text-align:left;}
.budget-blue{ width:85%; float:left; font-size:10px; color:#0a58ef; padding:5px 0; text-align:left;}

.budget-package{ width:100%; float:left; text-align:center; padding:0;}
.budget-package-main{ width:70%; display:inline-block; padding:10px;}
.budget-package-box{ width:33.3%; float:left; padding:10px;}
.budget-package-box-textbox{ width:100%; float:left; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px; text-align:center;}
.budget-package-box-list{ width:100%; float:left; padding:25px 0;}
.budget-package-box-list h2{ width:100%; float:left; background:#0551e5; font-size:20px; color:#fff; padding:10px 15px;}
.budget-package-box-list h3{ width:100%; float:left; background:#0551e5; font-size:20px; color:#fff; padding:10px 15px;}
.budget-package-box-list h4{ width:100%; float:left; background:#0551e5; font-size:20px; color:#fff; padding:10px 15px;}
.budget-package-box-list ul{ margin:0; padding:0;}
.budget-package-box-list ul li{ width:100%; float:left; list-style:none; font-size:16px; color:#444; padding:12px 20px; border-bottom:1px solid #ddd; font-family: 'poppinsregular';}
.budget-package-box-list ul li span{ width:auto; float:right; color:#444; font-size:16px; padding:0; font-family: 'poppinsregular';}

.budget-benefits-box{ width:50%;  float:left; padding:10px;}
.budget-benefits-box-textbox{ width:100%; float:left; text-align:left; padding:20px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px;}
.budget-benefits-box h2{ width:100%; height:auto; float:left; font-size:24px; color:#0a58ef; padding:0; text-align:left;}
.budget-benefits-box h3{ width:100%; height:auto; float:left; font-size:24px; color:#0a58ef; padding:0; text-align:left;}
.budget-benefits-box h4{ width:100%; height:auto; float:left; font-size:24px; color:#0a58ef; padding:0; text-align:left;}
.budget-benefits-box p{ width:100%; float:left; font-size:16px; line-height:26px; color:#444; padding:5px 0 0; text-align:left;}
.budget-benefits-blue{ width:85%; float:left; font-size:10px; color:#0a58ef; padding:5px 0; text-align:left;}
.budget-benefits-box-full{ width:100%;  float:left; padding:10px;}
.budget-benefits-box-full h2{ width:100%; height:auto; float:left; font-size:20px; color:#0a58ef; padding:0; text-align:left;}
.budget-benefits-box-full h3{ width:100%; height:auto; float:left; font-size:20px; color:#0a58ef; padding:0; text-align:left;}
.budget-benefits-box-full h4{ width:100%; height:auto; float:left; font-size:20px; color:#0a58ef; padding:0; text-align:left;}
.budget-benefits-box-full p{ width:100%; float:left; font-size:14px; line-height:26px; color:#444; padding:5px 0 0; text-align:left;}

.budget-vps-box{ width:100%; float:left; padding:20px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px;}
.budget-vps-box-img{ width:80px; float:left; padding:10px; background:#f3f6fd; border-radius:5px;}
.budget-vps-box-img img{ max-width:100%; display:inline-block;}
.budget-vps-box h3{ width:80%; float:left; font-size:20px; color:#0551e5; padding:0 20px; text-align:left;}
.budget-vps-box h4{ width:80%; float:left; font-size:20px; color:#0551e5; padding:0 20px; text-align:left;}
.budget-vps-box h5{ width:80%; float:left; font-size:20px; color:#0551e5; padding:0 20px; text-align:left;}
.budget-vps-box p{ width:100%; height:100px; float:left; font-size:16px; line-height:26px; color:#444; padding:20px 0 0; text-align:left;}

.budget-main{ width:100%; float:left; padding:10px; text-align:center;}
.budget-box{ width:50%;  float:left; padding:10px;}
.budget-box-textbox{ width:100%; height:140px; float:left; text-align:left; padding:20px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px;}
.budget-box h2{ width:100%; height:auto; float:left; font-size:24px; color:#0a58ef; padding:0; text-align:left;}
.budget-box h3{ width:100%; height:auto; float:left; font-size:24px; color:#0a58ef; padding:0; text-align:left;}
.budget-box h4{ width:100%; height:auto; float:left; font-size:24px; color:#0a58ef; padding:0; text-align:left;}
.budget-box p{ width:100%; float:left; font-size:16px; line-height:26px; color:#444; padding:5px 0 0; text-align:left;}
.budget-blue{ width:85%; float:left; font-size:10px; color:#0a58ef; padding:5px 0; text-align:left;}

.about-page{ width:100%; float:left; text-align:left; padding:30px 10px;}
.about-page-main{ width:100%; float:left;}
.about-page-box{ width:50%; float:left; padding:10px;}
.about-page-box-textbox{ width:100%; height:653px; float:left; padding:20px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px; text-align:left; position:relative;}
.about-page-box-img{ width:100%; float:left; padding:0; text-align:center; position:absolute; z-index:2; bottom:0; left:0; right:0;}
.about-page-box h2{ width:100%; float:left; font-size:36px; color:#000; padding:0; text-align:left;}
.about-page-box h3{ width:100%; float:left; font-size:36px; color:#000; padding:0; text-align:left;}
.about-page-box h4{ width:100%; float:left; font-size:36px; color:#000; padding:0; text-align:left;}
.about-page-box-sub h2{ width:100%; float:left; font-size:20px; color:#0a58ef; padding:0;}
.about-page-box-sub h3{ width:100%; float:left; font-size:20px; color:#0a58ef; padding:0;}
.about-page-box-sub h4{ width:100%; float:left; font-size:20px; color:#0a58ef; padding:0;}
.about-page-box p{ width:100%; float:left; font-size:16px; line-height:26px; color:#444; padding:5px 0; text-align:left;}
.about-page-box-list{ width:100%; float:left; padding:10px 0;}
.about-page-box-list ul{ margin:0; padding:0;}
.about-page-box-list ul li{ width:100%; float:left; list-style:none; font-size:16px; color:#444; padding:5px 0; font-family: 'poppinsregular';}
.about-page-box-list ul li span{ width:97%; float:left; padding:0 10px;}
.about-page-box-list ul li img{ width:10px; float:left; padding:10px 0;}

.explore-about{ width:100%; float:left; background:#f3f6fd; padding:30px 10px;}
.explore-about-main{ width:25%; float:left; padding:10px; box-sizing:border-box;}
.explore-about-box{ width:100%; height:330px; float:left; padding:20px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px;}
.explore-about-box h3{ width:100%; float:left; font-size:20px; color:#0551e5; padding:10px 0; text-align:left;}
.explore-about-box h4{ width:100%; float:left; font-size:20px; color:#0551e5; padding:10px 0; text-align:left;}
.explore-about-box h5{ width:100%; float:left; font-size:20px; color:#0551e5; padding:10px 0; text-align:left;}
.explore-about-box p{ width:100%; float:left; font-size:16px; line-height:24px; color:#444; padding:0; text-align:left;}

.guarantee-page-box{ width:50%; float:left; padding:10px;}
.guarantee-page-box-textbox{ width:100%; float:left; padding:20px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px; text-align:left; position:relative;}
.guarantee-page-box img{ width:70px; height:70px; float:left; padding:0; text-align:left;}
.guarantee-page-box h2{ width:100%; float:left; padding:0;}
.guarantee-page-box h2 span{ width:80%; float:left; font-size:20px; color:#0a58ef; padding:20px 0 0 20px; font-family: 'poppinsbold';}
.guarantee-page-box h3{ width:100%; float:left; padding:0;}
.guarantee-page-box h3 span{ width:80%; float:left; font-size:20px; color:#0a58ef; padding:20px 0 0 20px; font-family: 'poppinsbold';}
.guarantee-page-box h4{ width:100%; float:left; padding:0;}
.guarantee-page-box h4 span{ width:80%; float:left; font-size:20px; color:#0a58ef; padding:20px 0 0 20px; font-family: 'poppinsbold';}
.guarantee-page-box p{ width:100%; float:left; font-size:16px; line-height:26px; color:#444; padding:5px 0; text-align:left;}
.guarantee-page-box2{ width:100%; float:left; padding:10px;}
.guarantee-page-box2 img{ width:70px; height:70px; float:left; padding:0; text-align:left;}
.guarantee-page-box2 h2{ width:100%; float:left; padding:0;}
.guarantee-page-box2 h2 span{ width:80%; float:left; font-size:20px; color:#0a58ef; padding:20px 0 0 20px; font-family: 'poppinsbold';}
.guarantee-page-box2 h3{ width:100%; float:left; padding:0;}
.guarantee-page-box2 h3 span{ width:80%; float:left; font-size:20px; color:#0a58ef; padding:20px 0 0 20px; font-family: 'poppinsbold';}
.guarantee-page-box2 h4{ width:100%; float:left; padding:0;}
.guarantee-page-box2 h4 span{ width:80%; float:left; font-size:20px; color:#0a58ef; padding:20px 0 0 20px; font-family: 'poppinsbold';}





























































/* Load More Wrapper */
/* Force spacing from top – override everything */
.share-hosting-comparison .tld-loadmore-wrap{
  margin-top: 50px !important;
  padding-top: 20px !important;
  display: block !important;
  clear: both !important;
	width:100%;
  text-align:center;
}


/* Blue Load More Button */
.tld-loadmore-btn{
  background:#0d6efd;              /* Bootstrap primary blue */
  color:#fff;
  border:none;
  padding:12px 26px;
  border-radius:8px;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(13,110,253,.25);
  transition:all .25s ease;
}

/* Hover effect */
.tld-loadmore-btn:hover{
  background:#0b5ed7;
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(13,110,253,.35);
}

/* Disabled / All Loaded state */
.tld-loadmore-btn:disabled{
  background:#adb5bd;
  cursor:not-allowed;
  box-shadow:none;
  transform:none;
}

/* Count text */
.tld-count-info{
  margin-top:10px;
  font-size:14px;
  color:#555;
}


.tld-search-wrap{
  width:100%;
  display:flex;
  justify-content:center;
  gap:10px;
  margin:25px auto 10px;
}

.tld-search-input{
  width: min(520px, 92%);
  padding:12px 14px;
  border:1px solid #d9d9d9;
  border-radius:8px;
  font-size:14px;
  outline:none;
}

.tld-search-input:focus{
  border-color:#0d6efd;
  box-shadow:0 0 0 3px rgba(13,110,253,.15);
}

.tld-search-clear{
  padding:12px 16px;
  border-radius:8px;
  border:1px solid #d9d9d9;
  background:#fff;
  cursor:pointer;
  font-weight:600;
}

/* ================================
   PK Domain TLDs table layout fix
   - Make "Restrictions" wider
   - Keep other columns equal
   (Added by ChatGPT - append-only)
   ================================ */

.share-hosting-comparison .share-hosting-comparison-box-list ul li{
  display: flex !important;
  align-items: stretch;
}

/* Header row (inside h5) should also align like columns */
.share-hosting-comparison .share-hosting-comparison-box-list ul li h5{
  width: 100%;
  display: flex !important;
  align-items: center;
}

/* Reset floats so flex works */
.share-hosting-comparison .domain-extensions-box-description,
.share-hosting-comparison .domain-extensions-box-bronze{
  float: none !important;
  width: auto !important;
  padding: 10px 15px !important;
  box-sizing: border-box;
}

/* Column widths: 1st column (TLD) a bit wider, 4 price columns equal */
.share-hosting-comparison .domain-extensions-box-description{
  flex: 1.2 1 0 !important;
  text-align: left !important;
}

/* Default for numeric columns (Register/Discount/Renew) */
.share-hosting-comparison .domain-extensions-box-bronze{
  flex: 1 1 0 !important;
  text-align: center !important;
}

/* Make Restrictions column wider (it's the 2nd column in your markup) */
.share-hosting-comparison .share-hosting-comparison-box-list ul li > .domain-extensions-box-bronze:nth-of-type(1),
.share-hosting-comparison .share-hosting-comparison-box-list ul li h5 > .domain-extensions-box-bronze:nth-of-type(1){
  flex: 2.6 1 0 !important;
  text-align: left !important;
  line-height: 1.4;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* Nice spacing for long restriction text */
.share-hosting-comparison .share-hosting-comparison-box-list ul li > .domain-extensions-box-bronze:nth-of-type(1){
  padding-right: 20px !important;
}

/* On smaller screens, allow horizontal scroll instead of breaking layout */


/* ================================
   PK Domain table – column rebalance
   Give more space to Restrictions
   ================================ */

.share-hosting-comparison .share-hosting-comparison-box-list ul li{
    display: flex !important;
    align-items: center;
}

/* Header row */
.share-hosting-comparison .share-hosting-comparison-box-list ul li h5{
    display: flex !important;
    width: 100%;
}

/* Reset old widths/floats */
.share-hosting-comparison .domain-extensions-box-description,
.share-hosting-comparison .domain-extensions-box-bronze{
    float: none !important;
    width: auto !important;
    box-sizing: border-box;
    padding: 12px 14px !important;
}

/* Domain TLD column */
.share-hosting-comparison .domain-extensions-box-description{
    flex: 1.2 1 0 !important;
    text-align: left !important;
}

/* Restrictions column (2nd column) */
.share-hosting-comparison 
.share-hosting-comparison-box-list ul li > 
.domain-extensions-box-bronze:nth-of-type(1),
.share-hosting-comparison 
.share-hosting-comparison-box-list ul li h5 > 
.domain-extensions-box-bronze:nth-of-type(1){
    flex: 3.5 1 0 !important;   /* MUCH WIDER */
    text-align: left !important;
    line-height: 1.5;
    word-break: break-word;
}

/* Renew, Discount, Register/year (equal & smaller) */
.share-hosting-comparison 
.share-hosting-comparison-box-list ul li > 
.domain-extensions-box-bronze:nth-of-type(2),
.share-hosting-comparison 
.share-hosting-comparison-box-list ul li > 
.domain-extensions-box-bronze:nth-of-type(3),
.share-hosting-comparison 
.share-hosting-comparison-box-list ul li > 
.domain-extensions-box-bronze:nth-of-type(4),
.share-hosting-comparison 
.share-hosting-comparison-box-list ul li h5 > 
.domain-extensions-box-bronze:nth-of-type(2),
.share-hosting-comparison 
.share-hosting-comparison-box-list ul li h5 > 
.domain-extensions-box-bronze:nth-of-type(3),
.share-hosting-comparison 
.share-hosting-comparison-box-list ul li h5 > 
.domain-extensions-box-bronze:nth-of-type(4){
    flex: 0.9 1 0 !important;
    text-align: center !important;
}

/* Mobile safety */



/* ================================
   Restriction hover tooltip
   ================================ */

.restriction-col{
  position: relative;
}

.restriction-preview{
  cursor: help;
  display: inline-block;
  max-width: 100%;
}

/* small icon */
.restriction-icon{
  margin-left: 6px;
  font-size: 14px;
  opacity: .7;
  cursor: help;
}

/* Tooltip using data-full */
.restriction-preview::after,
.restriction-icon::after{
  content: attr(data-full);
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 8px;
  width: 274px;              /* adjust tooltip width */
  max-width: 70vw;
  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.5;
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
  z-index: 9999;
  display: none;
  white-space: normal;
}

/* show tooltip on hover */
.restriction-preview:hover::after{
  display: block;
}

/* make icon show tooltip too */
.restriction-icon{
  position: relative;
}
.restriction-icon::after{
  content: attr(data-full);
  display: none;
}
.restriction-col .restriction-icon{
  /* copy data-full from preview via JS OR just hover preview */
}
.restriction-icon:hover::after{
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 8px;
  width: 420px;
  max-width: 70vw;
  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.5;
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
  z-index: 9999;
  white-space: normal;
}
/* ================================
   PK Benefits section redesign
   ================================ */

/* ================================
   PK Benefits section redesign (FIXED)
   ================================ */

.pk-benefits .domain-about-box{
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  padding: 26px 26px;
}

.pk-benefits-title{
  margin-bottom: 18px;
  font-size: 28px;
  line-height: 1.25;
}

/* Flex layout (no grid rules at all) */
.pk-benefits-grid{
  display: flex !important;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 18px;
  /* important for old templates */
  width: 100%;
  height: auto;
  overflow: visible;
}

/* Two cards per row on desktop */
.pk-benefit-card{
  width: calc(50% - 7px);
  display: flex !important;
  gap: 14px;
  padding: 16px 16px;
  border: 1px solid #eef2f7;
  border-radius: 14px;
  background: #fafcff;
  box-sizing: border-box;

  /* prevent float/position conflicts */
  float: none !important;
  position: relative;
}

.pk-benefit-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0,0,0,.08);
  border-color: #d9e6ff;
}

.pk-benefit-icon{
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #e8f0ff;
  color: #0b57d0;
  flex: 0 0 42px;
  font-size: 18px;
  margin-top: 2px;
}

.pk-benefit-content{
  flex: 1 1 auto;
  min-width: 0; /* important for text wrapping */
}

.pk-benefit-content h4{
  margin: 0 0 6px 0;
  font-size: 18px;
  line-height: 1.3;
}

.pk-benefit-content p{
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: #444;
}

/* Mobile */

/* ==========================================
   FIX: Don't override Load More / JS hiding
   ========================================== */

/* Remove the "force show everything" behavior */
.share-hosting-comparison .share-hosting-comparison-box-list ul li{
  display: flex;            /* NO !important */
  align-items: center;
}

/* If JS hides any row using inline style, KEEP it hidden */
.share-hosting-comparison .share-hosting-comparison-box-list ul li[style*="display: none"]{
  display: none !important;
}

/* =========================
   Compare Table (PK vs COM)
   Paste at END of CSS
   ========================= */

.compare-table-wrap{
  width: 100%;
  float: left;
  overflow-x: auto; /* safe on mobile */
}

.compare-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-family: 'poppinsregular';
}

/* Header */
.compare-table thead th{
  text-align: left;
  font-size: 18px;
  font-family: 'poppinssemibold';
  color: #000;
  padding: 16px 18px;
  border-bottom: 1px solid #e6e6e6;
}

/* Body cells */
.compare-table tbody td{
  font-size: 18px;
  color: #222;
  padding: 12px 18px;
  border-bottom: 1px solid #efefef;
  vertical-align: top;
}

/* Make first column (Features) slightly stronger */
.compare-table tbody td:first-child{
  font-family: 'poppinssemibold';
  color: #111;
  width: 22%;
}

/* Soft zebra rows (looks clean) */
.compare-table tbody tr:nth-child(even){
  background: #fafbff;
}

/* Remove last border */
.compare-table tbody tr:last-child td{
  border-bottom: 0;
}

/* Optional: keep nice rounding inside your box */
.compare-table{
  border-radius: 10px;
}

.domain-validation-bar{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.3;
  border: 1px solid transparent;
}

.domain-validation-bar.error{
  background: #fff1f1;
  border-color: #ffb8b8;
  color: #b00020;
}

.domain-validation-bar.success{
  background: #effaf0;
  border-color: #b7e3be;
  color: #0f6b1d;
}

.domain-validation-bar.loading{
  background: #eef5ff;
  border-color: #bcd6ff;
  color: #0b4aa2;
}

/*Notification bar position + spacing */
#notify_bar{
  position: fixed;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 24px);
  max-width: 980px;
  z-index: 99999;
}

/* If your notification-bars.css already has box_red/box_green/box_blue
   then you DON'T need these. But these help if not present. */
.box_red, .box_green, .box_blue, .box_orange{
  padding: 14px 18px;
  border-radius: 10px;
  font-size: 15px;
  line-height: 1.4;
}
.box_red{ background:#ffe1e1; color:#8a0f0f; border:1px solid #ffb6b6; }
.box_green{ background:#e7ffe9; color:#0d6b21; border:1px solid #baf0c4; }
.box_blue{ background:#e8f1ff; color:#0b3f8a; border:1px solid #bcd6ff; }
.box_orange{ background:#fff3df; color:#7a4b00; border:1px solid #ffd39b; }

/* optional: close button */
.notify-close{
  float:right;
  cursor:pointer;
  font-weight:bold;
  margin-left:12px;
  opacity:.6;
}
.notify-close:hover{ opacity:1; }


.btn-check-availability.loading{
  position: relative;
  pointer-events: none;
  opacity: .95;
  padding-left: 52px; /* space for spinner */
}

/* spinner */
.btn-check-availability.loading::before{
  content: "";
  width: 18px;
  height: 18px;
  border: 3px solid rgba(255,255,255,0.45);
  border-top-color: #ffffff;
  border-radius: 50%;
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  animation: btnspin .8s linear infinite;
}

@keyframes btnspin{
  to { transform: translateY(-50%) rotate(360deg); }
}

* --- your layout may already have these, keep safe --- */
.clear{clear:both;}
.w50{width:50%;}
.float-left{float:left;}
.p-20{padding:20px;}
.white-text{color:#fff;}

/* --- Search bar button (match your design) --- */
.domain-search-bar form{
  display:flex;
  align-items:center;
  gap:10px;
}

.domain-search-input{
  flex:1;
  height:52px;
  padding:0 15px;
  font-size:16px;
}

.domain-search-btn{
  border: none;
  cursor: pointer;
  padding: 14px 22px;
  border-radius: 10px;
  background: #0d5ef4;
  color: #fff;
  font-weight: 600;
  height: 52px;
  min-width: 140px;
  -webkit-appearance:none;
  appearance:none;
}

.domain-search-btn:hover{ background:#0b52d8; }
.domain-search-btn:disabled{ opacity:.75; cursor:not-allowed; }

/* --- Result area --- */
.home_domain_result{ margin-top:20px; }

/* If your notification-bars.css already defines these, they’ll still work */
.domain_error_div_red{
  background:#ffe1e1;
  color:#8a0f0f;
  border:1px solid #ffb6b6;
  padding:14px 18px;
  border-radius:10px;
}

.domain_waiting_bar{
  background:#e8f1ff;
  color:#0b3f8a;
  border:1px solid #bcd6ff;
  padding:14px 18px;
  border-radius:10px;
}

/* --- Optional: animated dots --- */
.waiting-dots::after{
  content:"";
  display:inline-block;
  width:18px;
  text-align:left;
  animation:dots 1.2s steps(4,end) infinite;
}
@keyframes dots{
  0%{content:"";}
  25%{content:".";}
  50%{content:"..";}
  75%{content:"...";}
  100%{content:"";}
}


/* =====================================================
   CONTACT PAGE – SAFE RESET (NO WEIRD OVERLAP / WIDTH)
   Paste at END of styles.css
   ===================================================== */

/* Keep same left/right padding as hero */
.contact-page-ss{
  width:100%;
  float:left;
  padding: 26px 0 30px !important;
}

/* Make cards follow the same internal alignment as banner */
.contact-top-card,
.contact-map-card,
.contact-legal{
  width:100% !important;
  max-width:none !important;
  margin: 0 !important;
}

/* Give same side padding as your hero section */
.contact-page-ss .contact-top-card,
.contact-page-ss .contact-map-card,
.contact-page-ss .contact-legal{
  padding-left: 60px !important;
  padding-right: 60px !important;
  box-sizing: border-box;
}

/* TOP CARD */
.contact-top-card{
  background:#f5f5f3;
  border-radius:14px;
  border-top:6px solid #0b57ff;
  box-shadow:0 12px 28px rgba(0,0,0,.10);
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  margin: 18px 0 24px !important;
}

.contact-top-grid{
  max-width: 1200px;         /* keeps content neat */
  margin: 0 auto;            /* centers internal content */
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  text-align:center;
}

.contact-top-icon img{
  width:70px;
  height:auto;
  display:block;
  margin: 0 auto 12px;
}

.contact-top-title{
  margin: 10px 0 8px;
  font-family:'poppinsbold';
  font-size: 32px;
  letter-spacing: 1px;
  color:#222;
}

.contact-top-desc{
  margin:0 auto;
  max-width: 460px;
  font-family:'poppinsregular';
  font-size: 18px;
  line-height: 26px;
  color:#666;
}

/* MAP CARD */
.contact-map-card{
  background:#f2f2f2;
  border-radius:14px;
  box-shadow:0 12px 28px rgba(0,0,0,.08);
  padding-top: 36px !important;
  padding-bottom: 36px !important;
  position:relative;
  overflow:hidden;
}

.contact-map-card::before{
  content:"";
  position:absolute;
  inset:0;
  background: url("imgs/world-map-bg.png") center/cover no-repeat;
  opacity: .18;
  pointer-events:none;
}

.contact-map-card *{ position:relative; z-index:1; }

.contact-map-grid{
  max-width: 1200px;
  margin: 0 auto;
  display:grid;
  grid-template-columns: 1.25fr 0.75fr;
  grid-template-areas:
    "pk usa"
    "pk uk";
  gap: 24px 44px;
}

.map-pk{ grid-area: pk; }
.map-usa{ grid-area: usa; }
.map-uk{ grid-area: uk; }

.map-item{
  display:flex;
  gap: 18px;
  align-items:flex-start;
}

.map-icon{
  width:120px;
  min-width:120px;
}

.map-icon img{
  width:120px;
  height:auto;
  display:block;
}

.map-company{
  font-family:'poppinsbold';
  color:#666;
  font-size:18px;
  margin: 2px 0 6px;
}

.map-addr{
  margin:0 0 10px;
  font-family:'poppinsregular';
  font-size:18px;
  line-height:28px;
  color:#666;
}

.map-line{
  margin:10px 0;
  font-family:'poppinsregular';
  font-size:20px;
  line-height:30px;
  color:#666;
}

.map-line strong{
  font-family:'poppinsbold';
  color:#555;
}

.map-line span{
  font-size:14px;
  color:#888;
}

/* LEGAL */
.contact-legal{
  margin:16px 0 0 !important;
  font-family:'poppinsregular';
  font-size:14px;
  line-height:22px;
  color:#666;
}

.contact-legal a{
  color:#0551e5;
  text-decoration:none;
}

/* Responsive */



/* HERO sizing */
.paym-hero{ background:#eef4ff; }
.paym-hero .paym-sub{
  margin:18px 0 0;
  max-width:560px;
  font-family:'poppinsregular';
  font-size:18px;
  line-height:28px;
  color:#6b7280;
}
/* Make hero image smaller + balanced */
.paym-hero .home-main-bnr-image img{
  max-width:420px;
  width:100%;
  height:auto;
}

/* Full-width like your other pages */
.paym-page{
  width:100%;
  float:left;
  background:#fff;
  padding:36px 0 70px;
}
.paym-wrap{
  width:100%;
  padding:0 60px;
  box-sizing:border-box;
}

/* Layout */
.paym-layout{
  display:grid;
  grid-template-columns: 300px 1fr;
  gap:28px;
  align-items:start;
}

/* Left nav */
.paym-nav{
  position: sticky;
  top: 110px; /* adjust: 90–140 depending on your header height */
  z-index: 5;
  background:#fff;
  border:1px solid #eef0f4;
  border-radius:14px;
  box-shadow:0 10px 25px rgba(0,0,0,.06);
  padding:16px;
}
.paym-nav-title{
  font-family:'poppinsbold';
  font-size:16px;
  color:#111827;
  margin:2px 0 12px;
}
.paym-nav-link{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 10px;
  border-radius:10px;
  text-decoration:none;
  color:#374151;
  font-family:'poppinsregular';
  font-size:14px;
  transition:.15s ease;
}
.paym-nav-link:hover{
  background:#f3f7ff;
  color:#0b57ff;
}
.pm-ico{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:#f3f4f6;
  color:#111827;
}
.paym-nav-link:hover .pm-ico{
  background:#e9f0ff;
  color:#0b57ff;
}

/* Content sections */
.paym-section{ margin-bottom:26px; }
.paym-section-head{
  display:flex;
  gap:14px;
  align-items:flex-start;
  margin-bottom:12px;
}
.paym-section-head h2{
  margin:0;
  font-family:'poppinsbold';
  font-size:22px;
  color:#111827;
}
.paym-section-head p{
  margin:6px 0 0;
  font-family:'poppinsregular';
  color:#6b7280;
  line-height:24px;
}
.paym-badge{
  width:44px;
  height:44px;
  border-radius:14px;
  background:#0b57ff;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 20px rgba(11,87,255,.18);
  flex:0 0 auto;
}

/* Panel */
.paym-panel{
  background:#fff;
  border:1px solid #eef0f4;
  border-radius:14px;
  box-shadow:0 10px 25px rgba(0,0,0,.06);
  padding:18px 18px;
}

/* Steps */
.paym-steps{
  margin:0;
  padding-left:18px;
  font-family:'poppinsregular';
  color:#374151;
  line-height:26px;
}
.paym-steps strong{ font-family:'poppinsbold'; }

/* Notes */
.paym-note{
  margin-top:14px;
  padding:12px 12px;
  border-radius:12px;
  background:#f7f7fb;
  color:#374151;
  font-family:'poppinsregular';
  line-height:22px;
  border:1px solid #eef0f4;
}
.paym-note-blue{
  background:#f3f7ff;
  border-color:#dbe7ff;
}

/* Address box */
.paym-address{
  font-family:'poppinsregular';
  color:#374151;
  line-height:24px;
}

/* Bank cards */
.bank-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:18px;
  margin-top:14px;
}
.bank-card{
  border:1px solid #eef0f4;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.05);
  padding:16px;
}
.bank-top{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}
.bank-logo{
  height:44px;
  width:auto;
  display:block;
}
.bank-name{
  font-family:'poppinsbold';
  font-size:16px;
  color:#0b57ff;
}
.bank-lines{
  font-family:'poppinsregular';
  font-size:13px;
  line-height:21px;
  color:#4b5563;
}
.bank-lines strong{
  font-family:'poppinsbold';
  color:#111827;
}

.paym-section{
  scroll-margin-top: 120px; /* match your sticky top/header */
}

/* Responsive */




/* FAQ */
.faq-hero{ background:#eef4ff; }
.faq-hero-sub{
  margin:14px 0 0;
  max-width:560px;
  font-family:'poppinsregular';
  font-size:18px;
  line-height:28px;
  color:#6b7280;
}
.faq-hero .home-main-bnr-image img{
  max-width:420px;
  width:100%;
  height:auto;
}

/* SEARCH */
.faq-search{
  margin-top:18px;
  width:min(620px, 100%);
  background:#fff;
  border:1px solid #e6e8ef;
  border-radius:14px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  box-shadow:0 10px 25px rgba(0,0,0,.06);
}
.faq-search i{ color:#9ca3af; }
.faq-search input{
  border:0;
  outline:none;
  width:100%;
  font-family:'poppinsregular';
  font-size:14px;
  color:#111827;
}
.faq-clear{
  border:0;
  background:#f3f4f6;
  width:30px;
  height:30px;
  border-radius:10px;
  font-size:20px;
  line-height:28px;
  cursor:pointer;
  color:#6b7280;
}
.faq-clear:hover{ background:#e9f0ff; color:#0b57ff; }

/* Pills */
.faq-quick{ margin-top:14px; display:flex; gap:10px; flex-wrap:wrap; }
.faq-pill{
  background:#fff;
  border:1px solid #e6e8ef;
  border-radius:999px;
  padding:10px 14px;
  font-family:'poppinsregular';
  font-size:13px;
  cursor:pointer;
  color:#374151;
  box-shadow:0 8px 18px rgba(0,0,0,.04);
}
.faq-pill:hover{ border-color:#cfe0ff; color:#0b57ff; }

/* Page */
.faq-page{ width:100%; float:left; background:#fff; padding:36px 0 70px; }
.faq-wrap{ width:100%; padding:0 60px; box-sizing:border-box; }

/* Layout */
.faq-layout{
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 26px;
  align-items: start;
}
.faq-wrap > .faq-layout,
.faq-wrap .faq-layout{}

/* Use same naming as above */
.faq-wrap .faq-nav{}

/* Sidebar */
.faq-nav{
  position:sticky;
  top:110px; /* adjust according to your header height */
  z-index:5;
  background:#fff;
  border:1px solid #eef0f4;
  border-radius:14px;
  box-shadow:0 10px 25px rgba(0,0,0,.06);
  padding:16px;
}
.faq-nav-title{
  font-family:'poppinsbold';
  font-size:16px;
  color:#111827;
  margin:2px 0 12px;
}
.faq-nav-link{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 10px;
  border-radius:12px;
  text-decoration:none;
  color:#374151;
  font-family:'poppinsregular';
  font-size:14px;
  transition:.15s ease;
}
.faq-nav-link:hover{ background:#f3f7ff; color:#0b57ff; }
.faq-nav-link.active{ background:#eef4ff; color:#0b57ff; border:1px solid #dbe7ff; }
.faq-ico{
  width:34px; height:34px;
  display:flex; align-items:center; justify-content:center;
  border-radius:10px;
  background:#f3f4f6;
  color:#111827;
}
.faq-nav-link:hover .faq-ico,
.faq-nav-link.active .faq-ico{ background:#e9f0ff; color:#0b57ff; }

/* Help box */
.faq-helpbox{
  margin-top:14px;
  padding:14px;
  border-radius:14px;
  background:#f7f7fb;
  border:1px solid #eef0f4;
}
.faq-help-title{
  font-family:'poppinsbold';
  color:#111827;
  font-size:14px;
}
.faq-help-text{
  margin-top:6px;
  font-family:'poppinsregular';
  color:#6b7280;
  line-height:22px;
  font-size:13px;
}
.faq-help-actions{ display:flex; gap:10px; margin-top:12px; flex-wrap:wrap; }
.faq-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid #e6e8ef;
  background:#fff;
  text-decoration:none;
  font-family:'poppinsregular';
  color:#111827;
  font-size:13px;
}
.faq-btn:hover{ border-color:#cfe0ff; color:#0b57ff; }
.faq-btn-primary{
  background:#0b57ff;
  border-color:#0b57ff;
  color:#fff !important;
}
.faq-btn-primary:hover{ filter:brightness(.95); }

/* Content */
.faq-content{ min-width:0; }
.faq-section{
  padding-bottom:6px;
  margin-bottom:24px;
  scroll-margin-top:120px; /* so anchor jumps are not hidden under header */
}
.faq-section-head{
  display:flex;
  gap:14px;
  align-items:flex-start;
  margin-bottom:12px;
}
.faq-badge{
  width:44px; height:44px;
  border-radius:14px;
  background:#0b57ff;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 20px rgba(11,87,255,.18);
  flex:0 0 auto;
}
.faq-section-head h2{
  margin:0;
  font-family:'poppinsbold';
  font-size:22px;
  color:#111827;
}
.faq-section-head p{
  margin:6px 0 0;
  font-family:'poppinsregular';
  color:#6b7280;
  line-height:24px;
}

/* Accordion */
.faq-accordion{
  background:#fff;
  border:1px solid #eef0f4;
  border-radius:14px;
  box-shadow:0 10px 25px rgba(0,0,0,.06);
  overflow:hidden;
}
.faq-item{ border-top:1px solid #eef0f4; }
.faq-item:first-child{ border-top:0; }

.faq-q{
  width:100%;
  text-align:left;
  background:#fff;
  border:0;
  padding:16px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  font-family:'poppinsbold';
  color:#111827;
  font-size:14px;
}
.faq-q i{
  color:#9ca3af;
  transition:.15s ease;
}
.faq-item.open .faq-q i{
  transform:rotate(180deg);
  color:#0b57ff;
}
.faq-a{
  display:none;
  padding:0 16px 16px;
  font-family:'poppinsregular';
  color:#4b5563;
  line-height:24px;
  font-size:13.5px;
}
.faq-item.open .faq-a{ display:block; }

/* CTA */
.faq-cta{
  margin-top:18px;
  border:1px solid #dbe7ff;
  background:#f3f7ff;
  border-radius:14px;
  padding:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.faq-cta h3{
  margin:0;
  font-family:'poppinsbold';
  color:#111827;
  font-size:16px;
}
.faq-cta p{
  margin:6px 0 0;
  font-family:'poppinsregular';
  color:#6b7280;
  line-height:22px;
}
.faq-cta-right{ display:flex; gap:10px; flex-wrap:wrap; }

/* Empty */
.faq-empty{
  margin-top:18px;
  border:1px solid #eef0f4;
  border-radius:14px;
  padding:18px;
  background:#fff;
  box-shadow:0 10px 25px rgba(0,0,0,.06);
}
.faq-empty-title{
  font-family:'poppinsbold';
  color:#111827;
}
.faq-empty-text{
  margin-top:6px;
  font-family:'poppinsregular';
  color:#6b7280;
}

/* Responsive */




/* WHY SERVER SEA (MIDDLE PAGE ONLY) Paste this BETWEEN your banner section and footer. Uses your existing FontAwesome */


/* ========================= WHY SERVERSEA (AFTER HERO - SCREENSHOT MATCH) ========================= */
.whyss-choose{
  width:100%;
  float:left;
  padding:26px 0 34px;
  background:#fff;
}

.whyss-wrap{
  width:100%;
  max-width:none;
  margin:0 auto;
  padding:0 24px; /* side spacing */
}

/* Heading */
.whyss-head{
  width:100%;
  float:left;
  padding:10px 0 18px;
}
.whyss-head h2{
  margin:0;
  font-size:26px;
  line-height:44px;
  color:#111;
  font-family:'poppinssemibold';
}
.whyss-head p{
  margin:8px 0 0;
  font-size:16px;
  line-height:26px;
  color:#6b7280;
  font-family:'poppinsregular';
}

  .whyss-hero-badges{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:8px;
  }
  .whyss-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff;
    border:1px solid var(--ss-border);
    border-radius:999px;
    padding:10px 12px;
    font-size:13px;
    color:var(--ss-text);
    box-shadow:0 8px 18px rgba(16,24,40,.06);
  }
  .whyss-pill i{ color:var(--ss-brand); }

/* 3x3 grid */
.whyss-grid{
  width:100%;
  float:left;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:22px;
  padding:10px 0 18px;
}

.whyss-card{
  background:#fff;
  border:1px solid var(--ss-border);
  border-radius:18px;
  box-shadow:0 2px 10px rgba(16,24,40,.04);
  padding:20px 22px 22px;
  min-height:150px;
}

.whyss-ico{
  width:54px;
  height:54px;
  border-radius:14px;
  background:#eef5ff;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 0 14px;
}
.whyss-ico i{
  font-size:26px;
  color:#2f80ed;
}

.whyss-card h3{
  margin:0;
  font-size:16px;
  line-height:28px;
  color:#111;
  font-family:'poppinssemibold';
}
.whyss-card p{
  margin:10px 0 0;
  font-size:15px;
  line-height:24px;
  color:#6b7280;
  font-family:'poppinsregular';
}

/* Risk-Free row */
.whyss-row{
  width:100%;
  float:left;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid var(--ss-border);
  border-radius:18px;
  padding:18px 18px;
  background:#fff;
  box-shadow:0 2px 10px rgba(16,24,40,.03);
  margin-top:8px;
}

.whyss-row-left{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.whyss-row-ico{
  width:54px;
  height:54px;
  border-radius:999px;
  background:#eef5ff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.whyss-row-ico i{
  font-size:26px;
  color:#2f80ed;
}

.whyss-row-text h4{
  margin:0;
  font-size:18px;
  line-height:24px;
  color:#111;
  font-family:'poppinssemibold';
}
.whyss-row-text p{
  margin:6px 0 0;
  font-size:14px;
  line-height:22px;
  color:#6b7280;
  font-family:'poppinsregular';
  white-space:normal;
}

.whyss-row-right{
  display:flex;
  align-items:center;
  gap:14px;
  flex:0 0 auto;
}

.whyss-pillbtn{
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid var(--ss-border);
  border-radius:16px;
  padding:12px 14px;
  background:#fff;
  color:#111;
  text-decoration:none;
  min-width:220px;
}
.whyss-pillbtn i{
  font-size:22px;
  color:#2f80ed;
}
.whyss-pillbtn span{
  display:flex;
  flex-direction:column;
  line-height:1.15;
}
.whyss-pillbtn b{
  font-family:'poppinssemibold';
  font-weight:normal;
  font-size:14px;
}
.whyss-pillbtn small{
  margin-top:4px;
  font-size:13px;
  color:#6b7280;
  font-family:'poppinsregular';
}
.whyss-pillbtn:hover{
  border-color:#cfd6e6;
  box-shadow:0 4px 16px rgba(16,24,40,.06);
}

/* Have a question row */
.whyss-help{
  width:100%;
  float:left;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid #b9d6ff;
  background:#eef6ff;
  border-radius:18px;
  padding:18px 18px;
  margin-top:16px;
}

.whyss-help-left{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.whyss-help-ico{
  width:54px;
  height:54px;
  border-radius:14px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 1px 6px rgba(16,24,40,.06);
  flex:0 0 auto;
}
.whyss-help-ico i{
  font-size:26px;
  color:#2f80ed;
}
.whyss-help-text h4{
  margin:0;
  font-size:18px;
  line-height:24px;
  color:#111;
  font-family:'poppinssemibold';
}
.whyss-help-text p{
  margin:6px 0 0;
  font-size:14px;
  line-height:22px;
  color:#6b7280;
  font-family:'poppinsregular';
}

/* Buttons */
.whyss-help-right{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}
.whyss-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:14px;
  text-decoration:none;
  font-size:14px;
  font-family:'poppinssemibold';
  border:1px solid transparent;
}
.whyss-btn i{ font-size:18px; }

.whyss-btn-primary{
  background:#2f80ed;
  color:#fff;
  border-color:#2f80ed;
}
.whyss-btn-primary:hover{ background:#1f6fdc; border-color:#1f6fdc; color:#fff; }

.whyss-btn-ghost{
  background:#fff;
  color:#111;
  border-color:var(--ss-border);
}
.whyss-btn-ghost:hover{ box-shadow:0 4px 16px rgba(16,24,40,.06); }

/* Responsive */








  /* Page-scoped (won't affect other pages) */
 .ss-about-wrap{
  width: 100%;
  margin: 0;
  padding: 0 4%;
}

  .ss-about-hero{
    width:100%;
    float:left;
    background: #f3f6fd; /* matches your site sections */
    padding: 34px 0;
  }

  .ss-about-hero-grid{
    display:grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 22px;
    align-items:center;
  }

  .ss-about-kicker{
    color:#0551e5;
    font-family:'poppinssemibold';
    font-size:20px;
    margin-top:8px;
  }

  .ss-about-title{
    font-size: 44px;
    line-height: 54px;
    color:#222;
    margin:0;
  }

  .ss-about-subtitle{
    margin-top:10px;
    font-size:16px;
    line-height:26px;
    color:#444;
    max-width: 62ch;
  }

  .ss-about-hero-art{
    text-align:right;
  }

  .ss-about-hero-art img{
    max-width: 340px;
    height:auto;
    display:inline-block;
  }

  .ss-about-section{
    width:100%;
    float:left;
    padding: 26px 0 10px;
    background:#fff;
  }

  .ss-about-intro{
    width:100%;
    float:left;
    font-size:16px;
    line-height:26px;
    color:#444;
    text-align:center;
    padding: 6px 0 0;
  }

  .ss-about-cards{
    width:100%;
    float:left;
    margin-top: 18px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }

  .ss-about-card{
    background:#fff;
    border:1px solid #e6e8ef;
    border-radius: 16px;
    box-shadow: 0 14px 34px rgba(16,24,40,.08);
    padding: 18px 18px 16px;
    position:relative;
    overflow:hidden;
  }

  .ss-about-card h3{
    margin:0;
    font-size:26px;
    line-height:34px;
    color:#222;
    font-family:'poppinssemibold';
  }

  .ss-about-card .ss-about-card-sub{
    color:#0551e5;
    font-size:15px;
    margin-top: 6px;
    font-family:'poppinssemibold';
  }

  .ss-about-card p{
    margin-top:10px;
    font-size:15px;
    line-height:24px;
    color:#444;
  }

  .ss-about-list{
    margin: 10px 0 0;
    padding: 0;
  }

  .ss-about-list li{
    list-style:none;
    display:flex;
    gap:10px;
    align-items:flex-start;
    padding: 8px 0;
    color:#444;
    font-size:15px;
    line-height:24px;
  }

  .ss-about-list li::before{
    content:"✓";
    color:#0551e5;
    font-family:'poppinssemibold';
    margin-top:2px;
  }

  .ss-about-card-art{
    margin-top: 12px;
    text-align:right;
    opacity:.9;
  }
  .ss-about-card-art img{
    max-width: 260px;
    height:auto;
    display:inline-block;
  }

  .ss-about-why{
    width:100%;
    float:left;
    background:#f3f6fd;
    padding: 30px 0 34px;
    margin-top: 12px;
  }

  .ss-about-heading{
    text-align:center;
  }
  .ss-about-heading h2{
    margin:0;
    font-size: 42px;
    line-height: 52px;
    color:#222;
  }
  .ss-about-heading p{
    margin: 10px auto 0;
    max-width: 86ch;
    font-size: 15px;
    line-height: 24px;
    color:#444;
  }

  .ss-about-feature-grid{
    margin-top: 18px;
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
  }

  .ss-about-feature{
    background:#fff;
    border:1px solid #e6e8ef;
    border-radius: 16px;
    box-shadow: 0 12px 26px rgba(16,24,40,.08);
    padding: 16px;
    min-height: 168px;
    transition: transform .2s ease, box-shadow .2s ease;
  }

  .ss-about-feature:hover{
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(16,24,40,.12);
  }

  .ss-about-ico{
    width:54px;
    height:54px;
    border-radius: 14px;
    background:#f3f6fd;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom: 10px;
  }
  .ss-about-ico img{
    width:32px;
    height:32px;
  }

  .ss-about-feature h4{
    margin:0;
    font-size: 16px;
    line-height: 22px;
    color:#0551e5;
    font-family:'poppinssemibold';
  }
  .ss-about-feature p{
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    color:#444;
  }

  /* Responsive */
  
  

.ss-guarantee-section{
    width:100%;
    float:left;
    background:#f3f6fd;
    padding: 28px 0 36px;
  }

  .ss-guarantee-inner{
    width:100%;
    float:left;
    padding: 0 4%;
  }

  .ss-guarantee-heading{
    width:100%;
    float:left;
    margin-bottom: 18px;
  }

  .ss-guarantee-heading h1{
    margin:0;
    font-size:42px;
    line-height:52px;
    color:#222;
    font-family:'poppinssemibold';
  }

  .ss-guarantee-grid{
    width:100%;
    float:left;
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }

  .ss-guarantee-card{
    background:#fff;
    border:1px solid #e6e8ef;
    border-radius:16px;
    box-shadow: 0 14px 34px rgba(16,24,40,.10);
    padding: 20px 22px;
  }

  .ss-guarantee-card-head{
    display:flex;
    gap:14px;
    align-items:center;
    margin-bottom: 10px;
  }

  .ss-guarantee-card-head img{
    width:42px;
    height:42px;
  }

  .ss-guarantee-card-head h3{
    margin:0;
    font-size:22px;
    line-height:30px;
    color:#0551e5;
    font-family:'poppinssemibold';
  }

  .ss-guarantee-card p{
    font-size:15px;
    line-height:25px;
    color:#444;
    margin-bottom: 10px;
  }

  

.ss-guarantee-hero{
  width:100%;
  float:left;
  background:#f3f6fd;
  padding: 32px 0 38px;
}

.ss-guarantee-hero-inner{
  width:100%;
  padding: 0 4%;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  align-items:center;
  gap:20px;
}

.ss-guarantee-hero-text h1{
  margin:0;
  font-size:46px;
  line-height:56px;
  color:#222;
  font-family:'poppinssemibold';
}

.ss-guarantee-hero-text p{
  margin-top:10px;
  font-size:16px;
  line-height:26px;
  color:#444;
  max-width: 70ch;
}

.ss-guarantee-hero-art{
  text-align:right;
}

.ss-guarantee-hero-art img{
  max-width: 320px;
  height:auto;
}


  /* HERO */
  .ss-mission-hero{
    width:100%;
    float:left;
    background:#f3f6fd;
    padding: 34px 0 40px;
  }

  .ss-mission-hero-inner{
    width:100%;
    padding: 0 4%;
    display:grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 20px;
    align-items:center;
  }

  .ss-mission-hero h1{
    margin:0;
    font-size: 46px;
    line-height: 56px;
    color:#222;
    font-family:'poppinssemibold';
  }

  .ss-mission-hero p{
    margin-top: 12px;
    font-size: 16px;
    line-height: 26px;
    color:#444;
    max-width: 78ch;
  }

  .ss-mission-hero-art{
    text-align:right;
  }
  .ss-mission-hero-art img{
    max-width: 320px;
    height:auto;
    display:inline-block;
  }

  /* BODY SECTION */
  .ss-mission-section{
    width:100%;
    float:left;
    background:#fff;
    padding: 26px 0 40px;
  }

  .ss-mission-inner{
    width:100%;
    padding: 0 4%;
  }

  .ss-mission-title{
    width:100%;
    float:left;
    margin-bottom: 14px;
  }

  .ss-mission-title h2{
    margin:0;
    font-size: 30px;
    line-height: 40px;
    color:#111;
    font-family:'poppinssemibold';
  }

  /* CARDS GRID */
  .ss-mission-grid{
    width:100%;
    float:left;
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }

  .ss-mission-card{
    background:#fff;
    border:1px solid #e6e8ef;
    border-radius:16px;
    box-shadow: 0 14px 34px rgba(16,24,40,.10);
    padding: 18px 20px;
    min-height: 170px;
  }

  .ss-mission-card-head{
    display:flex;
    align-items:center;
    gap: 14px;
    margin-bottom: 10px;
  }

  .ss-mission-card-head img{
    width:40px;
    height:40px;
  }

  .ss-mission-card-head h3{
    margin:0;
    font-size: 20px;
    line-height: 28px;
    color:#0551e5;
    font-family:'poppinssemibold';
  }

  .ss-mission-card p{
    margin:0;
    font-size: 15px;
    line-height: 25px;
    color:#444;
  }

  /* Responsive */
  




/* HERO */
  .ss-dc-hero{
    width:100%;
    float:left;
    background:#f3f6fd;
    padding: 34px 0 40px;
  }
  .ss-dc-hero-inner{
    width:100%;
    padding: 0 4%;
    display:grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 20px;
    align-items:center;
  }
  .ss-dc-hero h1{
    margin:0;
    font-size:46px;
    line-height:56px;
    color:#222;
    font-family:'poppinssemibold';
  }
  .ss-dc-hero p{
    margin-top:12px;
    font-size:16px;
    line-height:26px;
    color:#444;
    max-width: 80ch;
  }
  .ss-dc-hero-art{ text-align:right; }
  .ss-dc-hero-art img{ max-width:340px; height:auto; display:inline-block; }

  /* SECTION */
  .ss-dc-sec{
    width:100%;
    float:left;
    background:#fff;
    padding: 26px 0 34px;
  }
  .ss-dc-inner{
    width:100%;
    float:left;
    padding: 0 4%;
  }

  .ss-dc-lead{
    width:100%;
    float:left;
    font-size:16px;
    line-height:26px;
    color:#444;
    margin-bottom: 14px;
  }

  /* FEATURE GRID */
  .ss-dc-grid{
    width:100%;
    float:left;
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 10px;
  }

  .ss-dc-card{
    background:#fff;
    border:1px solid #e6e8ef;
    border-radius:16px;
    box-shadow: 0 14px 34px rgba(16,24,40,.10);
    padding: 16px 16px 14px;
    min-height: 170px;
  }
  .ss-dc-card-head{
    display:flex;
    gap: 12px;
    align-items:center;
    margin-bottom: 10px;
  }
  .ss-dc-ico{
    width:52px;
    height:52px;
    border-radius:14px;
    background:#f3f6fd;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .ss-dc-ico img{ width:30px; height:30px; }

  .ss-dc-card h3{
    margin:0;
    font-size:18px;
    line-height:26px;
    color:#0551e5;
    font-family:'poppinssemibold';
  }
  .ss-dc-card p{
    margin:0;
    font-size:14px;
    line-height:23px;
    color:#444;
  }

  /* BIG BOX */
  .ss-dc-box{
    width:100%;
    float:left;
    margin-top: 18px;
    background:#f3f6fd;
    border:1px solid #e6e8ef;
    border-radius:16px;
    padding: 18px;
  }
  .ss-dc-box h2{
    margin:0;
    font-size:22px;
    line-height:32px;
    color:#222;
    font-family:'poppinssemibold';
  }
  .ss-dc-points{
    margin: 10px 0 0;
    padding:0;
  }
  .ss-dc-points li{
    list-style:none;
    padding: 8px 0;
    font-size:15px;
    line-height:24px;
    color:#444;
    display:flex;
    gap:10px;
    align-items:flex-start;
  }
  .ss-dc-points li::before{
    content:"✓";
    color:#0551e5;
    font-family:'poppinssemibold';
    margin-top:1px;
  }

  /* FAQ */
  .ss-dc-faq{
    width:100%;
    float:left;
    margin-top: 18px;
  }
  .ss-dc-faq h2{
    margin:0 0 10px;
    font-size:22px;
    line-height:32px;
    color:#222;
    font-family:'poppinssemibold';
  }
  details.ss-dc-qa{
    background:#fff;
    border:1px solid #e6e8ef;
    border-radius:14px;
    box-shadow: 0 10px 24px rgba(16,24,40,.06);
    padding: 12px 14px;
    margin-bottom: 10px;
  }
  details.ss-dc-qa summary{
    cursor:pointer;
    font-family:'poppinssemibold';
    color:#0551e5;
    font-size:16px;
    line-height:24px;
    list-style:none;
  }
  details.ss-dc-qa summary::-webkit-details-marker{ display:none; }
  details.ss-dc-qa div{
    margin-top: 8px;
    font-size:14px;
    line-height:23px;
    color:#444;
  }

  
  

  /* HERO */
  .ss-support-hero{
    width:100%;
    float:left;
    background:#f3f6fd;
    padding: 34px 0 40px;
  }

  .ss-support-hero-inner{
    width:100%;
    padding: 0 4%;
    display:grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 20px;
    align-items:center;
  }

  .ss-support-hero h1{
    margin:0;
    font-size:46px;
    line-height:56px;
    color:#222;
    font-family:'poppinssemibold';
  }

  .ss-support-hero p{
    margin-top:12px;
    font-size:16px;
    line-height:26px;
    color:#444;
    max-width: 85ch;
  }

  .ss-support-hero-art{ text-align:right; }
  .ss-support-hero-art img{
    max-width: 340px;
    height:auto;
    display:inline-block;
  }

  /* CONTENT */
  .ss-support-sec{
    width:100%;
    float:left;
    background:#fff;
    padding: 26px 0 40px;
  }

  .ss-support-inner{
    width:100%;
    padding: 0 4%;
  }

  .ss-support-grid{
    width:100%;
    float:left;
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }

  .ss-support-card{
    background:#fff;
    border:1px solid #e6e8ef;
    border-radius:16px;
    box-shadow: 0 14px 34px rgba(16,24,40,.10);
    padding: 18px 20px;
    min-height: 170px;
  }

  .ss-support-card-head{
    display:flex;
    align-items:center;
    gap: 14px;
    margin-bottom: 10px;
  }

  .ss-support-card-head img{
    width:40px;
    height:40px;
  }

  .ss-support-card-head h3{
    margin:0;
    font-size:20px;
    line-height:28px;
    color:#0551e5;
    font-family:'poppinssemibold';
  }

  .ss-support-card p{
    margin:0;
    font-size:15px;
    line-height:25px;
    color:#444;
  }

  .ss-support-note{
    margin-top: 10px;
    font-size: 14px;
    line-height: 23px;
    color:#555;
  }

  .ss-support-links{
    margin-top: 10px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }

  .ss-support-links a{
    display:inline-block;
    text-decoration:none;
    background:#f3f6fd;
    border:1px solid #e6e8ef;
    color:#0551e5;
    padding: 8px 12px;
    border-radius: 12px;
    font-size: 14px;
    font-family:'poppinssemibold';
  }

  /* Responsive */
  






  .ss-ref-hero{
    width:100%;
    float:left;
    background:#f3f6fd;
    padding: 34px 0 40px;
  }
  .ss-ref-hero-inner{
    width:100%;
    padding: 0 4%;
    display:grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 20px;
    align-items:center;
  }
  .ss-ref-hero h1{
    margin:0;
    font-size:46px;
    line-height:56px;
    color:#222;
    font-family:'poppinssemibold';
  }
  .ss-ref-hero p{
    margin-top:12px;
    font-size:16px;
    line-height:26px;
    color:#444;
    max-width: 90ch;
  }
  .ss-ref-hero-art{ text-align:right; }
  .ss-ref-hero-art img{
    max-width: 340px;
    height:auto;
    display:inline-block;
  }

  /* PAGE */
  .ss-ref-sec{
    width:100%;
    float:left;
    background:#fff;
    padding: 22px 0 44px;
  }
  .ss-ref-inner{
    width:100%;
    padding: 0 4%;
  }

  .ss-ref-card{
    background:#fff;
    border:1px solid #e6e8ef;
    border-radius:16px;
    box-shadow: 0 14px 34px rgba(16,24,40,.10);
    padding: 18px 18px;
  }

  .ss-ref-lead{
    font-size:15px;
    line-height:25px;
    color:#444;
    margin:0 0 14px;
  }

  .ss-ref-note{
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 22px;
    color:#555;
    background:#f3f6fd;
    border:1px solid #e6e8ef;
    border-radius: 14px;
    padding: 12px 14px;
  }

  /* Headings */
  .ss-ref-h2{
    margin: 16px 0 8px;
    font-size: 20px;
    line-height: 28px;
    color:#222;
    font-family:'poppinssemibold';
  }
  .ss-ref-h3{
    margin: 12px 0 6px;
    font-size: 16px;
    line-height: 24px;
    color:#0551e5;
    font-family:'poppinssemibold';
  }

  /* Lists */
  .ss-ref-ol{
    margin: 8px 0 14px 18px;
    padding:0;
    color:#444;
    font-size:15px;
    line-height:25px;
  }
  .ss-ref-ol li{ margin: 6px 0; }

  .ss-ref-ul{
    margin: 8px 0 14px;
    padding:0;
  }
  .ss-ref-ul li{
    list-style:none;
    padding: 6px 0;
    display:flex;
    gap:10px;
    align-items:flex-start;
    color:#444;
    font-size:15px;
    line-height:25px;
  }
  .ss-ref-ul li::before{
    content:"✓";
    color:#0551e5;
    font-family:'poppinssemibold';
    margin-top:1px;
  }

  /* Table */
  .ss-ref-table-wrap{
    margin-top: 14px;
    overflow:auto;
    border-radius: 14px;
    border:1px solid #e6e8ef;
  }
  table.ss-ref-table{
    width:100%;
    border-collapse:collapse;
    min-width: 520px;
    background:#fff;
  }
  .ss-ref-table th{
    text-align:left;
    padding: 12px 12px;
    background:#f3f6fd;
    color:#222;
    font-size: 14px;
    font-family:'poppinssemibold';
    border-bottom:1px solid #e6e8ef;
  }
  .ss-ref-table td{
    padding: 12px 12px;
    color:#444;
    font-size: 14px;
    border-bottom:1px solid #eef0f6;
  }
  .ss-ref-table tr:last-child td{ border-bottom:0; }

  .ss-ref-cta{
    text-align:center;
    margin-top: 16px;
    font-size:14px;
    line-height:22px;
    color:#444;
  }
  .ss-ref-cta a{
    color:#0551e5;
    text-decoration:none;
    font-family:'poppinssemibold';
  }

  



  /* HERO */
  .ss-pp-hero{
    width:100%;
    float:left;
    background:#f3f6fd;
    padding: 34px 0 40px;
  }
  .ss-pp-hero-inner{
    width:100%;
    padding: 0 4%;
    display:grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 20px;
    align-items:center;
  }
  .ss-pp-hero h1{
    margin:0;
    font-size:46px;
    line-height:56px;
    color:#222;
    font-family:'poppinssemibold';
  }
  .ss-pp-hero p{
    margin-top:12px;
    font-size:16px;
    line-height:26px;
    color:#444;
    max-width: 90ch;
  }
  .ss-pp-hero-art{ text-align:right; }
  .ss-pp-hero-art img{
    max-width: 340px;
    height:auto;
    display:inline-block;
  }

  /* CONTENT */
  .ss-pp-sec{
    width:100%;
    float:left;
    background:#fff;
    padding: 22px 0 44px;
  }
  .ss-pp-inner{
    width:100%;
    padding: 0 4%;
  }
  .ss-pp-card{
    background:#fff;
    border:1px solid #e6e8ef;
    border-radius:16px;
    box-shadow: 0 14px 34px rgba(16,24,40,.10);
    padding: 18px 18px;
  }

  .ss-pp-card p{
    margin: 0 0 12px;
    font-size:15px;
    line-height:25px;
    color:#444;
  }

  .ss-pp-h2{
    margin: 16px 0 8px;
    font-size: 20px;
    line-height: 28px;
    color:#222;
    font-family:'poppinssemibold';
  }

  .ss-pp-note{
    margin-top: 12px;
    font-size: 14px;
    line-height: 22px;
    color:#555;
    background:#f3f6fd;
    border:1px solid #e6e8ef;
    border-radius: 14px;
    padding: 12px 14px;
  }

  .ss-pp-email a{
    color:#0551e5;
    text-decoration:none;
    font-family:'poppinssemibold';
  }

  

/* HERO */
.ss-legal-hero{
  width:100%;
  float:left;
  background:#f3f6fd;
  padding:34px 0 40px;
}
.ss-legal-hero-inner{
  width:100%;
  padding:0 4%;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:20px;
  align-items:center;
}
.ss-legal-hero h1{
  margin:0;
  font-size:46px;
  line-height:56px;
  color:#222;
  font-family:'poppinssemibold';
}
.ss-legal-meta{
  margin-top:6px;
  font-size:14px;
  line-height:22px;
  color:#666;
}
.ss-legal-hero p{
  margin-top:12px;
  font-size:16px;
  line-height:26px;
  color:#444;
  max-width:92ch;
}
.ss-legal-hero-art{ text-align:right; }
.ss-legal-hero-art img{ max-width:340px; height:auto; }

/* CONTENT */
.ss-legal-sec{
  width:100%;
  float:left;
  background:#fff;
  padding:22px 0 44px;
}
.ss-legal-inner{ width:100%; padding:0 4%; }

.ss-legal-box{
  width:100%;
  float:left;
  margin-top:18px;
  background:#fff;
  border:1px solid #e6e8ef;
  border-radius:16px;
  box-shadow:0 14px 34px rgba(16,24,40,.08);
  padding:18px;
}
.ss-legal-box h2{
  margin:0 0 10px;
  font-size:22px;
  line-height:32px;
  color:#222;
  font-family:'poppinssemibold';
}
.ss-legal-box h3{
  margin:14px 0 8px;
  font-size:16px;
  line-height:24px;
  color:#0551e5;
  font-family:'poppinssemibold';
}
.ss-legal-box p{
  margin:0 0 10px;
  font-size:15px;
  line-height:25px;
  slices:0;
  color:#444;
}
.ss-legal-text p:last-child{ margin-bottom:0; }

/* Lists */
.ss-legal-ul{ margin:6px 0 0; padding:0; }
.ss-legal-ul li{
  list-style:none;
  padding:6px 0;
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:15px;
  line-height:25px;
  color:#444;
}
.ss-legal-ul li::before{
  content:"✓";
  color:#0551e5;
  font-family:'poppinssemibold';
  margin-top:1px;
}

/* Ordered lists (for 13.1.1 etc.) */
.ss-legal-ol{
  margin:6px 0 10px 18px;
  padding:0;
}
.ss-legal-ol li{
  margin:6px 0;
  font-size:15px;
  line-height:25px;
  color:#444;
}

/* Links */
.ss-legal-box a{
  color:#0551e5;
  text-decoration:none;
  font-family:'poppinssemibold';
}
.ss-legal-box a:hover{ text-decoration:underline; }

/* Responsive */


/* ========================= HISTORY PAGE ========================= */

/* =========================
   HISTORY PAGE (Full-width)
   ========================= */

.ss-history-hero{
  width:100%;
  float:left;
  background:#0551e5;
  padding:70px 0;
}
.ss-history-hero h1{
  width:100%;
  float:left;
  margin:0;
  text-align:center;
  color:#fff;
  font-family:'poppinssemibold';
  font-size: clamp(34px, 4.2vw, 62px);
  line-height: 1.15;
  letter-spacing: .2px;
}

/* Light background like screenshot */
.ss-history{
  width:100%;
  float:left;
  padding:38px 0 70px;
}

/* Wider container for large screens */
.ss-history-wrap{
  width:min(1600px, 92%);
  margin:0 auto;
}

/* White readable content block */
.ss-history-card{
  width:100%;
  float:left;
  background:#fff;
  border-radius:14px;
  padding:34px 38px;
  box-shadow:0 14px 34px rgba(16,24,40,.10);
}

/* Typography */
.ss-history-card p{
  margin:0 0 26px;
  font-size:18px;
  line-height:30px;
  color:#444;
  font-family:'poppinsregular';
}
.ss-history-card p:last-child{ margin-bottom:0; }

.ss-history-card strong{
  color:#222;
  font-family:'poppinssemibold';
}

/* Responsive */


/* =========================
   ABOUT-LIKE HERO (Same Scheme)
   ========================= */

.ss-hero{
  width:100%;
  float:left;
  background:#f3f6fd;            /* light bluish background */
  padding:34px 0;
}

.ss-hero-wrap{
  width:100%;
  margin: 0;
  padding: 0 4%;
}

.ss-hero-grid{
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap:28px;
  align-items:center;
}

.ss-hero-title{
  margin:0;
  font-size: clamp(34px, 4vw, 56px);
  line-height:1.05;
  color:#111;
  font-family:'poppinssemibold';
}

.ss-hero-kicker{
  margin-top:10px;
  font-size:18px;
  color:#1f66ff;                 /* same “blue” feel */
  font-family:'poppinssemibold';
}

.ss-hero-text{
  margin-top:10px;
  max-width: 720px;
  font-size:16px;
  line-height:26px;
  color:#4b5563;
  font-family:'poppinsregular';
}

.ss-hero-art{
  width:100%;
  display:flex;
  justify-content:flex-end;
  align-items:center;
}

.ss-hero-art img{
  width:min(340px, 100%);
  height:auto;
  display:block;
}

/* Responsive */


/* =========================
   HISTORY TIMELINE
   ========================= */

.ss-history-timeline{
  width:100%;
  float:left;
  padding:26px 0 10px;
}

.ss-history-wrap{
  width:100%;
  margin:0;
  padding: 0 4%;
}

/* Timeline container */
.ss-timeline{
  position:relative;
  padding-left:40px;
}

/* Vertical line */
.ss-timeline:before{
  content:'';
  position:absolute;
  left:12px;
  top:0;
  bottom:0;
  width:2px;
  background:#dbe4ff;
}

/* Timeline item */
.ss-timeline-item{
  position:relative;
  margin-bottom:36px;
}

.ss-timeline-item:last-child{
  margin-bottom:0;
}

/* Dot */
.ss-timeline-dot{
  position:absolute;
  left:3px;
  top:6px;
  width:18px;
  height:18px;
  background:#1f66ff;
  border-radius:50%;
}

/* Content card */
.ss-timeline-card{
  background:#fff;
  border-radius:14px;
  padding:22px 26px;
  box-shadow:0 12px 28px rgba(16,24,40,.10);
}

/* Year */
.ss-timeline-year{
  font-size:18px;
  font-family:'poppinssemibold';
  color:#1f66ff;
  margin-bottom:6px;
}

/* Title */
.ss-timeline-title{
  font-size:20px;
  font-family:'poppinssemibold';
  color:#111;
  margin-bottom:8px;
}

/* Text */
.ss-timeline-text{
  font-size:16px;
  line-height:26px;
  color:#4b5563;
}

/* Responsive */



/* Legal disclosure box */
.ss-history-disclosure{
  margin-top:18px;
  background:#ffffff;
  border:1px dashed #dbe4ff;
  border-radius:14px;
  padding:16px 18px;
}
.ss-history-disclosure h4{
  margin:0 0 6px;
  font-family:'poppinssemibold';
  font-size:14px;
  color:#111;
}
.ss-history-disclosure p{
  margin:0;
  font-size:13px;
  line-height:21px;
  color:#667085;
  font-family:'poppinsregular';
}




/* ===== Sticky TOC layout (right side) ===== */
.ss-legal-layout{
  width:100%;
  display:grid;
  grid-template-columns: 1fr 320px;
  gap:18px;
  align-items:start;
}

.ss-legal-main{ min-width:0; } /* prevents overflow on long words */

.ss-legal-toc{
  position: sticky;
  top: 90px;             /* adjust if your header height is bigger/smaller */
  align-self:start;
}

.ss-legal-toc-box{
  background:#fff;
  border:1px solid #e6e8ef;
  border-radius:16px;
  box-shadow:0 14px 34px rgba(16,24,40,.08);
  padding:14px 14px 10px;
}

.ss-legal-toc-title{
  margin:0 0 10px;
  font-size:16px;
  line-height:24px;
  color:#222;
  font-family:'poppinssemibold';
}

.ss-legal-toc-list{
  margin:0;
  padding:0;
  list-style:none;
  max-height: calc(100vh - 150px);
  overflow:auto;
}

.ss-legal-toc-list li{ margin:0; padding:0; }

.ss-legal-toc-list a{
  display:flex;
  gap:10px;
  align-items:flex-start;
  text-decoration:none;
  padding:8px 10px;
  border-radius:12px;
  color:#444;
  font-size:14px;
  line-height:20px;
}

.ss-legal-toc-num{
  min-width: 20px;
  color:#0551e5;
  font-family:'poppinssemibold';
}

.ss-legal-toc-list a:hover{
  background:#f3f6fd;
  color:#0551e5;
}

.ss-legal-toc-list a.active{
  background:#f3f6fd;
  border:1px solid #e6e8ef;
  color:#0551e5;
}




/* ===== Legal pseudo-list (no ul/ol) ===== */
.ss-legal-list{
  width:100%;
  float:left;
  margin:6px 0 10px;
}

.ss-legal-row{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:6px 0;
  font-size:15px;
  line-height:25px;
  color:#444;
}

.ss-legal-row-num{
  min-width:64px;           /* enough for 13.1.10 type */
  color:#0551e5;
  font-family:'poppinssemibold';
  flex:0 0 auto;
}

.ss-legal-row-text{
  flex:1 1 auto;
  min-width:0;
}



/* ================= Responsive (all breakpoints) ================= */

@media only screen and (max-width:1600px){
.top-right{ float:right; padding:5px 15px 0 0;}
.top-right ul li{ padding:32px 15px; font-size:16px;}
.explore-box p{ width:100%; height:150px; font-size:16px; line-height:26px; padding:20px 0 0;}
.explore-area-box{ width:100%; min-height:270px; padding:20px; box-shadow:0px 0px 10px #043aa3; border-radius:10px;}
.domain-reg-box{ height:280px; padding:20px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px;}
.why-buy-domain-box{ height:400px;  padding:20px; box-shadow:0px 0px 10px #0546c4; border-radius:10px;}
.reg-domain-box{ height:220px; padding:20px; box-shadow:0px 0px 10px #ccc; border-radius:10px;}
.budget-box-textbox{ height:165px; padding:20px;}
.budget-blue{ width:80%; font-size:12px; color:#0a58ef; padding:5px 0; text-align:left;}
.budget-vps-box p{ height:130px; font-size:16px; line-height:26px; padding:20px 0 0;}
}

@media only screen and (max-width:1440px){
.top-right ul li{ padding:33px 10px;  font-size:15px;}
.logo{ float:left; padding:15px 15px 0;}
.cheap-hosting-box h1{ font-size:24px;}
.cheap-hosting-box h2{ font-size:24px;}
.cheap-hosting-box h3{ font-size:24px;}
.cheap-hosting-box h4{ font-size:24px;}
.explore-area-box{ width:100%; min-height:320px; padding:20px; box-shadow:0px 0px 10px #043aa3; border-radius:10px;}

}

@media only screen and (max-width:1366px){
.logo{ width:270px; padding:15px 15px 0;}
.top-right{ float:right; padding:0 10px 0 0;}
.top-right ul li{ padding:36px 10px;  font-size:14px;}
.top-right ul li a span{ width:20px; font-size:12px; padding:3px; position:absolute; top:5px;}
.shared-main-bnr h1{ padding:10px 0 0; font-size:32px;}
.main-heading h1{ width:100%; float:left; font-size:36px; line-height:46px; padding:0; text-align:center; color:#222;}
.main-heading h2{ width:100%; float:left; font-size:36px; line-height:46px; padding:0; text-align:center; color:#222;}
.main-heading h3{ width:100%; float:left; font-size:36px; line-height:46px; padding:0; text-align:center; color:#222;}
.main-heading-sub h1{ width:100%; float:left; font-size:22px; line-height:30px; color:#0551e5; padding:20px 0 0; text-align:center;}
.main-heading-sub h2{ width:100%; float:left; font-size:22px; line-height:30px; color:#0551e5; padding:20px 0 0; text-align:center;}
.main-heading-sub h3{ width:100%; float:left; font-size:22px; line-height:30px; color:#0551e5; padding:20px 0 0; text-align:center;}
.main-heading-sub h4{ width:100%; float:left; font-size:22px; line-height:30px; color:#0551e5; padding:20px 0 0; text-align:center;}
.main-heading-sub-sub h2{ width:100%; float:left; font-size:18px; padding:15px 0; color:#0551e5; line-height:28px; text-align:center;}
.main-heading-sub-sub h3{ width:100%; float:left; font-size:18px; padding:15px 0; color:#0551e5; line-height:28px; text-align:center;}
.main-heading-sub-sub h4{ width:100%; float:left; font-size:18px; padding:15px 0; color:#0551e5; line-height:28px; text-align:center;}
.main-heading-sub-sub h5{ width:100%; float:left; font-size:18px; padding:15px 0; color:#0551e5; line-height:28px; text-align:center;}
.main-heading p{ width:100%; display:inline-block; float:none; font-size:16px; padding:10px; line-height:24px; text-align:center;}
.explore-box h2{ width:75%; font-size:20px; padding:0 20px;}
.explore-box h3{ width:75%; font-size:20px; padding:0 20px;}
.explore-box h4{ width:75%; font-size:20px; padding:0 20px;}
.explore-box h5{ width:75%; font-size:20px; padding:0 20px;}
.explore-box-list{ min-height:210px; float:left; padding:20px 0 0;}
.explore-box-list ul li{ font-size:15px; padding:3px 0;}
.home-about{ padding:30px 20px 10px;}
.cheap-hosting-discount-percent{ font-size:30px;}
.cheap-hosting-discount-percent span{ font-size:14px;}
.cheap-hosting-discount-text{ font-size:12px;}
.cheap-hosting-box h1{ font-size:24px;}
.cheap-hosting-box h2{ font-size:24px;}
.cheap-hosting-box h3{ font-size:24px;}
.cheap-hosting-box h4{ font-size:24px;}
.explore-area-box{ width:100%; min-height:320px; padding:20px; box-shadow:0px 0px 10px #043aa3; border-radius:10px;}
.unlimited-choose-box h1{ width:100%; font-size:20px; padding:15px 0 10px;}
.unlimited-choose-box h2{ width:100%; font-size:20px; padding:15px 0 10px;}
.unlimited-choose-box h3{ width:100%; font-size:20px; padding:15px 0 10px;}
.unlimited-choose-box h4{ width:100%; font-size:20px; padding:15px 0 10px;}
.unlimited-choose-box p{ width:100%; font-size:16px; line-height:26px; padding:0;}
.cheap-hosting-box-price{ font-size:36px; padding:10px 20px;}
.cheap-hosting-box-save{ font-size:24px; margin:10px 0; padding:10px 0;}
.cheap-hosting-box-time{font-size:18px; padding:0 20px;}
.cheap-hosting-box-time span{ width:auto; display:inline-block; float:none; padding:0; font-size:14px;}
.cpanel-features-box h2{ width:75%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.cpanel-features-box h3{ width:75%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.cpanel-features-box h4{ width:75%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.cpanel-features-box h5{ width:75%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.cpanel-features-box-list ul li{ font-size:14px; padding:5px 0;}
.risk-free-box-textbox-button span{ padding:0 0 15px ; font-size:16px; color:#fff;}

.domain-reg{ width:100%; float:left; padding:30px 20px; background:#f3f6fd;}
.domain-reg-main{ width:33.3%; float:left; padding:10px; box-sizing:border-box;}
.domain-reg-box{ width:100%; height:300px; float:left; padding:20px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px;}
.domain-reg-box-img{ width:80px; float:left; padding:10px; background:#f3f6fd; border-radius:5px;}
.domain-reg-box-img img{ max-width:100%; display:inline-block;}
.domain-reg-box h2{ width:75%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.domain-reg-box h3{ width:75%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.domain-reg-box h4{ width:75%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.domain-reg-box h5{ width:75%; float:left; font-size:20px; color:#222; padding:0 0 0 15px; text-align:left;}
.domain-reg-box p{ width:100%; float:left; font-size:14px; line-height:26px; color:#444; padding:15px 0 0; text-align:left;}

.domain-extensions{ width:100%; float:left; padding:30px 20px; background:#fff;}
.domain-extensions-box{ width:100%; float:left; padding:20px; background:#fff; box-shadow:0px 0px 10px #aaa; border-radius:10px;}
.domain-extensions-box-description{ width:20%; float:left; text-align:left; padding:5px 15px;}
.domain-extensions-box-bronze{ width:13%; float:right; text-align:center; padding:5px 15px;}
.domain-extensions-box-bronze span{ font-size:14px; padding:5px 0; color:#fff; text-align:center; font-family:'poppinsregular';}
.domain-extensions-box-list{ width:100%; float:left; font-size:14px; color:#444; text-align:right;}
.domain-extensions-box-list ul{ margin:0; padding:0;}
.domain-extensions-box-list ul li{ width:100%; float:left; list-style:none; border-bottom:1px solid #ccc; text-align:left;}
.domain-extensions-box-list ul li h3{ width:100%; float:left; background:#0551e5; font-size:20px; padding:5px 0; color:#fff; text-align:center;}
.domain-extensions-box-list ul li h3 span{ font-size:14px; padding:5px 0; color:#fff; text-align:center; font-family:'poppinsregular';}
.domain-extensions-box-list ul li h4{ width:100%; float:left; background:#0551e5; font-size:20px; padding:5px 0; color:#fff; text-align:center;}
.domain-extensions-box-list ul li h4 span{ font-size:14px; padding:5px 0; color:#fff; text-align:center; font-family:'poppinsregular';}
.domain-extensions-box-list ul li h5{ width:100%; float:left; background:#0551e5; font-size:20px; padding:5px 0; color:#fff; text-align:center;}
.domain-extensions-box-list ul li h5 span{ font-size:14px; padding:5px 0; color:#fff; text-align:center; font-family:'poppinsregular';}
.domain-extensions-box-list ul li p{ width:100%; float:left; font-size:14px; color:#444; padding:5px 20px; text-align:center;}

.why-buy-domain{ width:100%; float:left; padding:30px 20px; background:#0546c4;}
.why-buy-domain-main{ width:25%; float:left; padding:10px;}
.why-buy-domain-box{ width:100%; height:400px; float:left; padding:19px; background:#0a58ef; box-shadow:0px 0px 10px #0546c4; border-radius:10px;}
.why-buy-domain-box-img{ width:80px; float:left; padding:10px; background:#0546c4; border-radius:5px;}
.why-buy-domain-box-img img{ max-width:100%; display:inline-block;}
.why-buy-domain-box h2{ width:100%; height:70px; float:left; font-size:20px; color:#fff; padding:15px 0 0; text-align:left;}
.why-buy-domain-box h3{ width:100%; height:70px; float:left; font-size:20px; color:#fff; padding:15px 0 0; text-align:left;}
.why-buy-domain-box h4{ width:100%; height:70px; float:left; font-size:20px; color:#fff; padding:15px 0 0; text-align:left;}
.why-buy-domain-box h5{ width:100%; height:70px; float:left; font-size:20px; color:#fff; padding:15px 0 0; text-align:left;}
.why-buy-domain-box p{ width:100%; float:left; font-size:14px; line-height:26px; color:#fff; padding:15px 0 0; text-align:left;}

.reg-domain{ width:100%; float:left; padding:30px 20px;}
.reg-domain-main{ width:25%; float:left; padding:10px;}
.gen-domain-main{ width:33.3%; float:left; padding:10px;}
.reg-domain-step{ width:100%; float:left; padding:10px 20px; background:#0546c4; margin:0 0 10px; box-shadow:0px 0px 5px #aaa; border-radius:10px; text-transform:uppercase;}
.reg-domain-step h1{ width:100%; float:left; font-size:20px; color:#fff; padding:0; text-align:left;}
.reg-domain-step h2{ width:100%; float:left; font-size:20px; color:#fff; padding:0; text-align:left;}
.reg-domain-step h3{ width:100%; float:left; font-size:20px; color:#fff; padding:0; text-align:left;}
.reg-domain-step h4{ width:100%; float:left; font-size:20px; color:#fff; padding:0; text-align:left;}
.reg-domain-box{ width:100%; height:250px; float:left; padding:20px; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px;}
.reg-domain-box h1{ width:100%; float:left; font-size:20px; color:#222; padding:0; text-align:left;}
.reg-domain-box h2{ width:100%; float:left; font-size:20px; color:#222; padding:0; text-align:left;}
.reg-domain-box h3{ width:100%; float:left; font-size:20px; color:#222; padding:0; text-align:left;}
.reg-domain-box h4{ width:100%; float:left; font-size:20px; color:#222; padding:0; text-align:left;}
.reg-domain-box p{ width:100%; float:left; font-size:14px; line-height:22px; color:#444; padding:10px 0 0; text-align:left;}

.budget-box-textbox{ height:190px; padding:20px;}
.budget-vps-box p{ height:150px; font-size:16px; line-height:26px; padding:20px 0 0;}
.budget-blue{ width:75%; font-size:12px; color:#0a58ef; padding:5px 0; text-align:left;}
.budget-vps-box h2{ width:75%; float:left; font-size:20px; padding:0 15px;}
.budget-vps-box h3{ width:75%; float:left; font-size:20px; padding:0 15px;}
.budget-vps-box h4{ width:75%; float:left; font-size:20px; padding:0 15px;}
.budget-vps-box h5{ width:75%; float:left; font-size:20px; padding:0 15px;}

.wordpress-hosting-box-textbox{ padding:0 10px 20px;}
.serversea-wordpress-box h5{ font-size:16px; color:#444; text-align:center;}
}

@media only screen and (max-width:1280px){
.hdr{ padding:37px 0; box-sizing:border-box;}
.logo{ width:230px; padding:15px;}
.top-right ul li{ padding:29px 10px; font-size:14px;}
.reviews-box{ padding:20px 0; margin:20px 0 10px; border-radius:20px; box-shadow:0 0 20px #222;}
.shared-main-bnr h1{ padding:10px 0 0; font-size:32px;}
.shared-main-bnr h2{ padding:10px 0 0; font-size:32px;}
.shared-main-bnr h3{ padding:10px 0 0; font-size:32px;}
.shared-main-bnr h4{ padding:10px 0 0; font-size:32px;}
.shared-main-bnr-sub h1{ font-size:20px; line-height:30px;}
.shared-main-bnr-sub h2{ font-size:20px; line-height:30px;}
.shared-main-bnr-sub h3{ font-size:20px; line-height:30px;}
.shared-main-bnr-sub h4{ font-size:20px; line-height:30px;}
.main-heading h1{ font-size:28px; line-height:38px; padding:0;}
.main-heading h2{ font-size:28px; line-height:38px; padding:0;}
.main-heading h3{ font-size:28px; line-height:38px; padding:0;}
.main-heading-sub h1{ width:100%; float:left; font-size:22px; line-height:30px; color:#0551e5; padding:20px 0 0;}
.main-heading-sub h2{ width:100%; float:left; font-size:22px; line-height:30px; color:#0551e5; padding:20px 0 0;}
.main-heading-sub h3{ width:100%; float:left; font-size:22px; line-height:30px; color:#0551e5; padding:20px 0 0;}
.main-heading-sub h4{ width:100%; float:left; font-size:22px; line-height:30px; color:#0551e5; padding:20px 0 0;}
.main-heading-sub-sub h2{ width:100%; float:left; font-size:18px; padding:15px 0; color:#0551e5; line-height:28px; text-align:center;}
.main-heading-sub-sub h3{ width:100%; float:left; font-size:18px; padding:15px 0; color:#0551e5; line-height:28px; text-align:center;}
.main-heading-sub-sub h4{ width:100%; float:left; font-size:18px; padding:15px 0; color:#0551e5; line-height:28px; text-align:center;}
.main-heading-sub-sub p{ width:80%; display:inline-block; float:none; font-size:16px; padding:10px; line-height:24px; text-align:center;}
.shared-cheap-serversea-box h2{ font-size:18px; padding:10px 0 0;}
.shared-cheap-serversea-box h3{ font-size:18px; padding:10px 0 0;}
.shared-cheap-serversea-box h4{ font-size:18px; padding:10px 0 0;}
.shared-cheap-serversea-box h5{ font-size:18px; padding:10px 0 0;}
.cheap-hosting-box-img{ width:100px; float:left; text-align:left; padding:10px 15px;}
.cheap-hosting-box-time{ font-size:16px; padding:0 15px;}
.cheap-hosting-box-time span{ padding:0; font-size:14px;}
.cheap-hosting-box-price{ font-size:32px; padding:10px 15px;}
.cheap-hosting-box-price span{ font-size:16px; padding:20px 0 0;}
.cheap-hosting-box-save{ font-size:20px; margin:10px 0; padding:10px 0;}
.cheap-hosting-box h1{ width:100%; font-size:22px; padding:0 15px;}
.cheap-hosting-box h2{ width:100%; font-size:22px; padding:0 15px;}
.cheap-hosting-box h3{ width:100%; font-size:22px; padding:0 15px;}
.cheap-hosting-box h4{ width:100%; font-size:22px; padding:0 15px;}
.cheap-hosting-box-list ul li{ font-size:14px; padding:10px 15px; border-bottom:1px solid #ddd;}
.cheap-hosting-box-list ul li span{ font-size:16px; padding:0;}
.cheap-hosting-box-buy a{ font-size:14px; margin:20px 0; padding:8px 25px;}
.benefits-box-textbox{ width:85%; padding:0px 0 0 20px;}
.benefits-box-textbox h1{ font-size:22px; padding:0 0 10px;}
.benefits-box-textbox h2{ font-size:22px; padding:0 0 10px;}
.benefits-box-textbox h3{ font-size:22px; padding:0 0 10px;}
.benefits-box-textbox h4{ font-size:22px; padding:0 0 10px;}
.benefits-box-img{ width:110px;}
.benefits-box-img2{ width:110px; float:right;}
.share-hosting-comparison-box-description{ width:36%; padding:5px 15px;}
.share-hosting-comparison-box-bronze{ width:16%; padding:5px 15px;}
.explore-box h2{ width:75%; line-height:24px; font-size:20px; padding:0 10px;}
.explore-box h3{ width:75%; line-height:24px; font-size:20px; padding:0 10px;}
.explore-box h4{ width:75%; line-height:24px; font-size:20px; padding:0 10px;}
.explore-box h5{ width:75%; line-height:24px; font-size:20px; padding:0 10px;}
.explore-box-list{ min-height:280px; padding:10px 0 0;}
.explore-box p{ height:235px; font-size:16px; line-height:26px; padding:20px 0 0;}
.faq-box-textbox h1{ font-size:20px; padding:15px 0 0;}
.faq-box-textbox h2{ font-size:20px; padding:15px 0 0;}
.faq-box-textbox h3{ font-size:20px; padding:15px 0 0;}
.faq-box-textbox h4{ font-size:20px; padding:15px 0 0;}
.faq-box-textbox-sub h1{ font-size:18px; padding:15px 0 5px;}
.faq-box-textbox-sub h2{ font-size:18px; padding:15px 0 5px;}
.faq-box-textbox-sub h3{ font-size:18px; padding:15px 0 5px;}
.faq-box-textbox-sub h4{ font-size:18px; padding:15px 0 5px;}
.book-box-textbox-sub-sub h1{ font-size:26px; line-height:40px;}
.book-box-textbox-sub-sub h2{ font-size:26px; line-height:40px;}
.book-box-textbox-sub-sub h3{ font-size:26px; line-height:40px;}
.book-box-textbox-sub-sub h4{ font-size:26px; line-height:40px;}
.book-box-textbox p{ font-size:18px; line-height:26px; padding:15px 0 0;}
.book-main{ padding:30px; border-radius:10px;}
.reviews-box-img{ width:75%; float:none; display:inline-block; text-align:center; padding:0;}
.footer-box h2{ font-size:20px; line-height:30px; padding:0 0 10px;}
.footer-box h3{ font-size:20px; line-height:30px; padding:0 0 10px;}
.footer-box h4{ font-size:20px; line-height:30px; padding:0 0 10px;}
.footer-box h5{ font-size:20px; line-height:30px; padding:0 0 10px;}
.footer-box{ width:25%; padding:0 15px 15px;}
.footer-middle-phone span{ width:85%; font-size:28px; line-height:36px; padding:5px 0 0 10px;}
.footer-middle-map span{ width:85%; font-size:18px; line-height:26px; padding:0 0 0 10px;}
.explore-area-box{ min-height:400px; padding:20px; box-shadow:0px 0px 10px #043aa3; border-radius:10px;}
.serversea-wordpress-box{ /*min-height:80px;*/ box-shadow:0px 0px 10px #ddd; border-radius:5px; padding:15px;}
.serversea-wordpress-box h5{ font-size:15px;}
.explore-area-box2{ min-height:230px; padding:20px; box-shadow:0px 0px 10px #043aa3; border-radius:10px;}
.cpanel-features-box h2{ width:70%; font-size:20px; padding:0 0 0 15px;}
.cpanel-features-box h3{ width:70%; font-size:20px; padding:0 0 0 15px;}
.cpanel-features-box h4{ width:70%; font-size:20px; padding:0 0 0 15px;}
.cpanel-features-box h5{ width:70%; font-size:20px; padding:0 0 0 15px;}
.cheap-hosting-box-pay{ font-size:14px; line-height:24px; padding:10px 15px; text-align:center;}
.cheap-hosting-box-pay img{ float:none; padding:0; text-align:center;}
.domain-main-bnr h1{ padding:10px 0 0; font-size:40px;}
.domain-main-bnr h2{ padding:10px 0 0; font-size:40px;}
.domain-main-bnr h3{ padding:10px 0 0; font-size:40px;}
.domain-main-bnr h4{ padding:10px 0 0; font-size:40px;}
.domain-main-bnr-sub h1{ font-size:24px; line-height:32px; padding:10px 0;}
.domain-main-bnr-sub h2{ font-size:24px; line-height:32px; padding:10px 0;}
.domain-main-bnr-sub h3{ font-size:24px; line-height:32px; padding:10px 0;}
.domain-main-bnr-sub h4{ font-size:24px; line-height:32px; padding:10px 0;}
.domain-main-bnr-sub-sub h1{ font-size:24px; line-height:32px; padding:10px 0;}
.domain-main-bnr-sub-sub h2{ font-size:24px; line-height:32px; padding:10px 0;}
.domain-main-bnr-sub-sub h3{ font-size:24px; line-height:32px; padding:10px 0;}
.domain-main-bnr-sub-sub h4{ font-size:24px; line-height:32px; padding:10px 0;}
.domain-search-bar{ width:90%; padding:10px; box-shadow:0px 0px 15px #bbb; border-radius:10px; margin:40px 0 0;}
	.domain-search-bar-notification{ width: 90%; display: inline-block; padding: 10px;}
.domain-options{ width:85%; display:inline-block; margin:30px 0 0;}
.domain-options-box-price{ width:auto; border-right:1px solid #0551e5; font-size:20px; padding:15px 0; margin:30px 0 0;}
.domain-options-box-price h2{ font-size:22px; padding:5px;}
.domain-options-box-price h3{ font-size:22px; padding:5px;}
.domain-options-box-price h4{ font-size:22px; padding:5px;}
.domain-options-box-price h5{ font-size:22px; padding:5px;}
.popular-sec-box-domain-price{ padding:25px 10px 10px 15px; font-size:22px;}
.popular-sec-box-domain-price span{ padding:20px 0 0; font-size:16px;}
.popular-sec-box-domain-price-before{ padding:25px 10px 0 0; font-size:18px;}
.domain-reg-box{ height:350px; padding:20px;}
.domain-reg-box-img{ width:80px; padding:10px;}
.domain-reg-box h2{ width:70%; font-size:20px; padding:0 0 0 15px;}
.domain-reg-box h3{ width:70%; font-size:20px; padding:0 0 0 15px;}
.domain-reg-box h4{ width:70%; font-size:20px; padding:0 0 0 15px;}
.domain-reg-box h5{ width:70%; font-size:20px; padding:0 0 0 15px;}
.reg-domain-box{ width:100%; height:300px; padding:20px;}
.domain-main-bnr-options{ width:100%; display:inline-block;}
.buy-domain-box{ height:230px; padding:20px 15px;}
.after-reg-domain-box{ height:220px; padding:20px;}
.after-domain-reg-box{ height:290px; padding:20px;}
.available-domain-box{ height:270px; padding:20px;}
.budget-vps-box h2{ width:70%; font-size:20px; padding:0 5px 0 10px; text-align:left;}
.budget-vps-box h3{ width:70%; font-size:20px; padding:0 5px 0 10px; text-align:left;}
.budget-vps-box h4{ width:70%; font-size:20px; padding:0 5px 0 10px; text-align:left;}
.budget-vps-box h5{ width:70%; font-size:20px; padding:0 5px 0 10px; text-align:left;}
.budget-blue{ width:70%; font-size:10px; padding:5px 0;}
.budget-package-main{ width:80%; display:inline-block; padding:10px;}
.budget-vps-box p{ height:200px; font-size:16px; line-height:26px; padding:20px 0 0;}
.budget-box-textbox{ height:220px; padding:20px;}
.budget-benefits-box-full h1{ font-size:20px; padding:0;}
.budget-benefits-box-full h2{ font-size:20px; padding:0;}
.budget-benefits-box-full h3{ font-size:20px; padding:0;}
.budget-benefits-box-full h4{ font-size:20px; padding:0;}
.budget-benefits-box h1{ font-size:20px; padding:0; text-align:left;}
.budget-benefits-box h2{ font-size:20px; padding:0; text-align:left;}
.budget-benefits-box h3{ font-size:20px; padding:0; text-align:left;}
.budget-benefits-box h4{ font-size:20px; padding:0; text-align:left;}
.submit-domain-search-button{ padding:22px 33px; font-size:18px;}
}

@media only screen and (max-width:1024px){
.hdr{ padding:32px 0;}
.logo{ width:200px; padding:10px;}
.top-right ul li{ padding:23px 5px;  font-size:13px;}
.top-right ul li a span{ width:20px; padding:1px 3px; top:5px; right:0px;}

.home-reviews-box{ width:60%; display:inline-block; padding:0 10px;}
.shared-main-bnr h1{ padding:10px 0 0; font-size:28px; line-height:36px;}
.shared-main-bnr h2{ padding:10px 0 0; font-size:28px; line-height:36px;}
.shared-main-bnr h3{ padding:10px 0 0; font-size:28px; line-height:36px;}
.shared-main-bnr h4{ padding:10px 0 0; font-size:28px; line-height:36px;}
.shared-main-bnr-sub h1{ font-size:18px; line-height:28px;}
.shared-main-bnr-sub h2{ font-size:18px; line-height:28px;}
.shared-main-bnr-sub h3{ font-size:18px; line-height:28px;}
.shared-main-bnr-sub h4{ font-size:18px; line-height:28px;}
.shared-main-bnr-text{ width:100%; float:left; padding:10px 0 0;}
.shared-main-bnr-price{ font-size:16px; padding:20px 0 0;}
.shared-main-bnr-text ul li{ padding:5px; font-size:16px;}
.shared-main-bnr-text ul li img{ width:25px; float:left; padding:7px 10px 0 0;}
.shared-main-bnr-price span{ font-size:38px;}
.shared-main-bnr-btn a{ padding:7px 14px; border-radius:10px; border:2px solid #444; font-size:16px;}
.main-heading h1{ font-size:24px; line-height:34px;}
.main-heading h2{ font-size:24px; line-height:34px;}
.main-heading h3{ font-size:24px; line-height:34px;}
.main-heading h4{ font-size:24px; line-height:34px;}
.main-heading p{ width:90%; font-size:14px; padding:10px; line-height:24px;}
.main-heading-sub h1{ font-size:20px; line-height:30px; padding:20px 0 0;}
.main-heading-sub h2{ font-size:20px; line-height:30px; padding:20px 0 0;}
.main-heading-sub h3{ font-size:20px; line-height:30px; padding:20px 0 0;}
.main-heading-sub h4{ font-size:20px; line-height:30px; padding:20px 0 0;}
.shared-cheap-serversea-box-img{ width:70px; padding:10px 10px 5px; box-shadow:0px 0px 10px #ddd; border-radius:5px;}
.cheap-hosting-box h1{ width:100%; font-size:20px; padding:0 15px;}
.cheap-hosting-box h2{ width:100%; font-size:20px; padding:0 15px;}
.cheap-hosting-box h3{ width:100%; font-size:20px; padding:0 15px;}
.cheap-hosting-box h4{ width:100%; font-size:20px; padding:0 15px;}
.cheap-hosting-box-save{ font-size:20px; margin:10px 0; padding:10px 0;}
.why-serversea-box-textbox h1{ font-size:18px; padding:10px 0;}
.why-serversea-box-textbox h2{ font-size:18px; padding:10px 0;}
.why-serversea-box-textbox h3{ font-size:18px; padding:10px 0;}
.why-serversea-box-textbox h4{ font-size:18px; padding:10px 0;}
.benefits-box-textbox{ width:80%; padding:0px 0 0 15px;}
.benefits-box-textbox h2{ font-size:20px; padding:0 0 10px;}
.benefits-box-textbox h3{ font-size:20px; padding:0 0 10px;}
.benefits-box-textbox h4{ font-size:20px; padding:0 0 10px;}
.benefits-box-textbox h5{ font-size:20px; padding:0 0 10px;}
.benefits-box-img{ width:90px;}
.share-hosting-comparison-box-list ul li h2{ font-size:16px; padding:5px 0;}
.share-hosting-comparison-box-list ul li h3{ font-size:16px; padding:5px 0;}
.share-hosting-comparison-box-list ul li h4{ font-size:16px; padding:5px 0;}
.share-hosting-comparison-box-list ul li h5{ font-size:16px; padding:5px 0;}
.share-hosting-comparison-box-list ul li p{ font-size:14px; padding:5px 10px;}
.explore-tab-bar span{ width:40%; padding:10px 20px; border-radius:5px;}
.explore-tab-bar span strong{ font-size:20px;}
.explore-tab-bar a{ width:50%; padding:20px;}
.explore-box{ padding:15px; box-shadow:0px 0px 10px #ccc; border-radius:10px;}
.explore-box-img{ width:70px; padding:10px; border-radius:5px;}
.explore-box h2{ width:100%; height:55px; line-height:24px; font-size:18px; padding:10px 0 0 0;}
.explore-box h3{ width:100%; height:55px; line-height:24px; font-size:18px; padding:10px 0 0 0;}
.explore-box h4{ width:100%; height:55px; line-height:24px; font-size:18px; padding:10px 0 0 0;}
.explore-box h5{ width:100%; height:55px; line-height:24px; font-size:18px; padding:10px 0 0 0;}
.explore-box-list{ min-height:300px; padding:10px 0 0;}
.explore-box p{ height:260px; font-size:16px; line-height:26px; padding:20px 0 0;}
.faq-box-textbox h1{ font-size:18px; padding:10px 0 5px;}
.faq-box-textbox h2{ font-size:18px; padding:10px 0 5px;}
.faq-box-textbox h3{ font-size:18px; padding:10px 0 5px;}
.faq-box-textbox h4{ font-size:18px; padding:10px 0 5px;}
.faq-box-textbox-sub h2{ font-size:16px; padding:15px 0 5px;}
.faq-box-textbox-sub h3{ font-size:16px; padding:15px 0 5px;}
.faq-box-textbox-sub h4{ font-size:16px; padding:15px 0 5px;}
.faq-box-textbox-sub h5{ font-size:16px; padding:15px 0 5px;}
.book-box-textbox h1{ font-size:22px; line-height:30px;}
.book-box-textbox h2{ font-size:22px; line-height:30px;}
.book-box-textbox h3{ font-size:22px; line-height:30px;}
.book-box-textbox h4{ font-size:22px; line-height:30px;}
.book-box-textbox p{ font-size:14px; line-height:26px; padding:15px 0 0;}
.book-box-textbox-button{ float:left; padding:15px 15px 0 0; text-align:center;}
.book-box-textbox-button a{ padding:7px 15px; font-size:14px; color:#fff; border-radius:5px;}
.footer-box h2{ font-size:18px; line-height:30px; padding:0 0 10px;}
.footer-box h3{ font-size:18px; line-height:30px; padding:0 0 10px;}
.footer-box h4{ font-size:18px; line-height:30px; padding:0 0 10px;}
.footer-box h5{ font-size:18px; line-height:30px; padding:0 0 10px;}
.footer-middle-phone span{ width:85%; font-size:24px; line-height:32px; padding:5px 0 0 10px;}
.footer-middle-map span{ width:85%; font-size:15px; line-height:22px; padding:0 0 0 10px;}
.footer-bottom-left{ font-size:14px; padding:0 0 10px;}
.recomend-top{ font-size:20px; color:#fff; padding:15px 10px; font-family: 'poppinsbold';}
.cheap-hosting-box-time span{ padding:0; font-size:14px;}
.cheap-hosting-box-price{ font-size:36px; padding:10px 20px;}
.explore-area-box{ min-height:440px; padding:20px; box-shadow:0px 0px 10px #043aa3; border-radius:10px;}
.explore-area-box h1{ font-size:20px; padding:0;}
.explore-area-box h2{ font-size:20px; padding:0;}
.explore-area-box h3{ font-size:20px; padding:0;}
.explore-area-box h4{ font-size:20px; padding:0;}
.explore-area-box-list ul li{ font-size:14px; padding:3px 0;}
.wordpress-hosting-box h1{ font-size:22px; line-height:32px; padding:0 0 10px;}
.wordpress-hosting-box h2{ font-size:22px; line-height:32px; padding:0 0 10px;}
.wordpress-hosting-box h3{ font-size:22px; line-height:32px; padding:0 0 10px;}
.wordpress-hosting-box h4{ font-size:22px; line-height:32px; padding:0 0 10px;}
.programing-box{ width:25%; min-height:160px; padding:0 15px; border-right:1px solid #aaa;}
.programing-box h1{ font-size:20px; padding:0 0 10px;}
.programing-box h2{ font-size:20px; padding:0 0 10px;}
.programing-box h3{ font-size:20px; padding:0 0 10px;}
.programing-box h4{ font-size:20px; padding:0 0 10px;}
.cheap-hosting-main{ width:50%; float:left; padding:10px;}
.shared-cheap-serversea-box h2{ font-size:16px; padding:10px 0 0;}
.shared-cheap-serversea-box h3{ font-size:16px; padding:10px 0 0;}
.shared-cheap-serversea-box h4{ font-size:16px; padding:10px 0 0;}
.shared-cheap-serversea-box h5{ font-size:16px; padding:10px 0 0;}
.cpanel-features-box h2{ width:100%; font-size:18px; padding:15px 0 0 0px;}
.cpanel-features-box h3{ width:100%; font-size:18px; padding:15px 0 0 0px;}
.cpanel-features-box h4{ width:100%; font-size:18px; padding:15px 0 0 0px;}
.cpanel-features-box h5{ width:100%; font-size:18px; padding:15px 0 0 0px;}
.cpanel-features-main{ width:50%; height:300px; float:left; padding:20px 10px; box-sizing:border-box;}
.risk-free-box-textbox h1{ font-size:26px; line-height:32px;}
.risk-free-box-textbox h2{ font-size:26px; line-height:32px;}
.risk-free-box-textbox h3{ font-size:26px; line-height:32px;}
.risk-free-box-textbox h4{ font-size:26px; line-height:32px;}
.risk-free-box-textbox p{ font-size:16px; line-height:24px; padding:10px 0 0;}
.risk-free-box-textbox-button{ width:25%; float:right; padding:0; text-align:center; font-family: 'poppinssemibold';}
.risk-free-box-textbox-button span{ padding: 0 0 15px ; font-size:14px;}
.risk-free-box-textbox-button a{ padding:10px 20px; font-size:14px;}
.rate:not(:checked) > label {
    float:none;
    width:.75em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
	display:inline-block;
}

.domain-main-bnr h1{ padding:10px 0 0; font-size:32px;}
.domain-main-bnr h2{ padding:10px 0 0; font-size:32px;}
.domain-main-bnr h3{ padding:10px 0 0; font-size:32px;}
.domain-main-bnr h4{ padding:10px 0 0; font-size:32px;}
.domain-main-bnr-sub h1{ font-size:22px; line-height:32px; padding:10px 0;}
.domain-main-bnr-sub h2{ font-size:22px; line-height:32px; padding:10px 0;}
.domain-main-bnr-sub h3{ font-size:22px; line-height:32px; padding:10px 0;}
.domain-main-bnr-sub h4{ font-size:22px; line-height:32px; padding:10px 0;}
.domain-main-bnr-sub-sub h1{ font-size:24px; line-height:36px; text-align:center;}
.domain-main-bnr-sub-sub h2{ font-size:24px; line-height:36px; text-align:center;}
.domain-main-bnr-sub-sub h3{ font-size:24px; line-height:36px; text-align:center;}
.domain-main-bnr-sub-sub h4{ font-size:24px; line-height:36px; text-align:center;}
.domain-search-bar{ width:100%; padding:10px; box-shadow:0px 0px 15px #bbb; border-radius:10px; margin:40px 0 0;}
.domain-search-bar-notification{ width: 100%; display: inline-block; padding: 10px;}	
.domain-options{ width:100%; display:inline-block; margin:30px 0 0;}
.domain-options-box-price{ width:auto; border-right:1px solid #0551e5; font-size:20px; padding:15px 0; margin:30px 0 0;}
.domain-options-box-price h1{ font-size:22px; padding:5px;}
.domain-options-box-price h2{ font-size:22px; padding:5px;}
.domain-options-box-price h3{ font-size:22px; padding:5px;}
.domain-options-box-price h4{ font-size:22px; padding:5px;}
.popular-sec-box-domain-price{ padding:25px 10px 10px 15px; font-size:22px;}
.popular-sec-box-domain-price span{ padding:20px 0 0; font-size:16px;}
.popular-sec-box-domain-price-before{ padding:0 10px 15px 15px; font-size:18px;}
.domain-reg-box{ height:430px; padding:15px;}
.domain-reg-box-img{ width:80px; padding:10px;}
.reg-domain-box{ width:100%; height:190px; padding:20px;}
.domain-search-tab-bar span{ padding:8px 20px;}
.domain-search-tab-bar img{ display:inline-block; padding:0 10px;}
.domain-search-tab-bar a{ padding:0 10px; font-size:16px;}
.domain-search-bar-img{ float:left; padding:10px 5px;}
.domain-search-input{ width:70%; padding:10px; font-size:16px; margin:10px 0 0;}
.domain-search-button a{ padding:20px 35px; font-size:20px;}
.domain-options-box-price-border{ height:100px; border-right:1px solid #0551e5; margin:35px 0 0;}
.domain-about-box{ padding:0; margin:20px 0;}
.domain-about-box-list ul li{ font-size:14px; padding:3px 0;}
.domain-about-box-textbox h1{ font-size:20px; line-height:28px; padding:0;}
.domain-about-box-textbox h2{ font-size:20px; line-height:28px; padding:0;}
.domain-about-box-textbox h3{ font-size:20px; line-height:28px; padding:0;}
.domain-about-box-textbox h4{ font-size:20px; line-height:28px; padding:0;}
.domain-about-box-textbox p{ font-size:14px; line-height:22px; padding:0 0 10px;}
.popular-sec-box-domain-name{ padding:5px 10px 5px 20px; font-size:22px; color:#fff;}
.domain-reg-box h2{ width:100%; font-size:20px; padding:15px 0 0;}
.domain-reg-box h3{ width:100%; font-size:20px; padding:15px 0 0;}
.domain-reg-box h4{ width:100%; font-size:20px; padding:15px 0 0;}
.domain-reg-box h5{ width:100%; font-size:20px; padding:15px 0 0;}
.domain-reg-box p{ font-size:14px; line-height:22px; padding:10px 0 0;}
.domain-extensions-box-description{ width:20%; padding:5px 10px;}
.domain-extensions-box-bronze{ width:13%; padding:5px 10px; font-size:14px;}
.why-buy-domain-main{ width:50%; float:left; padding:10px;}
.shared-cheap-serversea{ padding:30px 20px 0;}
.why-buy-domain-box{ width:100%; height:280px; float:left; padding:16px;}
.why-buy-domain-box-img{ width:70px; padding:10px;}
.why-buy-domain-box h2{ height:auto; font-size:20px; padding:10px 0 0;}
.why-buy-domain-box h3{ height:auto; font-size:20px; padding:10px 0 0;}
.why-buy-domain-box h4{ height:auto; font-size:20px; padding:10px 0 0;}
.why-buy-domain-box h5{ height:auto; font-size:20px; padding:10px 0 0;}
.why-buy-domain-box p{ font-size:14px; line-height:22px; padding:10px 0 0;}
.reg-domain-main{ width:50%; padding:10px;}

.domain-main-bnr-options ul li .bnr-options{ width:20px; height:20px;}
.domain-main-bnr-options ul li span{ width:85%; font-size:16px; line-height:22px; padding:0 0 0 10px;}
.after-reg-domain-box h1{ font-size:18px;}
.after-reg-domain-box h2{ font-size:18px;}
.after-reg-domain-box h3{ font-size:18px;}
.after-reg-domain-box h4{ font-size:18px;}
.after-reg-domain-box{ height:290px; padding:20px;}
.after-domain-reg-box{ height:310px; padding:20px;}
.available-domain-box{ height:300px; padding:20px;}
.available-domain-box h2{ width:74%; height:auto; font-size:18px; padding:0 0 0 15px;}
.available-domain-box h3{ width:74%; height:auto; font-size:18px; padding:0 0 0 15px;}
.available-domain-box h4{ width:74%; height:auto; font-size:18px; padding:0 0 0 15px;}
.available-domain-box h5{ width:74%; height:auto; font-size:18px; padding:0 0 0 15px;}

.budget-box-textbox{ height:240px; padding:20px;}
.budget-box h1{ font-size:20px; padding:0;}
.budget-box h2{ font-size:20px; padding:0;}
.budget-box h3{ font-size:20px; padding:0;}
.budget-box h4{ font-size:20px; padding:0;}
.budget-blue{ width:84%; font-size:10px; padding:5px 0;}
.cheap-hosting-box-list ul li span{ font-size:14px; padding:0;}
.explore-tab-bar{ width:80%; padding:10px; text-align:center; font-size:16px; color:#fff; border-radius:5px;}
.budget-package-main{ width:100%; display:inline-block; padding:10px;}
.budget-vps-box h2{ width:100%; font-size:17px; padding:10px 0;}
.budget-vps-box h3{ width:100%; font-size:17px; padding:10px 0;}
.budget-vps-box h4{ width:100%; font-size:17px; padding:10px 0;}
.budget-vps-box h5{ width:100%; font-size:17px; padding:10px 0;}
.budget-vps-box p{ height:160px; font-size:14px; line-height:22px; padding:0;}
.budget-vps-box{ padding:15px;}

.serversea-wordpress-box{ min-height:80px; padding:15px;}
.serversea-wordpress-box h5{ font-size:16px;}

.guarantee-page-box{ width:50%; float:left; padding:10px;}
.guarantee-page-box h2 span{ width:90%; float:left; font-size:18px; color:#0a58ef; padding:15px 0 0;}
.guarantee-page-box h3 span{ width:90%; float:left; font-size:18px; color:#0a58ef; padding:15px 0 0;}
.guarantee-page-box h4 span{ width:90%; float:left; font-size:18px; color:#0a58ef; padding:15px 0 0;}
.guarantee-page-box p{ width:100%; float:left; font-size:14px; line-height:22px; color:#444; padding:5px 0; text-align:left;}
.guarantee-page-box2{ width:100%; float:left; padding:10px;}
.guarantee-page-box2 img{ width:70px; height:70px; float:left; padding:0; text-align:left;}
.guarantee-page-box2 h2 span{ width:90%; float:left; font-size:18px; color:#0a58ef; padding:15px 0 0;}
.guarantee-page-box2 h3 span{ width:90%; float:left; font-size:18px; color:#0a58ef; padding:15px 0 0;}
.guarantee-page-box2 h4 span{ width:90%; float:left; font-size:18px; color:#0a58ef; padding:15px 0 0;}
.submit-domain-search-button{ padding:12px 30px; font-size:18px;}	
	

}

@media only screen and (max-width:960px){
.hdr{ padding:28px 0;}
.logo{ width:175px; padding:14px 10px;}
.top-right ul li{ padding:21px 5px;  font-size:13px;}
.top-right ul li a span{ width:20px; padding:1px 3px; top:2px; right:0px;}
}

@media only screen and (max-width:920px){
.logo{ width:175px; padding:14px 10px;}
.top-right ul li{ padding:21px 3px;  font-size:12px;}
}

@media only screen and (max-width:840px){
.hdr{ padding:30px 0; box-sizing:border-box;}
.logo{ width:170px; padding:12px 10px; float:none; display:inline-block;}
.shared-main-bnr h1{ padding:10px 0 0; font-size:24px; line-height:32px;}
.shared-main-bnr-text ul li{ padding:5px; font-size:14px;}
.main-heading h1{ font-size:22px; line-height:32px;}
.main-heading h2{ font-size:22px; line-height:32px;}
.main-heading h3{ font-size:22px; line-height:32px;}
.main-heading h4{ font-size:22px; line-height:32px;}
.main-heading p{ width:100%; font-size:14px; padding:10px 15px; line-height:22px;}
.main-heading-sub h1{ font-size:18px; line-height:26px; padding:15px 0 0;}
.main-heading-sub h2{ font-size:18px; line-height:26px; padding:15px 0 0;}
.main-heading-sub h3{ font-size:18px; line-height:26px; padding:15px 0 0;}
.main-heading-sub h4{ font-size:18px; line-height:26px; padding:15px 0 0;}
.shared-cheap-serversea-box p{ font-size:14px; line-height:24px; padding:5px 0 0;}
.cheap-hosting-discount-percent{ font-size:26px;}
.cheap-hosting-discount-percent span{ font-size:13px;}
.cheap-hosting-discount-text{ font-size:12px;}
.cheap-hosting-box-img{ width:90px; padding:10px 15px;}
.cheap-hosting-box-time{ font-size:16px; padding:0 15px;}
.cheap-hosting-box-time span{ font-size:14px;}
.cheap-hosting-box-price{ font-size:34px; padding:7px 15px;}
.cheap-hosting-box-price span{ font-size:14px; padding:15px 0 0;}
.cheap-hosting-box-save{ font-size:20px; margin:10px 0; padding:10px 0;}
.cheap-hosting-box-list ul li{ font-size:14px; padding:7px 15px; border-bottom:1px solid #ddd;}
.cheap-hosting-box-list ul li span{ font-size:14px;}
.cheap-hosting-box-buy a{ font-size:14px; margin:20px 0; padding:8px 15px;}
.cheap-hosting-box-pay{ font-size:14px; line-height:24px; padding:7px 15px; text-align:center;}
.cheap-hosting-box-pay img{ float:none; display:inline-block; padding:10px; text-align:center;}
.benefits-box-textbox p{ font-size:14px; line-height:22px; padding:0;}
.benefits-box-textbox{ width:82%; padding:0px 0 0 15px;}
.share-hosting-comparison-box-description{ width:40%; padding:5px 10px;}
.share-hosting-comparison-box-bronze{ width:15%; padding:5px 10px;}
.share-hosting-comparison-box-list ul li h2{ font-size:16px; padding:5px 0; }
.share-hosting-comparison-box-list ul li h3{ font-size:16px; padding:5px 0; }
.share-hosting-comparison-box-list ul li h4{ font-size:16px; padding:5px 0; }
.share-hosting-comparison-box-list ul li h5{ font-size:16px; padding:5px 0; }
.share-hosting-comparison-box-list ul li p{ font-size:14px; padding:5px 10px;}
.why-serversea-box-textbox p{ font-size:14px; line-height:22px;}
.benefits-box-img2{ width:80px;}
.explore-tab-bar a strong{ font-size:18px;}
.explore-main{ width:50%; float:left; padding:10px;}
.explore-area-box{ min-height:460px; padding:20px; box-shadow:0px 0px 10px #043aa3; border-radius:10px;}
.explore-area-box p{ font-size:14px; line-height:22px; padding:10px 0 0;}
.why-buy-domain-box{ width:100%; height:330px; float:left; padding:15px;}
.reg-domain-box{ width:100%; height:210px; padding:15px;}
.buy-domain-box h2{ font-size:18px; padding:15px 0 0;}
.buy-domain-box h3{ font-size:18px; padding:15px 0 0;}
.buy-domain-box h4{ font-size:18px; padding:15px 0 0;}
.buy-domain-box h5{ font-size:18px; padding:15px 0 0;}
.buy-domain-box-img{ width:70px; padding:10px;}
.after-domain-reg-box h2{ width:70%; float:left; font-size:18px; padding:0 0 0 15px;}
.after-domain-reg-box h3{ width:70%; float:left; font-size:18px; padding:0 0 0 15px;}
.after-domain-reg-box h4{ width:70%; float:left; font-size:18px; padding:0 0 0 15px;}
.after-domain-reg-box h5{ width:70%; float:left; font-size:18px; padding:0 0 0 15px;}
.after-domain-reg-box{ height:330px; padding:20px;}
.available-domain-box{ height:320px; padding:20px;}
.available-domain-box h2{ width:70%; height:auto; font-size:18px; padding:0 0 0 15px;}
.available-domain-box h3{ width:70%; height:auto; font-size:18px; padding:0 0 0 15px;}
.available-domain-box h4{ width:70%; height:auto; font-size:18px; padding:0 0 0 15px;}
.available-domain-box h5{ width:70%; height:auto; font-size:18px; padding:0 0 0 15px;}
.budget-box-textbox{ height:220px; padding:20px;}
.budget-box h1{ font-size:18px; padding:0;}
.budget-box h2{ font-size:18px; padding:0;}
.budget-box h3{ font-size:18px; padding:0;}
.budget-box h4{ font-size:18px; padding:0;}
.budget-box p{ font-size:14px; line-height:22px; padding:5px 0 0;}
.budget-package-box-list h1{ font-size:18px; padding:10px 15px;}
.budget-package-box-list h2{ font-size:18px; padding:10px 15px;}
.budget-package-box-list h3{ font-size:18px; padding:10px 15px;}
.budget-package-box-list h4{ font-size:18px; padding:10px 15px;}
.budget-package-box-list ul li{ font-size:14px; padding:12px 20px; border-bottom:1px solid #ddd; font-family: 'poppinsregular';}
.budget-vps-box p{ height:120px; font-size:14px; line-height:22px; padding:0;}
.budget-benefits-box-full h1{ font-size:18px; padding:0;}
.budget-benefits-box-full h2{ font-size:18px; padding:0;}
.budget-benefits-box-full h3{ font-size:18px; padding:0;}
.budget-benefits-box-full h4{ font-size:18px; padding:0;}
.budget-benefits-box h1{ font-size:18px; padding:0; text-align:left;}
.budget-benefits-box h2{ font-size:18px; padding:0; text-align:left;}
.budget-benefits-box h3{ font-size:18px; padding:0; text-align:left;}
.budget-benefits-box h4{ font-size:18px; padding:0; text-align:left;}
.budget-benefits-box p{ font-size:14px; line-height:22px; padding:5px 0 0;}
}

@media only screen and (max-width:800px){
.hdr{ padding:30px 0; box-sizing:border-box;}


}

@media only screen and (max-width:768px){
.shared-cheap-serversea-main{ width:50%; float:left; padding:20px 10px;}
.shared-cheap-serversea-main2{ width:50%; float:left; padding:20px 10px;}
.cheap-hosting-main{ width:50%; padding:10px;}
.benefits-box-img{ width:80px;}
.home-main-bnr-textarea{ width:70%; float:left;}
.home-main-bnr-image{ width:30%; float:right;}
.share-hosting-comparison{ width:100%; padding:30px 20px; overflow-x:hidden;}
.share-hosting-comparison-box{ width:100%; padding:10px; overflow:scroll; border-radius:10px;}
.share-hosting-comparison-box-description{ width:40%; float:left; text-align:left; padding:5px 5px;}
.share-hosting-comparison-box-bronze{ width:15%; float:left; text-align:center; padding:5px 5px;}
.share-hosting-comparison-box-list{ width:710px; font-size:14px;}
.share-hosting-comparison-box-list ul li h2{ font-size:16px; padding:0 5px; }
.share-hosting-comparison-box-list ul li h3{ font-size:16px; padding:0 5px; }
.share-hosting-comparison-box-list ul li h4{ font-size:16px; padding:0 5px; }
.share-hosting-comparison-box-list ul li h5{ font-size:16px; padding:0 5px; }
.explore-tab-bar span{ width:45%; padding:7px 15px; border-radius:5px;}
.explore-tab-bar span strong{ font-size:18px;}
.explore-tab-bar a{ width:50%; padding:15px;}
.explore-tab-bar{ width:100%; padding:10px; font-size:14px; border-radius:5px;}
.explore-box-list ul li{ font-size:14px; padding:3px 0;}
.rate:not(:checked) > label { float:none; width:.75em; font-size:22px;}
.reviews-box-text{ padding:0px 5px; font-size:13px;}
.rate { height:36px; padding: 0 10px;}
.footer-box{ width:50%; padding:0 15px;}
.footer-middle-phone span{ width:85%; font-size:24px; line-height:32px; padding:5px 0 0 10px;}
.footer-middle-map span{ width:85%; font-size:14px; line-height:24px; padding:0 0 0 10px;}
.cheap-hosting-box-pay{ float:left; font-size:14px; line-height:24px; padding:7px 15px; text-align:left;}
.cheap-hosting-box-pay img{ float:right; display:inline-block; padding:0; text-align:center;}
.recomend-top{ font-size:20px; color:#fff; padding:10px; font-family: 'poppinssemibold';}
.book-box-textbox p{ font-size:13px; line-height:22px; padding:10px 0 0;}
.explore-area-box{ min-height:auto; padding:20px; box-shadow:0px 0px 10px #043aa3; border-radius:10px;}
.book-box-img{ width:25%; float:left; text-align:center;}
.book-box-textbox{ width:75%; float:left; padding:0;}
.book-box-textbox h1{ font-size:20px; line-height:26px;}
.book-box-textbox h2{ font-size:20px; line-height:26px;}
.book-box-textbox h3{ font-size:20px; line-height:26px;}
.book-box-textbox h4{ font-size:20px; line-height:26px;}
.book-box-textbox-button{ padding:10px 10px 0 0;}
.book-box-textbox-button a{ padding:5px 10px; font-size:12px; border-radius:5px;}
.wordpress-hosting-box h1{ font-size:20px; line-height:30px; padding:0 0 10px;}
.wordpress-hosting-box h2{ font-size:20px; line-height:30px; padding:0 0 10px;}
.wordpress-hosting-box h3{ font-size:20px; line-height:30px; padding:0 0 10px;}
.wordpress-hosting-box h4{ font-size:20px; line-height:30px; padding:0 0 10px;}
.wordpress-hosting-box-textbox h1{ font-size:18px; padding:0; text-align:center;}
.wordpress-hosting-box-textbox h2{ font-size:18px; padding:0; text-align:center;}
.wordpress-hosting-box-textbox h3{ font-size:18px; padding:0; text-align:center;}
.wordpress-hosting-box-textbox h4{ font-size:18px; padding:0; text-align:center;}
.wordpress-hosting-box p{ font-size:14px; line-height:22px; padding:0 0 20px; text-align:center;}
.wordpress-hosting-box-textbox p{ font-size:14px; line-height:22px; padding:0;}
.recommmended-empty{ border-radius:10px; margin:15px 0 0;}
.programing-box{ width:50%; min-height:190px; padding:0 15px;}
.programing-box h3{ font-size:20px; padding:0 0 10px;}
.programing-listing{ padding:0 0;}
.unlimited-choose-main{ width:50%; padding:10px;}
.unlimited-choose-box h1{ font-size:20px; padding:15px 0 10px;}
.unlimited-choose-box h2{ font-size:20px; padding:15px 0 10px;}
.unlimited-choose-box h3{ font-size:20px; padding:15px 0 10px;}
.unlimited-choose-box h4{ font-size:20px; padding:15px 0 10px;}
.unlimited-choose-box p{ font-size:14px; line-height:20px; padding:0;}
.unlimited-choose-box-img{ width:70px; padding:10px;}

.unlimited-choose-box{ width:100%; height:215px; box-shadow:0px 0px 10px #ddd; border-radius:5px; padding:15px;}
.cpanel-features-box-list ul li{ font-size:14px; padding:3px 0;}
.cpanel-features-main{ width:50%; height:340px; float:left; padding:20px 10px; box-sizing:border-box;}
.risk-free-box-img{ width:10%; float:left;}
.risk-free-box-textbox h1{ font-size:22px; line-height:28px;}
.risk-free-box-textbox h2{ font-size:22px; line-height:28px;}
.risk-free-box-textbox h3{ font-size:22px; line-height:28px;}
.risk-free-box-textbox h4{ font-size:22px; line-height:28px;}
.risk-free-box-textbox p{ font-size:14px; line-height:22px; padding:5px 0 0;}
.risk-free-box-textbox{ width:60%; float:left; padding:0 15px;}
.risk-free-box-textbox-button{ width:30%; float:right; padding:0;}
.risk-free-box-textbox-button span{ padding: 0 0 10px ; font-size:14px;}
.risk-free-box-textbox-button a{ padding:7px 10px; font-size:14px;}

.domain-main-bnr h1{ padding:10px 0 0; font-size:28px;}
.domain-main-bnr h2{ padding:10px 0 0; font-size:28px;}
.domain-main-bnr h3{ padding:10px 0 0; font-size:28px;}
.domain-main-bnr h4{ padding:10px 0 0; font-size:28px;}
.domain-main-bnr-sub h1{ font-size:20px; line-height:30px; padding:10px 0;}
.domain-main-bnr-sub h2{ font-size:20px; line-height:30px; padding:10px 0;}
.domain-main-bnr-sub h3{ font-size:20px; line-height:30px; padding:10px 0;}
.domain-main-bnr-sub h4{ font-size:20px; line-height:30px; padding:10px 0;}
.domain-main-bnr-sub-sub h1{ font-size:24px; line-height:30px; text-align:center;}
.domain-main-bnr-sub-sub h2{ font-size:24px; line-height:30px; text-align:center;}
.domain-main-bnr-sub-sub h3{ font-size:24px; line-height:30px; text-align:center;}
.domain-main-bnr-sub-sub h4{ font-size:24px; line-height:30px; text-align:center;}
.domain-search-bar-img{ width:35px; float:left; padding:10px 5px;}
.domain-main-bnr p{ font-size:14px; padding:10px 0; line-height:20px;}
.domain-search-input{ width:65%; padding:10px; font-size:14px; margin:10px 0 0;}
.domain-search-button a{ padding:12px 20px; font-size:16px;}
.domain-options-box{ width:29%; margin:0 10px; border-right:none;}
.domain-options-box-name span{ font-size:20px; padding:7px 15px;}
.domain-options-box-price{ width:auto; border-right:none; font-size:20px; padding:10px; margin:25px 0 0;}
.domain-options-box-price h1{ font-size:20px; padding:5px;}
.domain-options-box-price h2{ font-size:20px; padding:5px;}
.domain-options-box-price h3{ font-size:20px; padding:5px;}
.domain-options-box-price h4{ font-size:20px; padding:5px;}
.domain-options-box-price h2{ font-size:16px;}
.domain-options-box-price h3{ font-size:16px;}
.domain-options-box-price h4{ font-size:16px;}
.domain-options-box-price h5{ font-size:16px;}
.domain-options-box-price-border{ height:100px; border-right:none; margin:30px 0 0;}
.popular-sec-main{ width:50%; float:left; padding:10px;}
.popular-sec-box-domain-price-before{ padding:22px 10px 15px 15px; font-size:18px;}
.domain-reg-box-img{ width:70px; padding:10px;}
.buy-domain-main{ width:50%; float:left; padding:10px; text-align:center;}
.domain-main-bnr-options ul li{ width:100%; float:left; list-style:none; padding:10px;}
.domain-detail-box h1{ font-size:20px; padding:0 0 10px;}
.domain-detail-box h2{ font-size:20px; padding:0 0 10px;}
.domain-detail-box h3{ font-size:20px; padding:0 0 10px;}
.domain-detail-box h4{ font-size:20px; padding:0 0 10px;}
.domain-detail-listing{ padding:0;}
.domain-detail-listing ul li{ font-size:14px; padding:0;}
.gen-domain-main{ width:100%; float:left; padding:10px;}
.after-reg-domain-box{ height:auto; padding:20px;}
.p-20{ padding:10px;}
.after-domain-reg-box h2{ width:100%; float:left; font-size:18px; padding:15px 0 0;}
.after-domain-reg-box h3{ width:100%; float:left; font-size:18px; padding:15px 0 0;}
.after-domain-reg-box h4{ width:100%; float:left; font-size:18px; padding:15px 0 0;}
.after-domain-reg-box h5{ width:100%; float:left; font-size:18px; padding:15px 0 0;}
.after-domain-reg-box{ height:450px; padding:20px;}
.available-domain-box{ height:340px; padding:20px;}
.available-domain-box h2{ width:65%; height:auto; font-size:18px; padding:0 0 0 15px;}
.available-domain-box h3{ width:65%; height:auto; font-size:18px; padding:0 0 0 15px;}
.available-domain-box h4{ width:65%; height:auto; font-size:18px; padding:0 0 0 15px;}
.available-domain-box h5{ width:65%; height:auto; font-size:18px; padding:0 0 0 15px;}
.budget-box-textbox{ height:auto; padding:20px;}
.budget-box{ width:100%;  float:left; padding:10px;}
.shared-main-bnr-btn a{ padding:7px 14px; font-size:14px;}

.shared-main-bnr h2{ font-size:16px; line-height:28px;}
.shared-main-bnr h3{ font-size:16px; line-height:28px;}
.shared-main-bnr h4{ font-size:16px; line-height:28px;}
.shared-main-bnr h5{ font-size:16px; line-height:28px;}
.shared-main-bnr-price span{ font-size:32px;}
.cheap-hosting-box-price{ font-size:32px; padding:7px 15px;}
.budget-blue{ width:80%; font-size:10px; padding:5px 0;}
.explore-main{ width:100%; float:left; padding:10px;}
.budget-vps-box p{ height:auto; font-size:14px; line-height:22px; padding:0;}
.book-main{ padding:20px; border-radius:10px;}
.explore-area-main{ width:100%; float:left; padding:10px; box-sizing:border-box;}

.serversea-wordpress-main{ width:50%; float:left; padding:10px;}
	.submit-domain-search-button{ padding:10px 20px; font-size:16px;}
	
	 .domain-transfer-main {
    width: 100%;
  }
}

@media only screen and (max-width:640px){
.domain-reg-main{ width:100%; float:left; padding:10px; box-sizing:border-box;}
.domain-reg-box{ height:auto; padding:15px;}
.why-buy-domain-box{ width:100%; height:370px; float:left; padding:15px;}
.reg-domain-box{ width:100%; height:280px; padding:15px;}
.w50{ width:100%; display:inline-block;}
.after-domain-reg-box{ height:auto; padding:20px;}
.available-domain-box{ height:auto; padding:20px;}
.available-domain-box h2{ width:100%; height:auto; font-size:18px; padding: 15px 0 0;}
.available-domain-box h3{ width:100%; height:auto; font-size:18px; padding: 15px 0 0;}
.available-domain-box h4{ width:100%; height:auto; font-size:18px; padding: 15px 0 0;}
.available-domain-box h5{ width:100%; height:auto; font-size:18px; padding: 15px 0 0;}
.budget-blue{ width:75%; font-size:10px; padding:5px 0;}
.budget-package-box{ width:100%; float:left; padding:10px;}
.budget-benefits-box{ width:100%;  float:left; padding:10px;}
.guarantee-page-box{ width:100%; float:left; padding:10px;}
}

@media only screen and (max-width:568px){
.logo{ width:170px; padding:15px 10px 0;}
.top-right ul li{ /*padding:15px 5px;*/ font-size:12px;}
.top-right ul li a span{ width:20px; border-radius:3px; font-size:11px; padding:3px; top:0px; right:0px;}
.home-main-bnr-textarea{ width:100%; float:left;}
.home-main-bnr-image{ width:30%; float:right; display:none;}
.shared-main-bnr{ width:100%; padding:20px;}
.shared-main-bnr h1{ padding:10px 0 0; font-size:22px; line-height:28px;}
.shared-main-bnr h2{ padding:10px 0 0; font-size:22px; line-height:28px;}
.shared-main-bnr h3{ padding:10px 0 0; font-size:22px; line-height:28px;}
.shared-main-bnr h4{ padding:10px 0 0; font-size:22px; line-height:28px;}
.shared-main-bnr-sub h1{ font-size:16px; line-height:26px;}
.shared-main-bnr-sub h2{ font-size:16px; line-height:26px;}
.shared-main-bnr-sub h3{ font-size:16px; line-height:26px;}
.shared-main-bnr-sub h4{ font-size:16px; line-height:26px;}
.shared-main-bnr-price span{ font-size:32px;}
.shared-main-bnr-price{ font-size:14px; padding:15px 0 0;}
.shared-main-bnr-btn a{ padding:7px 14px; border-radius:10px; border:1px solid #444; font-size:14px;}
.cheap-hosting-discount-percent{ font-size:22px;}
.cheap-hosting-box h1{ font-size:18px; padding:0 15px; }
.cheap-hosting-box h2{ font-size:18px; padding:0 15px; }
.cheap-hosting-box h3{ font-size:18px; padding:0 15px; }
.cheap-hosting-box h4{ font-size:18px; padding:0 15px; }
.cheap-hosting-box-time{ font-size:14px; padding:0 15px;}
.cheap-hosting-box-price{ font-size:28px; padding:7px 15px;}
.cheap-hosting-box-save{ font-size:18px; margin:10px 0; padding:10px 0;}
.cheap-hosting-box-list ul li{ font-size:13px; padding:7px 15px; border-bottom:1px solid #ddd;}
.cheap-hosting-box-list ul li span{ font-size:13px;}
.main-heading h1{ font-size:20px; line-height:28px;}
.main-heading h2{ font-size:20px; line-height:28px;}
.main-heading h3{ font-size:20px; line-height:28px;}
.main-heading h4{ font-size:20px; line-height:28px;}
.main-heading p{ font-size:13px; padding:7px 10px; line-height:22px;}
.main-heading-sub h1{ font-size:16px; line-height:22px; padding:10px 0 0;}
.main-heading-sub h2{ font-size:16px; line-height:22px; padding:10px 0 0;}
.main-heading-sub h3{ font-size:16px; line-height:22px; padding:10px 0 0;}
.main-heading-sub h4{ font-size:16px; line-height:22px; padding:10px 0 0;}
.why-serversea-box-textbox{ width:100%; padding:10px;}
.benefits-box{ margin:15px 0; padding:20px 15px; border-radius:10px; box-shadow:0px 0px 10px #aaa;}
.benefits-box-img{ width:70px;}
.benefits-box-textbox h1{ font-size:18px; padding:0 0 10px;}
.benefits-box-textbox h2{ font-size:18px; padding:0 0 10px;}
.benefits-box-textbox h3{ font-size:18px; padding:0 0 10px;}
.benefits-box-textbox h4{ font-size:18px; padding:0 0 10px;}
.benefits-box-textbox h5{ font-size:18px; padding:0 0 10px;}
.benefits-box-textbox p{ font-size:13px; line-height:20px; padding:0;}
.benefits-box-img2{ width:70px;}
.explore-tab-bar span{ width:100%; padding:7px 15px; border-radius:5px;}
.explore-tab-bar a{ width:100%; padding:15px;}
.explore-main{ width:100%; float:left; padding:10px;}
.explore-box h2{ width:100%; height:auto; line-height:22px; font-size:16px; padding:10px 0 0 0;}
.explore-box h3{ width:100%; height:auto; line-height:22px; font-size:16px; padding:10px 0 0 0;}
.explore-box h4{ width:100%; height:auto; line-height:22px; font-size:16px; padding:10px 0 0 0;}
.explore-box h5{ width:100%; height:auto; line-height:22px; font-size:16px; padding:10px 0 0 0;}
.explore-box-list{ min-height:auto; padding:10px 0 0;}
.explore-box p{ height:auto; font-size:14px; line-height:22px; padding:15px 0 0;}
.book-box-img{ width:40%; float:left;}
.book-box-textbox{ width:100%; float:left; padding:10px 0;}
.book-box-textbox h1{ font-size:18px; line-height:28px;}
.book-box-textbox h2{ font-size:18px; line-height:28px;}
.book-box-textbox h3{ font-size:18px; line-height:28px;}
.book-box-textbox h4{ font-size:18px; line-height:28px;}
.book-main{ padding:20px; border-radius:10px;}
.w25{ width:50%; display:inline-block;}
.w50{ width:100%; display:inline-block;}
.footer-bottom-left{ font-size:14px;  padding:0 0 10px;}
.footer-bottom-right a{ width:35px; float:right;}
.cheap-hosting-box-pay{ float:left; font-size:14px; line-height:24px; padding:7px 15px; text-align:center;}
.cheap-hosting-box-pay img{ float:none; display:inline-block; padding:0; text-align:center;}
.explore-area-main{ width:100%; padding:10px;}
.explore-area-main2{ width:100%; padding:10px;}
.explore-area-box{ width:100%; min-height:auto; padding:15px; box-shadow:0px 0px 10px #043aa3; border-radius:10px;}
.reviews-box-img{ width:65%; float:none; padding:0;}
.footer-middle-map{ width:100%; float:left; padding:10px 0;}
.b-0{ border-bottom:1px solid #0a57ec !important;}
.wordpress-hosting-box h1{ font-size:18px; line-height:26px; padding:0 0 10px;}
.wordpress-hosting-box h2{ font-size:18px; line-height:26px; padding:0 0 10px;}
.wordpress-hosting-box h3{ font-size:18px; line-height:26px; padding:0 0 10px;}
.wordpress-hosting-box h4{ font-size:18px; line-height:26px; padding:0 0 10px;}
.wordpress-hosting-box-textbox h1{ font-size:16px; padding:0; text-align:center;}
.wordpress-hosting-box-textbox h2{ font-size:16px; padding:0; text-align:center;}
.wordpress-hosting-box-textbox h3{ font-size:16px; padding:0; text-align:center;}
.wordpress-hosting-box-textbox h4{ font-size:16px; padding:0; text-align:center;}
.wordpress-hosting-box p{ font-size:13px; line-height:20px; padding:0 0 20px; text-align:center;}
.wordpress-hosting-box-textbox p{ font-size:13px; line-height:20px; padding:0;}
.serversea-wordpress-main{ width:50%; float:left; padding:10px;}
.serversea-wordpress-box{ min-height:65px; box-shadow:0px 0px 10px #ddd; border-radius:5px; padding:10px;}
.serversea-wordpress-box h2{ font-size:14px;}
.serversea-wordpress-box h3{ font-size:14px;}
.serversea-wordpress-box h4{ font-size:14px;}
.serversea-wordpress-box h5{ font-size:14px;}

.wordpress-hosting-box-textbox{ padding:0 15px 20px;}
.shared-cheap-serversea-box h2{ font-size:14px; padding:10px 0 0;}
.shared-cheap-serversea-box h3{ font-size:14px; padding:10px 0 0;}
.shared-cheap-serversea-box h4{ font-size:14px; padding:10px 0 0;}
.shared-cheap-serversea-box h5{ font-size:14px; padding:10px 0 0;}
.shared-cheap-serversea-box p{ font-size:12px; line-height:20px; padding:5px 0 0;}
.shared-cheap-serversea-box-img{ width:60px; padding:10px 10px 5px; box-shadow:0px 0px 10px #ddd; border-radius:5px;}
.programing-box{ width:100%; min-height:auto; padding:15px; border-right:none;  border-bottom:1px solid #aaa;}
.programing-box h1{ font-size:20px; padding:0;}
.programing-box h2{ font-size:20px; padding:0;}
.programing-box h3{ font-size:20px; padding:0;}
.programing-box h4{ font-size:20px; padding:0;}
.unlimited-choose-main{ width:100%; padding:10px;}
.unlimited-choose-box h1{ font-size:18px; padding:15px 0 10px;}
.unlimited-choose-box h2{ font-size:18px; padding:15px 0 10px;}
.unlimited-choose-box h3{ font-size:18px; padding:15px 0 10px;}
.unlimited-choose-box h4{ font-size:18px; padding:15px 0 10px;}
.unlimited-choose-box p{ font-size:13px; line-height:20px; padding:0;}
.unlimited-choose-box-img{ width:70px; padding:10px;}

.unlimited-choose-box{ width:100%; height:auto; box-shadow:0px 0px 10px #ddd; border-radius:5px; padding:15px;}
.risk-free-box-img{ width:10%; float:left;}
.risk-free-box-textbox h1{ font-size:22px; line-height:28px;}
.risk-free-box-textbox h2{ font-size:22px; line-height:28px;}
.risk-free-box-textbox h3{ font-size:22px; line-height:28px;}
.risk-free-box-textbox h4{ font-size:22px; line-height:28px;}
.risk-free-box-textbox p{ font-size:14px; line-height:22px; padding:5px 0 0; text-align:left;}
.risk-free-box-textbox{ width:100%; float:left; padding:10px 0; text-align:left;}
.risk-free-box-textbox-button{ width:100%; float:left; padding:10px 0 0; text-align:left;}
.risk-free-box-textbox-button span{ padding: 0 0 10px ; font-size:14px;}
.risk-free-box-textbox-button a{ padding:7px 10px; font-size:14px;}

.domain-main-bnr{ padding:20px;}
.domain-main-bnr-sub h1{ padding:10px 0 0; font-size:20px;}
.domain-main-bnr-sub h2{ padding:10px 0 0; font-size:20px;}
.domain-main-bnr-sub h3{ padding:10px 0 0; font-size:20px;}
.domain-main-bnr-sub h4{ padding:10px 0 0; font-size:20px;}
.domain-main-bnr-sub-sub h1{ padding:10px 0 0; font-size:20px;}
.domain-main-bnr-sub-sub h2{ padding:10px 0 0; font-size:20px;}
.domain-main-bnr-sub-sub h3{ padding:10px 0 0; font-size:20px;}
.domain-main-bnr-sub h4{ padding:10px 0 0; font-size:20px;}
.domain-search-input{ width:65%; padding:10px; font-size:14px; margin:5px 0 0;}
.domain-options-box{ width:28%; margin:0 10px; border-right:none;}
.domain-options-box-price{ width:auto; border-right:none; font-size:16px; padding:10px; margin:20px 0 0;}
.domain-options-box-price h1{ font-size:18px; padding:5px;}
.domain-options-box-price h2{ font-size:18px; padding:5px;}
.domain-options-box-price h3{ font-size:18px; padding:5px;}
.domain-options-box-price h4{ font-size:18px; padding:5px;}
.domain-options-box-price-sub h2{ font-size:14px;}
.domain-options-box-price-sub h3{ font-size:14px;}
.domain-options-box-price-sub h4{ font-size:14px;}
.domain-options-box-price-sub h5{ font-size:14px;}
.popular-sec-main{ width:50%; float:left; padding:10px;}
.popular-sec-box-domain-price-before{ padding:22px 10px 15px 15px; font-size:18px;}
.domain-search-tab-bar{ padding:10px; font-size:14px;}
.domain-search-bar{ padding:10px; box-shadow:0px 0px 15px #bbb; margin:20px 0 0;}
.domain-search-bar-notification{display: inline-block; padding: 10px;}
.domain-search-bar-img{ width:30px; padding:10px 5px 0;}
.domain-main-bnr p{ font-size:14px; padding:10px 0; line-height:20px;}
.domain-search-input{ width:65%; padding:10px; font-size:14px; margin:0;}
.domain-search-button a{ padding:10px 15px; font-size:14px;}
.domain-options{ margin:20px 0 0;}
.domain-options-box-price-border{ height:100px; border-right:none; margin:30px 0 0; display:none;}
.domain-about-main{ width:100%; float:left; padding:0 15px; box-sizing:border-box;}
.domain-about-box{ padding:0; margin:10px 0;}
.popular-sec-box-domain-price{ padding:20px 10px 10px 15px; font-size:18px;}
.popular-sec-box-domain-price span{ padding:15px 0 0; font-size:14px;}
.popular-sec-box-domain-price-before{ padding:0 10px 15px 15px; font-size:16px;}
.why-buy-domain-main{ width:100%; float:left; padding:10px;}
.shared-cheap-serversea{ padding:20px 15px 0;}
.why-buy-domain-box{ width:100%; height:auto; float:left; padding:14px;}
.reg-domain-main{ width:100%; padding:10px;}
.reg-domain-box{ width:100%; height:auto; padding:15px;}
.domain-main-bnr-options ul li span{ width:85%; font-size:14px; line-height:20px; padding:0 0 0 5px;}

.share-hosting-comparison{ width:100%; padding:20px; overflow-x:hidden;}
.buy-domain-box{ height:220px; padding:20px 15px;}
.buy-domain-box h2{ font-size:17px; padding:15px 0 0;}
.buy-domain-box h3{ font-size:17px; padding:15px 0 0;}
.buy-domain-box h4{ font-size:17px; padding:15px 0 0;}
.buy-domain-box h5{ font-size:17px; padding:15px 0 0;}
.domain-detail-box{ width:100%; min-height:auto; padding:0 15px; border-right:none; border-bottom:1px solid #aaa;}

.available-domain-box p{ width:100%; float:left; font-size:12px; line-height:20px; color:#fff; padding:15px 0 0; text-align:left;}
.after-domain-reg-box h2{ width:100%; float:left; font-size:16px; color:#222; padding:15px 0 0; text-align:left;}
.after-domain-reg-box h3{ width:100%; float:left; font-size:16px; color:#222; padding:15px 0 0; text-align:left;}
.after-domain-reg-box h4{ width:100%; float:left; font-size:16px; color:#222; padding:15px 0 0; text-align:left;}
.after-domain-reg-box h5{ width:100%; float:left; font-size:16px; color:#222; padding:15px 0 0; text-align:left;}
.after-domain-reg-box p{ width:100%; float:left; font-size:12px; line-height:20px; color:#444; padding:15px 0 0; text-align:left;}
.after-reg-domain-box-sub h2{ width:100%; float:left; font-size:16px; padding:0; text-align:left;}
.after-reg-domain-box-sub h3{ width:100%; float:left; font-size:16px; padding:0; text-align:left;}
.after-reg-domain-box-sub h4{ width:100%; float:left; font-size:16px; padding:0; text-align:left;}
.after-reg-domain-box-sub h5{ width:100%; float:left; font-size:16px; padding:0; text-align:left;}
.after-reg-domain-box p{ width:100%; float:left; font-size:12px; line-height:20px; padding:10px 0 0; text-align:left;}
.faq-box-textbox p{ font-size:12px; line-height:20px; padding:0; text-align:left;}
.vps-plan-main{ width:50%; float:left; padding:10px;}
}

@media only screen and (max-width:480px){
.hdr{ padding:25px 0;}
.logo{ width:150px; float:none; padding:10px; text-align:center; margin:0px auto;}
.top-right ul li{ padding:10px 3px; font-size:12px;}
.top-right ul li a span{ top:-10px;}
.top-right{ float:right; padding:10px 10px 0 0;}
.shared-cheap-serversea-main{ width:100%; float:left; padding:10px 10px;}
.w65{ width:100%; display:inline-block;}
.w35{ width:100%; display:inline-block;}
.main-heading h1{ font-size:18px; line-height:26px;}
.main-heading h2{ font-size:18px; line-height:26px;}
.main-heading h3{ font-size:18px; line-height:26px;}
.main-heading h4{ font-size:18px; line-height:26px;}
.main-heading p{ font-size:12px; padding:7px 10px; line-height:20px;}
.main-heading-sub h1{ font-size:16px; line-height:20px; padding:10px 0 0;}
.main-heading-sub h2{ font-size:16px; line-height:20px; padding:10px 0 0;}
.main-heading-sub h3{ font-size:16px; line-height:20px; padding:10px 0 0;}
.main-heading-sub h4{ font-size:16px; line-height:20px; padding:10px 0 0;}
.cheap-hosting-main{ width:100%; padding:10px;}
.recommmended-empty{ border-radius:10px; text-align:center; margin:0;}
.shared-cheap-serversea{ padding:30px 20px 0;}
.cheap-hosting-box-img{ width:70px; padding:10px;}
.cheap-hosting-box-pay{ font-size:12px; line-height:20px; padding:10px; text-align:left;}
.cheap-hosting-box-pay img{ float:right; display:inline-block; padding:0; text-align:right;}
.why-serversea-box-textbox h1{ font-size:16px; padding:10px 0;}
.why-serversea-box-textbox h2{ font-size:16px; padding:10px 0;}
.why-serversea-box-textbox h3{ font-size:16px; padding:10px 0;}
.why-serversea-box-textbox h4{ font-size:16px; padding:10px 0;}
.why-serversea-box-textbox p{ font-size:12px; line-height:20px;}
.why-serversea-box-textbox{ width:100%; padding:5px;}
.benefits-box-textbox{ width:100%; padding:15px 0 0;}
.benefits-box-img2{ float:left; width:70px;}
.share-hosting-comparison-box-list{ font-size:12px;}
.share-hosting-comparison-box-list ul li h5{ font-size:12px; padding:0 5px; font-family: 'poppinssemibold';}
.explore-box-list ul li{ font-size:12px; padding:3px 0;}
.explore-box p{ height:auto; font-size:12px; line-height:20px; padding:5px 0 0;}
.faq-box-textbox h1{ font-size:16px; padding:10px 0 5px;}
.faq-box-textbox h2{ font-size:16px; padding:10px 0 5px;}
.faq-box-textbox h3{ font-size:16px; padding:10px 0 5px;}
.faq-box-textbox h4{ font-size:16px; padding:10px 0 5px;}
.faq-box-textbox p{ font-size:12px; line-height:20px;}
.book-box-img{ width:40%; float:left;}
.book-box-textbox p{ font-size:12px; line-height:20px; padding:10px 0 0;}
.book-box-textbox-button{ padding:15px 5px 0 0;}
.book-box-textbox-button a{ padding:5px 10px; font-size:12px; border-radius:5px;}
.reviews{ padding:0 20px 20px;}
.rate { height:42px; padding: 0 10px;}
.reviews-box-img{ width:60%; padding:10px 0 0;}
.footer-box{ width:100%; padding:0 15px 15px;}
.footer-box h2{ font-size:16px; line-height:24px; padding:0;}
.footer-box h3{ font-size:16px; line-height:24px; padding:0;}
.footer-box h4{ font-size:16px; line-height:24px; padding:0;}
.footer-box h5{ font-size:16px; line-height:24px; padding:0;}
.footer-box-links ul li a{ font-size:12px;}
.footer-box-links ul li{ padding:0px;}
.footer-bottom-left{ font-size:12px;  padding:0 0 10px;}
.footer-bottom{ padding:20px 10px 10px;}
.serversea-wordpress-main{ width:100%; float:left; padding:5px 10px;}
.serversea-wordpress-box h2{ font-size:14px;}
.serversea-wordpress-box h3{ font-size:14px;}
.serversea-wordpress-box h4{ font-size:14px;}
.serversea-wordpress-box h5{ font-size:14px;}
.serversea-wordpress-box{ min-height:auto; box-shadow:0px 0px 5px #ddd; border-radius:5px; padding:10px;}
.explore-area-box-list ul li{ font-size:12px; padding:3px 0;}
.explore-area-box h1{ font-size:18px; padding:0;}
.explore-area-box h2{ font-size:18px; padding:0;}
.explore-area-box h3{ font-size:18px; padding:0;}
.explore-area-box h4{ font-size:18px; padding:0;}
.cheap-hosting-box{ width:100%; float:left; padding:0; background:#fff; box-shadow:0px 0px 10px #ccc; border-radius:10px; position:relative;}
.cheap-hosting-box h1{ font-size:18px; padding:0 15px 0; }
.cheap-hosting-box h2{ font-size:18px; padding:0 15px 0; }
.cheap-hosting-box h3{ font-size:18px; padding:0 15px 0; }
.cheap-hosting-box h4{ font-size:18px; padding:0 15px 0; }
.programing-sec-bg{ width:100%; box-shadow:0px 0px 10px #043aa3; border-radius:10px; padding:10px;}
.unlimited-choose{ padding:20px 0;}
.cpanel-features-main{ width:100%; height:ato; float:left; padding:20px 10px;}
.shared-cheap-serversea-box{ width:100%; float:left; text-align:center;}
.shared-cheap-serversea-box h2{ float:none; display:inline-block; font-size:14px; padding:10px 0 0; text-align:center;}
.shared-cheap-serversea-box h3{ float:none; display:inline-block; font-size:14px; padding:10px 0 0; text-align:center;}
.shared-cheap-serversea-box h4{ float:none; display:inline-block; font-size:14px; padding:10px 0 0; text-align:center;}
.shared-cheap-serversea-box h5{ float:none; display:inline-block; font-size:14px; padding:10px 0 0; text-align:center;}
.shared-cheap-serversea-box p{ float:none; display:inline-block; font-size:12px; line-height:20px; padding:5px 0 0; text-align:center;}
.shared-cheap-serversea-box-img{ width:60px; float:none; display:inline-block; padding:10px 10px 5px; box-shadow:0px 0px 10px #ddd; border-radius:5px;}
.domain-search-tab-bar{ padding:10px; font-size:12px;}
.domain-search-tab-bar span{ padding:5px 10px;}
.domain-search-tab-bar img{ display:inline-block; padding:0 5px;}
.domain-search-tab-bar a{ padding:0 5px; font-size:12px;}
.domain-search-bar-img{ float:left; padding:7px 5px 0;}
.domain-search-input{ width:70%; padding:10px 5px; font-size:12px; margin:0;}
.domain-search-button a{ padding:10px 15px; font-size:13px;}
.domain-about-box{ padding:0; margin:10px 0;}
.domain-about-box-list ul li{ font-size:12px; padding:3px 0;}
.domain-about-box-textbox h1{ font-size:20px; line-height:28px; padding:0;}
.domain-about-box-textbox h2{ font-size:20px; line-height:28px; padding:0;}
.domain-about-box-textbox h3{ font-size:20px; line-height:28px; padding:0;}
.domain-about-box-textbox h4{ font-size:20px; line-height:28px; padding:0;}
.domain-about-box-textbox p{ font-size:12px; line-height:22px; padding:0 0 10px;}
.domain-options-box-name span{ font-size:12px; padding:5px 10px;}
.domain-options-box-price{ font-size:12px; padding:5px; margin:20px 0 0;}
.domain-options-box-price h2{ font-size:14px; padding:5px 5px 0px;}
.domain-options-box-price h3{ font-size:14px; padding:5px 5px 0px;}
.domain-options-box-price h4{ font-size:14px; padding:5px 5px 0px;}
.domain-options-box-price h5{ font-size:14px; padding:5px 5px 0px;}
.popular-sec-box-domain-name{ padding:5px 10px 5px 15px; font-size:18px;}
.popular-sec-box-domain-name a{ padding:0 10px; font-size:18px;}
.popular-sec-box-domain-price{ padding:20px 10px 10px 15px; font-size:20px;}
.popular-sec-box-domain-price-before{ padding:0 10px 15px 15px; font-size:14px;}
.domain-reg-box h2{ font-size:18px; padding:10px 0 0;}
.domain-reg-box h3{ font-size:18px; padding:10px 0 0;}
.domain-reg-box h4{ font-size:18px; padding:10px 0 0;}
.domain-reg-box h5{ font-size:18px; padding:10px 0 0;}
.domain-reg-box p{ font-size:12px; line-height:18px; padding:10px 0 0;}
.why-buy-domain-box p{ font-size:12px; line-height:18px; padding:10px 0 0;}
.why-buy-domain-box h2{ height:auto; font-size:18px; padding:10px 0 0;}
.why-buy-domain-box h3{ height:auto; font-size:18px; padding:10px 0 0;}
.why-buy-domain-box h4{ height:auto; font-size:18px; padding:10px 0 0;}
.why-buy-domain-box h5{ height:auto; font-size:18px; padding:10px 0 0;}
.reg-domain-box h1{ font-size:18px;}
.reg-domain-box h2{ font-size:18px;}
.reg-domain-box h3{ font-size:18px;}
.reg-domain-box h4{ font-size:18px;}
.reg-domain-box p{ font-size:12px; line-height:18px; padding:10px 0 0;}
.domain-main-bnr p{ font-size:12px; padding:10px 0; line-height:20px;}
.home-about{ padding:10px 20px;}
.buy-domain-main{ width:100%; float:left; padding:10px; text-align:center;}
.buy-domain-box{ height:auto; padding:15px;}

.budget-box h1{ font-size:16px; padding:0;}
.budget-box h2{ font-size:16px; padding:0;}
.budget-box h3{ font-size:16px; padding:0;}
.budget-box h4{ font-size:16px; padding:0;}
.budget-box p{ font-size:12px; line-height:22px; padding:5px 0 0;}
.budget-package-box-list h2{ font-size:16px; padding:10px 15px;}
.budget-package-box-list h3{ font-size:16px; padding:10px 15px;}
.budget-package-box-list h4{ font-size:16px; padding:10px 15px;}
.budget-package-box-list h5{ font-size:16px; padding:10px 15px;}
.budget-package-box-list ul li{ font-size:12px; padding:12px 20px; border-bottom:1px solid #ddd; font-family: 'poppinsregular';}
.budget-vps-box p{ height:120px; font-size:12px; line-height:22px; padding:0;}
.budget-benefits-box-full h1{ font-size:16px; padding:0;}
.budget-benefits-box-full h2{ font-size:16px; padding:0;}
.budget-benefits-box-full h3{ font-size:16px; padding:0;}
.budget-benefits-box-full h4{ font-size:16px; padding:0;}
.budget-benefits-box h1{ font-size:16px; padding:0; text-align:left;}
.budget-benefits-box h2{ font-size:16px; padding:0; text-align:left;}
.budget-benefits-box h3{ font-size:16px; padding:0; text-align:left;}
.budget-benefits-box h4{ font-size:16px; padding:0; text-align:left;}
.budget-benefits-box p{ font-size:12px; line-height:22px; padding:5px 0 0;}
.vps-plan-main{ width:100%; float:left; padding:10px;}

.wordpress-hosting-box h1{ font-size:16px; line-height:22px; padding:0 0 10px;}
.wordpress-hosting-box h2{ font-size:16px; line-height:22px; padding:0 0 10px;}
.wordpress-hosting-box h3{ font-size:16px; line-height:22px; padding:0 0 10px;}
.wordpress-hosting-box h4{ font-size:16px; line-height:22px; padding:0 0 10px;}
	
.submit-domain-search-button{ padding:7px 15px; font-size:14px;}
}

@media only screen and (max-width:428px){
.hdr{ padding:50px 0;}
.logo{ width:170px; float:none; padding:10px 10px 5px; text-align:center; margin:0px auto;}
.top-right ul li a span{ top:5px; right:-25px;}
.top-right{ width:100%; display:inline-block; float:none; padding:0 15px 0 0; text-align:center;}
.w25{ width:100%; display:inline-block;}
.benefits-box-img{ width:60px;}
.domain-search-tab-bar img{ width:25px; display:inline-block; padding:0 5px;}
.domain-search-tab-bar{ padding:5px; font-size:12px;}
.domain-search-tab-bar span{ padding:5px;}
.domain-main-bnr h1{ padding:0; font-size:20px;}
.domain-main-bnr h2{ padding:0; font-size:20px;}
.domain-main-bnr h3{ padding:0; font-size:20px;}
.domain-main-bnr h4{ padding:0; font-size:20px;}
.domain-main-bnr-sub h1{ font-size:16px; line-height:24px; padding:10px 0;}
.domain-main-bnr-sub h2{ font-size:16px; line-height:24px; padding:10px 0;}
.domain-main-bnr-sub h3{ font-size:16px; line-height:24px; padding:10px 0;}
.domain-main-bnr-sub h4{ font-size:16px; line-height:24px; padding:10px 0;}
.domain-main-bnr-sub-sub h1{ font-size:16px; line-height:24px; text-align:center;}
.domain-main-bnr-sub-sub h2{ font-size:16px; line-height:24px; text-align:center;}
.domain-main-bnr-sub-sub h3{ font-size:16px; line-height:24px; text-align:center;}
.domain-main-bnr-sub-sub h4{ font-size:16px; line-height:24px; text-align:center;}
.domain-search-bar{ padding:5px; box-shadow:0px 0px 10px #bbb; margin:15px 0 0;}
.domain-search-bar-notification{ display: inline-block; padding: 10px;}
.domain-search-button a{ padding:5px; font-size:12px; margin:5px 0 0;}
.domain-options-box{ width:28%; margin:0 5px; border-right:none;}
.domain-options-box-price{ width:auto; border-right:none; font-size:14px; padding:5px; margin:20px 0 0;}
.domain-options-box-price h1{ font-size:13px; padding:5px;}
.domain-options-box-price h2{ font-size:13px; padding:5px;}
.domain-options-box-price h3{ font-size:13px; padding:5px;}
.domain-options-box-price h4{ font-size:13px; padding:5px;}
.domain-options-box-price-sub h2{ font-size:12px;}
.domain-options-box-price-sub h3{ font-size:12px;}
.domain-options-box-price-sub h4{ font-size:12px;}
.domain-options-box-price-sub h5{ font-size:12px;}
.domain-about-box-textbox h1{ font-size:18px; line-height:26px; padding:0;}
.domain-about-box-textbox h2{ font-size:18px; line-height:26px; padding:0;}
.domain-about-box-textbox h3{ font-size:18px; line-height:26px; padding:0;}
.domain-about-box-textbox h4{ font-size:18px; line-height:26px; padding:0;}
.domain-about-box-textbox-sub h1{ width:100%; float:left; font-size:16px; padding:0;}
.domain-about-box-textbox-sub h2{ width:100%; float:left; font-size:16px; padding:0;}
.domain-about-box-textbox-sub h3{ width:100%; float:left; font-size:16px; padding:0;}
.domain-about-box-textbox-sub h4{ width:100%; float:left; font-size:16px; padding:0;}
}

@media only screen and (max-width:375px){
.logo{ width:170px; float:none; padding:10px 10px 5px; text-align:center; margin:0px auto;}
}

@media only screen and (max-width:320px){

}

@media (max-width: 992px){
  .share-hosting-comparison .share-hosting-comparison-box{
    overflow-x: auto;
  }
  .share-hosting-comparison .share-hosting-comparison-box-list{
    min-width: 900px;
  }
}

@media (max-width: 992px){
    .share-hosting-comparison .share-hosting-comparison-box{
        overflow-x: auto;
    }
    .share-hosting-comparison .share-hosting-comparison-box-list{
        min-width: 1000px;
    }
}

@media (max-width: 768px){
  .pk-benefits-title{
    font-size: 22px;
  }
  .pk-benefit-card{
    width: 100%;
  }
}

@media (max-width: 980px){
  .contact-page-ss .contact-top-card,
  .contact-page-ss .contact-map-card,
  .contact-page-ss .contact-legal{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .contact-top-grid{
    grid-template-columns:1fr;
  }

  .contact-map-grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "pk"
      "usa"
      "uk";
    gap:18px;
  }

  .map-icon{
    width:90px;
    min-width:90px;
  }
  .map-icon img{
    width:90px;
  }

  .contact-top-title{ font-size:26px; }
  .contact-top-desc{ font-size:16px; }
  .map-line{ font-size:18px; }
}

@media (max-width: 1100px){
  .bank-grid{ grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 992px){
  .paym-wrap{ padding:0 22px; }
  .paym-layout{ grid-template-columns: 1fr; }
  .paym-nav{
    position:relative;
    top:auto;
    display:flex;
    gap:10px;
    overflow:auto;
    white-space:nowrap;
  }
  .paym-nav-title{ display:none; }
  .paym-nav-link{ flex:0 0 auto; }
}

@media (max-width: 600px){
  .bank-grid{ grid-template-columns: 1fr; }
  .paym-hero .home-main-bnr-image img{ max-width:320px; }
}

@media (max-width: 992px){
  .faq-wrap{ padding:0 22px; }
  .faq-layout{ grid-template-columns: 1fr; }
  .faq-nav{
    position:relative;
    top:auto;
    display:flex;
    gap:10px;
    overflow:auto;
    white-space:nowrap;
  }
  .faq-nav-title{ display:none; }
  .faq-nav-link{ flex:0 0 auto; }
}

@media (max-width: 600px){
  .faq-hero .home-main-bnr-image img{ max-width:320px; }
}

@media (max-width: 1024px){
  .whyss-grid{ grid-template-columns:repeat(2, 1fr); }
  .whyss-row{ flex-direction:column; align-items:stretch; }
  .whyss-row-right{ width:100%; justify-content:flex-start; flex-wrap:wrap; }
  .whyss-pillbtn{ min-width:240px; }
  .whyss-help{ flex-direction:column; align-items:stretch; }
  .whyss-help-right{ justify-content:flex-start; flex-wrap:wrap; }
}

@media (max-width: 640px){
  .whyss-grid{ grid-template-columns:1fr; }
  .whyss-pillbtn{ width:100%; min-width:0; }
  .whyss-btn{ width:100%; justify-content:center; }
}

@media (min-width:1400px){
  .whyss-wrap{
    padding-left:60px;
    padding-right:60px;
  }
}

@media (max-width: 980px){
    .ss-about-hero-grid{ grid-template-columns: 1fr; text-align:left; }
    .ss-about-hero-art{ text-align:left; }
    .ss-about-cards{ grid-template-columns: 1fr; }
    .ss-about-feature-grid{ grid-template-columns: repeat(2, 1fr); }
    .ss-about-title{ font-size:38px; line-height:48px; }
    .ss-about-heading h2{ font-size:36px; line-height:46px; }
  }

@media (max-width: 560px){
    .ss-about-feature-grid{ grid-template-columns: 1fr; }
    .ss-about-title{ font-size:32px; line-height:42px; }
  }

@media (max-width: 900px){
    .ss-guarantee-grid{
      grid-template-columns: 1fr;
    }
    .ss-guarantee-heading h1{
      font-size:36px;
      line-height:46px;
    }
  }

@media (max-width: 900px){
  .ss-guarantee-hero-inner{
    grid-template-columns: 1fr;
  }
  .ss-guarantee-hero-art{
    text-align:left;
    margin-top:14px;
  }
  .ss-guarantee-hero-text h1{
    font-size:38px;
    line-height:48px;
  }
}

@media (max-width: 950px){
    .ss-mission-hero-inner{
      grid-template-columns: 1fr;
    }
    .ss-mission-hero-art{
      text-align:left;
      margin-top: 10px;
    }
    .ss-mission-hero h1{
      font-size: 38px;
      line-height: 48px;
    }
    .ss-mission-grid{
      grid-template-columns: 1fr;
    }
  }

@media (max-width: 980px){
    .ss-dc-hero-inner{ grid-template-columns: 1fr; }
    .ss-dc-hero-art{ text-align:left; margin-top: 12px; }
    .ss-dc-hero h1{ font-size:38px; line-height:48px; }
    .ss-dc-grid{ grid-template-columns: 1fr 1fr; }
  }

@media (max-width: 600px){
    .ss-dc-grid{ grid-template-columns: 1fr; }
  }

@media (max-width: 950px){
    .ss-support-hero-inner{ grid-template-columns: 1fr; }
    .ss-support-hero-art{ text-align:left; margin-top: 12px; }
    .ss-support-hero h1{ font-size:38px; line-height:48px; }
    .ss-support-grid{ grid-template-columns: 1fr; }
  }

@media (max-width: 950px){
    .ss-ref-hero-inner{ grid-template-columns: 1fr; }
    .ss-ref-hero-art{ text-align:left; margin-top: 12px; }
    .ss-ref-hero h1{ font-size:38px; line-height:48px; }
  }

@media (max-width: 950px){
    .ss-pp-hero-inner{ grid-template-columns: 1fr; }
    .ss-pp-hero-art{ text-align:left; margin-top: 12px; }
    .ss-pp-hero h1{ font-size:38px; line-height:48px; }
  }

@media (max-width:980px){
  .ss-legal-hero-inner{ grid-template-columns:1fr; }
  .ss-legal-hero-art{ text-align:left; margin-top:12px; }
  .ss-legal-hero h1{ font-size:38px; line-height:48px; }
}

@media (max-width: 768px){
  .ss-history-hero{ padding:52px 0; }
  .ss-history-card{ padding:22px 18px; border-radius:12px; }
  .ss-history-card p{ font-size:16px; line-height:28px; }
}

@media (max-width: 900px){
  .ss-hero{ padding:34px 0 26px; }
  .ss-hero-grid{ grid-template-columns: 1fr; }
  .ss-hero-art{ justify-content:flex-start; }
  .ss-hero-art img{ width:min(320px, 100%); }
}

@media (max-width:768px){
  .ss-timeline{ padding-left:30px; }
  .ss-timeline-card{ padding:18px 18px; }
}

@media (max-width: 980px){
  .ss-legal-layout{ grid-template-columns: 1fr; }
  .ss-legal-toc{ position: relative; top:auto; }
}

/* Hide hero image on tablets and mobiles */
@media (max-width: 768px) {
  .home-main-bnr-image {
    display: none;
  }

  .home-main-bnr-textarea {
    width: 100%;
    text-align: left;
  }
}
/* Shared Hosting hero H1 size control */
.shared-main-bnr h1{
  margin:10px 0 0;
  font-size:46px;
  line-height:56px;
}

@media (max-width: 1100px){
  .shared-main-bnr h1{ font-size:42px; line-height:52px; }
}

@media (max-width: 992px){
  .shared-main-bnr h1{ font-size:38px; line-height:48px; }
}

@media (max-width: 768px){
  .shared-main-bnr h1{ font-size:34px; line-height:42px; }
}

@media (max-width: 576px){
  .shared-main-bnr h1{ font-size:28px; line-height:36px; }
}
@media (max-width: 992px){
  .home-main-bnr-textarea{ width:100%; }
  .home-main-bnr-image{ display:none; }
}
/* Shared Hosting hero (final override) */
.shared-main-bnr h1{
  margin:10px 0 0;
  font-size:clamp(28px, 4vw, 46px) !important;
  line-height:1.15 !important;
  font-family:'poppinssemibold';
}

/* Hide hero image on tablets/mobiles */
@media (max-width: 992px){
  .home-main-bnr-textarea{ width:100%; }
  .home-main-bnr-image{ display:none; }
}
.shared-cheap-grid{
  width:100%;
  float:left;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:24px;
  margin-top:26px;
}

.shared-cheap-card{
  background:#fff;
  border:1px solid #eef2fb;
  border-radius:14px;
  padding:20px 18px;
  box-shadow:0 10px 26px rgba(0,0,0,.06);
  transition:transform .2s ease, box-shadow .2s ease;
  min-height:180px;
}

.shared-cheap-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 34px rgba(0,0,0,.10);
}

.shared-cheap-ic{
  width:66px;
  height:66px;
  border-radius:14px;
  background:#f3f6fd;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
}

.shared-cheap-ic img{
  width:42px;
  height:42px;
  object-fit:contain;
}

.shared-cheap-card h5{
  margin:0 0 8px;
  font-size:22px;
  line-height:30px;
  color:#333;
  font-family:'poppinssemibold';
}

.shared-cheap-card p{
  margin:0;
  font-size:16px;
  line-height:26px;
  color:#666;
}

/* Responsive grid */
@media (max-width: 1100px){
  .shared-cheap-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px){
  .shared-cheap-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .shared-cheap-grid{ grid-template-columns:1fr; }
}

/* Feature card row layout */
.shared-cheap-row{
  display:flex;
  align-items:flex-start;
  gap:16px;
}

/* Icon box */
.shared-cheap-ic{
  width:56px;
  height:56px;
  min-width:56px;
  border-radius:12px;
  background:#f3f6fd;
  display:flex;
  align-items:center;
  justify-content:center;
}

.shared-cheap-ic img{
  width:32px;
  height:32px;
  object-fit:contain;
}

/* Text area */
.shared-cheap-content h5{
  margin:0 0 6px;
  font-size:20px;
  line-height:28px;
  color:#222;
  font-family:'poppinssemibold';
}

.shared-cheap-content p{
  margin:0;
  font-size:15px;
  line-height:24px;
  color:#666;
}

/* Card spacing tweak */
.shared-cheap-card{
  padding:22px 20px;
}
/* Feature card row layout */
.shared-cheap-row{
  display:flex;
  align-items:flex-start;
  gap:16px;
}

/* Icon box */
.shared-cheap-ic{
  width:56px;
  height:56px;
  min-width:56px;
  border-radius:12px;
  background:#f3f6fd;
  display:flex;
  align-items:center;
  justify-content:center;
}

.shared-cheap-ic img{
  width:32px;
  height:32px;
  object-fit:contain;
}

/* Text area */
.shared-cheap-content h5{
  margin:0 0 6px;
  font-size:20px;
  line-height:28px;
  color:#222;
  font-family:'poppinssemibold';
}

.shared-cheap-content p{
  margin:0;
  font-size:15px;
  line-height:24px;
  color:#666;
}

/* Card spacing tweak */
.shared-cheap-card{
  padding:22px 20px;
}
@media (max-width: 576px){
  .shared-cheap-row{
    gap:14px;
  }

  .shared-cheap-ic{
    width:48px;
    height:48px;
    min-width:48px;
  }

  .shared-cheap-content h5{
    font-size:18px;
  }
}

/* Tighten feature card text spacing */
/* Tighten feature card text spacing */
.shared-cheap-card p{
  max-width: 240px;
  line-height: 22px;
  margin-top: 2px;
}

.shared-cheap-content h5{
  margin-bottom: 4px;
}
@media (max-width: 576px){
  .shared-cheap-card p{
    max-width: 100%;
  }
}
.shared-cheap-grid{ align-items:start; }

.shared-cheap-card{
  min-height:unset !important;     /* removes forced empty space */
  padding:20px 20px !important;
}

.shared-cheap-row{
  display:flex;
  align-items:flex-start;
  gap:14px;
}

.shared-cheap-ic{
  margin:0 !important;            /* remove old bottom spacing */
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  border-radius:12px !important;
  display:flex;
  align-items:center;
  justify-content:center;
}

.shared-cheap-ic img{
  width:32px !important;
  height:32px !important;
  object-fit:contain;
}

.shared-cheap-content{
  text-align:left;
}

.shared-cheap-content h5{
  margin:0 0 4px !important;
  font-size:20px;
  line-height:28px;
}

.shared-cheap-content p{
  margin:0 !important;
  font-size:15px;
  line-height:22px;              /* tighter = less “airy” */
  max-width:100% !important;      /* remove narrow wrapping */
}

.why-serversea-grid{
  width:100%;
  float:left;
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}

.why-serversea-card{
  background:#fff;
  border:1px solid #e6eefc;
  border-radius:18px;
  padding:18px 18px;
  box-shadow:0 10px 30px rgba(10,30,80,.06);
  display:flex;
  gap:14px;
  align-items:flex-start;
}

.why-serversea-ic{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:14px;
  background:#f3f6fd;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0551e5;
  font-size:22px;
}

.why-serversea-txt h4{
  margin:0 0 6px;
  font-size:20px;
  line-height:26px;
  color:#222;
  font-family:'poppinssemibold';
}

.why-serversea-txt p{
  margin:0;
  font-size:15px;
  line-height:22px;
  color:#666;
}

@media (max-width: 900px){
  .why-serversea-grid{ grid-template-columns:1fr; }
}
.share-hosting-comparison{width:100%;float:left;padding:30px 0}
.share-hosting-comparison-box{width:100%;float:left}
.share-hosting-comparison-box-list{width:100%;float:left}
.share-hosting-comparison-box-list ul{list-style:none;margin:0;padding:0}

/* Make it feel like a modern “table card” */
.share-hosting-comparison-box{
  background:#fff;
  border:1px solid #e9eef9;
  border-radius:16px;
  box-shadow:0 10px 26px rgba(2,30,84,.08);
  overflow:hidden;
}

/* Horizontal scroll on smaller screens (no broken layout) */
.share-hosting-comparison-box-list{
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
.share-hosting-comparison-box-list ul{
  min-width:980px;
}

/* Each row */
.share-hosting-comparison-box-list ul li{
  display:flex;
  align-items:center;
  gap:16px;
  padding:14px 16px;
  border-top:1px solid #eef2fb;
}
.share-hosting-comparison-box-list ul li:first-child{border-top:none}

/* Left feature column */
.share-hosting-comparison-box-description{
  width:280px;
  font-weight:600;
  color:#223;
  font-size:16px;
  line-height:20px;
}

/* Plan cells (your class name says bronze but you use it for all columns) */
.share-hosting-comparison-box-bronze{
  flex:1;
  text-align:center;
  font-size:16px;
  line-height:20px;
  color:#334;
}

/* Header row sticky */
.share-hosting-comparison-box-list ul li.shc-head{
  position:sticky;
  top:0;
  z-index:5;
  background:#0b57e3;
  border-top:none;
}
.share-hosting-comparison-box-list ul li.shc-head h5{
  width:100%;
  display:flex;
  align-items:center;
  gap:16px;
  margin:0;
  padding:0;
}
.share-hosting-comparison-box-list ul li.shc-head .share-hosting-comparison-box-description,
.share-hosting-comparison-box-list ul li.shc-head .share-hosting-comparison-box-bronze{
  color:#fff;
  font-weight:700;
}
.share-hosting-comparison-box-list ul li.shc-head .share-hosting-comparison-box-description{
  width:280px;
  font-size:16px;
}

/* Zebra rows for readability */
.share-hosting-comparison-box-list ul li:nth-child(even):not(.shc-head){
  background:#f7f9ff;
}

/* Small polish */
.share-hosting-comparison-box-list ul li:not(.shc-head) .share-hosting-comparison-box-bronze{
  color:#2f3a4a;
}
.shc-popular{
  position:relative;
  background:#f3f7ff;
  border-left:2px solid #0b57e3;
  border-right:2px solid #0b57e3;
  font-weight:700;
  color:#0b57e3;
}

/* =========================================================
   EXPLORE SECTION - GRID + EQUAL HEIGHT FIX (PASTE AT END)
   Fixes uneven card heights / extra white space / last card drop
   ========================================================= */

/* Parent: make a real grid (override float layout) */
.explore{
  width:100%;
  float:left; /* keep your existing flow */
  padding:30px 20px;
  box-sizing:border-box;

  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
}

/* Each column */
.explore-main{
  float:none !important;                 /* override old float layout */
  width:33.333% !important;              /* 3 columns desktop */
  padding:10px;
  box-sizing:border-box;

  display:flex;                          /* enables equal-height children */
}

/* Card itself = full height column */
.explore-box{
  float:none !important;                 /* override old float */
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;

  background:#fff;
  border-radius:10px;
  padding:22px;
  box-shadow:0px 0px 10px #ccc;
  box-sizing:border-box;
}

/* Top row: icon + title alignment */
.explore-box-img{
  width:80px;
  height:80px;
  float:none !important;
  display:flex;
  align-items:center;
  justify-content:center;

  padding:10px;
  background:#f3f6fd;
  border-radius:10px;
  box-sizing:border-box;
}

.explore-box h5,
.explore-box h4,
.explore-box h3,
.explore-box h2{
  width:auto !important;
  float:none !important;
  margin:0;
  padding:0 0 0 16px;

  font-size:20px;
  line-height:28px;
  color:#0551e5;
}

/* If your HTML is icon then heading after it, keep them in one row */
.explore-box-img + h5,
.explore-box-img + h4,
.explore-box-img + h3,
.explore-box-img + h2{
  display:block;
}

/* Make icon+heading sit in one row even with old float HTML */
.explore-box-img,
.explore-box h5,
.explore-box h4,
.explore-box h3,
.explore-box h2{
  display:inline-flex;
  align-items:center;
}

.explore-box-img{
  margin:0 0 14px 0;
}
.explore-box h5,
.explore-box h4,
.explore-box h3,
.explore-box h2{
  margin-top:-80px;                      /* pull heading beside icon */
  margin-left:96px;                      /* icon width + gap */
  min-height:56px;                      /* keeps headings aligned */
}

/* IMPORTANT: remove forced heights that create gaps */
.explore-box p{
  height:auto !important;                /* override old fixed height */
}

/* List area: allow it to stretch (equal height fix) */
.explore-box-list{
  float:none !important;
  width:100%;
  min-height:unset !important;           /* removes min-height:210px */
  padding:10px 0 0;
  box-sizing:border-box;

  flex:1;                                /* KEY: fills remaining space */
}

/* List items: nicer spacing */
.explore-box-list ul{
  margin:0;
  padding:0;
}
.explore-box-list ul li{
  float:none !important;
  width:100%;
  list-style:none;
  font-size:16px;
  line-height:24px;
  color:#444;
  padding:6px 0;

  display:flex;
  align-items:flex-start;
  gap:10px;
}

/* Tick image alignment */
.explore-box-list ul li img{
  width:20px;
  height:auto;
  margin-top:2px;
  flex:0 0 auto;
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

/* 2 columns tablet */
@media (max-width: 991px){
  .explore-main{
    width:50% !important;
  }

  /* reset heading positioning for smaller screens */
  .explore-box h5,
  .explore-box h4,
  .explore-box h3,
  .explore-box h2{
    margin-top:0;
    margin-left:0;
    padding:0;
    min-height:auto;
    display:block;
  }

  .explore-box-img{
    margin-bottom:12px;
  }
}

/* 1 column mobile */
@media (max-width: 640px){
  .explore{
    padding:22px 12px;
  }
  .explore-main{
    width:100% !important;
    padding:10px 0;
  }
  .explore-box{
    padding:18px;
    border-radius:14px;
  }
}
/* Fix: long headings breaking card layout */
.explore-box h5{
  margin:0 0 14px;
  line-height:1.25;
  word-break:break-word;
  overflow-wrap:anywhere;

  /* reserve space so list never jumps up */
  min-height:84px;          /* adjust 72-96 depending on your design */
  display:flex;
  align-items:flex-start;
}

/* Make long heading look better on smaller screens */
@media (max-width: 768px){
  .explore-box h5{
    font-size:20px;
    line-height:1.25;
    min-height:72px;
  }
}
@media (max-width: 480px){
  .explore-box h5{
    font-size:18px;
    line-height:1.22;
    min-height:64px;
  }
}

/* =========================================================
   ONLY for Journey Section (does not affect other .explore blocks)
   ========================================================= */

/* Desktop: 3 columns */
.explore.explore-journey{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
}

/* Cards */
.explore.explore-journey .explore-main{
  float:none !important;
  width:33.333% !important;
  display:flex;
  padding:10px;
  box-sizing:border-box;
}
.explore.explore-journey .explore-box{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
}

/* Fix long heading spacing */
.explore.explore-journey .explore-box h5{
  margin:0 0 14px;
  line-height:1.25;
  overflow-wrap:anywhere;
  word-break:break-word;

  /* Keeps all cards aligned even if title wraps */
  min-height:64px;
}

/* Tablet: 2 columns + 3rd full width */
@media (max-width: 768px){
  .explore.explore-journey .explore-main{
    width:50% !important;
  }
  /* 3rd card full width */
  .explore.explore-journey .explore-main:nth-of-type(4){
    width:100% !important;
  }
}

/* Mobile: 1 column */
@media (max-width: 520px){
  .explore.explore-journey .explore-main{
    width:100% !important;
  }
  .explore.explore-journey .explore-box h5{
    min-height:unset;
    font-size:18px;
  }
}
/* Journey cards: reduce gap between h5 and p (ONLY this section) */
.explore-journey .explore-box p{
  padding-top:8px !important;   /* was 20px */
  height:auto !important;       /* remove fixed height 125px */
  margin:0 !important;
}

/* optional: slightly tighter title spacing */
.explore-journey .explore-box h5{
  margin:0 !important;
}

/* Reduce gap between heading (h5) and list content */
.explore-box h5{
  margin:0 0 8px !important;   /* remove default h5 margins + small bottom gap */
}

.explore-box-list{
  padding-top:8px !important;  /* was 20px in your CSS */
}




/* =========================================================
   NEW DESIGN: Explore Features cards (NO GAP issue)
   Only applies where parent has .explore-features
   ========================================================= */

.explore.explore-features{
  float:left;
  width:100%;
  padding:30px 20px;
  box-sizing:border-box;

  display:grid;
  grid_db: auto; /* harmless */
  grid-template-columns:repeat(3, 1fr);
  gap:22px;
}

/* stop old float layout for this section */
.explore.explore-features .explore-main{
  float:none !important;
  width:auto !important;
  padding:0 !important;
  display:block;
}

.explore.explore-features .explore-box{
  height:100%;
  display:flex;
  flex-direction:column;

  background:#fff;
  border-radius:10px;
  padding:22px;
  box-shadow:0px 0px 10px rgba(0,0,0,.10);
  box-sizing:border-box;
}

/* NEW: header row (icon + title) */
.explore.explore-features .explore-box-head{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:10px; /* controls space under heading */
}

.explore.explore-features .explore-box-img{
  width:74px;
  height:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f3f6fd;
  border-radius:10px;
  padding:10px;
  box-sizing:border-box;
  flex:0 0 74px;
}

.explore.explore-features .explore-box-img img{
  max-width:42px;
  height:auto;
}

/* Title */
.explore.explore-features .explore-box h5{
  margin:0 !important;
  padding:0 !important;
  font-size:20px;
  line-height:1.25;
  color:#0551e5;
  word-break:break-word;
}

/* LIST – remove any old top padding causing gaps */
.explore.explore-features .explore-box-list{
  padding:0 !important;
  margin:0 !important;
}

.explore.explore-features .explore-box-list ul{
  margin:6px 0 0 !important; /* small controlled space */
  padding:0 !important;
}

.explore.explore-features .explore-box-list ul li{
  list-style:none;
  display:flex;
  align-items:flex-start;
  gap:10px;

  padding:6px 0;
  margin:0;
  font-size:16px;
  line-height:1.55;
  color:#444;
}

.explore.explore-features .explore-box-list ul li img{
  width:18px;
  height:auto;
  margin-top:3px;
  flex:0 0 auto;
}

/* Responsive */
@media (max-width: 991px){
  .explore.explore-features{
    grid-template-columns:repeat(2, 1fr);
  }
}

@media (max-width: 560px){
  .explore.explore-features{
    grid-template-columns:1fr;
  }

  .explore.explore-features .explore-box h5{
    font-size:18px;
  }

  .explore.explore-features .explore-box-list ul li{
    font-size:14px;
  }
}
/* Align icon and headline vertically centered */
.explore-main .explore-box{
  position:relative;
}

/* Make icon + headline one flex row */
.explore-main .explore-box-img,
.explore-main .explore-box h5{
  display:inline-flex;
  vertical-align:middle;
}

/* Actual alignment */
.explore-main .explore-box-img{
  align-items:center;
  justify-content:center;
}

.explore-main .explore-box h5{
  align-items:center;           /* THIS fixes vertical center */
  min-height:72px;              /* balances multi-line headings */
  line-height:1.25;
}
/* =========================================================
   Explore Journey: center icon + headline on same line
   ========================================================= */

/* Make icon + title act like one row */
.explore-journey .explore-box{
  position:relative;
  padding-top:20px;
}

/* Icon */
.explore-journey .explore-box-img{
  width:80px;
  height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f3f6fd;
  border-radius:12px;
}

/* Title aligned with icon (middle) */
.explore-journey .explore-box h5{
  margin:0;
  padding:0;

  /* pull title next to icon */
  margin-left:100px;           /* icon width + gap */
  margin-top:-80px;            /* same as icon height */

  min-height:80px;             /* key: vertical centering */
  display:flex;
  align-items:center;          /* centers text vertically */

  font-size:20px;
  line-height:1.25;
  color:#0551e5;
  word-break:break-word;
}

/* Paragraph spacing stays clean */
.explore-journey .explore-box p{
  margin-top:10px;
  font-size:14px;
  line-height:1.6;
}


@media(max-width:576px){
  .explore-journey .explore-box h5{
    margin-left:0;
    margin-top:12px;
    min-height:auto;
    display:block;
    font-size:18px;
  }
}
/* =========================================================
   Explore Journey: icon + headline middle aligned (WORKING)
   Only affects .explore.explore-journey
   ========================================================= */

.explore.explore-journey .explore-box{
  /* override old float layout */
  float:none !important;
  width:100% !important;

  display:grid !important;
  grid-template-columns:80px 1fr;
  grid-template-areas:
    "icon title"
    "text text";
  column-gap:18px;
  row-gap:10px;
  align-items:center;
}

/* icon */
.explore.explore-journey .explore-box-img{
  grid-area:icon;
  float:none !important;
  width:80px !important;
  padding:10px !important;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* title */
.explore.explore-journey .explore-box h5{
  grid-area:title;
  float:none !important;
  width:auto !important;

  padding:0 !important;
  margin:0 !important;

  display:flex;
  align-items:center;  /* ✅ vertical center */
  min-height:80px;     /* keeps it centered even if title wraps */
  line-height:1.25;
}

/* paragraph */
.explore.explore-journey .explore-box p{
  grid-area:text;
  float:none !important;
  width:100% !important;

  height:auto !important;          /* override height:125px */
  padding:0 !important;            /* override padding-top:20px */
  margin:0 !important;

  font-size:16px;                  /* keep consistent */
  line-height:26px;
}

/* Mobile: stack normally */
@media(max-width:640px){
  .explore.explore-journey .explore-box{
    grid-template-columns:1fr;
    grid-template-areas:
      "icon"
      "title"
      "text";
  }
  .explore.explore-journey .explore-box h5{
    min-height:auto;
    margin-top:10px !important;
  }
}

/* Explore Features: align Font Awesome tick with text */
.explore.explore-features .explore-box-list ul li{
  float:none !important;         /* override old float */
  display:flex;
  align-items:flex-start;        /* icon aligns with first line */
  gap:10px;
}

/* Font Awesome tick */
.explore.explore-features .explore-box-list ul li i{
  margin-top:3px;                /* fine tune */
  line-height:1;
  flex:0 0 auto;
  font-size:16px;
}
/* Unlimited Hosting – center align icon, heading & text */
.unlimited-choose-box{
  text-align: center;
}

.unlimited-choose-box-img{
  float: none !important;        /* override old float */
  margin: 0 auto 12px;           /* center icon */
  display: inline-block;
}

.unlimited-choose-box h3{
  width: 100%;
  float: none;
  text-align: center;
}

.unlimited-choose-box p{
  width: 100%;
  float: none;
  text-align: center;
}
/* cPanel Features (Modern) */
.cpanel-features{
  width:100%;
  float:left;
  padding:40px 0 40px;
}

.cpanel-features .main-heading{
  text-align:center;
  margin-bottom:18px;
}

.cpanel-features .main-heading h2{
  margin:0;
  font-size:46px;
  line-height:54px;
}

.cpanel-features .main-heading p{
  margin:10px 0 0;
  font-size:18px;
  line-height:26px;
  color:#666;
}

/* grid */
.cpanel-features-grid{
  width:100%;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
  padding: 0 4%;
}

/* card */
.cpanel-features-box{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;
  padding:18px 18px 16px;
  box-shadow:0 8px 22px rgba(0,0,0,.06);
}

.cpanel-features-box-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:10px;
}

.cpanel-features-box-img{
  width:72px;
  height:72px;
  border-radius:12px;
  background:#f3f6fd;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.cpanel-features-box-img img{
  max-width:42px;
  height:auto;
  display:block;
}

.cpanel-features-box h5{
  margin:0;
  font-size:26px;
  line-height:34px;
  font-weight:700;
  color:#222;
}

/* list */
.cpanel-features-list{
  list-style:none;
  padding:0;
  margin:10px 0 0;
}

.cpanel-features-list li{
  padding:7px 0;
  font-size:16px;
  line-height:24px;
  color:#4a4a4a;
  border-top:1px dashed rgba(0,0,0,.08);
}

.cpanel-features-list li:first-child{
  border-top:0;
}

/* responsive */
@media (max-width: 992px){
  .cpanel-features-grid{ grid-template-columns:repeat(2, 1fr); }
  .cpanel-features .main-heading h2{ font-size:38px; line-height:46px; }
}

@media (max-width: 600px){
  .cpanel-features-grid{ grid-template-columns:1fr; }
  .cpanel-features .main-heading h2{ font-size:30px; line-height:38px; }
  .cpanel-features .main-heading p{ font-size:16px; }
  .cpanel-features-box h5{ font-size:22px; line-height:30px; }
}
/* ===== WordPress Features (Modern) ===== */
.ss-wp{
  width:100%;
  float:left;
  background:#f3f6fd;
}

.ss-wrap{
  width:92%;
  max-width:1180px;
  margin:0 auto;
}

.ss-wp-head{
  text-align:center;
  margin-bottom:18px;
}

.ss-wp-title{
  margin:0;
  font-size:44px;
  line-height:54px;
  color:#111;
  font-family:'poppinssemibold';
}

.ss-wp-sub{
  margin:12px auto 0;
  font-size:16px;
  line-height:28px;
  color:#555;
}

.ss-wp-grid{
  margin-top:26px;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
}

.ss-wp-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  padding:18px 18px 16px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.ss-wp-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(0,0,0,.08);
  border-color:rgba(5,81,229,.18);
}

.ss-wp-ic{
  width:72px;
  height:72px;
  border-radius:14px;
  background:#eef3ff;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:12px;
}

.ss-wp-ic img{
  max-width:44px;
  height:auto;
  display:block;
}

.ss-wp-h{
  margin:0;
  font-size:22px;
  line-height:30px;
  color:#0b3fbf;
  font-family:'poppinssemibold';
}

.ss-wp-p{
  margin:10px 0 0;
  font-size:16px;
  line-height:26px;
  color:#444;
}

/* responsive */
@media (max-width: 992px){
  .ss-wp-title{ font-size:36px; line-height:44px; }
  .ss-wp-grid{ grid-template-columns:repeat(2, 1fr); }
}

@media (max-width: 600px){
  .ss-wp-title{ font-size:28px; line-height:36px; }
  .ss-wp-sub{ font-size:15px; line-height:24px; }
  .ss-wp-grid{ grid-template-columns:1fr; }
}
/* Center icon + heading inside WordPress cards */
.ss-wp-card{
  text-align: center;
}

.ss-wp-ic{
  margin: 0 auto 12px;   /* center icon */
}

.ss-wp-h{
  text-align: center;   /* center heading */
}

.ss-wp-p{
  text-align: center;   /* optional, looks cleaner */
}
.ss-wp-subtitle{
  margin:12px 0 6px;
  font-size:28px;
  line-height:36px;
  font-weight:600;
  color:#0551e5;
}
/* ===== Full width WordPress section ===== */
.ss-wp-full{
  width:100%;
  background:#ffffff;
}

/* ===== Heading (hero-like width) ===== */
.ss-wp-head-wide{
  width:100%;
  text-align:center;
}

.ss-wp-subtitle{
  margin:0;
  font-size:32px;
  line-height:40px;
  font-weight:600;
  color:#0b3fbf;
}

.ss-wp-sub{
  margin:12px auto 0;
  font-size:16px;
  line-height:28px;
  color:#555;
}

/* ===== Cards wrapper (FULL WIDTH) ===== */
.ss-wp-cards-wide{
  width:100%;
  padding:0 4% 40px;   /* wide screens breathing room */
}

/* Grid inside wide wrapper */
.ss-wp-grid{
  max-width:1600px;    /* 👈 wider than old 1180px */
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:22px;
}

/* Responsive */
@media (max-width:1200px){
  .ss-wp-grid{ max-width:1200px; }
}

@media (max-width:992px){
  .ss-wp-grid{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width:600px){
  .ss-wp-subtitle{ font-size:26px; line-height:34px; }
  .ss-wp-grid{ grid-template-columns:1fr; }
}
/* WordPress section: keep H2 > H3 on all screen sizes */
.home-about .main-heading h2{
  font-size: clamp(28px, 3.2vw, 54px);
  line-height: 1.15;
  margin: 0;
}

.ss-wp-subtitle{
  font-size: clamp(20px, 2.1vw, 32px); /* always smaller than H2 */
  line-height: 1.25;
  margin: 12px 0 6px;
  font-weight: 700;
}

/* optional: tighten on smaller widths */
@media (max-width: 1200px){
  .home-about .main-heading h2{ margin-bottom: 10px; }
  .ss-wp-subtitle{ margin-top: 8px; }
}
.ss-wpbenefit-section{width:100%;float:left;background:#f3f6fd;padding:44px 0 54px;}
.ss-wpbenefit-section .w100{margin:0 auto;padding:0 4%;}

.ss-wpbenefit-head h3{
  margin:0;
  text-align:center;
  font-size:42px;        /* reduced from 54px */
  line-height:52px;
  color:#222;
  font-family:'poppinssemibold',sans-serif;
}

.ss-wpbenefit-sub{
  margin:8px auto 0;
  max-width:760px;
  text-align:center;
  color:#666;
  font-size:15px;
  line-height:24px;
}


.ss-wpbenefit-grid{
  width:100%;
  margin-top:22px;     /* reduced */
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;            /* reduced from 16px */
}

.ss-wpbenefit-icon{
  width:42px;
  height:42px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eef3ff;
  color:#0551e5;
  flex:0 0 42px;
  font-size:17px;
}


.ss-wpbenefit-icon{
  width:46px;
  height:46px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eef3ff;
  color:#0551e5;
  flex:0 0 46px;
  font-size:18px;
}

.ss-wpbenefit-text h5{
  margin:0;
  font-size:18px;
  line-height:26px;
  color:#2a2a2a;
  font-family:'poppinssemibold',sans-serif;
}
.ss-wpbenefit-text p{
  margin:6px 0 0;
  font-size:14px;
  line-height:22px;
  color:#666;
}

/* responsive */
@media(max-width:992px){
  .ss-wpbenefit-head h3{font-size:40px;line-height:50px;}
  .ss-wpbenefit-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .ss-wpbenefit-section{padding:30px 0 38px;}
  .ss-wpbenefit-head h3{font-size:28px;line-height:36px;}
   .ss-wpbenefit-grid{
    grid-template-columns:1fr;
    gap:12px;
    margin-top:18px;
  }
}

/* =========================
   Domain Hero Upgrade (scoped)
   Works with your exact HTML
========================= */

.ss-domain-hero{width:100%;float:left;padding:10px 0 0}
.ss-domain-hero .domain-search-textarea{margin:0 auto;padding:0 4%;text-align:center}

/* Title + subtitles */
.ss-domain-hero h1{margin:0 auto 6px;font-size:52px;line-height:1.12;letter-spacing:-.02em}
.ss-domain-hero .domain-main-bnr-sub h3{margin:6px 0 2px;font-size:24px;line-height:1.35}
.ss-domain-hero .domain-main-bnr-sub h3 span{color:#0551e5;font-family:'poppinssemibold'}
.ss-domain-hero .domain-main-bnr-sub-sub h4{margin:0;font-size:30px;line-height:1.25;letter-spacing:.02em;color:#0551e5;font-family:'poppinssemibold'}
.ss-domain-hero p{max-width:760px;margin:10px auto 0;color:#555}

/* Blue bar -> two buttons style */
.ss-domain-hero .domain-search-tab{margin-top:18px}
.ss-domain-hero .domain-search-tab-bar{display:inline-flex;align-items:center;gap:10px;background:#0551e5;padding:10px;border-radius:14px;box-shadow:0 14px 34px rgba(16,24,40,.12)}
.ss-domain-hero .domain-search-tab-bar span{background:#fff;color:#0551e5;border-radius:12px;padding:12px 20px;font-family:'poppinssemibold';line-height:1}
.ss-domain-hero .domain-search-tab-bar img{width:18px;height:18px;opacity:.95}
.ss-domain-hero .domain-search-tab-bar a{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;color:#fff;font-family:'poppinssemibold';line-height:1}
.ss-domain-hero .domain-search-tab-bar a:hover{background:rgba(255,255,255,.14)}

/* Search bar -> modern */
.ss-domain-hero .domain-search-bar{width:100%;max-width:980px;margin:26px auto 0;display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border-radius:18px;box-shadow:0 18px 50px rgba(16,24,40,.12)}
.ss-domain-hero .domain-search-bar-img{float:none;padding:0 6px 0 10px;display:flex;align-items:center}
.ss-domain-hero .domain-search-bar-img img{width:26px;height:26px;opacity:.6}
.ss-domain-hero .domain-search-input{width:100%;float:none;margin:0;padding:14px 10px;font-size:18px;border:0;outline:0;border-radius:12px;background:transparent}
.ss-domain-hero .domain-search-input::placeholder{color:#9aa3af}
.ss-domain-hero .domain-search-bar:focus-within{box-shadow:0 0 0 4px rgba(5,81,229,.12),0 18px 50px rgba(16,24,40,.12)}
.ss-domain-hero .domain-search-button{float:none}
.ss-domain-hero .submit-domain-search-button{float:none;border:0;cursor:pointer;padding:14px 26px;font-size:18px;border-radius:14px;background:#0551e5;color:#fff;font-family:'poppinssemibold'}
.ss-domain-hero .submit-domain-search-button:hover{filter:brightness(.95)}

/* Notification width fix */
.ss-domain-hero .domain-search-bar-notification{width:100%;max-width:980px;margin:6px auto 0;padding:0}
.ss-domain-hero .domain-validation-bar{border-radius:12px;padding:10px 12px}

/* Extension price boxes -> real cards */
.ss-domain-hero .domain-options{width:100%;max-width:980px;margin:22px auto 0;display:flex;gap:14px;align-items:stretch;justify-content:center}
.ss-domain-hero .domain-options-box{width:100%;max-width:300px;float:none;position:relative;background:#fff;border-radius:18px;box-shadow:0 14px 34px rgba(16,24,40,.10);padding:22px 18px 18px;transition:all .2s ease}
.ss-domain-hero .domain-options-box:hover{transform:translateY(-2px)}
.ss-domain-hero .domain-options-box-name{position:absolute;top:-14px;left:0;right:0;display:flex;justify-content:center}
.ss-domain-hero .domain-options-box-name span{background:#fff;color:#0551e5;border-radius:12px;padding:10px 18px;font-size:22px;font-family:'poppinssemibold';box-shadow:0 12px 26px rgba(16,24,40,.12)}
.ss-domain-hero .domain-options-box-price{background:#0551e5;border:0;border-radius:16px;margin:16px 0 0;padding:14px}
.ss-domain-hero .domain-options-box-price h4{margin:0;padding:0;color:#fff;font-size:26px;line-height:1.1;font-family:'poppinssemibold'}
.ss-domain-hero .domain-options-box-price h5{margin:6px 0 0;color:#fff;opacity:.9;font-size:16px;text-decoration:line-through}
.ss-domain-hero .domain-options-box-price-border{display:none}

/* Responsive */
@media (max-width: 992px){
  .ss-domain-hero h1{font-size:40px}
  .ss-domain-hero .domain-options{flex-wrap:wrap}
  .ss-domain-hero .domain-search-bar{max-width:92%}
}
@media (max-width: 560px){
  .ss-domain-hero h1{font-size:32px}
  .ss-domain-hero .domain-search-tab-bar{gap:8px;padding:8px}
  .ss-domain-hero .domain-search-tab-bar span,
  .ss-domain-hero .domain-search-tab-bar a{padding:10px 12px;font-size:14px}
  .ss-domain-hero .domain-search-bar{padding:10px;border-radius:16px}
  .ss-domain-hero .domain-search-input{font-size:16px;padding:12px 8px}
  .ss-domain-hero .submit-domain-search-button{padding:12px 16px;font-size:16px;border-radius:12px}
}

/* =========================================
   Domain Hero V2 (Professional)
   Works with your existing HTML
========================================= */

.ss-domain-hero-v2{
  width:100%;
  float:left;
  padding:36px 0 30px;
  background:
    radial-gradient(900px 420px at 50% 0%, rgba(5,81,229,.12), transparent 60%),
    radial-gradient(700px 360px at 15% 30%, rgba(5,81,229,.08), transparent 60%),
    linear-gradient(180deg,#f6f9ff 0%, #f3f6fd 45%, #f8fbff 100%);
}

.ss-domain-hero-v2 .domain-search-textarea{
  width:100%;
  padding:0 clamp(16px,4vw,64px);
  text-align:center;
}

/* Typography */
.ss-domain-hero-v2 h1{
  margin:0 auto 10px;
  font-size:clamp(30px,3.4vw,48px); /* was 62px max */
  line-height:1.12;                 /* slightly more breathing space */
  letter-spacing:-.02em;            /* less tight than -0.03 */

}

.ss-domain-hero-v2 .domain-main-bnr-sub h3{
  margin:8px 0 4px;
  font-size:clamp(18px,2.2vw,26px);
  line-height:1.35;
  color:#2b3441;
}

.ss-domain-hero-v2 .domain-main-bnr-sub h3 span{
  color:#0551e5;
  font-family:'poppinssemibold';
  padding:0 6px;
  border-radius:10px;
  background:rgba(5,81,229,.08);
}

.ss-domain-hero-v2 .domain-main-bnr-sub-sub h4{
  margin:0;
  font-size:clamp(22px,3vw,34px);
  letter-spacing:.12em;
  color:#0551e5;
  font-family:'poppinssemibold';
}

.ss-domain-hero-v2 p{
  margin:12px auto 0;
  max-width:900px;
  color:#5a6676;
  font-size:16px;
  line-height:26px;
}

/* Tabs -> premium segmented control */
.ss-domain-hero-v2 .domain-search-tab{margin-top:18px}
.ss-domain-hero-v2 .domain-search-tab-bar{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px;
  border-radius:18px;
  background:rgba(5,81,229,.12);
  border:1px solid rgba(5,81,229,.18);
  backdrop-filter:blur(10px);
  box-shadow:0 16px 40px rgba(16,24,40,.10);
}

.ss-domain-hero-v2 .domain-search-tab-bar span{
  background:#fff;
  color:#0551e5;
  border-radius:14px;
  padding:12px 18px;
  font-family:'poppinssemibold';
  box-shadow:0 10px 22px rgba(16,24,40,.10);
}

.ss-domain-hero-v2 .domain-search-tab-bar img{
  width:18px;height:18px;opacity:.9;margin:0 2px;
}

.ss-domain-hero-v2 .domain-search-tab-bar a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:14px;
  color:#0551e5;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(255,255,255,.65);
  font-family:'poppinssemibold';
  transition:.2s ease;
}

.ss-domain-hero-v2 .domain-search-tab-bar a:hover{
  transform:translateY(-1px);
  background:#fff;
  box-shadow:0 10px 22px rgba(16,24,40,.10);
}

/* Search bar -> more product-like */
.ss-domain-hero-v2 .domain-search-bar{
  width:100%;
  margin:22px auto 0;
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px;
  border-radius:22px;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 22px 70px rgba(16,24,40,.12);
  backdrop-filter:blur(10px);
}

.ss-domain-hero-v2 .domain-search-bar-img{
  float:none;
  width:auto;
  padding:0 6px 0 12px;
  display:flex;
  align-items:center;
}

.ss-domain-hero-v2 .domain-search-bar-img img{
  width:28px;height:28px;opacity:.55;
}

.ss-domain-hero-v2 .domain-search-input{
  width:100%;
  float:none;
  margin:0;
  padding:14px 10px;
  font-size:18px;
  border:0;
  outline:0;
  background:transparent;
  color:#1c2430;
}

.ss-domain-hero-v2 .domain-search-input::placeholder{color:#9aa3af}

.ss-domain-hero-v2 .domain-search-button{float:none}

.ss-domain-hero-v2 .submit-domain-search-button{
  border:0;
  cursor:pointer;
  padding:14px 26px;
  font-size:18px;
  border-radius:18px;
  background:linear-gradient(180deg,#0b5cff 0%, #0551e5 100%);
  color:#fff;
  font-family:'poppinssemibold';
  box-shadow:0 14px 28px rgba(5,81,229,.25);
  transition:.2s ease;
}

.ss-domain-hero-v2 .submit-domain-search-button:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(5,81,229,.30);
}

/* Notification area */
.ss-domain-hero-v2 .domain-search-bar-notification{
  width:100%;
  max-width:1200px;
  margin:8px auto 0;
  padding:0;
}

/* Domain pricing cards -> premium */
.ss-domain-hero-v2 .domain-options{
  width:100%;
  max-width:1200px;
  margin:28px auto 0;
  display:flex;
  gap:18px;
  justify-content:center;
  align-items:stretch;
}

.ss-domain-hero-v2 .domain-options-box{
  width:100%;
  max-width:360px;
  float:none;
  position:relative;
  border-radius:22px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 18px 55px rgba(16,24,40,.10);
  padding:28px 18px 18px;
  transition:.2s ease;
  overflow:hidden;
}

.ss-domain-hero-v2 .domain-options-box:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(600px 220px at 50% 0%, rgba(5,81,229,.12), transparent 60%);
  pointer-events:none;
}

.ss-domain-hero-v2 .domain-options-box:hover{
  transform:translateY(-3px);
  box-shadow:0 26px 70px rgba(16,24,40,.14);
}

.ss-domain-hero-v2 .domain-options-box-name{
  position:absolute;
  top:-16px;
  left:0;right:0;
  display:flex;
  justify-content:center;
  z-index:2;
}

.ss-domain-hero-v2 .domain-options-box-name span{
  background:#fff;
  color:#0551e5;
  border-radius:14px;
  padding:10px 18px;
  font-size:24px;
  font-family:'poppinssemibold';
  box-shadow:0 12px 26px rgba(16,24,40,.12);
}

.ss-domain-hero-v2 .domain-options-box-price{
  position:relative;
  z-index:2;
  border-radius:18px;
  padding:16px 16px;
  background:linear-gradient(180deg,#0b5cff 0%, #0551e5 100%);
  box-shadow:0 18px 40px rgba(5,81,229,.22);
  margin-top:18px;
}

.ss-domain-hero-v2 .domain-options-box-price h4{
  margin:0;
  padding:0;
  color:#fff;
  font-size:30px;
  line-height:1.1;
  font-family:'poppinssemibold';
}

.ss-domain-hero-v2 .domain-options-box-price h5{
  margin:7px 0 0;
  color:#fff;
  opacity:.9;
  font-size:16px;
  text-decoration:line-through;
}

.ss-domain-hero-v2 .domain-options-box-price-border{display:none}

/* Responsive */
@media (max-width: 992px){
  .ss-domain-hero-v2 .domain-options{flex-wrap:wrap}
  .ss-domain-hero-v2 .domain-search-bar{max-width:92%}
  .ss-domain-hero-v2 .domain-options{max-width:92%}
}
@media (max-width: 560px){
  .ss-domain-hero-v2 .domain-search-tab-bar{padding:8px;border-radius:16px}
  .ss-domain-hero-v2 .domain-search-tab-bar span,
  .ss-domain-hero-v2 .domain-search-tab-bar a{padding:10px 12px;font-size:14px;border-radius:12px}
  .ss-domain-hero-v2 .domain-search-bar{padding:10px;border-radius:18px}
  .ss-domain-hero-v2 .domain-search-input{font-size:16px}
  .ss-domain-hero-v2 .submit-domain-search-button{padding:12px 16px;font-size:16px;border-radius:16px}
}
/* =========================
   Domain About Section (Pro UI)
   Uses your existing HTML
========================= */

.shared-cheap-serversea{
  width:100%;
  float:left;
  padding:40px 0;
  background:#fff;
}

.shared-cheap-serversea .w100{
  
  margin:0 auto;
  padding:0 4%;
}

/* Top heading block */
.shared-cheap-serversea .main-heading{
  text-align:center;
}

.shared-cheap-serversea .main-heading h2{
  margin:0;
  font-size:clamp(24px,2.6vw,34px);
  line-height:1.2;
  color:#1c2430;
  letter-spacing:-.02em;
  font-family:'poppinssemibold';
}

.shared-cheap-serversea .main-heading p{
  margin:12px auto 0;
  color:#5a6676;
  font-size:16px;
  line-height:28px;
}

.shared-cheap-serversea .main-heading a.blue{
  color:#0551e5;
  font-family:'poppinssemibold';
  text-decoration:none;
  border-bottom:1px dashed rgba(5,81,229,.35);
}
.shared-cheap-serversea .main-heading a.blue:hover{border-bottom-style:solid}

/* Layout rows */
.domain-about-main{
  width:100%;
  float:left;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  margin-top:18px;
}

/* If a row has only one box (your 2nd .domain-about-main) */
.domain-about-main:has(.domain-about-box:only-child){
  grid-template-columns:1fr;
}

/* Card */
.domain-about-box{
  width:100%;
  float:none;
  background:#fff;
  border:1px solid rgba(16,24,40,.10);
  border-radius:18px;
  box-shadow:0 14px 40px rgba(16,24,40,.08);
  overflow:hidden;
  position:relative;
  transition:.2s ease;
}

.domain-about-box:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 60px rgba(16,24,40,.12);
}

.domain-about-box-textbox{
  padding:22px 22px 20px;
}

/* Card title */
.domain-about-box-textbox h3{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.25;
  color:#0551e5;
  font-family:'poppinssemibold';
  letter-spacing:-.01em;
}

/* Paragraphs */
.domain-about-box-textbox p{
  margin:0;
  color:#5a6676;
  font-size:16px;
  line-height:28px;
}

/* Sub headings inside long content box (h4 tips) */
.domain-about-box-textbox h4{
  margin:12px 0 6px;
  font-size:18px;
  line-height:1.25;
  color:#1c2430;
  font-family:'poppinssemibold';
  position:relative;
  padding-left:14px;
}

.domain-about-box-textbox h4:before{
  content:"";
  position:absolute;
  left:0;
  top:.45em;
  width:6px;
  height:6px;
  border-radius:999px;
  background:#0551e5;
}

/* List styling */
.domain-about-box-list ul{
  list-style:none;
  padding:0;
  margin:14px 0 0;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

.domain-about-box-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 12px;
  border-radius:12px;
  background:#f6f9ff;
  border:1px solid rgba(5,81,229,.10);
  color:#2b3441;
  font-size:15px;
  line-height:24px;
}

.domain-about-box-list li img{
  width:18px;
  height:18px;
  margin-top:2px;
  opacity:.9;
}

/* Make the long "5 Things" box easier to scan */
.domain-about-main:last-child .domain-about-box-textbox{
  padding:24px 24px 22px;
}
.domain-about-main:last-child .domain-about-box-textbox p{
  margin-top:0;
}

/* Responsive */
@media (max-width: 992px){
  .domain-about-main{grid-template-columns:1fr}
  .domain-about-box-textbox{padding:18px}
  .domain-about-box-textbox h3{font-size:20px}
}

@media (max-width: 560px){
  .shared-cheap-serversea{padding:28px 0}
  .shared-cheap-serversea .main-heading p{font-size:15px;line-height:26px}
  .domain-about-box-textbox p{font-size:15px;line-height:26px}
  .domain-about-box-textbox h4{font-size:16px}
}
/* =========================================
   .PK Domain Hero -> Same design as screenshot
   Works with your exact HTML + ss-domain-hero-v2
========================================= */

.domain-main-bnr.ss-domain-hero-v2{
  width:100%;
  float:left;
  padding:34px 0 28px;
  background:
    radial-gradient(900px 420px at 50% 0%, rgba(5,81,229,.12), transparent 60%),
    radial-gradient(700px 360px at 15% 30%, rgba(5,81,229,.08), transparent 60%),
    linear-gradient(180deg,#f6f9ff 0%, #f3f6fd 45%, #f8fbff 100%);
}

.domain-main-bnr.ss-domain-hero-v2 .domain-search-textarea{
  width:100%;
  padding:0 clamp(16px,4vw,64px);
  text-align:center;
}

/* H1 (professional size) */
.domain-main-bnr.ss-domain-hero-v2 h1{
  margin:0 auto 10px;
  font-size:clamp(30px,3.4vw,48px);
  line-height:1.12;
  letter-spacing:-.02em;
  color:#1c2430;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}

/* Sub line */
.domain-main-bnr.ss-domain-hero-v2 .domain-main-bnr-sub h3{
  margin:6px 0 10px;
  font-size:clamp(16px,2vw,22px);
  line-height:1.45;
  color:#2b3441;
}

.domain-main-bnr.ss-domain-hero-v2 .domain-main-bnr-options{
  width:100%;
  margin:14px auto 0;
}

.domain-main-bnr.ss-domain-hero-v2 .domain-main-bnr-options ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  flex-wrap:nowrap;      /* force one line */
  width:100%;
}

.domain-main-bnr.ss-domain-hero-v2 .domain-main-bnr-options li{
  margin:0;
  flex:0 0 auto;
}

.domain-main-bnr.ss-domain-hero-v2 .domain-main-bnr-options li span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 18px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(5,81,229,.15);
  box-shadow:0 10px 24px rgba(16,24,40,.10);
  font-size:15px;
  line-height:1;
  color:#1f2937;
  white-space:nowrap;   /* prevent breaking text */
}

.domain-main-bnr.ss-domain-hero-v2 .domain-main-bnr-options li span img{
  width:18px;
  height:18px;
  flex-shrink:0;
}

/* Tabs (same as screenshot) FOR PK DOMAIN NAME */
.domain-main-bnr.ss-domain-hero-v2 .domain-search-tab{margin-top:18px}
.domain-main-bnr.ss-domain-hero-v2 .domain-search-tab-bar{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px;
  border-radius:18px;
  background:rgba(5,81,229,.12);
  border:1px solid rgba(5,81,229,.18);
  backdrop-filter:blur(10px);
  box-shadow:0 16px 40px rgba(16,24,40,.10);
}

.domain-main-bnr.ss-domain-hero-v2 .domain-search-tab-bar span{
  background:#fff;
  color:#0551e5;
  border-radius:14px;
  padding:12px 18px;
  font-family:'poppinssemibold';
  box-shadow:0 10px 22px rgba(16,24,40,.10);
}

.domain-main-bnr.ss-domain-hero-v2 .domain-search-tab-bar img{
  width:18px;height:18px;opacity:.9;margin:0 2px;
}

.domain-main-bnr.ss-domain-hero-v2 .domain-search-tab-bar a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:14px;
  color:#0551e5;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(255,255,255,.65);
  font-family:'poppinssemibold';
  transition:.2s ease;
}
.domain-main-bnr.ss-domain-hero-v2 .domain-search-tab-bar a:hover{
  transform:translateY(-1px);
  background:#fff;
  box-shadow:0 10px 22px rgba(16,24,40,.10);
}

/* Search bar */
.domain-main-bnr.ss-domain-hero-v2 .domain-search-bar{
  width:100%;
  margin:18px auto 0;
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px;
  border-radius:22px;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 22px 70px rgba(16,24,40,.12);
  backdrop-filter:blur(10px);
}

.domain-main-bnr.ss-domain-hero-v2 .domain-search-bar-img{
  float:none;width:auto;
  padding:0 6px 0 12px;
  display:flex;align-items:center;
}
.domain-main-bnr.ss-domain-hero-v2 .domain-search-bar-img img{
  width:28px;height:28px;opacity:.55;
}

.domain-main-bnr.ss-domain-hero-v2 .domain-search-input{
  width:100%;
  float:none;
  margin:0;
  padding:14px 10px;
  font-size:18px;
  border:0;
  outline:0;
  background:transparent;
  color:#1c2430;
}

.domain-main-bnr.ss-domain-hero-v2 .domain-search-input::placeholder{color:#9aa3af}

.domain-main-bnr.ss-domain-hero-v2 .domain-search-button{float:none}
.domain-main-bnr.ss-domain-hero-v2 .submit-domain-search-button{
  border:0;
  cursor:pointer;
  padding:14px 26px;
  font-size:18px;
  border-radius:18px;
  background:linear-gradient(180deg,#0b5cff 0%, #0551e5 100%);
  color:#fff;
  font-family:'poppinssemibold';
  box-shadow:0 14px 28px rgba(5,81,229,.25);
  transition:.2s ease;
}
.domain-main-bnr.ss-domain-hero-v2 .submit-domain-search-button:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(5,81,229,.30);
}

/* Notification area */
.domain-main-bnr.ss-domain-hero-v2 .domain-search-bar-notification{
  width:100%;
  max-width:1200px;
  margin:8px auto 0;
  padding:0;
}

/* Pricing cards */
.domain-main-bnr.ss-domain-hero-v2 .domain-options{
  width:100%;
  max-width:1200px;
  margin:26px auto 0;
  display:flex;
  gap:18px;
  justify-content:center;
  align-items:stretch;
}

.domain-main-bnr.ss-domain-hero-v2 .domain-options-box{
  width:100%;
  max-width:360px;
  float:none;
  position:relative;
  border-radius:22px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 18px 55px rgba(16,24,40,.10);
  padding:28px 18px 18px;
  transition:.2s ease;
  overflow:hidden;
}

.domain-main-bnr.ss-domain-hero-v2 .domain-options-box:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(600px 220px at 50% 0%, rgba(5,81,229,.12), transparent 60%);
  pointer-events:none;
}

.domain-main-bnr.ss-domain-hero-v2 .domain-options-box:hover{
  transform:translateY(-3px);
  box-shadow:0 26px 70px rgba(16,24,40,.14);
}

.domain-main-bnr.ss-domain-hero-v2 .domain-options-box-name{
  position:absolute;
  top:-16px;
  left:0;right:0;
  display:flex;
  justify-content:center;
  z-index:2;
}

.domain-main-bnr.ss-domain-hero-v2 .domain-options-box-name span{
  background:#fff;
  color:#0551e5;
  border-radius:14px;
  padding:10px 18px;
  font-size:22px;
  font-family:'poppinssemibold';
  box-shadow:0 12px 26px rgba(16,24,40,.12);
}

.domain-main-bnr.ss-domain-hero-v2 .domain-options-box-price{
  position:relative;
  z-index:2;
  border-radius:18px;
  padding:16px 16px;
  background:linear-gradient(180deg,#0b5cff 0%, #0551e5 100%);
  box-shadow:0 18px 40px rgba(5,81,229,.22);
  margin-top:18px;
}

.domain-main-bnr.ss-domain-hero-v2 .domain-options-box-price h4{
  margin:0;
  padding:0;
  color:#fff;
  font-size:30px;
  line-height:1.1;
  font-family:'poppinssemibold';
}

.domain-main-bnr.ss-domain-hero-v2 .domain-options-box-price h5{
  margin:7px 0 0;
  color:#fff;
  opacity:.9;
  font-size:16px;
  text-decoration:line-through;
}

.domain-main-bnr.ss-domain-hero-v2 .domain-options-box-price-border{display:none}

/* Responsive */
@media (max-width: 992px){
  .domain-main-bnr.ss-domain-hero-v2 .domain-options{flex-wrap:wrap;max-width:92%}
  .domain-main-bnr.ss-domain-hero-v2 .domain-search-bar{max-width:92%}
}
@media (max-width: 900px){
  .domain-main-bnr.ss-domain-hero-v2 .domain-main-bnr-options ul{
    flex-wrap:wrap;      /* allows 2nd line if needed */
  }
}
@media (max-width: 560px){
  .domain-main-bnr.ss-domain-hero-v2{padding:26px 0 22px}
  .domain-main-bnr.ss-domain-hero-v2 .domain-search-tab-bar{padding:8px;border-radius:16px}
  .domain-main-bnr.ss-domain-hero-v2 .domain-search-tab-bar span,
  .domain-main-bnr.ss-domain-hero-v2 .domain-search-tab-bar a{padding:10px 12px;font-size:14px;border-radius:12px}
  .domain-main-bnr.ss-domain-hero-v2 .domain-search-bar{padding:10px;border-radius:18px}
  .domain-main-bnr.ss-domain-hero-v2 .domain-search-input{font-size:16px}
  .domain-main-bnr.ss-domain-hero-v2 .submit-domain-search-button{padding:12px 16px;font-size:16px;border-radius:16px}
  .domain-main-bnr.ss-domain-hero-v2 .domain-main-bnr-options li span{padding:9px 12px;font-size:13px}
   .domain-main-bnr.ss-domain-hero-v2 .domain-main-bnr-options ul{
    flex-direction:column;
    flex-wrap:nowrap;
    gap:12px;
  }

  .domain-main-bnr.ss-domain-hero-v2 .domain-main-bnr-options li{
    width:100%;
  }

  .domain-main-bnr.ss-domain-hero-v2 .domain-main-bnr-options li span{
    width:100%;
    justify-content:center;
    padding:11px 16px;
    font-size:14px;
  }
}

/* =========================
   PK Domain  Trust Highlights
========================= */
.ss-domain-trust{
  margin:28px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  max-width:1100px;
}

.ss-domain-trust .ss-trust-item{
  background:#fff;
  border-radius:18px;
  padding:18px 20px;
  text-align:center;
  box-shadow:0 14px 34px rgba(16,24,40,.12);
}

.ss-domain-trust .ss-trust-icon{
  font-size:26px;
  display:block;
  margin-bottom:6px;
}

.ss-domain-trust strong{
  display:block;
  font-size:16px;
  color:#1c2430;
  font-family:'poppinssemibold';
}

.ss-domain-trust small{
  display:block;
  margin-top:4px;
  font-size:13px;
  color:#6b7280;
}

/* Mobile */
@media(max-width:768px){
  .ss-domain-trust{
    grid-template-columns:1fr;
    max-width:92%;
  }
}

/* ======================================
   Transfer Domain Name
====================================== */

.ss-transfer-wrap{
  width:100%;
  float:left;
  padding:46px 0 54px;
  background:#fff;
}

.ss-transfer-wrap .main-heading{
  text-align:center;
  margin-bottom:16px;
}

.ss-transfer-wrap .main-heading h2{
  margin:0;
  font-size:clamp(28px,3.2vw,46px);
  line-height:1.12;
  color:#1c2430;
  letter-spacing:-.02em;
  font-family:'poppinssemibold';
}

/* Outer block */
.domain-transfer.ss-transfer-v2{
  width:100%;
  float:left;
  padding:18px 0 0;
}


/* Error box */
.domain-transfer.ss-transfer-v2 #check_domain_error{
  margin:0 0 16px;
  padding:12px 14px;
  border-radius:14px;
  background:#fff4f4;
  border:1px solid rgba(220,38,38,.20);
  color:#b91c1c;
  font-size:14px;
  line-height:22px;
}

/* Field blocks */
.domain-transfer.ss-transfer-v2 .domain-transfer-box{
  width:100%;
  float:left;
  margin-top:24px;
}

.domain-transfer.ss-transfer-v2 .domain-transfer-box span{
  display:block;
  margin:0 0 10px;
  color:#1f2937;
  font-size:18px;
  font-family:'poppinssemibold';
}

/* Input with icon wrapper */
.domain-transfer.ss-transfer-v2 .ss-field{
  width:100%;
  position:relative;
}

.domain-transfer.ss-transfer-v2 .ss-field-ic{
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(5,81,229,.08);
  border:1px solid rgba(5,81,229,.12);
  color:#0551e5;
  font-size:16px;
  pointer-events:none;
}

/* Inputs */
.domain-transfer.ss-transfer-v2 .domain-transfer-input{
  width:100%;
  height:68px;
  padding:0 18px 0 66px; /* space for icon */
  border-radius:14px;
  border:1px solid rgba(16,24,40,.10);
  background:#fff;
  font-size:18px;
  outline:none;
  box-shadow:0 10px 26px rgba(16,24,40,.08);
}

.domain-transfer.ss-transfer-v2 .domain-transfer-input::placeholder{
  color:#9aa3af;
}

.domain-transfer.ss-transfer-v2 .domain-transfer-input:focus{
  border-color:rgba(5,81,229,.45);
  box-shadow:0 0 0 5px rgba(5,81,229,.10), 0 12px 30px rgba(16,24,40,.10);
}

/* Helper link + tooltip */
.domain-transfer.ss-transfer-v2 .ss-help{
  margin-top:10px;
}

.domain-transfer.ss-transfer-v2 .ss-help-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#0551e5;
  font-size:14px;
  text-decoration:none;
  position:relative;
  font-family:'poppinssemibold';
}

.domain-transfer.ss-transfer-v2 .ss-help-link i{
  font-size:15px;
  opacity:.9;
}

.domain-transfer.ss-transfer-v2 .ss-help-link:hover{
  text-decoration:underline;
}

/* Tooltip bubble */
.domain-transfer.ss-transfer-v2 .ss-help-tip{
  position:absolute;
  left:0;
  top:30px;
  width:min(420px, 85vw);
  padding:12px 14px;
  border-radius:14px;
  background:#0f172a;
  color:#fff;
  font-size:13px;
  line-height:20px;
  box-shadow:0 18px 50px rgba(16,24,40,.25);
  opacity:0;
  visibility:hidden;
  transform:translateY(6px);
  transition:.18s ease;
  z-index:10;
}

.domain-transfer.ss-transfer-v2 .ss-help-tip:before{
  content:"";
  position:absolute;
  top:-7px;
  left:18px;
  width:14px;
  height:14px;
  background:#0f172a;
  transform:rotate(45deg);
}

/* Show tooltip on hover */
.domain-transfer.ss-transfer-v2 .ss-help-link:hover .ss-help-tip{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

/* Center note */
.domain-transfer.ss-transfer-v2 .domain-transfer-text{
  width:100%;
  float:left;
  text-align:center;
  margin:26px 0 0;
  color:#4b5563;
  font-size:18px;
  line-height:26px;
}

/* Button */
.domain-transfer.ss-transfer-v2 .domain-transfer-button{
  width:100%;
  float:left;
  display:flex;
  justify-content:center;
  margin-top:18px;
}

.domain-transfer.ss-transfer-v2 .btn-check-availability{
  border:0;
  cursor:pointer;
  height:54px;
  padding:0 34px;
  border-radius:12px;
  background:linear-gradient(180deg,#0b5cff 0%, #0551e5 100%);
  color:#fff;
  font-size:18px;
  font-family:'poppinssemibold';
  box-shadow:0 16px 34px rgba(5,81,229,.22);
  transition:.2s ease;
}

.domain-transfer.ss-transfer-v2 .btn-check-availability:hover{
  transform:translateY(-1px);
  box-shadow:0 22px 44px rgba(5,81,229,.28);
}

/* Responsive */
@media (max-width: 992px){
  .domain-transfer.ss-transfer-v2 .domain-transfer-main{
    max-width:92%;
    padding:34px 26px;
  }
  .domain-transfer.ss-transfer-v2 .domain-transfer-box span{font-size:16px}
  .domain-transfer.ss-transfer-v2 .domain-transfer-input{height:62px;font-size:16px}
}

@media (max-width: 560px){
  .ss-transfer-wrap{padding:34px 0 40px}
  .domain-transfer.ss-transfer-v2 .domain-transfer-main{
    padding:26px 18px;
    border-radius:18px;
  }
  .domain-transfer.ss-transfer-v2 .domain-transfer-text{
    font-size:15px;
    line-height:24px;
    margin-top:18px;
  }
  .domain-transfer.ss-transfer-v2 .btn-check-availability{
    width:100%;
    max-width:260px;
    height:50px;
    font-size:16px;
  }
  .domain-transfer.ss-transfer-v2 .ss-help-tip{
    width:min(360px, 86vw);
  }
}


/* ======================================
   Transfer v3 (compact + clean)
====================================== */

.domain-transfer.ss-transfer-v2 .domain-transfer-main{
  max-width:1040px;
  margin:0 auto;
  padding:34px 46px;            /* reduced */
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(16,24,40,.06);
  box-shadow:0 22px 70px rgba(16,24,40,.10);
}

/* reduce vertical gaps */
.domain-transfer.ss-transfer-v2 .domain-transfer-box{
  margin-top:16px;              /* reduced */
}

/* label */
.domain-transfer.ss-transfer-v2 .domain-transfer-box span{
  margin:0 0 8px;               /* reduced */
  font-size:16px;
  color:#1f2937;
  font-family:'poppinssemibold';
}

/* input row with icon inside */
.domain-transfer.ss-transfer-v2 .ss-input{
  position:relative;
  width:100%;
}

.domain-transfer.ss-transfer-v2 .ss-input i{
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:16px;
  color:#0551e5;
  opacity:.9;
  pointer-events:none;
}

.domain-transfer.ss-transfer-v2 .domain-transfer-input{
  width:100%;
  height:56px;                  /* reduced height */
  padding:0 16px 0 46px;         /* icon space */
  border-radius:14px;
  border:1px solid rgba(16,24,40,.10);
  background:#fff;
  font-size:16px;
  outline:none;
  box-shadow:0 10px 22px rgba(16,24,40,.08);
}

.domain-transfer.ss-transfer-v2 .domain-transfer-input::placeholder{color:#9aa3af}

.domain-transfer.ss-transfer-v2 .domain-transfer-input:focus{
  border-color:rgba(5,81,229,.45);
  box-shadow:0 0 0 5px rgba(5,81,229,.10), 0 12px 26px rgba(16,24,40,.10);
}

/* helper link (tight + clean) */
.domain-transfer.ss-transfer-v2 .ss-epp-help{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  color:#0551e5;
  font-size:13px;
  text-decoration:none;
  font-family:'poppinssemibold';
}

.domain-transfer.ss-transfer-v2 .ss-epp-help:hover{ text-decoration:underline; }

/* note + button spacing */
.domain-transfer.ss-transfer-v2 .domain-transfer-text{
  margin:18px 0 0;              /* reduced */
  font-size:16px;
  color:#4b5563;
}

.domain-transfer.ss-transfer-v2 .domain-transfer-button{
  margin-top:14px;              /* reduced */
}

.domain-transfer.ss-transfer-v2 .btn-check-availability{
  height:50px;
  padding:0 30px;
  border-radius:12px;
  font-size:16px;
}

/* responsive */
@media (max-width: 992px){
  .domain-transfer.ss-transfer-v2 .domain-transfer-main{
    max-width:92%;
    padding:26px 18px;
  }
}
/* FORCE OVERRIDE: domain-about check list spacing */
.domain-about-box-list > ul{margin:0 !important;padding:0 !important;list-style:none !important;}

.domain-about-box-list > ul > li{
  display:flex !important;
  align-items:flex-start !important;
  gap:6px !important;                    /* reduce icon-text space */
  padding:10px 14px 10px 18px !important;/* add left space */
  margin:0 0 10px 0 !important;
  line-height:24px !important;
}

/* force icon width + closer */
.domain-about-box-list > ul > li > i{
  flex:0 0 14px !important;              /* tight column */
  width:14px !important;
  margin:3px 0 0 0 !important;           /* vertical align */
  font-size:14px !important;
  color:#0551e5 !important;
}

/* if you previously had <span> wrappers or images, keep text aligned */
.domain-about-box-list > ul > li > span{
  display:block !important;
}



/* ===========================
   AI Domain Generator Hero v2
   Scoped: .ss-gen-hero
=========================== */

.domain-main-bnr.ss-gen-hero{
  width:100%;
  float:left;
  padding:54px 0 64px;
  background:radial-gradient(1200px 520px at 50% 0%, rgba(5,81,229,.10), transparent 55%);
}

.domain-main-bnr.ss-gen-hero .domain-search-textarea{
  width:100%;
  margin:0 auto;
  padding:0 4%;
  text-align:center;
}

/* Eyebrow title */
.domain-main-bnr.ss-gen-hero .domain-main-bnr-sub-sub h4{
  margin:0 0 12px;
  font-size:18px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#0551e5;
  font-family:'poppinssemibold';
}

/* Main heading */
.domain-main-bnr.ss-gen-hero h1{
  margin:0;
  font-size:clamp(34px,4.2vw,62px);
  line-height:1.08;
  letter-spacing:-.03em;
  color:#1c2430;
  font-family:'poppinssemibold';
}

/* keep paragraph readable */
.domain-main-bnr.ss-gen-hero p{
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
}

/* Search bar container */
.domain-main-bnr.ss-gen-hero .domain-search-bar{
  width:100%;
  max-width:1200px;
  margin:34px auto 0;
  padding:14px;
  border-radius:22px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 24px 80px rgba(16,24,40,.12);
  backdrop-filter:blur(10px);
}

/* Form layout */
.domain-main-bnr.ss-gen-hero .div_domain_search{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
}

/* Icon */
.domain-main-bnr.ss-gen-hero .domain-search-bar-img{
  width:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 8px 0 10px;
  opacity:.75;
}

.domain-main-bnr.ss-gen-hero .domain-search-bar-img img{
  width:34px;
  height:34px;
  display:block;
}

.domain-main-bnr.ss-gen-hero .domain-search-bar-img i{
  font-size:28px;
  color:#9aa3af;
}

/* Input */
.domain-main-bnr.ss-gen-hero .domain-search-input{
  flex:1;
  border:0;
  outline:0;
  background:transparent;
  font-size:18px;
  padding:16px 8px;
  color:#1c2430;
}

.domain-main-bnr.ss-gen-hero .domain-search-input::placeholder{
  color:#9aa3af;
}

/* Button */
.domain-main-bnr.ss-gen-hero .domain-search-button{
  width:auto;
}

.domain-main-bnr.ss-gen-hero .submit-domain-search-button{
  border:0;
  cursor:pointer;
  height:66px;
  min-width:210px;
  padding:0 28px;
  font-size:22px;
  border-radius:16px;
  background:linear-gradient(180deg,#0b5cff 0%, #0551e5 100%);
  color:#fff;
  font-family:'poppinssemibold';
  box-shadow:0 18px 40px rgba(5,81,229,.22);
  transition:.2s ease;
}

.domain-main-bnr.ss-gen-hero .submit-domain-search-button:hover{
  transform:translateY(-1px);
  box-shadow:0 24px 52px rgba(5,81,229,.28);
}

/* Notification */
.domain-main-bnr.ss-gen-hero .domain-search-bar-notification{
  width:100%;
  max-width:1200px;
  margin:10px auto 0;
  padding:0;
}

/* Responsive */
@media (max-width: 992px){
  .domain-main-bnr.ss-gen-hero{padding:44px 0 52px}
  .domain-main-bnr.ss-gen-hero .domain-search-bar{max-width:92%}
  .domain-main-bnr.ss-gen-hero .submit-domain-search-button{min-width:170px;font-size:18px}
  .domain-main-bnr.ss-gen-hero p{font-size:16px;line-height:28px}
}

@media (max-width: 560px){
  .domain-main-bnr.ss-gen-hero .domain-search-bar{padding:10px;border-radius:18px}
  .domain-main-bnr.ss-gen-hero .div_domain_search{gap:8px}
  .domain-main-bnr.ss-gen-hero .domain-search-input{font-size:16px;padding:12px 6px}
  .domain-main-bnr.ss-gen-hero .submit-domain-search-button{
    height:52px;
    min-width:120px;
    font-size:16px;
    border-radius:14px;
    padding:0 16px;
  }
}

.domain-main-bnr.ss-gen-hero h1{
  font-size:clamp(30px,3.6vw,52px);
  line-height:1.1;
}



/* ==========================
   Domain Generator Steps (Full Width)
   No 1180px wrapper, centered using 92% width
========================== */

.home-about{
  width:100%;
  float:left;
  padding:42px 0 54px;
}

.home-about .main-heading{
  width:100%;
  margin:0 auto 18px;
  padding:0 4%;
  text-align:center;
}

.home-about .main-heading h2{
  margin:0;
  font-size:clamp(26px,3vw,42px);
  line-height:1.15;
  letter-spacing:-.02em;
  color:#1c2430;
  font-family:'poppinssemibold';
}

.home-about .main-heading p{
  margin:10px auto 0;
  /*max-width:920px;*/
  color:#5a6676;
  font-size:16px;
  line-height:26px;
}

/* Full width row (centered) */
.gen-domain-main{
  width:92%;
  max-width:1600px;      /* full-width design but still clean on 1920px */
  margin:14px auto;
  float:none;
  display:grid;
  grid-template-columns:140px 1fr;
  gap:16px;
  align-items:stretch;
}

/* Make left block shorter (remove extra empty height look) */
.reg-domain-step{
  border-radius:18px;
  background:linear-gradient(180deg,#0b5cff 0%, #0551e5 100%);
  box-shadow:0 14px 34px rgba(5,81,229,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px 12px;     /* reduces tall blue bar feeling */
}

.reg-domain-step h3{
  margin:0;
  color:#fff;
  font-size:14px;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-family:'poppinssemibold';
}

/* Card - less padding to reduce space */
.after-reg-domain-box{
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(16,24,40,.06);
  box-shadow:0 18px 55px rgba(16,24,40,.08);
  padding:16px 18px 14px;    /* compact */
}

.after-reg-domain-box h4{
  margin:0;
  color:#1c2430;
  font-size:18px;
  line-height:1.35;
  font-family:'poppinssemibold';
}

.after-reg-domain-box p{
  margin:8px 0 0;
  color:#5a6676;
  font-size:15px;
  line-height:25px;
}

/* Reduce vertical gaps between rows */
.home-about .gen-domain-main + .gen-domain-main{
  margin-top:12px;
}

/* Responsive */
@media (max-width: 992px){
  .gen-domain-main{
    grid-template-columns:120px 1fr;
    width:92%;
  }
}

@media (max-width: 820px){
  .gen-domain-main{
    grid-template-columns:1fr;
    gap:10px;
  }
  .reg-domain-step{
    justify-content:flex-start;
    padding:12px 14px;
  }
}

@media (max-width: 560px){
  .home-about{padding:34px 0 44px}
  .after-reg-domain-box{padding:14px 14px 12px}
  .after-reg-domain-box h4{font-size:16px}
  .after-reg-domain-box p{font-size:14px;line-height:23px}
}
.after-reg-domain-box{
  height:auto !important;     /* remove forced height */
  min-height:0 !important;    /* just in case */
}


/* ========================= DOMAIN PAGE: HOSTING AWARENESS STRIP (Placement #1) ========================= */
.ss-domain-hosting-strip{width:100%;float:left;background:#f6f9ff;border-top:1px solid #e6edff;border-bottom:1px solid #e6edff;padding:18px 0;margin:0}
.ss-domain-hosting-strip .w100{padding-left:4%;padding-right:4%}
.ss-dhs-inner{width:100%;display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center}
.ss-dhs-left h3{margin:0 0 6px;font-size:22px;line-height:30px;color:#222;font-family:'poppinssemibold'}
.ss-dhs-left p{margin:0 0 12px;font-size:14px;line-height:22px;color:#555;font-family:'poppinsregular'}
.ss-dhs-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ss-dhs-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;border-radius:10px;text-decoration:none;font-size:14px;font-family:'poppinssemibold';border:1px solid transparent}
.ss-dhs-btn-primary{background:#0551e5;color:#fff}
.ss-dhs-btn-primary:hover{opacity:.92}
.ss-dhs-link{font-size:14px;color:#0551e5;text-decoration:none;font-family:'poppinssemibold'}
.ss-dhs-link:hover{text-decoration:underline}
.ss-dhs-cards{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.ss-dhs-card{min-width:160px;flex:1 1 160px;max-width:220px;background:#fff;border:1px solid #e8eefc;border-radius:12px;padding:12px 12px 10px;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.ss-dhs-card:hover{transform:translateY(-1px)}
.ss-dhs-tag{display:inline-block;font-size:12px;line-height:18px;padding:2px 10px;border-radius:999px;background:#eef4ff;color:#0551e5;font-family:'poppinssemibold'}
.ss-dhs-price{display:block;margin-top:8px;font-size:14px;line-height:20px;color:#222;font-family:'poppinssemibold'}
.ss-dhs-sub{display:block;margin-top:2px;font-size:12px;line-height:18px;color:#666;font-family:'poppinsregular'}

@media (max-width: 900px){
  .ss-dhs-inner{grid-template-columns:1fr}
  .ss-dhs-cards{justify-content:flex-start}
}
@media (max-width: 520px){
  .ss-dhs-left h3{font-size:18px;line-height:26px}
  .ss-dhs-btn{width:100%}
  .ss-dhs-card{max-width:100%}
}
.ss-hosting-proof{
  width:100%;
  float:left;
  margin-top:10px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  background:#f3f6ff;
  border:1px solid rgba(5,81,229,.12);
  border-radius:10px;
}

.ss-hosting-proof-ic{
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#0551e5;
  color:#fff;
  font-size:12px;
  line-height:12px;
  flex:0 0 22px;
}

.ss-hosting-proof-txt{
  font-size:13px;
  line-height:18px;
  color:#334155;
  font-family:'poppinsregular';
}

/* Mobile tweak */
@media (max-width:480px){
  .ss-hosting-proof{ padding:8px 10px; }
  .ss-hosting-proof-txt{ font-size:12.5px; }
}

/* ========================= /HOSTING AWARENESS STRIP ========================= */
.home-main-bnr-textarea p{
  margin: 12px 0;
  font-size: 17px;
  line-height: 1.65;
  color: #444;
}
@media(max-width:768px){
  .home-main-bnr-textarea p{
    font-size: 15px;
    line-height: 1.6;
    max-width: 100%;
  }
}



/* ===== Unlimited Choose (Modern) ===== */
.unlimited-choose{
  padding: 70px 0;
  background: #fff;
}

.unlimited-hero-head{
  text-align: center;
  margin-bottom: 25px;
}

.unlimited-kicker{
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(47,128,237,.10);
  color: #2f80ed;
  margin-bottom: 10px;
}

.unlimited-hero-head h2{
  margin: 10px 0 10px;
  font-size: 34px;
  line-height: 1.15;
  color: #111;
}

.unlimited-sub{
  font-size: 17px;
  line-height: 1.7;
  color: #444;
  width: 100%;
  padding: 0 30px;
}

/* Trust strip */
.unlimited-trust{
  margin-top: 22px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.unlimited-trust-item{
  background: #f7f9fc;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  padding: 14px 14px;
}

.unlimited-trust-num{
  display: block;
  font-size: 18px;
  font-weight: 800;
  color: #111;
  margin-bottom: 2px;
}

.unlimited-trust-label{
  display: block;
  font-size: 13px;
  color: #555;
}

/* Subhead */
.unlimited-subhead{
  text-align: center;
  margin: 35px 0 18px;
}
.unlimited-subhead h3{
  margin: 0 0 6px;
  font-size: 22px;
  color: #111;
}
.unlimited-subhead p{
  width: 100%;
  padding: 0 30px;
  color: #555;
  line-height: 1.65;
}

/* Grid */
.unlimited-choose-grid{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 18px;
}

/* Card (reuse your .unlimited-choose-box class) */
.unlimited-choose-box{
  background: #fff;
  border: 1px solid rgba(0,0,0,.07);
  border-radius: 18px;
  padding: 20px 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.04);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  height: 100%;
}

.unlimited-choose-box:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(0,0,0,.07);
  border-color: rgba(47,128,237,.25);
}

.unlimited-choose-box-img{
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(47,128,237,.10);
  margin-bottom: 12px;
}

.unlimited-choose-box-img img{
  max-width: 26px;
  height: auto;
  display: block;
}

.unlimited-choose-box h3{
  font-size: 18px;
  margin: 0 0 8px;
  color: #111;
}

.unlimited-choose-box p{
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #555;
}

/* CTA */
.unlimited-cta{
  margin-top: 26px;
  padding: 22px 22px;
  border-radius: 18px;
  width: 100%;
  background: linear-gradient(
    135deg,
    rgba(47,128,237,.10),
    rgba(47,128,237,.04)
  );
  border: 1px solid rgba(47,128,237,.18);

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}


.unlimited-cta-text h4{
  margin: 0 0 5px;
  font-size: 18px;
  color: #111;
}
.unlimited-cta-text p{
  margin: 0;
  color: #444;
  line-height: 1.55;
}

.unlimited-cta-actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.unlimited-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 14px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease;
}

.unlimited-btn.primary{
  background: #2f80ed;
  color: #fff;
  box-shadow: 0 10px 20px rgba(47,128,237,.22);
}
.unlimited-btn.primary:hover{
  transform: translateY(-1px);
}

.unlimited-btn.ghost{
  background: #fff;
  border: 1px solid rgba(0,0,0,.10);
  color: #111;
}
.unlimited-btn.ghost:hover{
  transform: translateY(-1px);
}

/* Responsive */
@media (max-width: 992px){
  .unlimited-hero-head h2{ font-size: 30px; }
  .unlimited-choose-grid{ grid-template-columns: repeat(2, 1fr); }
  .unlimited-trust{ grid-template-columns: 1fr; }
  .unlimited-cta{ flex-direction: column; align-items: flex-start; }
}

@media (max-width: 600px){
  .unlimited-choose{ padding: 55px 0; }
  .unlimited-hero-head h2{ font-size: 26px; }
  .unlimited-sub{ font-size: 15px; }
  .unlimited-choose-grid{ grid-template-columns: 1fr; }
}

/* Unlimited Hosting  typography alignment (full width) */
.unlimited-choose .main-heading h2{
  font-size: var(--ss-h2);
  line-height: var(--ss-h2-line);
  font-family: var(--ss-font-heading);
}

.unlimited-choose .main-heading p{
  font-size: var(--ss-text);
  line-height: calc(var(--ss-text) * var(--ss-line));
  font-family: var(--ss-font-body);
}
.unlimited-choose-box h3{
  font-size: var(--ss-h4);        /* 18px */
  line-height: var(--ss-h4-line); /* 26px */
  font-family: var(--ss-font-heading);
}

.unlimited-choose-box p{
  font-size: var(--ss-text);      /* 15px */
  line-height: calc(var(--ss-text) * var(--ss-line));
  padding: 0;                     /* removes extra left/right padding */
}
.blue-strip {
  background: linear-gradient(135deg, #1c5fd4, #2f80ed);
  padding: 45px 25px;
  border-radius: 18px;
}
.shc-toggle-wrap{
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 18px;
}

.shc-toggle-btn{
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  color: #111;
  padding: 11px 16px;
  border-radius: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease;
}

.shc-toggle-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(0,0,0,.06);
}
.ss-small-note{
  text-align: center;
  padding: 20px;
  font-size: 14px;
  color: #555;
}

.ss-small-note a{
  color: #2f80ed;
  font-weight: 600;
  text-decoration: underline;
}


/* ================================
   ServerSea Unlimited Info Grid
   (Premium glass cards - first design)
================================ */

.ss-unlimited-info{
  width: 100%;
  padding: 70px 20px;
  background: linear-gradient(180deg, #0b5cff, #0a3fd6);
}

.ss-unlimited-wrap{
  max-width: 1400px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
}

/* Card */
.ss-info-card{
  background: rgba(255,255,255,0.09);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 18px;
  padding: 34px 34px;

  box-shadow: 0 12px 28px rgba(0,0,0,0.22);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.ss-info-card:hover{
  transform: translateY(-6px);
  background: rgba(255,255,255,0.12);
  box-shadow: 0 18px 40px rgba(0,0,0,0.26);
}

/* Titles */
.ss-info-card h3{
  margin: 0 0 12px;
  color: #fff;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
}

/* Text */
.ss-info-card p{
  margin: 0 0 18px;
  color: rgba(255,255,255,0.92);
  font-size: 16px;
  line-height: 1.7;
}

/* List */
.ss-info-card ul{
  margin: 0;
  padding: 0;
  list-style: none;

  display: grid;
  gap: 12px;
}

.ss-info-card ul li{
  position: relative;
  color: rgba(255,255,255,0.96);
  font-size: 16px;
  line-height: 1.6;
}

/* Font Awesome list ticks */
.ss-fa-list{
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

.ss-fa-list li{
  display: flex;
  align-items: flex-start;
  gap: 10px;

  color: rgba(255,255,255,0.96);
  font-size: 16px;
  line-height: 1.6;
}

/* Icon Style */
.ss-fa-list li i{
  font-size: 18px;
  margin-top: 3px;
  color: #fff;
  opacity: 0.95;
}


/* Responsive */
@media (max-width: 991px){
  .ss-unlimited-info{ padding: 55px 16px; }
  .ss-unlimited-wrap{ grid-template-columns: 1fr; gap: 18px; }
  .ss-info-card{ padding: 26px 20px; border-radius: 16px; }
  .ss-info-card h3{ font-size: 22px; }
  .ss-info-card p, .ss-info-card ul li{ font-size: 15px; }
}
/* ==============================
   WordPress Intro (Modern)
============================== */
.ss-wp-intro{
  text-align:center;
  padding: 10px 0 35px;
}

.ss-wp-eyebrow{
  display:inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: #2563eb;
  background: rgba(37, 99, 235, .08);
  padding: 8px 12px;
  border-radius: 999px;
  margin-bottom: 14px;
}

.ss-wp-title{
  font-size: clamp(26px, 3vw, 42px);
  line-height: 1.15;
  font-weight: 800;
  color: #111827;
  margin: 0 0 12px;
}

.ss-wp-desc{
  max-width: 880px;
  margin: 0 auto 22px;
  font-size: 16.5px;
  line-height: 1.75;
  color: #4b5563;
}

.ss-wp-highlights{
  display:flex;
  gap: 12px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top: 10px;
}

.ss-wp-hl{
  display:flex;
  align-items:center;
  gap: 8px;
  padding: 10px 14px;
  background:#fff;
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 14px;
  font-size: 14px;
  color:#111827;
  box-shadow: 0 10px 22px rgba(17, 24, 39, .06);
}

.ss-wp-hl span{
  font-size: 16px;
}

/* Mobile polish */
@media (max-width: 600px){
  .ss-wp-desc{ font-size: 15.5px; }
  .ss-wp-hl{ width: 100%; max-width: 360px; justify-content:center; }
}


/* Section wrapper */
.ss-vps-strip{
  padding: 70px 0;
}

/* Heading */
.ss-vps-strip-head h2{
  font-size: clamp(22px, 2.1vw, 34px);
  line-height: 1.15;
  margin-bottom: 14px;
}
.ss-vps-strip-head p{
  margin: 10px 0 0;
  font-size: 16px;
  line-height: 1.75;
  opacity: .92;
  width: 100%;
}

/* Top row */
.ss-vps-strip-top{
  margin-top: 26px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.ss-vps-strip-top-left h3{
  margin: 0 0 6px;
  font-size: clamp(18px, 1.6vw, 22px);
}
.ss-vps-strip-top-left p{
  margin: 0;
  opacity: .92;
  line-height: 1.7;
}

.ss-vps-strip-top-right{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}
.ss-vps-strip-pill{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.07);
  font-size: 13px;
  opacity: .95;
  white-space: nowrap;
}
.ss-vps-strip-pill i{
  font-size: 14px;
  opacity: .95;
}

/* Strip list (full width rows) */
.ss-vps-strip-list{
  margin-top: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* Each strip */
.ss-vps-strip-item{
  display: flex;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 12px 28px rgba(0,0,0,0.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.ss-vps-strip-item:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(0,0,0,0.20);
  background: rgba(255,255,255,0.10);
}

.ss-vps-strip-ic{
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.07);
}
.ss-vps-strip-ic i{
  font-size: 18px;
  opacity: .95;
}

.ss-vps-strip-txt h4{
  margin: 0 0 6px;
  font-size: 16px;
}
.ss-vps-strip-txt p{
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  opacity: .92;
}

/* Note */
.ss-vps-strip-note{
  margin-top: 14px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px dashed rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.06);
}
.ss-vps-strip-note p{
  margin: 0;
  line-height: 1.7;
  opacity: .95;
}

/* Plans include */
.ss-vps-strip-plans{
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.10);
}
.ss-vps-strip-plans h3{
  margin: 0 0 8px;
  font-size: clamp(18px, 1.7vw, 24px);
}
.ss-vps-strip-plans-sub{
  margin: 0 0 12px;
  opacity: .92;
}

/* Checklist */
.ss-vps-strip-checks{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
}
.ss-vps-strip-checks li{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.55;
  opacity: .95;
}
.ss-vps-strip-checks i{
  margin-top: 3px;
  font-size: 16px;
  opacity: .95;
}

/* Responsive */
@media (max-width: 980px){
  .ss-vps-strip-top{
    flex-direction: column;
  }
  .ss-vps-strip-top-right{
    justify-content: flex-start;
  }
  .ss-vps-strip-list{
    grid-template-columns: 1fr;
  }
}
@media (max-width: 560px){
  .ss-vps-strip{
    padding: 52px 0;
  }
  .ss-vps-strip-checks{
    grid-template-columns: 1fr;
  }
}

/* ===========================
   VPS Strip - HARD RESET (fix old conflicts)
   =========================== */

/* Stop global H3/H4 float rules inside this section */
.ss-vps-strip h2,
.ss-vps-strip h3,
.ss-vps-strip h4{
  float: none !important;
  width: auto !important;
  padding: 0 !important;
}

/* Stop global UL/LI float rules inside this section */
.ss-vps-strip ul,
.ss-vps-strip li{
  float: none !important;
  width: auto !important;
}

/* ===========================
   Alignment Fixes
   =========================== */

/* Keep the top left heading + paragraph aligned nicely */
.ss-vps-strip-top-left{
  text-align: left;
}
.ss-vps-strip-top-left h3{
  text-align: left;
  margin: 0 0 6px;
  font-size: clamp(18px, 1.6vw, 22px);
}

/* Title row: icon + heading in ONE line */
.ss-vps-strip-title{
  display: flex;
  align-items: center;
  justify-content: center;  /* make it like your screenshot (centered) */
  gap: 12px;
  margin: 0 0 6px;
}

/* Icon box */
.ss-vps-strip-ic{
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.07);
}
.ss-vps-strip-ic i{
  font-size: 18px;
  opacity: .95;
}

/* Heading text inside title row */
.ss-vps-strip-title h4{
  margin: 0 !important;
  text-align: center !important;
  font-size: 16px;
  line-height: 1.2;
  color: inherit;
}

/* Paragraph under title */
.ss-vps-strip-txt p{
  margin: 0;
  text-align: center;
  font-size: 14px;
  line-height: 1.65;
  opacity: .92;
}

/* Checklist: ensure grid + no float issues */
.ss-vps-strip-checks{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 34px;
  justify-items: start;
}
.ss-vps-strip-checks li{
  float: none !important;
  width: auto !important;
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.55;
  opacity: .95;
}
.ss-vps-strip-checks i{
  margin-top: 0;
  font-size: 16px;
  opacity: .95;
}

/* Mobile */
@media (max-width: 560px){
  .ss-vps-strip-checks{ grid-template-columns: 1fr; }
  .ss-vps-strip-title{ justify-content: flex-start; } /* looks better on small screens */
  .ss-vps-strip-txt p{ text-align: left; }
}
/* -------------------------
   Plans panel (premium look)
   ------------------------- */

/* kill shared-cheap-serversea h3/h4 effect inside this block */
.ss-vps-strip-plans h3{
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  text-align: left !important;
}

/* wrapper spacing */
.ss-vps-strip-plans{
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.10);
}

/* panel container */
.ss-vps-plans-panel{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;

  padding: 18px 18px;
  border-radius: 18px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 12px 28px rgba(0,0,0,0.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* left text */
.ss-vps-plans-left{
  flex: 1;
  min-width: 260px;
}

.ss-vps-plans-left h3{
  margin: 0 0 10px;
  font-size: clamp(18px, 1.7vw, 26px);
  line-height: 1.2;
  color: #0551e5;
}

.ss-vps-plans-sub{
  margin: 0;
  opacity: .92;
  line-height: 1.7;
}

/* right checklist */
.ss-vps-plans-right{
  flex: 1.15;
  min-width: 320px;
}

/* reset UL/LI conflicts only here */
.ss-vps-plans-right ul,
.ss-vps-plans-right li{
  float: none !important;
  width: auto !important;
  padding: 0 !important;
}

.ss-vps-strip-checks{
  list-style: none;
  padding: 0;
  margin: 2px 0 0;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
}

.ss-vps-strip-checks li{
  display: flex !important;
  align-items: center;
  gap: 10px;
  line-height: 1.5;
  opacity: .95;
}

.ss-vps-strip-checks i{
  font-size: 16px;
  opacity: .95;
}

/* responsive: stack nicely */
@media (max-width: 980px){
  .ss-vps-plans-panel{
    flex-direction: column;
  }
  .ss-vps-plans-right{
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 560px){
  .ss-vps-strip-checks{
    grid-template-columns: 1fr;
  }
}


.ss-vps-premium{
  padding: 80px 0;
  font-family: inherit;
}

.ss-vps-head{
  text-align: center;
  margin-bottom: 40px;
}

.ss-vps-head h2{
  font-size: clamp(26px, 2.4vw, 42px);
  margin: 0;
}

.ss-vps-sub{
  margin-top: 10px;
  font-size: 18px;
  opacity: .85;
}

/* Benefits Cards */
.ss-vps-benefits-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.ss-vps-card{
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 18px;
  padding: 22px;
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.18);
}

.ss-vps-card h3{
  margin: 0 0 10px;
  font-size: 18px;
  color: #0551e5;
}

.ss-vps-card ul{
  margin: 10px 0 0;
  padding-left: 18px;
}

.ss-vps-highlight{
  grid-column: span 3;
  background: rgba(5,81,229,0.12);
}

/* Specs Grid */
.ss-vps-specs{
  margin-top: 70px;
}

.ss-vps-specs h2{
  text-align: center;
  margin-bottom: 28px;
}

.ss-vps-spec-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.ss-vps-spec-box{
  border-radius: 18px;
  padding: 22px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
}

/* Compare */
.ss-vps-compare-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.ss-vps-compare-box{
  padding: 22px;
  border-radius: 18px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.14);
}

/* Audience */
.ss-vps-audience{
  margin-top: 70px;
  text-align: center;
}

.ss-vps-audience-list{
  margin: 20px auto 0;
  max-width: 800px;
  text-align: left;
  padding-left: 20px;
}

/* Support */
.ss-vps-support{
  margin-top: 70px;
  text-align: center;
}

.ss-vps-support-actions{
  margin-top: 18px;
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

.ss-vps-support-actions a{
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
  text-decoration: none;
}

/* Responsive */
@media(max-width: 980px){
  .ss-vps-benefits-grid{ grid-template-columns: 1fr; }
  .ss-vps-spec-grid{ grid-template-columns: 1fr; }
  .ss-vps-compare-grid{ grid-template-columns: 1fr; }
  .ss-vps-highlight{ grid-column: span 1; }
}

/* =========================
   VPS Modern Sections
========================= */
.ss-vps-sec{
  padding: 70px 0;
}

/* Section heading */
.ss-vps-sec-head{
  text-align: center;
  margin-bottom: 26px;
}
.ss-vps-sec-head h2{
  margin: 0 0 10px;
  font-size: clamp(22px, 2.1vw, 36px);
  line-height: 1.15;
}
.ss-vps-sec-head h2 span{
  font-weight: 600;
  opacity: .7;
}
.ss-vps-sec-head p{
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
  opacity: .88;
}

/* Card grids */
.ss-vps-spec-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.ss-vps-compare-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

/* Card base */
.ss-vps-spec-box,
.ss-vps-compare-box,
.ss-vps-audience-panel{
  border-radius: 18px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 12px 28px rgba(0,0,0,0.16);
  padding: 22px 20px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Highlight compare box */
.ss-vps-compare-highlight{
  background: rgba(5,81,229,0.10);
  border-color: rgba(5,81,229,0.28);
}

/* Head inside card (icon + title inline) */
.ss-vps-box-head{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

/* icon badge */
.ss-vps-ibox{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.16);
}
.ss-vps-ibox i{
  font-size: 18px;
  opacity: .95;
}

/* Fix old h4 conflict here */
.ss-vps-specs h4,
.ss-vps-compare h4{
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  color: #0551e5 !important;
}

/* Lists modern */
.ss-vps-list{
  list-style: none;
  padding: 0;
  margin: 0;
}
.ss-vps-list li{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 7px 0;
  line-height: 1.55;
  opacity: .95;
}
.ss-vps-list li i{
  margin-top: 3px;
  font-size: 16px;
  opacity: .95;
}

/* Small helper text */
.ss-vps-muted{
  margin: 0 0 8px;
  opacity: .88;
  line-height: 1.7;
}

/* Audience panel */
.ss-vps-sec-head-center{
  text-align: center;
}
.ss-vps-audience-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 18px;
}
.ss-vps-audience-list li{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.55;
  opacity: .95;
}
.ss-vps-audience-list i{
  margin-top: 3px;
}

/* Responsive */
@media (max-width: 980px){
  .ss-vps-spec-grid,
  .ss-vps-compare-grid{
    grid-template-columns: 1fr;
  }
  .ss-vps-audience-list{
    grid-template-columns: 1fr;
  }
}


.ss-vps-support-actions a{
  font-size: 14px;
  font-weight: 600;
  color: #0551e5;
  padding: 11px 16px;
  border-radius: 999px;
  transition: 0.2s ease;
}

.ss-vps-support-actions a:hover{
  background: rgba(5,81,229,0.10);
  transform: translateY(-2px);
}



/* =========================
   VPS page helpers (safe overrides)
   Keep headings/typography modern and prevent legacy float/center rules.
========================= */
.ss-vps-strip .ss-vps-strip-top-left h3,
.ss-vps-strip .ss-vps-strip-txt h4,
.ss-vps-modern .ss-vps-block-head h2,
.ss-vps-modern .ss-vps-support h2{
  float:none !important;
  width:auto !important;
  text-align:left !important;
  padding:0 !important;
}

.ss-vps-modern .ss-vps-block-head,
.ss-vps-modern .ss-vps-modern-head,
.ss-vps-modern .ss-vps-support{
  text-align:center;
}

/* nicer grid gaps on very large screens */
@media (min-width: 1400px){
  .ss-vps-benefit-grid{ gap:18px; }
  .ss-vps-spec-grid{ gap:18px; }
  .ss-vps-compare-grid{ gap:18px; }
}







/* ================================
   ServerSea VPS Modern Section (override)
   Paste AFTER your old CSS files
================================== */

.ss-vps-modern{
  position: relative;
  padding: 70px 0;
  overflow: hidden;
  /* soft modern background */
  background:
    radial-gradient(900px 500px at 15% 5%, rgba(5,81,229,.12), rgba(5,81,229,0) 60%),
    radial-gradient(800px 500px at 85% 15%, rgba(0,201,255,.10), rgba(0,201,255,0) 60%),
    linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}

.ss-vps-modern .w100{
  width: min(1240px, calc(100% - 34px));
  margin: 0 auto;
}

/* Head */
.ss-vps-modern-head{
  text-align: center;
  margin-bottom: 26px;
}

.ss-vps-modern-head h2{
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.15;
  margin: 0 0 8px;
  letter-spacing: -0.2px;
}

.ss-vps-modern-sub{
  margin: 0 auto;
  max-width: 720px;
  font-size: clamp(14px, 1.35vw, 16px);
  line-height: 1.6;
  color: rgba(0,0,0,.62);
}

/* Shared card look */
.ss-vps-benefit,
.ss-vps-block,
.ss-vps-support{
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Benefits grid */
.ss-vps-benefit-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
  margin-bottom: 26px;
}

.ss-vps-benefit{
  padding: 18px 18px 16px;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.ss-vps-benefit:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 44px rgba(0,0,0,.12);
  background: rgba(255,255,255,.88);
}

.ss-vps-benefit-top{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.ss-vps-benefit-ic{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(5,81,229,.10);
  border: 1px solid rgba(5,81,229,.18);
  flex: 0 0 42px;
}

.ss-vps-benefit-ic i{
  font-size: 18px;
  line-height: 1;
  color: #0551e5;
}

.ss-vps-benefit h3{
  margin: 0;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.1px;
}

.ss-vps-benefit p{
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(0,0,0,.62);
}

/* Mini list inside benefit (Secure & Stable) */
.ss-vps-mini-list{
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
  display: grid;
  gap: 8px;
}

.ss-vps-mini-list li{
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  color: rgba(0,0,0,.72);
}

.ss-vps-mini-list i{
  color: #16a34a; /* green check */
  font-size: 15px;
  line-height: 1;
}

/* Blocks */
.ss-vps-block{
  padding: 22px;
  margin-top: 16px;
}

.ss-vps-block-head{
  text-align: center;
  margin-bottom: 14px;
}

.ss-vps-block-head h2{
  margin: 0 0 6px;
  font-size: clamp(20px, 2.1vw, 28px);
  line-height: 1.2;
}

.ss-vps-block-head p{
  margin: 0 auto;
  max-width: 820px;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(0,0,0,.62);
}

/* Specs grid */
.ss-vps-spec-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}

.ss-vps-spec{
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(0,0,0,.07);
  border-radius: 16px;
  padding: 16px;
}

.ss-vps-spec h3{
  margin: 0 0 10px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.ss-vps-spec h3 i{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(5,81,229,.10);
  border: 1px solid rgba(5,81,229,.18);
  color: #0551e5;
  font-size: 15px;
  line-height: 1;
}

.ss-vps-spec ul{
  margin: 0;
  padding-left: 18px;
  color: rgba(0,0,0,.68);
  line-height: 1.8;
  font-size: 14px;
}

/* Compare grid */
.ss-vps-compare-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 12px;
}

.ss-vps-compare{
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(0,0,0,.07);
  border-radius: 16px;
  padding: 16px;
}

.ss-vps-compare h3{
  margin: 0 0 8px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.ss-vps-compare h3 i{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(5,81,229,.10);
  border: 1px solid rgba(5,81,229,.18);
  color: #0551e5;
  font-size: 15px;
  line-height: 1;
}

.ss-vps-compare p{
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(0,0,0,.62);
}

.ss-vps-check-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}

.ss-vps-check-list li{
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  color: rgba(0,0,0,.72);
}

.ss-vps-check-list i{
  color: #16a34a;
  font-size: 15px;
  line-height: 1;
}

/* Audience */
.ss-vps-audience-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.ss-vps-audience-item{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(0,0,0,.07);
  font-size: 14px;
  line-height: 1.55;
  color: rgba(0,0,0,.72);
}

.ss-vps-audience-item i{
  color: #16a34a;
  font-size: 16px;
  line-height: 1.1;
  margin-top: 2px;
}

/* Support CTA */
.ss-vps-support{
  margin-top: 18px;
  padding: 22px;
  text-align: center;
  background:
    radial-gradient(900px 300px at 10% 0%, rgba(5,81,229,.16), rgba(5,81,229,0) 60%),
    radial-gradient(900px 300px at 90% 0%, rgba(0,201,255,.14), rgba(0,201,255,0) 60%),
    rgba(255,255,255,.78);
}

.ss-vps-support h2{
  margin: 0 0 8px;
  font-size: clamp(20px, 2.2vw, 30px);
}

.ss-vps-support p{
  margin: 0 auto 14px;
  max-width: 820px;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(0,0,0,.62);
}

.ss-vps-support-actions{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

.ss-vps-support-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  text-decoration: none;
  border: 1px solid rgba(5,81,229,.18);
  background: rgba(5,81,229,.08);
  color: #0b2f8a;
  font-size: 14px;
  font-weight: 600;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.ss-vps-support-btn i{
  font-size: 15px;
  line-height: 1;
  color: #0551e5;
}

.ss-vps-support-btn:hover{
  transform: translateY(-2px);
  background: rgba(5,81,229,.12);
  box-shadow: 0 12px 26px rgba(0,0,0,.10);
}

/* Responsive */
@media (max-width: 1024px){
  .ss-vps-benefit-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ss-vps-spec-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ss-vps-compare-grid{ grid-template-columns: 1fr; }
  .ss-vps-audience-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 560px){
  .ss-vps-modern{ padding: 52px 0; }
  .ss-vps-benefit-grid{ grid-template-columns: 1fr; }
  .ss-vps-block{ padding: 16px; }
  .ss-vps-benefit{ padding: 16px; }
  .ss-vps-benefit-ic{ width: 40px; height: 40px; border-radius: 14px; }
}

/* ======================================================
   VPS Modern (FULL WIDTH) + Conflict Fix
   Paste at the END of your main CSS
====================================================== */

/* Full width section */
.ss-vps-modern{
  width: 100%;
  float: none;
  display: block;
  padding: 30px 0;
  overflow: hidden;
  background:
    radial-gradient(900px 500px at 15% 5%, rgba(5,81,229,.12), rgba(5,81,229,0) 60%),
    radial-gradient(800px 500px at 85% 15%, rgba(0,201,255,.10), rgba(0,201,255,0) 60%),
    linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}

/* IMPORTANT: your site has .w100{float:left;width:100%} which breaks grid alignment.
   We keep full width, but remove float inside this section only. */
.ss-vps-modern .w100{
  width: 100% !important;
  float: none !important;
  display: block !important;
  margin: 0 !important;

  /* full-width layout needs padding instead of max-width */
  padding: 0 28px !important;
}

/* Make everything inside sane */
.ss-vps-modern, .ss-vps-modern *{ box-sizing: border-box; }
.ss-vps-modern article,
.ss-vps-modern .ss-vps-block{ float: none !important; }

/* Head */
.ss-vps-modern-head{
  text-align: center;
  margin-bottom: 26px;
}
.ss-vps-modern-head h2{
  margin: 0 0 8px;
  font-size: clamp(26px, 2.6vw, 44px);
  line-height: 1.15;
  letter-spacing: -0.2px;
}
.ss-vps-modern-sub{
  margin: 0 auto;
  max-width: 880px;
  font-size: clamp(14px, 1.25vw, 16px);
  line-height: 1.6;
  color: rgba(0,0,0,.62);
}

/* Shared card look */
.ss-vps-benefit,
.ss-vps-block,
.ss-vps-support{
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Benefits grid (full width friendly) */
.ss-vps-benefit-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 16px 0 26px;
  width: 100%;
}

.ss-vps-benefit{
  padding: 18px 18px 16px;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.ss-vps-benefit:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 44px rgba(0,0,0,.12);
  background: rgba(255,255,255,.88);
}

.ss-vps-benefit-top{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.ss-vps-benefit-ic{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(5,81,229,.10);
  border: 1px solid rgba(5,81,229,.18);
  flex: 0 0 42px;
}
.ss-vps-benefit-ic i{
  font-size: 18px;
  line-height: 1;
  color: #0551e5;
}
.ss-vps-benefit h3{
  margin: 0;
  font-size: 16px;
  line-height: 1.25;
}
.ss-vps-benefit p{
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(0,0,0,.62);
}

/* Mini list in benefit */
.ss-vps-mini-list{
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
  display: grid;
  gap: 8px;
}
.ss-vps-mini-list li{
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  color: rgba(0,0,0,.72);
}
.ss-vps-mini-list i{ color: #16a34a; }

/* Blocks */
.ss-vps-block{
  padding: 22px;
  margin-top: 16px;
}
.ss-vps-block-head{
  text-align: center;
  margin-bottom: 14px;
}
.ss-vps-block-head h2{
  margin: 0 0 6px;
  font-size: clamp(20px, 2vw, 30px);
  line-height: 1.2;
}
.ss-vps-block-head p{
  margin: 0 auto;
  max-width: 980px;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(0,0,0,.62);
}

/* Specs */
.ss-vps-spec-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}
.ss-vps-spec{
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(0,0,0,.07);
  border-radius: 16px;
  padding: 16px;
}
.ss-vps-spec h3{
  margin: 0 0 10px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.ss-vps-spec h3 i{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(5,81,229,.10);
  border: 1px solid rgba(5,81,229,.18);
  color: #0551e5;
  font-size: 15px;
}
.ss-vps-spec ul{
  margin: 0;
  padding-left: 18px;
  list-style: disc;
  color: rgba(0,0,0,.68);
  line-height: 1.8;
  font-size: 14px;
}

/* Compare */
.ss-vps-compare-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 12px;
}
.ss-vps-compare{
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(0,0,0,.07);
  border-radius: 16px;
  padding: 16px;
}
.ss-vps-compare h3{
  margin: 0 0 8px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.ss-vps-compare h3 i{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(5,81,229,.10);
  border: 1px solid rgba(5,81,229,.18);
  color: #0551e5;
  font-size: 15px;
}
.ss-vps-compare p{
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(0,0,0,.62);
}
.ss-vps-check-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}
.ss-vps-check-list li{
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  color: rgba(0,0,0,.72);
}
.ss-vps-check-list i{ color: #0551e5; }

/* Audience */
.ss-vps-audience-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* looks better on full width */
  gap: 10px;
  margin-top: 12px;
}
.ss-vps-audience-item{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(0,0,0,.07);
  font-size: 14px;
  line-height: 1.55;
  color: rgba(0,0,0,.72);
}
.ss-vps-audience-item i{
  color: #0551e5;
  margin-top: 2px;
}

/* Support CTA */
.ss-vps-support{
  margin-top: 18px;
  padding: 22px;
  text-align: center;
  background:
    radial-gradient(900px 300px at 10% 0%, rgba(5,81,229,.16), rgba(5,81,229,0) 60%),
    radial-gradient(900px 300px at 90% 0%, rgba(0,201,255,.14), rgba(0,201,255,0) 60%),
    rgba(255,255,255,.78);
}
.ss-vps-support h2{
  margin: 0 0 8px;
  font-size: clamp(20px, 2vw, 32px);
}
.ss-vps-support p{
  margin: 0 auto 14px;
  max-width: 980px;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(0,0,0,.62);
}
.ss-vps-support-actions{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.ss-vps-support-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  text-decoration: none;
  border: 1px solid rgba(5,81,229,.18);
  background: rgba(5,81,229,.08);
  color: #0b2f8a;
  font-size: 14px;
  font-weight: 600;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.ss-vps-support-btn i{ color: #0551e5; }
.ss-vps-support-btn:hover{
  transform: translateY(-2px);
  background: rgba(5,81,229,.12);
  box-shadow: 0 12px 26px rgba(0,0,0,.10);
}

.ss-vps-block .ss-vps-block-head h2{
  text-align:center!important;
}

.ss-vps-modern  .ss-vps-support h2{
  text-align:center!important;
}

/* Responsive */
@media (max-width: 1024px){
  .ss-vps-benefit-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ss-vps-compare-grid{ grid-template-columns: 1fr; }
  .ss-vps-audience-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .ss-vps-modern{ padding: 52px 0; }
  .ss-vps-modern .w100{ padding: 0 16px !important; }
  .ss-vps-benefit-grid{ grid-template-columns: 1fr; }
  .ss-vps-spec-grid{ grid-template-columns: 1fr; }
  .ss-vps-audience-grid{ grid-template-columns: 1fr; }
  .ss-vps-block{ padding: 16px; }
}


/* ============================================
   VPS Plans Include Strip (Premium Upgrade)
   Paste at END (overrides previous)
============================================ */

.ss-vps-plans-panel{
  padding: 34px 36px;
  border-radius: 24px;
  background: rgba(255,255,255,0.86);
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 20px 55px rgba(0,0,0,0.10);
  position: relative;
  overflow: hidden;
}

/* subtle premium glow */
.ss-vps-plans-panel:before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(700px 220px at 20% 15%, rgba(5,81,229,.10), transparent 60%),
    radial-gradient(600px 220px at 85% 30%, rgba(0,201,255,.10), transparent 60%);
  pointer-events:none;
}

/* layout */
.ss-vps-strip-flex{
  position: relative;
  display: grid;
  grid-template-columns: 1.05fr 1.25fr;
  align-items: center; /* THIS fixes top-floating pills */
  gap: 34px;
}

/* left */
.ss-vps-strip-left h3{
  margin: 0 0 10px;
  font-size: 28px;
  font-weight: 850;
  letter-spacing: -0.6px;
  color: #111;
}

.ss-vps-strip-left p{
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  color: rgba(0,0,0,.62);
  max-width: 420px;
}

/* right: give pills a neat inner panel */
.ss-vps-strip-right{
  background: rgba(255,255,255,0.70);
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 18px;
  padding: 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

/* pills grid */
.ss-vps-strip-checks{
  list-style: none;
  margin: 0;
  padding: 0;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

/* pill item (more premium & tighter) */
.ss-vps-strip-checks li{
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 11px 12px;
  border-radius: 999px;

  background: rgba(5,81,229,0.06);
  border: 1px solid rgba(5,81,229,0.16);

  font-size: 14px;
  font-weight: 700;
  color: rgba(0,0,0,0.78);

  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.ss-vps-strip-checks li:hover{
  transform: translateY(-2px);
  background: rgba(5,81,229,0.10);
  box-shadow: 0 10px 22px rgba(0,0,0,0.10);
}

/* icon */
.ss-vps-strip-checks li i{
  width: 24px;
  height: 24px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #0551e5;
  border: 1px solid rgba(34,197,94,0.22);
  color: #fff;

  font-size: 12px;
  line-height: 1;
}

/* responsive */
@media (max-width: 950px){
  .ss-vps-strip-flex{
    grid-template-columns: 1fr;
    text-align: center;
  }

  .ss-vps-strip-left p{
    max-width: 640px;
    margin: 0 auto;
  }

  .ss-vps-strip-right{
    padding: 16px;
  }
}

@media (max-width: 560px){
  .ss-vps-plans-panel{
    padding: 22px 18px;
    border-radius: 18px;
  }

  .ss-vps-strip-left h3{
    font-size: 22px;
  }

  .ss-vps-strip-checks{
    grid-template-columns: 1fr;
  }
}
/* =========================================================
   HARD FIX: right-side empty space (force full stretch)
   Paste at the END of CSS
========================================================= */

/* If floats exist anywhere, kill them inside this component */
.ss-vps-strip-plans .ss-vps-plans-panel,
.ss-vps-strip-plans .ss-vps-strip-flex,
.ss-vps-strip-plans .ss-vps-strip-left,
.ss-vps-strip-plans .ss-vps-strip-right,
.ss-vps-strip-plans .ss-vps-strip-checks{
  float: none !important;
  max-width: none !important;
}

/* Force flex/grid container to stretch */
.ss-vps-strip-plans .ss-vps-strip-flex{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  justify-items: stretch !important;  /* KEY */
  width: 100% !important;
}

/* Force right side to occupy all available width */
.ss-vps-strip-plans .ss-vps-strip-right{
  width: 100% !important;
  justify-self: stretch !important;   /* KEY */
  display: block !important;
}

/* Force UL to fill the right column */
.ss-vps-strip-plans ul.ss-vps-strip-checks{
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* Force pills to fill their grid cells */
.ss-vps-strip-plans ul.ss-vps-strip-checks > li{
  width: 100% !important;
}

/* Mobile */
@media (max-width: 950px){
  .ss-vps-strip-plans .ss-vps-strip-flex{
    grid-template-columns: 1fr !important;
  }
  .ss-vps-strip-plans ul.ss-vps-strip-checks{
    grid-template-columns: 1fr !important;
  }
}
/* VPS page: reduce gap before "ServerSea VPS Hosting Plans in Pakistan" */
.cheap-hosting.ss-vps-plans-heading{
  padding-top: 8px !important;   /* was 30px */
  padding-bottom: 12px !important;
}

.cheap-hosting.ss-vps-plans-heading .main-heading{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.cheap-hosting.ss-vps-plans-heading .main-heading h2{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Reduce extra space at the end of the strip section (just in case) */
.ss-vps-strip{
  padding-bottom: 10px !important;
}

.ss-vps-strip .ss-vps-strip-note{
  margin-bottom: 0 !important;
}

/* =============== WHY SERVERSEA DOMAINS (Modern) =============== */
.ss-why-domains{
  width:100%;
  padding:64px 0;
  position:relative;
  overflow:hidden;
}

/* Soft background like international brands */
.ss-why-domains::before{
  content:"";
  position:absolute;
  inset:-120px -80px auto -80px;
  height:420px;
  background: radial-gradient(closest-side, rgba(5,81,229,.14), rgba(5,81,229,0));
  pointer-events:none;
}
.ss-why-domains::after{
  content:"";
  position:absolute;
  right:-140px;
  bottom:-160px;
  width:420px;
  height:420px;
  background: radial-gradient(closest-side, rgba(0,0,0,.08), rgba(0,0,0,0));
  pointer-events:none;
}

.ss-why-wrap{
  width:min(1240px, calc(100% - 40px));
  margin:0 auto;
  position:relative;
  z-index:1;
}

/* Header */
.ss-why-head{
  text-align:left;
  max-width:820px;
}

.ss-why-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.35px;
  text-transform:uppercase;
  color:#0b1b3b;
  opacity:.85;
  padding:10px 14px;
  border-radius:999px;
  background: rgba(5,81,229,.08);
  border:1px solid rgba(5,81,229,.14);
}

.ss-why-head h2{
  margin:14px 0 10px;
  font-size:36px;
  line-height:1.15;
  font-weight:800;
  color:#071733;
}

.ss-why-head h2 span{
  color:#0551e5;
}

.ss-why-head p{
  margin:0;
  font-size:16px;
  line-height:1.7;
  color: rgba(7,23,51,.78);
}

/* chips */
.ss-why-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.ss-chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:999px;
  background: rgba(255,255,255,.85);
  border:1px solid rgba(7,23,51,.10);
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
  font-size:13px;
  font-weight:700;
  color:#081a35;
}

.ss-chip i{
  color:#0551e5;
  font-size:14px;
}

/* Grid */
.ss-why-grid{
  margin-top:26px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:16px;
}

/* Cards */
.ss-why-card{
  background: rgba(255,255,255,.90);
  border:1px solid rgba(7,23,51,.10);
  border-radius:18px;
  padding:18px 18px;
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
  transition: transform .20s ease, box-shadow .20s ease, border-color .20s ease, background .20s ease;
  position:relative;
  overflow:hidden;
}

.ss-why-card::before{
  content:"";
  position:absolute;
  inset:-40px -40px auto auto;
  width:140px;
  height:140px;
  background: radial-gradient(closest-side, rgba(5,81,229,.18), rgba(5,81,229,0));
  opacity:.75;
}

.ss-why-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(0,0,0,.10);
  border-color: rgba(5,81,229,.20);
}

.ss-why-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(5,81,229,.10);
  border:1px solid rgba(5,81,229,.16);
  margin-bottom:12px;
}

.ss-why-icon i{
  color:#0551e5;
  font-size:18px;
}

.ss-why-card h3{
  margin:0 0 6px;
  font-size:16px;
  line-height:1.35;
  font-weight:800;
  color:#071733;
}

.ss-why-card p{
  margin:0;
  font-size:14px;
  line-height:1.65;
  color: rgba(7,23,51,.76);
}

.ss-why-card p strong{
  color:#071733;
  font-weight:800;
}

/* Slightly highlighted first card */
.ss-why-highlight{
  border-color: rgba(5,81,229,.22);
  background: linear-gradient(180deg, rgba(5,81,229,.08), rgba(255,255,255,.92));
}

/* Responsive */
@media (max-width: 992px){
  .ss-why-head h2{ font-size:30px; }
  .ss-why-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px){
  .ss-why-domains{ padding:46px 0; }
  .ss-why-wrap{ width: min(1240px, calc(100% - 26px)); }
  .ss-why-head h2{ font-size:24px; }
  .ss-why-head p{ font-size:15px; }
  .ss-why-grid{ grid-template-columns: 1fr; }
  .ss-why-card{ padding:16px; border-radius:16px; }
}

/* ===== FIX: Why ServerSea Domains (Full width, no max-width, better alignment) ===== */
.ss-why-domains{
  width: 100%;
}

/* Remove boxed container behavior */
.ss-why-domains .ss-why-wrap{
  width: 100% !important;
  margin: 0 !important;
  /* responsive side padding without max-width */
  padding-left: clamp(16px, 3vw, 56px);
  padding-right: clamp(16px, 3vw, 56px);
  position: relative;
  z-index: 1;
}

/* Header should not be capped */
.ss-why-domains .ss-why-head{
  max-width: none !important;
  width: 100% !important;
  text-align: left;
}

/* Keep headline + paragraph neat */
.ss-why-domains .ss-why-head h2{
  max-width: none !important;
  width: 100%;
  margin: 14px 0 10px;
}

.ss-why-domains .ss-why-head p{
  max-width: none !important;
  width: min(100%, 1100px);
}

/* Chips alignment */
.ss-why-domains .ss-why-chips{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

/* Grid should stretch perfectly */
.ss-why-domains .ss-why-grid{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

/* Card should fill grid cell */
.ss-why-domains .ss-why-card{
  width: 100%;
  height: 100%;
}

/* Responsive */
@media (max-width: 992px){
  .ss-why-domains .ss-why-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px){
  .ss-why-domains .ss-why-grid{
    grid-template-columns: 1fr;
  }
}

/* ===================== WHAT IS DOMAIN REGISTRATION ===================== */
.ss-domain-info{
  width:100%;
  padding:64px 0;
  position:relative;
  overflow:hidden;
}

/* soft premium background */
.ss-domain-info::before{
  content:"";
  position:absolute;
  inset:-140px -120px auto -120px;
  height:420px;
  background: radial-gradient(closest-side, rgba(5,81,229,.12), rgba(5,81,229,0));
  pointer-events:none;
}
.ss-domain-info::after{
  content:"";
  position:absolute;
  right:-160px;
  bottom:-170px;
  width:520px;
  height:520px;
  background: radial-gradient(closest-side, rgba(0,0,0,.06), rgba(0,0,0,0));
  pointer-events:none;
}

.ss-domain-info-wrap{
  width:100%;
  padding-left: clamp(16px, 3vw, 56px);
  padding-right: clamp(16px, 3vw, 56px);
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 22px;
  align-items:start;
  position:relative;
  z-index:1;
}

/* LEFT */
.ss-domain-info-kicker{
  display:inline-flex;
  align-items:center;
  font-size:13px;
  font-weight:800;
  letter-spacing:.35px;
  text-transform:uppercase;
  color: rgba(7,23,51,.85);
  padding:10px 14px;
  border-radius:999px;
  background: rgba(5,81,229,.08);
  border:1px solid rgba(5,81,229,.14);
}

.ss-domain-info-left h2{
  margin:14px 0 10px;
  font-size:34px;
  line-height:1.15;
  font-weight:900;
  color:#071733;
}

.ss-domain-info-lead{
  margin:0;
  font-size:16px;
  line-height:1.7;
  color: rgba(7,23,51,.78);
  width: min(100%, 980px);
}

/* Note card */
.ss-domain-note{
  margin-top:18px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:16px 16px;
  border-radius:18px;
  background: rgba(255,255,255,.88);
  border:1px solid rgba(7,23,51,.10);
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
}

.ss-domain-note-ic{
  width:44px;
  height:44px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(5,81,229,.10);
  border:1px solid rgba(5,81,229,.16);
  flex:0 0 auto;
}

.ss-domain-note-ic i{
  color:#0551e5;
  font-size:18px;
}

.ss-domain-note-txt strong{
  display:block;
  font-size:14px;
  font-weight:900;
  color:#071733;
  margin-bottom:2px;
}
.ss-domain-note-txt span{
  display:block;
  font-size:14px;
  line-height:1.6;
  color: rgba(7,23,51,.75);
}

/* RIGHT CARD */
.ss-domain-benefits{
  background: rgba(255,255,255,.90);
  border:1px solid rgba(7,23,51,.10);
  border-radius:20px;
  padding:18px 18px;
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
  overflow:hidden;
  position:relative;
}

.ss-domain-benefits::before{
  content:"";
  position:absolute;
  inset:-40px -40px auto auto;
  width:160px;
  height:160px;
  background: radial-gradient(closest-side, rgba(5,81,229,.18), rgba(5,81,229,0));
  opacity:.75;
}

.ss-domain-benefits h3{
  margin:0 0 12px;
  font-size:16px;
  font-weight:900;
  color:#071733;
}

.ss-domain-benefits-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}

.ss-domain-benefits-list li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:10px 12px;
  border-radius:14px;
  background: rgba(5,81,229,.05);
  border:1px solid rgba(5,81,229,.10);
}

.ss-domain-benefits-list i{
  margin-top:1px;
  color:#0551e5;
  font-size:16px;
  flex:0 0 auto;
}

.ss-domain-benefits-list span{
  font-size:14px;
  line-height:1.55;
  color: rgba(7,23,51,.78);
  font-weight:700;
}

/* mini boxes */
.ss-domain-mini{
  margin-top:14px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
}

.ss-domain-mini-box{
  padding:12px 12px;
  border-radius:16px;
  background: rgba(255,255,255,.88);
  border:1px solid rgba(7,23,51,.10);
}

.ss-mini-top{
  display:block;
  font-size:12px;
  font-weight:800;
  color: rgba(7,23,51,.70);
  margin-bottom:4px;
}

.ss-mini-big{
  display:block;
  font-size:14px;
  font-weight:900;
  color:#071733;
}

/* Responsive */
@media (max-width: 992px){
  .ss-domain-info-wrap{
    grid-template-columns: 1fr;
  }
  .ss-domain-info-left h2{ font-size:30px; }
}

@media (max-width: 640px){
  .ss-domain-info{ padding:46px 0; }
  .ss-domain-info-left h2{ font-size:24px; }
  .ss-domain-benefits{ padding:16px; border-radius:18px; }
  .ss-domain-mini{ grid-template-columns: 1fr; }
}

/* ================== DOMAIN SERVICES + DOMAIN NAME TIPS ================== */
.ss-domain-services{
  width:100%;
  padding:64px 0;
  position:relative;
  overflow:hidden;
}

.ss-domain-services::before{
  content:"";
  position:absolute;
  inset:-140px -120px auto -120px;
  height:440px;
  background: radial-gradient(closest-side, rgba(5,81,229,.12), rgba(5,81,229,0));
  pointer-events:none;
}
.ss-domain-services::after{
  content:"";
  position:absolute;
  right:-180px;
  bottom:-180px;
  width:560px;
  height:560px;
  background: radial-gradient(closest-side, rgba(0,0,0,.06), rgba(0,0,0,0));
  pointer-events:none;
}

.ss-domain-services-wrap{
  width:100%;
  padding-left: clamp(16px, 3vw, 56px);
  padding-right: clamp(16px, 3vw, 56px);
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:18px;
  align-items:start;
  position:relative;
  z-index:1;
}

/* Card */
.ss-ds-card{
  background: rgba(255,255,255,.90);
  border:1px solid rgba(7,23,51,.10);
  border-radius:20px;
  padding:20px 20px;
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
  overflow:hidden;
  position:relative;
}

.ss-ds-card::before{
  content:"";
  position:absolute;
  inset:-40px -40px auto auto;
  width:160px;
  height:160px;
  background: radial-gradient(closest-side, rgba(5,81,229,.18), rgba(5,81,229,0));
  opacity:.75;
}

/* Slight alt tone for right card */
.ss-ds-card-alt{
  background: linear-gradient(180deg, rgba(5,81,229,.06), rgba(255,255,255,.92));
  border-color: rgba(5,81,229,.16);
}

.ss-ds-head{
  margin-bottom:14px;
}

.ss-ds-kicker{
  display:inline-flex;
  align-items:center;
  font-size:13px;
  font-weight:800;
  letter-spacing:.35px;
  text-transform:uppercase;
  color: rgba(7,23,51,.85);
  padding:10px 14px;
  border-radius:999px;
  background: rgba(5,81,229,.08);
  border:1px solid rgba(5,81,229,.14);
}

.ss-ds-head h2{
  margin:12px 0 8px;
  font-size:26px;
  line-height:1.18;
  font-weight:900;
  color:#071733;
}

.ss-ds-head p{
  margin:0;
  font-size:15px;
  line-height:1.7;
  color: rgba(7,23,51,.76);
}

/* Services list */
.ss-ds-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}

.ss-ds-list li{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:12px 12px;
  border-radius:16px;
  background: rgba(5,81,229,.04);
  border:1px solid rgba(5,81,229,.10);
}

.ss-ds-ic{
  width:36px;
  height:36px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(5,81,229,.10);
  border:1px solid rgba(5,81,229,.16);
  flex:0 0 auto;
  margin-top:1px;
}

.ss-ds-ic i{
  color:#0551e5;
  font-size:16px;
}

.ss-ds-list h4{
  margin:0 0 3px;
  font-size:14px;
  font-weight:900;
  color:#071733;
}

.ss-ds-list p{
  margin:0;
  font-size:13.5px;
  line-height:1.6;
  color: rgba(7,23,51,.75);
}

/* Tips layout */
.ss-ds-tips{
  display:grid;
  gap:12px;
}

.ss-ds-tip{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:12px 12px;
  border-radius:16px;
  background: rgba(255,255,255,.78);
  border:1px solid rgba(7,23,51,.10);
}

.ss-ds-ic2{
  width:36px;
  height:36px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.88);
  border:1px solid rgba(7,23,51,.12);
  flex:0 0 auto;
}

.ss-ds-ic2 i{
  color:#0551e5;
  font-size:16px;
}

.ss-ds-tip h4{
  margin:0 0 3px;
  font-size:14px;
  font-weight:900;
  color:#071733;
}

.ss-ds-tip p{
  margin:0;
  font-size:13.5px;
  line-height:1.6;
  color: rgba(7,23,51,.75);
}

/* Callout */
.ss-ds-callout{
  margin-top:14px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px 14px;
  border-radius:18px;
  background: rgba(7,23,51,.04);
  border:1px solid rgba(7,23,51,.10);
}

.ss-ds-callout-ic{
  width:40px;
  height:40px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(5,81,229,.10);
  border:1px solid rgba(5,81,229,.16);
  flex:0 0 auto;
}

.ss-ds-callout-ic i{
  color:#0551e5;
  font-size:16px;
}

.ss-ds-callout-txt{
  font-size:13.5px;
  line-height:1.6;
  color: rgba(7,23,51,.80);
}
.ss-ds-callout-txt strong{
  color:#071733;
  font-weight:900;
}

/* Responsive */
@media (max-width: 992px){
  .ss-domain-services-wrap{
    grid-template-columns: 1fr;
  }
  .ss-ds-head h2{ font-size:24px; }
}

@media (max-width: 640px){
  .ss-domain-services{ padding:46px 0; }
  .ss-ds-card{ padding:16px; border-radius:18px; }
}

/* ===================== DOMAIN vs HOSTING COMPARISON ===================== */
.ss-compare{
  width:100%;
  padding:64px 0;
  position:relative;
  overflow:hidden;
}

.ss-compare::before{
  content:"";
  position:absolute;
  inset:-140px -120px auto -120px;
  height:420px;
  background: radial-gradient(closest-side, rgba(5,81,229,.12), rgba(5,81,229,0));
  pointer-events:none;
}
.ss-compare::after{
  content:"";
  position:absolute;
  right:-180px;
  bottom:-180px;
  width:560px;
  height:560px;
  background: radial-gradient(closest-side, rgba(0,0,0,.06), rgba(0,0,0,0));
  pointer-events:none;
}

.ss-compare-wrap{
  width:100%;
  padding-left: clamp(16px, 3vw, 56px);
  padding-right: clamp(16px, 3vw, 56px);
  position:relative;
  z-index:1;
}

/* Header */
.ss-compare-head{
  margin-bottom:16px;
}
.ss-compare-kicker{
  display:inline-flex;
  align-items:center;
  font-size:13px;
  font-weight:800;
  letter-spacing:.35px;
  text-transform:uppercase;
  color: rgba(7,23,51,.85);
  padding:10px 14px;
  border-radius:999px;
  background: rgba(5,81,229,.08);
  border:1px solid rgba(5,81,229,.14);
}
.ss-compare-head h2{
  margin:12px 0 8px;
  font-size:30px;
  line-height:1.15;
  font-weight:900;
  color:#071733;
}
.ss-compare-head p{
  margin:0;
  font-size:15px;
  line-height:1.7;
  color: rgba(7,23,51,.76);
}

/* Card */
.ss-compare-card{
  background: rgba(255,255,255,.90);
  border:1px solid rgba(7,23,51,.10);
  border-radius:20px;
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
  overflow:hidden;
  position:relative;
}

.ss-compare-card::before{
  content:"";
  position:absolute;
  inset:-40px -40px auto auto;
  width:160px;
  height:160px;
  background: radial-gradient(closest-side, rgba(5,81,229,.18), rgba(5,81,229,0));
  opacity:.70;
}

/* �table� grid */
.ss-compare-table{
  width:100%;
  display:grid;
  gap:0;
}

.ss-row{
  display:grid;
  grid-template-columns: .85fr 1fr 1fr;
  gap:0;
  border-top:1px solid rgba(7,23,51,.08);
}

.ss-row:first-child{
  border-top:none;
}

/* cells */
.ss-cell{
  padding:14px 14px;
  font-size:14px;
  line-height:1.6;
  color: rgba(7,23,51,.78);
  border-right:1px solid rgba(7,23,51,.08);
  background: transparent;
}

.ss-row .ss-cell:last-child{
  border-right:none;
}

.ss-feature{
  font-weight:900;
  color:#071733;
  background: rgba(5,81,229,.04);
}

.ss-head .ss-cell{
  font-size:13px;
  font-weight:900;
  color:#071733;
  background: rgba(7,23,51,.03);
}

/* badges in header columns */
.ss-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  background: rgba(5,81,229,.10);
  border:1px solid rgba(5,81,229,.16);
  color:#071733;
}
.ss-badge i{
  color:#0551e5;
}
.ss-badge-alt{
  background: rgba(7,23,51,.05);
  border-color: rgba(7,23,51,.12);
}
.ss-badge-alt i{
  color:#071733;
}

/* callout */
.ss-compare-callout{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:16px 16px;
  border-top:1px solid rgba(7,23,51,.10);
  background: linear-gradient(180deg, rgba(5,81,229,.05), rgba(255,255,255,.88));
}
.ss-compare-callout-ic{
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(5,81,229,.10);
  border:1px solid rgba(5,81,229,.16);
  flex:0 0 auto;
}
.ss-compare-callout-ic i{
  color:#0551e5;
  font-size:16px;
}
.ss-compare-callout-txt{
  font-size:14px;
  line-height:1.6;
  color: rgba(7,23,51,.80);
}
.ss-compare-callout-txt strong{
  color:#071733;
  font-weight:900;
}

/* Responsive: turn into stacked �cards� rows */
@media (max-width: 820px){
  .ss-row{
    grid-template-columns: 1fr;
  }
  .ss-cell{
    border-right:none;
    border-top:1px solid rgba(7,23,51,.08);
  }
  .ss-row .ss-cell:first-child{
    border-top:none;
  }
  .ss-feature{
    background: rgba(5,81,229,.06);
  }
  .ss-head{
    display:none; /* hide header row on mobile */
  }

  /* add labels for mobile */
  .ss-row{
    padding: 0;
  }
  .ss-row .ss-cell:nth-child(2)::before{
    content:"Domain Registration";
    display:block;
    font-size:12px;
    font-weight:900;
    color: rgba(7,23,51,.70);
    margin-bottom:3px;
    text-transform:uppercase;
    letter-spacing:.25px;
  }
  .ss-row .ss-cell:nth-child(3)::before{
    content:"Web Hosting";
    display:block;
    font-size:12px;
    font-weight:900;
    color: rgba(7,23,51,.70);
    margin-bottom:3px;
    text-transform:uppercase;
    letter-spacing:.25px;
  }
}

@media (max-width: 640px){
  .ss-compare{ padding:46px 0; }
  .ss-compare-head h2{ font-size:24px; }
  .ss-cell{ padding:12px 12px; }
}

/* ================== Popular Domain Extensions (Modern) ================== */
.ss-popular{
  width:100%;
  padding:64px 0;
  position:relative;
  overflow:hidden;
}

.ss-popular::before{
  content:"";
  position:absolute;
  inset:-140px -120px auto -120px;
  height:420px;
  background: radial-gradient(closest-side, rgba(5,81,229,.12), rgba(5,81,229,0));
  pointer-events:none;
}
.ss-popular::after{
  content:"";
  position:absolute;
  right:-180px;
  bottom:-190px;
  width:560px;
  height:560px;
  background: radial-gradient(closest-side, rgba(0,0,0,.06), rgba(0,0,0,0));
  pointer-events:none;
}

.ss-popular-wrap{
  width:100%;
  padding-left: clamp(16px, 3vw, 56px);
  padding-right: clamp(16px, 3vw, 56px);
  position:relative;
  z-index:1;
}

/* header matches your modern sections */
.ss-popular-head{
  margin-bottom:18px;
}
.ss-popular-kicker{
  display:inline-flex;
  align-items:center;
  font-size:13px;
  font-weight:800;
  letter-spacing:.35px;
  text-transform:uppercase;
  color: rgba(7,23,51,.85);
  padding:10px 14px;
  border-radius:999px;
  background: rgba(5,81,229,.08);
  border:1px solid rgba(5,81,229,.14);
}
.ss-popular-head h2{
  margin:12px 0 8px;
  font-size:34px;
  line-height:1.15;
  font-weight:900;
  color:#071733;
}
.ss-popular-head p{
  margin:0;
  font-size:15px;
  line-height:1.7;
  color: rgba(7,23,51,.76);
}

/* Grid */
.ss-popular-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:14px;
}

/* Card */
.ss-pop-card{
  background: rgba(255,255,255,.90);
  border:1px solid rgba(7,23,51,.10);
  border-radius:18px;
  padding:14px 14px;
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
  transition: transform .20s ease, box-shadow .20s ease, border-color .20s ease;
  position:relative;
  overflow:hidden;
  min-height: 120px;
}

.ss-pop-card::before{
  content:"";
  position:absolute;
  inset:-40px -40px auto auto;
  width:140px;
  height:140px;
  background: radial-gradient(closest-side, rgba(5,81,229,.18), rgba(5,81,229,0));
  opacity:.75;
}

.ss-pop-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(0,0,0,.10);
  border-color: rgba(5,81,229,.20);
}

/* top row */
.ss-pop-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.ss-pop-tld{
  display:flex;
  align-items:center;
  gap:10px;
}

.ss-pop-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#0551e5;
  box-shadow: 0 10px 18px rgba(5,81,229,.25);
}

.ss-pop-name{
  font-size:14px;
  font-weight:900;
  letter-spacing:.3px;
  color:#071733;
}

/* arrow button */
.ss-pop-go{
  width:38px;
  height:38px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  background: rgba(5,81,229,.10);
  border:1px solid rgba(5,81,229,.16);
  transition: transform .18s ease, background .18s ease;
}
.ss-pop-go i{
  color:#0551e5;
  font-size:14px;
}
.ss-pop-card:hover .ss-pop-go{
  transform: translateX(2px);
  background: rgba(5,81,229,.14);
}

/* prices */
.ss-pop-prices{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}

.ss-pop-now{
  display:flex;
  align-items:baseline;
  gap:7px;
}
.ss-pop-cur{
  font-size:12px;
  font-weight:900;
  color: rgba(7,23,51,.78);
}
.ss-pop-amt{
  font-size:20px;
  font-weight:900;
  color:#071733;
}

.ss-pop-old{
  font-size:12px;
  font-weight:800;
  color: rgba(7,23,51,.55);
  text-decoration: line-through;
  white-space:nowrap;
}

/* small meta chips */
.ss-pop-meta{
  margin-top:10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.ss-pop-meta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  color: rgba(7,23,51,.78);
  background: rgba(7,23,51,.03);
  border:1px solid rgba(7,23,51,.08);
}
.ss-pop-meta i{
  color:#0551e5;
  font-size:12px;
}

/* Responsive */
@media (max-width: 1100px){
  .ss-popular-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px){
  .ss-popular-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ss-popular-head h2{ font-size:30px; }
}
@media (max-width: 640px){
  .ss-popular{ padding:46px 0; }
  .ss-popular-grid{ grid-template-columns: 1fr; }
  .ss-popular-head h2{ font-size:24px; }
}

/* ================== Common PK Extensions (Modern) ================== */
.ss-pkext{
  width:100%;
  padding:64px 0;
  position:relative;
  overflow:hidden;
}

.ss-pkext::before{
  content:"";
  position:absolute;
  inset:-140px -120px auto -120px;
  height:420px;
  background: radial-gradient(closest-side, rgba(5,81,229,.12), rgba(5,81,229,0));
  pointer-events:none;
}
.ss-pkext::after{
  content:"";
  position:absolute;
  right:-180px;
  bottom:-190px;
  width:560px;
  height:560px;
  background: radial-gradient(closest-side, rgba(0,0,0,.06), rgba(0,0,0,0));
  pointer-events:none;
}

.ss-pkext-wrap{
  width:100%;
  padding-left: clamp(16px, 3vw, 56px);
  padding-right: clamp(16px, 3vw, 56px);
  position:relative;
  z-index:1;
}

/* Header */
.ss-pkext-head{
  margin-bottom:18px;
}
.ss-pkext-kicker{
  display:inline-flex;
  align-items:center;
  font-size:13px;
  font-weight:800;
  letter-spacing:.35px;
  text-transform:uppercase;
  color: rgba(7,23,51,.85);
  padding:10px 14px;
  border-radius:999px;
  background: rgba(5,81,229,.08);
  border:1px solid rgba(5,81,229,.14);
}
.ss-pkext-head h2{
  margin:12px 0 8px;
  font-size:34px;
  line-height:1.15;
  font-weight:900;
  color:#071733;
}
.ss-pkext-head p{
  margin:0;
  font-size:15px;
  line-height:1.7;
  color: rgba(7,23,51,.76);
}

/* Grid */
.ss-pkext-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:14px;
}

/* Card */
.ss-pkext-card{
  background: rgba(255,255,255,.90);
  border:1px solid rgba(7,23,51,.10);
  border-radius:18px;
  padding:14px 14px 16px;
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
  transition: transform .20s ease, box-shadow .20s ease, border-color .20s ease;
  position:relative;
  overflow:hidden;
  min-height: 120px;
}

.ss-pkext-card::before{
  content:"";
  position:absolute;
  inset:-40px -40px auto auto;
  width:140px;
  height:140px;
  background: radial-gradient(closest-side, rgba(5,81,229,.18), rgba(5,81,229,0));
  opacity:.75;
}

.ss-pkext-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(0,0,0,.10);
  border-color: rgba(5,81,229,.20);
}

/* Top badge */
.ss-pkext-top{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:12px;
}

.ss-pkext-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:14px;
  font-size:16px;
  font-weight:900;
  color:#ffffff;
  background: linear-gradient(180deg, #0b5cff, #0448da);
  box-shadow: 0 14px 24px rgba(5,81,229,.20);
  border:1px solid rgba(5,81,229,.25);
  letter-spacing:.2px;
}

/* Text */
.ss-pkext-text{
  margin:0;
  text-align:center;
  font-size:13.5px;
  line-height:1.6;
  font-weight:800;
  color: rgba(7,23,51,.78);
}

/* Responsive */
@media (max-width: 1100px){
  .ss-pkext-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px){
  .ss-pkext-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ss-pkext-head h2{ font-size:30px; }
}
@media (max-width: 640px){
  .ss-pkext{ padding:46px 0; }
  .ss-pkext-grid{ grid-template-columns: 1fr; }
  .ss-pkext-head h2{ font-size:24px; }
}
/* Modern FAQ (V2) � safe: uses new classes, won�t disturb existing .home-faq */
.ss-faq{
  width: 100%;
  float: left;
  padding: 56px 20px;
  background: #f3f6fd;
}

.ss-faq-container{
  width: 100%;
  margin: 0 auto;
}


.ss-faq-head{
  text-align: center;
  margin-bottom: 22px;
}

.ss-faq-kicker{
  display: inline-block;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(5,81,229,0.10);
  color: #0551e5;
  font-size: 13px;
  letter-spacing: .3px;
  font-family: var(--ss-font-heading);
}

.ss-faq-head h2{
  margin-top: 10px;
  font-size: var(--ss-h2);
  line-height: var(--ss-h2-line);
  color: #111;
}

.ss-faq-head p{
  margin: 8px auto 0;
  max-width: 820px;
  font-size: var(--ss-text);
  line-height: var(--ss-line);
  color: var(--ss-muted);
}

.ss-faq-accordion{
  margin-top: 18px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}


/* Card */
.ss-faq-item{
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(255,255,255,0.85);
  border-radius: 16px;
  box-shadow: 0 12px 28px rgba(0,0,0,0.08);
  overflow: hidden;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Remove default marker */
.ss-faq-item summary{
  list-style: none;
}
.ss-faq-item summary::-webkit-details-marker{
  display: none;
}

.ss-faq-accordion{
  align-items: start;              /* IMPORTANT */
  grid-auto-rows: min-content;     /* keeps rows as small as needed */
}

.ss-faq-item{
  height: auto;                    /* make sure it doesn't stretch */
  align-self: start;               /* extra safety */
}

.ss-faq-q{
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 18px;
  font-family: var(--ss-font-heading);
  color: #111;
}

.ss-faq-q span{
  font-size: var(--ss-h4);
  line-height: var(--ss-h4-line);
}

.ss-faq-ico{
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(5,81,229,0.10);
  color: #0551e5;
  font-size: 16px;
  transition: transform .18s ease, background .18s ease;
}

/* Open state */
.ss-faq-item[open] .ss-faq-ico{
  transform: rotate(45deg);
  background: rgba(5,81,229,0.14);
}

.ss-faq-a{
  padding: 0 18px 18px;
}

.ss-faq-a p{
  font-size: var(--ss-text);
  line-height: var(--ss-line);
  color: #333;
}

.ss-faq-a a{
  font-family: inherit;
  text-decoration: none;
  border-bottom: 1px dashed rgba(5,81,229,0.45);
}

.ss-faq-a a:hover{
  border-bottom-color: rgba(5,81,229,0.85);
}

/* Footer button */
.ss-faq-foot{
  text-align: center;
  margin-top: 18px;
}

.ss-faq-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 12px;
  background: #0551e5;
  color: #fff;
  font-size: 15px;
  font-family: var(--ss-font-heading);
  box-shadow: 0 10px 22px rgba(5,81,229,0.22);
  transition: transform .18s ease, box-shadow .18s ease;
}

.ss-faq-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(5,81,229,0.28);
}

/* Responsive */
@media (max-width: 768px){
  .ss-faq{ padding: 42px 15px; }
  .ss-faq-q{ padding: 16px 14px; }
  .ss-faq-a{ padding: 0 14px 16px; }
  .ss-faq-q span{
    font-size: 16px;
    line-height: 24px;
  }
  .ss-faq-ico{
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 10px;
  }
  .ss-faq-container{
    padding: 0 16px;
  }
}

@media (max-width: 992px){
  .ss-faq-accordion{
    grid-template-columns: 1fr;
  }
}
/* Icon button */
.ss-faq-ico{
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #eaf0ff;     /* closed bg */
  color: #0551e5;          /* closed icon color */
  position: relative;
  transition: background .18s ease, transform .18s ease, color .18s ease;
}

/* Draw + using CSS (no fontawesome needed) */
.ss-faq-ico::before,
.ss-faq-ico::after{
  content: "";
  position: absolute;
  width: 16px;
  height: 2px;
  background: currentColor;
  border-radius: 3px;
}

.ss-faq-ico::after{
  transform: rotate(90deg);
}

/* Open state => becomes "-" + bg change */
.ss-faq-item[open] .ss-faq-ico{
  background: #0551e5;  /* open bg */
  color: #ffffff;       /* open icon color */
  transform: translateY(-1px);
}

.ss-faq-item[open] .ss-faq-ico::after{
  transform: rotate(0deg);  /* removes vertical line => minus */
  opacity: 0;
}