@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/* Reset CSS */
* {padding:0rem; margin:0rem;}
*:focus {outline: 0;}
html, body{ overflow-x:hidden; font-size: 16px;}
body{ margin:0; padding:0; color: #1a1a1a; font-family: 'DM Sans', sans-serif; background: #F6F9FF;}
ol, ul {list-style: none; margin:0; padding:0;}
:focus {outline: 0;}
a, a:link {text-decoration: none; outline:none;}
p { padding:1.25rem 0 0 0; margin:0; font-size: 0.9375rem;}
.clear {clear:both;}
a { text-decoration:none;}
a:hover {text-decoration:none;}
a:focus{outline:none !important;}
:hover{transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:700;}
img {border:0; max-width:100%; height:auto;}
::-webkit-input-placeholder {opacity:1; color: #A4A4A4;}
:-moz-placeholder{opacity:1; color: #A4A4A4;}
::-moz-placeholder{opacity:1; color: #A4A4A4;}
:-ms-input-placeholder{opacity:1; color: #A4A4A4;} 
/* Reset CSS */

/* Color Variable */ 
:root {
  --primary: #d10101;
  --grey: #787878;
  --white: #FFFFFF;
}
/* Color Variable */

h2{ font-size: 2.5rem;}
h2 span{ color: var(--primary);}

.container{ max-width: 85rem !important;}

.link-btn{ display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(to right,  #ff1f22 0%,#d10101 100%) !important; color: var(--white); border-radius: 3.125rem; padding: 0.5rem 1.875rem; transition: all 0.5s ease; gap: 0.5rem; border: 0.0625rem solid #ff1f22;}
.link-btn:hover{ opacity: 0.8;}
.link-btn.full{ width: 100%;}
.link-btn.bdr{ background: #FFF !important; color: var(--primary);}
.bi::before, [class*=" bi-"]::before, [class^=bi-]::before{ font-weight: 500 !important;}
.banner-wrap{  position: relative; background: url('../images/hero-image.jpg') right center no-repeat; background-size: cover;}
.banner{ position: relative; z-index: 2;}

.header-wrap{ background: var(--white); position: relative; z-index: 999; border-bottom: 0.0625rem solid #ededed;} 
.banner-text{ padding-left: 1.25rem;}
.search-area{ padding: 1.5625rem 0; background: #FFF;}
.search-area p{ padding: 0 4.625rem 0 0; display: inline-block; position: relative; text-align: right;}
.search-area p span{ display: inline-flex; background: #ffe2e2; padding: 0rem 0.375rem; border-radius: 0.3125rem;}
.search-area p i{ position: absolute; right: 0; top: 0; font-size: 1.875rem; color: var(--primary);}
.red{ color: var(--primary);}
.search-area p span.ca-logo{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 0.5625rem 0.5rem; border-radius: 0.625rem; background: #ebebeb;}
.search-area p span.ca-logo img{ width: 3.125rem;}

.header{ height: 5rem; display: flex; align-items: center; justify-content: space-between; }
.logo{ width: 11.1875rem;}

.header-left{ display: flex; align-items: center;}

.header-top{ display: flex; align-items: center; justify-content: space-between; font-size: 0.875rem; height: 3.75rem; transition: all 0.5s ease;}
.header-top-left{ display: flex; align-items: center; gap: 2.1875rem;}
.info{ display: flex; align-items: center; gap: 0.3125rem; font-weight: 500; color: var(--primary); background: rgba(255,255,255,0.7); border-radius: 3.125rem; padding: 0.3125rem 0.5rem;}

.start-btn{ display: flex; align-items: center; gap: 1.25rem; margin-top: 1.25rem;}

.header-top-right{ display: flex; align-items: center; gap: 1.875rem;}

.phone{ display: flex; align-items: center; gap: 0.3125rem; font-weight: 600; font-size: 0.875rem;}
.phone i{ font-size: 1.0625rem;}

.dropdown-style button{ border: none; background: none;}
.dropdown-style button:focus{ outline: 0;}
.cart-item .dropdown-toggle::after{ display: none;}
.cart-item button{ position: relative;}
.cart-item button i{ font-size: 1.25rem;}

.dropdown-style .dropdown-menu{ border: none; width: 18.75rem; left: inherit !important; right: 0 !important; padding: 0.9375rem; border-radius: 0.625rem; border: 0.0625rem solid #ffd7d7; border-bottom: 0.3125rem solid #ffd7d7; }

.cart-number{ position: absolute; right: -0.5rem; top: -0.5rem; font-size: 0.6875rem; background: var(--primary); border-radius: 100%; width: 1.25rem; height: 1.25rem; color: #FFF; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.cartList{ font-size: 0.875rem; margin: 0.9375rem 0; margin-top: 0.4375rem;}
.cartList li{ display: flex; align-items: center; justify-content: space-between; border-bottom: 0.0625rem solid #f1f1f1; padding: 0.5rem 0;}
.cartList li:last-child{ background: #f7f7f7; border: none; margin-top: 0.625rem; border-radius: 0.3125rem; padding: 0.5rem;}
.cartList li span + span{ font-weight: 600; font-size: 0.8125rem;}
.cart-item h6{ background: #fff6f6; padding: 0.625rem;  border-radius: 0.3125rem; color: var(--primary); font-weight: 500; display: flex; align-items: center; gap: 0.375rem;}
.cart-item h6 i{ font-size: 1.25rem;}

.top-nav > ul{ display: flex; align-items: center; gap: 0.9375rem;}
.top-nav > ul > li{ position: relative; display: inline-block;}
.top-nav > ul > li > a{ color: #FFF; font-weight: 500; font-size: 0.9375rem; background: linear-gradient(to right, #ff1f22 0%,#d10101 100%); padding: 0.4375rem 0.9375rem; border-radius: 3.125rem; transition: all 0.5s ease; display: inline-block; cursor: pointer; }
.top-nav > ul > li > a:hover{ color: #FFF; opacity: 0.5;}
.top-nav > ul > li > a.alt{ background: none; border: 0.0625rem solid var(--primary); color: var(--primary);}
.top-nav > ul > li > a.alt:hover{ border: 0.0625rem solid var(--primary);}

.top-nav > ul > li > ul{ position: absolute; z-index: 2; right: 0; top: 100%; width: 25rem; padding:1.25rem 0.9375rem; border-radius: 0.625rem; background: var(--white); border: 0.0625rem solid #ffd7d7; opacity: 0; visibility: hidden; transition: all 0.5s ease; }
.top-nav > ul > li > ul > li{ margin-top: 1.25rem;}
.top-nav > ul > li > ul > li:first-child{ margin-top: 0;}
.top-nav > ul > li > ul > li > a{ display: flex; align-items: flex-start; gap: 0.9375rem;}
.top-nav > ul > li > ul > li > a:hover{ opacity: 0.7;}
.top-nav > ul > li > ul.aboutMenu{ width: 18.75rem;}

.top-nav > ul > li:hover > ul{ opacity: 1; visibility: visible;}
.nav-icon{ line-height: 1.125rem;}
.top-nav ul .bi-telephone, .top-nav ul .bi-journal-text{ font-size: 1.25rem;}

.sitenav{ padding-left: 3.75rem;}
.sitenav > ul{ display: flex; align-items: center; gap: 2.5rem;}
.sitenav > ul > li{ position: relative; display: flex; align-items: center; flex-direction: row-reverse; gap: 0.25rem; }
.sitenav > ul > li > a{ color: #343434; font-weight: 500; height: 3.75rem; display: inline-flex; align-items: center; font-size: 1rem;}
.sitenav > ul > li:hover > a{ color: var(--primary);}
.sitenav > ul > li > a.active{ color: var(--primary);}

.sitenav > ul > li > ul{ position: absolute; z-index: 2; left: 0; top: 100%; width: 25rem; padding:1.25rem 0.9375rem; border-radius: 0.625rem; background: var(--white); border: 0.0625rem solid #ffd7d7; opacity: 0; visibility: hidden; transition: all 0.5s ease; }
.sitenav > ul > li > ul > li{ margin-top: 1.25rem;}
.sitenav > ul > li > ul > li:first-child{ margin-top: 0;}
.sitenav > ul > li > ul > li > a{ display: flex; align-items: flex-start; gap: 0.9375rem;}
.sitenav > ul > li > ul > li > a:hover{ opacity: 0.7;}
.nav-txt{ display: inline-block; line-height: 1.125rem; font-size: 0.875rem; color: #898989;}
.nav-txt strong{ color: #343434;}
.nav-icon i{ font-size: 1.375rem; line-height: 1.25rem; color: #ff6464;}

.sitenav > ul > li:hover > ul{ opacity: 1; visibility: visible;}

.sitenav > ul > li > ul.link-small{ width: 12.5rem;}
.sitenav > ul > li > ul.link-small > li{ margin-top: 0.625rem;}
.sitenav > ul > li > ul.link-small > li:first-child{ margin-top: 0;}
/* .sitenav > ul > li:last-child > ul{ left: inherit; right: 0;} */
.sitenav > ul > li > ul.link-small > li > a{ font-size: 0.875rem; font-weight: 600; color: #343434;}

.sitenav > ul > li > ul.aboutMenu{ width: 19.75rem;}

.subDropAlt{ line-height: 1rem;}
.sitenav > ul > li:hover .subDropAlt{ color: var(--primary);}
.subDropAlt i{ font-size: 0.875rem; }

.banner .row{ height: 31.875rem;}
.domain-search-outer{ padding: 0.125rem; background: linear-gradient(to right, #ff1f238c 0%,#d101019c 100%); border-radius: 6.25rem;}
.domain-search{ position: relative;}
.search-inp{ width: 100%; background: var(--white); border-radius: 3.125rem; height: 3.125rem; border: none; font-size: 1rem; padding: 0.625rem 1.875rem;}
.search-btn{ background: linear-gradient(to right,  #ff1f22 0%,#d10101 100%);  color: var(--white); border: none; border-radius: 3.125rem; position: absolute; right: 0.3125rem; top: 0.3125rem; font-size: 1.125rem; height: 2.5rem; display: inline-flex; align-items: center; justify-content: center; padding: 0 1.875rem;}
.banner-text p{ padding: 0;}
.banner-text p span{ color: var(--primary);}
.banner-text h1{ font-weight: 700; padding: 0 3rem 0 0;}
.banner-text h1 span{ font-weight: 700;}

.banner-text h3{ margin-top: 1.5625rem; font-weight: 400;}
.banner-text h3 span{ color: var(--primary); font-weight: 700;}
.banner-text h3 img{ width: 2.8125rem;}
.banner-text h5{ margin-top: 0.75rem; font-weight: 400;}
.banner-text h5 span{ color:var(--primary); font-weight: 700;}
.banner-text h5 img{ width: 2.5rem;}

.banner-text h2{ font-size: 1.875rem; padding: 1.875rem 0 0 0;}
.banner-text h2 sup{ font-weight: 400; font-size: 1.25rem; top: -1.25rem;}
.banner-text h2 sub{ font-weight: 400; font-size: 0.875rem;}

.banner-text ul{ padding-top: 0.9375rem;}
.banner-text ul li{ font-size: 0.9375rem; font-weight: 600; margin-top: 0.3125rem; display: flex; align-items: center; gap: 0.625rem;}
.banner-text ul li i{ color: #ff3c5a;}

.hero-img {text-align: right;}
.hero-img{ position: relative; position: absolute; right: 0; bottom: 0; width: 25rem;}
.hero-box{ position: absolute; right: -1.875rem; bottom: 0; background: #FFF; padding: 0.625rem; border-radius: 0.625rem; box-shadow: 0 0 0.625rem 0 #e9f0ff; width: 15.625rem; text-align: left; border-left: 0.125rem solid var(--primary); border-bottom: 0.125rem solid var(--primary); display: flex; align-items: center; gap: 0.9375rem;}
.hero-box p{ font-weight: 500; font-size: 0.875rem; line-height: 1.125rem;}

.pricing-wrap{ padding: 3.75rem 0; background: #FFF;}
.pricing-block{ background: var(--white); padding: 1.875rem; border-radius: 0.625rem; box-shadow: 0 0 0.625rem 0 #ededed; position: relative; transition: all 0.5s ease; border: 0.0625rem solid var(--primary);}
/* .pricing-block:hover{ box-shadow: 0 0 1.875rem 0 #ededed; transform: translateY(-0.9375rem);} */
.pricing-block h4{ font-weight: 400; font-size: 0.875rem; text-align: center; margin: 1.875rem 0 0.375rem 0; color: #a9a9a9; font-weight: 300;}
.pricing-block h3{ font-size: 2.5rem; text-align: center;}
.pricing-block h3 sup{ font-weight: 400; font-size: 1.25rem; top: -1.25rem;}
.pricing-block h3 sub{ font-weight: 400; font-size: 0.875rem;}

.price-group{ display: flex; align-items: center; justify-content: center;}

.pricing-block ul{ padding: 1.875rem 0;}
.pricing-block ul li{ position: relative; margin-top: 0.625rem; padding: 0 0 0 1.4375rem;}
.pricing-block ul li span{ position: absolute; left: 0; top: 0; color: var(--primary);}
.pricing-block ul li span i{ font-size: 1.125rem;}
.pricing-block ul li:first-child{ margin-top: 0;}
.btn-group{ display: flex; align-items: center; gap: 0.9375rem;}

.pricing-block h6{ font-size: 1.375rem; color: var(--primary);}

.pricing-block.popular{ border: 0.125rem solid var(--primary);}
.popular-tag{ position: absolute; display: inline-block; top: 0; left: 50%; transform: translateX(-50%); background: #ff4e4e; border-radius: 3.125rem; padding: 0.3rem 1.5625rem; font-weight: 700; color: var(--white); top: -1.25rem; text-align: center;}

.award-wrap{ padding: 4.75rem 0; background: var(--white);}
.award p{ padding: 1.875rem 0 0 0;}
.award-block{ display: inline-flex; align-items: center; justify-content: center; background: var(--white); padding: 0.9375rem; border-radius: 1.25rem; box-shadow: 0 0 0.625rem 0 #e9f0ff; min-height: 20rem; border-right: 0.3125rem solid #edf2fa; border-bottom: 0.3125rem solid #edf2fa;}
.award-left{ display: flex; align-items: center; justify-content: center;}
.award-block.first{ transform: translate(-0.75rem, -1.5625rem);}
.award-block.second{ transform: translate(-1.375rem, 1.5rem); }

.why-wrap{ padding: 3.125rem 0; background: url('../images/server2.png') right bottom no-repeat #FFF;}
.text-block{ padding: 1.5625rem; background: var(--white);box-shadow: 0 0 0.625rem 0 #e9f0ff; border-radius: 0.625rem; height: 100%; border: 0.0625rem solid #e7e7e7;}
.text-block-icon-wrap{ display: flex; align-items: center; gap: 0.625rem;}
.text-block-icon-wrap .text-block-icon{ width: 6.875rem;}
.text-block h5{ padding-top: 1.875rem;}
.text-block p{ padding: 1.25rem 0 0 0;}
.why-left [class*='col-']{ margin-top: 1.875rem;}

.infobar-wrap{ position: fixed; width: 100%; left: 0; bottom: 0; z-index: 9; transition: all 0.5s ease;}
.infobar-wrap.fixed{ opacity: 0; visibility: hidden; bottom: -1.875rem;}
.infobar{ background: #FFF; padding: 0 1.875rem; border-top-left-radius: 0.9375rem; border-top-right-radius: 0.9375rem; height: 3.75rem; box-shadow: 0 0 0.625rem 0 #e9f0ff; display: flex; align-items: center; justify-content: space-between; border: 0.0625rem solid #ffe7e7; border-bottom: 0;}
.infobar p{ padding: 0;}
.infobar-left{ display: flex; align-items: center; gap: 0.9375rem;}
.infobar-left img{ width: 2.75rem;}
.infobar-right{ display: flex; align-items: center; gap: 0.9375rem;}
.infobar-right p{ color: var(--primary); font-weight: 500;}

.energy-wrap{ padding: 3.5rem 0; background: linear-gradient(90deg, hsla(230, 100%, 98%, 1) 0%, hsla(0, 100%, 99%, 1) 48%, hsla(230, 100%, 98%, 1) 100%);}
.energy-left{ padding-left: 2.5rem;}
.proud-wrap{ padding: 4.375rem 0; background: url('../images/leaf.png') left bottom no-repeat #FFF;}
.proud-box{ padding: 1.5625rem; background: var(--white); border-radius: 0.625rem; display: flex; align-items: flex-start; gap: 0.3125rem; margin-top: 0.9375rem; box-shadow: 0 0 0.625rem 0 #e9f0ff; border: 0.0625rem solid #e9f0ff; }
.proud-box:first-child{ margin-top: 0;}
.proud-box-icon{ width: 3.125rem;}
.proud-box-txt{ width: calc(100% - 3.125rem); padding-left: 1rem;}
.proud-box-txt p{ padding-top: 0.25rem;}
.proud-left{ padding-right: 2.5rem;}

.feature-blog-wrap{ padding: 4.375rem 0; background: #FFF;}
.blog-single{ padding: 1.25rem; background: var(--white); box-shadow: 0 0 0.625rem 0 #e9f0ff; border-radius: 0.625rem; margin-top: 1.875rem;}
.blog-single h5{ padding-top: 1.875rem;}
.blog-single p{ display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;}
.blog-single p.post-date{ display: flex; align-items: center; color: #818181; gap: 0.5rem;}
.blog-single p.post-date i{ color: var(--primary);}
.blog-img{ border-radius: 0.625rem; overflow: hidden; height: 12.8125rem;}
.blog-img img{ width: 100%; height: 100%; object-fit: cover;}
.feature-blog h2{ padding-bottom: 1.875rem;}

.clients-wrap{ padding: 6.25rem 0; padding-top: 4.375rem; background: linear-gradient(90deg, hsla(230, 100%, 98%, 1) 0%, hsla(0, 100%, 99%, 1) 48%, hsla(230, 100%, 98%, 1) 100%);}
.client-carousel .item{ background: #FFF; border-radius: 0.625rem; height: 5rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0.625rem 0 #e9f0ff;}
.clients h2{ padding-bottom: 3.125rem;}
.client-carousel .item img{ display: inline-block; width: auto !important; max-width: 100%; max-height: 3.125rem;}
.client-carousel .owl-dots{ text-align: center; padding-top: 1.875rem;}
.client-carousel .owl-dots .owl-dot{ width: 0.625rem; height: 0.625rem; border-radius: 3.125rem; background: #dceaff; margin: 0 0.3125rem;}
.client-carousel .owl-dots .owl-dot.active{ background: #618ac7;}
.client-carousel .owl-dots .owl-dot:focus{ outline: 0;}

.client-carousel ul{ display: flex; align-items: center; justify-content: center; margin: 0 -0.5rem; flex-wrap: wrap; margin-top: 2.5rem;}
.client-carousel ul li{ width: 20%; padding: 0 0.5rem; margin-top: 1rem;}

.footer-wrap{ padding: 4.375rem 0; padding-bottom: 3.125rem; background: #121319; color: #696C80; position: relative;}
.footer-wrap::after{ content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: -1.5625rem; width: 37.5rem; height: 3.125rem; background: #fef9fa; border-radius: 3.125rem; opacity: 0;}
.footer-top{ display: flex; justify-content: space-between;}
.footer-logo{ width: 11rem; background: #FFF; padding: 0.9375rem; border-radius: 0.625rem; padding: 0.375rem 0.9375rem;}
.footer-social{ display: flex; align-items: center; gap: 0.625rem; padding: 0.625rem 0 0 0;}
.footer-social a{ color: #696C80; font-size: 1.125rem;}

.footer-left{width: 25rem;}
.footer-right{ width: calc(100% - 25rem); display: flex; align-items: flex-start; justify-content: space-between;}
.footer-single h6{ color: #FFF; font-weight: 400;}
.footer-link{ padding-top: 0.9375rem;}
.footer-link li{ margin-top: 0.625rem;}
.footer-link li a{ color: #696C80; font-size: 0.875rem;}
.footer-link li a:hover{ color: #FFF;}

.footer-bottom{ border-top: 0.0625rem solid #20222c; margin-top: 3.125rem; padding-top: 1.5625rem;}
.footer-bottom{ display: flex; align-items: center; justify-content: space-between;}
.footer-bottom-left ul{ display: flex; align-items: center; gap: 0.9375rem;}
.footer-bottom-left h6{ color: #FFF; font-weight: 400;}
.footer-bottom-left ul li a{ color: #696C80;}
.footer-bottom-left ul li a:hover{ color: #FFF;}

.footer-copy{ text-align: center; border-top: 0.0625rem solid #20222c; margin-top: 1.5625rem; padding-top: 1.5625rem;}


.mobClick { display: none; width: 1.5rem; height: 1rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; left: 0.9375rem; top: 1.125rem; z-index: 999; margin: 0; position: static !important;}
.mobClick span { position: absolute; opacity: 1; left: 0; width: 1.5rem; height: 2px; background: var(--primary); display: block; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.mobClick span:nth-child(2) { top: 0.4375rem;}
.mobClick span:nth-child(3) { top: 0.875rem;}
.mobClick.open span:nth-child(1) { top: 0.4375rem; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.mobClick.open span:nth-child(2) { opacity: 0; left: -1.25rem;}
.mobClick.open span:nth-child(3) { top: 0.4375rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}

.highlight-single{ background: #FFF; padding: 1.25rem; border-radius: 0.625rem; border: 0.0625rem solid #ffb0b0; height: 100%; }
.highlight-single > div{ width: 2.8125rem;}
.highlight-single p{ padding-top: 0.3125rem;}
.service-highlight [class*='col-']{ margin-top: 3.125rem;}
.service-highlight h5{ padding-top: 0.75rem;}

.review-section{ padding: 3.125rem 0; background: linear-gradient(90deg, hsla(230, 100%, 98%, 1) 0%, hsla(0, 100%, 99%, 1) 48%, hsla(230, 100%, 98%, 1) 100%);}
.review-section .item{ background: #FFF; padding: 1.5rem; border-radius: 0.625rem; border: 0.0625rem solid #e8e7ff;}
.review-section .item h5{ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.review-section .owl-carousel .owl-stage-outer{ overflow: unset;}
.review-section .owl-item{ opacity: 0.4;}
.review-section .owl-item.active{ opacity: 1;}
.review h2{ padding-bottom: 1.875rem; text-align: center;}
.review h6{ padding-top: 0.8rem;}
.ratings{ color: #00b67b; padding-top: 1rem;}
.ratings-hostreview{ color: #05396B; padding-top: 1rem;}
.review-section p{ display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}

.trustpilot-wrap{ display: flex; align-items: center; gap: 1.25rem;}

.trustpilot-logo{ width: 8rem; padding-bottom:7px;}
.trustpilot-review{ margin-top: 0.625rem; display: flex; align-items: center; gap: 0.625rem;}
.trustpilot-review img{ width: 8.4375rem;}

.hostreview-logo{ width: 10rem; background: #05396B; padding:7px; border-radius: 10px;}
.hostreview-review{ margin-top: 0.625rem; display: flex; align-items: center; gap: 0.3rem;}
.hostreview-review img{ height: 1.6rem;}

.customer-success{ padding: 4.375rem 0; background: linear-gradient(90deg, hsla(230, 100%, 98%, 1) 0%, hsla(0, 100%, 99%, 1) 48%, hsla(230, 100%, 98%, 1) 100%);}
.customer-success h2{ padding-bottom: 3.125rem;}
.customer-success h5{ padding-top: 1.25rem;}
.customer-success .owl-carousel .owl-stage-outer{ overflow: unset;}
.customer-success .owl-item{ opacity: 0.4;}
.customer-success .owl-item.active{ opacity: 1;}
.story-img{ height: 15.625rem; overflow: hidden; border-radius: 0.625rem;}
.story-img img{ width: 100%; height: 100%; object-fit: cover;}
.customer-success p{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.client-carousel .item.size-sm img{ max-height: 1.875rem;}
.client-carousel .item.size-2 img{ max-height: 2.5rem;}

.off{ position: absolute; right: 100%; bottom: 12.5rem; background: #ae031c; color: #FFF; font-weight: 700; text-align: center;}
.off span{ font-weight: 400;}

.deal{ position: absolute; right: 16.25rem; bottom: 15.3125rem; background: #FFF; border-radius: 0.625rem; width: 9.0625rem; padding: 0.625rem 0.9375rem; text-align: left; box-shadow: 0 0 1.25rem 0 #ff92a2; border: 0.0625rem solid #ffb1bc; border-right: 0.1875rem solid var(--primary); border-bottom: 0.1875rem solid var(--primary);}
.deal.alt{ bottom: 1.875rem; width: 12.5rem;}
.deal p{ margin: 0; padding: 0; line-height: 1.25rem; font-weight: 500;}
.deal p span{ font-weight: 700; color: var(--primary);}



/* Domains */
.tld-wrap{ padding: 2.375rem 0; background: #FFF;}
.tld-list{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0 -0.75rem;}
.tld-list li{ width: 15%; padding: 0 0.75rem;}
.tld-list-single{ text-align: center; margin-top: 1.5rem; border-radius: 0.3125rem; border: 0.0625rem solid #efefef; display: flex; align-items: center; justify-content: center; height: 5rem;}
.tld-list-single img{ display: inline-block !important; width: auto !important; max-width: 100% !important;}
.tld-list-single.alt img{ max-width: 120px !important; max-height: 50px !important;}

.text-right{ padding: 4.375rem 0; padding-left: 2.5rem; }
.text-left{ padding-right: 2.5rem;}
.domain-feature-wrap{ padding: 4.375rem 0; background: #FFF;}
.proud-box.full{ display: block; height: 100%; margin: 0;}
.boxIcon{ margin-bottom: 1.875rem;}
.boxIcon img{ max-height: 4.125rem;}
.domain-feature [class*='col-']{ margin-top: 1.5rem;}
.domain-feature h2{ padding-bottom: 1.25rem;}
.compare-wrap{ padding: 4.375rem 0;}
.theme-table{ margin: 0;}
.theme-table tr td, .theme-table tr th{ text-align: center; vertical-align: middle; padding: 1.5625rem;}
.theme-table tr td{ background: rgba(255,255,255,0.2);}
.compare-table{ border-radius: 0.625rem;}
.compare-table tr th:first-child{ border-top-left-radius: 0.625rem; }
.compare-table tr th:last-child{ border-top-right-radius: 0.625rem;}
.compare-table tr td:first-child, .compare-table tr th:first-child{ text-align: left;}
.compare h2{ padding-bottom: 3rem;}
.compare-table i{ font-size: 1.375rem;}
.compare-table .bi-check-circle{ color: #00c100;}
.compare-table .bi-x-circle{ color: red;}
.label-1 th{ background: #23373d; color: #FFF;}
.label-2 th{ background: #f5f4e1; font-weight: 400; border-radius: 0 !important;}
.standard-featres-wrap{ padding: 4.375rem 0; background: #696e8a;}
/* .standard-featres{ color: #FFF;} */
.standard-featres-single{ background: #FFF; color: #000; padding: 1.5rem; border-radius: 0.3rem; height: 100%; border-bottom: 0.1rem solid #dfeef5; border-right: 0.1rem solid #dfeef5;}
.standard-featres-single ul{ padding-top: 0.9375rem;}
.standard-featres-single ul li{ font-size: 0.9375rem; margin-top: 0.5rem; position: relative; padding: 0 0 0 1.5rem;}
.standard-featres-single ul li span{ position: absolute; left: 0; top: 0; line-height: 1.125rem;}
.standard-featres [class*='col-']{ margin-top: 1.875rem;}
p a{ color: var(--primary);}
.standard-featres-single i{ color: var(--primary); font-size: 1.125rem;}
.standard-featres-single h5{ padding-top: 1.25rem;}

.faq-wrap{ padding: 4.375rem 0; background: #FFF;}
.faq h2{ padding-bottom: 3.5625rem;}
.faq .accordion-item { padding: 0; border: none !important; border-radius: 0.5rem;  margin-top: 1.5rem; background: #FFF; border: 0.0625rem solid #d9deff !important; overflow: hidden;}
.faq .accordion-button{ position: relative; background: none !important; border: none !important; border-radius: 0 !important; padding: 1.5rem 4.375rem 1.5rem 1.5rem !important; font-size: 1rem; font-weight: 600; color: #4d569b !important; box-shadow: none !important; background: linear-gradient(90deg, rgb(99 153 255 / 14%) 0%, rgb(43 15 255 / 0%) 100%) !important;}
.faq .accordion-button:focus{ outline: 0 !important; box-shadow: none !important;}
.faq .accordion-body{ padding: 1.5rem; color: #000;}
.faq .accordion-body p{ line-height: 1.55rem; padding: 1rem 0 0 0;}
.faq .accordion-body p:first-child{ padding-top: 0;}
.faq .accordion-button::after{ content: ''; width: 1.125rem; height: 1.125rem; background: url('../images/down-arrow.png') no-repeat center center !important; position: absolute; right: 1.5rem; top: 1.5rem;}
.faq .accordion-button:not(.collapsed)::after{ background: url('../images/down-arrow.png') no-repeat center center !important;}
.faq .accordion-button:not(.collapsed){ background: rgb(95 155 185 / 9%) !important;}

.inner-banner-wrap{ background-repeat: no-repeat; background-size: cover; padding: 3rem 0;}
.inner-banner{ display: flex; align-items: center; justify-content: center; flex-direction: column; padding-top: 1rem;}
.inner-banner ul{ display: flex; align-items: center; justify-content: center; gap: 0.9375rem;}
.inner-banner ul li{ background: #FFF; border: 0.0625rem solid var(--primary); border-radius: 3.125rem; font-size: 0.9375rem; display: inline-flex; align-items: center; gap: 0.5rem; font-weight: 500; padding: 0.3125rem 0.9375rem; margin: 0.9375rem 0 0 0;}
.inner-banner ul li i{ color: var(--primary);}

.domain-search-banner{ width: 100%;}
.inner-banner-wrap .search-area{ background: none; padding: 0;}
.inner-banner-wrap .search-area p{ font-size: 1.4rem;}
.inner-banner-wrap .col-12{ display: flex; align-items: center; justify-content: center; margin-top: 25px;}
.diff{ display: inline-block; background: #ff5454; border-radius: 50px; color: #FFF; padding: 0 15px;}
.rounded-image{ height: 100%;}
.rounded-image img{ width: 100%; height: 100%; object-fit: cover; border-radius: 15px;}
/* Domains */


/* Web Hosting */
.inner-banner-wrap .pricing{ margin-top: 1.875rem; padding: 0 6.25rem;}
.purchase-offer{ padding: 1.5625rem 0; text-align: center;}

.purchase-offer-main{ display: flex; align-items: center; justify-content: center; gap: 0.625rem; background: rgba(255,255,255,0.9); backdrop-filter: blur(0.2rem); border-radius: 0.625rem; padding: 0.625rem 0.9375rem;}

.purchase-offer-main img{ max-width: 1.875rem;}
.purchase-offer-main h6{ font-weight: 700; color: var(--primary); font-weight: 500;}
.purchase-offer-main h6 span{ display: inline-block; background: var(--primary); padding: 0.125rem 0.5625rem; border-radius: 3.125rem; color: #FFF; font-weight: 400;}
.bg-white{ background: #FFF;}

.text-block-wrap.alt{ padding: 4.375rem 0;}
.text-block-wrap.alt .rounded-image{ height: auto;}

.text-block-wrap.alt .text-right{ padding-top: 0; padding-bottom: 0;}
.packages-wrap{ background: #797dff1a; padding: 3.375rem 0;}
.packages h5{ font-weight: 400; padding: 0.3125rem 0 0 0;}
.packages ul{ display: flex; align-items: center; flex-wrap: wrap; margin: 0 -0.3125rem; padding: 0.9375rem 0 0 0;}
.packages ul li{ padding: 0 0.3125rem; margin: 0.75rem 0; width: 16.6%; text-align: center;}
.packages ul li.full{ width: 100%;}
.packages-single p{ font-weight: 600; padding: 0.5rem 0 0 0; font-size: 0.8125rem;}
.packages-img{ background: #FFF; height: 5.625rem; display: flex; align-items: center; justify-content: center; border-radius: 0.625rem; overflow: hidden;}
.packages-img img{ max-height: 3.4375rem;}

.packages ul li.full .packages-img img{ width: 100%; height: auto; max-height: unset;}

table .link-btn{ padding-top: 0; padding-bottom: 0;}
.theme-table tr td.bg-yellow{ background: #fffeed;}
table tr th.dark{ background: #75909e;}
.tld-wrap h6{ font-weight: 400; padding-top: 0.3125rem;}
.domain-feature-wrap.bg-color{ background: linear-gradient(90deg, rgb(129 255 221 / 9%) -0.52%, rgb(0 41 255 / 0%) 49.23%, rgb(15 197 255 / 4%) 100%);}

h1.large{ font-size: 4rem;}
.inner-banner-wrap .pricing-block h6{ font-size: 1.8rem; padding-top: 1rem;}
.inner-banner-wrap .pricing-block h3{ font-size: 2rem; padding-top: 0;}
.inner-banner-wrap .pricing-block h3 sup{ top: -1rem;}
.award-block{ width: 11.25rem; min-height: 10rem;}
.award-block img{ max-width: 9.375rem;}

.incl-price{ display: inline-block; color: var(--primary); font-weight: 500; margin-top: 1rem;}
.purchase-offer-outer{ margin-top: 1.875rem; display: flex; align-items: center; justify-content: center;}
.form-control{ appearance: auto !important;}

.standard-featres-wrap.alt{ background: #FFF;}
.standard-featres-wrap.alt .standard-featres{ color: #1a1a1a;}
.standard-featres-wrap.alt .standard-featres-single{ box-shadow: 0 0 0.625rem 0 #e9f0ff;}
.theme-table tr td{ padding-top: 1rem; padding-bottom: 1rem;}

.hosting-carousel .boxIcon img{ width: auto !important; display: inline-block !important;}
.hosting-carousel .owl-stage-outer{ overflow: unset;}
.hosting-carousel .owl-stage{ display: flex; overflow: unset;}
.hosting-carousel .owl-item{ opacity: 0.4;}
.hosting-carousel .owl-item.active{ opacity: 1;}
.hosting-carousel .owl-item{ background: var(--white); border-radius: 0.625rem; box-shadow: 0 0 0.625rem 0 #e9f0ff; border: 0.0625rem solid #e9f0ff; border-bottom: 0.3125rem solid #e9f0ff; border-left: 0.3125rem solid #e9f0ff;}
.hosting-carousel .proud-box{ border: none; box-shadow: none;}

.text-section-txt.left{ padding-right: 1.875rem;}
.text-section-txt.right{ padding-left: 1.875rem;}

.hosting-carousel .owl-nav button{ position: absolute; right: -60px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 5px; background: #5f9bb9 !important; color: #FFF !important; font-size: 24px !important;}
.hosting-carousel .owl-nav button.owl-prev{ right: unset; left: -60px; }
/* Web Hosting */


/*  */
.faq .accordion-button{ background: #FFF !important; color: #2e2e2e !important;}
.faq .accordion-item{ border: none !important; border-top: 1px solid #e9e9e9 !important; margin: 0; border-radius: 0;}
.faq .accordion-body p{ color: #606060;}
/*  */


/*  */
.pricing.full{ width: 100% !important; padding: 0;}
.upgrades-wrap{ padding: 4.375rem 0;}
.upgrades-cont{ margin-top: 50px;}
.upgrades-list li{ background: #FFF; display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; border-radius: 6px; border: 1px solid #5F9BB8; border-left: 4px solid #5F9BB8; margin-top: 12px; font-size: 14px;}
.upgrades-list li span{ font-weight: 600;}
.upgrades-list li span + span{ font-weight: 400; background: #d1e1e8; border-radius: 50px; padding: 0 10px; font-weight: 500;}
.upgrades-cont h3{ font-size: 1.5rem; padding-bottom: 1rem;}
.bg-color-white{ background: #FFF;}
/*  */


/*  */
.pricing-block ul.sm-txt li{ font-size: 0.95rem;}
.bg-blue{ background: #455195; color: #FFF;}
.bg-blue .award-block{ box-shadow: none; border: 1px solid #455195;}
/*  */


/*  */
.inner-banner-title{ text-align: center;}
.list li{ font-size: 0.9375rem; margin-top: 0.5rem; position: relative; padding: 0 0 0 1.5rem;}
.list li span { position: absolute; left: 0; top: 0; line-height: 1.125rem;}
.list li i { color: var(--primary); font-size: 1.125rem;}
.about-features{ padding: 1.875rem; border: 0.125rem solid #ffc1c1; border-radius: 0.625rem; margin-top: 1.875rem; box-shadow: 0 0 0.625rem 0 #e9f0ff;}
.about-features .list li{ margin-top: 0.125rem;}
.feature-box-wrap{ padding: 4.0625rem 0;}
.feature-box-image{ background: #FFF; box-shadow: 0 0 0.625rem 0 #e9f0ff; max-width: 18.75rem; text-align: center; margin: 0 auto; padding: 1.875rem; border-radius: 0.9375rem;}
.feature-box-image img{ max-width: 8.125rem; max-height: 8.125rem; }

.contact-section-wrap{ padding: 4.0625rem 0;}
.input-wrap{ margin-top: 0.9375rem;}
.input{ width: 100%; background: #FFF; border: 0.0625rem solid #bdbdbd; padding: 0.625rem 1.5625rem; border-radius: 0.625rem;}
.label{ font-weight: 600; display: block; padding-bottom: 0.5rem; font-size: 0.9375rem;}
.contact-form{ background: #FFF; box-shadow: 0 0 0.625rem 0 #e9f0ff; padding: 1.875rem; border-radius: 0.9375rem; margin-top: 2.5rem;}

.contact-box{ background: #FFF; box-shadow: 0 0 0.625rem 0 #e9f0ff; padding: 1.25rem; border-radius: 0.9375rem; border: 0.0625rem solid #5f9bb8; }
.contact-box h4{ color: #5f9bb8;}
.contact-section-left{ padding-right: 1.875rem;}
/*  */


/*  */
.wp-feature-wrap{ padding: 4.375rem 0;}
.wp-feature-block .col-lg-2{ width: 20%; margin-top: 2.5rem;}
.wp-feature-img{ margin-bottom: 1.25rem;}
.wp-feature-block-single{ border-radius: 0.625rem; box-shadow: 0 0 0.625rem 0 #e9f0ff; padding: 1.5625rem; height: 100%; background-color: white;}
.wp-feature-block-single h3{ font-size: 1.0625rem;}
.wp-feature-block-single p{ padding-top: 0.625rem;}
.wp-feature-wrap .container-full{ padding: 0 0.9375rem; max-width: 115.625rem; margin: 0 auto;}

.include-plan-wrap{ padding: 4.375rem 0;}
.tooltip{ max-width: 18.75rem !important; font-size: 0.875rem; line-height: 1.25rem; font-weight: 300;}
.tooltip-inner{ max-width: 18.75rem !important; padding-top: 0.9375rem; padding-bottom: 0.9375rem;}
.include-plan ul{ display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -0.9375rem;}
.include-plan ul li{ width: 33.33%; padding: 0 0.9375rem; margin-top: 1.25rem; font-weight: 600;}
.include-plan ul li i{ color: var(--primary);}
.include-plan h2{ padding-bottom: 1.5625rem;}
.include-plan-single{ background: #FFF; padding: 0.9375rem; border-radius: 0.625rem; border: 0.0625rem solid #d7f4ff; display: flex; align-items: center; gap: 0.625rem;}

.wp-optimized-wrap{ padding: 4.375rem 0;}
.standard-featres-single.differ{ box-shadow: 0 0 0.625rem 0 #e9f0ff; background: #FFF; border: 0.0625rem solid #e0f0ff;}
.optimize-feature{ margin-top: 1.875rem;}
.optimize-feature [class*='col-']{ margin-top: 1.25rem;}

.info-txt{ display: flex; align-items: center;}
.info-txt p{ padding: 0;}
.info-txt-img{ width: 1.625rem;}
.info-txt-txt{ width: calc(100% - 1.625rem); padding-left: 0.75rem;}

.top-plugin [class*='col-']{ width: 20%;}
.top-plugin-single{ text-align: center; margin-top: 1.875rem;}
.top-plugin-single h6{ padding-top: 1.25rem; font-weight: 600;}
.plugin-img{ box-shadow: 0 0 0.625rem 0 #e9f0ff; height: 7.5rem; border-radius: 0.9375rem; display: flex; align-items: center; justify-content: center; }
.plugin-img img{ max-height: 3.75rem;}

.webnair-wrap{ padding: 4.375rem 0;}
.webnair-right{ padding-left: 1.875rem;}
.webnair-video{ position: relative; height: 21.875rem;}
.webnair-video iframe{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.wp-optimized-right{ padding-left: 3.125rem;}
/*  */


/*  */
.stories-wrap{ padding: 4.375rem 0;}
.stories-intro{ padding-bottom: 4.375rem; text-align: center;}
.client-stories-single{ display: flex; align-items: flex-start; border: 0.075rem solid #e8ebed; padding: 0.9375rem; border-radius: 0.5rem; margin-top: 1.875rem;}
.client-stories-single:first-child{ margin-top: 0;}
.client-stories-left{ width: 21.875rem; text-align: right; }
.client-stories-image{ height: 14.625rem; border-radius: 0.625rem; overflow: hidden;}
.client-stories-image img{ width: 100%; height: 100%; object-fit: cover; border-radius: 0.625rem;}
.client-stories-text{ width: calc(100% - 21.875rem); padding-left: 1.875rem;}
.webLink{ display: inline-flex; align-items: center; justify-content: center; gap: 0.3125rem; border: 0.0625rem solid var(--primary); border-radius: 3.125rem; padding: 0 0.5625rem; font-weight: 500; color: var(--primary);}
.webLink i{ font-size: 1.25rem;}
.webLink:hover{ background: var(--primary); color: #FFF;}
/*  */


/*  */
.why-wp, .Conclusion{ padding: 4.375rem 0;}
.feature-block-outer{ margin-top: 30px;}
.feature-block-outer [class*='col-']{ margin-top: 25px; }
.hosting-provider-single{ display: flex; align-items: flex-start; margin-top: 30px; border-top: 1px solid #e9f5ff; padding: 30px 0 0 0;}
.hosting-provider-icon{ width: 150px; display: inline-flex; align-items: center; justify-content: center;}
.hosting-provider-text{ width: calc(100% - 150px); padding-left: 25px;}
.hosting-provider{ padding-top: 60px;}
.include-plan-single.alt{ flex-direction: column; align-items: flex-start; justify-content: center; height: 100%; padding-left: 30px; padding-right: 30px; border-left: 4px solid #d7f4ff; border-bottom: 4px solid #d7f4ff;}
.include-plan-single.alt p{ padding-top: 5px;}
/* .faq-wrap.bg-color .faq .accordion-item{ border-top: 1px solid #e1f6ff !important;} */
/* .feature-box-image.full{ height: 100%; display: flex; align-items: center; justify-content: center;} */
/*  */


/*  */
.spotlight-wrap{ max-width: 900px; margin: 0 auto;}
.quote-img{ width: 64px; margin: 0 auto;}
.spotlight-carousel .item{ text-align: center;}
.spotlight-carousel .item h5{ font-style: italic; font-size: 28px; line-height: 42px; color: #444;}
.spotlight-carousel .item h6{ padding-top: 40px; font-size: 22px;}
.spotlight-carousel .item p{ padding: 0;}

.spotlight-carousel .owl-nav button{ position: absolute; right: -160px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 100%; background: #FFF !important; color: #5f9bb9 !important; font-size: 24px !important; border: 1px solid #5f9bb9 !important;}
.spotlight-carousel .owl-nav button i{ line-height: 24px !important;}
.spotlight-carousel .owl-nav button.owl-prev{ right: unset; left: -160px; }

.spotlight-carousel .owl-dots{ text-align: center; margin-top: 20px;}
.spotlight-carousel .owl-dot{ background: #e3e3e3 !important; border: 1px solid #e3e3e3 !important; width: 8px; height: 8px; border-radius: 100%; margin: 0 8px;}
.spotlight-carousel .owl-dot.active{ border: 1px solid #5f9bb9 !important; background: #FFF !important; transform: scale(1.7);}

.client-spotlight-wrap{ padding: 4.375rem 0;}
.customer-reviews-wrap{ padding: 4.375rem 0;}
.customer-reviews-box{ position: relative; padding: 1.25rem; background: var(--white); box-shadow: 0 0 0.625rem 0 #e9f0ff; border-radius: 0.625rem; border: 1px solid #e9f0ff;}
.customer-reviews-box::after{ content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 20px solid #FFF; position: absolute; left: 20px; bottom: -20px;}
.customer-reviews-box::before{ content: ''; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 20px solid #e9f0ff; position: absolute; left: 17px; bottom: -21px;}
.customer-reviews-box p{ padding: 0;}
.customer-reviews-meta{ padding: 25px 0 0 35px;}
.customer-reviews-meta p{ padding: 0;}
.customer-reviews-single{ margin-top: 50px;}
/*  */


.inner-banner-title{ position: relative; z-index: 9;}
/* .bg-color{ background: linear-gradient(90deg, rgb(129 255 221 / 9%) -0.52%, rgb(0 41 255 / 0%) 49.23%, rgb(15 197 255 / 4%) 100%) !important;} */
.bg-color{ background: #edf2fa !important;}
.bg-white{ background: #FFF !important;}
.txt-white{ color: #FFF !important;}
/* .inner-banner-wrap{ background: linear-gradient(to right, rgb(248 251 255) 0%, rgb(255 236 236) 100%) !important;} */

.banner-n{ text-align: center;}
.banner-n .inner-banner-title{ display: inline-block; background: rgba(255,255,255,0.5); border-radius: 15px; padding: 15px; backdrop-filter: blur(0.5rem);}
.rounded-image.alt img{ width: auto; height: auto;}

.inner-banner-titlen{ color: #FFF;}


/*  */
.proud-box.center{ align-items: center; flex-direction: column; margin: 0 !important; height: 100%;}
.proud-box.center .proud-box-icon{ width: 4.625rem;}
.proud-box.center .proud-box-txt{ width: 100%; margin: 0; padding: 1.875rem 0 0 0; text-align: center;}
.businessRow{ margin-left: -0.3125rem; margin-right: -0.3125rem;}
.businessRow [class*='col-']{ width: 20%; padding-left: 0.3125rem; padding-right: 0.3125rem;}
/*  */


.table-width{ max-width: 78.125rem; margin: 0 auto;}
.popular-tag{ white-space: nowrap;}

.theme-table tr:nth-child(even) td{ background: #f9f9f9;}
.theme-table tr td.bg-yellow{ background: #fffeed !important;}


/* CIRA AD MAIN PAGE */
.ciraadsnippet2 {
        background-color: #CC122A;
        padding: 0px 0px;
        margin-bottom: 0px;
        margin-top: 0px;
		/* margin-bottom: -25px; */
		background-image: url(/images/goose.png), url(/images/goosegrid3.png);
		background-size: auto 100%;
		background-position: 10% top, 0px top;
		background-repeat: no-repeat;
}

.ciraadtitle2 {
        font-size: 30px;
        line-height: 100%;
        letter-spacing: -1px;
        color: white;
        text-transform: uppercase;

}

.ciraadtitle2 sub {
        font-size: 14px;
        border: 1px solid rgba(255,255,255,1.00);
        letter-spacing: 0px;
        padding: 8px 18px;
        border-radius: 10px;
        bottom: 11px;
}


@media (max-width: 1599px) {
  html, body{ font-size: 15px;}
  .wp-feature-wrap .container-full{ padding: 0 30px;}
}

@media (max-width: 1399px) {
  html, body{ font-size: 14px;}
  .ciraadtitle2 { font-size: 27px; }
}

@media (max-width: 1299px) {
  html, body{ font-size: 13px;}
}

@media (max-width: 1199px) {
  html, body{ font-size: 14px;}
  .ciraadtitle2 { font-size: 24px; }
  .container{ max-width: 66rem !important;}
  /* .pricing-section, .service-highlight{ max-width: 600px; margin: 0 auto;} */
  .award-block{ transform: none !important;}
  .award-block{ min-height: 10px;}
  .award-block{ display: block; width: 100%; text-align: center;}
  .award-left{ flex-wrap: wrap;}
  .pricing-block{ margin: 30px 0 0 0;}
  .pricing-wrap{ padding-top: 30px;}

  .banner-text h1{ font-size: 2rem;}

  .mobClick{ display: block;}
  .sitenav{ position: absolute; width: 500px; left: 50%; transform: translateX(-50%); top: 70px; background: #FFF; padding: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; z-index: 9; max-height: 500px; overflow-x: hidden; overflow-y: auto; opacity: 0; visibility: hidden; border: 1px solid #ffa3a3;}
  .sitenav.act{ opacity: 1; visibility: visible;}
  .sitenav > ul{ display: block;}
  .sitenav > ul > li{ width: 100%; border-bottom: 1px solid #efefef; padding: 8px 0; display: block;}
  .sitenav > ul > li:last-child{ border: none;}
  .sitenav > ul > li > a{ height: 30px; display: flex; width: 100%;}
  .subDropAlt{ background: var(--primary) !important; color: var(--white) !important; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; position: absolute; right: 0; top: 8px;}
  .subDropAlt i{ font-size: 14px;}

  .sitenav > ul > li > ul{ position: static !important; opacity: 1 !important; visibility: visible !important; transition: none !important; width: 100% !important; display: block; border: none !important; box-shadow: none; display: none;}

  .footer-left{ width: 164px;}
  .footer-right{ width: calc(100% - 164px); padding-left: 50px;}
  .search-area .col-lg-8{ width: 60%;}
  .search-area .col-lg-4{ width: 40%;}
  .banner-wrap{ background: url('../images/hero-image.jpg') right -170px center no-repeat; background-size: cover;}
  .banner-text h1{ padding: 0;}
  .rounded-image{ height: auto;}
  .text-block-wrap.bg-color .row{ align-items: center;}

  .inner-banner-wrap .pricing{ padding: 0;}
  .pricing-block ul li{ font-size: 0.9rem;}

  .wp-feature-block .col-lg-2{ width: 33.33%;}
  .plugin-img{ padding: 0 15px;}
}

@media (max-width: 1023px) {
  .container{ max-width: 100% !important; padding-left: 15px; padding-right: 15px;}
  .search-area .col-lg-8{ width: 50%;}
  .search-area .col-lg-4{ width: 50%;}
  .service-highlight [class*='col-']{ margin-top: 15px;}
  .client-carousel ul li{ width: 25%;}
  .pricing-block{ margin-top: 15px;}
  .proud-right{ padding-top: 4.375rem;}
  .energy-left{ padding: 4.375rem 0 0 0;}
  .footer-top{ flex-wrap: wrap;}
  .footer-left{ width: 100%;}
  .footer-right{ width: 100%; padding: 50px 0 0 0;}
  .banner .col-sm-7{ width: 100%;}
  .banner-text{ max-width: 80%;}

  /* .theme-table tr td:first-child, .theme-table tr th:first-child{ white-space: nowrap;} */
  .theme-table .link-btn{ padding: 0 10px; white-space: nowrap; font-size: 12px;}
  .compare-table .link-btn i{ font-size: 15px;}

  .text-block-wrap.bg-color .row{ align-items: flex-start;}
  .text-right{ padding-top: 0; padding-bottom: 0;}
  .text-block-wrap{ padding: 4.375rem 0;}

  .award-block{ width: calc(50% - 10px);}
  .award-right{ padding-top: 40px;}
  .award-left{ gap: 10px;}
  h1.large{ font-size: 3.5rem;}
  .purchase-offer-main{ text-align: center;}
  .upgrades-cont-right{ padding-top: 40px;}

  .include-plan ul li{ width: 50%; margin-top: 6px;}
  .include-plan ul{ align-items: normal;}
  .include-plan-single{ height: 100%;}
  .wp-optimized-right{ padding: 30px 0 0 0;}
  .wp-optimized-left{ text-align: center;}
  .top-plugin [class*='col-']{ width: 33.33%;}

  .client-stories-left{ width: 13.875rem;}
  .client-stories-text{ width: calc(100% - 13.875rem);}

  .businessRow [class*='col-']{ width: 33.33%;}
}

@media (max-width: 991px) {
  .hide-mobile{ display: none;}
}

@media (max-width: 868px) {
  .banner-text{ max-width: 70%;}
}


@media (max-width: 767px) {
  h2{ font-size: 1.9rem;}
  .ciraadtitle2 { font-size: 22px; }
  .ciraadsnippet2 { background-image: none!important; }
  .sitenav{ width: 100vw; top: 71px; border-radius: 0 !important; border: none; height: calc(100dvh - 126px); max-height: unset;}
  .header-wrap.fixed .sitenav { top: 64px;}
  .search-btn{ padding: 0 20px;}
  .search-area .col-lg-8, .search-area .col-lg-4{ width: 100%;}
  .search-area .col-lg-4{ display: flex; align-items: center; justify-content: center;}
  .search-area p{ margin-top: 10px;}
  .client-carousel ul li{ width: 50%;}
  .top-nav{ position: fixed; width: 100%; left: 0; bottom: 0; background: #FFF; border-top: 1px solid #e5e5e5; z-index: 999; }
  .top-nav > ul{ width: 100%; justify-content: center; padding: 10px;}
  .top-nav{ opacity: 0;}
  .top-nav.act{ opacity: 1;}

  html.nav-open{ height: 100vh; overflow: hidden;}
  
  .banner-wrap{ position: relative;}
  .banner-wrap::after{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(125,185,232,0) 100%); opacity: 0.8; }
  .banner-text{ color: #FFF;}
  .banner-wrap { background: url('../images/hero-image.jpg') right -320px center no-repeat; background-size: cover;}
  .trustpilot-wrap{ flex-wrap: wrap;}
  .footer-right{ flex-wrap: wrap; margin: 0 -20px; }
  .footer-single{ width: 50%; padding: 0 20px; margin-top: 30px;}
  .footer-link li a{ font-size: 14px;}
  .container{ padding: 0 15px;}
  .footer-right{ padding-top: 0;}
  .footer-bottom-left ul{ flex-wrap: wrap;}
  .footer-bottom-left h6{ display: block; width: 100%;}
  .footer-bottom-left{ width: 100%;}
  .proud-left{ padding-right: 0;}
  .banner-text h1{ padding-right: 0;}
  .banner-text{ max-width: 73%;}

  .top-nav > ul > li > ul#getintouch{ top: unset; bottom: 50px !important;}
  .rounded-image{ height: 350px;}
  .text-right{ padding: 30px 0 0 0;}
  .inner-banner-wrap .search-area p{ font-size: 15px; background: rgba(255,255,255,0.8); border-radius: 10px; padding: 10px 80px 10px 10px; border: 1px solid #ffbfbf;}
  .inner-banner-wrap .search-area p span.ca-logo{ right: 10px;}
  .inner-banner ul{ flex-wrap: wrap; gap: 0; padding: 0 38px;}
  .inner-banner ul li{ margin: 7px 0 0 0;}

  .purchase-offer-main h6 span{ margin-top: 4px;}
  .popular-tag{ top: -10px; min-width: 135px;}
  h1.large{ font-size: 2.5rem;}
  .text-left{ padding-right: 0;}

  /* .packages ul li{ width: 33.33%;} */
  .packages-img img{ max-height: 32px;}
  .packages-img{ height: auto;}
  .packages-single p{ font-size: 8px;}

  .text-section-txt.right{ padding: 0;}

  .sm-img-mobile{ max-width: 200px; margin: 0 auto;}
  .text-section-txt.left{ padding-right: 0;}
  .pricing-section{ padding: 0 15px !important;}

  .upgrades-list li span{ width: calc(100% - 130px);}
  .upgrades-list li span + span{ width: 130px; text-align: center;}

  .text-block-wrap, .award-wrap, .compare-wrap, .tld-wrap, .domain-feature-wrap, .standard-featres-wrap, .energy-wrap, .faq-wrap, .upgrades-wrap{ padding-top: 40px !important; padding-bottom: 40px !important;}
  .award-right{ padding-top: 20px !important;}
  .domain-feature h2{ padding-bottom: 30px !important;}

  .pricing-block{ max-width: 300px; margin: 0 auto; margin-top: 25px;}
  h1.large{ font-size: 24px; padding-bottom: 0 !important;}
  .pricing{ margin-top: 0 !important;}

  .text-section-txt.right{ padding-top: 20px;}
  h1.large{ font-size: 32px;}
  .feature-box-image{ max-width: 100%; margin-bottom: 30px;}

  /* .inner-banner-wrap.dark-banner{ position: relative;}
  .inner-banner-wrap.dark-banner::after{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);}
  .dark-banner .inner-banner-title{ color: #FFF;}
  .dark-banner .inner-banner-title h3{ font-size: 16px;} */

  .webnair-right{ padding: 30px 0 0 0;}
  .top-plugin [class*='col-']{ width: 50%;}
  .wp-feature-block .col-lg-2{ width: 100%;}
  .wp-feature-wrap .container-full{ padding: 0 15px;}
  .include-plan ul li{ width: 100%;}
  .wp-optimized-left{ max-width: 150px; margin: 0 auto;}

  .client-stories-single{ flex-wrap: wrap;}
  .client-stories-left{ width: 100%;}
  .client-stories-text{ width: 100%; padding: 30px 0 0 0;}
  /* .webLink{ width: 100%;} */

  .customer-reviews-box{ height: auto !important;}

  .businessRow [class*='col-']{ width: 100%;}

  .banner-text .start-btn{ flex-wrap: wrap; gap: 5px;}
  .banner-text .link-btn{ width: 100%;}
  .banner-text .info{ width: 100%; justify-content: center; background: none; color: #FFF;}
  .banner-text{ padding-left: 0;}

  .banner-wrap::after{ background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 100%);}
  .search-area{ padding: 10px 0;}
  .search-area p span.ca-logo{ display: none;}
  .search-area p{ padding: 0; text-align: center; font-size: 12px;}

  .none{ display: none;}

  .purchase-offer-main{ max-width: 453px;}

}

@media (max-width: 575px) {
  .ciraadtitle2 { font-size: 20px; }
  .banner-text{ max-width: 100%;}
  .search-area p{ font-size: 11px;}
}