:root {
     --primary: #0868e8;
     --primary-dark: #0450b8;
     --cyan: #08d9ff;
     --blue: #1769ff;
     --navy: #020b1c;
     --navy-2: #06162d;
     --navy-3: #0a1d3a;
     --text: #0c1729;
     --muted: #64748b;
     --light: #f5f9ff;
     --light-blue: #edf5ff;
     --white: #ffffff;
     --border: #e2eaf4;
     --shadow-sm: 0 8px 25px rgba(12, 40, 80, .06);
     --shadow: 0 20px 60px rgba(12, 40, 80, .10);
     --radius: 18px;
     --container: 1200px;
 }


 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }


 html {
     scroll-behavior: smooth;
 }


 body {
     font-family: "Inter", sans-serif;
     color: var(--text);
     background: var(--white);
     line-height: 1.6;
     overflow-x: hidden;
 }


 a {
     color: inherit;
     text-decoration: none;
 }


 button,
 input,
 select {
     font-family: inherit;
 }


 .container {
     width: min(100% - 40px, var(--container));
     margin-inline: auto;
 }


 .site-header {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 1000;
     transition:
         transform .3s ease,
         background .3s ease,
         box-shadow .3s ease;
 }


 .site-header.scrolled {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     background: rgba(2, 11, 23, .96);
     box-shadow: 0 8px 30px rgba(2, 11, 23, .18);
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
     animation: siteHeaderSlideDown .3s ease;
 }

 @keyframes siteHeaderSlideDown {
     from {
         transform: translateY(-100%);
     }

     to {
         transform: translateY(0);
     }
 }


 .mobile-menu-btn {
     display: none;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     gap: 5px;
     width: 44px;
     height: 44px;
     padding: 0;
     border: 0;
     border-radius: 7px;
     background: transparent;
     cursor: pointer;
     transition: .25s ease;
 }

 .mobile-menu-btn:hover {
     background: rgba(255, 255, 255, .08);
 }

 .mobile-menu-btn span {
     display: block;
     width: 22px;
     height: 2px;
     border-radius: 10px;
     background: #ffffff;
 }

 .mobile-menu-overlay {
     position: fixed;
     inset: 0;
     z-index: 9998;
     background: rgba(2, 11, 23, .48);
     opacity: 0;
     visibility: hidden;
     transition: opacity .3s ease, visibility .3s ease;
     backdrop-filter: blur(2px);
 }

 .mobile-menu-overlay.active {
     opacity: 1;
     visibility: visible;
 }

 .mobile-offcanvas {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 9999;
     width: min(380px, 88vw);
     height: 100vh;
     height: 100dvh;
     display: flex;
     flex-direction: column;
     background: #ffffff;
     box-shadow: 10px 0 40px rgba(2, 11, 23, .15);
     transform: translateX(-100%);
     transition: transform .32s cubic-bezier(.4, 0, .2, 1);
     overflow: hidden;
 }

 .mobile-offcanvas.active {
     transform: translateX(0);
 }

 .offcanvas-header {
     height: 72px;
     min-height: 72px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0 20px;
     border-bottom: 1px solid #e5edf2;
     background: #ffffff;
 }

 .offcanvas-logo {
     display: flex;
     align-items: center;
     text-decoration: none;
 }

 .offcanvas-logo img {
     width: 140px;
     height: auto;
     display: block;
 }

 .offcanvas-close {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 38px;
     height: 38px;
     padding: 0;
     border: 1px solid #e5edf2;
     border-radius: 7px;
     color: #617687;
     background: #ffffff;
     cursor: pointer;
     transition: .25s ease;
 }

 .offcanvas-close:hover {
     color: #ffffff;
     border-color: #16508f;
     background: #16508f;
 }

 .offcanvas-close i {
     font-size: 15px;
 }

 .offcanvas-body {
     flex: 1;
     padding: 8px 12px 25px;
     overflow-y: auto;
     scrollbar-width: thin;
     scrollbar-color: #d7e3ea transparent;
 }

 .mobile-nav {
     display: flex;
     flex-direction: column;
 }

 .mobile-nav-link,
 .mobile-nav-expand {
     width: 100%;
     min-height: 50px;
     display: flex;
     align-items: center;
     gap: 11px;
     padding: 0 11px;
     border: 0;
     border-radius: 7px;
     color: #52697a;
     background: transparent;
     text-decoration: none;
     font-size: 13px;
     font-weight: 600;
     text-align: left;
     cursor: pointer;
     transition: .2s ease;
 }

 .mobile-nav-link:hover,
 .mobile-nav-expand:hover {
     color: #16508f;
     background: #f3f9fc;
 }

 .mobile-nav-link.active {
     color: #16508f;
     background: #edf8fd;
 }

 .mobile-nav-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 32px;
     height: 32px;
     flex-shrink: 0;
     border-radius: 7px;
     color: #6e8493;
     background: #f3f6f8;
 }

 .mobile-nav-link.active .mobile-nav-icon {
     color: #16508f;
     background: #dff3fc;
 }

 .mobile-nav-link:hover .mobile-nav-icon,
 .mobile-nav-expand:hover .mobile-nav-icon {
     color: #16508f;
     background: #e9f6fc;
 }

 .mobile-nav-icon i {
     font-size: 15px;
 }

 .mobile-nav-group {
     margin: 2px 0;
 }

 .mobile-nav-expand {
     justify-content: space-between;
 }

 .mobile-nav-expand-left {
     display: flex;
     align-items: center;
     gap: 11px;
 }

 .mobile-expand-icon {
     color: #8a9ca9;
     font-size: 11px;
     transition: transform .25s ease;
 }

 .mobile-nav-group.open .mobile-expand-icon {
     transform: rotate(180deg);
 }

 .mobile-nav-submenu {
     display: none;
     margin: 0 0 5px 43px;
     padding: 4px 0 4px 10px;
     border-left: 1px solid #dce8ee;
 }

 .mobile-nav-group.open .mobile-nav-submenu {
     display: block;
 }

 .mobile-nav-submenu a {
     display: flex;
     align-items: center;
     gap: 9px;
     min-height: 40px;
     padding: 0 9px;
     border-radius: 5px;
     color: #6c7e8c;
     text-decoration: none;
     font-size: 12px;
     font-weight: 500;
     transition: .2s ease;
 }

 .mobile-nav-submenu a:hover {
     color: #16508f;
     background: #f4f9fc;
 }

 .mobile-nav-submenu a i {
     width: 15px;
     color: #8295a3;
     font-size: 12px;
 }

 .mobile-nav-submenu a:hover i {
     color: #16508f;
 }

 .mobile-actions {
     margin-top: 20px;
     padding: 20px 4px 0;
     border-top: 1px solid #e5edf2;
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .mobile-login,
 .mobile-get-started {
     min-height: 48px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 7px;
     text-decoration: none;
     font-size: 13px;
     font-weight: 600;
     transition: .25s ease;
 }

 .mobile-login {
     border: 1px solid #16508f;
     color: #16508f;
     background: #ffffff;
 }

 .mobile-login:hover {
     color: #ffffff;
     background: #16508f;
 }

 .mobile-get-started {
     color: #ffffff;
     background: #16508f;
 }

 .mobile-get-started:hover {
     color: #ffffff;
     background: #0f3d70;
 }

 body.offcanvas-open {
     overflow: hidden;
 }

 @media(max-width:991px) {

     .main-nav,
     .nav-actions {
         display: none;
     }

     .mobile-menu-btn {
         display: flex;
     }

     .nav-container {
         justify-content: space-between;
     }
 }

 @media(min-width:992px) {

     .mobile-menu-btn,
     .mobile-offcanvas,
     .mobile-menu-overlay {
         display: none !important;
     }
 }

 @media(max-width:480px) {
     .mobile-offcanvas {
         width: min(340px, 90vw);
     }

     .offcanvas-header {
         height: 68px;
         min-height: 68px;
         padding: 0 16px;
     }

     .offcanvas-logo img {
         width: 125px;
     }

     .offcanvas-body {
         padding-left: 10px;
         padding-right: 10px;
     }
 }


 .nav-container {
     height: 88px;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }


 .brand {
     display: flex;
     align-items: center;
     width: 120px;
 }


 .brand img {
     width: 100%;
     height: auto;
     display: block;
 }


 .main-nav {
     display: flex;
     align-items: center;
     gap: 30px;
     margin-left: auto;
     margin-right: 40px;
 }


 .main-nav>a,
 .nav-dropdown>a {
     display: flex;
     align-items: center;
     gap: 6px;

     color: rgba(255, 255, 255, .78);

     font-size: 14px;
     font-weight: 500;

     transition: .25s ease;
 }


 .main-nav>a:hover,
 .main-nav>a.active,
 .nav-dropdown>a:hover {
     color: #fff;
 }


 .nav-dropdown {
     position: relative;
 }

 .nav-dropdown>a span {
     font-size: 16px;
     opacity: .7;
 }

 .hosting-chevron {
     width: 16px;
     height: 16px;
     transition: transform 0.25s ease;
 }


 .nav-dropdown:hover .hosting-chevron {
     transform: rotate(180deg);
 }


 .dropdown-menu {
     position: absolute;
     top: calc(100% + 25px);
     left: 50%;
     width: 780px;
     padding: 14px;
     background: #fff;
     border: 1px solid var(--border);
     border-radius: 14px;
     box-shadow: var(--shadow);
     opacity: 0;
     visibility: hidden;
     transform: translate(-50%, 8px);
     transition: .25s ease;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 5px;
     z-index: 1000;
 }


 .nav-dropdown:hover .dropdown-menu {
     opacity: 1;
     visibility: visible;
     transform: translate(-50%, 0);
 }


 .dropdown-menu a {
     display: block;
     padding: 14px;
     border-radius: 10px;
     text-decoration: none;
 }

 .dropdown-menu a:hover {
     background: var(--light-blue);
 }


 .dropdown-menu strong {
     display: block;
     color: var(--text);
     font-size: 14px;
     font-weight: 600;
 }


 .dropdown-menu small {
     display: block;
     margin-top: 4px;
     color: var(--muted);
     font-size: 12px;
     line-height: 1.4;
 }

 .nav-actions {
     display: flex;
     align-items: center;
     gap: 24px;
 }


 .login-link {
     color: #fff;
     font-size: 14px;
     font-weight: 500;
 }

 .login-link:hover {
     text-decoration: underline;
 }

 .nav-button {
     padding: 11px 20px;
     color: #fff;
     background: linear-gradient(135deg,
             var(--cyan),
             var(--primary));
     border-radius: 9px;
     font-size: 13px;
     font-weight: 700;
     transition: .25s ease;
 }


 .nav-button:hover {
     transform: translateY(-2px);
 }


 /* ===== hero ===== */
 .hero {
     position: relative;
     min-height: 790px;
     padding-top: 88px;
     color: #fff;
     overflow: hidden;
     background:
         radial-gradient(circle at 78% 40%,
             rgba(0, 136, 255, .20),
             transparent 30%),
         radial-gradient(circle at 20% 100%,
             rgba(0, 214, 255, .10),
             transparent 35%),
         linear-gradient(125deg,
             #020917 0%,
             #04142c 52%,
             #03132a 100%);
 }



 .hero::before {
     content: "";
     position: absolute;
     inset: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, .025) 1px,
             transparent 1px),
         linear-gradient(90deg,
             rgba(255, 255, 255, .025) 1px,
             transparent 1px);
     background-size: 55px 55px;
     mask-image: linear-gradient(to bottom,
             black,
             transparent 80%);
 }


 .hero-container {
     position: relative;
     z-index: 2;
     min-height: 600px;
     display: grid;
     grid-template-columns: 1fr 1fr;
     align-items: center;
     gap: 70px;
 }


 .hero-content {
     padding-top: 50px;
 }


 .hero-badge {
     display: inline-flex;
     align-items: center;
     gap: 9px;
     padding: 8px 13px;
     color: #9cefff;
     font-size: 12px;
     font-weight: 600;
 }


 .hero h1 {
     max-width: 680px;
     margin-top: 25px;
     font-family: "Plus Jakarta Sans", sans-serif;
     font-size: clamp(35px, 4vw, 52px);
     line-height: 1.08;
     letter-spacing: -3px;
     font-weight: 800;
 }


 .hero h1 span {
     display: block;
     background: linear-gradient(100deg,
             #fff 10%,
             #6deaff 55%,
             #3d83ff);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
 }


 .hero-description {
     max-width: 570px;
     margin-top: 25px;
     color: rgba(255, 255, 255, .68);
     font-size: 16px;
     line-height: 1.8;
 }


 .hero-buttons {
     display: flex;
     align-items: center;
     gap: 13px;
     margin-top: 35px;
 }


 .primary-button,
 .secondary-button {
     display: inline-flex;
     align-items: center;
     gap: 18px;
     padding: 14px 21px;
     border-radius: 9px;
     font-size: 13px;
     font-weight: 700;
     transition: .25s ease;
 }


 .primary-button {
     color: #fff;
     background: linear-gradient(135deg,
             var(--cyan),
             var(--primary));
 }


 .primary-button:hover {
     transform: translateY(-3px);
 }


 .secondary-button {
     color: #fff;
     border: 1px solid rgba(255, 255, 255, .15);
     background: rgba(255, 255, 255, .05);
 }


 .secondary-button:hover {
     background: rgba(255, 255, 255, .1);
 }


 .hero-trust {
     display: flex;
     align-items: center;
     gap: 28px;
     margin-top: 42px;
 }


 .trust-item {
     display: flex;
     align-items: center;
     gap: 9px;
 }


 .trust-icon {
     display: grid;
     place-items: center;
     width: 25px;
     height: 25px;
     border-radius: 50%;
     color: var(--cyan);
     background: rgba(8, 217, 255, .1);
     font-size: 12px;
 }


 .trust-item strong,
 .trust-item span {
     display: block;
 }


 .trust-item strong {
     color: #fff;
     font-size: 12px;
 }


 .trust-item span {
     color: rgba(255, 255, 255, .45);
     font-size: 10px;
 }



 .hero-visual {
     position: relative;
     min-height: 500px;
     display: flex;
     align-items: center;
     justify-content: center;
 }


 .server-card {
     position: relative;
     z-index: 2;
     width: 470px;
     padding: 25px;
     border: 1px solid rgba(255, 255, 255, .13);
     border-radius: 20px;
     background:
         linear-gradient(145deg,
             rgba(14, 42, 77, .88),
             rgba(3, 15, 33, .95));
     box-shadow:
         0 35px 80px rgba(0, 0, 0, .45),
         inset 0 1px rgba(255, 255, 255, .07);
     backdrop-filter: blur(15px);
     transform: perspective(1200px) rotateY(-5deg) rotateX(2deg);
 }


 .server-top {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
 }


 .server-label {
     color: var(--cyan);
     font-size: 9px;
     font-weight: 700;
     letter-spacing: 1.5px;
 }


 .server-top h3 {
     margin-top: 4px;
     font-family: "Plus Jakarta Sans", sans-serif;
     font-size: 18px;
 }


 .online-status {
     display: flex;
     align-items: center;
     gap: 6px;
     padding: 6px 9px;
     color: #7ef8a7;
     border: 1px solid rgba(126, 248, 167, .15);
     border-radius: 100px;
     background: rgba(126, 248, 167, .06);
     font-size: 9px;
     font-weight: 600;
 }


 .online-status i {
     width: 5px;
     height: 5px;
     border-radius: 50%;
     background: #53e88c;
     box-shadow: 0 0 8px #53e88c;
 }


 .server-location {
     display: flex;
     align-items: center;
     gap: 8px;
     margin-top: 20px;
     padding: 10px 12px;
     color: rgba(255, 255, 255, .48);
     border-radius: 8px;
     background: rgba(255, 255, 255, .035);
     font-size: 10px;
 }


 .location-icon {
     color: var(--cyan);
 }


 .server-chart {
     position: relative;
     height: 150px;
     margin-top: 22px;
     overflow: hidden;
 }


 .chart-grid {
     position: absolute;
     inset: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, .05) 1px,
             transparent 1px),
         linear-gradient(90deg,
             rgba(255, 255, 255, .05) 1px,
             transparent 1px);
     background-size: 50px 37px;
 }


 .server-chart svg {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
 }


 .chart-area {
     fill: url(#areaGradient);
 }

 .chart-line {
     fill: none;
     stroke: url(#lineGradient);
     stroke-width: 3;
     filter: drop-shadow(0 0 7px rgba(8, 217, 255, .5));
 }


 .server-stat-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 10px;
     margin-top: 15px;
 }


 .server-stat {
     padding: 12px;
     border: 1px solid rgba(255, 255, 255, .06);
     border-radius: 10px;
     background: rgba(255, 255, 255, .025);
 }


 .server-stat span {
     display: block;
     color: rgba(255, 255, 255, .42);
     font-size: 9px;
 }


 .server-stat strong {
     display: block;
     margin-top: 3px;
     font-size: 14px;
 }


 .progress {
     height: 3px;
     margin-top: 8px;
     overflow: hidden;
     border-radius: 5px;
     background: rgba(255, 255, 255, .08);
 }


 .progress span {
     display: block;
     height: 100%;
     border-radius: inherit;
     background: linear-gradient(90deg,
             var(--cyan),
             var(--primary));
 }


 .floating-card {
     position: absolute;
     z-index: 4;
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 12px 15px;
     border: 1px solid rgba(255, 255, 255, .12);
     border-radius: 12px;
     background: rgba(5, 21, 43, .9);
     box-shadow: 0 15px 35px rgba(0, 0, 0, .3);
     backdrop-filter: blur(15px);
 }


 .floating-card strong,
 .floating-card span {
     display: block;
 }


 .floating-card strong {
     font-size: 11px;
 }


 .floating-card span {
     margin-top: 2px;
     color: rgba(255, 255, 255, .45);
     font-size: 9px;
 }


 .floating-icon,
 .speed-icon {
     display: grid;
     place-items: center;
     width: 31px;
     height: 31px;
     border-radius: 8px;
     font-size: 12px;
 }


 .floating-icon {
     color: #6effa0;
     background: rgba(80, 255, 145, .1);
 }


 .speed-icon {
     color: var(--cyan);
     background: rgba(8, 217, 255, .1);
 }


 .floating-security {
     top: 90px;
     right: -15px;
 }


 .floating-speed {
     bottom: 120px;
     left: -15px;
 }



 .hero-bottom {
     position: absolute;
     z-index: 5;
     bottom: 0;
     left: 0;
     width: 100%;
     border-top: 1px solid rgba(255, 255, 255, .07);
     background: rgba(2, 10, 25, .5);
     backdrop-filter: blur(15px);
 }


 .hero-bottom .container {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
 }


 .hero-bottom-item {
     display: flex;
     align-items: center;
     gap: 12px;
     min-height: 78px;
     padding: 0 25px;
     border-right: 1px solid rgba(255, 255, 255, .07);
 }


 .hero-bottom-item:first-child {
     padding-left: 0;
 }


 .hero-bottom-item:last-child {
     border-right: 0;
 }


 .bottom-icon {
     color: var(--cyan);
     font-size: 18px;
 }


 .hero-bottom-item strong,
 .hero-bottom-item small {
     display: block;
 }


 .hero-bottom-item strong {
     color: #fff;
     font-size: 11px;
 }


 .hero-bottom-item small {
     margin-top: 2px;
     color: rgba(255, 255, 255, .4);
     font-size: 9px;
 }

 section {
     position: relative;
 }


 .section-label {
     display: inline-block;
     color: var(--primary);
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 1.7px;
 }


 .section-heading {
     max-width: 680px;
     margin: 0 auto 55px;
     text-align: center;
 }




 .section-heading h2,
 .domain-heading h2,
 .performance-heading h2,
 .security-content h2,
 .partners-section h2,
 .why-content h2,
 .faq-heading h2 {
     margin-top: 10px;
     font-family: "Plus Jakarta Sans", sans-serif;
     font-size: clamp(32px, 4vw, 47px);
     line-height: 1.15;
     letter-spacing: 1.2px;
 }


 .section-heading h2 span,
 .domain-heading h2 span,
 .performance-heading h2 span,
 .security-content h2 span,
 .partners-content h2 span,
 .why-content h2 span,
 .faq-heading h2 span {
     color: var(--primary);
 }


 .section-heading p,
 .domain-heading p,
 .performance-heading p,
 .security-content>p,
 .why-content>p,
 .partners-content>p,
 .faq-heading>p {
     max-width: 580px;
     margin: 17px auto 0;
     color: var(--muted);
     font-size: 14px;
     line-height: 1.8;
 }


 .domain-section {
     padding: 110px 0;
     background: #fff;
 }


 .domain-heading {
     max-width: 650px;
     margin: 0 auto 35px;
     text-align: center;
 }


 .domain-heading p {
     margin-top: 13px;
 }


 .domain-search-box {
     display: flex;
     align-items: center;
     max-width: 850px;
     margin: auto;
     padding: 7px;
     border: 1px solid var(--border);
     border-radius: 13px;
     background: #fff;
     box-shadow: 0 15px 45px rgba(10, 50, 100, .09);
 }


 .search-input {
     display: flex;
     align-items: center;
     gap: 10px;
     flex: 1;
     padding: 0 15px;
 }


 .search-input span {
     color: var(--primary);
     font-size: 24px;
 }


 .search-input input {
     width: 100%;
     border: 0;
     outline: 0;
     color: var(--text);
     font-size: 16px;
 }


 .search-input input::placeholder {
     color: #9aa8ba;
 }


 .domain-search-box select {
     height: 48px;
     padding: 0 15px;
     border: 1px solid var(--border);
     border-radius: 8px;
     outline: none;
     color: var(--text);
     background: var(--light);
     font-size: 12px;
 }


 .domain-search-box button {
     height: 48px;
     margin-left: 8px;
     padding: 0 22px;
     border: 0;
     border-radius: 8px;
     color: #fff;
     background: linear-gradient(135deg,
             var(--cyan),
             var(--primary));
     font-size: 12px;
     font-weight: 700;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     transition: all 0.25s ease;
 }

 .domain-search-box button span {
     display: inline-flex;
     align-items: center;
     justify-content: center;
 }

 .domain-search-box button svg {
     width: 16px;
     height: 16px;
     transition: transform 0.25s ease;
 }

 .domain-search-box button:hover svg {
     transform: translateX(3px);
 }

 .domain-search-box button:hover {
     transform: translateY(-1px);
 }

 .domain-prices {
     display: flex;
     justify-content: center;
     gap: 45px;
     margin-top: 25px;
 }


 .domain-prices strong {
     color: var(--text);
     font-size: 13px;
 }


 .domain-prices span {
     margin-left: 7px;
     color: var(--muted);
     font-size: 10px;
 }


 .domain-prices b {
     color: var(--primary);
 }




    .domain-results-wrapper {
        max-width: 900px;
        margin: 40px auto 0;
    }

    /* ==========================================
       RESULT STATUS
    ========================================== */

    .domain-result-status {
        margin-bottom: 30px;
        text-align: center;
    }

    .domain-result-status h3 {
        margin: 0;
        color: var(--text);
        font-family: "Playfair Display", serif;
        font-size: 27px;
        font-weight: 600;
    }

    .domain-result-status .available {
        color: #12a86b;
    }

    .domain-result-status .unavailable {
        color: #e5484d;
    }

    .domain-result-status .unsupported {
        color: #e69b00;
    }

    .domain-result-status p {
        margin: 10px 0 0;
        color: var(--muted);
        font-size: 11px;
    }

    /* ==========================================
       SEARCH RESULT CARD
    ========================================== */

    .domain-results-card {
        overflow: hidden;
        border: 1px solid var(--border);
        border-radius: 14px;
        background: #fff;
        box-shadow:
            0 20px 50px rgba(15, 45, 75, .07);
    }

    /* ==========================================
       RESULTS HEADER
    ========================================== */

    .domain-results-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 22px;
        border-bottom: 1px solid var(--border);
        background: #f8fbfe;
    }

    .domain-results-header strong {
        color: var(--text);
        font-size: 12px;
    }

    .domain-results-header span {
        color: var(--muted);
        font-size: 9px;
    }

    /* ==========================================
       DOMAIN ROW
    ========================================== */

    .domain-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 70px;
        padding: 14px 22px;
        border-bottom: 1px solid #edf2f7;
        transition: .25s ease;
    }

    .domain-row:last-child {
        border-bottom: 0;
    }

    .domain-row:hover {
        background: #f9fcff;
    }

    /* ==========================================
       DOMAIN NAME
    ========================================== */

    .domain-row-name {
        display: flex;
        align-items: center;
        gap: 12px;
        color: var(--text);
        font-size: 12px;
        font-weight: 600;
    }

    /* ==========================================
       DOMAIN ICON
    ========================================== */

    .domain-row-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border-radius: 8px;
        color: var(--primary);
        background: #eef8ff;
        font-size: 13px;
    }

    /* ==========================================
       RIGHT SIDE
    ========================================== */

    .domain-row-right {
        display: flex;
        align-items: center;
        gap: 18px;
    }

    /* ==========================================
       PRICE
    ========================================== */

    .domain-row-price {
        color: var(--text);
        font-size: 12px;
        font-weight: 700;
    }

    .domain-row-price small {
        color: var(--muted);
        font-size: 8px;
        font-weight: 400;
    }

    /* ==========================================
       DOMAIN STATUS
    ========================================== */

    .domain-status {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-size: 9px;
        font-weight: 600;
    }

    .domain-status.available {
        color: #12a86b;
    }

    .domain-status.unavailable {
        color: #e5484d;
    }

    /* ==========================================
       ADD BUTTON
    ========================================== */

    .domain-add-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-width: 78px;
        padding: 8px 12px;
        border: 1px solid var(--primary);
        border-radius: 6px;
        color: #fff;
        background: var(--primary);
        font-family: "Poppins", sans-serif;
        font-size: 9px;
        font-weight: 600;
        transition: .25s ease;
    }

    .domain-add-btn:hover {
        transform: translateY(-1px);
    }

    /* ==========================================
       OUTLINE ADD BUTTON
    ========================================== */

    .domain-add-btn-outline {
        color: var(--primary);
        background: #fff;
    }

    .domain-add-btn-outline:hover {
        color: #fff;
        background: var(--primary);
    }

    /* ==========================================
       UNAVAILABLE TEXT
    ========================================== */

    .domain-unavailable {
        color: #8b9aaa;
        font-size: 9px;
        font-weight: 600;
    }

    /* ==========================================
       SEARCH ERROR
    ========================================== */

    .domain-error-box {
        display: flex;
        align-items: flex-start;
        gap: 15px;
        max-width: 850px;
        margin: 0 auto 30px;
        padding: 20px 22px;
        border: 1px solid rgba(230, 155, 0, .25);
        border-radius: 10px;
        background: #fffaf0;
    }

    .domain-error-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 40px;
        height: 40px;
        border-radius: 8px;
        color: #e69b00;
        background: rgba(230, 155, 0, .10);
    }

    .domain-error-box strong {
        display: block;
        margin-bottom: 4px;
        color: var(--text);
        font-size: 12px;
    }

    .domain-error-box p {
        margin: 0;
        color: var(--muted);
        font-size: 10px;
        line-height: 1.7;
    }

    /* ==========================================
       RESPONSIVE
    ========================================== */

    @media (max-width: 767px) {

        .domain-results-wrapper {
            margin-top: 35px;
        }

        .domain-row {
            align-items: flex-start;
            gap: 15px;
            flex-direction: column;
        }

        .domain-row-right {
            width: 100%;
            justify-content: space-between;
        }

    }

    @media (max-width: 480px) {

        .domain-results-header {
            align-items: flex-start;
            gap: 5px;
            flex-direction: column;
        }

        .domain-row-name {
            font-size: 11px;
        }

        .domain-row-right {
            flex-wrap: wrap;
        }

        .domain-error-box {
            padding: 17px;
        }

    }
    

 .hosting-section {
     padding: 110px 0;
     background: var(--light);
 }



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


 .pricing-card {
     position: relative;
     padding: 32px;
     border: 1px solid var(--border);
     border-radius: 18px;
     background: #fff;
     box-shadow: var(--shadow-sm);
     transition: .3s ease;
 }


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


 .pricing-card.popular {
     border: 2px solid var(--primary);
     box-shadow:
         0 20px 55px rgba(8, 104, 232, .16);
 }


 .popular-label {
     position: absolute;
     top: 0;
     right: 25px;
     padding: 7px 12px;
     border-radius: 0 0 8px 8px;
     color: #fff;
     background: linear-gradient(135deg,
             var(--cyan),
             var(--primary));
     font-size: 8px;
     font-weight: 800;
     letter-spacing: 1px;
 }


 .plan-icon {
     display: grid;
     place-items: center;
     width: 42px;
     height: 42px;
     margin-bottom: 20px;
     border-radius: 11px;
     color: var(--primary);
     background: var(--light-blue);
     font-size: 17px;
 }


 .pricing-card h3 {
     font-family: "Plus Jakarta Sans", sans-serif;
     font-size: 20px;
 }


 .plan-description {
     min-height: 45px;
     margin-top: 7px;
     color: var(--muted);
     font-size: 12px;
     line-height: 1.7;
 }


 .price {
     margin-top: 22px;
     font-family: "Plus Jakarta Sans", sans-serif;
     color: var(--text);
     font-size: 39px;
     font-weight: 800;
     letter-spacing: -2px;
 }

 .price small {
     font-size: 17px;
     vertical-align: top;
 }

 .price-value {
     color: var(--text);
     font-family: "Plus Jakarta Sans", sans-serif;
     font-size: 39px;
     font-weight: 800;
     letter-spacing: -2px;
 }

 .price>span:last-child {
     color: var(--muted);
     font-family: Inter, sans-serif;
     font-size: 11px;
     font-weight: 500;
     letter-spacing: 0;
 }

 .regular-price {
     display: block;
     margin-top: -4px;
     color: #9aa8ba;
     font-size: 13px;
 }

 .plan-button {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-top: 20px;
     padding: 13px 15px;
     border: 1px solid #dbe6f2;
     border-radius: 8px;
     color: var(--primary);
     font-size: 11px;
     font-weight: 700;
     text-decoration: none;
     transition: .25s ease;
 }

 .plan-button span {
     display: inline-flex;
     align-items: center;
     justify-content: center;
 }

 .plan-button svg {
     width: 17px;
     height: 17px;
     transition: transform .25s ease;
 }

 .plan-button:hover {
     color: var(--primary);
     border-color: var(--primary);
 }

 .plan-button:hover svg {
     transform: translateX(4px);
 }


 .pricing-card.popular .plan-button,
 .plan-button:hover {
     color: #fff;
     border-color: var(--primary);
     background: var(--primary);
 }


 .plan-divider {
     height: 1px;
     margin: 25px 0;
     background: var(--border);
 }


 .pricing-card h4 {
     font-size: 16px;
 }


 .pricing-card ul {
     list-style: none;
     margin-top: 16px;
     padding: 0;
     text-align: left;
 }

 .pricing-card li {
     position: relative;
     padding-left: 20px;
     margin-bottom: 11px;
     color: var(--muted);
     font-size: 14px;
     text-align: left;
 }

 .pricing-card li::before {
     content: "✓";
     position: absolute;
     left: 0;
     top: 0;
     color: var(--primary);
     font-weight: 800;
 }

 .pricing-footer {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     margin-top: 35px;
     color: var(--muted);
     font-size: 12px;
 }

 .pricing-footer a {
     display: inline-flex;
     align-items: center;
     gap: 5px;
     color: var(--primary);
     font-weight: 700;
     text-decoration: none;
     transition: .25s ease;
 }

 .pricing-footer a svg {
     width: 17px;
     height: 17px;
     transition: transform .25s ease;
 }

 .pricing-footer a:hover {
     color: var(--primary);
 }

 .pricing-footer a:hover svg {
     transform: translateX(4px);
 }


 .why-section {
     padding: 115px 0;
     color: #fff;
     background: radial-gradient(circle at 85% 20%,
             rgba(8, 217, 255, .13),
             transparent 30%),
         linear-gradient(120deg,
             #020917,
             #061a35);
 }


 .why-container {
     display: grid;
     grid-template-columns: .8fr 1.2fr;
     gap: 80px;
     align-items: center;
 }


 .light-label {
     color: var(--cyan);
 }


 .why-content h2 {
     color: #fff;
 }


 .why-content h2 span {
     color: #61eaff;
 }


 .why-content>p {
     margin: 20px 0 30px;
     color: rgba(255, 255, 255, .58);
     line-height: 1.9;
 }


 .white-button {
     display: inline-flex;
     align-items: center;
     gap: 20px;
     padding: 13px 17px;
     color: var(--navy);
     border-radius: 8px;
     background: #fff;
     font-size: 13px;
     font-weight: 700;
     transition: .25s ease;
 }


 .white-button:hover {
     transform: translateY(-2px);
 }


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


 .feature-card {
     padding: 27px;
     border: 1px solid rgba(255, 255, 255, .08);
     border-radius: 15px;
     background: rgba(255, 255, 255, .035);
     transition: .3s ease;
 }


 .feature-card:hover {
     border-color: rgba(8, 217, 255, .3);
     background: rgba(8, 217, 255, .05);
     transform: translateY(-4px);
 }


 .feature-icon {
     display: grid;
     place-items: center;
     width: 40px;
     height: 40px;
     margin-bottom: 18px;
     border-radius: 10px;
     color: var(--cyan);
     background: rgba(8, 217, 255, .08);
 }


 .feature-card h3 {
     font-family: "Plus Jakarta Sans", sans-serif;
     font-size: 16px;
 }


 .feature-card p {
     margin-top: 8px;
     color: rgba(255, 255, 255, .48);
     font-size: 13px;
     line-height: 1.8;
 }


 /* ===== PERFORMANCE ====== */

 .performance-section {
     padding: 110px 0;
     background: #fff;
 }


 .performance-heading {
     max-width: 650px;
     margin: auto;
     text-align: center;
 }


 .performance-heading p {
     margin-top: 17px;
 }


 .stats-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     margin-top: 60px;
     border: 1px solid var(--border);
     border-radius: 16px;
     overflow: hidden;
 }


 .stat-card {
     padding: 35px 28px;
     border-right: 1px solid var(--border);
 }


 .stat-card:last-child {
     border-right: 0;
 }


 .stat-card>strong {
     display: block;
     font-family: "Plus Jakarta Sans", sans-serif;
     color: var(--primary);
     font-size: 39px;
     line-height: 1;
     letter-spacing: -2px;
 }


 .stat-card>strong span {
     font-size: 19px;
 }


 .stat-card h3 {
     margin-top: 14px;
     font-size: 12px;
 }


 .stat-card p {
     margin-top: 7px;
     color: var(--muted);
     font-size: 10px;
     line-height: 1.7;
 }

 /* ===== SECURITY ===== */

 .security-section {
     padding: 110px 0;
     background: var(--light);
 }

 .security-container {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 90px;
     align-items: center;
 }


 .security-visual {
     position: relative;
     height: 430px;
     display: grid;
     place-items: center;
 }


 .security-circle {
     position: absolute;
     border: 1px solid rgba(8, 104, 232, .15);
     border-radius: 50%;
 }


 .circle-one {
     width: 320px;
     height: 320px;
 }


 .circle-two {
     width: 450px;
     height: 450px;
     border-style: dashed;
 }


 .shield {
     position: relative;
     z-index: 2;
     display: grid;
     place-items: center;
     width: 150px;
     height: 170px;
     clip-path: polygon(50% 0,
             91% 16%,
             91% 58%,
             77% 78%,
             50% 100%,
             23% 78%,
             9% 58%,
             9% 16%);
     color: #fff;
     background: linear-gradient(145deg,
             var(--cyan),
             var(--primary));
     box-shadow: 0 20px 60px rgba(8, 104, 232, .25);
 }


 .shield::before {
     content: "";
     position: absolute;
     inset: 8px;
     clip-path: inherit;
     background: var(--navy);
 }


 .shield span {
     position: relative;
     z-index: 3;
     width: 60px;
     height: 60px;
     display: grid;
     place-items: center;
     border: 1px solid rgba(255, 255, 255, .15);
     border-radius: 50%;
     background: rgba(255, 255, 255, .06);
     box-shadow:
         0 8px 25px rgba(0, 0, 0, .15),
         inset 0 0 15px rgba(255, 255, 255, .05);
 }


 .shield span img {
     display: block;
     width: 34px;
     height: 34px;
     object-fit: contain;
 }

 .security-chip {
     position: absolute;
     display: flex;
     flex-direction: column;
     padding: 10px 14px;
     border: 1px solid var(--border);
     border-radius: 10px;
     background: #fff;
     box-shadow: var(--shadow-sm);
 }


 .security-chip span {
     color: var(--primary);
     font-size: 12px;
     font-weight: 800;
 }


 .security-chip small {
     margin-top: 1px;
     color: var(--muted);
     font-size: 8px;
 }


 .chip-one {
     top: 65px;
     left: 30px;
 }


 .chip-two {
     top: 50px;
     right: 15px;
 }


 .chip-three {
     bottom: 65px;
     right: 55px;
 }


 .security-content h2 span {
     display: block;
 }


 .security-content>p {
     margin: 20px 0 30px;
 }


 .security-list {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 13px;
 }


 .security-list div {
     display: flex;
     align-items: center;
     gap: 10px;
     color: var(--text);
     font-size: 11px;
 }


 .security-list div span {
     display: grid;
     place-items: center;
     width: 22px;
     height: 22px;
     border-radius: 50%;
     color: var(--primary);
     background: var(--light-blue);
     font-size: 9px;
 }

 .partners-section {
     padding: 70px 0;
     overflow: hidden;
     background: #fff;
 }

 .partners-container {
     display: grid;
     grid-template-columns: 1fr 420px;
     gap: 50px;
     align-items: center;
     max-width: 1100px;
     margin: 0 auto;
     padding: 0 20px;
 }

 .partners-content {
     max-width: 500px;
 }

 .orbit-wrapper {
     position: relative;
     width: 360px;
     height: 360px;
     margin: auto;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .orbit {
     position: absolute;
     width: 100%;
     height: 100%;
     border: 1px solid rgba(22, 80, 143, .15);
     border-radius: 50%;
     animation: orbitRotate 25s linear infinite;
     z-index: 3;
 }

 .partner-logo {
     position: absolute;
     width: 65px;
     height: 65px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 9px;
     border-radius: 50%;
     background: #fff;
     box-shadow: 0 8px 22px rgba(15, 23, 42, .1);
     animation: counterRotate 25s linear infinite;
     z-index: 5;
 }

 .partner-logo img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     border-radius: 50%;
 }

 .logo-1 {
     top: -32px;
     left: 50%;
     transform: translateX(-50%);
 }

 .logo-2 {
     top: 18%;
     right: -25px;
 }

 .logo-3 {
     bottom: 5%;
     right: 5%;
 }

 .logo-4 {
     bottom: 5%;
     left: 5%;
 }

 .logo-5 {
     top: 18%;
     left: -25px;
 }

 .energy-lines {
     position: absolute;
     inset: 0;
     z-index: 1;
     pointer-events: none;
 }

 .energy-line {
     position: absolute;
     display: block;
     height: 2px;
     background: linear-gradient(90deg,
             rgba(22, 80, 143, .15),
             #16508f,
             #42a5ff);
     box-shadow:
         0 0 4px rgba(22, 80, 143, .7),
         0 0 10px rgba(66, 165, 255, .5);
     transform-origin: left center;
     opacity: .7;
 }

 .energy-line::after {
     content: "";
     position: absolute;
     top: 50%;
     left: calc(100% - 22px);
     width: 22px;
     height: 4px;
     border-radius: 50%;
     background: #fff;
     box-shadow:
         0 0 5px #fff,
         0 0 12px #42a5ff,
         0 0 20px #16508f;
     transform: translateY(-50%);
     animation: electricPulse 1.5s linear infinite;
 }

 .line-1 {
     width: 150px;
     left: 50%;
     top: 50%;
     transform: rotate(-90deg);
 }

 .line-2 {
     width: 150px;
     left: 50%;
     top: 50%;
     transform: rotate(-36deg);
 }

 .line-3 {
     width: 150px;
     left: 50%;
     top: 50%;
     transform: rotate(36deg);
 }

 .line-4 {
     width: 150px;
     left: 50%;
     top: 50%;
     transform: rotate(144deg);
 }

 .line-5 {
     width: 150px;
     left: 50%;
     top: 50%;
     transform: rotate(216deg);
 }

 .orbit-center {
     position: relative;
     z-index: 10;
     width: 105px;
     height: 105px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     background: #fff;
     box-shadow:
         0 0 0 6px rgba(22, 80, 143, .05),
         0 15px 35px rgba(22, 80, 143, .2);
     overflow: hidden;
 }

 .orbit-center img {
     position: relative;
     z-index: 3;
     width: 100%;
     height: 100%;
     object-fit: contain;
     padding: 12px;
     border-radius: 50%;
 }

 .center-glow {
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     background: radial-gradient(circle,
             rgba(66, 165, 255, .2) 0%,
             rgba(22, 80, 143, .06) 45%,
             transparent 70%);
     animation: centerPulse 2s ease-in-out infinite;
 }

 @keyframes electricPulse {

     0% {
         left: calc(100% - 22px);
         opacity: 0;
     }

     10% {
         opacity: 1;
     }

     80% {
         opacity: 1;
     }

     100% {
         left: 0;
         opacity: 0;
     }

 }

 @keyframes orbitRotate {

     from {
         transform: rotate(0deg);
     }

     to {
         transform: rotate(360deg);
     }

 }

 @keyframes counterRotate {

     from {
         transform: rotate(0deg);
     }

     to {
         transform: rotate(-360deg);
     }

 }

 @keyframes centerPulse {

     0%,
     100% {
         transform: scale(1);
         opacity: .5;
     }

     50% {
         transform: scale(1.08);
         opacity: 1;
     }

 }

 @media(max-width:991px) {

     .partners-container {
         grid-template-columns: 1fr;
         gap: 45px;
     }

     .partners-content {
         max-width: 600px;
         text-align: center;
         margin: auto;
     }

     .orbit-wrapper {
         width: 350px;
         height: 350px;
     }

 }

 @media(max-width:575px) {

     .partners-section {
         padding: 55px 0;
     }

     .partners-container {
         gap: 35px;
         padding: 0 15px;
     }

     .partners-content h2 {
         font-size: 30px;
     }

     .partners-content p {
         font-size: 13px;
     }

     .orbit-wrapper {
         width: 280px;
         height: 280px;
     }

     .partner-logo {
         width: 55px;
         height: 55px;
         padding: 7px;
     }

     .logo-1 {
         top: -27px;
     }

     .logo-2 {
         right: -20px;
     }

     .logo-5 {
         left: -20px;
     }

     .orbit-center {
         width: 85px;
         height: 85px;
     }

     .orbit-center img {
         padding: 9px;
     }

     .energy-line {
         width: 115px;
     }

 }

 /* ===== FAQ ===== */

 .faq-section {
     padding: 110px 0;
     background: var(--light);
 }


 .faq-container {
     display: grid;
     grid-template-columns: .7fr 1.3fr;
     gap: 80px;
 }


 .faq-heading>p {
     margin: 20px 0 8px;
 }


 .faq-contact {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     color: var(--primary);
     font-size: 11px;
     font-weight: 700;
     text-decoration: none;
     transition: .25s ease;
 }

 .faq-contact span {
     display: inline-flex;
     align-items: center;
     justify-content: center;
 }

 .faq-contact svg {
     width: 16px;
     height: 16px;
     transition: transform .25s ease;
 }

 .faq-contact:hover {
     color: var(--primary);
 }

 .faq-contact:hover svg {
     transform: translateX(4px);
 }

 .faq-list details {
     border-bottom: 1px solid var(--border);
 }


 .faq-list summary {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 20px 0;
     color: var(--text);
     cursor: pointer;
     list-style: none;
     font-size: 13px;
     font-weight: 600;
 }


 .faq-list summary::-webkit-details-marker {
     display: none;
 }


 .faq-list summary span {
     color: var(--primary);
     font-size: 18px;
     transition: .2s ease;
 }


 .faq-list details[open] summary span {
     transform: rotate(45deg);
 }


 .faq-list details p {
     max-width: 700px;
     padding: 0 35px 20px 0;
     color: var(--muted);
     font-size: 13px;
     line-height: 1.8;
 }


 .final-cta {
     position: relative;
     padding: 110px 0;
     color: #fff;
     text-align: center;
     overflow: hidden;
     background:
         radial-gradient(circle at 50% 0%,
             rgba(8, 217, 255, .22),
             transparent 45%),
         linear-gradient(135deg,
             #031127,
             #061e40);
 }


 .final-cta .container {
     position: relative;
     z-index: 2;
 }


 .cta-label {
     color: var(--cyan);
 }


 .final-cta h2 {
     max-width: 700px;
     margin: 12px auto 0;
     font-family: "Plus Jakarta Sans", sans-serif;
     font-size: clamp(38px, 5vw, 58px);
     line-height: 1.15;
     letter-spacing: -2px;
 }


 .final-cta h2 span {
     display: block;
     background: linear-gradient(100deg,
             #fff,
             #62eaff,
             #4e88ff);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
 }


 .final-cta p {
     max-width: 530px;
     margin: 18px auto 0;
     color: rgba(255, 255, 255, .55);
     font-size: 13px;
 }


 .cta-buttons {
     display: flex;
     justify-content: center;
     gap: 10px;
     margin-top: 30px;
 }


 .cta-primary,
 .cta-secondary {
     display: inline-flex;
     align-items: center;
     gap: 17px;
     padding: 13px 20px;
     border-radius: 8px;
     font-size: 11px;
     font-weight: 700;
 }


 .cta-primary {
     color: #fff;
     background: linear-gradient(135deg,
             var(--cyan),
             var(--primary));
     box-shadow: 0 12px 35px rgba(8, 104, 232, .3);
 }


 .cta-secondary {
     border: 1px solid rgba(255, 255, 255, .15);
     color: #fff;
     background: rgba(255, 255, 255, .05);
 }




 .site-footer {
     padding: 70px 0 25px;

     color: rgba(255, 255, 255, .6);

     background: #010816;
 }


 .footer-top {
     display: grid;
     grid-template-columns: 2fr 1fr 1fr 1fr;
     gap: 60px;

     padding-bottom: 55px;
 }


 .footer-logo {
     display: block;
     width: 120px;
 }


 .footer-logo img {
     width: 100%;
     height: auto;
 }


 .footer-brand p {
     max-width: 320px;

     margin-top: 20px;

     color: rgba(255, 255, 255, .4);

     font-size: 14px;
     line-height: 1.8;
 }


 .socials {
     display: flex;
     gap: 7px;

     margin-top: 20px;
 }


 .socials a {
     display: grid;
     place-items: center;

     width: 31px;
     height: 31px;

     border: 1px solid rgba(255, 255, 255, .08);
     border-radius: 7px;

     color: rgba(255, 255, 255, .6);

     background: rgba(255, 255, 255, .03);

     font-size: 14px;

     transition: .2s ease;
 }


 .socials a:hover {
     color: #fff;

     border-color: var(--primary);

     background: var(--primary);
 }


 .footer-column h4 {
     margin-bottom: 18px;

     color: #fff;

     font-size: 15px;
 }


 .footer-column a {
     display: block;

     margin-bottom: 11px;

     color: rgba(255, 255, 255, .42);

     font-size: 13px;

     transition: .2s ease;
 }


 .footer-column a:hover {
     color: #fff;
 }


 .footer-bottom {
     display: flex;
     align-items: center;
     justify-content: space-between;

     padding-top: 23px;

     border-top: 1px solid rgba(255, 255, 255, .07);

     font-size: 13px;
 }


 .footer-bottom div {
     display: flex;
     gap: 20px;
 }


 .footer-bottom a:hover {
     color: #fff;
 }





 /* =========================================================
   RESPONSIVE
========================================================= */

 @media (max-width: 1100px) {

     .main-nav {
         gap: 20px;
         margin-right: 20px;
     }

     .hero-container {
         gap: 35px;
     }

     .hero h1 {
         font-size: 53px;
     }

     .server-card {
         width: 420px;
     }

 }


 @media (max-width: 900px) {

     .main-nav,
     .nav-actions {
         display: none;
     }



     .hero {
         min-height: auto;
         padding-bottom: 120px;
     }


     .hero-container {
         grid-template-columns: 1fr;

         padding-top: 60px;

         text-align: center;
     }


     .hero-content {
         padding-top: 40px;
     }


     .hero-description {
         margin-inline: auto;
     }


     .hero-buttons,
     .hero-trust {
         justify-content: center;
     }


     .hero-visual {
         min-height: 450px;
     }


     .hero-bottom {
         display: none;
     }


     .pricing-grid {
         grid-template-columns: 1fr;
         max-width: 550px;
         margin-inline: auto;
     }


     .why-container,
     .security-container,
     .faq-container {
         grid-template-columns: 1fr;
         gap: 50px;
     }


     .why-content {
         max-width: 650px;
     }


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


     .stat-card:nth-child(2) {
         border-right: 0;
     }


     .stat-card:nth-child(-n+2) {
         border-bottom: 1px solid var(--border);
     }


     .testimonial-grid {
         grid-template-columns: 1fr;
         max-width: 600px;
         margin-inline: auto;
     }


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

 }


 @media (max-width: 600px) {

     .container {
         width: min(100% - 28px, var(--container));
     }


     .nav-container {
         height: 76px;
     }


     .brand {
         width: 100px;
     }

     .hero {
         padding-top: 76px;
     }


     .hero-container {
         padding-top: 40px;
     }


     .hero h1 {
         font-size: 42px;
         letter-spacing: -2px;
     }


     .hero-description {
         font-size: 13px;
     }


     .primary-button,
     .secondary-button {
         justify-content: center;
     }


     .hero-trust {
         gap: 15px;
         flex-wrap: wrap;
     }


     .hero-visual {
         min-height: 370px;
     }


     .server-card {
         width: 100%;
         padding: 18px;
         transform: none;
     }


     .floating-security {
         top: 20px;
         right: -5px;
     }


     .floating-speed {
         bottom: 15px;
         left: -5px;
     }


     .server-stat-grid {
         gap: 5px;
     }


     .server-stat {
         padding: 8px;
     }


     .server-stat strong {
         font-size: 11px;
     }


     .domain-section,
     .hosting-section,
     .why-section,
     .performance-section,
     .security-section,
     .testimonial-section,
     .faq-section,
     .final-cta {
         padding: 75px 0;
     }


     .features-section,
     .pricing-section,
     .control-section,
     .performance-section,
     .migration-section,
     .security-section,
     .faq-section,
     .final-cta {
         padding: 75px 0;
     }



     .domain-search-box {
         flex-wrap: wrap;
     }


     .search-input {
         flex-basis: 100%;

         height: 48px;
     }


     .domain-search-box select {
         flex: 1;
     }


     .domain-search-box button {
         flex: 1;
     }


     .domain-prices {
         flex-wrap: wrap;
         gap: 12px 25px;
     }


     .feature-grid {
         grid-template-columns: 1fr;
     }


     .stats-grid {
         grid-template-columns: 1fr;
     }


     .stat-card {
         border-right: 0;
         border-bottom: 1px solid var(--border);
     }


     .stat-card:last-child {
         border-bottom: 0;
     }


     .security-visual {
         height: 350px;
     }


     .circle-one {
         width: 250px;
         height: 250px;
     }


     .circle-two {
         width: 320px;
         height: 320px;
     }


     .security-list {
         grid-template-columns: 1fr;
     }


     .chip-one {
         left: 0;
     }


     .chip-two {
         right: 0;
     }


     .chip-three {
         right: 20px;
     }


     .testimonial-card>p {
         min-height: auto;
     }


     .footer-top {
         grid-template-columns: 1fr 1fr;
         gap: 35px 25px;
     }


     .footer-brand {
         grid-column: 1 / -1;
     }


     .footer-bottom {
         flex-direction: column;
         align-items: flex-start;
         gap: 12px;
     }


     .final-cta h2 {
         font-size: 39px;
     }



     .cta-primary,
     .cta-secondary {
         justify-content: center;
     }

 }




 .page-header {
     position: relative;
     overflow: hidden;
     padding: 96px 0 52px;
     background:
         radial-gradient(circle at 78% 40%,
             rgba(0, 136, 255, .20),
             transparent 30%),
         radial-gradient(circle at 20% 100%,
             rgba(0, 214, 255, .10),
             transparent 35%),
         linear-gradient(125deg,
             #020917 0%,
             #04142c 52%,
             #03132a 100%);
 }

 .page-header-breadcrumb {
     display: flex;
     align-items: center;
     gap: 8px;
     margin-bottom: 28px;
     font-size: 12px;
 }

 .page-header-breadcrumb a {
     color: #89a4b9;
     text-decoration: none;
     font-weight: 500;
     transition: .2s ease;
 }

 .page-header-breadcrumb a:hover {
     color: var(--cyan);
 }

 .page-header-breadcrumb i {
     color: #52738c;
     font-size: 11px;
 }

 .page-header-breadcrumb span {
     color: #dbeaf4;
 }

 .page-header-content {
     display: flex;
     align-items: flex-end;
     gap: 30px;
 }

 .page-header-label {
     display: inline-block;
     margin-bottom: 8px;
     color: var(--cyan);
     font-size: 10px;
     font-weight: 700;
     letter-spacing: 1.8px;
 }

 .page-header h1 {
     margin: 0 0 10px;
     color: #ffffff;
     font-family: "Playfair Display", serif;
     font-size: clamp(34px, 4vw, 48px);
     font-weight: 700;
     line-height: 1.05;
 }

 .page-header h1 span {
     color: var(--cyan);
 }

 .page-header p {
     max-width: 620px;
     margin: 0;
     color: #89a1b5;
     font-size: 13px;
     line-height: 1.8;
 }

 @media (max-width: 767px) {
     .page-header {
         padding: 95px 0 45px;
     }

     .page-header-breadcrumb {
         margin-bottom: 20px;
         font-size: 10px;
     }

     .page-header-content {
         display: block;
     }

     .page-header h1 {
         font-size: 35px;
     }

     .page-header p {
         font-size: 11px;
         line-height: 1.7;
     }
 }

 @media (max-width: 480px) {
     .page-header h1 {
         font-size: 32px;
     }
 }

 .terms-updated {
     display: inline-flex;
     align-items: center;
     gap: 7px;
     padding: 8px 11px;
     border: 1px solid rgba(255, 255, 255, .09);
     border-radius: 5px;
     color: #7591a5;
     background: rgba(255, 255, 255, .035);
     font-family: "Poppins", sans-serif;
     font-size: 10px;
 }

 .terms-updated i {
     color: var(--cyan);
     font-size: 12px;
 }

 .pricing-section {
     padding: 100px 0;
     background: #fff;
 }


 .pricing-switch {
     display: flex;
     justify-content: center;
     width: fit-content;
     margin: -20px auto 40px;
     padding: 4px;
     border: 1px solid var(--border);
     border-radius: 8px;
     background: #fff;
 }


 .pricing-switch button {
     padding: 9px 14px;
     border: 0;
     border-radius: 6px;
     color: var(--muted);
     background: transparent;
     font-size: 9px;
     font-weight: 700;
     cursor: pointer;
 }


 .pricing-switch button.active {
     color: #fff;
     background: var(--primary);
 }


 .pricing-switch button span {
     margin-left: 5px;
     color: #38bdf8;
 }


 .pricing-switch button.active span {
     color: #fff;
 }






 .vps-plans-section {
     padding: 110px 0;
     background: var(--light);
 }


 .vps-hero,
 .vps-plans-section,
 .vps-features,
 .control-section,
 .vps-cta {
     font-family: "Poppins", sans-serif;
 }

 .vps-hero h1,
 .vps-hero h2,
 .vps-plans-section h2,
 .vps-features h2,
 .control-section h2,
 .vps-cta h2 {
     font-family: "Playfair Display", serif;
 }

 .vps-plan {
     position: relative;
     height: 100%;
     padding: 35px 30px;
     border: 1px solid var(--border);
     border-radius: 14px;
     background: #fff;
     transition: .3s ease;
 }

 .vps-plan:hover {
     transform: translateY(-7px);
     border-color: rgba(8, 120, 209, .35);
     box-shadow: 0 25px 60px rgba(15, 45, 75, .10);
 }

 .vps-plan.featured {
     border: 2px solid var(--primary);
     box-shadow: 0 20px 60px rgba(8, 120, 209, .13);
 }



 .plan-top {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .plan-name {
     color: var(--primary);
     font-size: 10px;
     font-weight: 700;
     letter-spacing: 1.5px;
 }

 .plan-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 45px;
     height: 45px;
     border-radius: 10px;
     color: var(--primary);
     background: #eef8ff;
     font-size: 20px;
 }

 .vps-plan h3 {
     margin: 25px 0 10px;
     color: var(--text);
     font-size: 24px;
     font-weight: 700;
 }

 .plan-description {
     min-height: 62px;
     color: var(--muted);
     font-size: 14px;
     line-height: 1.8;
 }

 .plan-price {
     display: flex;
     align-items: baseline;
     gap: 4px;
     margin: 27px 0 22px;
 }

 .plan-price small {
     color: var(--muted);
     font-size: 10px;
 }

 .plan-price strong {
     color: var(--text);
     font-size: 34px;
     font-weight: 700;
 }

 .plan-price span {
     color: var(--muted);
     font-size: 11px;
 }



 .vps-plan.featured .plan-button,
 .plan-button:hover {
     color: #fff;
     border-color: var(--primary);
     background: var(--primary);
 }

 .plan-divider {
     height: 1px;
     margin: 27px 0 20px;
     background: var(--border);
 }

 .vps-plan ul {
     padding: 0;
     margin: 0;
     list-style: none;
 }

 .vps-plan li {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 13px;
     color: #64758a;
     font-size: 14px;
 }

 .vps-plan li i {
     color: var(--primary);
     font-size: 13px;
 }


 .vps-cta {
     padding: 80px 0;
     background: #f4f9fd;
 }

 .cta-inner {
     position: relative;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 30px;
     padding: 55px 60px;
     border-radius: 18px;
     background:
         radial-gradient(circle at 90% 10%,
             rgba(8, 217, 255, .15),
             transparent 30%),
         linear-gradient(120deg,
             #031224,
             #06294b);
 }

 .cta-inner h2 {
     margin: 0 0 10px;
     color: #fff;
     font-size: clamp(32px, 4vw, 48px);
     line-height: 1.15;
     letter-spacing: -1px;
 }

 .cta-inner h2 span {
     color: var(--cyan);
 }

 .cta-inner p {
     margin: 0;
     color: #8197ac;
     font-size: 13px;
     line-height: 1.6;
 }

 .cta-button {
     position: relative;
     z-index: 2;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 12px;
     padding: 15px 24px;
     border-radius: 7px;
     color: #00213e;
     background: var(--cyan);
     text-decoration: none;
     font-size: 13px;
     font-weight: 700;
     white-space: nowrap;
     transition: .3s ease;
 }

 .cta-button:hover {
     color: #00213e;
     transform: translateY(-2px);
 }

 @media (max-width: 991px) {

     .vps-cta {
         padding: 65px 0;
     }

     .cta-inner {
         padding: 45px 40px;
         gap: 25px;
     }

     .cta-inner h2 {
         font-size: clamp(30px, 5vw, 42px);
     }

 }

 @media (max-width: 767px) {

     .vps-cta {
         padding: 50px 0;
     }

     .cta-inner {
         flex-direction: column;
         align-items: flex-start;
         justify-content: flex-start;
         gap: 25px;
         padding: 38px 28px;
         border-radius: 14px;
     }

     .cta-inner h2 {
         margin-bottom: 10px;
         font-size: clamp(30px, 9vw, 38px);
         line-height: 1.15;
         letter-spacing: -1px;
     }

     .cta-inner p {
         max-width: 500px;
         font-size: 13px;
     }

     .cta-button {
         width: 100%;
         padding: 14px 20px;
     }

 }


 @media (max-width: 480px) {

     .vps-cta {
         padding: 40px 0;
     }

     .cta-inner {
         padding: 32px 22px;
         border-radius: 12px;
     }

     .cta-inner h2 {
         font-size: 30px;
     }

     .cta-inner p {
         font-size: 12px;
     }

     .cta-button {
         font-size: 12px;
         padding: 13px 18px;
     }

 }





 .reseller-plans,
 .agency-section,
 .reseller-cta {
     font-family: "Poppins", sans-serif;
 }

 .reseller-plans h2,
 .agency-section h2,
 .reseller-cta h2 {
     font-family: "Playfair Display", serif;
 }

 .reseller-plans {
     padding: 120px 0;
     background: var(--light);
 }


 .reseller-plan {
     position: relative;
     height: 100%;
     padding: 34px 30px;
     border: 1px solid var(--border);
     border-radius: 14px;
     background: #fff;
     transition: .3s ease;
 }

 .reseller-plan:hover {
     transform: translateY(-7px);
     border-color: rgba(8, 120, 209, .3);
     box-shadow: 0 25px 60px rgba(15, 45, 75, .10);
 }

 .reseller-plan.featured {
     border: 2px solid var(--primary);
     box-shadow: 0 20px 60px rgba(8, 120, 209, .12);
 }


 .plan-top {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
 }

 .plan-label {
     color: var(--primary);
     font-size: 9px;
     font-weight: 700;
     letter-spacing: 1.5px;
 }

 .reseller-plan h3 {
     margin: 8px 0 0;
     color: var(--text);
     font-size: 25px;
     font-weight: 700;
 }

 .plan-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 46px;
     height: 46px;
     border-radius: 10px;
     color: var(--primary);
     background: #eef8ff;
     font-size: 19px;
 }

 .plan-description {
     min-height: 65px;
     margin: 22px 0;
     color: var(--muted);
     font-size: 14px;
     line-height: 1.8;
 }

 .reseller-price {
     display: flex;
     align-items: baseline;
     gap: 4px;
     margin-bottom: 22px;
 }

 .reseller-price small {
     color: var(--muted);
     font-size: 13px;
 }

 .reseller-price strong {
     color: var(--text);
     font-size: 32px;
 }

 .reseller-price span {
     color: var(--muted);
     font-size: 13px;
 }

 .reseller-plan-button {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 9px;
     width: 100%;
     padding: 13px;
     border: 1px solid var(--border);
     border-radius: 6px;
     color: var(--primary);
     text-decoration: none;
     font-size: 11px;
     font-weight: 600;
     transition: .3s ease;
 }

 .reseller-plan-button:hover,
 .reseller-plan.featured .reseller-plan-button {
     color: #fff;
     border-color: var(--primary);
     background: var(--primary);
 }

 .plan-divider {
     height: 1px;
     margin: 25px 0 18px;
     background: var(--border);
 }

 .includes {
     margin-bottom: 14px;
     color: var(--text);
     font-size: 11px;
     font-weight: 600;
 }

 .reseller-plan ul {
     padding: 0;
     margin: 0;
     list-style: none;
 }

 .reseller-plan li {
     display: flex;
     align-items: center;
     gap: 9px;
     margin-bottom: 13px;
     color: #65768a;
     font-size: 13px;
 }

 .reseller-plan li i {
     color: var(--primary);
     font-size: 12px;
 }


 .reseller-cta {
     padding: 80px 0;
     background: #fff;
 }

 .reseller-cta-inner {
     position: relative;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 30px;
     padding: 55px 60px;
     border-radius: 18px;
     background:
         radial-gradient(circle at 90% 10%,
             rgba(8, 217, 255, .15),
             transparent 30%),
         linear-gradient(120deg,
             #031224,
             #06294b);
 }


 .reseller-cta-inner h2 {
     margin: 0 0 10px;
     color: #fff;
     font-size: clamp(35px, 4vw, 48px);
     line-height: 1.08;
     letter-spacing: -1px;
 }

 .reseller-cta-inner h2 span {
     color: var(--cyan);
 }

 .reseller-cta-inner p {
     margin: 0;
     color: #8096ab;
     font-size: 12px;
     line-height: 1.6;
 }

 .cta-reseller-button {
     position: relative;
     z-index: 2;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     padding: 15px 24px;
     border-radius: 7px;
     color: #00213e;
     background: var(--cyan);
     text-decoration: none;
     font-size: 12px;
     font-weight: 700;
     white-space: nowrap;
     transition: .3s ease;
 }

 .cta-reseller-button:hover {
     color: #00213e;
     transform: translateY(-2px);
 }


 @media (max-width: 991px) {

     .reseller-cta {
         padding: 65px 0;
     }

     .reseller-cta-inner {
         padding: 45px 40px;
         gap: 25px;
     }

     .reseller-cta-inner h2 {
         font-size: clamp(30px, 5vw, 42px);
     }

 }


 @media (max-width: 767px) {

     .reseller-cta {
         padding: 50px 0;
     }

     .reseller-cta-inner {
         flex-direction: column;
         align-items: flex-start;
         justify-content: flex-start;
         gap: 25px;
         padding: 38px 28px;
         border-radius: 14px;
     }

     .reseller-cta-inner h2 {
         margin-bottom: 10px;
         font-size: clamp(30px, 9vw, 38px);
         line-height: 1.15;
         letter-spacing: -1px;
     }

     .reseller-cta-inner p {
         max-width: 500px;
         font-size: 12px;
     }

     .cta-reseller-button {
         width: 100%;
         padding: 14px 20px;
     }

 }


 @media (max-width: 480px) {

     .reseller-cta {
         padding: 40px 0;
     }

     .reseller-cta-inner {
         padding: 32px 22px;
         border-radius: 12px;
     }

     .reseller-cta-inner h2 {
         font-size: 30px;
     }

     .reseller-cta-inner p {
         font-size: 12px;
     }

     .cta-reseller-button {
         font-size: 12px;
         padding: 13px 18px;
     }

 }



 .ssl-plans {
     padding: 110px 0;
     background: var(--light);
 }

 .ssl-plan-card {
     position: relative;
     height: 100%;
     padding: 34px 30px;
     border: 1px solid var(--border);
     box-shadow: var(--shadow-sm);
     border-radius: 14px;
     background: #fff;
     transition: .3s ease;
 }

 .ssl-plan-card:hover {
     transform: translateY(-7px);
     box-shadow: var(--shadow);
 }

 .ssl-plan-card.featured {
     border: 2px solid var(--primary);
     box-shadow: var(--shadow);
 }

 .ssl-popular {
     position: absolute;
     top: -13px;
     left: 50%;
     transform: translateX(-50%);
     padding: 6px 15px;
     border-radius: 30px;
     color: #fff;
     background: var(--primary);
     font-size: 8px;
     font-weight: 700;
     letter-spacing: 1px;
     white-space: nowrap;
 }

 .ssl-plan-top {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
 }

 .ssl-plan-label {
     color: var(--primary);
     font-size: 9px;
     font-weight: 700;
     letter-spacing: 1.5px;
 }

 .ssl-plan-card h3 {
     margin: 8px 0 0;
     font-size: 25px;
     font-weight: 700;
 }

 .ssl-plan-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 46px;
     height: 46px;
     border-radius: 10px;
     color: var(--primary);
     background: var(--light-blue);
     font-size: 19px;
 }

 .ssl-plan-description {
     min-height: 65px;
     margin: 22px 0;
     color: var(--muted);
     font-size: 12px;
     line-height: 1.8;
 }

 .ssl-price {
     display: flex;
     align-items: baseline;
     gap: 4px;
     margin-bottom: 22px;
 }

 .ssl-price small {
     color: var(--muted);
     font-size: 9px;
 }

 .ssl-price strong {
     color: var(--text);
     font-size: 32px;
 }

 .ssl-price span {
     color: var(--muted);
     font-size: 10px;
 }

 .ssl-plan-button {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 9px;
     width: 100%;
     padding: 13px;
     border: 1px solid var(--border);
     border-radius: 6px;
     color: var(--primary);
     text-decoration: none;
     font-size: 11px;
     font-weight: 600;
     transition: .3s ease;
 }

 .ssl-plan-button:hover,
 .ssl-plan-card.featured .ssl-plan-button {
     color: #fff;
     border-color: var(--primary);
     background: var(--primary);
 }

 .ssl-divider {
     height: 1px;
     margin: 25px 0 18px;
     background: var(--border);
 }

 .ssl-includes {
     margin-bottom: 14px;
     color: var(--text);
     font-size: 11px;
     font-weight: 600;
 }

 .ssl-plan-card ul {
     padding: 0;
     margin: 0;
     list-style: none;
 }

 .ssl-plan-card li {
     display: flex;
     align-items: center;
     gap: 9px;
     margin-bottom: 13px;
     color: #65768a;
     font-size: 11px;
 }

 .ssl-plan-card li i {
     color: var(--primary);
     font-size: 12px;
 }



 .why-ssl {
     padding: 110px 0;
     background: #fff;
 }

 .why-ssl-title {
     margin-bottom: 20px;
     color: var(--text);
     font-size: clamp(40px, 5vw, 53px);
     line-height: 1.08;
 }

 .why-ssl-title span {
     display: block;
     color: var(--primary);
 }

 .why-ssl-text {
     max-width: 560px;
     margin-bottom: 30px;
     color: var(--muted);
     font-size: 13px;
     line-height: 1.9;
 }

 .ssl-benefit {
     display: flex;
     gap: 15px;
     margin-bottom: 22px;
 }

 .benefit-icon {
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 46px;
     height: 46px;
     border-radius: 10px;
     color: var(--primary);
     background: #eef8ff;
     font-size: 17px;
 }

 .ssl-benefit h3 {
     margin: 0 0 5px;
     color: var(--text);
     font-family: "Poppins", sans-serif;
     font-size: 14px;
     font-weight: 600;
 }

 .ssl-benefit p {
     max-width: 450px;
     margin: 0;
     color: var(--muted);
     font-size: 11px;
     line-height: 1.7;
 }


 .ssl-security-visual {
     position: relative;
     min-height: 450px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 20px;
     overflow: hidden;
     background:
         radial-gradient(circle,
             rgba(8, 217, 255, .10),
             transparent 45%),
         #03101f;
 }

 .security-ring {
     position: absolute;
     border: 1px solid rgba(8, 217, 255, .12);
     border-radius: 50%;
 }

 .ring-one {
     width: 190px;
     height: 190px;
 }

 .ring-two {
     width: 300px;
     height: 300px;
 }

 .ring-three {
     width: 420px;
     height: 420px;
 }

 .security-shield {
     position: relative;
     z-index: 3;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 125px;
     height: 145px;
     color: var(--cyan);
     background: rgba(8, 217, 255, .05);
     clip-path: polygon(50% 0,
             91% 15%,
             87% 65%,
             50% 100%,
             13% 65%,
             9% 15%);
     box-shadow: 0 0 60px rgba(8, 217, 255, .15);
     font-size: 50px;
 }

 .security-floating-card {
     position: absolute;
     z-index: 4;
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 12px 15px;
     border: 1px solid rgba(255, 255, 255, .08);
     border-radius: 9px;
     background: rgba(6, 24, 44, .92);
     box-shadow: 0 15px 35px rgba(0, 0, 0, .2);
     backdrop-filter: blur(10px);
 }

 .floating-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 31px;
     height: 31px;
     border-radius: 7px;
     color: var(--cyan);
     background: rgba(8, 217, 255, .08);
     font-size: 12px;
 }

 .security-floating-card small {
     display: block;
     margin-bottom: 2px;
     color: #61788d;
     font-size: 7px;
 }

 .security-floating-card strong {
     display: block;
     color: #e2ebf2;
     font-size: 9px;
 }

 .card-encryption {
     top: 70px;
     left: 35px;
 }

 .card-browser {
     right: 25px;
     top: 165px;
 }

 .card-certificate {
     bottom: 65px;
     left: 70px;
 }



 .ssl-cta {
     padding: 80px 0;
     background: #fff;
 }

 .ssl-cta-inner {
     position: relative;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 30px;
     padding: 55px 60px;
     border-radius: 18px;
     background:
         radial-gradient(circle at 90% 10%,
             rgba(8, 217, 255, .15),
             transparent 30%),
         linear-gradient(120deg,
             #031224,
             #06294b);
 }


 .ssl-cta-inner h2 {
     margin: 0 0 10px;
     color: #fff;
     font-size: clamp(35px, 4vw, 48px);
     line-height: 1.08;
     letter-spacing: -1px;
 }

 .ssl-cta-inner h2 span {
     color: var(--cyan);
 }

 .ssl-cta-inner p {
     margin: 0;
     color: #8096ab;
     font-size: 12px;
     line-height: 1.6;
 }

 .ssl-cta-button {
     position: relative;
     z-index: 2;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     padding: 15px 24px;
     border-radius: 7px;
     color: #00213e;
     background: var(--cyan);
     text-decoration: none;
     font-size: 12px;
     font-weight: 700;
     white-space: nowrap;
     transition: .3s ease;
 }

 .ssl-cta-button:hover {
     color: #00213e;
     transform: translateY(-2px);
 }


 @media (max-width: 991px) {

     .ssl-cta {
         padding: 65px 0;
     }

     .ssl-cta-inner {
         padding: 45px 40px;
         gap: 25px;
     }

     .ssl-cta-inner h2 {
         font-size: clamp(30px, 5vw, 42px);
     }

 }



 @media (max-width: 767px) {

     .ssl-cta {
         padding: 50px 0;
     }

     .ssl-cta-inner {
         flex-direction: column;
         align-items: flex-start;
         gap: 25px;
         padding: 38px 28px;
         border-radius: 14px;
     }

     .ssl-cta-inner h2 {
         font-size: clamp(30px, 9vw, 38px);
         line-height: 1.15;
         letter-spacing: -1px;
     }

     .ssl-cta-inner p {
         max-width: 500px;
     }

     .ssl-cta-button {
         width: 100%;
         padding: 14px 20px;
     }

 }


 @media (max-width: 480px) {

     .ssl-cta {
         padding: 40px 0;
     }

     .ssl-cta-inner {
         padding: 32px 22px;
         border-radius: 12px;
     }

     .ssl-cta-inner h2 {
         font-size: 30px;
     }

     .ssl-cta-button {
         font-size: 12px;
         padding: 13px 18px;
     }

 }

 @media (max-width: 991px) {

     .ssl-security-visual {
         max-width: 650px;
         margin: auto;
     }

     .ssl-cta-inner {
         align-items: flex-start;
         flex-direction: column;
     }

 }


 .domain-hero,
 .domain-pricing,
 .domain-benefits,
 .domain-process,
 .domain-extensions,
 .domain-faq,
 .domain-cta {
     font-family: "Poppins", sans-serif;
 }

 .domain-hero h1,
 .domain-pricing h2,
 .domain-benefits h2,
 .domain-process h2,
 .domain-extensions h2,
 .domain-faq h2,
 .domain-cta h2 {
     font-family: "Playfair Display", serif;
 }


 .domain-hero {
     position: relative;
     overflow: hidden;
     padding: 50px 0 90px;
     background: #fff;
 }


 .domain-hero-content {
     max-width: 950px;
     margin: auto;
     text-align: center;
 }


 .domain-hero h1 {
     max-width: 850px;
     margin: 0 auto 23px;
     color: var(--text);
     font-size: clamp(48px, 7vw, 58px);
     line-height: 1.02;
     letter-spacing: -2px;
 }

 .domain-hero h1 span {
     display: block;
     color: var(--primary);
 }

 .domain-hero-content>p {
     max-width: 680px;
     margin: 0 auto 35px;
     color: var(--muted);
     font-size: 15px;
     line-height: 1.9;
 }


 .domain-search-wrapper {
     max-width: 850px;
     margin: auto;
 }


 .domain-cta {
     padding: 80px 0;
     background: #fff;
 }

 .domain-cta-inner {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 30px;
     padding: 55px 60px;
     border-radius: 18px;
     background:
         radial-gradient(circle at 90% 10%,
             rgba(8, 217, 255, .15),
             transparent 30%),
         linear-gradient(120deg,
             #031224,
             #06294b);
 }

 .domain-cta-inner h2 {
     margin: 0 0 10px;
     color: #fff;
     font-size: clamp(35px, 4vw, 48px);
     line-height: 1.08;
 }

 .domain-cta-inner h2 span {
     color: var(--cyan);
 }

 .domain-cta-inner p {
     margin: 0;
     color: #8096ab;
     font-size: 11px;
 }

 .domain-cta-button {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     padding: 15px 25px;
     border-radius: 7px;
     color: #00213e;
     background: var(--cyan);
     text-decoration: none;
     font-size: 11px;
     font-weight: 700;
     white-space: nowrap;
     transition: .3s ease;
 }

 .domain-cta-button:hover {
     color: #00213e;
     transform: translateY(-2px);
 }


 @media (max-width: 991px) {

     .domain-hero {
         padding: 50px 0 90px;
     }

     .domain-search {
         max-width: 750px;
         margin: auto;
     }

     .domain-cta-inner {
         align-items: flex-start;
         flex-direction: column;
     }

 }


 @media (max-width: 767px) {

     .domain-hero {
         padding: 50px 0 90px;
     }

     .domain-hero h1 {
         font-size: 44px;
         letter-spacing: -1px;
     }

     .domain-hero-content>p {
         font-size: 13px;
     }

     .domain-search {
         flex-direction: column;
         padding: 7px;
     }

     .domain-pricing,
     .domain-faq {
         padding: 75px 0;
     }

     .domain-cta {
         padding: 55px 0;
     }

     .domain-cta-inner {
         padding: 40px 25px;
     }

     .domain-cta-button {
         width: 100%;
     }

 }




 .transfer-form-section,
 .transfer-benefits,
 .transfer-process,
 .transfer-requirements,
 .transfer-faq,
 .transfer-cta {
     font-family: "Poppins", sans-serif;
 }


 /* ==========================================
   FORM / TRANSFER INTRO
========================================== */

 .transfer-form-title,
 .transfer-process h2,
 .requirements-title,
 .transfer-faq h2,
 .transfer-cta h2 {
     font-family: "Playfair Display", serif;
 }


 .transfer-form-section {
     padding: 50px 0 90px;
     background: var(--light);
 }


 .transfer-form-title {
     max-width: 530px;
     margin-bottom: 20px;
     color: var(--text);
     font-size: clamp(42px, 5vw, 56px);
     line-height: 1.08;
     font-weight: 600;
 }


 .transfer-form-title span {
     display: block;
     color: var(--primary);
 }


 .transfer-form-text {
     max-width: 500px;
     margin-bottom: 28px;
     color: var(--muted);
     font-size: 14px;
     line-height: 1.85;
 }


 .transfer-form-features {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 14px;
 }


 .transfer-form-features div {
     display: flex;
     align-items: center;
     gap: 9px;
     color: var(--text);
     font-size: 12px;
 }


 .transfer-form-features i {
     color: var(--primary);
     font-size: 13px;
 }


 /* ==========================================
   TRANSFER FORM CARD
========================================== */

 .transfer-form-card {
     padding: 34px;
     border: 1px solid var(--border);
     border-radius: 15px;
     background: #fff;
     box-shadow: 0 25px 70px rgba(15, 45, 75, .08);
 }


 .transfer-form-card-header {
     display: flex;
     align-items: center;
     gap: 14px;
     padding-bottom: 22px;
     margin-bottom: 25px;
     border-bottom: 1px solid var(--border);
 }


 .transfer-form-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 50px;
     height: 50px;
     flex-shrink: 0;
     border-radius: 10px;
     color: var(--primary);
     background: #eef8ff;
     font-size: 19px;
 }


 .transfer-form-card-header h3 {
     margin: 0 0 4px;
     color: var(--text);
     font-size: 17px;
     font-weight: 600;
 }


 .transfer-form-card-header p {
     margin: 0;
     color: var(--muted);
     font-size: 11px;
     line-height: 1.5;
 }


 /* ==========================================
   FORM INPUTS
========================================== */

 .transfer-input-group {
     margin-bottom: 19px;
 }


 .transfer-input-group label {
     display: block;
     margin-bottom: 8px;
     color: var(--text);
     font-size: 11px;
     font-weight: 600;
 }


 .transfer-input-group label small {
     color: #9aa8b6;
     font-size: 10px;
     font-weight: 400;
 }


 .transfer-input {
     display: flex;
     align-items: center;
     gap: 10px;
     height: 51px;
     padding: 0 15px;
     border: 1px solid var(--border);
     border-radius: 7px;
     background: #fff;
     transition: .2s ease;
 }


 .transfer-input:focus-within {
     border-color: rgba(8, 120, 209, .5);
     box-shadow: 0 0 0 3px rgba(8, 120, 209, .06);
 }


 .transfer-input i {
     color: var(--primary);
     font-size: 14px;
 }


 .transfer-input input {
     width: 100%;
     height: 100%;
     padding: 0;
     border: 0;
     outline: 0;
     color: var(--text);
     background: transparent;
     font-family: "Poppins", sans-serif;
     font-size: 16px;
 }


 .transfer-input input::placeholder {
     color: #a2afbc;
     font-size: 16px;
 }



 .transfer-checkbox {
     display: flex;
     align-items: flex-start;
     gap: 9px;
     margin: 21px 0;
 }


 .transfer-checkbox input {
     width: 15px;
     height: 15px;
     margin-top: 2px;
     accent-color: var(--primary);
 }


 .transfer-checkbox label {
     color: var(--muted);
     font-size: 10px;
     line-height: 1.65;
     cursor: pointer;
 }


 .transfer-submit {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 9px;
     width: 100%;
     height: 51px;
     border: 0;
     border-radius: 7px;
     color: #fff;
     background: var(--primary);
     font-family: "Poppins", sans-serif;
     font-size: 11px;
     font-weight: 600;
     cursor: pointer;
     transition: .3s ease;
 }


 .transfer-submit:hover {
     box-shadow: 0 12px 30px rgba(8, 120, 209, .22);
 }


 .transfer-secure-note {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 6px;
     margin-top: 16px;
     color: #94a2af;
     font-size: 9px;
 }


 .transfer-secure-note i {
     color: var(--primary);
     font-size: 10px;
 }




 .transfer-cta {
     padding: 80px 0;
     background: #fff;
 }

 .transfer-cta-inner {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 30px;
     padding: 55px 60px;
     border-radius: 18px;
     background:
         radial-gradient(circle at 90% 10%,
             rgba(8, 217, 255, .15),
             transparent 30%),
         linear-gradient(120deg,
             #031224,
             #06294b);
 }

 .transfer-cta-inner h2 {
     margin: 0 0 10px;
     color: #fff;
     font-size: clamp(35px, 4vw, 48px);
     line-height: 1.08;
 }

 .transfer-cta-inner h2 span {
     color: var(--cyan);
 }

 .transfer-cta-inner p {
     margin: 0;
     color: #8096ab;
     font-size: 11px;
 }

 .transfer-cta-button {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 9px;
     padding: 15px 24px;
     border-radius: 7px;
     color: #00213e;
     background: var(--cyan);
     text-decoration: none;
     font-size: 10px;
     font-weight: 700;
     white-space: nowrap;
     transition: .3s ease;
 }

 .transfer-cta-button:hover {
     color: #00213e;
     transform: translateY(-2px);
     box-shadow: 0 15px 30px rgba(8, 217, 255, .2);
 }


 @media (max-width: 991px) {

     .transfer-cta-inner {
         align-items: flex-start;
         flex-direction: column;
     }

 }


 @media (max-width: 767px) {

     .transfer-form-section,
     .transfer-faq {
         padding: 50px 0 90px;
     }

     .transfer-form-card {
         padding: 23px;
     }

     .transfer-form-features {
         grid-template-columns: 1fr;
     }

     .transfer-cta {
         padding: 55px 0;
     }

     .transfer-cta-inner {
         padding: 40px 25px;
     }

     .transfer-cta-button {
         width: 100%;
     }

 }




 .contact-options,
 .contact-main,
 .contact-final-cta {
     font-family: "Poppins", sans-serif;
 }

 .contact-info h2,
 .contact-form-heading h2,
 .contact-section-heading h2,
 .contact-final-inner h2 {
     font-family: "Playfair Display", serif;
 }

 .contact-options {
     position: relative;
     z-index: 5;
     margin-top: -45px;
 }

 .contact-options-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     overflow: hidden;
     border: 1px solid var(--border);
     border-radius: 14px;
     background: #fff;
     box-shadow: 0 25px 60px rgba(2, 35, 60, .09);
 }

 .contact-option-card {
     display: flex;
     gap: 17px;
     min-height: 175px;
     padding: 32px 30px;
     border-right: 1px solid var(--border);
     transition: .3s ease;
 }

 .contact-option-card:last-child {
     border-right: 0;
 }

 .contact-option-card:hover {
     background: #fafdff;
 }

 .contact-option-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 48px;
     height: 48px;
     min-width: 48px;
     border-radius: 9px;
     color: var(--primary);
     background: #edf7ff;
     font-size: 17px;
 }

 .contact-option-content span {
     display: block;
     margin-bottom: 7px;
     color: var(--primary);
     font-size: 9px;
     font-weight: 700;
     letter-spacing: 1.3px;
 }

 .contact-option-content h3 {
     margin: 0 0 8px;
     color: var(--text);
     font-size: 15px;
     font-weight: 600;
 }

 .contact-option-content p {
     margin: 0 0 14px;
     color: var(--muted);
     font-size: 10px;
     line-height: 1.8;
 }

 .contact-option-content a {
     display: inline-flex;
     align-items: center;
     gap: 7px;
     color: var(--primary);
     text-decoration: none;
     font-size: 10px;
     font-weight: 600;
 }

 .contact-option-content a i {
     font-size: 11px;
     transition: .2s ease;
 }

 .contact-option-content a:hover i {
     transform: translateX(3px);
 }

 .contact-main {
     padding: 120px 0;
     background: #fff;
 }

 .contact-section-label {
     display: block;
     margin-bottom: 12px;
     color: var(--primary);
     font-size: 10px;
     font-weight: 700;
     letter-spacing: 1.8px;
 }

 .contact-info h2 {
     margin: 0 0 20px;
     color: var(--text);
     font-size: clamp(40px, 5vw, 54px);
     line-height: 1.07;
     font-weight: 500;
 }

 .contact-info h2 strong {
     display: block;
     color: var(--primary);
     font-weight: 500;
 }

 .contact-info>p {
     max-width: 550px;
     margin: 0 0 32px;
     color: var(--muted);
     font-size: 12px;
     line-height: 1.9;
 }

 .contact-info-list {
     display: flex;
     flex-direction: column;
     gap: 18px;
     margin-bottom: 32px;
 }

 .contact-info-item {
     display: flex;
     align-items: center;
     gap: 14px;
 }

 .contact-info-item-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 46px;
     height: 46px;
     border: 1px solid var(--border);
     border-radius: 9px;
     color: var(--primary);
     background: #f7fbff;
     font-size: 15px;
 }

 .contact-info-item span,
 .contact-info-item a,
 .contact-info-item strong {
     display: block;
 }

 .contact-info-item span {
     margin-bottom: 4px;
     color: #8b99a7;
     font-size: 9px;
 }

 .contact-info-item a,
 .contact-info-item strong {
     color: var(--text);
     font-size: 11px;
     font-weight: 500;
     text-decoration: none;
 }

 .contact-info-item a:hover {
     color: var(--primary);
 }

 .contact-support-note {
     display: flex;
     align-items: flex-start;
     gap: 14px;
     max-width: 520px;
     padding: 20px;
     border: 1px solid #d9eaf7;
     border-radius: 10px;
     background: #f7fbff;
 }

 .contact-support-note-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 42px;
     height: 42px;
     min-width: 42px;
     border-radius: 8px;
     color: var(--primary);
     background: #e8f5ff;
     font-size: 14px;
 }

 .contact-support-note strong {
     display: block;
     margin-bottom: 6px;
     color: var(--text);
     font-size: 10px;
     font-weight: 600;
 }

 .contact-support-note p {
     margin: 0 0 9px;
     color: var(--muted);
     font-size: 9px;
     line-height: 1.75;
 }

 .contact-support-note a {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     color: var(--primary);
     text-decoration: none;
     font-size: 9px;
     font-weight: 600;
 }

 .contact-form-card {
     padding: 40px;
     border: 1px solid var(--border);
     border-radius: 14px;
     background: #fff;
     box-shadow: 0 25px 65px rgba(3, 43, 72, .07);
 }

 .contact-form-heading {
     margin-bottom: 30px;
 }

 .contact-form-heading span {
     display: block;
     margin-bottom: 8px;
     color: var(--primary);
     font-size: 9px;
     font-weight: 700;
     letter-spacing: 1.6px;
 }

 .contact-form-heading h2 {
     margin: 0 0 9px;
     color: var(--text);
     font-size: 34px;
     line-height: 1.1;
     font-weight: 500;
 }

 .contact-form-heading p {
     margin: 0;
     color: var(--muted);
     font-size: 10px;
     line-height: 1.7;
 }

 .contact-form-card label {
     display: block;
     margin-bottom: 8px;
     color: #506174;
     font-size: 9px;
     font-weight: 600;
 }

 .contact-form-card label small {
     margin-left: 4px;
     color: #a2aeba;
     font-size: 8px;
     font-weight: 400;
 }

 .contact-input,
 .contact-textarea {
     position: relative;
 }

 .contact-input i,
 .contact-textarea i {
     position: absolute;
     z-index: 2;
     top: 50%;
     left: 15px;
     transform: translateY(-50%);
     color: #8ca0b2;
     font-size: 12px;
 }

 .contact-textarea i {
     top: 18px;
     transform: none;
 }

 .contact-input input,
 .contact-input select,
 .contact-textarea textarea {
     width: 100%;
     border: 1px solid #dce6ee;
     border-radius: 7px;
     outline: none;
     color: var(--text);
     background: #fbfdff;
     font-family: "Poppins", sans-serif;
     font-size: 16px !important;
     transition: .25s ease;
 }

 .contact-input input,
 .contact-input select {
     height: 48px;
     font-size: 16px;
     padding: 0 15px 0 42px;
 }

 .contact-input select {
     appearance: none;
     cursor: pointer;
 }

 .contact-textarea textarea {
     min-height: 145px;
     padding: 14px 15px 14px 42px;
     resize: vertical;
     line-height: 1.7;
 }

 .contact-input input::placeholder,
 .contact-textarea textarea::placeholder {
     color: #a9b6c2;
 }

 .contact-input input:focus,
 .contact-input select:focus,
 .contact-textarea textarea:focus {
     border-color: var(--primary);
     background: #fff;
     box-shadow: 0 0 0 3px rgba(8, 120, 209, .07);
 }


 .contact-submit-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 9px;
     width: 100%;
     height: 49px;
     border: 0;
     border-radius: 7px;
     color: #fff;
     background: linear-gradient(100deg, #086ebf, #08a1e4);
     box-shadow: 0 10px 25px rgba(8, 120, 209, .16);
     font-family: "Poppins", sans-serif;
     font-size: 10px;
     font-weight: 700;
     cursor: pointer;
     transition: .3s ease;
 }

 .contact-submit-btn:hover {
     transform: translateY(-2px);
 }

 .contact-submit-btn i {
     transition: .2s ease;
 }

 .contact-submit-btn:hover i {
     transform: translateX(3px);
 }

 .contact-final-cta {
     padding: 80px 0;
     background: #fff;
 }

 .contact-final-inner {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 35px;
     padding: 55px 60px;
     border-radius: 16px;
     background:
         radial-gradient(circle at 90% 0, rgba(8, 217, 255, .14), transparent 35%),
         linear-gradient(120deg, #020d1b, #063e65);
 }

 .contact-final-inner>div:first-child span {
     display: block;
     margin-bottom: 9px;
     color: var(--cyan);
     font-size: 9px;
     font-weight: 700;
     letter-spacing: 1.5px;
 }

 .contact-final-inner h2 {
     margin: 0;
     color: #fff;
     font-size: clamp(35px, 4vw, 50px);
     line-height: 1.08;
     font-weight: 500;
 }

 .contact-final-inner h2 strong {
     color: var(--cyan);
     font-weight: 500;
 }

 .contact-final-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 9px;
     min-width: 180px;
     height: 50px;
     padding: 0 22px;
     border-radius: 7px;
     color: #00243c;
     background: var(--cyan);
     text-decoration: none;
     font-size: 10px;
     font-weight: 700;
     transition: .3s ease;
 }

 .contact-final-btn:hover {
     color: #00243c;
     transform: translateY(-2px);
 }

 @media (max-width: 991px) {

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

     .contact-option-card {
         border-right: 0;
         border-bottom: 1px solid var(--border);
     }

     .contact-option-card:last-child {
         border-bottom: 0;
     }

     .contact-main {
         padding: 95px 0;
     }

     .contact-info {
         margin-bottom: 35px;
     }

     .contact-final-inner {
         align-items: flex-start;
         flex-direction: column;
     }

     .contact-final-btn {
         min-width: 180px;
     }
 }

 @media (max-width: 767px) {

     .contact-options {
         margin-top: -25px;
     }

     .contact-option-card {
         padding: 25px 22px;
     }

     .contact-option-content h3 {
         font-size: 14px;
     }

     .contact-option-content p {
         font-size: 10px;
     }

     .contact-option-content a {
         font-size: 9px;
     }

     .contact-main {
         padding: 75px 0;
     }

     .contact-info h2 {
         font-size: 38px;
     }

     .contact-info>p {
         font-size: 11px;
     }

     .contact-form-card {
         padding: 25px 22px;
     }

     .contact-form-heading h2 {
         font-size: 30px;
     }

     .contact-form-heading p {
         font-size: 9px;
     }

     .contact-input input,
     .contact-input select,
     .contact-textarea textarea {
         font-size: 16px !important;
     }

     .contact-final-cta {
         padding: 60px 0;
     }

     .contact-final-inner {
         padding: 38px 25px;
     }

     .contact-final-inner h2 {
         font-size: 31px;
     }

     .contact-final-btn {
         width: 100%;
     }
 }

 @media (max-width: 480px) {

     .contact-info h2 {
         font-size: 35px;
     }

     .contact-form-card {
         padding: 22px 18px;
     }

     .contact-form-heading h2 {
         font-size: 28px;
     }

     .contact-final-inner h2 {
         font-size: 28px;
     }
 }


 .support-main {
     padding: 85px 0 105px;
     background: #fff;
 }

 .support-options {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 20px;
     margin-bottom: 90px;
 }

 .support-option-card {
     display: flex;
     align-items: flex-start;
     gap: 17px;
     padding: 28px;
     border: 1px solid var(--border);
     border-radius: 11px;
     color: inherit;
     text-decoration: none;
     background: #fff;
     box-shadow: 0 10px 40px rgba(4, 42, 69, .035);
     transition: .3s ease;
 }

 .support-option-card:hover {
     border-color: #c4ddeb;
     transform: translateY(-5px);
     box-shadow: 0 18px 45px rgba(4, 42, 69, .08);
 }

 .support-option-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 48px;
     height: 48px;
     min-width: 48px;
     border-radius: 9px;
     font-size: 18px;
 }

 .support-option-icon.blue {
     color: var(--primary);
     background: #edf7ff;
 }

 .support-option-icon.cyan {
     color: #009bb9;
     background: #eafcff;
 }

 .support-option-icon.green {
     color: var(#08ae78);
     background: #ecfbf6;
 }

 .support-option-label {
     display: block;
     margin-bottom: 5px;
     color: #98a5b0;
     font-family: "Poppins", sans-serif;
     font-size: 10px;
     font-weight: 700;
     letter-spacing: 1.2px;
 }

 .support-option-content h3 {
     margin: 0 0 8px;
     color: var(--text);
     font-family: "Poppins", sans-serif;
     font-size: 17px;
     font-weight: 700;
 }

 .support-option-content p {
     margin: 0 0 14px;
     color: var(--muted);
     font-family: "Poppins", sans-serif;
     font-size: 13px;
     line-height: 1.8;
 }

 .support-option-link {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     color: var(--primary);
     font-family: "Poppins", sans-serif;
     font-size: 12px;
     font-weight: 700;
 }

 .support-option-link i {
     transition: .2s ease;
 }

 .support-option-card:hover .support-option-link i {
     transform: translateX(3px);
 }

 .support-knowledge {
     position: relative;
     display: grid;
     grid-template-columns: 1fr 1fr;
     align-items: center;
     gap: 50px;
     overflow: hidden;
     margin-top: 95px;
     padding: 60px;
     border-radius: 14px;
     background:
         radial-gradient(circle at 90% 10%, rgba(8, 217, 255, .15), transparent 35%),
         linear-gradient(120deg, #020d1b, #063f66);
 }

 .support-knowledge-content {
     position: relative;
     z-index: 2;
     max-width: 530px;
 }

 .support-knowledge-content>span {
     display: block;
     margin-bottom: 10px;
     color: var(--cyan);
     font-family: "Poppins", sans-serif;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.7px;
 }

 .support-knowledge-content h2 {
     margin: 0 0 15px;
     color: #fff;
     font-family: "Playfair Display", serif;
     font-size: 35px;
     font-weight: 600;
     line-height: 1.1;
 }

 .support-knowledge-content h2 strong {
     color: var(--cyan);
     font-weight: 500;
 }

 .support-knowledge-content p {
     margin: 0 0 22px;
     color: #829bae;
     font-family: "Poppins", sans-serif;
     font-size: 14px;
     line-height: 1.9;
 }

 .support-primary-btn {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 13px 20px;
     border-radius: 6px;
     color: #00243c;
     background: var(--cyan);
     text-decoration: none;
     font-family: "Poppins", sans-serif;
     font-size: 12px;
     font-weight: 700;
     transition: .3s ease;
 }

 .support-primary-btn:hover {
     color: #00243c;
     transform: translateY(-2px);
 }

 .support-knowledge-visual {
     position: relative;
     height: 260px;
 }

 .support-globe {
     position: absolute;
     top: 50%;
     left: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 140px;
     height: 140px;
     border: 1px solid rgba(8, 217, 255, .22);
     border-radius: 50%;
     color: var(--cyan);
     background:
         radial-gradient(circle, rgba(8, 217, 255, .14), rgba(8, 217, 255, .02) 65%, transparent 70%);
     font-size: 38px;
     transform: translate(-50%, -50%);
 }

 .support-globe::before,
 .support-globe::after {
     content: "";
     position: absolute;
     border: 1px solid rgba(8, 217, 255, .12);
     border-radius: 50%;
 }

 .support-globe::before {
     width: 180px;
     height: 180px;
 }

 .support-globe::after {
     width: 225px;
     height: 225px;
 }

 .support-floating-card {
     position: absolute;
     z-index: 3;
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 12px 15px;
     border: 1px solid rgba(255, 255, 255, .1);
     border-radius: 8px;
     background: rgba(255, 255, 255, .06);
     backdrop-filter: blur(10px);
 }

 .support-floating-card i {
     font-size: 14px;
 }

 .support-floating-card strong {
     display: block;
     margin-bottom: 2px;
     color: #fff;
     font-family: "Poppins", sans-serif;
     font-size: 11px;
 }

 .support-floating-card span {
     display: block;
     color: #7591a5;
     font-family: "Poppins", sans-serif;
     font-size: 9px;
 }

 .card-one {
     top: 20px;
     right: 15px;
 }

 .card-one i {
     color: #19d89a;
 }

 .card-two {
     bottom: 20px;
     left: 15px;
 }

 .card-two i {
     color: var(--cyan);
 }

 .support-contact {
     display: flex;
     align-items: center;
     gap: 22px;
     margin-top: 60px;
     padding: 32px;
     border: 1px solid var(--border);
     border-radius: 11px;
     background: #fff;
     box-shadow: 0 12px 40px rgba(3, 45, 75, .04);
 }

 .support-contact-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 52px;
     height: 52px;
     min-width: 52px;
     border-radius: 9px;
     color: var(--primary);
     background: #edf7ff;
     font-size: 19px;
 }

 .support-contact-content {
     flex: 1;
 }

 .support-contact-content>span {
     display: block;
     margin-bottom: 4px;
     color: var(--primary);
     font-family: "Poppins", sans-serif;
     font-size: 10px;
     font-weight: 700;
     letter-spacing: 1.3px;
 }

 .support-contact-content h2 {
     margin: 0 0 6px;
     color: var(--text);
     font-family: "Playfair Display", serif;
     font-size: 25px;
     font-weight: 600;
 }

 .support-contact-content p {
     margin: 0;
     color: var(--muted);
     font-family: "Poppins", sans-serif;
     font-size: 13px;
     line-height: 1.8;
 }

 .support-contact-btn {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 14px 20px;
     border-radius: 6px;
     color: #fff;
     background: var(--primary);
     text-decoration: none;
     font-family: "Poppins", sans-serif;
     font-size: 12px;
     font-weight: 700;
     transition: .3s ease;
 }

 .support-contact-btn:hover {
     color: #fff;
     background: #0669b8;
     transform: translateY(-2px);
 }

 .support-final {
     padding: 80px 0;
     background: #fff;
 }

 .support-final-inner {
     text-align: center;
 }

 .support-final-inner>span {
     display: block;
     margin-bottom: 9px;
     color: var(--primary);
     font-family: "Poppins", sans-serif;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.7px;
 }

 .support-final-inner h2 {
     margin: 0 0 12px;
     color: var(--text);
     font-family: "Playfair Display", serif;
     font-size: 38px;
     font-weight: 600;
 }

 .support-final-inner h2 strong {
     color: var(--primary);
     font-weight: 500;
 }

 .support-final-inner p {
     max-width: 520px;
     margin: 0 auto 25px;
     color: var(--muted);
     font-family: "Poppins", sans-serif;
     font-size: 14px;
     line-height: 1.8;
 }

 .support-final-actions {
     display: flex;
     justify-content: center;
     gap: 10px;
 }

 .support-final-primary,
 .support-final-secondary {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     height: 44px;
     padding: 0 20px;
     border-radius: 6px;
     text-decoration: none;
     font-family: "Poppins", sans-serif;
     font-size: 12px;
     font-weight: 700;
     transition: .3s ease;
 }

 .support-final-primary {
     gap: 8px;
     color: #fff;
     background: var(--primary);
 }

 .support-final-primary:hover {
     color: #fff;
     background: #0669b8;
     transform: translateY(-2px);
 }

 .support-final-secondary {
     color: var(--text);
     border: 1px solid var(--border);
     background: #fff;
 }

 .support-final-secondary:hover {
     color: var(--primary);
     border-color: #bcd6e6;
 }

 @media (max-width: 991px) {
     .support-options {
         grid-template-columns: 1fr;
     }

     .support-categories {
         grid-template-columns: repeat(2, 1fr);
     }

     .support-knowledge {
         grid-template-columns: 1fr;
         padding: 50px;
     }

     .support-knowledge-visual {
         height: 230px;
     }
 }

 @media (max-width: 767px) {
     .support-main {
         padding: 65px 0 80px;
     }

     .support-option-card {
         padding: 23px;
     }

     .support-option-content h3 {
         font-size: 16px;
     }

     .support-option-content p {
         font-size: 12px;
     }

     .support-categories {
         grid-template-columns: 1fr;
     }

     .support-section-heading p {
         font-size: 13px;
     }

     a .support-knowledge {
         margin-top: 70px;
         padding: 38px 28px;
     }

     .support-knowledge-content h2 {
         font-size: 30px;
     }

     .support-knowledge-content p {
         font-size: 13px;
     }

     .support-contact {
         align-items: flex-start;
         flex-direction: column;
         padding: 27px;
     }

     .support-contact-action {
         width: 100%;
     }

     .support-contact-btn {
         width: 100%;
         justify-content: center;
     }

     .support-final {
         padding: 65px 0;
     }

     .support-final-inner h2 {
         font-size: 32px;
     }

     .support-final-inner p {
         font-size: 13px;
     }
 }

 @media (max-width: 480px) {
     .support-floating-card {
         transform: scale(.85);
     }

     .card-one {
         right: -15px;
     }

     .card-two {
         left: -15px;
     }

     .support-final-actions {
         flex-direction: column;
     }

     .support-final-primary,
     .support-final-secondary {
         width: 100%;
     }
 }



 .faq-search-section {
     position: relative;
     z-index: 5;

     margin-top: -28px;
     padding-bottom: 15px;

     background: transparent;
 }

 .faq-search-box {
     position: relative;

     display: flex;
     align-items: center;

     max-width: 700px;
     height: 58px;

     margin: auto;
     padding: 0 17px;

     border: 1px solid var(--border);
     border-radius: 9px;

     background: #fff;

     box-shadow:
         0 18px 45px rgba(3, 43, 72, .10);
 }

 .faq-search-box>i {
     color: var(--primary);
     font-size: 17px;
 }

 .faq-search-box input {
     flex: 1;

     width: 100%;
     height: 100%;

     padding: 0 14px;

     border: 0;
     outline: 0;

     color: var(--text);
     background: transparent;

     font-family: "Poppins", sans-serif;
     font-size: 16px;
 }

 .faq-search-box input::placeholder {
     color: #a3b0bc;
 }

 .faq-search-shortcut {
     display: flex;
     align-items: center;
     justify-content: center;

     min-width: 34px;
     height: 25px;

     border: 1px solid #e2e9ef;
     border-radius: 4px;

     color: #9ba8b4;
     background: #f8fafc;

     font-family: "Poppins", sans-serif;
     font-size: 10px;
 }

 .faq-search-result {
     max-width: 700px;

     margin: 8px auto 0;

     color: var(--primary);

     font-family: "Poppins", sans-serif;
     font-size: 11px;

     text-align: right;
 }


 .faq-main {
     padding: 70px 0 105px;
     background: #fff;
 }

 .faq-layout {
     display: grid;
     grid-template-columns: 235px 1fr;
     gap: 55px;
     align-items: start;
 }

 .faq-sidebar {
     position: sticky;
     top: 100px;
 }

 .faq-sidebar-inner {
     padding: 18px 10px;

     border: 1px solid var(--border);
     border-radius: 9px;

     background: #fff;

     box-shadow:
         0 10px 35px rgba(3, 43, 72, .04);
 }

 .faq-sidebar-inner>span {
     display: block;

     padding: 4px 10px 13px;

     color: #94a2ae;

     font-family: "Poppins", sans-serif;
     font-size: 10px;
     font-weight: 700;

     letter-spacing: 1.3px;
 }


 .faq-category {
     position: relative;

     display: flex;
     align-items: center;

     width: 100%;
     gap: 10px;

     margin-bottom: 3px;
     padding: 11px;

     border: 0;
     border-radius: 6px;

     color: #687a8d;
     background: transparent;

     text-align: left;
     cursor: pointer;

     transition: .25s ease;
 }

 .faq-category i {
     width: 17px;

     color: #8b9aaa;
     font-size: 14px;
 }

 .faq-category strong {
     flex: 1;

     color: inherit;

     font-family: "Poppins", sans-serif;
     font-size: 12px;
     font-weight: 600;
 }

 .faq-category small {
     color: #9eabb7;

     font-family: "Poppins", sans-serif;
     font-size: 10px;
 }

 .faq-category:hover {
     color: var(--primary);
     background: #f4f9fd;
 }

 .faq-category.active {
     color: var(--primary);
     background: #edf7ff;
 }

 .faq-category.active i {
     color: var(--primary);
 }

 .faq-category.active::before {
     content: "";

     position: absolute;

     left: 0;
     top: 8px;
     bottom: 8px;

     width: 2px;

     border-radius: 2px;
     background: var(--primary);
 }


 .faq-support-card {
     margin-top: 15px;
     padding: 20px;

     border-radius: 9px;

     background:
         radial-gradient(circle at 100% 0,
             rgba(8, 217, 255, .13),
             transparent 45%),
         linear-gradient(135deg,
             #031326,
             #06446b);
 }

 .faq-support-icon {
     display: flex;
     align-items: center;
     justify-content: center;

     width: 36px;
     height: 36px;

     margin-bottom: 15px;

     border: 1px solid rgba(8, 217, 255, .15);
     border-radius: 7px;

     color: var(--cyan);
     background: rgba(8, 217, 255, .06);

     font-size: 14px;
 }

 .faq-support-card h3 {
     margin: 0 0 8px;

     color: #fff;

     font-family: "Poppins", sans-serif;
     font-size: 14px;
 }

 .faq-support-card p {
     margin: 0 0 15px;

     color: #7f9bb0;

     font-family: "Poppins", sans-serif;
     font-size: 11px;

     line-height: 1.8;
 }

 .faq-support-card a {
     display: inline-flex;
     align-items: center;

     gap: 6px;

     color: var(--cyan);

     text-decoration: none;

     font-family: "Poppins", sans-serif;
     font-size: 11px;
     font-weight: 600;
 }

 .faq-support-card a i {
     transition: .2s ease;
 }

 .faq-support-card a:hover i {
     transform: translateX(3px);
 }

 .faq-category-section {
     margin-bottom: 65px;
 }

 .faq-section-heading {
     display: flex;
     align-items: center;

     gap: 14px;
     margin-bottom: 22px;
 }

 .faq-section-icon {
     display: flex;
     align-items: center;
     justify-content: center;

     width: 44px;
     height: 44px;
     min-width: 44px;

     border: 1px solid #d9eaf7;
     border-radius: 8px;

     color: var(--primary);
     background: #f2f9fe;

     font-size: 16px;
 }

 .faq-section-heading span {
     display: block;

     margin-bottom: 4px;

     color: var(--primary);

     font-family: "Poppins", sans-serif;
     font-size: 10px;
     font-weight: 700;

     letter-spacing: 1.2px;
 }

 .faq-section-heading h2 {
     margin: 0;

     color: var(--text);

     font-family: "Playfair Display", serif;
     font-size: 28px;
     font-weight: 600;
 }



 .faq-no-results {
     display: none;

     padding: 55px 20px;

     border: 1px dashed #cfdde7;
     border-radius: 10px;

     text-align: center;
 }

 .faq-no-results.show {
     display: block;
 }

 .faq-no-results-icon {
     display: flex;
     align-items: center;
     justify-content: center;

     width: 52px;
     height: 52px;

     margin: auto auto 14px;

     border-radius: 50%;

     color: var(--primary);
     background: #edf7ff;

     font-size: 17px;
 }

 .faq-no-results h3 {
     margin: 0 0 8px;

     color: var(--text);

     font-family: "Playfair Display", serif;
     font-size: 25px;
 }

 .faq-no-results p {
     max-width: 450px;

     margin: 0 auto 18px;

     color: var(--muted);

     font-family: "Poppins", sans-serif;
     font-size: 13px;

     line-height: 1.8;
 }

 .faq-no-results a {
     display: inline-flex;
     align-items: center;

     gap: 7px;

     color: var(--primary);

     text-decoration: none;

     font-family: "Poppins", sans-serif;
     font-size: 13px;
     font-weight: 600;
 }


 .faq-final {
     padding: 75px 0;
     background: #fff;
 }

 .faq-final-card {
     display: flex;
     align-items: center;
     justify-content: space-between;

     gap: 35px;

     padding: 45px 50px;

     border-radius: 14px;

     background:
         radial-gradient(circle at 95% 0,
             rgba(8, 217, 255, .14),
             transparent 35%),
         linear-gradient(120deg,
             #020d1b,
             #063e65);
 }

 .faq-final-card>div:first-child {
     max-width: 620px;
 }

 .faq-final-card span {
     display: block;

     margin-bottom: 8px;

     color: var(--cyan);

     font-family: "Poppins", sans-serif;
     font-size: 10px;
     font-weight: 700;

     letter-spacing: 1.5px;
 }

 .faq-final-card h2 {
     margin: 0 0 9px;

     color: #fff;

     font-family: "Playfair Display", serif;
     font-size: 34px;

     line-height: 1.1;
 }

 .faq-final-card h2 strong {
     color: var(--cyan);
     font-weight: 500;
 }

 .faq-final-card p {
     margin: 0;

     color: #8099ad;

     font-family: "Poppins", sans-serif;
     font-size: 13px;

     line-height: 1.8;
 }

 .faq-final-actions {
     display: flex;
     align-items: center;

     gap: 10px;
     flex-shrink: 0;
 }

 .faq-contact-btn,
 .faq-login-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;

     height: 45px;

     padding: 0 19px;

     border-radius: 7px;

     text-decoration: none;

     font-family: "Poppins", sans-serif;
     font-size: 12px;
     font-weight: 700;

     transition: .3s ease;
 }

 .faq-contact-btn {
     gap: 7px;

     color: #00243c;
     background: var(--cyan);
 }

 .faq-contact-btn:hover {
     color: #00243c;
     transform: translateY(-2px);
 }

 .faq-login-btn {
     color: #dcebf5;

     border: 1px solid rgba(255, 255, 255, .16);
     background: rgba(255, 255, 255, .04);
 }

 .faq-login-btn:hover {
     color: #fff;

     border-color: rgba(255, 255, 255, .3);
     background: rgba(255, 255, 255, .08);
 }


 .faq-main .container,
 .faq-final .container {
     width: 100%;
     max-width: 1200px;
     margin-left: auto;
     margin-right: auto;
 }

 @media (max-width: 991px) {

     .faq-main .container,
     .faq-final .container {
         max-width: 960px;
     }

     .faq-layout {
         grid-template-columns: 1fr;
         gap: 35px;
     }

     .faq-sidebar {
         position: static;
     }

     .faq-sidebar-inner {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 3px;
     }

     .faq-sidebar-inner>span {
         grid-column: 1 / -1;
     }

     .faq-support-card {
         display: none;
     }

     .faq-final-card {
         flex-direction: column;
         align-items: flex-start;
     }
 }


 @media (max-width: 767px) {

     .faq-main .container,
     .faq-final .container {
         max-width: 720px;
     }

     .faq-search-section {
         margin-top: -20px;
     }

     .faq-search-box {
         height: 54px;
     }

     .faq-main {
         padding: 55px 0 75px;
     }

     .faq-sidebar-inner {
         grid-template-columns: repeat(2, 1fr);
     }

     .faq-section-heading h2 {
         font-size: 25px;
     }

     .faq-final {
         padding: 55px 0;
     }

     .faq-final-card {
         padding: 32px 25px;
     }

     .faq-final-card h2 {
         font-size: 29px;
     }
 }


 @media (max-width: 480px) {

     .faq-main .container,
     .faq-final .container {
         max-width: 100%;
         padding-left: 18px;
         padding-right: 18px;
     }

     .faq-sidebar-inner {
         grid-template-columns: 1fr;
     }


     .faq-search-shortcut {
         display: none;
     }


     .faq-final-actions {
         width: 100%;
         flex-direction: column;
     }

     .faq-contact-btn,
     .faq-login-btn {
         width: 100%;
     }
 }


 .terms-main {
     padding: 75px 0 100px;
     background: #fff;
 }

 .terms-layout {
     display: grid;
     grid-template-columns: 235px 1fr;
     gap: 55px;
     align-items: start;
 }

 .terms-sidebar {
     position: sticky;
     top: 100px;
 }

 .terms-sidebar-card {
     padding: 18px 10px;
     border: 1px solid var(--border);
     border-radius: 9px;
     background: #fff;
     box-shadow:
         0 10px 35px rgba(3, 43, 72, .04);
 }

 .terms-sidebar-title {
     display: block;
     padding: 4px 10px 13px;
     color: #94a2ae;
     font-family: "Poppins", sans-serif;
     font-size: 10px;
     font-weight: 700;
     letter-spacing: 1.3px;
 }

 .terms-nav-link {
     position: relative;
     display: flex;
     align-items: center;
     gap: 10px;
     width: 100%;
     padding: 11px;
     border-radius: 6px;
     color: #687a8d;
     text-decoration: none;
     font-family: "Poppins", sans-serif;
     font-size: 12px;
     transition: .25s ease;
 }

 .terms-nav-link span {
     width: 17px;
     color: #9eabb7;
     font-size: 11px;
     font-weight: 600;
 }

 .terms-nav-link:hover {
     color: var(--primary);
     background: #f4f9fd;
 }

 .terms-nav-link.active {
     color: var(--primary);
     background: #edf7ff;
 }

 .terms-nav-link.active span {
     color: var(--primary);
 }

 .terms-nav-link.active::before {
     content: "";
     position: absolute;
     left: 0;
     top: 8px;
     bottom: 8px;
     width: 2px;
     border-radius: 2px;
     background: var(--primary);
 }

 .terms-sidebar-support {
     margin-top: 15px;
     padding: 20px;
     border-radius: 9px;
     background:
         radial-gradient(circle at 100% 0,
             rgba(8, 217, 255, .13),
             transparent 45%),
         linear-gradient(135deg,
             #031326,
             #06446b);
 }

 .terms-support-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 36px;
     height: 36px;
     margin-bottom: 15px;
     border: 1px solid rgba(8, 217, 255, .15);
     border-radius: 7px;
     color: var(--cyan);
     background: rgba(8, 217, 255, .06);
     font-size: 14px;
 }

 .terms-sidebar-support h3 {
     margin: 0 0 8px;
     color: #fff;
     font-family: "Poppins", sans-serif;
     font-size: 14px;
 }

 .terms-sidebar-support p {
     margin: 0 0 15px;
     color: #7f9bb0;
     font-family: "Poppins", sans-serif;
     font-size: 11px;
     line-height: 1.8;
 }

 .terms-sidebar-support a {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     color: var(--cyan);
     text-decoration: none;
     font-family: "Poppins", sans-serif;
     font-size: 11px;
     font-weight: 600;
 }

 .terms-sidebar-support a i {
     transition: .2s ease;
 }

 .terms-sidebar-support a:hover i {
     transform: translateX(3px);
 }

 .terms-document {
     max-width: 790px;
 }

 .terms-section {
     scroll-margin-top: 105px;
     padding-bottom: 48px;
     margin-bottom: 48px;
     border-bottom: 1px solid #edf1f4;
 }

 .terms-section:last-of-type {
     margin-bottom: 0;
 }

 .terms-section-number {
     display: block;
     margin-bottom: 6px;
     color: var(--primary);
     font-family: "Poppins", sans-serif;
     font-size: 10px;
     font-weight: 700;
     letter-spacing: 1.3px;
 }

 .terms-section h2 {
     margin: 0 0 17px;
     color: var(--text);
     font-family: "Playfair Display", serif;
     font-size: 29px;
     line-height: 1.15;
 }

 .terms-section h3 {
     margin: 26px 0 9px;
     color: var(--text);
     font-family: "Poppins", sans-serif;
     font-size: 14px;
     font-weight: 700;
 }

 .terms-section p {
     margin: 0 0 15px;
     color: var(--muted);
     font-family: "Poppins", sans-serif;
     font-size: 13px;
     line-height: 1.9;
 }

 .terms-section p:last-child {
     margin-bottom: 0;
 }

 .terms-section ul {
     margin: 12px 0 17px;
     padding: 0;
     list-style: none;
 }

 .terms-section li {
     position: relative;
     margin-bottom: 11px;
     padding-left: 18px;
     color: var(--muted);
     font-family: "Poppins", sans-serif;
     font-size: 13px;
     line-height: 1.9;
 }

 .terms-section li::before {
     content: "";
     position: absolute;
     top: 9px;
     left: 0;
     width: 5px;
     height: 5px;
     border-radius: 50%;
     background: var(--primary);
 }

 .terms-notice {
     display: flex;
     align-items: flex-start;
     gap: 12px;
     margin-top: 22px;
     padding: 17px;
     border-left: 3px solid var(--primary);
     border-radius: 0 7px 7px 0;
     background: #f3f9fd;
 }

 .terms-notice>i {
     margin-top: 2px;
     color: var(--primary);
     font-size: 14px;
 }

 .terms-notice p {
     margin: 0;
     color: #62778b;
     font-size: 12px;
 }

 .terms-warning {
     display: flex;
     align-items: flex-start;
     gap: 12px;
     margin-top: 22px;
     padding: 17px;
     border: 1px solid rgba(228, 155, 24, .18);
     border-left: 3px solid #e49b18;
     border-radius: 0 7px 7px 0;
     background: #fffbf2;
 }

 .terms-warning>i {
     margin-top: 2px;
     color: #e49b18;
     font-size: 14px;
 }

 .terms-warning strong {
     display: block;
     margin-bottom: 5px;
     color: #75530f;
     font-family: "Poppins", sans-serif;
     font-size: 12px;
 }

 .terms-warning p {
     margin: 0;
     color: #927849;
     font-size: 12px;
 }

 .terms-contact-section {
     padding-bottom: 0;
     margin-bottom: 0;
     border-bottom: 0;
 }

 .terms-contact-box {
     display: flex;
     align-items: center;
     gap: 17px;
     margin-top: 25px;
     padding: 25px;
     border-radius: 10px;
     background:
         radial-gradient(circle at 100% 0,
             rgba(8, 217, 255, .12),
             transparent 40%),
         linear-gradient(120deg,
             #031326,
             #06446b);
 }

 .terms-contact-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 47px;
     height: 47px;
     min-width: 47px;
     border: 1px solid rgba(8, 217, 255, .14);
     border-radius: 9px;
     color: var(--cyan);
     background: rgba(8, 217, 255, .06);
     font-size: 15px;
 }

 .terms-contact-box>div:last-child>span {
     display: block;
     margin-bottom: 4px;
     color: var(--cyan);
     font-family: "Poppins", sans-serif;
     font-size: 10px;
     font-weight: 700;
     letter-spacing: 1.3px;
 }

 .terms-contact-box h3 {
     margin: 0 0 5px;
     color: #fff;
     font-family: "Playfair Display", serif;
     font-size: 22px;
 }

 .terms-contact-box p {
     margin: 0 0 9px;
     color: #829aae;
     font-size: 12px;
 }

 .terms-contact-box a {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     color: var(--cyan);
     text-decoration: none;
     font-family: "Poppins", sans-serif;
     font-size: 11px;
     font-weight: 600;
 }

 .terms-contact-box a i {
     transition: .2s ease;
 }

 .terms-contact-box a:hover i {
     transform: translateX(3px);
 }

 .terms-document-footer {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 7px;
     margin-top: 40px;
     padding-top: 22px;
     border-top: 1px solid #edf1f4;
     color: #9aa8b4;
     font-family: "Poppins", sans-serif;
     font-size: 10px;
 }

 .terms-document-footer i {
     color: #08ae78;
     font-size: 13px;
 }

 .terms-final {
     padding: 75px 0;
     background: #fff;
 }

 .terms-final-card {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 35px;
     padding: 45px 50px;
     border-radius: 14px;
     background:
         radial-gradient(circle at 95% 0,
             rgba(8, 217, 255, .14),
             transparent 35%),
         linear-gradient(120deg,
             #020d1b,
             #063e65);
 }

 .terms-final-card>div:first-child {
     max-width: 620px;
 }

 .terms-final-card span {
     display: block;
     margin-bottom: 8px;
     color: var(--cyan);
     font-family: "Poppins", sans-serif;
     font-size: 10px;
     font-weight: 700;
     letter-spacing: 1.5px;
 }

 .terms-final-card h2 {
     margin: 0 0 9px;
     color: #fff;
     font-family: "Playfair Display", serif;
     font-size: 34px;
     line-height: 1.1;
 }

 .terms-final-card h2 strong {
     color: var(--cyan);
     font-weight: 500;
 }

 .terms-final-card p {
     margin: 0;
     color: #8099ad;
     font-family: "Poppins", sans-serif;
     font-size: 13px;
     line-height: 1.8;
 }

 .terms-final-actions {
     display: flex;
     align-items: center;
     gap: 10px;
     flex-shrink: 0;
 }

 .terms-contact-btn,
 .terms-home-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     height: 45px;
     padding: 0 19px;
     border-radius: 7px;
     text-decoration: none;
     font-family: "Poppins", sans-serif;
     font-size: 12px;
     font-weight: 700;
     transition: .3s ease;
 }

 .terms-contact-btn {
     gap: 7px;
     color: #00243c;
     background: var(--cyan);
 }

 .terms-contact-btn:hover {
     color: #00243c;
     transform: translateY(-2px);
 }

 .terms-home-btn {
     color: #dcebf5;
     border: 1px solid rgba(255, 255, 255, .16);
     background: rgba(255, 255, 255, .04);
 }

 .terms-home-btn:hover {
     color: #fff;
     border-color: rgba(255, 255, 255, .3);
     background: rgba(255, 255, 255, .08);
 }

 @media (max-width: 991px) {

     .terms-layout {
         grid-template-columns: 1fr;
         gap: 35px;
     }

     .terms-sidebar {
         position: static;
     }

     .terms-sidebar-card {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 3px;
     }

     .terms-sidebar-title {
         grid-column: 1 / -1;
     }

     .terms-sidebar-support {
         display: none;
     }

     .terms-final-card {
         flex-direction: column;
         align-items: flex-start;
     }
 }

 @media (max-width: 767px) {

     .terms-header {
         padding: 95px 0 55px;
     }

     .terms-breadcrumb {
         margin-bottom: 30px;
     }

     .terms-header-content h1 {
         font-size: 42px;
     }

     .terms-header-content>p {
         font-size: 14px;
     }

     .terms-main {
         padding: 55px 0 75px;
     }

     .terms-sidebar-card {
         grid-template-columns: repeat(2, 1fr);
     }

     .terms-section h2 {
         font-size: 25px;
     }

     .terms-section h3 {
         font-size: 13px;
     }

     .terms-section p {
         font-size: 13px;
     }

     .terms-section li {
         font-size: 12px;
     }

     .terms-final {
         padding: 55px 0;
     }

     .terms-final-card {
         padding: 32px 25px;
     }

     .terms-final-card h2 {
         font-size: 29px;
     }

     .terms-final-card p {
         font-size: 13px;
     }
 }

 @media (max-width: 480px) {

     .terms-header {
         padding: 90px 0 50px;
     }

     .terms-breadcrumb {
         margin-bottom: 25px;
     }

     .terms-breadcrumb a,
     .terms-breadcrumb span {
         font-size: 10px;
     }

     .terms-header-content h1 {
         font-size: 36px;
     }

     .terms-header-content>p {
         font-size: 13px;
     }

     .terms-updated {
         font-size: 9px;
     }

     .terms-sidebar-card {
         grid-template-columns: 1fr;
     }

     .terms-nav-link {
         font-size: 12px;
     }

     .terms-section h2 {
         font-size: 24px;
     }

     .terms-section h3 {
         font-size: 13px;
     }

     .terms-section p {
         font-size: 12px;
         line-height: 1.85;
     }

     .terms-section li {
         font-size: 12px;
         line-height: 1.85;
     }

     .terms-notice,
     .terms-warning {
         padding: 15px;
     }

     .terms-notice p,
     .terms-warning p {
         font-size: 11px;
     }

     .terms-warning strong {
         font-size: 11px;
     }

     .terms-contact-box {
         align-items: flex-start;
         flex-direction: column;
         padding: 22px;
     }

     .terms-contact-box h3 {
         font-size: 21px;
     }

     .terms-contact-box p {
         font-size: 11px;
     }

     .terms-final-actions {
         width: 100%;
         flex-direction: column;
     }

     .terms-contact-btn,
     .terms-home-btn {
         width: 100%;
     }
 }





 .privacy-updated {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 9px 13px;
     border: 1px solid rgba(255, 255, 255, .09);
     border-radius: 6px;
     color: #7591a5;
     background: rgba(255, 255, 255, .035);
     font-family: "Poppins", sans-serif;
     font-size: 11px;
 }

 .privacy-updated i {
     color: var(--cyan);
     font-size: 13px;
 }

 .privacy-main {
     padding: 80px 0 105px;
     background: #fff;
 }

 .privacy-layout {
     display: grid;
     grid-template-columns: 235px 1fr;
     gap: 65px;
     align-items: start;
 }

 .privacy-sidebar {
     position: sticky;
     top: 100px;
 }

 .privacy-sidebar-card {
     padding: 18px 10px;
     border: 1px solid var(--border);
     border-radius: 10px;
     background: #fff;
     box-shadow: 0 10px 35px rgba(3, 43, 72, .04);
 }

 .privacy-sidebar-title {
     display: block;
     padding: 5px 11px 14px;
     color: #96a3ae;
     font-family: "Poppins", sans-serif;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.4px;
 }

 .privacy-nav-link {
     position: relative;
     display: flex;
     align-items: center;
     gap: 10px;
     width: 100%;
     padding: 10px 11px;
     border-radius: 6px;
     color: #708193;
     text-decoration: none;
     font-family: "Poppins", sans-serif;
     font-size: 12px;
     line-height: 1.5;
     transition: .25s ease;
 }

 .privacy-nav-link span {
     width: 19px;
     color: #a3afb9;
     font-size: 10px;
     font-weight: 600;
 }

 .privacy-nav-link:hover {
     color: var(--primary);
     background: #f4f9fd;
 }

 .privacy-nav-link.active {
     color: var(--primary);
     background: #edf7ff;
 }

 .privacy-nav-link.active span {
     color: var(--primary);
 }

 .privacy-nav-link.active::before {
     content: "";
     position: absolute;
     left: 0;
     top: 7px;
     bottom: 7px;
     width: 2px;
     border-radius: 2px;
     background: var(--primary);
 }

 .privacy-sidebar-support {
     margin-top: 16px;
     padding: 21px;
     border-radius: 10px;
     background:
         radial-gradient(circle at 100% 0,
             rgba(8, 217, 255, .13),
             transparent 45%),
         linear-gradient(135deg,
             #031326,
             #06446b);
 }

 .privacy-support-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 38px;
     height: 38px;
     margin-bottom: 15px;
     border: 1px solid rgba(8, 217, 255, .14);
     border-radius: 8px;
     color: var(--cyan);
     background: rgba(8, 217, 255, .06);
     font-size: 14px;
 }

 .privacy-sidebar-support h3 {
     margin: 0 0 8px;
     color: #fff;
     font-family: "Poppins", sans-serif;
     font-size: 14px;
     line-height: 1.4;
 }

 .privacy-sidebar-support p {
     margin: 0 0 16px;
     color: #7f99ad;
     font-family: "Poppins", sans-serif;
     font-size: 11px;
     line-height: 1.8;
 }

 .privacy-sidebar-support a {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     color: var(--cyan);
     text-decoration: none;
     font-family: "Poppins", sans-serif;
     font-size: 11px;
     font-weight: 600;
 }

 .privacy-sidebar-support a i {
     transition: .2s ease;
 }

 .privacy-sidebar-support a:hover i {
     transform: translateX(3px);
 }

 .privacy-document {
     max-width: 800px;
 }

 .privacy-section {
     scroll-margin-top: 105px;
     padding-bottom: 52px;
     margin-bottom: 52px;
     border-bottom: 1px solid #edf1f4;
 }

 .privacy-section:last-of-type {
     margin-bottom: 0;
 }

 .privacy-section-number {
     display: block;
     margin-bottom: 8px;
     color: var(--primary);
     font-family: "Poppins", sans-serif;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.5px;
 }

 .privacy-section h2 {
     margin: 0 0 19px;
     color: var(--text);
     font-family: "Playfair Display", serif;
     font-size: 32px;
     line-height: 1.2;
 }

 .privacy-section h3 {
     margin: 28px 0 10px;
     color: var(--text);
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     font-weight: 700;
     line-height: 1.5;
 }

 .privacy-section p {
     margin: 0 0 17px;
     color: var(--muted);
     font-family: "Poppins", sans-serif;
     font-size: 14px;
     line-height: 2;
 }

 .privacy-section p:last-child {
     margin-bottom: 0;
 }

 .privacy-section ul {
     margin: 14px 0 19px;
     padding: 0;
     list-style: none;
 }

 .privacy-section li {
     position: relative;
     margin-bottom: 12px;
     padding-left: 21px;
     color: var(--muted);
     font-family: "Poppins", sans-serif;
     font-size: 13.5px;
     line-height: 1.9;
 }

 .privacy-section li::before {
     content: "";
     position: absolute;
     top: 9px;
     left: 0;
     width: 6px;
     height: 6px;
     border-radius: 50%;
     background: var(--primary);
 }

 .privacy-section li strong {
     color: #405367;
     font-weight: 700;
 }

 .privacy-notice {
     display: flex;
     align-items: flex-start;
     gap: 13px;
     margin-top: 24px;
     padding: 18px;
     border-left: 3px solid var(--primary);
     border-radius: 0 8px 8px 0;
     background: #f3f9fd;
 }

 .privacy-notice>i {
     margin-top: 3px;
     color: var(--primary);
     font-size: 15px;
 }

 .privacy-notice p {
     margin: 0;
     color: #62778b;
     font-size: 13px;
     line-height: 1.8;
 }

 .privacy-security-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 12px;
     margin: 28px 0;
 }

 .privacy-security-item {
     padding: 20px;
     border: 1px solid var(--border);
     border-radius: 9px;
     background: #fbfdff;
 }

 .privacy-security-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 38px;
     height: 38px;
     margin-bottom: 13px;
     border-radius: 8px;
     color: var(--primary);
     background: #edf7ff;
     font-size: 14px;
 }

 .privacy-security-item h3 {
     margin: 0 0 7px;
     font-size: 13px;
 }

 .privacy-security-item p {
     margin: 0;
     font-size: 11px;
     line-height: 1.8;
 }

 .privacy-contact-section {
     border-bottom: 0;
     padding-bottom: 0;
     margin-bottom: 0;
 }

 .privacy-contact-box {
     display: flex;
     align-items: center;
     gap: 18px;
     margin-top: 28px;
     padding: 27px;
     border-radius: 11px;
     background:
         radial-gradient(circle at 100% 0,
             rgba(8, 217, 255, .12),
             transparent 40%),
         linear-gradient(120deg,
             #031326,
             #06446b);
 }

 .privacy-contact-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 50px;
     height: 50px;
     min-width: 50px;
     border: 1px solid rgba(8, 217, 255, .14);
     border-radius: 10px;
     color: var(--cyan);
     background: rgba(8, 217, 255, .06);
     font-size: 17px;
 }

 .privacy-contact-box>div:last-child>span {
     display: block;
     margin-bottom: 5px;
     color: var(--cyan);
     font-family: "Poppins", sans-serif;
     font-size: 10px;
     font-weight: 700;
     letter-spacing: 1.4px;
 }

 .privacy-contact-box h3 {
     margin: 0 0 6px;
     color: #fff;
     font-family: "Playfair Display", serif;
     font-size: 24px;
     line-height: 1.2;
 }

 .privacy-contact-box p {
     margin: 0 0 10px;
     color: #829aae;
     font-size: 11px;
 }

 .privacy-contact-box a {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     color: var(--cyan);
     text-decoration: none;
     font-family: "Poppins", sans-serif;
     font-size: 11px;
     font-weight: 600;
 }

 .privacy-contact-box a i {
     transition: .2s ease;
 }

 .privacy-contact-box a:hover i {
     transform: translateX(3px);
 }

 .privacy-document-footer {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     margin-top: 42px;
     padding-top: 24px;
     border-top: 1px solid #edf1f4;
     color: #9aa8b4;
     font-family: "Poppins", sans-serif;
     font-size: 11px;
 }

 .privacy-document-footer i {
     color: #08ae78;
     font-size: 14px;
 }

 .privacy-final {
     padding: 80px 0;
     background: #fff;
 }

 .privacy-final-card {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 40px;
     padding: 45px 50px;
     border-radius: 14px;
     background:
         radial-gradient(circle at 95% 0,
             rgba(8, 217, 255, .14),
             transparent 35%),
         linear-gradient(120deg,
             #020d1b,
             #063e65);
 }

 .privacy-final-card>div:first-child {
     max-width: 650px;
 }

 .privacy-final-card span {
     display: block;
     margin-bottom: 8px;
     color: var(--cyan);
     font-family: "Poppins", sans-serif;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.6px;
 }

 .privacy-final-card h2 {
     margin: 0 0 9px;
     color: #fff;
     font-family: "Playfair Display", serif;
     font-size: 34px;
     line-height: 1.15;
 }

 .privacy-final-card h2 strong {
     color: var(--cyan);
     font-weight: 500;
 }

 .privacy-final-card p {
     margin: 0;
     color: #8099ad;
     font-family: "Poppins", sans-serif;
     font-size: 13px;
     line-height: 1.8;
 }

 .privacy-final-actions {
     display: flex;
     align-items: center;
     gap: 10px;
     flex-shrink: 0;
 }

 .privacy-contact-btn,
 .privacy-home-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     height: 46px;
     padding: 0 19px;
     border-radius: 7px;
     text-decoration: none;
     font-family: "Poppins", sans-serif;
     font-size: 12px;
     font-weight: 700;
     transition: .3s ease;
 }

 .privacy-contact-btn {
     gap: 7px;
     color: #00243c;
     background: var(--cyan);
 }

 .privacy-contact-btn:hover {
     color: #00243c;
     transform: translateY(-2px);
 }

 .privacy-home-btn {
     color: #dcebf5;
     border: 1px solid rgba(255, 255, 255, .16);
     background: rgba(255, 255, 255, .04);
 }

 .privacy-home-btn:hover {
     color: #fff;
     border-color: rgba(255, 255, 255, .3);
     background: rgba(255, 255, 255, .08);
 }

 @media (max-width: 991px) {
     .privacy-layout {
         grid-template-columns: 1fr;
         gap: 35px;
     }

     .privacy-sidebar {
         position: static;
     }

     .privacy-sidebar-card {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 2px;
     }

     .privacy-sidebar-title {
         grid-column: 1 / -1;
     }

     .privacy-sidebar-support {
         display: none;
     }

     .privacy-final-card {
         flex-direction: column;
         align-items: flex-start;
     }
 }

 @media (max-width: 767px) {
     .privacy-main {
         padding: 60px 0 75px;
     }

     .privacy-sidebar-card {
         grid-template-columns: repeat(2, 1fr);
     }

     .privacy-section h2 {
         font-size: 28px;
     }

     .privacy-section p {
         font-size: 13.5px;
     }

     .privacy-security-grid {
         grid-template-columns: 1fr;
     }

     .privacy-final {
         padding: 60px 0;
     }

     .privacy-final-card {
         padding: 35px 27px;
     }

     .privacy-final-card h2 {
         font-size: 29px;
     }
 }

 @media (max-width: 480px) {
     .privacy-sidebar-card {
         grid-template-columns: 1fr;
     }

     .privacy-section h2 {
         font-size: 26px;
     }

     .privacy-section h3 {
         font-size: 14px;
     }

     .privacy-section p {
         font-size: 13px;
         line-height: 1.9;
     }

     .privacy-section li {
         font-size: 12.5px;
     }

     .privacy-contact-box {
         align-items: flex-start;
         flex-direction: column;
     }

     .privacy-final-actions {
         width: 100%;
         flex-direction: column;
     }

     .privacy-contact-btn,
     .privacy-home-btn {
         width: 100%;
     }
 }