* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 scroll-behavior: smooth;




}

.policy-content p,
.policy-content span,
.policy-content h1,
.policy-content h2,
.policy-content h3,
.policy-content h4,
.policy-content h5,
.policy-content h6,
.policy-content ul,
.policy-content ol,
.policy-content li {
 all: unset;
 display: revert;
 font: revert;
 line-height: revert;
 color: revert;
 padding: revert;
 margin: revert;
}

.nav-link:focus-visible {
 outline: 0;
 box-shadow: none;

}
.left a {
 color: #fff;
 font-size: 14px;
}

/* Match live www.hexraa.com - Montserrat, primary #014073, orange #FB8F40 */
/* SEO-friendly sections & cards: consistent radius + shadow */
:root {
 --font-m: "Montserrat", sans-serif;
 --primary-color: #014073;
 --orange-color: #FB8F40;
 --deep_blue: #050B20;
 --banner-top-header: #14183EBF;
 --gradint: linear-gradient(90deg, #FB8F40 0%, #E3B537 100%);
 --shadow: rgb(0 0 0 / 5%) 0px 3px 8px;
 --hexraa-gradient-btn: linear-gradient(90deg, #FB8F40 0%, #E3B537 100%);
 /* Section & card design tokens - aligned corners and shadow */
 --radius-sm: 6px;
 --radius-md: 8px;
 --radius-lg: 12px;
 --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
 --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);
 --shadow-section: 0 1px 3px rgba(0, 0, 0, 0.04);
}

body {
 font-size: 100%;
 font-family: var(--font-m) !important;
 overflow-x: hidden;
 overflow-y: auto;
 width: 100%;
 max-width: 100vw;
 min-height: 100vh;
}

html {
 font-size: 20px;
 overflow-x: hidden;
 overflow-y: auto;
 overflow-y: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
 margin: 0;
 padding: 0;
}

ul {
 margin: 0;
 padding: 0;
}

a {
 text-decoration: none;
}

li {
 list-style: none;
}

a:hover {
 text-decoration: none;
}

/* ***** hero section ******* */

/* ============ SECTION STYLING ============ */
.hosting-section {
 /* background-color: #fff; */
 padding: 80px 0 100px 0;
 text-align: center;
 position: relative;
 overflow: hidden;


 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}

/* SEO: one h1 per page; eyebrow and description are paragraphs */
.hero-eyebrow {
 color: var(--banner-top-header);
 font-weight: 500;
 letter-spacing: 1px;
 font-size: 40px;
 margin: 0;
}

.hosting-section h1.hero-main-title,
.hosting-section .hero-main-title {
 font-size: 50px;
 font-weight: 800;
 margin-top: 10px;
 color: var(--primary-color);
}

.hosting-section .hero-main-title span {
 font-size: 50px;
 font-weight: 800;
 margin-top: 10px;
 color: var(--orange-color);
}

.hosting-section .hero-main-title span::after {
 content: '';
 position: absolute;
 width: 8px;
 height: 8px;
 background: #FB8F40;
 border-radius: 50%;
 right: -10px;
 top: 14px;
}

.hosting-section p.hero-description,
.hosting-section .hero-description {
 color: #666;
 font-size: 20px;
 margin: 20px 0 30px;
 font-weight: 500;
}

/* Trust Cards - prevent logo shrink, keep aspect ratio */
.trust-row {
 display: flex;
 justify-content: center;
 gap: 12px;
 flex-wrap: wrap;
 margin-bottom: 30px;
}

.trust-card {
 border: 1px solid #eaecef;
 border-radius: var(--radius-md);
 padding: 12px 20px;
 background: #fff;
 display: flex;
 align-items: center;
 gap: 10px;
 box-shadow: var(--shadow-card);
 flex-direction: column;
 flex-shrink: 0;
 min-width: 180px;
}

/* Trustpilot & Google logos: same size, match www.hexraa.com */
.trust-card img {
 width: 48px;
 height: 48px;
 min-width: 48px;
 min-height: 48px;
 object-fit: contain;
 flex-shrink: 0;
 display: block;
}

.trust-card span {
 font-size: 14px;
 color: #555555;
 font-weight: 500;
 text-align: center;
 line-height: 1.3;
}

/* Button */
.hosting-section .btn-view {
 background: #FB8F40;
 background: linear-gradient(90deg, #FB8F40 0%, #E3B537 100%);
 color: #fff;
 font-weight: 650;
 border: none;
 border-radius: 6px;
 padding: 12px 35px;
 font-size: 16px;
 transition: all 0.3s ease;
}

.hosting-section .btn-view:hover {
 background: linear-gradient(90deg, #ff7b00, #ff9a00);
 transform: translateY(-2px);
}

/* Bottom Info Icons (hero: above VIEW PLAN) */
.info-row {
 display: flex;
 justify-content: center;
 gap: 40px;
 flex-wrap: wrap;
 margin-top: 40px;
}
.hosting-section .info-row {
 margin-bottom: 32px;
}

.info-box {
 text-align: center;
}

.info-box i {
 font-size: 28px;
 color: #ff8c00;
 margin-bottom: 10px;
}

.info-box h6 {
 font-size: 15px;
 font-weight: 600;
 color: var(--deep_blue);
}

.info-box p {
 font-size: 14px;
 color: #777;
 margin: 0;
}

/* .hosting-section::before,
.hosting-section::after {
 content: "";
 position: absolute;
 background: url('https://i.ibb.co/Bgf8tbg/server-bg.png') no-repeat;
 background-size: contain;
 opacity: 0.1;
 z-index: 0;
} */

.hosting-section::before {
 top: 0;
 left: 0;
 width: 300px;
 height: 300px;
}

.hosting-section::after {
 bottom: 0;
 right: 0;
 width: 300px;
 height: 300px;
}


/* ******************* perfect plnaed *************** */
.global_padding {
 padding: 40px 0;
}



.pricing-section {
 text-align: center;
 /* background-color: #f9fafc; */
}

.pricing-section .toggle-btn {
 font-family: var(--font-m);
}

.pricing-section .plan{
 .price{
 text-align: left;
 font-weight: 500;
 margin-bottom: 0;
 }
 p{
 margin-bottom: 14px;
 }
}

.pricing-section .features li img {
 margin-right: 0.5rem;
 width: 16px;
 height: 16px;
 flex-shrink: 0;
}

.headline {
 font-size: 40px;
 color: var(--primary-color);
 font-weight: 900;
 margin-bottom: 0.5rem;
 text-transform: uppercase;
}

.headline span {
 color: #ff7a00;
 font-weight: 900;
 margin-bottom: 0.5rem;
 text-transform: uppercase;
 font-size: 40px;

}

.para {
 color: #555;
 margin-top: 10px;
 font-size: 20px;
 font-weight: 400;
}

/* .billing-toggle {
 margin-top: 25px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 background: #fff;
 border-radius: 30px;
 border: 1px solid #ddd;
 overflow: hidden;
}

.billing-toggle button {
 border: none;
 background: none;
 padding: 10px 20px;
 cursor: pointer;
 font-weight: 500;
 font-size: 14px;
 transition: 0.3s;
}

.billing-toggle button.active {
 background: var(--primary-color);
 color: #fff;
} */


.billing-toggle {
 display: none !important; /* Hidden - only monthly pricing shown */
 align-items: center;
 justify-content: center;
 gap: 10px;
 font-family: var(--font-m);
}

.toggle-btn {
 background: none;
 border: none;
 font-size: 16px;
 color: #999;
 cursor: pointer;
 transition: color 0.3s ease;
}

.toggle-btn.active {
 color: #000;
 font-weight: 500;
}

.toggle-switch {
 position: relative;
 width: 50px;
 height: 25px;
 background: #0a457b;
 border-radius: 25px;
 cursor: pointer;
 transition: background 0.3s ease;
}

.switch-circle {
 position: absolute;
 top: 3px;
 left: 3px;
 width: 19px;
 height: 19px;
 background: #fff;
 border-radius: 50%;
 transition: left 0.3s ease;
}

.toggle-switch.active .switch-circle {
 left: 28px;
}


.plans {
 display: flex;
 justify-content: center;
 gap: 20px;
 margin-top: 50px;
 flex-wrap: wrap;
 text-align: left;
}

.plan {
 background: #fff;
 border: 1px solid #e5e7eb;
 border-radius: var(--radius-lg);
 box-shadow: var(--shadow-card);
 width: 340px;
 min-width: 340px;
 padding: 45px 25px 10px 25px;
 position: relative;
 transition: 0.3s;
 z-index: 1;
 display: flex;
 flex-direction: column;
 align-items: stretch;
 overflow: hidden;
}

/* Responsive card sizing for 3 cards */
@media (min-width: 1200px) {
 .plan {
 width: 360px;
 min-width: 360px;
 }
}

@media (min-width: 1400px) {
 .plan {
 width: 380px;
 min-width: 380px;
 }
}

.plan:hover {
 background: linear-gradient(199.86deg, rgba(199, 196, 255, 0.25098) 1.14%, #FFFFFF 10.91%);
 box-shadow: var(--shadow-card-hover);
 transition: 0.4s all ease-in-out;
}

.include {
 font-weight: 500;
 color: #555;
}


.plan.popular {
 border: 2px solid var(--primary-color);
 background: linear-gradient(199.86deg, rgba(199, 196, 255, 0.25098) 1.14%, #FFFFFF 10.91%);
 border-radius: var(--radius-lg);
 box-shadow: var(--shadow-card-hover);
 overflow: hidden;
}

.badge {
 position: absolute;
 top: -10px;
 left: 35%;
 transform: translateX(-50%);
 /* background: #007bff; */
 color: #007bff;
 padding: 5px 15px;
 font-size: 15px;
 border-radius: 20px;
 font-weight: 600;
 display: flex;
 align-items: baseline;
}

.badge_icon {
 font-size: 35px;
 margin-right: 0.3rem;
}

.plan h3 {
 font-size: 20px;
 font-weight: 700;
 margin-bottom: 5px;
 margin-top: 0.5rem;
}

.plan p {
 color: #777;
 font-size: 13px;
 margin-bottom: 25px;
}

.price {
 font-size: 32px;
 font-weight: 600;
 color: var(--primary-color);
 margin-bottom: 5px;
}

.price span {
 margin-left: 0.5rem;
 font-size: 14px;
 font-weight: 400;
 color: var(--primary-color);
}

/* Emphasize homepage pricing cards to match live site scale */
.pricing-section .price {
 font-size: 44px;
 font-weight: 800;
 display: flex;
 align-items: baseline;
 gap: 2px;
 line-height: 1;
}

.pricing-section .price .price-amount {
 font-size: 40px;
 font-weight: 700;
 color: var(--primary-color);
 letter-spacing: -1px;
 line-height: 1;
}

.pricing-section .price .price-period {
 font-size: 15px;
 font-weight: 500;
 color: #6b7280;
 margin-left: 1px;
 line-height: 1;
 align-self: flex-end;
 padding-bottom: 4px;
}

.price-savings-row {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 margin-bottom: 20px;
 width: 100%;
 gap: 10px;
}

.save {
 font-size: 12px;
 margin-bottom: 0;
 display: inline-block;
 background: #ECFDF3;
 border: 1px solid #A2FFC8;
 border-radius: 5px;
 padding: 2px 7px;
 color: #12B76A;
 font-weight: 600;
 white-space: nowrap;
}

.proces {
 font-weight: 400;
 font-size: 16px;
 line-height: 25px;
 text-decoration-line: line-through;
 color: #6E6E6E;
 display: inline-block;
 padding-left: 0;
 margin-left: 0;
 white-space: nowrap;
}





.choose-btn {
 background: #FB8F40;
 border: none;
 color: #fff;
 padding: 12px 25px;
 border-radius: 8px;
 font-weight: 600;
 cursor: pointer;
 transition: 0.3s;
 margin-top: 20px;
 margin-bottom: 25px;
 width: 100%;
 font-size: 16px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
}

.choose-btn:hover {
 background: #ff9a33;
 box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}

.features {
 text-align: left;
 font-size: 15px;
 color: #4B4B4B;
 flex-grow: 1;
 margin-bottom: 0;
 margin-top: 0;
 padding-top: 0;
}

.features li {
 list-style: none;
 margin-bottom: 15px;
 display: flex;
 align-items: center;
}



.features li i {
 color: var(--primary-color);
 margin-right: 0.5rem;
 width: 16px;
 height: 16px;
 flex-shrink: 0;
 text-align: center;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 font-size: 14px;
}

/* Not included features styling */
.features li.feature-not-included {
 color: #999;
 text-decoration: line-through;
 opacity: 0.6;
}

.features li.feature-not-included i {
 color: #ff4c4c;
 text-decoration: none;
}




.features-section {

 text-align: center;
}

.sub_headline {
 color: var(--primary-color);
 letter-spacing: 1px;
 font-weight: 300;
 margin-bottom: 10px;
 font-size: 22px;
}





.features-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 25px;
 justify-content: left;
}
.feature-box {
 position: relative;
 background: var(--primary-color);
 border-radius: var(--radius-lg);
 box-shadow: var(--shadow-card);
 overflow: hidden;
 cursor: pointer;
 transition: 0.3s ease;
}

.feature-box img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
}

.feature-box h4 {
 font-size: 20px;
 font-weight: 500;
 color: #ffffff;
 display: flex;
 align-items: center;
 justify-content: left;
 gap: 8px;
 margin-left: 1rem;
}

.feature-box i {
 color: #fff;
 font-size: 18px;
}

.feature-box:hover {
 transform: translateY(-5px);
 box-shadow: var(--shadow-card-hover);
}

/* default f_box */
.f_box {
 position: absolute;
 bottom: 0;
 width: 100%;
 background-color: var(--primary-color, #003366);
 color: #fff;
 padding: 15px;
 transition: all 0.5s ease;
 height: 20%;
 overflow: hidden;
 border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

.f_box p {
 font-size: 14px;
 text-align: left;
}

.f_box h4 {
 margin: 0;
 font-size: 18px;
 display: flex;
 align-items: left;
 gap: 8px;
}

.f_box p {
 margin-top: 10px;
 opacity: 0;
 transform: translateY(20px);
 transition: all 0.4s ease;
}

/* hover effect */
.feature-box:hover .f_box {
 height: 55%;
 /* expands upward */
 bottom: 0;
 /* stays attached to bottom */
 background-color: #003366b2;
}

.feature-box:hover .f_box p {
 opacity: 1;
 transform: translateY(0);
}



/* ****************** trusted part started ************ */

.trusted {
 text-align: center;
}

.trusted h4 {
 font-size: 22px;
 color: #555;
}

.trusted span {
 font-size: 22px;
 color: var(--primary-color);
 font-weight: bold;
}

.trusted-carousel img {
 aspect-ratio: 1/ 1;
 object-fit: contain;
 width: 65% !important;
}

/* ************************ */

/* ---------- Testimonials ---------- */

/* Trusted customers strip in testimonials */
.trusted-customers-strip {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 margin: 15px 0 10px;
 font-size: 18px;
 color: #555;
}

.trusted-customers-strip strong {
 color: var(--primary-color);
 font-weight: 700;
}

.customer-avatars-carousel {
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 15px;
 flex-wrap: wrap;
}

.customer-avatar {
 width: 60px;
 height: 60px;
 border-radius: 50%;
 object-fit: contain;
 border: 2px solid #e5e7eb;
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
 transition: transform 0.3s ease;
}

.customer-avatar:hover {
 transform: scale(1.1);
}

/* Client logos slide (Owl Carousel) - match hexraa.com */
.client-logos-slide.trusted-carousel .item {
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 0 8px;
}
.client-logos-slide.trusted-carousel img.customer-avatar {
 width: 60px;
 height: 60px;
 aspect-ratio: auto;
}







/* Stats Bar */
.stats-bar {
 display: flex;
 gap: 18px;
 justify-content: center;
 align-items: center;
 margin: 12px 0 28px;
 flex-wrap: wrap;

}

.stat {
 /* background: #fff; */
 /* border-radius: 10px; */
 padding: 12px 18px;
 /* box-shadow: 0 6px 18px rgba(20, 30, 60, 0.08); */
 display: flex;
 gap: 0;
 align-items: center;
 min-width: 170px;
 flex-direction: column;
}

.stat .icon-wrap {

 padding: 8px;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 44px;
 height: 44px;
}

.stat .big {
 font-size: 28px;
 color: var(--primary-color);
 font-weight: 500;
 display: block;
 margin: 0 auto;
 display: flex;
 justify-content: center;
}

.stat small {
 display: block;
 color: #000;
 font-size: 14px;
 margin-top: 2px;
 text-align: center;
}

/* Testimonial Cards */
.testimonials .owl-carousel .testimonial-card {
 background: #fff;
 border-radius: var(--radius-lg);
 box-shadow: var(--shadow-card);
 padding: 18px;
 height: 100%;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 border: 1px solid rgba(0, 0, 0, 0.06);
 min-height: 245px;
 transition: box-shadow 0.25s ease;
}
.testimonials .owl-carousel .testimonial-card:hover {
 box-shadow: var(--shadow-card-hover);
}

.testimonials .owl-carousel .owl-item img {
 border-radius: var(--radius-sm);
 box-shadow: var(--shadow-card);
}






.testimonial-top {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
}

.heading {
 text-align: center;
}

.avatar img {

 width: 20% !important;
 margin-left: auto;
 border-radius: 50%;
 padding: 3px;
}

.cust-name {
 font-size: 13px;
 font-weight: 700;
 color: #000;
 letter-spacing: 0.6px;
}

.rating {
 display: flex;
 gap: 4px;
 align-items: center;
 margin-top: 6px;
}

.rating i {
 color: #f5b301;
 font-size: 14px;
}

.review-text {
 margin-top: 12px;
 color: #000000;
 font-size: 14px;
 line-height: 25px;
 flex-grow: 1;
}

.card-footer {
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-top: 14px;
}

.google-badge {
 display: flex;
 gap: 8px;
 align-items: center;
 font-size: 13px;
 color: #6b7a90;
}

.custom-nav-btn {
 background: #fff;
 border-radius: var(--radius-md);
 padding: 10px 12px;
 box-shadow: var(--shadow-card);
 cursor: pointer;
 border: none;
 font-size: 16px;
 color: #1e63d6;
}

.owl-nav {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-top: 14px;
}

/* ---------- FAQ ---------- */



.faq-grid {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 25px;
}

.faq-item {
 background: #fff;
 border-radius: var(--radius-md);
 overflow: hidden;
 box-shadow: var(--shadow-card);
 transition: box-shadow 0.2s ease;
}

.faq-item.open {
 box-shadow: var(--shadow-card-hover);
}

.faq-question {
 display: flex;
 width: 100%;
 padding: 8px 16px;
 border: 0;
 background: transparent;
 cursor: pointer;
 align-items: center;
 justify-content: space-between;
 font-weight: 600;
 color: #555;
 font-size: 16px;
 text-align: left;
 text-decoration: none;
}

.btn-link:hover {
 color: #525252;
}

.faq-question .toggle {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 36px;
 height: 36px;
 border-radius: var(--radius-sm);
 transition: transform 0.25s;
 font-weight: 700;
 color: #555;
 font-size: 20px;
}



.faq-answer {
 max-height: 0;
 overflow: hidden;
 transition: max-height 0.35s ease, padding 0.28s;
 padding: 0 16px;
 color: #344050;
 font-size: 14px;
 line-height: 1.5;
}

.faq-item.open .faq-answer {
 padding: 12px 16px 18px;
 max-height: 240px;
 font-size: 15px;
}

.faq-item.open .toggle {
 transform: rotate(45deg);
 /* background: linear-gradient(180deg, rgba(30, 99, 214, 0.08), rgba(30, 99, 214, 0.02)); */
}

/* **************** Table *************** */



.comparison-section {
 text-align: center;
}

/* Table header */
.comparison-section table thead tr {
 background-color: #ededed;
}

.comparison-section .table-wrapper {
 border: 1px solid #DEDEDE;
 box-shadow: none !important;
}

/* Table body stripes */
.comparison-section table tbody tr:nth-child(odd) {
 background-color: #ffffff;
 /* 1st, 3rd, 5th row */
}

.comparison-section table tbody tr:nth-child(even) {
 background-color: #ededed;
 /* 2nd, 4th, 6th row */
}




/* ---------- TABLE ---------- */
.comparison-section {
 background: #fdfdfd;
 text-align: center;
}

/* .headline {
 font-weight: 700;
 text-transform: uppercase;
 margin-bottom: 8px;
} */

.comparison-section .headline {
 font-weight: 700;
}

.table-wrapper {
 overflow-x: auto;
 border-radius: var(--radius-lg);
 margin-top: 30px;
 box-shadow: var(--shadow-card);
}

table {
 width: 100%;
 border-collapse: collapse;
 background: #fff;
 border-radius: var(--radius-lg);
 box-shadow: var(--shadow-card);
 overflow: hidden;
 border: 1px solid #eaecef;
}

th,
td {
 padding: 15px 20px;
 text-align: center;
 font-size: 15px;
 border-bottom: 1px solid #eee;
}

th:first-child,
td:first-child {
 text-align: left;
 font-weight: 600;
 color: #222;
}

tbody tr:nth-child(even) {
 background-color: #f9fafb;
}

/* ✅ 3D Highlighted HEXRAA Column */
.comparison-section th:nth-child(2),
.comparison-section td:nth-child(2) {
 /* background: linear-gradient(145deg, #f4faff, #e8f3ff); */

 font-weight: 600;
 position: relative;
 transition: all 0.3s ease;
 border-left: 1px solid rgba(0, 0, 0, 0.155);
 border-right: 1px solid rgba(0, 0, 0, 0.155);
 box-shadow: 0 6px 15px rgba(0, 108, 255, 0.18);
}


/* Rounded corners top + bottom */
/* .comparison-section thead tr th:nth-child(2) {
 border-top-left-radius: 14px;
 border-top-right-radius: 14px;
}

.comparison-section tbody tr:last-child td:nth-child(2) {
 border-bottom-left-radius: 14px;
 border-bottom-right-radius: 14px;
} */


/* .comparison-section td:nth-child(2):hover {
 transform: translateY(-3px);
 box-shadow: 0 12px 25px rgba(0, 108, 255, 0.28);
} */

.table-hover tbody tr:hover {
 background-color: transparent;
 /* removes hover color */
 cursor: default;
 /* optional, removes pointer */
}



/* ✅ Icon Colors */
.fa-check {
 color: #00b67a;
 font-weight: 700;
 font-size: 18px;
}

.fa-xmark {
 color: #ff4c4c;
 font-weight: 700;
 font-size: 18px;
}

span {
 font-size: 12px;
 color: #1e1e1e;
}

@media (max-width: 767px) {
 table {
 font-size: 13px;
 }

 th img {
 width: 65px;
 }
}


/* ---------- OPTIONAL: Subtle hover on entire row ---------- */
.comparison-section tr:hover td {
 background-color: #f8fbff;
 transition: 0.3s;
}

/* ********************* */

.commit_wrapper {
 padding: 15px;
 text-align: center;
}

.commit_wrapper h5 {
 font-weight: 600;
 font-size: 20px;
 line-height: 25px;
 color: #525252;
 text-align: left;
 padding: 20px 0 0 0;
 margin-bottom: 0.8rem;
}

.commit_wrapper {

 font-weight: 300;
 font-size: 16px;
 line-height: 25px;
 text-align: justify;

 color: #6E6E6E;


}

.commit_wrapper p{
 text-align: left;
}

/* ********************** Back to top ***************************** */

.back-to-top {
 position: fixed;
 bottom: 30px;
 right: 30px;
 background: var(--orange-color);
 color: #fff;
 font-size: 20px;
 width: 45px;
 height: 45px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
 opacity: 0;
 visibility: hidden;
 transition: all 0.3s ease;
 z-index: 999;
}

.back-to-top.show {
 opacity: 1;
 visibility: visible;
}

.back-to-top:hover {
 background: var(--primary-color);
 color: #ffffff;
}

/* *********why-choose-section ****** */


.why-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 /* align-items: center; */
 
}

.why-item.fast,.why-item.secound{
 bottom:24px;
}
.why-item.third{
 top: 24px;
}
.why-item.fourth{
 top: 50px;
}

.why-choose-section .headline{
 margin-bottom:3rem !important;
 }

.why-center img {
 width: 88%;
 margin: 0 auto 3rem;
 display: flex;
 animation: float 3s ease-in-out infinite;
}

@keyframes float {

 0%,
 100% {
 transform: translateY(0);
 }

 50% {
 transform: translateY(-10px);
 }
}


.grid_items {
 display: flex;
 gap: 75px;
 flex-direction: column;
 position: relative;
}

.why-item h3 {
 font-weight: 600;
 font-size: 18px;
 line-height: 25px;
 align-items: center;
 text-align: right;
 color: #525252;
 margin-bottom: 0.3rem;


}

.why-item p {
 font-size: 14px;
 text-align: left;
}

.fast {
 position: relative;
 left: 8rem;
}

.third {
 position: relative;
 left: 8rem;
}

.third p {
 text-align: left !important;

}

.fast p {
 text-align: left !important;
}

.secound {
 position: relative;
 right: 8rem;

}

.fourth {
 position: relative;
 right: 8rem;
 margin-top: 1rem;

}

.fourth h3 {

 text-align: left;

}

.secound h3 {
 text-align: left;

}

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

.commit h3 {
 text-align: left !important;
}

.commit_2 h3 {
 text-align: right !important;
}

.commit_2 p {
 text-align: left !important;
}

/* ********** Dashboard Preview Section ******** */
.dashboard-preview-section {
 background: #f9fafc;
}

.dashboard-screenshot-wrapper {
 max-width: 1000px;
 margin: 0 auto;
 background: #fff;
 border-radius: var(--radius-lg);
 box-shadow: var(--shadow-card);
 overflow: hidden;
 border: 1px solid #e5e7eb;
 min-height: 200px;
}

.dashboard-preview {
 width: 100%;
 height: auto;
 display: block;
 border-bottom: 1px solid #e5e7eb;
 vertical-align: middle;
}

.dashboard-caption {
 padding: 20px 30px;
 text-align: center;
 background: linear-gradient(to bottom, #ffffff, #f9fafc);
}

.dashboard-caption p {
 font-size: 15px;
 color: #555;
 margin: 0;
 line-height: 1.6;
}

.dashboard-caption strong {
 color: var(--primary-color);
 font-weight: 600;
}

/* ********** hosting-section ******** */





.ph-wrapper {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 50px;
}

/* Left Illustration */
.ph-left {
 flex: 1;
 display: flex;
 justify-content: center;
}

.ph-left img {
 width: 132%;

}


/* Right Cards */
.ph-right {
 flex: 2;
 display: flex;
 flex-direction: column;
 gap: 30px;
 position: relative;
}


.ph-card {
 background: #fff;
 border: 1px solid #e5e7eb;
 border-radius: var(--radius-lg);
 padding: 25px 30px;
 box-shadow: var(--shadow-card);
 display: flex;
 align-items: flex-start;
 gap: 15px;
 position: relative;
}

.why-item {
 position: relative;
 z-index: 999;
}

.ph-icon {
 flex-shrink: 0;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 color: #fff;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 18px;
 z-index: 1;
}

.ph-blue {
 background: #007bff;
}

.ph-teal {
 background: #00a7b5;
}

.ph-orange {
 background: #ec6325;
}

.ph-content h3 {
 font-weight: 600;
 font-size: 18px;
 line-height: 25px;
 margin-bottom: 0.4rem;
 display: flex;
 align-items: center;
 color: #525252;
}

.ph-content p {
 font-size: 14px;
 color: #6b7280;
 line-height: 1.6;
}

/* ********** Contact Page section *** */
/* ==== CONTACT SECTION ==== */
.inner-section {
 padding: 80px 0;

 background: #fff;
}



.contact-box {
 background: #FFFFFF;
 box-shadow: var(--shadow-card) !important;
 border-radius: var(--radius-lg);
 transition: all 0.3s ease;
 padding: 15px;

}



.contact-box h5 {
 font-weight: 700;
 font-size: 20px;
 line-height: 25px;


 color: #4B4B4B;


}

.contact-box p {

 font-weight: 600;
 font-size: 16px;
 line-height: 25px;
 color: #4B4B4B;
 margin-bottom: 0.6rem;


}

.inner_img {
 width: 80%;
 margin: 0 auto;
 display: flex;
}

.contact-box .btn {
 background: #FB8F40;
 box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
 border-radius: 10px;
 color: #fff;
 width: 100%;
 padding: 11px 10px;
 font-weight: 600;
 font-size: 17px;
}

.contact-box .btn:hover {
 background: #e96b00;
}

.contact-box:hover {
 transform: translateY(-5px);
 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

.contact-img {
 text-align: center;
}

.contact-img img {
 max-width: 100%;
 height: auto;
}

.inner_headline {
 font-size: 50px;
 font-weight: 800;
 margin-bottom: 0.6rem;
 color: var(--primary-color);
}

.inner_para {
 font-size: 18px;
 font-weight: 400;
 font-size: 28px;
 line-height: 25px;
 color: #4B4B4B;
}

.contact-box img {
 margin-left: auto;
 display: flex;
}

.histing_flex_items {
 display: flex;
 justify-content: space-between;
 gap: 15px;
}

.histing_flex_items ul li {
 padding-bottom: 14px;
 font-weight: 500;
 font-size: 16px;
 line-height: 20px;

 color: #1E1D4C;



}

.hosting_inner_section p {
 font-weight: 500;
 font-size: 20px;
 line-height: 25px;
 color: #6E6E6E;
 margin-bottom: 1.5rem;
 margin-top: 0;
}

.histing_flex_items ul li img {
 margin-right: 10px;

}

.inner_subheadline {
 font-weight: 500;
 font-size: 20px;
 line-height: 25px;
 margin-bottom: 1.5rem;
 text-align: left !important;
 color: #6E6E6E;


}

.inner_headline_hsoting {

 font-weight: 700;
 font-size: 32px;
 line-height: 55px;

 text-transform: uppercase;

 color: #14183E;


}

.view_all_palans {

 filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.2));
 font-weight: 600;
 font-size: 16px;
 display: inline-block;
 color: #FFF;

 background: linear-gradient(270deg, rgba(251, 143, 64, 1) 0%, rgba(227, 181, 55, 1) 100%);

 padding: 12PX 22PX;
 margin-top: 0.8rem;
 border-radius: 5px;
}

.hosting-sections_page {

 position: relative;
}

.hosting-sections_page .col-md-6 {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
}

.hosting-sections_page::after {

 position: absolute;
 content: '';
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 background-image: url(../img/hosting/overlay.png);
 background-position: center;
 background-size: cover;
 opacity: 0.1;
}

.count_flex {
 display: flex;
 gap: 10px;
 justify-content: space-between;
 max-width: 360px;
 margin: 0 auto;
 justify-content: center;
 align-items: center;
}

.box {
 border: 2px solid #14183e50;
 width: 80px;
 height: 80px;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 border-radius: 5px;
}

.hosting-sections_page .container {
 position: relative;
 z-index: 99;
}

.hosting_inner_section h6 {

 font-weight: 400;
 font-size: 16px;
 line-height: 25px;

 color: #014073;
 text-align: center;
 margin-bottom: .5rem;


}

.numbers {

 font-weight: 700;
 font-size: 40px;
 line-height: 25px;
 margin-bottom: 0.3rem;
 color: #014073;


}

.box span {
 font-weight: 700;
 font-size: 11px;
 line-height: 25px;
 text-align: center;
 color: #014073;


}

.student_sub {
 font-weight: 700;
 font-size: 26px;
 line-height: 55px;

 text-align: center;

 color: #4B4B4B;


}


.student_web_hosting p {


 font-weight: 400;
 font-size: 16px;
 line-height: 28px;

 text-align: center;

 color: #4B4B4B;


}

.student_web_wrapper {
 padding: 30px;
 border-radius: 20px;
}

.shadws {
 box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}






.rate p {
 font-weight: 500;
 font-size: 16px;
 line-height: 25px;
 text-align: left;
 color: #4B4B4B;




}

.rate h2 {
 font-weight: 700;
 font-size: 32px;
 line-height: 25px;
 color: #000000;
 margin-bottom: 0.5rem;


}

.price_tract {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 15px;
}

.price h6 {
 font-weight: 600;
 font-size: 50px;
 line-height: 25px;
 color: #014073;
}

.price h6 span {
 font-weight: 400;
 font-size: 16px;
 line-height: 25px;
 color: #014073;




}

.discount {
 font-weight: 400;
 font-size: 28px;
 line-height: 25px;
 color: #6E6E6E;
 margin-top: 1rem;
}

.student_buy_now {
 background: var(--orange-color);
 display: inline-block;
 margin: 5px 0 10px 0;
 font-weight: 600;
 text-align: center;
 padding: 8px 22px;
 width: 100%;
 color: #fff;
 border-radius: 5px;
}

.student_planed label {
 text-align: center !important;
 font-weight: 700;
 font-size: 18px;
 line-height: 25px;
 color: #4B4B4B;
 display: flex;
 justify-content: center;
 align-items: center;


}

.student_items ul li i {
 height: 16px;
 padding-right: 0.4rem;


}

.student_items ul li {

 padding-bottom: 8px;

 font-weight: 500;
 font-size: 16px;
 line-height: 25px;


 color: #4B4B4B;






}

.student_items {
 display: grid;
 gap: 15px;
 margin-top: 1rem;
 grid-template-columns: repeat(2, 1fr);
}

/* ****************** student_features ******************* */

.student_features_grid {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 25px;
 margin-top: 45px;
}

.icon_feature img {
 /* width: 100%; */
 height: 70px;
 border: 2px solid var(--primary-color);
 border-radius: 50%;
}

.stud_fet_items {
 display: flex;
 gap: 15px;
 border-radius: 14px;
 box-shadow: 0 0 6px #a3a3a38c;
 padding: 18px 15px;
 align-items: center;
}

.student_headline h4 {
 font-weight: 600;
 font-size: 24px;
 line-height: 25px;
 color: #525252;
}

.student_headline p {
 font-weight: 400;
 font-size: 15px;
 color: #525252;
 margin-top: 0.4rem;
}

/* ********* money_grenty ********** */



.money_grid {
 background-color: var(--primary-color);
 display: flex;
 gap: 15px;
 padding: 7px;
 border-radius: 100px;
 color: #fff;
 justify-content: center;
 align-items: center;
 padding-right: 40px;
}

.money_content h4 {

 font-weight: 600;
 font-size: 24px;
 line-height: 25px;
 color: #FFFFFF;
 margin-bottom: 0.4rem;


}

.money_content p {


 font-weight: 500;
 font-size: 16px;
 line-height: 25px;


 color: #FFFFFF;


}

/* ******** hsoting Blogs ********** */


.img_bog img {
 width: 100%;
}

.blogs_headlint h5 {

 font-weight: 600;
 font-size: 20px;
 color: #000000;
 margin: 10px 0 5px 0;


}

.blogs_headlint .para {

 font-weight: 400;
 font-size: 16px;


 color: #4B4B4B;


}

.blog_wrappers {
 padding: 13px;
 border-radius: 10px;
 border: 1px solid #d5d5d556;
 box-shadow: rgb(161 161 161 / 24%) 0px 3px 4px;
}

.readme_link {
 text-align: right;
 margin-top: 15px;
}

.redme_blog_links {
 font-weight: 700;
 font-size: 16px;
 line-height: 25px;
 color: #014073;


}

/* ********* about us ********* */

.about_inner_data h5 {
 font-weight: 700;
 font-size: 30px;
 line-height: 25px;
 color: #014073;
 margin-top: 2rem;


}

.about_inner_data p {
 font-weight: 400;
 font-size: 16px;



}

.abt_img {
 width: 80%;
 margin: 0 auto;
 display: flex;
}

.abt_wrapper p {
 font-size: 16px;
}

.abt_wrapper h6 {
 font-weight: 600;
 font-size: 22px;
 color: #4B4B4B;

}

.why_grid {
 display: grid;
 grid-template-columns: repeat(5, 1fr);
 gap: 15px;
 margin-top: 2rem;
}

.why_icon img {
 width: 25%;
 margin-bottom: 1rem;
}

.why_grid_items h6 {
 font-weight: 600;
 font-size: 20px;
 line-height: 25px;
 color: #000000;
 margin-bottom: 0.4rem;
}

.why_grid_items p {
 font-weight: 400;
 font-size: 16px;


 color: #000000;


}

.why_grid_items {
 padding: 1.6rem 1rem;
 border: 1px solid #55555517;
 border-radius: 10px;
 box-shadow: rgb(0 0 0 / 37%) 0px 3px 5px;
 display: flex;
 flex-direction: column;
 justify-content: center;
}


/* ***********reseler hsoting ****** */

.core_icon img {
 width: 100%;
 margin-bottom: .6rem;
 height: 42px;
 object-fit: contain;
}

.core_headline h5 {
 font-weight: 700;
 font-size: 16px;
 line-height: 24px;
 color: #525252;
 margin: 10px 0 5px 0;
 height: 20px;


}

.core_headline .para {
 font-weight: 400;
 font-size: 16px;
 color: #525252;
}

/* ******* include_hosting ********** */

.inc_icon_headline {

 display: flex;
 align-items: center;
 gap: 12px;

}

.include_wrapper h5 {
 font-weight: 700;
 font-size: 18px;
 line-height: 24px;
 text-transform: uppercase;
 color: #4B4B4B;


}

.inc_icon_headline img {
 width: 15%;
}

.include_wrapper .para {
 font-weight: 400;
 font-size: 16px;
 line-height: 24px;
 color: #525252;

}

.include_wrapper hr {
 background: #525252 !important;
}

.include_wrapper {
 box-shadow: 0 0 4px #b9b9b9;;
 padding: 15px;
 border-radius: 10px;
 min-height: 300px;
}

.best_panerl .para {
 font-size: 16px;
 margin-top: 0.5rem;
}

.bst_panner_wrapper h4 {

 font-weight: 700;
 font-size: 24px;
 line-height: 25px;
 color: #6E6E6E;


}

.bst_panner_wrapper .para {
 font-weight: 400;
 font-size: 16px;
 line-height: 25px;
 color: #6E6E6E;

}

.bst_panner_wrapper h6 {

 font-weight: 700;
 font-size: 16px;
 line-height: 25px;
 text-align: left;
 color: #FB8F40;
 margin-top: 0.7rem;


}

.best_panerl .col-md-7 {
 align-items: center;
 display: flex;
 flex-direction: column;
 justify-content: center;
}

.strong_pont_wrapper ul li {
 display: flex;
 gap: 10px;
 align-items: top;
 font-weight: 400;
 font-size: 16px;
 line-height: 25px;
 color: #6E6E6E;
 padding-bottom: 15px;

}

.strong_pont_wrapper ul i {
 color: var(--primary-color);
 padding-top: 0.4rem;
 font-size: 24px;

}

/* *********** reseller_hosting_plans_with ************* */


.reseller_hosting_plans_with .headline {
 font-weight: 700;
 font-size: 36px;
}

.reseller_hosting_plans_with .container {
 box-shadow: 0 4px 8px rgba(0, 0, 0, .12);
 padding: 15px;
 border-radius: 10px;
}

.custom-tabs .nav-link {
 font-weight: 500;
 font-size: 17px;
 color: var(--primary-color);
 padding: 12px 20px;
 border: none;
 position: relative;
}

.custom-tabs .nav-link.active {
 color: #003366;
 background: none;
 font-weight: 700;
}

.custom-tabs .nav-link.active::after {
 content: "";
 width: 120px;
 height: 4px;
 background: #F6762C;
 position: absolute;
 left: 0;
 right: 0;
 margin: auto;
 bottom: 0;
 border-radius: 10px;
}

.single-feature {
 display: flex;
 align-items: center;
 font-size: 15px;
 gap: 5px;
 font-weight: 400;
 color: #4B4B4B;
}

.tabs_h6 {
 font-weight: 700;
 font-size: 20px;
 line-height: 24px;
 align-items: center;
 color: #525252;
 display: flex;
 justify-content: center;

}

.single-feature i {
 color: #00B894;
 font-size: 18px;
}

/* **************** Price plane **************** */





.plans-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
 gap: 25px;
 justify-content: center;
 width: 100%;
}

.plan-box {
 position: relative;
 border: 2px solid #5555551c;
 padding: 17px;
 border-radius: 15px;
 background: #fff;
 transition: 0.3s;
 box-shadow: 0 0 3px #e1e1e1a6;
 min-width: 0;
 width: 100%;
 max-width: 100%;
 box-sizing: border-box;
}

.plan-box .plan-title,
.price,
.sub-text {
 text-align: center;

}

.plan-box:hover {
 transform: translateY(-5px);
 box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.pro-active {
 border-color: #007bff;
}

.ribbon {
 position: absolute;
 top: -2px;
 left: 28px;
}

.ribbon i {
 color: #007bff;
 font-size: 35px;
}

.plan-title {
 font-size: 22px;
 font-weight: 700;
 margin-bottom: 10px;
 margin-top: 30px;
 font-weight: 700;
 font-size: 24px;
 color: #6E6E6E;


}

.price_plancs .price {
 font-size: 36px;
 font-weight: 700;
 color: var(--primary-color);
 scroll-margin-top: 100px;
}

.price_plancs .price span {
 font-size: 16px;
 font-weight: 500;
 color: #444;
}

.sub-text {
 font-size: 14px;
 margin-bottom: 20px;
}

.order-btn {
 display: inline-block;
 width: 100%;
 text-align: center;
 background: #FB8F40;
 color: #fff;
 font-weight: 600;
 padding: 11px 0;
 border-radius: 8px;
 margin-bottom: 25px;
 transition: 0.3s;
 font-size: 16px;
}

.order-btn:hover {
 background: var(--primary-color);
}

.features {
 list-style: none;
 padding: 0;
 margin: 0 0 20px;
}

.menusc {
 margin-top: -29%;
}

.features li {
 margin-bottom: 10px;
 font-size: 12px;
 display: flex;
 align-items: center;
 gap: 2px;
 font-weight: 400;
}
.features li.include {
 font-size: 14px;
 font-weight: 500;
}

.features i {
 color: var(--primary-color);
}

.mini-title {
 margin: 20px 0 10px;
 font-weight: 700;
 font-size: 16px;
 line-height: 18px;
 color: #4B4B4B;


}

/* ********* hosting_features_shared*********** */


.hosting_features_wrapper {
 border-radius: 14px;
 border: 1px solid #e7e7e7;
 display: flex;
 gap: 15px;
 align-items: center;
 justify-content: center;
 padding: 12px 15px;
 margin-top: 1.5rem;
 height: 150px;
 box-shadow: 0 2px 4px #9f9f9f30;
}

.h_host_header h5 {
 font-weight: 600;
 font-size: 21px;
 line-height: 25px;
 color: #525252;
}

.h_host_header .para {
 font-weight: 400;
 font-size: 16px;
 line-height: 25px;
 color: #6E6E6E;
}

.h_icon_hostin img {
 border: 2px solid var(--primary-color);
 border-radius: 50%;
}

.tech-flex {
 display: grid;
 grid-template-columns: repeat(8, 1fr);
}


.best_class_wrapper img {
 width: 50%;
 margin: 1rem auto 0 auto;
}

.best_class_wrapper {
 padding: 25px;
 border-radius: 10px;
 border: 1px solid #d5d5d556;
 box-shadow: rgb(161 161 161 / 24%) 0px 3px 4px;
 height: 510px;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
}

.best_class_wrapper h6 {
 font-weight: 600;
 font-size: 24px;
 line-height: 25px;
 color: #525252;
}


.best_class_wrapper .para {
 font-weight: 400;
 font-size: 15px;
 line-height: 25px;
 color: #6E6E6E;
}

.best_wrp_box {
 border-radius: 10px;
 padding: 25px;
 border: 1px solid #d5d5d556;
 box-shadow: rgb(161 161 161 / 24%) 0px 3px 4px;
 align-items: center;
}

.best_wrp_box {
 display: flex;
 /* gap: 15px; */
}

.bst_headline h6 {

 font-weight: 600;
 font-size: 24px;
 line-height: 25px;
 color: #525252;
}

.bst_headline p {
 font-weight: 400;
 font-size: 16px;
 line-height: 25px;
 color: #6E6E6E;
 margin-top: 0.5rem;
}

.bxt_icon_c img {
 width: 90%;
}


/* ***************** */
.tech-section {
 padding: 60px 20px;
 background: #fff;
}

.tech-list {
 display: flex;

 gap: 0;
}

/* Hex box */
.tech-hex {
 width: 100% !important;
 height: 86px;
 position: relative;
 background-image: url(../img/Vector.png);
 background-position: center;
 background-repeat: no-repeat;
 background-size: contain;
 transition: 0.3s ease;
}

/* Logo inside hex */
.tech-hex img {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 max-width: 70%;
 max-height: 60%;
 object-fit: contain;
}



/* **************************** */


/* IMAGE INSIDE HEX */



.h1s {
 margin-top: 70px;
}




/* ***************** PRIVACY POLICY PAGE ******************* */




/* ----------------------------
 HEADER BLUE SECTION
----------------------------- */
.legal-header {
 background: #063970;
 padding: 40px 0;
 color: #fff;
}

.top-heading {
 font-size: 16px;
 margin-bottom: 5px;
}

.legal-title {
 font-size: 36px;
 font-weight: 700;
}

.sub-heading {
 opacity: 0.8;
 margin-bottom: 25px;
}

/* ----------------------------
 TABS DESIGN
----------------------------- */
.legal-tabs .nav-link {
 /* background: #fff; */
 color: #063970;
 border-radius: 30px;
 padding: 13px 14px;
 font-weight: 500;
 border: 2px solid transparent;
 transition: 0.3s;
 color: #fff;
 font-size: 15px;
}

/* .legal-tabs .nav-link:hover {
 border-color: rgba(255, 255, 255, 0.5);
} */

.legal-tabs .nav-link.active {
 background: #000;
 color: #fff;
}

/* ----------------------------
 CONTENT SECTION
----------------------------- */
.content-section {
 padding: 50px 0;
}

.section-title {
 font-size: 33px;
 font-weight: 700;
 margin-bottom: 15px;
}

.updated {
 color: #444;
 font-size: 14px;
 margin-bottom: 25px;
}

.legal-header h4 {
 margin-top: 25px;
 font-size: 20px;
 font-weight: 600;
 margin-bottom: 10px;
}

.content-section h4 {
 margin: 10px 0;
 font-size: 22px;
}

.content-section p {
 color: #525252;

 font-size: 15px;
 line-height: 30px;
}

.content-section strong {
 font-weight: 500;
}

.pricvacy {
 background-color: #000;
 /* width: auto; */
 padding: 5px;
 border-radius: 50px;
 display: flex;
}

.legal-header .nav .nav-item .active {
 background: #014073;
}

.sub-heading {
 color: #fff;
 margin-top: 15px;
}

.top-heading {
 color: #fd5000;
 font-size: 22px;
 margin-bottom: 10px;
}

.privacy_box ul {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
}



/* ********* Featues Page section ********* */

.feature {
 padding: 80px 0;
}


.features-wrapper .container {
 display: flex;
 /* max-width: 1200px; */
 margin: auto;
 padding: 40px 0;
}

/* RIGHT MENU */
.features-menu {
 width: 350px;
 position: sticky;
 top: 100px;
 height: 600px;
 overflow-y: auto;
}

.features-menu ul {
 list-style: none;
 padding: 0;
 margin: 0;
 border-radius: 10px;
 background: #fff;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.features-menu li {
 padding: 14px 20px;
 cursor: pointer;
 font-size: 17px;
 transition: 0.3s ease;
 font-weight: 600;
}

.features-menu li:hover {
 background: #f6f6f6;
}

/* ACTIVE RED */
.features-menu li.active {
 color: red;
 border-left: 3px solid red;
 /* background: #ffecec; */
}

/* LEFT CONTENT */
.features-content {
 flex: 1;
 padding: 0 40px;
}

.scroll-section {
 padding: 30px 0;
 scroll-margin-top: 100px;
}

.demo-img {
 width: 100%;
 border-radius: 6px;
}


.tabFeatureBox {
 background: #f8f9fa;
 padding: 20px 15px;
 border-radius: 15px;
}

.tabNavPills .tabNavLink {
 font-size: 18px;
 color: #000;
 padding: 10px 20px;
 border-radius: 8px;
 background: none;
 border: none;
 font-weight: 600;
 font-size: 15px;
}

.tabNavPills .tabNavLink.active {
 background: #ff6a00 !important;
 color: #fff !important;
}

.tabPara {
 font-size: 16px;
}

.tabContent {
 margin-top: 10px;
}

.tabPane {
 transition: opacity .3s ease-in-out;
}

.tabs_boxs {
 display: flex;
 gap: 15px;
}

.features-wrapper .para {
 font-size: 16px;
}

.features_flex {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 15px;
}

.features_flex li {
 font-size: 18px;


}

.ic {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 text-align: center;
 gap: 15px;
}

.ic li {
 padding: 10px;
 background-color: #F7F9FB;
 height: 100px;
 display: flex;
 align-items: center;
 flex-direction: column;
 border-radius: 10px;


}

#cloudlinux h5 {
 font-size: 20px;
}

.ic h6 {
 font-size: 18px;
 margin-top: 10px;
}

.percentage {
 padding: 10px;
 background-color: #F7F9FB;
 display: flex;
 /* align-items: center; */
 flex-direction: column;
 height: 200px;
 justify-content: center;
 border-radius: 10px;
}

.flex_per {
 display: flex;
 gap: 15px;
 margin-bottom: 10px;
 /* justify-content: center; */
 align-items: center;
}

.flex_per h5 {
 font-weight: 600;
 font-size: 55px;
 color: #000;
 font-style: italic;
}

.flex_per p {
 font-size: 18px;
 font-weight: 600;
 color: #000;
 line-height: 24px;
}

.percentage p {
 font-size: 17px;
 color: #555;
}

.real_time h4 {
 font-size: 17px;
 font-weight: 600;
}

.real_time {
 display: flex;
 justify-content: center;
 gap: 25px;
 background-color: #F7F9FB;
 padding: 15px;
 height: 80px;
 border-radius: 10px;
}

.real_time img {
 height: 40px;
}

.jet_backup_ li img {
 background-color: rgba(8, 196, 64, 0.178);
 border-radius: 50%;
}

.jet_backup_ li {
 font-size: 15px;
 padding-bottom: 10px;
}



.ub li {

 justify-content: center;
}


.jet_backup_ li img {
 background-color: rgba(8, 196, 64, 0.178);
 border-radius: 50%;
}







.honey {
 position: relative;
}

.honeycomb-wrap {
 display: flex;
 justify-content: start;
 gap: 0px;
 margin-bottom: -20px;
}

.honeycomb-wrap1 {
 display: flex;
 justify-content: start;
 gap: 0px;
 margin-bottom: -20px;
}

.hthy {
 display: flex;
 justify-content: start;
 gap: 0px;
 margin-bottom: -20px;
}

.honeycomb-row {
 display: flex;
 justify-content: start;
 gap: 0px;
 margin-bottom: -20px;
 position: relative;
}

.honeycomb-row.second {
 margin-left: 80px;
 /* center shift */
}

/* hex card */
.honey-hex {
 width: 170px;
 height: 160px;
 position: relative;
 background-image: url("../img/Vector.png");
 background-repeat: no-repeat;
 background-position: center;
 background-size: contain;
 display: flex;
 align-items: center;
 justify-content: center;
 filter: drop-shadow(0 6px 8px rgba(0, 0, 0, 0.08));
 transition: 0.3s ease;
}

.honey-hex:hover {
 transform: translateY(-6px);
}

/* logo */
.honey-hex img {
 max-width: 65%;
 max-height: 60%;
 object-fit: contain;
}

/* small vertical offset for zig-zag */
/* .honey-hex.offset {
 margin-top: 56px;
 position: relative;
 left: -34px;
} */

.ist-mg {
 position: relative;
}

.nd-img {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(28%, -7%);
}

.ope {
 margin-left: 0;
 position: relative;
 right: -95px;
}

.bgbg {
 position: relative;
 left: -10px;
}

.v1 {
 display: block;
}

.v2 {
 display: none;
}



/* ********************* Domain register ********************** */


/* Banner */
.banner_height {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 padding: 80px 0;
 color: #fff;
 text-align: center;
}

.search-dom h1 {
 font-size: 42px;
 font-weight: 700;
 margin-bottom: 20px;
}

.search-dom p {
 font-size: 18px;
 margin-bottom: 30px;
 opacity: 0.95;
}

.domain-search form {
 display: flex;
 max-width: 600px;
 margin: 0 auto 50px;
 background: #fff;
 border-radius: 50px;
 overflow: hidden;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.domain-search input {
 flex: 1;
 border: none;
 padding: 18px 30px;
 font-size: 16px;
 outline: none;
}

.ds-btn {
 background: var(--orange-color, #FB8F40);
 color: #fff;
 border: none;
 padding: 18px 35px;
 font-weight: 600;
 font-size: 16px;
 cursor: pointer;
 transition: all 0.3s ease;
 border-radius: 0 50px 50px 0;
 display: flex;
 align-items: center;
 justify-content: center;
 min-width: 70px;
 box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
}

.ds-btn i {
 font-size: 18px;
 line-height: 1;
}

.ds-btn:hover {
 background: #e96b00;
 box-shadow: 0px 4px 12px rgba(251, 143, 64, 0.4);
 transform: translateY(-1px);
}

.ds-btn:active {
 transform: translateY(0);
 box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

/* Domain Pricing Boxes */
.domain-name-box {
 background: rgba(255, 255, 255, 0.15);
 backdrop-filter: blur(10px);
 padding: 15px 10px;
 border-radius: 10px;
 text-align: center;
 margin: 0;
 width: 100%;
 height: 100%;
 display: flex;
 flex-direction: column;
 justify-content: center;
 transition: transform 0.3s ease;
}

.domain-name-box:hover {
 transform: translateY(-5px);
 background: rgba(255, 255, 255, 0.25);
}

.domain-name-heading {
 font-size: 24px;
 font-weight: 700;
 margin-bottom: 8px;
 color: #fff;
}

.domain-real-price {
 text-decoration: line-through;
 opacity: 0.7;
 font-size: 12px;
 color: #fff;
 margin-bottom: 4px;
}

.domain-offer-price {
 font-size: 26px;
 font-weight: 700;
 color: #fff;
}

/* Main Sections */
.main-section {
 padding: 80px 0;
}

.bg-light-blue {
 background: #f8f9fa;
}

.main-headings h2 {
 font-size: 36px;
 font-weight: 700;
 text-align: center;
 margin-bottom: 15px;
 color: #2c3e50;
}

.main-headings p {
 text-align: center;
 color: #666;
 font-size: 16px;
}

/* Plan Boxes */
.plan_box {
 background: #fff;
 padding: 25px 20px;
 border-radius: 10px;
 box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
 text-align: center;
 margin-bottom: 0;
 transition: transform 0.3s, box-shadow 0.3s;
 display: flex;
 flex-direction: column;
 height: 100%;
}

.plan_com {
 font-size: 14px;
 color: #666;
 margin: 15px 0;
 min-height: 70px;
 line-height: 1.6;
 flex-grow: 1;
}

.plan_box:hover {
 transform: translateY(-10px);
 box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.plan_box img {
 width: 80px;
 height: 80px;
 object-fit: contain;
 object-position: center;
 margin: 0 auto 15px;
}

.register {
 width: 100%;
 margin-top: 15px;
 background-color: var(--orange-color);
 padding: 12px 16px;
 color: #fff;
 font-size: 16px;
 font-weight: 600;
 border: none;
 border-radius: 8px;
 transition: background-color 0.3s;
}

.register:hover {
 background-color: #e96b00;
}

/* Domain Order Cards */
.domain-order {
 background: #fff;
 padding: 40px 30px;
 border-radius: 10px;
 box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
 margin-bottom: 30px;
 text-align: center;
}

.domain-order img {
 height: 70px;
 margin-bottom: 20px;
}

.domain-order h3 {
 font-size: 22px;
 margin-bottom: 15px;
 color: #2c3e50;
}

.domain-order p {
 color: #666;
 line-height: 1.8;
}

/* AWS Define Cards */
.aws-define {
 background: #fff;
 padding: 30px;
 border-radius: 10px;
 box-shadow: 1px 3px 5px rgb(15 24 51 / 25%);
 margin-bottom: 30px;
}

.aws-define h3 {
 font-size: 19px;
 margin-bottom: 7px;
 color: #2c3e50;
 font-weight: 700;
}

.aws-define p{
 font-size: 14px;
 color: #424242;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 margin: 0;
}

.aws-define img{
 width: 80%;
 max-width: 100px;
}

/* Responsive Styles for Domain Register Page */
@media (max-width: 1199px) {
 .domain-name-heading {
 font-size: 22px;
 }
 .domain-offer-price {
 font-size: 24px;
 }
 .plan_box {
 padding: 20px 15px;
 }
 .plan_box img {
 width: 70px;
 height: 70px;
 }
}

@media (max-width: 991px) {
 .domain-name-box {
 padding: 12px 8px;
 margin-bottom: 15px;
 }
 .domain-name-heading {
 font-size: 20px;
 margin-bottom: 6px;
 }
 .domain-real-price {
 font-size: 11px;
 }
 .domain-offer-price {
 font-size: 22px;
 }
 .plan_box {
 padding: 20px;
 margin-bottom: 20px;
 }
 .plan_box img {
 width: 60px;
 height: 60px;
 }
 .plan_com {
 min-height: 60px;
 font-size: 13px;
 margin: 12px 0;
 }
 .aws-define {
 padding: 20px;
 margin-bottom: 20px;
 }
 .aws-define h3 {
 font-size: 17px;
 }
 .aws-define p {
 font-size: 13px;
 }
 .domain-order {
 padding: 30px 20px;
 margin-bottom: 20px;
 }
 .domain-order img {
 height: 60px;
 margin-bottom: 15px;
 }
 .domain-order h3 {
 font-size: 20px;
 }
}

@media (max-width: 767px) {
 .domain-name-box {
 padding: 10px 5px;
 }
 .domain-name-heading {
 font-size: 18px;
 margin-bottom: 5px;
 }
 .domain-real-price {
 font-size: 10px;
 }
 .domain-offer-price {
 font-size: 20px;
 }
 .plan_box {
 padding: 18px 15px;
 }
 .plan_box img {
 width: 50px;
 height: 50px;
 margin-bottom: 12px;
 }
 .plan_com {
 min-height: auto;
 font-size: 12px;
 margin: 10px 0;
 line-height: 1.5;
 }
 .aws-define {
 padding: 15px;
 margin-bottom: 15px;
 }
 .aws-define h3 {
 font-size: 16px;
 margin-bottom: 5px;
 }
 .aws-define p {
 font-size: 12px;
 }
 .aws-define img {
 width: 60px;
 }
 .domain-order {
 padding: 25px 15px;
 margin-bottom: 15px;
 }
 .domain-order img {
 height: 50px;
 margin-bottom: 12px;
 }
 .domain-order h3 {
 font-size: 18px;
 margin-bottom: 10px;
 }
 .domain-order p {
 font-size: 13px;
 line-height: 1.6;
 }
}

@media (max-width: 575px) {
 .domain-name-box {
 padding: 8px 4px;
 }
 .domain-name-heading {
 font-size: 16px;
 }
 .domain-offer-price {
 font-size: 18px;
 }
 .plan_box {
 padding: 15px;
 }
 .plan_box img {
 width: 45px;
 height: 45px;
 }
 .plan_com {
 font-size: 11px;
 margin: 8px 0;
 }
 .aws-define {
 padding: 12px;
 }
 .aws-define h3 {
 font-size: 15px;
 }
 .aws-define p {
 font-size: 11px;
 }
 .domain-order {
 padding: 20px 12px;
 }
 .domain-order h3 {
 font-size: 16px;
 }
}

.aws-define a {
 color: #e74c3c;
 text-decoration: none;
}

/* Migrate Box */
.migratebox {
 background: #fff;
 padding: 50px;
 border-radius: 10px;
 box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.text-color {
 color: #e74c3c;
}

.service-btn {
 text-align: center;
}

.SubmitButtonone {
 background: #e74c3c;
 color: #fff;
 padding: 15px 50px;
 border-radius: 50px;
 text-decoration: none;
 font-weight: 600;
 display: inline-block;
 transition: background 0.3s;
}

.SubmitButtonone:hover {
 background: #c0392b;
}

/* Datacenter Colocation Page */
.page-intro{
 background-color: var(--primary-color);
}

/* Info Tooltip Styles */
.info-tooltip {
 position: relative;
 display: inline-block;
 margin-left: 6px;
 cursor: help;
 color: #6c757d;
 font-size: 0.9em;
 vertical-align: middle;
 transition: color 0.2s ease;
 z-index: 10;
}

.info-tooltip:hover {
 color: var(--primary-color);
}

.info-tooltip i {
 font-size: 0.85em;
 display: inline-block;
}

.info-tooltip::after {
 content: attr(data-tooltip);
 position: absolute;
 bottom: 100%;
 left: 50%;
 transform: translateX(-50%) translateY(-8px);
 background-color: #333;
 color: #fff;
 padding: 10px 14px;
 border-radius: 6px;
 font-size: 0.75rem;
 min-width: 220px;
 max-width: 320px;
 white-space: normal;
 word-wrap: break-word;
 opacity: 0;
 visibility: hidden;
 transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.2s ease;
 z-index: 99999;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
 pointer-events: none;
 line-height: 1.5;
 text-align: left;
 margin-bottom: 6px;
}

.info-tooltip::before {
 content: '';
 position: absolute;
 bottom: 100%;
 left: 50%;
 transform: translateX(-50%);
 border: 6px solid transparent;
 border-top-color: #333;
 opacity: 0;
 visibility: hidden;
 transition: opacity 0.3s ease, visibility 0.3s ease;
 z-index: 100000;
 pointer-events: none;
 margin-bottom: -6px;
}

.info-tooltip:hover::after,
.info-tooltip:hover::before {
 opacity: 1;
 visibility: visible;
}

/* Ensure parent elements don't clip tooltip */
.features li {
 overflow: visible !important;
 position: relative;
}

.pricing-section .plan,
.plan {
 overflow: visible !important;
}

.pricing-section {
 overflow: visible !important;
}

/* Mobile responsive tooltip */
@media (max-width: 768px) {
 .info-tooltip::after {
 min-width: 180px;
 max-width: 280px;
 font-size: 0.7rem;
 padding: 8px 12px;
 left: auto;
 right: 0;
 transform: none;
 }
 
 .info-tooltip::before {
 left: auto;
 right: 15px;
 transform: none;
 }
}