@font-face {
  font-family: "openSans-regular";
  src: url(../fonts/open-sans/OpenSans-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: "openSans-medium";
  src: url(../fonts/open-sans/OpenSans-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: "openSans-semibold";
  src: url(../fonts/open-sans/OpenSans-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: "openSans-bold";
  src: url(../fonts/open-sans/OpenSans-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: "roboto-regular";
  src: url(../fonts/roboto/Roboto-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: "roboto-medium";
  src: url(../fonts/roboto/Roboto-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: "roboto-semibold";
  src: url(../fonts/roboto/Roboto-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: "roboto-bold";
  src: url(../fonts/roboto/Roboto-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: "dm-sans";
  src: url(../fonts/dm-sans/DMSans-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: "dm-sans";
  src: url(../fonts/dm-sans/DMSans-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: "montserrat";
  src: url(../fonts/montserrat/Montserrat-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: "noto-sans";
  src: url(../fonts/noto-sans/NotoSans-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: "noto-sans";
  src: url(../fonts/noto-sans/NotoSans-SemiBold.ttf);
  font-weight: 600;
}
:root {
  --primary-color: #01549e;
  --primary-color2: #003294;
  --white-color: #ffffff;
  --black-color: #000000;
  --light-blue: #c4e0fd;
  --dark-blue: #5eadff;
  --secondary-color: #f80874;
  --violet-color: #4a3aff;
  --primary-regular-font: "openSans-regular";
  --primary-medium-font: "openSans-medium";
  --primary-semibold-font: "openSans-semibold";
  --primary-bold-font: "openSans-bold";
  --secondary-regular-font: "roboto-regular";
  --secondary-medium-font: "roboto-medium";
  --secondary-semibold-font: "roboto-semibold";
  --secondary-bold-font: "roboto-bold";
  --dm-sans: "dm-sans";
  --montserrat: "montserrat";
  --noto-sans: "noto-sans";
  --fs-xsmall: 12px;
  --fs-small: 14px;
  --fs-regular: 16px;
  --fs-large: 18px;
  --fs-xl: 20px;
  --fs-xxl: 24px;
  --fs-26: 26px;
  --title-fs: 32px;
  --section-title-fs: 40px;
  --banner-title-fs: 60px;
}
body,
html {
  overflow-x: hidden;
}
/* ------------------------------------------
Common styles
-------------------------------------------- */
.container-fluid.custom-container {
  max-width: 1450px;
}
.container-fluid.footer-container {
  max-width: 1700px;
  padding: 0 30px;
}
.primary-btn,
.secondary-btn {
  display: inline-block;
  font-family: var(--primary-semibold-font);
  font-size: 15px;
  padding: 18px 35px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.primary-btn {
  box-shadow: 0px 10.1px 10.1px -3.79px #00000010;
  box-shadow: 0px 2.31px 2.31px -2.52px #00000029;
  box-shadow: 0px 0.61px 0.61px -1.26px #0000002e;
  box-shadow: 0px -5.05px 4.04px -3.53px #4788ff4d inset;
  box-shadow: 0px -1.16px 0.92px -2.36px #4788ff9b inset;
  box-shadow: 0px -0.3px 0.24px -1.18px #4788ffac inset;
  color: var(--white-color);
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
}
.secondary-btn {
  background-color: var(--secondary-color);
  color: var(--white-color);
  font-size: 26px;
  width: 90%;
  margin: 50px auto 0;
  padding: 13px 30px;
  border: 1px solid var(--secondary-color);
}
.primary-btn:hover {
  color: var(--primary-color);
  background-color: transparent;
  text-decoration: none;
}
.secondary-btn:hover {
  background-color: transparent;
  color: var(--secondary-color);
}
.white-btn {
  display: inline-block;
  font-family: var(--primary-semibold-font);
  font-size: var(--fs-xl);
  color: var(--primary-color);
  background: var(--white-color);
  padding: 20px 41px;
  border-radius: 68px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  font-weight: 600;
  border: 1px solid var(--primary-color);
}
.white-btn:hover {
  background: transparent;
  color: var(--white-color);
  border: 1px solid var(--white-color);
}
.section-badge {
  display: inline-block;
  font-family: var(--secondary-bold-font);
  font-size: 24px;
  color: #003294;
  background: linear-gradient(90.66deg, #c4e0fd 0%, #5eadff 100%);
  padding: 6px 21px;
  border-radius: 20px;
  margin-bottom: 20px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2px;
}
.section-title {
  font-family: var(--primary-bold-font);
  font-size: 40px;
  color: #0a1628;
  margin-bottom: 20px;
  line-height: 1.3;
}
.section-subtitle {
  font-family: var(--primary-regular-font);
  font-size: var(--fs-large);
  color: var(--black-color);
  margin: 0 40px 50px;
  line-height: 1.7;
}
.ps-40 {
  padding-left: 40px;
}
/*========================================
Header
=========================================*/
.main-header {
  padding: 15px 0;
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  left: 0;
  right: 0;
  background: transparent;
  transition: all 0.3s ease;
}
.main-header.sticky {
  background: #e3e3e373 !important;
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  padding: 10px 0;
}
.main-header.sticky .nav-links-wrapper {
  backdrop-filter: none;
  background: transparent;
  box-shadow: none;
}
.main-header .navbar {
  padding: 0;
}
.main-header .navbar-brand {
  padding: 0;
  margin: 0;
}
.logo-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
.logo-img {
  height: 53px;
  width: auto;
}
.logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}
.logo-img2 {
  display: none;
}
.logo-main {
  font-family: var(--primary-bold-font);
  font-size: 24px;
  color: #fff;
  background: linear-gradient(90deg, #00d4ff, var(--secondary-color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: 1px;
}
.logo-sub {
  font-family: var(--primary-semibold-font);
  font-size: 10px;
  color: #fff;
  letter-spacing: 2px;
}
.logo-badge {
  font-family: var(--primary-regular-font);
  font-size: 9px;
  color: #fff;
  background: #00a8ff;
  padding: 2px 6px;
  border-radius: 3px;
  margin-top: 2px;
  width: fit-content;
  letter-spacing: 1px;
}
.main-header .navbar-nav {
  gap: 5px;
}
.inner-header .navbar-toggler-icon {
  filter: grayscale(100%) brightness(0);
}
.home-header .navbar-toggler-icon {
  filter: grayscale(0%) brightness(100%);
}
.logo-img,
.home-header .logo-img.two,
.main-header.sticky .logo-img.one {
  display: none;
}
.home-header .logo-img,
.main-header.sticky .logo-img {
  display: block;
}
.inner-header .logo-img.two,
.main-header.sticky .logo-img.two {
  display: block;
}
.main-header .nav-link {
  color: var(--black-color) !important;
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 14px !important;
  transition: all 0.3s ease;
  border-radius: 77px;
}
.main-header .nav-link:hover {
  color: var(--primary-color) !important;
  background: rgba(1, 84, 158, 0.05);
}
.main-header .nav-link.active {
  background: var(--white-color);
  color: var(--primary-color) !important;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
.main-header .nav-link.btn-login {
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff !important;
  padding: 8px 20px !important;
}
.main-header .nav-link.btn-login:hover {
  background: rgba(255, 255, 255, 0.3);
}
.navbar-toggler {
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 5px 10px;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.nav-links-wrapper {
  background: #e3e3e373;
  backdrop-filter: blur(10px);
  border-radius: 77px;
  padding: 5px;
  display: flex;
  align-items: center;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
}
.login-btn {
  background: var(--primary-color) !important;
  color: var(--white-color) !important;
  border-radius: 77px !important;
  padding: 10px 25px !important;
  font-weight: 600;
  margin-left: 15px;
  box-shadow: 0px 4px 10px rgba(1, 84, 158, 0.2);
  border: 1px solid var(--primary-color);
}
.main-header .nav-link.login-btn {
  color: var(--white-color) !important;
}
.main-header .nav-link.login-btn:hover {
  background: transparent !important;
   color: var(--primary-color) !important;
}
/* ==============================================
HERO BANNER 
=============================================== */
.hero-banner {
  padding: 120px 0 40px;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  height: 100%;
  background: url("../img/bg/banner-bg.png") no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
}
.hero-banner .shape-left {
  position: absolute;
  top: 0;
  left: 0px;
  opacity: 0.7;
  background: url("../img/shapes/banner-bg-shape.png") no-repeat;
  background-size: cover;
  background-position: top left;
}
.hero-banner .shape-right {
  position: absolute;
  top: 25%;
  right: 0px;
  opacity: 0.7;
}
.hero-img-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-hero-img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.hero-overlays {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}
.hero-overlays img {
  position: absolute;
  object-fit: contain;
}
.hero-overlays .hero-img-center {
  width: 66.5%;
  left: 18.5%;
  top: 13.9%;
  z-index: 11;
}
.hero-overlays .hero-img-left {
  width: 21.9%;
  left: -0.9%;
  top: 29%;
  z-index: 12;
  height: 56%;
}
.hero-overlays .hero-img-right {
  width: 16.97%;
  right: 0.8%;
  top: 31.5%;
  z-index: 13;
  border-radius: 20px;
}
.floating-badge {
  position: absolute;
  right: -33%;
  bottom: 20%;
  z-index: 10;
}
.badge-text {
  font-family: var(--primary-semibold-font);
  font-size: 11px;
  color: #fff;
  white-space: nowrap;
}
.hero-content {
  position: relative;
  z-index: 5;
}
.hero-title {
  font-family: var(--primary-bold-font);
  font-size: 50px;
  color: var(--white-color);
  margin-bottom: 20px;
  line-height: 1.3;
  font-weight: 600;
}
.hero-title .highlight {
  background: linear-gradient(90.66deg, #c4e0fd 0%, #5eadff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-subtitle {
  font-family: var(--primary-regular-font);
  font-size: 26px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 30px;
}
/* =========================================
INFRASTRUCTURE SECTION 
=========================================== */
.infrastructure-section {
  padding: 80px 0 60px;
  position: relative;
}
.infra-bg {
  position: absolute;
  top: 0;
  left: 80%;
  opacity: 0.5;
}
.contact-section .section-subtitle {
  width: 75%;
  margin: auto;
}
.blog-divider {
  max-width: 100%;
  margin: 50px 0;
  border-top: 1px solid #eee;
}
.infra-tabs {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  border-bottom: none;
  width: fit-content;
  margin: 0 auto 50px;
  background: #f3f3f3;
  padding: 5px;
  border-radius: 12px;
}
.infra-tabs .nav-link {
  font-family: var(--primary-medium-font);
  font-size: 15px;
  color: #5a6a7a;
  background: transparent;
  padding: 8px;
  border-radius: 10px;
  transition: all 0.3s ease;
  white-space: nowrap;
  letter-spacing: -0.2px;
  font-family: "roboto-medium";
  line-height: normal;
}
.infra-tabs .nav-link:hover {
  background: #f0f7ff;
  border-color: #c4e0fd;
  color: var(--primary-color);
}
.infra-tabs .nav-link.active {
  background: var(--white-color);
  color: var(--primary-color);
}
.infra-tab-content {
  padding: 20px 0;
}
.infra-tab-content .tab-pane {
  animation: fadeIn 0.4s ease;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.infra-content {
  padding: 20px 0 20px 30px;
}
.content-header {
  display: flex;
  align-items: start;
  gap: 15px;
  margin-bottom: 15px;
}
.accent-bar {
  width: 10px;
  height: 100px;
  background: linear-gradient(180deg,
      var(--primary-color),
      var(--secondary-color));
  border-radius: 2px;
}
.infra-content h3 {
  font-family: var(--secondary-medium-font);
  font-size: 30px;
  color: var(--primary-color);
  margin: 0;
}
.content-desc {
  font-family: var(--primary-regular-font);
  font-size: var(--fs-large);
  color: var(--black-color);
  margin: 10px 0 25px;
  line-height: 1.6;
}
.feature-list {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
  position: relative;
  padding-left: 30px;
}
.feature-list::before {
  content: "";
  position: absolute;
  left: 33px;
  top: 10px;
  bottom: 40px;
  width: 1px;
  border: 1px solid #f3f1f1;
  z-index: 1;
}
.feature-list li {
  font-family: var(--secondary-regular-font);
  font-size: var(--fs-large);
  color: #4a5568;
  margin-bottom: 15px;
  padding-left: 25px;
  position: relative;
  line-height: 1.5;
}
.feature-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 9px;
  height: 9px;
  background: transparent;
  border-radius: 50%;
  border: 1px solid #b8b8b8;
}
/* ====================================
FOOTER SECTION 
====================================== */
.footer {
  background: var(--black-color);
  padding: 90px 0 30px;
  color: #a0a0a0;
  border-top: 1px solid #fff;
}
.footer-logo {
  margin-bottom: 15px;
}
.footer-logo img {
  height: 70px;
  width: auto;
}
.footer p {
  font-family: var(--primary-regular-font);
  font-size: var(--fs-regular);
  color: var(--white-color);
  line-height: 1.7;
  line-height: 29px;
  font-weight: 400;
  margin: 40px 0 20px !important;
}
.footer-title {
  font-family: var(--primary-semibold-font);
  font-size: 26px;
  color: var(--secondary-color);
  margin-bottom: 35px;
  text-transform: capitalize;
  line-height: 29px;
}
.footer-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-list li {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-list.footer-link li {
  margin-bottom: 14px;
}
.footer-list li a {
  font-family: var(--dm-sans);
  font-size: 24px;
  color: var(--white-color);
  text-decoration: none;
  transition: color 0.3s ease;
  font-weight: 400;
}
.footer-list li a:hover {
  color: #ffffff;
}
.footer-list li img {
  width: auto;
  height: 26px;
  opacity: 0.8;
}
.footer-divider {
  margin: 130px 0 40px;
}
.social-links {
  list-style: none;
  padding: 0;
  margin: 25px 0 0 0;
  display: flex;
  gap: 15px;
}
.social-links li a {
  display: block;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}
.social-links li a:hover {
  transform: translateY(-3px);
  opacity: 0.8;
}
.social-links li img {
  width: auto;
  height: 20px;
  filter: brightness(0) invert(1);
}
.footer hr {
  border-color: #d9dbe9;
  opacity: 1;
  margin: 0;
}
.copy-right {
  font-family: var(--primary-regular-font);
  font-size: 13px;
  color: #888888;
  margin: 0;
}
.copy-right a {
  color: var(--secondary-color);
  position: relative;
  padding: 0 10px;
}
.copy-right a::before {
  content: "|";
  position: absolute;
  left: -2px;
  color: var(--white-color);
  font-weight: normal;
  bottom: -1px;
}
.copy-right a:hover {
  text-decoration: underline;
}
.footer p.copy-right {
  margin: 0px !important;
  font-size: var(--fs-xl);
  font-weight: 400;
}
/* =======================================
PARTNERS SECTION 
========================================== */
.partners-section {
  padding: 60px 0 80px;
  background: #ffffff;
  position: relative;
}
.partners-title {
  font-family: var(--primary-semibold-font);
  font-size: 24px;
  color: #0a1628;
  margin-bottom: 40px;
  text-align: center;
}
.partners-row {
  align-items: center;
  justify-content: center;
}
.partner-logo {
  padding: 20px;
  text-align: center;
  transition: all 0.3s ease;
  filter: grayscale(100%);
  opacity: 0.6;
}
.partner-logo:hover {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.05);
}
.partner-logo img {
  max-height: 60px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
/* =======================================
FAQ SECTION 
======================================== */
.faq-section {
  padding: 60px 0 80px;
  background: #ffffff;
}
.faq-title {
  font-family: var(--primary-bold-font);
  font-size: 28px;
  color: #0a1628;
  margin-bottom: 30px;
}
.faq-accordion .accordion-item {
  border: none;
  border-radius: 12px;
  margin-bottom: 15px;
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.faq-accordion .accordion-button {
  font-family: var(--primary-bold-font);
  font-size: var(--fs-xl);
  color: #170f49 !important;
  background: #ffffff;
  padding: 26px 32px;
  border: none;
  box-shadow: none;
  border-radius: 12px;
}
.faq-accordion .accordion-button:not(.collapsed) {
  background: #ffffff;
  color: #1e3a5f;
  box-shadow: none;
}
.faq-accordion .accordion-button:focus {
  box-shadow: none;
  border-color: transparent;
}
.faq-accordion .accordion-button::after {
  width: 28px;
  height: 28px;
  background-size: 12px;
  background-position: center;
  background-color: #f0f7ff;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2301549e'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transition: transform 0.3s ease;
}
.faq-accordion .accordion-button:not(.collapsed)::after {
  background-color: var(--primary-color);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(180deg);
}
.faq-accordion .accordion-body {
  font-family: var(--primary-regular-font);
  font-size: 16px;
  color: var(--black-color);
  line-height: 1.7;
  padding: 0 25px 20px;
}
/* ========================================
APP DOWNLOAD SECTION 
========================================== */
.app-download-section {
  padding: 60px 0;
  background: linear-gradient(135deg,
      var(--primary-color) 0%,
      #0066cc 30%,
      #8b5cf6 70%,
      #ec4899 100%);
  position: relative;
  overflow: hidden;
}
.app-download-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="30" cy="70" r="1.5" fill="rgba(255,255,255,0.08)"/><circle cx="80" cy="20" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="80" r="2" fill="rgba(255,255,255,0.05)"/></svg>');
  background-size: 200px 200px;
  opacity: 0.5;
}
.app-content {
  position: relative;
  z-index: 2;
  padding-right: 20px;
}
.app-badge {
  display: inline-block;
  font-family: var(--primary-semibold-font);
  font-size: 12px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.2);
  padding: 8px 16px;
  border-radius: 20px;
  margin-bottom: 20px;
  letter-spacing: 1px;
}
.app-title {
  font-family: var(--primary-bold-font);
  font-size: 32px;
  color: #ffffff;
  line-height: 1.3;
  margin-bottom: 25px;
  max-width: 500px;
}
.app-text {
  font-family: var(--primary-regular-font);
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.7;
  margin-bottom: 15px;
}
.app-cta-text {
  font-family: var(--primary-regular-font);
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.7;
  margin-top: 20px;
  margin-bottom: 25px;
}
.app-buttons {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.app-btn {
  display: block;
  transition: transform 0.3s ease;
}
.app-btn:hover {
  transform: translateY(-3px);
}
.app-btn img {
  height: 56px;
  width: auto;
}
.app-mockup {
  text-align: center;
}
.app-mockup.two {
  display: none;
}
.app-mockup img {
  max-height: 700px;
  width: auto;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.3));
  position: absolute;
  bottom: 0px;
  right: 0%;
}
/* ==========================================
CONTACT page 
========================================== */
.contact-section {
  padding: 80px 0;
  background: #ffffff;
}
.contact-badge {
  display: inline-block;
  font-family: var(--primary-semibold-font);
  font-size: 12px;
  color: #ffffff;
  background: #4a90e2;
  padding: 8px 20px;
  border-radius: 20px;
  margin-bottom: 20px;
  letter-spacing: 1px;
}
.contact-title {
  font-family: var(--primary-bold-font);
  font-size: 28px;
  color: #0a1628;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.contact-subtitle {
  font-family: var(--primary-regular-font);
  font-size: 14px;
  color: #5a6a7a;
  line-height: 1.6;
  margin-bottom: 40px;
}
.contact-content-row {
  margin-top: 50px;
}
.contact-img-item {
  border-radius: 0px;
  overflow: hidden;
  height: 100%;
}
.contact-img-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0px;
  transition: transform 0.3s ease;
}
.contact-img-item:hover img {
  transform: scale(1.05);
}
.contact-form-wrapper {
  background: #030403;
  padding: 35px;
  height: 100%;
}
.contact-form-title {
  font-family: var(--primary-bold-font);
  font-size: 38px;
  color: var(--secondary-color);
  margin-bottom: 10px;
}
.contact-form-subtitle {
  font-family: var(--primary-semibold-font);
  font-size: var(--fs-regular);
  color: var(--white-color);
  margin-bottom: 25px;
  line-height: 1.5;
}
.contact-input,
.contact-textarea {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--white-color);
  border-radius: 0;
  padding: 12px 0;
  font-family: var(--primary-regular-font);
  font-size: var(--fs-regular);
  color: var(--white-color);
  transition: border-color 0.3s ease;
}
.form-control::placeholder {
  color: #fff;
  opacity: 1;
  font-family: var(--primary-bold-font);
  font-size: var(--fs-regular);
}
.contact-input:focus,
.contact-textarea:focus {
  background: transparent;
  border-color: var(--secondary-color);
  box-shadow: none;
  color: #ffffff;
}
.contact-input::placeholder,
.contact-textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.contact-textarea {
  resize: none;
  min-height: 80px;
}
.contact-form-badges {
  display: flex;
  gap: 12px;
  margin-top: 40px;
  margin-bottom: 20px;
}
.contact-badge-link img {
  height: 40px;
  width: auto;
  transition: transform 0.3s ease;
}
.contact-badge-link:hover img {
  transform: translateY(-2px);
}
.contact-submit-btn {
  width: 100%;
  background: var(--secondary-color);
  color: #ffffff;
  border: none;
  padding: 14px 30px;
  border-radius: 30px;
  font-family: var(--primary-semibold-font);
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.contact-submit-btn:hover {
  background: #d90764;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(248, 8, 116, 0.3);
}
/* ======================================
PRIVACY FIRST SECTION 
======================================== */
.privacy-first-section {
  padding: 100px 0;
  background: white;
  position: relative;
}
.privacy-content {
  padding: 40px 0;
}
.privacy-content .section-badge {
  background: var(--pink-color);
  color: white;
  padding: 8px 20px;
  border-radius: 25px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  margin-bottom: 20px;
}
.privacy-content .section-title {
  font-family: var(--primary-bold-font);
  font-size: var(--section-title-fs);
  color: var(--primary-color);
  margin-bottom: 20px;
  line-height: 1.2;
}
.privacy-content .section-subtitle {
  font-family: var(--primary-regular-font);
  font-size: var(--fs-large);
  color: #64748b;
  margin-bottom: 40px;
  line-height: 1.6;
}
.privacy-features {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.privacy-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 25px;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  border-radius: 15px;
  border-left: 4px solid var(--pink-color);
  transition: all 0.3s ease;
}
.privacy-item:hover {
  transform: translateX(10px);
  box-shadow: 0 5px 25px rgba(248, 8, 116, 0.15);
}
.privacy-icon {
  font-size: 24px;
  width: 50px;
  height: 50px;
  background: var(--pink-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.privacy-text h4 {
  font-family: var(--primary-semibold-font);
  font-size: var(--fs-xl);
  color: var(--primary-color);
  margin-bottom: 8px;
}
.privacy-text p {
  font-family: var(--primary-regular-font);
  font-size: var(--fs-regular);
  color: #64748b;
  margin: 0;
  line-height: 1.5;
}
.privacy-images {
  padding: 20px;
  text-align: center;
}
.privacy-images img {
  max-width: 100%;
  height: auto;
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0, 84, 158, 0.1);
}
/* ==================================
WHY SEWLAN SECTION 
=================================== */
.why-sewlan-section {
  padding: 100px 0;
  background: linear-gradient(135deg, var(--primary-color) 0%, #003294 100%);
  position: relative;
  overflow: hidden;
}
.why-sewlan-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../img/shapes/banner-left-shape.png") no-repeat;
  background-size: contain;
  background-position: left center;
  opacity: 0.1;
}
.why-content_one,
.why-phone.one {
  display: none;
}
.why-content {
  padding: 40px 0;
  position: relative;
  z-index: 2;
  left: -100px;
}
.why-stats {
  display: flex;
  gap: 30px;
  margin-bottom: 40px;
}
.stat-item {
  text-align: center;
  flex: 1;
  padding: 25px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
}
.stat-item:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-5px);
}
.stat-number {
  font-family: var(--primary-bold-font);
  font-size: 36px;
  color: var(--violet-color);
  margin-bottom: 8px;
  font-weight: 700;
}
.stat-label {
  font-family: var(--primary-medium-font);
  font-size: var(--fs-regular);
  color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.why-features {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.why-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  transition: all 0.3s ease;
}
.why-item:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateX(10px);
}
.why-icon {
  width: 30px;
  height: 30px;
  background: var(--violet-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  flex-shrink: 0;
}
.why-text h4 {
  font-family: var(--primary-semibold-font);
  font-size: var(--fs-xl);
  color: white;
  margin-bottom: 8px;
}
.why-text p {
  font-family: var(--primary-regular-font);
  font-size: var(--fs-regular);
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
  line-height: 1.5;
}
.why-images {
  position: relative;
  height: 600px;
}
.why-main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  z-index: 2;
}
.why-floating {
  position: absolute;
  bottom: 10%;
  right: 5%;
  width: 200px;
  background: white;
  border-radius: 15px;
  padding: 15px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
  z-index: 3;
  transition: all 0.3s ease;
}
.why-floating:hover {
  transform: translateY(-5px) scale(1.05);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}
.why-content .section-title {
  text-wrap: nowrap;
}
/*=======================================
Newsletter
=======================================*/
.newsletter-section {
  padding: 60px 0 20px;
  background: linear-gradient(90deg, #0c4a7d 0%, #1a3c7c 40%, #d41472 100%);
  color: #fff;
}
.newsletter-section .section-title {
  background: radial-gradient(100.97% 265.86% at 110.31% -37.64%,
      #fab8ff 0%,
      #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
}
.subscribe-box {
  display: flex;
  align-items: center;
  background: var(--white-color);
  border-radius: 50px;
  padding: 6px;
  overflow: hidden;
  margin: 20px 0;
}
.subscribe-box .form-control {
  border: none;
  background: transparent;
  padding: 15px 20px;
  border-radius: 50px;
  box-shadow: none;
}
.subscribe-box .form-control:focus {
  box-shadow: none;
}
.subscribe-box .form-control::placeholder {
  color: #6f6c90;
  font-size: var(--fs-large);
  font-weight: 400;
  font-family: var(--primary-regular-font);
}
.subscribe-btn {
  background: linear-gradient(135deg, #5f5fff, #6a00ff);
  color: #fff;
  border-radius: 50px;
  padding: 12px 25px;
  font-size: 18px;
  font-weight: 600;
  border: 1px solid #6a00ff !important;
  font-family: var(--dm-sans);
}
.subscribe-btn:hover {
  background: transparent;
  border: 1px solid #6a00ff;
  color: #6a00ff;
}
.feature-list li {
  font-size: 18px;
  color: #000000;
  font-weight: 400;
}
.newsletter-list {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  flex-wrap: wrap;
}
.newsletter-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
  color: #ffffffb2;
}
.newsletter-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 18px;
  height: 18px;
  background: url("../img/icons/tick.png") no-repeat center;
  background-size: contain;
}
/* ================================
Privacy section
================================= */
.security-section {
  padding: 60px 0;
  background: url("../img/privacy/bg.png") center no-repeat;
  color: var(--white-color);
  background-size: cover;
  overflow: hidden;
  position: relative;
}
.security-section .img-column {
  position: relative;
}
.privacy-shape_one {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: overlay;
  opacity: 0.6;
}
.privacy-shape_two {
  position: absolute;
  top: 50px;
  right: 0;
  max-width: 500px;
}
.security-section .img-column .privacy-shape_three {
  position: absolute;
  top: -80%;
  z-index: 0;
  right: -30%;
}
.security-section .section-title {
  background: linear-gradient(90.62deg, #c4e0fd 40.05%, #5eadff 100.04%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.security-section .section-subtitle {
  font-weight: 400;
}
.security-section .feature-box p {
  font-size: 21px;
  font-weight: 400;
  color: var(--white-color);
}
.feature-box .feature-content::before {
  content: "";
  width: 1px;
  height: 50px;
  background: #fff;
  display: inline-block;
  margin-right: 18px;
}
.feature-box .feature-content {
  display: flex;
  align-items: center;
}
.security-features {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.feature-box {
  display: flex;
  align-items: center;
  gap: 20px;
  background: linear-gradient(90deg, #5f6dff 0%, #8b5cf6 100%);
  padding: 25px;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  border: 1px solid #8A8EFF80
}
.feature-box h6 {
  font-size: 14px;
  margin: 0;
  font-weight: 600;
}
.feature-box p {
  font-size: 12px;
  margin: 0;
  color: #cbd5e1;
}
.feature-box .icon img {
  width: 50px;
  height: auto;
}
.curve-line {
  height: 400px;
  width: auto;
}
.security-image {
  border-radius: 12px;
  max-width: 320px;
  text-align: start;
  margin-right: auto;
  z-index: 1;
  position: relative;
}
.security-image img {
  border-radius: 25px;
}
.bg-circle {
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  opacity: 0.3;
}
/*=====================================
Highlight section
======================================*/
.highlights-section {
  padding: 80px 0 0px;
  background: #f2f0fd;
  position: relative;
  overflow: hidden;
}
.highlight-bg-shape {
  position: absolute;
  top: 0;
  left: 0;
}
.highlight-bg-line {
  position: absolute;
  bottom: -10%;
  left: 0%;
}
.highlights-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../img/highlights/circle.png) bottom no-repeat;
  background-size: 100% 70%;
  filter: brightness(0) invert(1);
  z-index: 0;
}
.highlights-wrapper {
  position: relative;
  height: 800px;
}
.highlight-wrapper_two {
  position: relative;
  display: none;
}
.center-phone {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.center-phone img {
  width: auto;
  height: 800px;
}
.highlight-card {
  position: absolute;
  max-width: 250px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}
.highlight-card img {
  width: 100%;
}
.highlight-para {
  color: #01549e;
  background: url("../img/highlights/card-bg.png") center no-repeat;
  background-size: cover;
  padding: 5px 0 10px;
  font-size: var(--fs-large);
  font-family: var(--secondary-medium-font);
}
.card-left-top {
  top: -30px;
  left: 80px;
  transform: rotate(-8deg);
}
.card-left-bottom {
  bottom: 70px;
  left: 00px;
  transform: rotate(-6deg);
}
.card-right-top {
  top: -30px;
  right: 80px;
  transform: rotate(6deg);
}
.card-right-bottom {
  bottom: 50px;
  right: -30px;
  transform: rotate(5deg);
}
.highlights-section .curve-line {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 600px;
  opacity: 0.5;
  z-index: 1;
}
/*======================================
Conatct Page
=======================================*/
.common-breadcrumb {
  background-size: cover;
  color: var(--white-color);
  padding: 100px 0;
  margin-top: 85px;
  position: relative;
  overflow: hidden;
}
.common-breadcrumb.contact {
  background: url("../img/bg/breadcrumb-bg.png") center no-repeat;
}
.common-breadcrumb.blog {
  padding: 120px 0;
  margin-top: 85px;
  position: relative;
  overflow: hidden;
  background: url("../img/blog/blog-bc.jpg") right top / 50% 150% no-repeat;
}
.common-breadcrumb.blog::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 100%;
  background: url("../img/blog/bc-bg.png") center center / cover no-repeat;
  z-index: 1;
}
.common-breadcrumb.blog .container-fluid,
.common-breadcrumb.blog .breadcrumb-content {
  position: relative;
  z-index: 2;
}
.common-breadcrumb.blog .breadcrumb-bg {
  max-width: 50%;
}
.contact-container {
  background: linear-gradient(90.66deg, #e8f3ff 0%, #dbedff 100%);
  border-radius: 29px;
  padding: 50px;
  box-shadow: 0px 0px 10px 0px #00000012;
  box-shadow: 0px 5px 25px 2px #0000002E;
}
.breadcrumb-bg {
  position: absolute;
  bottom: 0;
  right: 0;
}
.breadcrumb-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.common-breadcrumb .section-title {
  background: linear-gradient(90.66deg, #C4E0FD 0%, #5EADFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.common-breadcrumb p,
.common-breadcrumb a {
  color: var(--white-color);
  text-decoration: none;
}
.common-breadcrumb p {
  opacity: 0.8;
}
.contact-section {
  padding: 100px 0;
  background: #f5f7fb;
}
.contact-info h3 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 36px;
  color: #01549E;
}
.contact-info p {
  color: var(--black-color);
  font-size: var(--fs-small);
  font-weight: 400;
  font-family: var(--montserrat);
}
.info-box {
  margin-top: 20px;
  display: flex;
  align-items: start;
  gap: 20px;
}
.info-box p {
  font-size: var(--fs-regular);
  font-family: var(--primary-regular-font);
}
.contact-divider {
  border: 1px solid #C0C0C0;
  margin: 20px 0;
}
.title-sm {
  font-size: var(--fs-xl);
  color: var(--black-color);
  font-family: var(--primary-bold-font);
}
.info-box .icon-box {
  width: 50px;
  height: 50px;
  background: #01549E;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-shrink: 0;
}
.info-box h5 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 20px;
}
.social-icons {
  margin-top: 20px;
}
.social-icons a {
  display: inline-block;
  margin-right: 10px;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  font-size: 14px;
}
.info-box.border-bottom h5 {
  font-size: 24px;
}
.map-section h4 {
  font-weight: 600;
  margin-bottom: 10px;
}
.contact-form-box {
  background: #01549E;
  padding: 50px;
  border-radius: 30px;
  color: #fff;
}
.contact-form-box h4 {
  font-size: 36px;
  font-family: var(--primary-bold-font);
}
.contact-form-box input,
.contact-form-box textarea {
  width: 100%;
  padding: 10px;
  margin: 15px;
  border: none;
  border-radius: 0px;
  background: transparent;
  border-bottom: 1px solid #fff;
}
.contact-form-box input::placeholder,
.contact-form-box textarea::placeholder {
  color: var(--white-color);
}
.contact-form-box button {
  background: #fff;
  color: #1c74d9;
  border: none;
  padding: 10px 25px;
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
  margin-top: 30px;
}
.map-section {
  padding: 60px 0;
}
.map-section .section-title {
  background: linear-gradient(90deg, #01549E 50%, #F80874 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}
.map-box {
  margin-top: 20px;
  border-radius: 0px;
  overflow: hidden;
  max-height: 500px;
}
/*====================================
Why section
=====================================*/
.why-section {
  padding: 0px 0 0;
  background: linear-gradient(90deg, #f2f0fd 0%, #ffffff 100%);
  position: relative;
  overflow: hidden;
}
.why-img-left {
  position: relative;
  z-index: 1;
}
.why-img-left img {
  max-width: 100%;
}
.why-btn {
  background: #1e3a8a;
  color: #fff;
  padding: 10px 18px;
  border-radius: 6px;
  font-size: 14px;
}
.why-phone img {
  max-width: 500px;
  position: relative;
  left: -185px;
  z-index: 2;
}
.why-section .why-bg {
  position: absolute;
  top: 100px;
  left: -20px;
  z-index: 0;
}
/* =====================================
Blog Page
====================================== */
.blog-section {
  background: url("../img/blog/blog-bg.png") center no-repeat;
  background-size: cover;
  padding: 50px 0;
  border-radius: 10px;
}
.blog-section.two {
  background: none;
}
.blog-section .tag {
  background: url("../img/shapes/span-bg.png") center no-repeat;
  color: var(--white-color);
  padding: 3px 5px;
  background-size: cover;
}
.blog-section .blog-card {
  background: var(--white-color);
  padding: 20px;
  border-radius: 7.8px;
  gap: 20px;
}
.blog-img img {
  width: 400px;
  height: 300px;
  object-fit: cover;
  border-radius: 8px;
  max-width: 500px;
}
.blog-content h4 {
  font-size: 30px;
  font-weight: 600;
  font-family: var(--primary-semibold-font);
}
.blog-cards-box {
  max-height: 700px;
  overflow: auto;
}
.blog-cards-box .content-box {
  max-width: 95%;
}
.blog-cards-box::-webkit-scrollbar {
  width: 4px;
}
.blog-cards-box::-webkit-scrollbar-track {
  background: #C4C4C4;
}
.blog-cards-box::-webkit-scrollbar-thumb {
  background: #01549E;
  border-radius: 10px;
}
.blog-content .meta,
.popular-item .meta-box p {
  font-size: 12px;
  color: #888;
  margin-bottom: 0px;
  padding-right: 10px;
  border-right: 1px solid #ccc;
  margin-right: 10px;
}
.blog-content .meta:nth-last-of-type {
  border-right: none;
}
.blog-content .desc {
  font-size: 17px;
  color: #555555;
  font-weight: 400;
  font-family: var(--noto-sans);
}
.blog-section .view-link {
  color: var(--primary-color);
  font-weight: 600;
  text-decoration: none;
  font-size: 20px;
  font-family: var(--primary-semibold-font);
  padding-bottom: 10px;
  border-bottom: 1px solid #01549E;
}
.blog-section .badge {
  background: #DFF1F0;
  color: #666666;
  font-size: 14px;
  margin-bottom: 5px;
  padding: 5px 9px;
  font-family: var(--primary-regular-font);
}
.blog-section .popular-item {
  display: flex;
  margin-bottom: 30px;
}
.blog-section .popular-item .blog-sm {
  max-width: 130px;
  height: 120px;
  object-fit: cover;
  border-radius: 7.8px;
  margin-right: 10px;
}
.popular-item .blog-title-two {
  font-size: 19px;
  margin: 0;
  font-family: var(--primary-semibold-font);
  font-weight: 600;
}
.popular-item .meta-box p {
  margin-bottom: 0px;
  margin-bottom: 0px;
  font-size: 14px;
  font-family: var(--noto-sans);
  font-weight: 400;
}
.popular-item small {
  font-size: 11px;
  color: #888;
}
.blog-title {
  font-size: 24px;
  font-family: var(--primary-semibold-font);
  color: #222222;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  gap: 10px;
}
.blog-title p {
  margin-bottom: 0px;
  font-family: var(--primary-semibold-font);
}
.blog-section .meta-box ul,
.blog-section .meta-box ul li {
  display: flex;
  align-items: center;
  padding-left: 0px;
}
.blog-section .meta-box ul li {
  gap: 7px;
}
.blog-section .meta-box ul li .icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-section .meta-box ul li .icon-box .profile-img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.meta-box ul li:last-child .meta {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
.blog-section .meta-box {
  margin: 15px 0;
}
.blog-divider {
  max-width: 50%;
  border: 1px solid #C0C0C0;
  margin: 20px auto;
}
.sidebar-search {
  position: relative;
  margin-bottom: 40px;
}
.sidebar-search input {
  width: 100%;
  padding: 12px 20px 12px 45px;
  border-radius: 30px;
  border: 1.26px solid #DADADA;
  font-size: 15px;
  color: #888888;
}
.sidebar-search input:focus {
  border: 1.26px solid var(--primary-color);
  box-shadow: none;
  outline: none;
}
.sidebar-search input::placeholder {
  color: #888888;
  font-size: 15px;
}
.sidebar-search .search-icon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #64748b;
  width: 16px;
}
.author-item {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
  background: transparent;
  padding: 0;
  border-radius: 12px;
}
.author-item .author-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}
.author-item .author-info h5 {
  font-size: 17px;
  margin: 0;
  font-family: var(--primary-semibold-font);
}
.author-item .author-info p {
  font-size: 12px;
  color: #666666;
  margin: 2px 0 15px;
}
.author-social {
  display: flex;
  gap: 8px;
}
.author-social a {
  width: 20px;
  height: 20px;
  border: 0.8px solid #C4C4C4;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.author-social a img {
  width: auto;
  height: 10px;
}
.author-social a img.one {
  height: 11px;
}
.category-list {
  list-style: none;
  padding: 0;
}
.category-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #f1f5f9;
  font-size: 14px;
  color: #334155;
}
.category-item:last-child {
  border-bottom: none;
}
.category-item .count {
  font-weight: 600;
  color: #1e293b;
}
.sidebar-box {
  background: #DBEFFF75;
  padding: 30px;
  border-radius: 0px;
  margin-bottom: 40px;
}
.blog-card-v {
  background: var(--white-color);
  border-radius: 5.11px;
  overflow: hidden;
  margin-bottom: 30px;
  transition: transform 0.3s ease;
}
.blog-card-v .blog-img img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 5.11px;
}
.blog-card-v .blog-content {
  padding: 20px 0;
}
.blog-card-v h4 {
  font-size: 27px;
  margin: 10px 0;
  line-height: 1.4;
  font-family: var(--primary-semibold-font);
}
.blog-card-v .desc {
  font-size: var(--fs-regular);
  margin-bottom: 15px;
  font-family: var(--primary-regular-font);
}
/* =====================================
Blog Detail Page
====================================== */
.detail-breadcrumb .breadcrumb-item a {
  color: #666666;
  text-decoration: none;
  font-size: 14px;
  font-family: var(--primary-medium-font);
}
.detail-breadcrumb .breadcrumb-item.active {
  color: #01549E;
  font-weight: 600;
}
.detail-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  content: "/";
  color: #666666;
}
.blog-detail-content .post-title {
  font-size: 40px;
  font-weight: 700;
  color: #222222;
  line-height: 1.2;
  font-family: var(--primary-bold-font);
}
.badge.blue-light {
  background: #E8F3FF;
  color: #01549E;
  font-weight: 600;
}
.post-text p {
  font-size: 16px;
  color: #555555;
  line-height: 1.8;
  margin-bottom: 20px;
  font-family: var(--noto-sans);
}
.post-text h3 {
  font-size: 24px;
  font-weight: 700;
  color: #222222;
  font-family: var(--primary-bold-font);
}
.symptom-list {
  list-style: none;
  padding-left: 20px;
  margin-bottom: 25px;
}
.symptom-list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  color: #555555;
  font-family: var(--noto-sans);
}
.symptom-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #01549E;
  font-weight: bold;
}
/* Tabs Styling */
.test-tabs-wrapper .nav-tabs .nav-link {
  background: #F8FBFD;
  color: #666666;
  border: 1px solid #E1E7EC;
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 14px;
  font-family: var(--primary-medium-font);
  transition: all 0.3s ease;
}
.test-tabs-wrapper .nav-tabs .nav-link.active {
  background: #01549E;
  color: #fff;
  border-color: #01549E;
}
.detail-tab-content {
  background: #F8FBFD;
  border: 1px solid #E1E7EC;
}
.detail-tab-content h4 {
  font-size: 20px;
  font-weight: 700;
  color: #01549E;
  margin-bottom: 15px;
}
.social-share a {
  transition: transform 0.3s ease;
}
.social-share a:hover {
  transform: translateY(-3px);
}
/* Related Posts Horizontal */
.blog-card-v.horizontal {
  background: #fff;
  border: none;
  margin-bottom: 20px;
}
.blog-card-v.horizontal .blog-content h5 {
  font-size: 16px;
  line-height: 1.4;
  font-family: var(--primary-bold-font);
}
/* Comments Section */
.comments-section .form-control {
  background: #F8FBFD;
  border: 1px solid #E1E7EC;
  padding: 12px;
}
.comments-section .social-login i {
  font-size: 18px;
  cursor: pointer;
  transition: color 0.3s ease;
}
.comments-section .social-login i:hover {
  color: #01549E;
}
@media (max-width: 991px) {
  .blog-detail-content .post-title {
    font-size: 32px;
  }
}
/* =====================================
ABOUT PAGE
======================================= */
/*==========================================
About
==========================================*/
.about-main-section {
  position: relative;
  overflow-x: hidden;
  overflow-y: visible;
  min-height: 100vh;
  padding: 55px 0 0px;
  background-color: #1233af;
  background-image:
    url("../img/about/rectangle.png"), url("../img/about/main-bg.png");
  background-repeat: no-repeat, no-repeat;
  background-position:
    left center,
    center bottom;
  background-size: cover, cover;
}
.main-container {
  position: relative;
}
.about-gradient-shape {
  display: none;
}
.about-gradient-shape img {
  display: none;
}
.about-main-row {
  position: relative;
  z-index: 1;
  min-height: calc(100vh - 214px);
}
.about-main-content {
  max-width: 600px;
}
.about-main-title {
  max-width: 620px;
  margin: 0 0 20px;
  color: var(--white-color);
  font-family: var(--primary-bold-font);
  font-size: 45px;
  line-height: 1.12;
  letter-spacing: -0.03em;
}
.about-main-text {
  max-width: 510px;
  margin: 0 0 36px;
  color: rgba(255, 255, 255, 0.86);
  font-family: var(--primary-regular-font);
  font-size: 16px;
  line-height: 1.58;
}
.about-main-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 164px;
  min-height: 44px;
  padding: 11px 22px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff 0%, #f0f4fb 100%);
  border: 1px solid rgba(255, 255, 255, 0.78);
  color: #0e5cb9;
  font-family: var(--primary-semibold-font);
  font-size: 18px;
  text-decoration: none;
  box-shadow: 0 10px 18px rgba(9, 24, 84, 0.14);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.about-main-btn:hover {
  color: #0e5cb9;
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(9, 24, 84, 0.18);
}
.about-visual-wrap {
  position: relative;
  max-width: 720px;
  margin-top: -8px;
  margin-left: auto;
  margin-right: -44px;
}
.about-visual-card {
  position: relative;
  text-align: start !important;
  right: 155px;
  top: -25px;
}
.about-main-image {
  width: 950px;
  height: auto;
  max-width: 100%;
  filter: drop-shadow(0 34px 58px rgba(0, 0, 0, 0.3));
}
.about-journey-section {
  position: relative;
  margin-top: -2px;
  padding: 80px 0;
  background: url("../img/about/journey-bg.png") no-repeat center;
  background-size: cover;
  border-radius: 32px 32px 0 0;
  overflow: hidden;
}
.about-journey-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.about-journey-curve {
  position: absolute;
  left: 8%;
  bottom: 16px;
  width: min(39vw, 540px);
  opacity: 0.78;
  pointer-events: none;
}
.about-journey-curve img {
  width: 100%;
}
.about-journey-section .container {
  position: relative;
  z-index: 1;
}
.about-journey-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 4px 16px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: linear-gradient(90deg, #bcd8ff 0%, #88b9ff 55%, #6ea9f7 100%);
  color: #1a4f9d;
  font-family: var(--primary-bold-font);
  font-size: 13px;
  letter-spacing: 0.12em;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}
.about-journey-title {
  margin: 0 0 14px;
  background: linear-gradient(90deg, #01549e 60%, #f80874 64%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-family: var(--primary-bold-font);
  font-size: 27px;
  line-height: 1.14;
  letter-spacing: -0.02em;
}
.about-journey-title span {
  color: var(--pink-color);
}
.about-journey-text {
  /* max-width: 980px; */
  margin: 0 auto;
  color: #1f1f1f;
  font-family: var(--primary-regular-font);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.72;
}
.about-journey-gallery {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: fit-content;
  margin: 58px auto 72px;
  min-height: 310px;
}
.about-journey-card {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 18px 36px rgba(74, 119, 171, 0.15);
  background: #ffffff;
}
.about-journey-card img {
  display: block;
  width: 100%;
  height: auto;
}
.about-journey-card-left {
  width: 165px;
  height: 255px;
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow:
    0 0 0 5px rgba(255, 255, 255, 0.95),
    0 18px 36px rgba(74, 119, 171, 0.15);
  transform: rotate(-1.9deg) translate(28px, 6px);
  z-index: 1;
}
.about-journey-card-center {
  width: 246px;
  margin: 0 -12px;
  border: 1px solid rgba(255, 255, 255, 0.95);
  z-index: 2;
}
.about-journey-card-right {
  width: 165px;
  height: 255px;
  transform: rotate(3.3deg) translate(-18px, 8px);
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow:
    0 0 0 5px rgba(255, 255, 255, 0.95),
    0 18px 36px rgba(74, 119, 171, 0.15);
  z-index: 1;
}
.about-journey-card-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transform: rotate(-4.7deg) scale(1.04) translate(3px, 0px);
}
.about-journey-card-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 18%;
  transform: rotate(1.1deg) scale(1.03) translate(1px, 0px);
}
.about-purpose-row {
  row-gap: 30px;
  justify-content: center;
  align-items: flex-start;
  column-gap: 22px;
  flex-wrap: wrap;
}
.about-purpose-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 23px;
  padding: 4px 15px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: linear-gradient(90deg, #bcd8ff 0%, #88b9ff 55%, #6ea9f7 100%);
  color: #1a4f9d;
  font-family: var(--primary-bold-font);
  font-size: 13px;
  letter-spacing: 0.14em;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}
.about-purpose-block p {
  margin: 0;
  color: var(--black-color);
  font-family: var(--primary-regular-font);
  font-size: 18px;
  font-weight: 400;
  text-align: left;
}
.about-purpose-block {
  height: 100%;
}
.about-impact-section {
  position: relative;
  overflow: hidden;
  padding: 64px 0 88px;
  background: linear-gradient(70.65deg,
      #57048a 11.12%,
      #470e8a 18.14%,
      #3d148a 26.04%,
      #3b168a 36.57%,
      #2e1d8a 46.23%,
      #162b8a 70.8%,
      #0e318b 85.72%);
}
.about-impact-network {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 550px;
  opacity: 0.9;
  pointer-events: none;
}
.about-impact-network img {
  width: 100%;
}
.about-impact-section .container {
  position: relative;
  z-index: 1;
}
.about-impact-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 5px 18px;
  border-radius: 999px;
  margin-bottom: 18px;
  background: linear-gradient(90deg, #cde0ff 0%, #82b7ff 100%);
  color: #144aa5;
  font-family: var(--primary-bold-font);
  font-size: 13px;
  letter-spacing: 0.14em;
}
.about-impact-title {
  margin: 0 0 10px;
  background: linear-gradient(90.62deg, #c4e0fd 19.62%, #5eadff 81.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-family: var(--primary-bold-font);
  font-size: 28px;
  line-height: 1.2;
}
.about-impact-text {
  margin: 0 auto 22px;
  color: rgba(255, 255, 255, 0.88);
  font-family: var(--primary-regular-font);
  font-size: 18px;
  line-height: 1.6;
}
.about-impact-tabs {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.92);
}
.about-impact-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 4px 12px;
  border-radius: 7px;
  border: 0;
  background: transparent;
  color: #6b6f7d;
  font-family: var(--secondary-medium-font);
  font-size: 13px;
  white-space: nowrap;
  transition: all 0.3s ease;
}
.about-impact-tab.active {
  background: #edf4ff;
  color: #01549E;
  font-family: var(--primary-semibold-font);
}
.about-impact-tab:focus {
  outline: none;
  box-shadow: none;
}
.about-impact-tab-content {
  position: relative;
}
.about-impact-stage {
  position: relative;
  min-height: 580px;
  margin-top: 18px;
  left: 0;
  width: min(100%, 1360px);
  margin-left: auto;
  margin-right: auto;
}
.about-impact-visual {
  position: absolute;
  left: 2%;
  bottom: 0;
  width: 43%;
  max-width: 620px;
  height: 490px;
}
.about-impact-base {
  position: absolute;
  left: 10%;
  bottom: 0;
  width: 72%;
  border-radius: 12px;
  overflow: hidden;
}
.about-impact-base img {
  width: 100%;
  display: block;
}
.about-impact-doctor {
  position: absolute;
  left: 24%;
  bottom: 0;
  width: 58%;
  z-index: 5;
  max-width: none;
}
.about-impact-mini-card {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.97);
  border-radius: 8px;
  box-shadow: 0 16px 30px rgba(22, 15, 78, 0.18);
}
.about-impact-mini-card-left {
  top: 49%;
  left: -2%;
  padding: 8px 10px;
  z-index: 5;
  min-width: 170px;
}
.about-impact-check-icon {
  width: 17px;
  height: 17px;
}
.about-impact-check-img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  object-fit: cover;
}
.about-impact-mini-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-left: 10px;
  min-width: 0;
}
.about-impact-mini-text strong {
  color: #303447;
  font-family: var(--primary-semibold-font);
  font-size: 12px;
  line-height: 1.2;
}
.about-impact-mini-text span {
  color: #8f96a6;
  font-family: var(--primary-regular-font);
  font-size: 9px;
  line-height: 1.2;
}
.about-impact-mini-action {
  margin-left: auto;
  flex: 0 0 auto;
}
.about-impact-mini-action img {
  width: 24px;
  height: 24px;
}
.about-impact-mini-card-top {
  top: 26%;
  right: 2%;
  padding: 8px 10px;
  gap: 0;
}
.about-impact-stat-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.about-impact-stat-copy span {
  color: #a1a7b6;
  font-family: var(--primary-regular-font);
  font-size: 10px;
  line-height: 1.2;
}
.about-impact-stat-copy strong {
  color: #303447;
  font-family: var(--primary-semibold-font);
  font-size: 12px;
  line-height: 1;
  padding: 5px 0px;
}
.about-impact-stat-icon {
  width: 20px;
  height: 20px;
}
.about-impact-mini-card-bottom {
  left: 30%;
  bottom: -14px;
  padding: 10px 14px;
  z-index: 5;
  gap: 8px;
}
.about-impact-mini-card-bottom span {
  color: #303447;
  font-family: var(--primary-regular-font);
  font-size: 18px;
}
.about-impact-content-card {
  position: absolute;
  right: 0;
  bottom: 14px;
  width: 57%;
  max-width: 760px;
  min-height: 340px;
  padding: 13px 32px 13px 96px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 24px 40px rgba(18, 9, 84, 0.18);
}
.about-impact-content-card h3 {
  margin: 0 0 14px;
  color: #0c58b0;
  font-family: var(--primary-bold-font);
  font-size: 24px;
  line-height: 1.2;
}
.about-impact-content-card p {
  margin: 5px 0 15px;
  color: #2d3444;
  font-family: var(--primary-regular-font);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
}
.about-impact-link {
  color: #0c58b0;
  font-family: var(--primary-semibold-font);
  font-weight: 400px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.about-impact-stage-wrap .about-impact-link img{
  margin-left: 10px;
}
.about-founders-section {
  position: relative;
  padding: 44px 0 54px;
  background:
    radial-gradient(circle at top center,
      rgba(255, 255, 255, 0.96),
      rgba(255, 255, 255, 0) 34%),
    linear-gradient(180deg, #f7fbff 0%, #edf5ff 46%, #ffffff 100%);
}
.about-founders-glow {
  position: absolute;
  left: 0%;
  top: 88px;
  width: min(28vw, 300px);
  opacity: 0.42;
  pointer-events: none;
}
.about-founders-glow img {
  width: 100%;
}
.about-founders-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 5px 18px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: linear-gradient(90deg, #c7ddff 0%, #8fbaff 100%);
  color: #124ea0;
  font-family: var(--primary-bold-font);
  font-size: 13px;
  letter-spacing: 0.14em;
}
.about-founders-title {
  margin: 0 0 12px;
  background: linear-gradient(90deg, #01549e 60%, #f80874 88%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-family: var(--primary-bold-font);
  font-size: 28px;
  line-height: 1.2;
}
.about-founders-title span {
  color: var(--pink-color);
}
.about-founders-text {
  margin: 0 auto;
  color: #2d3444;
  font-family: var(--primary-regular-font);
  font-size: 18px;
  line-height: 1.65;
}
.about-founders-grid {
  margin-top: 38px;
  --bs-gutter-x: 28px;
}
.about-founder-card {
  position: relative;
  min-height: 477px;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(180deg, #083665 0%, #0f6bde 100%);
  /* box-shadow: 0 16px 35px rgba(38, 86, 149, 0.12); */
}
.about-founder-card-portrait .about-founder-photo {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  max-width: none;
}
.about-founder-card-portrait-1 .about-founder-photo {
  width: 90%;
}
.about-founder-card-portrait-2 .about-founder-photo {
  width: 90%;
}
.about-founder-card-portrait-3 .about-founder-photo {
  width: 90%;
}
.about-founder-card-portrait-4 .about-founder-photo {
  width: 90%;
}
.about-founder-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,
      rgba(7, 36, 70, 0.3) 0%,
      rgba(7, 36, 70, 0.12) 18%,
      rgba(7, 36, 70, 0) 38%),
    linear-gradient(180deg,
      rgba(4, 22, 52, 0) 42%,
      rgba(4, 22, 52, 0.46) 66%,
      rgba(4, 22, 52, 0.82) 84%,
      rgba(4, 22, 52, 0.96) 100%);
}
.about-founder-copy {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 6px;
}
.about-founder-copy h3 {
  margin: 0 0 8px;
  color: #ffffff;
  font-family: var(--primary-bold-font);
  font-size: 21px;
  line-height: 1.2;
  position: relative;
  padding-bottom: 10px;
}
.about-founder-copy h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 42px;
  height: 3px;
  border-radius: 999px;
  background: #f80874;
}
.about-founder-copy p {
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-family: var(--primary-regular-font);
  font-size: 14px;
  line-height: 1.4;
}
/* .about-founders-divider {
  height: 2px;
  margin: 70px 0 50px;
  background: #e3e3e3;
} */
.about-faq-block {
  margin: 70px 0 50px;
  border-top: 1px solid #e3e3e3;
}
.about-faq-title {
  margin: 70px 0 16px;
  color: #111111;
  font-family: var(--primary-bold-font);
  font-size: 30px;
  line-height: 1.2;
}
.about-faq-accordion .accordion-item {
  border: 2px solid #eef2fb;
  border-radius: 12px;
  margin-bottom: 10px;
  overflow: hidden;
  background: #ffffff;
}
.about-faq-accordion .accordion-button {
  background: #ffffff;
  color: #170f49;
  font-family: var(--primary-semibold-font);
  font-size: 18px;
  padding: 16px 18px;
  box-shadow: none;
}
.about-faq-accordion .accordion-button:not(.collapsed) {
  color: #1a2356;
  background: #ffffff;
  box-shadow: none;
}
.about-faq-accordion .accordion-button:focus {
  box-shadow: none;
}
.about-faq-accordion .accordion-button::after {
  width: 24px;
  height: 24px;
  background-size: 10px;
  background-position: center;
  background-color: #e9ecff;
  border-radius: 50%;
   transform: rotate(270deg);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23616d99'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.about-faq-accordion .accordion-button:not(.collapsed)::after {
  background-color: #635bff;
  transform: rotate(0);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.about-faq-accordion .accordion-body {
  padding: 0 18px 14px;
  color: #170f49;
  font-family: var(--primary-regular-font);
  font-size: 15px;
  line-height: 1.7;
}
.about-newsletter-section {
  padding: 0 0 1px;
  background: #ffffff;
  overflow-x: clip;
}
.about-newsletter-wrap {
  position: relative;
  width: auto;
  left: auto;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 34px 18px 28px;
  border-top: 2px solid #0f7bff;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 100%),
    linear-gradient(90deg, #01549e 50%, #f80874 100%);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.22);
}
.about-main-section,
.about-journey-section,
.about-impact-section,
.about-founders-section {
  overflow-x: clip;
}
.about-newsletter-title {
  margin: 30px 0 34px;
  text-align: center;
  color: #ffffff;
  font-family: var(--primary-bold-font);
  font-size: 28px;
  line-height: 1.2;
}
.about-newsletter-form {
  max-width: 621px;
  margin: 0 auto 26px;
  padding: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.98);
}
.about-newsletter-input {
  flex: 1 1 auto;
  border: 0;
  background: transparent;
  padding: 10px 14px;
  color: #3f4a63;
  font-family: var(--primary-regular-font);
  font-size: 13px;
}
.about-newsletter-input:focus {
  outline: none;
}
.about-newsletter-btn {
  border: 0;
  border-radius: 999px;
  padding: 11px 22px;
  background: linear-gradient(90deg, #4f42ff 0%, #6c38ff 100%);
  color: #ffffff;
  font-family: var(--primary-semibold-font);
  font-size: 13px;
}
.about-newsletter-features {
  margin: 50px 0 10px;
  display: flex;
  justify-content: center;
  gap: 34px;
  flex-wrap: wrap;
  color: rgba(255, 255, 255, 0.86);
  font-family: var(--primary-semibold-font);
  font-size: 18px;
}
.about-newsletter-features span::before {
  content: "\2713";
  margin-right: 8px;
  color: rgba(255, 255, 255, 0.92);
}
/* Exact impact alignment override */
.about-impact-stage-wrap {
  --impact-scale: 1;
  position: relative;
  width: 100%;
  height: calc(560px * var(--impact-scale));
  margin-top: 18px;
}
.about-impact-stage-wrap .about-impact-stage {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1320px;
  min-height: 450px;
  margin: 0;
  transform: translateX(-50%) scale(var(--impact-scale));
  transform-origin: top center;
}
.about-impact-stage-wrap .about-impact-visual {
  position: absolute;
  left: 90px;
  bottom: 0;
  width: 520px;
  height: 450px;
}
.about-impact-stage-wrap .about-impact-base {
  position: absolute;
  left: 67px;
  bottom: -4px;
  width: 485px;
}
.about-impact-stage-wrap .about-impact-doctor {
  position: absolute;
  left: 135px;
  bottom: -4px;
  width: 390px;
}
.about-impact-stage-wrap .about-impact-mini-card-left {
  top: 205px;
  left: 8px;
  min-width: 170px;
  padding: 10px 15px;
}
.about-impact-stage-wrap .about-impact-mini-card-top {
  top: 124px;
  right: -42px;
}
.about-impact-stage-wrap .about-impact-mini-card-bottom {
  left: 239px;
  bottom: -17px;
}
.about-impact-stage-wrap .about-impact-content-card {
  position: absolute;
  right: 120px;
  bottom: 13px;
  width: 681px;
  min-height: 237px;
  padding: 24px 22px 24px 82px;
  border-radius: 28px;
}
.about-impact-stage-wrap .about-impact-content-card h3 {
  font-size: var(--fs-xl);
  margin-bottom: 18px;
  font-family: var(--secondary-semibold-font);
}
.about-impact-stage-wrap .about-impact-content-card p {
  font-size: 16px;
  font-family: var(--secondary-regular-font);
  line-height: 1.7;
  margin: 0 0 22px;
  color: #0F172A;
}
.about-impact-stage-wrap .about-impact-link {
  font-size: var(--fs-regular);
  font-family: var(--secondary-regular-font);
  font-weight: 500;
}