@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");
:root {
--brand:#2563eb;
--brand-dark:#1e40af;
--brand-grad:linear-gradient(135deg, #2563eb 0%, #7c3aed 50%, #06b6d4 100%);
--ink:#0f172a;
--muted:#475569;
--soft:#f8fafc;
}
:root {
--navy-primary:#071A2F;
--navy-secondary:#0A1F3A;
--navy-accent:#0B2545;
--navy-glow:rgba(56, 189, 248, .20);
--navy-gold:#f5b51b;
}
* {
	font-family:"Inter", system-ui, sans-serif
}
body {
	color:var(--ink);
	font-size:16px;
	line-height:1.65;
	background:#fff
}
.logo-strip {
	padding:30px 0;
}
.logo-desktop img {
	width:100%;
	height:auto;
}
.logo-marquee {
	display:none;
	overflow:hidden;
	width:100%;
	position:relative;
}
.logo-track {
	display:flex;
	width:max-content;
	animation:logoScroll 18s linear infinite;
}
.logo-track img {
	width:900px;      /* Change if required */
	max-width:none;
	display:block;
	flex-shrink:0;
}
 @keyframes logoScroll {
 0% {
 transform:translateX(0);
}
 100% {
 transform:translateX(-50%);
}
}
.ghl-calendar-section {
  padding: 0px 20px;
}

.ghl-calendar-section .container {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.ghl-calendar-box {
  width: 50%;
  padding: 30px;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 15px 45px rgba(20, 35, 60, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.06);
  overflow: hidden;
  margin: 0 auto;
}

.ghl-calendar-box iframe {
  display: block;
  width: 100%;
  min-height: 800px;
  border: none;
  background: #ffffff;
  overflow: hidden;
}

@media (max-width: 991px) {
  .ghl-calendar-section {
    padding: 0 0;
  }

  .ghl-calendar-box {
    padding: 20px;
    border-radius: 16px;
	width: 100%;
  }
  .ghl-calendar-box iframe {
    min-height: auto;
  }
}

@media (max-width: 576px) {
  .ghl-calendar-section {
    padding: 0 0;
  }

  .ghl-calendar-box {
    padding: 0;
    border-radius: 12px;
	width: 100%;
  }

  .ghl-calendar-box iframe {
    min-height: auto;
  }
}
#goTopBtn {
  position: fixed;
  right: 100px;
  bottom: 25px;
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 50%;
  background: #05162f ;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 9999;
}

#goTopBtn.show {
  opacity: 1;
  visibility: visible;
}

#goTopBtn:hover {
  background: #ffc107;
  color: #fff;
}
/* Tablet & Mobile */
@media (max-width:991px) {
 .logo-desktop {
 display:none;
}
 .logo-marquee {
 display:block;
}
 .logo-track img {
 width:750px;
}
}

/* Small Mobile */
@media (max-width:576px) {
 .logo-track img {
 width:1150px;
}
}
/* ===============================
   Desktop
==================================*/

.ms-partners-marquee {
	overflow:hidden;
}
.ms-partners-track {
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	gap:25px;
}
.ms-partner-logo {
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
	border-radius:14px;
	padding:20px;
 transition:.3s;
}
.ms-partner-logo img {
	max-width:100%;
	max-height:55px;
	width:auto;
	object-fit:contain;
}

/* Hide duplicate logos on desktop */
.ms-partners-track .ms-partner-logo:nth-child(n+13) {
 display:none;
}

/* ===============================
   Mobile / Tablet Marquee
==================================*/

@media (max-width:991px) {
 .ms-partners-marquee {
 overflow:hidden;
 position:relative;
 width:100%;
}
 .ms-partners-track {
 display:flex;
 align-items:center;
 width:max-content;
 gap:18px;
 animation:partnerMarquee 28s linear infinite;
}
 .ms-partners-track .ms-partner-logo {
 flex:0 0 auto;
 width:150px;
 padding:16px;
}
 .ms-partner-logo img {
 max-height:42px;
}

    /* Show duplicated logos on mobile */
    .ms-partners-track .ms-partner-logo:nth-child(n+13) {
 display:flex;
}
}
 @keyframes partnerMarquee {
 from {
 transform:translateX(0);
}
to {
	transform:translateX(-50%);
}
}
/* Pause animation on hover */
.ms-partners-marquee:hover .ms-partners-track {
	animation-play-state:paused;
}
.ms-awards-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 22px;
}
.ms-award-logo {
	background: #fff;
	border-radius: 16px;
	padding: 20px;
	min-height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}
.ms-award-logo img {
	max-width: 100%;
	max-height: 80px;
	object-fit: contain;
}
.ms-awards-slide {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	padding: 5px 45px;
}
#awardsLogoCarousel .carousel-control-prev, #awardsLogoCarousel .carousel-control-next {
	width: 35px;
}
#awardsLogoCarousel .carousel-control-prev-icon, #awardsLogoCarousel .carousel-control-next-icon {
	filter: invert(1);
}
 @media (max-width: 575px) {
 .ms-awards-slide {
 grid-template-columns: 1fr;
 padding: 5px 42px;
}
 .ms-award-logo {
 min-height: 115px;
 padding: 18px;
}
 .ms-award-logo img {
 max-height: 75px;
}
}
@media (max-width: 991.98px) {
 .service-dropdown {
 width: 100%;
}
 .mobile-services-head {
 display: flex;
 align-items: center;
 justify-content: space-between;
 width: 100%;
}
 .mobile-services-link {
 flex: 1;
 padding: 10px 0;
}
 .mobile-services-toggle {
 width: 42px;
 height: 42px;
 border: 0;
 background: transparent;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #111;
}
 .mobile-services-toggle i {
 transition: transform 0.25s ease;
}
 .mobile-services-toggle[aria-expanded="true"] i {
 transform: rotate(180deg);
}
 .mobile-services-menu {
 padding: 6px 0 10px 14px;
}
 .mobile-services-menu a {
 display: block;
 padding: 9px 0;
 font-size: 15px;
 color: #111;
 text-decoration: none;
}
 .mobile-services-menu a:hover {
 color: #34308a;
}
 .service-mega-menu {
 display: none !important;
}
}
.service-desktop .service-arrow {
	border:0;
	background:none;
	padding:0 0 0 6px;
	color:#111;
	box-shadow:none;
}
.service-desktop .service-arrow:focus {
	box-shadow:none;
}
.btns {
	padding: 0;
 --bs-btn-padding-x: 0rem;
 --bs-btn-padding-y: 0rem;
 --bs-btn-font-family:;
 --bs-btn-font-size: 1rem;
 --bs-btn-font-weight: 400;
 --bs-btn-line-height: 1.5;
 --bs-btn-color: var(--bs-body-color);
 --bs-btn-bg: transparent;
 --bs-btn-border-width: var(--bs-border-width);
 --bs-btn-border-color: transparent;
 --bs-btn-border-radius: var(--bs-border-radius);
 --bs-btn-hover-border-color: transparent;
 --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
 --bs-btn-disabled-opacity: 0.65;
 --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
	display: inline-block;
	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
	font-family: var(--bs-btn-font-family);
	font-size: var(--bs-btn-font-size);
	font-weight: var(--bs-btn-font-weight);
	line-height: var(--bs-btn-line-height);
	color: var(--bs-btn-color);
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
	border-radius: var(--bs-btn-border-radius);
	background-color: var(--bs-btn-bg);
 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	font-size: 12px;
}
 @media (max-width: 991px) {
.mobile-hide {
display:none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.container {
width: 95%;
}
}
@media (max-width: 768px) {
.container {
max-width: 720px;
}
}
 @media (min-width: 1200px) and (max-width: 1399px) {
.container {
max-width: 1120px;
}
}
@media (min-width: 1400px) and (max-width: 1600px) {
.container {
max-width: 1320px;
}
}
@media (min-width: 1900px) {
.container {
max-width: 1650px;
}
}
h1, h2, h3, h4, h5 {
	font-weight:700;
	letter-spacing:-.01em;
	color:#071f3f;
}
h1 {
	font-size:4.5rem;
	line-height:1
}
h2 {
	font-size:2rem;
	margin-bottom:1rem
}
h3 {
	font-size:1.25rem
}
.text-muted-2 {
	color:#333!important
}
.navbar {
--bs-navbar-padding-x: 0;
--bs-navbar-padding-y: 0;
}
.navbar-brand {
	font-weight:800;
	font-size:1.25rem;
	width: 25%;
	margin: 0;
	padding: 0;
}
.btn-brand {
	background:var(--brand-grad);
	color:#fff;
	border:0;
padding:.75rem 1.5rem;
	font-weight:600;
	border-radius:10px;
	box-shadow:0 8px 24px -8px rgba(37, 99, 235, .5)
}
.btn-brand:hover {
	color:#fff;
	opacity:.95;
	transform:translateY(-1px)
}
.hero {
	position: relative;
	overflow: hidden;
	background: radial-gradient(circle at 18% 20%, rgba(17, 184, 198, 0.35), transparent 24%), radial-gradient(circle at 82% 75%, rgba(255, 200, 87, 0.26), transparent 26%), linear-gradient(135deg, var(--ms-navy), #09376e);
	color: #ffffff;
	padding-top: clamp(70px, 8vw, 115px);
	padding-bottom: clamp(70px, 8vw, 115px);
	isolation: isolate;
}
.hero::before {
content: "";
position: absolute;
inset: 0;
opacity: 0.22;
background-image: linear-gradient(rgba(255, 255, 255, 0.18) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.18) 1px, transparent 1px);
animation: gridMove 18s linear infinite;
background-size: 34px 34px;
z-index: -1;
}
.hero::after {
content: "";
position: absolute;
width: 620px;
height: 620px;
right: -220px;
bottom: -220px;
z-index: -1;
border-radius: 50%;
background: conic-gradient( from 180deg, rgba(17, 184, 198, 0.45), rgba(255, 200, 87, 0.26), rgba(255, 107, 87, 0.25), rgba(17, 184, 198, 0.45) );
filter: blur(6px);
opacity: 0.5;
animation: rotateOrb 18s linear infinite;
}
.eyebrow {
	display: inline-flex;
gap: .5rem;
	align-items: center;
	border: 1px solid rgba(11, 75, 132, .16);
	background: #fff;
	color: var(--ms-blue);
font-size: .8rem;
	font-weight: 600;
	border-radius: 999px;
padding: .38rem .78rem;
	margin-bottom: 1.25rem;
}
.gradient-text {
	background:var(--brand-grad);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent
}
section {
	padding:5rem 0
}
.section-soft {
	background: linear-gradient(135deg, #eef7ff, #fff7e8);
}
.card-feat {
	background:#fff;
	border:1px solid #e2e8f0;
	border-radius:16px;
	padding:1.75rem;
	height:100%;
transition:.25s
}
.card-feat:hover {
	transform:translateY(-4px);
	box-shadow:0 20px 40px -20px rgba(15, 23, 42, .15);
	border-color:#cbd5e1
}
.icon-pill {
	width:48px;
	height:48px;
	border-radius:12px;
	background: linear-gradient(135deg, rgba(37, 99, 235, .08), rgba(124, 58, 237, .08));
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1.4rem;
	margin-bottom:1rem
}
.pricing-card {
	border:1px solid #e2e8f0;
	border-radius:18px;
	padding:2rem;
	height:100%;
	background:#fff;
transition:.25s
}
.pricing-card.featured {
	border:2px solid transparent;
	background:linear-gradient(#fff, #fff) padding-box, var(--brand-grad) border-box;
	transform:scale(1.02)
}
.pricing-card ul {
	list-style:none;
	padding-left:0
}
.pricing-card li {
padding:.4rem 0;
	color:var(--muted);
	display:flex;
gap:.5rem
}
.pricing-card li i {
	color:#10b981;
	flex-shrink:0;
margin-top:.3rem
}
.step-num {
	width:42px;
	height:42px;
	border-radius:12px;
	background:var(--brand-grad);
	color:#fff;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:1rem
}
.accordion-button {
	font-weight:600;
	color:var(--ink)
}
.accordion-button:not(.collapsed) {
background:rgba(37, 99, 235, .05);
color:var(--brand)
}
.accordion-button:focus {
	box-shadow:none;
	border-color:#e2e8f0
}
.form-control, .form-select {
padding:.7rem .9rem;
	border-radius:10px;
	border:1px solid #cbd5e1
}
.form-control:focus, .form-select:focus {
	border-color:var(--brand);
	box-shadow:0 0 0 3px rgba(37, 99, 235, .15)
}
.badge-soft {
	background:rgba(37, 99, 235, .08);
	color:var(--brand);
	font-weight:600;
padding:.35rem .7rem;
	border-radius:6px
}
.industry-card {
	background:#fff;
	border:1px solid #e2e8f0;
	border-radius:14px;
	padding:1.5rem;
	height:100%;
	text-align:center;
transition:.25s
}
.industry-card:hover {
	transform:translateY(-3px);
	border-color:var(--brand)
}
.industry-card i {
	font-size:2rem;
	background:var(--brand-grad);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
margin-bottom:.5rem;
	display:block
}
.hero-visual {
	border-radius:22px;
	overflow:hidden;
	box-shadow:0 28px 60px -28px rgba(15, 23, 42, .35);
	border:1px solid #e2e8f0;
	background:#fff
}
.hero-visual img, .section-img {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block
}
.section-img-wrap {
	border-radius:20px;
	overflow:hidden;
	box-shadow:0 22px 50px -28px rgba(15, 23, 42, .35);
	border:1px solid #e2e8f0;
	min-height:360px;
	background:#fff
}
.hook-box {
	background: radial-gradient(circle at 14% 15%, rgba(17, 184, 198, 0.35), transparent 28%), radial-gradient(circle at 85% 16%, rgba(255, 200, 87, 0.22), transparent 24%), linear-gradient(135deg, #05162f 0%, #082e5d 50%, #061e42 100%);
	color:#fff;
	border-radius:20px;
	padding:3rem;
	box-shadow:0 22px 50px -28px rgba(15, 23, 42, .45)
}
.hook-box h2, .hook-box h3 {
	color:#fff
}
.hook-box p, .hook-box li {
	color:rgba(255, 255, 255, .86)
}
.conversion-line {
	background:linear-gradient(135deg, rgba(37, 99, 235, .08), rgba(124, 58, 237, .08));
	border:1px solid #dbeafe;
	border-radius:16px;
	padding:1.4rem;
	font-weight:700;
	color:var(--ink)
}
.growth-list {
	columns:1;
	list-style:none;
	padding-left:0;
	margin:0;
	padding: 1.5em;
}
.growth-list li {
padding:.25rem 0;
}
.growth-list li:before {
	content:"✓";
	color:#10b981;
	font-weight:800;
margin-right:.55rem
}
@media (max-width:768px) {
.hero {
padding:4rem 0 3rem
}
h1 {
font-size:2rem
}
h2 {
font-size:1.6rem
}
section {
padding:3.5rem 0
}
}
:root {
--ms-navy: #071f3f;
--ms-blue: #0b4b84;
--ms-sky: #eaf6ff;
--ms-cyan: #14b8c8;
--ms-gold: #f5b51b;
--ms-orange: #f26a21;
--ms-text: #172033;
--ms-muted: #232730;
--ms-line: #e6ebf2;
--ms-white: #ffffff;
--shadow: 0 24px 70px rgba(7, 31, 63, 0.1);
}
* {
	box-sizing: border-box;
}
html {
	scroll-behavior: smooth;
}
body {
	font-family:
"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--ms-text);
	background: #fff;
	line-height: 1.7;
	overflow-x: hidden;
}
a {
	text-decoration: none;
	color: #071f3f;
}
.text-primary {
	color: #071f3f !important;
}
img {
	max-width: 100%;
	height: auto;
}
.navbar {
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid rgba(230, 235, 242, 0.85);
	transition: 0.25s ease;
}
.navbar.scrolled {
	box-shadow: 0 10px 30px rgba(7, 31, 63, 0.08);
}
.nav-link {
	color: #172033 !important;
	font-weight: 700;
	font-size: 1rem;
	margin: 0 0.25rem;
}
.nav-link:hover {
	color: var(--ms-blue) !important;
}
.service-dropdown {
	position: static;
}
.service-mega-menu {
	width: calc(100% - 32px);
	left: 16px !important;
	right: 16px !important;
	border: 0;
	border-radius: 28px;
	padding: 40px;
	background: #ffffff;
	box-shadow: 0 25px 70px rgba(0, 0, 0, 0.18);
	margin-top: 0;
}
.service-menu-card {
	display: block;
	height: 100%;
	padding: 34px 32px;
	border: 1px solid #d7d7d7;
	border-radius: 28px;
	background: #ffffff;
	text-decoration: none;
	transition: all 0.35s ease;
}
.service-menu-card:hover {
	transform: translateY(-6px);
	border-color: #0646c9;
	box-shadow: 0 18px 40px rgba(6, 70, 201, 0.12);
}
.service-icon {
	font-size: 42px;
	line-height: 1;
	color: #0646c9;
	margin-bottom: 24px;
}
.service-menu-card h4 {
	color: #0646c9;
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 14px;
}
.service-menu-card p {
	color: #202020;
	font-size: 16px;
	line-height: 1.55;
	margin: 0;
}
@media (min-width: 992px) {
.service-dropdown {
position: static;
line-height:4em;
}
.service-dropdown .dropdown-menu {
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition: all 0.35s ease;
display: block;
pointer-events: none;
}
.service-dropdown:hover .dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
}
@media (max-width: 991px) {
.service-dropdown {
position: relative;
}
.service-mega-menu {
position: static !important;
width: 100%;
padding: 20px;
border-radius: 20px;
box-shadow: none;
margin-top: 10px;
}
.service-menu-card {
padding: 24px;
border-radius: 20px;
}
.service-menu-card h4 {
font-size: 22px;
}
.service-icon {
font-size: 34px;
margin-bottom: 15px;
}
}
@media (max-width: 575px) {
.service-mega-menu {
padding: 15px;
}
.service-menu-card {
padding: 20px;
}
}
.text-muted span {
--bs-text-opacity: 1;
	color: rgba(255, 255, 255, 0.75) !important;
}
.lead {
	font-size: 1.20rem;
	font-weight: 300;
}
.btn-ms {
--bs-btn-bg: #ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-color: var(--bs-body-color);
	border-radius: 999px;
	padding: 0.82rem 1.28rem;
	font-weight: 500;
	box-shadow: 0 12px 28px rgba(7, 31, 63, 0.18);
}
.btn-ms:hover {
	background: var(--ms-blue);
	color: #fff;
	transform: translateY(-1px);
}
.btn-ms-outline {
	color: var(--ms-navy);
	border: 1px solid rgba(7, 31, 63, 0.22);
	border-radius: 999px;
	padding: 0.82rem 1.28rem;
	font-weight: 800;
	background: #fff;
}
.btn-ms-outline:hover {
	border-color: var(--ms-blue);
	color: var(--ms-blue);
	background: #f7fbff;
}
.ms-added-hero .container {
	position: relative;
	z-index: 1;
}
h1, h2, h3, h4 {
	letter-spacing: -0.045em;
	font-weight: 800;
}
.ms-added-hero p.lead {
	font-size: 1.18rem;
	color: #071f3f;
	max-width: 700px;
}
.hero-card {
	background: rgba(255, 255, 255, 0.82);
	border: 1px solid rgba(255, 255, 255, 0.9);
	border-radius: 32px;
	box-shadow: var(--shadow);
	padding: 1.35rem;
	animation: floatCard 5s ease-in-out infinite;
}
.metric-box {
	border: 1px solid var(--ms-line);
	border-radius: 22px;
	padding: 1.25rem;
	background: #fff;
	height: 100%;
}
.metric-box strong {
	font-size: 1.9rem;
	color: var(--ms-navy);
	display: block;
	font-weight: 800;
	letter-spacing: -0.04em;
}
.metric-box span {
	color: var(--ms-muted);
	font-size: 0.85rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}
.section {
	padding: 92px 0;
}
.section-title {
	font-size: clamp(2rem, 4vw, 3.25rem);
	line-height: 1.06;
	margin-bottom: 1rem;
}
.section-text {
	color: var(--ms-muted);
	font-size: 1.05rem;
	max-width: 760px;
}
.logo-strip {
	background: #fff;
	border-bottom: 1px solid var(--ms-line);
	padding: 0 0;
}
.service-card {
	background: #fff;
	border: 1px solid var(--ms-line);
	border-radius: 28px;
	padding: 2rem;
	height: 100%;
	transition: 0.28s ease;
	position: relative;
	overflow: hidden;
}
.service-card:after {
	content: "";
	position: absolute;
	right: -40px;
	top: -40px;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: rgba(20, 184, 200, 0.08);
	transition: 0.28s ease;
}
.service-card:hover {
	transform: translateY(-8px);
	box-shadow: var(--shadow);
	border-color: rgba(20, 184, 200, 0.26);
}
.service-card:hover:after {
	transform: scale(1.4);
	background: rgba(245, 181, 27, 0.12);
}
.service-card {
	height:100%;
	display:flex;
	flex-direction:column;
}
.service-card p {
	margin-bottom:25px;
}
.service-btn {
	margin-top:auto;
	display:inline-flex;
	align-items:center;
	gap:10px;
	text-decoration:none;
	padding:8px 22px;
	border-radius:50px;
	background:transparent;
	color:#071f3f;
	font-size:14px;
	font-weight:800;
	letter-spacing:.3px;
transition:all .35s ease;
	width:max-content;
	border:1px solid #c5e4e9;
	margin-top:20px;
}
.service-btn i {
transition:transform .35s ease;
}
.service-btn:hover {
	background:transparent;
	color:#071f3f;
	transform:translateY(-4px);
	box-shadow:0 5px 15px rgba(11, 94, 215, .15);
}
.service-btn:hover i {
	transform:translateX(4px);
}
.service-icon {
	width: 58px;
	height: 58px;
	border-radius: 18px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #fff7e2, #e8fbff);
	color: var(--ms-orange);
	font-size: 1.7rem;
	margin-bottom: 1.45rem;
}
.service-card h3 {
	font-size: 1.25rem;
	margin-bottom: 0.7rem;
}
.service-card p {
	color: var(--ms-muted);
	margin-bottom: 0;
}
.feature-panel {
	border-radius: 36px;
	background: radial-gradient(circle at 18% 20%, rgba(17, 184, 198, 0.35), transparent 24%), radial-gradient(circle at 82% 75%, rgba(255, 200, 87, 0.26), transparent 26%), linear-gradient(135deg, var(--ms-navy), #09376e);
	color: #d7eaff;
	padding: 3rem;
	overflow: hidden;
	position: relative;
}
.feature-panel:before {
	content: "";
	position: absolute;
	right: -8%;
	top: -25%;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: rgba(20, 184, 200, 0.24);
	filter: blur(10px);
}
.feature-panel h2, .feature-panel h3 {
	color: #fff;
}
.feature-panel p {
	color: #d7eaff;
}
.feature-item {
	border-top: 1px solid rgba(255, 255, 255, 0.16);
	padding: 1.25rem 0;
	position: relative;
	z-index: 1;
}
.feature-item:last-child {
	padding-bottom: 0;
}
.award-card, .book-card {
	background: #fff;
	border: 1px solid var(--ms-line);
	border-radius: 24px;
	padding: 1rem;
	height: 100%;
	box-shadow: 0 12px 30px rgba(7, 31, 63, 0.05);
}
.award-badge {
	height: 92px;
	border-radius: 18px;
	background: linear-gradient(135deg, #eef7ff, #fff7e8);
	display: grid;
	place-items: center;
	color: var(--ms-blue);
	font-size: 3rem;
	margin-bottom: 1rem;
}
.book-cover {
	border-radius: 18px;
	background: linear-gradient(135deg, var(--ms-navy), var(--ms-blue));
	display: grid;
	place-items: center;
	color: #fff;
	text-align: center;
	font-weight: 800;
	margin-bottom: 1.2rem;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
}
.book-cover.gold {
	background: linear-gradient(135deg, #2b2105, #f5b51b);
}
.book-cover.cyan {
	background: linear-gradient(135deg, #082b3c, #14b8c8);
}
.book-cover.orange {
	background: linear-gradient(135deg, #3a1608, #f26a21);
}
.stats-band {
	background: radial-gradient(circle at 18% 20%, rgba(17, 184, 198, 0.35), transparent 24%), radial-gradient(circle at 82% 75%, rgba(255, 200, 87, 0.26), transparent 26%), linear-gradient(135deg, var(--ms-navy), #09376e);
	color: #fff;
	padding: 34px 0;
}
.stat-item {
	text-align: center;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.stat-item:last-child {
	border-right: 0;
}
.stat-item i {
	font-size: 2.55rem;
	color: var(--ms-gold);
}
.stat-item strong {
	display: block;
	font-size: 1.75rem;
	font-weight: 800;
	margin-top: 0.45rem;
}
.stat-item span {
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #bcd1e7;
}
.contact-box {
	background: #fff;
	border: 1px solid var(--ms-line);
	border-radius: 28px;
	padding: 2rem;
	box-shadow: var(--shadow);
}
.ms-awards-grid, .ms-partners-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 10px;
	margin: 0 auto;
}
.ms-award-logo, .ms-partner-logo {
	background: #fff;
	min-height: 105px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid #eee;
	transition: all 0.3s ease;
}
.ms-award-logo:hover, .ms-partner-logo:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 35px rgba(0, 0, 0, 0.12);
}
.ms-award-logo img, .ms-partner-logo img {
	max-height: 120px;
	filter: grayscale(0%) brightness(1.2);
	opacity: 1;
	transition: all 0.3s ease;
}
.ms-awards-btn {
	display: inline-block;
	border: 2px solid #071f3f;
	color: #071f3f;
	padding: 12px 35px;
	border-radius: 100px;
	font-size: 15px;
	font-weight: 800;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.3s ease;
}
.ms-awards-btn:hover {
	background: #071f3f;
	color: #fff;
}
.ms-partners-section {
	background: #f4f9fd;
	padding: 70px 0;
}
.ms-partners-title {
	text-align: center;
	font-size: 30px;
	font-weight: 800;
	text-transform: uppercase;
	color: #333;
	margin-bottom: 25px;
}
.ms-partner-logo {
	min-height: 100px;
}
.ms-partner-logo img {
	max-height: 85px;
	filter: grayscale(0%) brightness(1.2);
	opacity: 1;
	transition: all 0.3s ease;
}
.ms-partner-logo img:hover {
	filter: grayscale(0%);
	opacity: 1;
}
@media (max-width: 1199px) {
.ms-awards-grid, .ms-partners-grid {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 767px) {
	
 .newcar {
    padding: 0px !important;
  }
  
.ghl-calendar-box   {
	 padding: 15px !important;
  }
  
  
}

	
.ms-partners-section {
padding: 50px 0;
}

.ms-partners-title {
font-size: 24px;
}
}
@media (max-width: 420px) {
.ms-awards-grid, .ms-partners-grid {
grid-template-columns: 1fr;
}
}
.ms-workplace-section {
	padding:  0 0 40px 0;
	background: #fff;
	position: relative;
	z-index: 2;
}
.ms-workplace-title {
	text-align: center;
	font-size: 38px;
	line-height: 1.15;
	font-weight: 800;
	color: #071525;
	margin-bottom: 45px;
}
.ms-workplace-grid {
	max-width: 1650px;
	margin: 0 auto 40px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
}
.ms-workplace-card {
	background: #edf6ff;
	border-radius: 12px;
	padding: 24px 26px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}
.ms-workplace-card h3 {
	font-size: 22px;
	font-weight: 800;
	color: #303a43;
	margin: 0 0 6px;
}
.ms-workplace-card p {
	font-size: 15px;
	line-height: 1.5;
	color: #222;
	margin: 0;
}
.ms-workplace-card span {
	width: 70px;
	height: 70px;
	min-width: 70px;
	border-radius: 50%;
	background: #fff;
	color: #1684ef;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
}
.ms-career-box {
	max-width: 1000px;
	margin: 0 auto -78px;
	background: #f1f6ff;
	border-radius: 4px;
	padding: 35px 250px 35px 32px;
	position: relative;
	overflow: hidden;
	z-index: 4;
}
.ms-career-text h3 {
	font-size: 24px;
	font-weight: 900;
	color: #071525;
	margin-bottom: 8px;
}
.ms-career-text p {
	font-size: 14px;
	color: #65707d;
	line-height: 1.55;
	margin: 0;
}
.ms-career-box a {
	position: absolute;
	right: 32px;
	bottom: 32px;
	background: #1684ef;
	color: #fff;
	padding: 14px 28px;
	border-radius: 4px;
	font-weight: 800;
	z-index: 3;
}
.ms-career-box img {
	position: absolute;
	right: 15px;
	bottom: 0;
	max-height: 165px;
	z-index: 2;
}
.ms-career-cta-section {
	background: radial-gradient(circle at 14% 15%, rgba(17, 184, 198, 0.35), transparent 28%), radial-gradient(circle at 85% 16%, rgba(255, 200, 87, 0.22), transparent 24%), linear-gradient(135deg, #05162f 0%, #082e5d 50%, #061e42 100%);
	padding: 30px 0 30px;
	color: #fff;
	overflow: hidden;
}
.ms-career-cta-section h2 {
	color: #fff;
	font-size: 54px;
	line-height: 1.15;
	font-weight: 800;
	margin-bottom: 20px;
}
.ms-career-cta-section p {
	color: #fff;
	font-size: 18px;
	margin-bottom: 20px;
}
.ms-career-buttons {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
.ms-career-buttons a {
	padding: 14px 28px;
	border-radius: 3px;
	font-weight: 700;
}
.ms-career-buttons a:hover {
	color:#082e5d;
	background:#ffc107;
}
.btn-blue {
	background: #1684ef;
	color: #fff;
}
.btn-white-outline {
	background: #fff;
	color: #082e5d;
}
.ms-career-image-wrap {
	position: relative;
}
.ms-career-image-wrap img {
	width: 100%;
}
.ms-career-image-wrap button {
	position: absolute;
	left: -32px;
	top: 50%;
	transform: translateY(-50%);
	width: 68px;
	height: 68px;
	border-radius: 50%;
	border: 0;
	background: #fff;
	color: #1684ef;
	font-size: 20px;
}

/* Tablet */
@media (max-width: 991.98px) {
 .ms-workplace-section {
 padding: 70px 0 0;
}
 .ms-workplace-title {
 font-size: 32px;
}
 .ms-workplace-grid {
 margin-bottom: 70px;
}
 .ms-career-box {
 padding: 30px;
 margin-bottom: -60px;
 text-align: center;
}
 .ms-career-box img {
 display: none;
}
 .ms-career-box a {
 position: static;
 display: inline-block;
 margin-top: 22px;
}
 .ms-career-cta-section {
 padding: 125px 0 70px;
 text-align: center;
}
 .ms-career-buttons {
 justify-content: center;
}
 .ms-career-image-wrap button {
 left: 50%;
 transform: translate(-50%, -50%);
}
}

/* Mobile */
@media (max-width: 767.98px) {
 .ms-workplace-grid {
 grid-template-columns: 1fr;
}
 .ms-workplace-card {
 padding: 22px;
}
 .ms-workplace-title {
 font-size: 28px;
}
 .ms-career-cta-section h2 {
 font-size: 28px;
}
 .ms-career-image-wrap img {
 height: 300px;
}
}

/* Small Mobile */
@media (max-width: 480px) {
 .ms-workplace-card {
 align-items: flex-start;
}
 .ms-workplace-card span {
 width: 55px;
 height: 55px;
 min-width: 55px;
 font-size: 20px;
}
 .ms-workplace-card h3 {
 font-size: 19px;
}
 .ms-career-buttons a {
 width: 100%;
}
}
.ms-footer {
	background: radial-gradient(circle at 14% 15%, rgba(17, 184, 198, 0.35), transparent 28%), radial-gradient(circle at 85% 16%, rgba(255, 200, 87, 0.22), transparent 24%), linear-gradient(135deg, #05162f 0%, #082e5d 50%, #061e42 100%);
	padding: 90px 0 70px;
	position: relative;
	overflow: hidden;
}
.ms-footer h2 {
	color:#fff;
	font-size:3rem;
	margin-bottom:22px;
	letter-spacing: -0.045em;
	font-weight: 800;
}
.ms-footer p {
	color:#fff;
	font-size:1.1rem;
	line-height:1.5;
	max-width:720px;
}
.footer-top {
	margin-bottom:120px;
}
.footer-btn {
	display:inline-flex;
	align-items:center;
	gap:18px;
	padding:16px 32px;
	border:2px solid #fff;
	border-radius:60px;
	color:#fff;
	text-decoration:none;
	font-size:16px;
	font-weight:850;
	letter-spacing:4px;
	margin-top:25px;
transition:.3s;
}
.footer-btn:hover {
	background:#fff;
	color:#09376e;
}
.footer-middle {
	margin-bottom:55px;
}
.ms-footer h6 {
	color:#fff;
	font-size:24px;
	letter-spacing:-1px;
	font-weight:800;
	margin-bottom:34px;
}
.footer-social {
	display:flex;
	flex-wrap:wrap;
	gap:22px;
}
.footer-social a {
	width:52px;
	height:52px;
	border-radius:50%;
	background:#fff;
	color:#071f3f;
	display:flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
transition:.3s;
}
.footer-social a:hover {
	background:#0b4b84;
	color:#fff;
	transform:translateY(-5px);
}
.footer-service-select {
	display:flex;
	align-items:center;
	gap:16px;
	color:#fff;
	letter-spacing:-1px;
	font-size:20px;
	text-transform:uppercase;
}
.footer-line {
	height:1px;
	background:rgba(255, 255, 255, 0.22);
	margin:45px 0;
}
.footer-bottom {
	display:grid;
	grid-template-columns:1fr auto;
	gap:30px;
}
.footer-links {
	display:flex;
	gap:34px;
	justify-content:flex-end;
	margin-bottom:16px;
}
.footer-links a {
	color:#d6d6d6;
	text-decoration:none;
	font-size:16px;
}
.footer-links a:hover {
	color:#6b86aa;
}
.footer-bottom p {
	font-size:16px;
	text-align:right;
	margin:0;
}
@media (max-width:991px) {
.ms-footer {
padding:80px 0 40px;
}
.footer-top {
margin-bottom:70px;
}
.footer-bottom {
grid-template-columns:1fr;
}
.footer-links {
justify-content:flex-start;
flex-wrap:wrap;
}
.footer-bottom p {
text-align:left;
}
}
@media (max-width: 991.98px) {
.hero-card {
margin-top: 2rem;
}
.stat-item {
border-right: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
padding: 1.2rem 0;
}
.feature-panel {
padding: 2rem;
border-radius: 26px;
}
}
@media (max-width: 575.98px) {
.section {
padding: 68px 0;
}
.btn-ms, .btn-ms-outline {
width: 100%;
justify-content: center;
display: inline-flex;
margin-bottom: 0.6rem;
}
}
.about-proof-section {
	position: relative;
	padding: 96px 0 0;
	background: #fff;
	overflow: hidden;
}
.about-proof-section::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 43%;
background: radial-gradient(circle at 14% 15%, rgba(17, 184, 198, 0.35), transparent 28%), radial-gradient(circle at 85% 16%, rgba(255, 200, 87, 0.22), transparent 24%), linear-gradient(135deg, #05162f 0%, #082e5d 50%, #061e42 100%);
z-index: 0;
}
.about-proof-section .container {
	position: relative;
	z-index: 1;
}
.proof-image-wrap {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 28px 70px rgba(7, 31, 63, 0.16);
	background: #fff;
	isolation: isolate;
}
.proof-image-wrap::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(7, 31, 63, 0.02), rgba(7, 31, 63, 0.1));
pointer-events: none;
}
.proof-img {
	width: 100%;
	height: 520px;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: transform 0.7s ease;
}
.proof-image-wrap:hover .proof-img {
	transform: scale(1.04);
}
.about-mini-kicker {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.4rem 0.85rem;
	border-radius: 999px;
	border: 1px solid rgba(11, 75, 132, 0.16);
	background: #fff;
	color: var(--ms-blue);
	font-size: 0.68rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	margin-bottom: 1.25rem;
	box-shadow: 0 8px 20px rgba(7, 31, 63, 0.04);
}
.proof-title {
	font-size: clamp(2.35rem, 4.6vw, 4rem);
	line-height: 1.02;
	margin-bottom: 1.45rem;
}
.proof-title span {
	color: var(--ms-cyan);
	display: block;
}
.proof-lead {
	color: #333;
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.75;
	margin-bottom: 1.8rem;
}
.proof-list {
	display: grid;
	gap: 1.2rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
.proof-list li {
	display: grid;
	grid-template-columns: 32px 1fr;
	gap: 0.85rem;
	align-items: start;
}
.proof-check {
	width: 28px;
	height: 28px;
	display: grid;
	place-items: center;
	color: #061c38;
	font-size: 1.75rem;
	line-height: 1.5em;
	font-weight: 300;
}
.proof-list strong {
	display: block;
	color: var(--ms-navy);
	font-size: 1.08rem;
}
.proof-list p {
	margin: 0;
	color: #667085;
	font-weight: 600;
	line-height: 1.55;
}
.mission-vision-area {
	padding: 92px 0;
	margin-top: 92px;
}
.mv-card {
	position: relative;
	height: 100%;
	padding: 2rem;
	border: 1px solid #dde8f2;
	border-radius: 28px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 18px 42px rgba(7, 31, 63, 0.05);
	overflow: hidden;
	transition: all 0.32s ease;
}
.mv-card::after {
content: "";
position: absolute;
top: -34px;
right: -34px;
width: 104px;
height: 104px;
border-radius: 50%;
background: rgba(20, 184, 200, 0.11);
transition: all 0.32s ease;
}
.mv-card:hover {
	transform: translateY(-7px);
	box-shadow: 0 28px 70px rgba(7, 31, 63, 0.12);
	border-color: rgba(20, 184, 200, 0.28);
}
.mv-card:hover::after {
transform: scale(1.25);
}
.mv-icon {
	width: 58px;
	height: 58px;
	display: grid;
	place-items: center;
	border-radius: 16px;
	font-size: 1.7rem;
	margin-bottom: 1.7rem;
	background: linear-gradient(135deg, #fff9d9, #e9fff7);
}
.mv-card:nth-child(2) .mv-icon, .col-lg-6:nth-child(2) .mv-icon {
background: linear-gradient(135deg, #fff0df, #efe9ff);
}
.mv-card h3 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}
.mv-card .mv-text {
	color: #333;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.65;
	margin-bottom: 1.6rem;
}
.mv-quote {
	border-top: 1px solid #e2e8f0;
	padding-top: 1.25rem;
	margin: 0;
	color: var(--ms-blue);
	font-weight: 600;
	font-size: 0.98rem;
}
.mv-card.vision .mv-quote {
	color: var(--ms-orange);
}
@media (max-width: 991.98px) {
.about-proof-section {
padding-top: 72px;
}
.about-proof-section::before {
height: 46%;
}
.proof-img {
height: 430px;
}
.proof-content {
margin-top: 2.5rem;
}
.mission-vision-area {
padding: 72px 0;
margin-top: 72px;
}
}
@media (max-width: 767.98px) {
.proof-img {
height: 330px;
}
.proof-title {
font-size: 2.5rem;
}
.proof-lead, .mv-card .mv-text {
font-size: 1rem;
}
.mv-card {
padding: 1.55rem;
border-radius: 22px;
}
}
.core-values-section {
	position: relative;
	padding: 120px 0 130px;
	background: #ffffff;
	overflow: hidden;
}
.core-values-section::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
}
.core-values-section .container {
	position: relative;
	z-index: 1;
}
.core-values-heading-wrap {
	margin: 0 auto 70px;
	text-align: center;
}
.core-values-heading-wrap .ms-added-eyebrow {
	margin-bottom: 22px;
	box-shadow: 0 10px 28px rgba(7, 31, 63, 0.05);
}
.core-values-title {
	margin: 0;
	color: var(--ms-navy);
	font-size: clamp(2.6rem, 5.2vw, 4rem);
	line-height: 0.98;
	font-weight: 800;
}
.core-values-title span {
	display: block;
	color: var(--ms-blue);
}
.value-card {
	padding: 50px 35px 35px;
	border: 1px solid rgba(7, 31, 63, 0.1);
	border-radius: 28px;
	background: radial-gradient(circle at 101% -8%, rgba(20, 184, 200, 0.11) 0 16%, transparent 16.5%), #ffffff;
	box-shadow: 0 18px 48px rgba(7, 31, 63, 0.035);
	position: relative;
	overflow: hidden;
	height: 100%;
	transition:
transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.value-card::after {
content: "";
position: absolute;
right: -34px;
top: -34px;
width: 138px;
height: 138px;
border-radius: 50%;
background: rgba(20, 184, 200, 0.1);
transition:
transform 0.35s ease, opacity 0.35s ease;
}
.value-card:hover {
	transform: translateY(-8px);
	border-color: rgba(20, 184, 200, 0.24);
	box-shadow: 0 28px 70px rgba(7, 31, 63, 0.09);
}
.value-card:hover::after {
transform: scale(1.18);
opacity: 0.85;
}
.value-icon {
	width: 56px;
	height: 56px;
	border-radius: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	font-size: 1.3rem;
	background: linear-gradient(135deg, #fff8dd 0%, #e9fbff 100%);
	box-shadow: 0 12px 26px rgba(7, 31, 63, 0.06);
	position: relative;
	z-index: 2;
}
.value-card h3 {
	font-size: 1.52rem;
	line-height: 1.18;
	margin-bottom: 24px;
	color: var(--ms-navy);
	font-weight: 600;
	position: relative;
	z-index: 2;
}
.value-card p {
	margin: 0;
	color: #667085;
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 400;
	position: relative;
	z-index: 2;
}
@media (max-width: 1199.98px) {
.value-card {
padding: 42px 34px;
}
}
@media (max-width: 991.98px) {
.core-values-section {
padding: 88px 0 95px;
}
.core-values-heading-wrap {
margin-bottom: 48px;
}
.value-card {
min-height: 250px;
}
}
@media (max-width: 575.98px) {
.core-values-section {
padding: 72px 0;
}
.core-values-title {
font-size: 2.45rem;
}
.value-card {
padding: 34px 26px;
border-radius: 24px;
min-height: auto;
}
.value-icon {
width: 58px;
height: 58px;
font-size: 1.7rem;
margin-bottom: 28px;
}
.value-card h3 {
font-size: 1.35rem;
margin-bottom: 16px;
}
.value-card p {
font-size: 1rem;
}
}
.ms-approach-community {
	padding: 110px 0 100px;
	position: relative;
	overflow: hidden;
}
.ms-approach-community .approach-head {
	text-align: center;
	margin: 0 auto 260px;
}
.ms-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.45rem 0.85rem;
	border: 1px solid #dbe6ef;
	border-radius: 999px;
	background: #fff;
	color: #064b82;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	box-shadow: 0 8px 22px rgba(7, 31, 63, 0.04);
}
.ms-gradient-text {
	display: block;
	color: #14b8c8;
}
.community-grid {
	align-items: center;
	row-gap: 3rem;
}
.community-content h3 {
	color: #071f3f;
	font-size: clamp(2.35rem, 4.2vw, 3.8rem);
	line-height: 0.98;
	font-weight: 800;
	margin: 24px 0 22px;
}
.community-content p {
	color: #697589;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.55;
	margin-bottom: 24px;
}
.community-content {
	padding-right: 2em;
}
.community-list {
	display: grid;
	gap: 16px;
}
.community-list-item {
	background: #fff;
	border: 1px solid #dfe7ef;
	border-radius: 12px;
	padding: 17px 20px;
	box-shadow: 0 10px 24px rgba(7, 31, 63, 0.035);
	transition: 0.28s ease;
}
.community-list-item:hover {
	transform: translateY(-4px);
	border-color: rgba(20, 184, 200, 0.35);
	box-shadow: 0 18px 36px rgba(7, 31, 63, 0.08);
}
.community-list-item strong {
	display: block;
	color: #071f3f;
	font-size: 1rem;
	font-weight: 800;
	margin-bottom: 0px;
}
.community-list-item span {
	color: #697589;
	font-weight: 500;
	font-size: 0.9rem;
}
.community-photo-wrap {
	position: relative;
}
.community-photo-wrap:before {
	content: "";
	position: absolute;
	left: 7%;
	right: 7%;
	bottom: -30px;
	height: 70px;
	border-radius: 50%;
	background: rgba(7, 31, 63, 0.2);
	filter: blur(28px);
	z-index: 0;
}
.community-photo {
	position: relative;
	z-index: 1;
	width: 100%;
	min-height: 385px;
	object-fit: cover;
	border-radius: 18px;
	box-shadow: 0 28px 60px rgba(7, 31, 63, 0.18);
}
@media (max-width: 991.98px) {
.ms-approach-community {
padding: 80px 0;
}
.ms-approach-community .approach-head {
margin-bottom: 90px;
}
.community-photo {
min-height: 300px;
}
}
@media (max-width: 575.98px) {
.ms-approach-community {
padding: 64px 0;
}
.ms-approach-community .approach-head {
margin-bottom: 55px;
}
.community-list-item {
padding: 15px;
}
.community-photo {
min-height: 230px;
}
}
:root {
--ms-coral: #ff6b57;
--ms-soft: #f4f8ff;
--ms-ink: #13233a;
--ms-shadow: 0 24px 70px rgba(6, 30, 66, 0.14);
--ms-radius: 30px;
}
.btn {
	border-radius: 999px;
	padding: 10px 24px;
	font-weight: 700;
	letter-spacing: -0.01em;
	transition: all 0.35s ease;
}
.btn-light-cta {
	background: #fff;
	color: var(--ms-navy);
	border: 1px solid rgba(255, 255, 255, 0.55);
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.16);
}
.btn-light-cta:hover {
	transform: translateY(-4px);
	background: var(--ms-gold);
	color: var(--ms-navy);
}
.btn-outline-light-cta {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.45);
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(14px);
}
.btn-outline-light-cta:hover {
	background: #fff;
	color: var(--ms-navy);
	transform: translateY(-4px);
}
.btn-coral {
	background: var(--ms-navy);
	color: #fff;
	border: 0;
	box-shadow: 0 12px 28px rgba(7, 31, 63, 0.18);
}
.btn-coral:hover {
	transform: translateY(-4px);
	background: var(--ms-blue);
	color: #fff;
	box-shadow: 0 12px 28px rgba(7, 31, 63, 0.18);
}
.hero-section {
	position: relative;
	padding: 110px 0 95px;
	color: #fff;
	isolation: isolate;
	background: radial-gradient(circle at 14% 15%, rgba(17, 184, 198, 0.35), transparent 28%), radial-gradient(circle at 85% 16%, rgba(255, 200, 87, 0.22), transparent 24%), linear-gradient(135deg, #05162f 0%, #082e5d 50%, #061e42 100%);
	overflow: hidden;
}
.hero-section:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	opacity: 0.22;
	background-image: linear-gradient(rgba(255, 255, 255, 0.18) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.18) 1px, transparent 1px);
	background-size: 58px 58px;
	animation: gridMove 18s linear infinite;
}
.hero-section:after {
	content: "";
	position: absolute;
	width: 620px;
	height: 620px;
	right: -220px;
	bottom: -220px;
	z-index: -1;
	border-radius: 50%;
	background: conic-gradient( from 180deg, rgba(17, 184, 198, 0.45), rgba(255, 200, 87, 0.26), rgba(255, 107, 87, 0.25), rgba(17, 184, 198, 0.45) );
	filter: blur(6px);
	opacity: 0.5;
	animation: rotateOrb 18s linear infinite;
}
@keyframes gridMove {
from {
background-position:
0 0, 0 0;
}
to {
	background-position:
58px 58px, 58px 58px;
}
}
@keyframes rotateOrb {
to {
transform: rotate(360deg);
}
}
.hero-section .ms-added-eyebrow, .process-section .section-label, .integrated-section .section-label, .contact-section .section-label {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 9px 15px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}
.hero-section .ms-added-eyebrow {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.11);
	backdrop-filter: blur(14px);
	animation: fadeUp 0.8s ease both;
}
.hero-section h1 {
	margin: 0 0 18px;
	font-size: clamp(42px, 6vw, 76px);
	line-height: 1;
	font-weight: 800;
	letter-spacing: -0.06em;
	color: #fff;
	animation: fadeUp 0.8s ease 0.12s both;
}
.hero-section h1 span {
	display: inline-block;
	background: linear-gradient(90deg, #fff, var(--ms-gold), var(--ms-cyan));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.hero-text {
	max-width: 650px;
	color: rgba(255, 255, 255, 0.82);
	font-size: 18px;
	line-height: 1.5;
	animation: fadeUp 0.8s ease 0.24s both;
}
.hero-badge {
	position: absolute;
	left: -10px;
	bottom: 35px;
	max-width: 310px;
	padding: 18px 20px;
	border-radius: 22px;
	background: #fff;
	color: var(--ms-ink);
	box-shadow: var(--ms-shadow);
	animation: pulseBadge 2.8s ease-in-out infinite;
}
.hero-badge strong {
	display: block;
	font-size: 24px;
	font-weight: 800;
	color: var(--ms-blue);
	line-height:1.2em;
}
.hero-badge span {
	display: block;
	margin-top: 5px;
	color: var(--ms-muted);
	font-size: 14px;
	line-height: 1.5;
}
@keyframes fadeUp {
from {
opacity: 0;
transform: translateY(28px);
}
to {
	opacity: 1;
	transform: translateY(0);
}
}
@keyframes floatCard {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-14px);
}
}
@keyframes pulseBadge {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.035);
}
}
.stats-strip .stat-item {
	min-height: 118px;
	padding: 22px;
	border-radius: 22px;
	text-align: left;
	background: linear-gradient(135deg, #eef7ff, #fff7e8);
	border: 1px solid rgba(6, 30, 66, 0.06);
	transition: all 0.35s ease;
}
.stats-strip .stat-item:hover {
	transform: translateY(-8px);
	background: #fff;
	box-shadow: 0 18px 45px rgba(6, 30, 66, 0.12);
}
.stats-strip .stat-item strong {
	display: block;
	font-size: 26px;
	font-weight: 800;
	color: var(--ms-blue);
	letter-spacing: -0.04em;
}
.stats-strip .stat-item span {
	color: #333;
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
	font-size: 16px;
}
.process-section, .integrated-section {
	padding: 100px 0;
	position: relative;
}
.process-section {
	background: linear-gradient(180deg, #fff 0%, #f5f9ff 100%);
	overflow: hidden;
}
.process-section .section-label, .integrated-section .section-label, .contact-section .section-label {
	position: relative;
	color: var(--ms-blue);
	background: rgba(11, 94, 215, 0.08);
	border: 1px solid rgba(11, 94, 215, 0.12);
	z-index: 1;
}
.process-section .section-title, .integrated-section .section-title, .contact-section .section-title {
	position: relative;
	margin: 18px 0 16px;
	font-size: clamp(34px, 4vw, 58px);
	line-height: 1.05;
	font-weight: 800;
	letter-spacing: -0.055em;
	z-index: 1;
}
.process-section .section-title strong, .integrated-section .section-title strong, .contact-section .section-title strong {
	display: inline-block;
	background: linear-gradient(90deg, #075b98 0%, #14b8c8 48%, #85834f 100%);
	background-clip: border-box;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	line-height: 1.2;
}
.process-section .section-text, .integrated-section .section-text, .contact-section .section-text {
	position: relative;
	color: #333;
	font-size: 17px;
	line-height: 1.6;
	z-index: 1;
	padding-right: 50px;
}
.integrated-section {
	overflow: hidden;
	background: radial-gradient(circle at 10% 20%, rgba(255, 200, 87, 0.16), transparent 25%), linear-gradient(180deg, #f5f9ff, #fff);
}
.integrated-panel {
	position: relative;
	padding: 20px;
	min-height: auto;
	border-radius: 38px;
	background: radial-gradient(circle at 78% 10%, rgba(17, 184, 198, 0.2), transparent 28%), linear-gradient(135deg, #ffffff, #edf7ff);
	box-shadow: var(--ms-shadow);
	border: 1px solid rgba(6, 30, 66, 0.08);
	overflow: hidden;
}
.integrated-panel:before {
	content: "";
	position: absolute;
	inset: 28px;
	border-radius: 30px;
	border: 1px dashed rgba(11, 94, 215, 0.2);
	animation: pulseLine 2.8s ease-in-out infinite;
}
@keyframes pulseLine {
50% {
transform: scale(0.985);
opacity: 0.55;
}
}
.integrated-panel img {
	position: relative;
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 28px;
	background:
linear-gradient(135deg, rgba(6, 30, 66, 0.08), rgba(17, 184, 198, 0.14)), url("assets/design-reference.webp") center/cover no-repeat;
}
.mini-card {
	position: absolute;
	width: 240px;
	padding: 18px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 22px 60px rgba(6, 30, 66, 0.15);
	border: 1px solid rgba(6, 30, 66, 0.08);
	animation: floatMini 4.5s ease-in-out infinite;
}
.card-one {
	left: 10px;
	top: 58px;
}
.card-two {
	right: 10px;
	bottom: 58px;
	animation-delay: 0.8s;
}
.mini-card strong {
	display: block;
	color: var(--ms-navy);
	font-weight: 800;
	margin-bottom: 5px;
}
.mini-card span {
	color: var(--ms-muted);
	font-size: 15px;
	line-height: 1.4;
}
@keyframes floatMini {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}
.cta-section {
	padding: 90px 0 90px 0;
	background: #fff;
}
.cta-box {
	position: relative;
	overflow: hidden;
	border-radius: 42px;
	padding: 72px 32px;
	color: #fff;
	text-align: center;
	background: radial-gradient(circle at 18% 20%, rgba(17, 184, 198, 0.35), transparent 24%), radial-gradient(circle at 82% 75%, rgba(255, 200, 87, 0.26), transparent 26%), linear-gradient(135deg, var(--ms-navy), #09376e);
	box-shadow: var(--ms-shadow);
}
.cta-box:after {
	content: "";
	position: absolute;
	width: 360px;
	height: 360px;
	right: -150px;
	top: -150px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
}
.cta-box h2 {
	max-width: 850px;
	margin: 0 auto 18px;
	font-size: clamp(32px, 4vw, 56px);
	line-height: 1.05;
	font-weight: 800;
	letter-spacing: -0.05em;
	color: #fff;
}
.cta-box p {
	max-width: 760px;
	margin: 0 auto;
	color: rgba(255, 255, 255, 0.78);
	font-size: 17px;
	line-height: 1.75;
}
.contact-section .contact-box {
	padding: 38px;
	border-radius: 36px;
	background: #fff;
	box-shadow: var(--ms-shadow);
	border: 1px solid rgba(6, 30, 66, 0.08);
}
.contact-section .contact-box h2 {
	margin: 18px 0 12px;
	font-size: clamp(30px, 3.6vw, 48px);
	line-height: 1.08;
	font-weight: 800;
	letter-spacing: -0.045em;
}
.contact-section .contact-box p {
	color: var(--ms-muted);
	line-height: 1.75;
}
.contact-section textarea.form-control {
	min-height: 140px;
}
@media (max-width: 991px) {
.hero-section {
padding: 80px 0 90px;
text-align: center;
}
.hero-text {
margin-inline: auto;
}
.hero-section .d-flex {
justify-content: center;
}
.hero-badge {
left: 18px;
right: 18px;
bottom: 24px;
max-width: none;
text-align: left;
}
.process-section, .integrated-section {
padding: 76px 0;
}
.integrated-panel {
min-height: auto;
}
.integrated-panel img {
height: auto;
border-radius: 8px;
}
.integrated-panel {
 padding: 10px;
 min-height: auto;
 border-radius: 15px;
}
}
@media (max-width: 767px) {
.hero-section h1 {
font-size: 42px;
}
.mini-card {
position: relative;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
width: 100%;
margin-top: 14px;
}
.contact-section .contact-box {
padding: 24px;
}
.cta-box {
padding: 54px 22px;
border-radius: 30px;
}
}
.hero-section {
	padding: 70px 0 80px;
}
.hero-content {
	margin: auto;
	max-width: 1050px;
}
.hero-content h1 {
	font-size: 56px;
	line-height: 1.15;
	font-weight: 800;
	margin-bottom: 35px;
	color: #fff;
}
.hero-content p {
	font-size: 18px;
	line-height: 1.4;
	color: #fff;
	margin-bottom: 22px;
}
.team-banner {
	margin-top: 70px;
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
}
.team-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	min-height: 340px;
}
.team-content {
	padding: 55px;
	color: #fff;
}
.team-content h2 {
	font-size: 42px;
	font-weight: 800;
}
.team-content h5 {
	font-size: 18px;
	margin-bottom: 25px;
	font-weight: 600;
	color: #000;
}
.team-content p {
	color: #d7d7d7;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 35px;
	color: #444;
}
.btn-white {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 32px;
	border-radius: 50px;
	background: #071f3f;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	transition: 0.3s ease;
}
.btn-white:hover {
	background: #0b4b84;
	color: #fff;
}
.thrive-section {
	padding: 120px 0 80px;
}
.section-label {
	font-size: 30px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.section-text {
	max-width: 1250px;
	font-size: 17px;
	color: #333;
	line-height: 1.6;
}
.career-card {
	margin-top: 80px;
}
.career-image {
	overflow: hidden;
}
.career-image img {
	width: 100%;
	transition: 0.4s ease;
}
.career-card:hover .career-image img {
	transform: scale(1.04);
}
.career-content {
	padding-top: 25px;
}
.career-content h4 {
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 18px;
}
.career-content p {
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	margin-bottom: 28px;
}
.read-more {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: #111;
	font-size: 13px;
	letter-spacing: 2px;
	font-weight: 700;
	text-transform: uppercase;
}
.read-more i {
	font-size: 13px;
}
.slider-line {
	margin: 90px 0;
	display: flex;
	align-items: center;
	gap: 25px;
}
.slider-main {
	width: 70%;
	height: 6px;
	background: #000;
}
.slider-light {
	flex: 1;
	height: 6px;
	background: #d8d8d8;
}
.slider-nav {
	display: flex;
	gap: 18px;
}
.slider-nav i {
	font-size: 14px;
	color: #666;
}
.team-section {
	padding: 40px 0 80px;
}
.team-grid {
	margin-top: 80px;
}
.team-box {
	margin-bottom: 100px;
}
.team-box h2 {
	font-size: 48px;
	font-weight: 800;
	margin-bottom: 25px;
}
.team-box p {
	font-size: 16px;
	color: #333;
	line-height: 1.7;
	max-width: 430px;
}
.member-title {
	margin-top: 35px;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 700;
}
.member-img {
	margin-top: 25px;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	overflow: hidden;
}
.member-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 991px) {
.hero-content h1 {
font-size: 42px;
}
.team-content {
padding: 40px;
}
.team-content h2 {
font-size: 34px;
}
.section-label {
font-size: 32px;
}
.team-box h2 {
font-size: 42px;
}
}
@media (max-width: 767px) {
.hero-section {
padding: 50px 0 60px;
}
.hero-content h1 {
font-size: 34px;
}
.team-banner {
margin-top: 50px;
}
.team-content {
padding: 30px;
}
.team-content h2 {
font-size: 30px;
}
.section-label {
font-size: 26px;
}
.career-card {
margin-top: 50px;
}
.slider-line {
margin: 60px 0;
}
.team-box {
margin-bottom: 70px;
}
.team-box h2 {
font-size: 34px;
}
}
:root {
--navy: #082a52;
--navy-mid: #eff7ff;
--electric: #075a9f;
--electric-light: #11b8c6;
--cyan: #12b8c8;
--gold: #ffc400;
--white: #ffffff;
--light: #f4fbff;
--muted: #5d6b7c;
--ink: #09213f;
--card-bg: #ffffff;
--border: rgba(8, 42, 82, 0.1);
--soft-shadow: 0 24px 70px rgba(8, 42, 82, 0.1);
--card-shadow: 0 14px 40px rgba(8, 42, 82, 0.08);
--radius: 22px;
}
section {
	padding: 5.2rem 0;
	position: relative;
}
.section-sub {
	color: #44566c;
	font-size: 1.2rem;
	line-height: 1.55;
	font-weight: 400;
	max-width: 900px;
}
.divider-line {
	width: 70px;
	height: 4px;
	background: linear-gradient(90deg, var(--cyan), #ffe8a0);
	border-radius: 999px;
	margin: 1.3rem 0;
}
.ms360-hero .row {
	justify-content: center;
}
.ms360-hero .col-lg-6:first-child {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}
.ms360-hero p.lead {
	color: #223b56;
	font-size: 1rem;
	line-height: 1.65;
	max-width: 820px;
	margin: 0 auto 1.7rem;
	font-weight: 400;
}
.sales-hook-section, .benefits-section, .pricing-section {
	background: linear-gradient(5deg, #eef7ff, #fff7e8);
}
.why-section, .services-section {
	background: #fff;
}
.sales-hook-section .row, .why-section .row {
	align-items: center;
}
.growth-card, .journey-card, .benefit-card {
	background: var(--card-bg);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	box-shadow: var(--card-shadow);
	overflow: hidden;
	transition: 0.28s;
	margin-bottom: 5px;
}
.growth-card:hover, .benefit-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--soft-shadow);
	border-color: rgba(18, 184, 200, 0.24);
}
.growth-img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}
.step-item {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	padding: 1.1rem 0;
	border-bottom: 1px solid rgba(8, 42, 82, 0.08);
	background: transparent;
}
.step-icon {
	min-width: 44px;
	height: 44px;
	border-radius: 14px;
	background: linear-gradient(135deg, #fff8df, #e0fbff);
	border: 1px solid rgba(8, 42, 82, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #075a9f;
	box-shadow: 0 10px 22px rgba(8, 42, 82, 0.08);
}
.step-item h6 {
	font-weight: 800;
	margin-bottom: 0.25rem;
	font-size: 1.1rem;
}
.step-item p, .benefit-card p, .process-step p, .ms360-service-card .tagline {
	color: #52657a;
	font-size:0.95rem;
	line-height: 1.65;
	margin: 0;
}
.journey-card {
	padding: 0rem;
}
.journey-card [style*="color:var(--cyan)"] {
color: #075a9f !important;
}
.journey-step {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	padding: 0.9rem 0;
	border-bottom: 1px solid rgba(8, 42, 82, 0.07);
}
.journey-step-list {
	columns: 1;
	list-style: none;
	padding-left: 0;
	margin: 0;
	padding: 1.5em;
}
.journey-step:last-child {
	border-bottom: none;
}
.j-num {
	min-width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #061f3f;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 0.8rem;
}
.j-arrow {
	color: var(--cyan);
}
.journey-step .text {
	font-size: 1rem;
	color: #31465c;
}
.image-feature {
	position: relative;
	min-height: 260px;
	border-radius: 22px;
	overflow: hidden;
	background: #fff;
	box-shadow: var(--card-shadow);
}
.image-feature img {
	width: 100%;
	height: 260px;
	object-fit: cover;
	transition: 0.35s;
}
.image-feature:hover img {
	transform: scale(1.06);
}
.image-feature div {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 16px;
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(12px);
	border-radius: 16px;
	padding: 1rem;
	box-shadow: 0 15px 35px rgba(8, 42, 82, 0.12);
}
.image-feature strong {
	font-weight: 800;
	color: var(--ink);
	display: block;
}
.image-feature span {
	font-size: 0.85rem;
	color: #52657a;
}
.benefit-card {
	padding: 1.7rem;
	height: 100%;
	position: relative;
}
.benefit-card::after {
content: "";
position: absolute;
right: -18px;
top: -18px;
width: 76px;
height: 76px;
border-radius: 50%;
background: rgba(18, 184, 200, 0.15);
}
.benefit-card h5, .process-step h5 {
	font-size: 1.1rem;
	margin-bottom: 0.5rem;
	line-height: 1.3;
}
.service-benefits {
	list-style: none;
	padding: 0;
	margin: 1rem 0 0;
}
.service-benefits li {
	display: flex;
	gap: 0.55rem;
	align-items: flex-start;
	font-size: 1rem;
	color: #40566e;
	padding: 0.28rem 0;
}
.service-benefits li::before {
content: "✓";
color: #075a9f;
font-weight: 800;
}
.outcome-tag {
	display: inline-block;
	margin-top: 1rem;
	background: #f2fbff;
	color: #075a9f;
	border: 1px solid rgba(18, 184, 200, 0.16);
	border-radius: 999px;
	padding: 0.35rem 0.75rem;
	font-size: 0.75rem;
	font-weight: 800;
}
.benefit-icon {
	font-size: 1.55rem;
	margin-bottom: 0.9rem;
	display: inline-flex;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #fff7dc, #e4fbff);
	border-radius: 14px;
	box-shadow: 0 10px 22px rgba(8, 42, 82, 0.06);
}
.process-num {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: linear-gradient(135deg, #061f3f, #075a9f);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 1.2rem;
	margin: 0 auto 1rem;
	box-shadow: 0 14px 28px rgba(8, 42, 82, 0.18);
}
.process-step {
	text-align: center;
	padding: 1rem;
}
.industry-pill .desc {
	color: #5d6b7c;
	font-size: 1rem;
}
.price-card.featured {
	border-color: rgba(18, 184, 200, 0.35);
	background: linear-gradient(180deg, #fff, #f4fcff);
}
.faq-item.open .faq-q .toggle {
	transform: rotate(180deg);
}
.faq-item.open .faq-a {
	max-height: 240px;
	padding: 0 1.35rem 1.2rem;
}
@keyframes fadeUp {
from {
opacity: 0;
transform: translateY(24px);
}
to {
	opacity: 1;
	transform: translateY(0);
}
}
@media (max-width: 767px) {
.navbar-brand {
width: 80%;
}
.ms360-hero p.lead {
font-size: 0.94rem;
}
}
.hero-section .eyebrow {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .22);
	background: rgba(255, 255, 255, .11);
	backdrop-filter: blur(14px);
}
.hero-section .hero-visual {
	position: relative;
	padding: 22px;
	border-radius: 42px;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .2);
	box-shadow: 0 35px 95px rgba(0, 0, 0, .3);
	backdrop-filter: blur(18px);
	animation: floatCard 5s ease-in-out infinite;
	overflow: visible;
}
.hero-section .hero-visual img {
	width: 100%;
	min-height: 420px;
	object-fit: cover;
	border-radius: 30px;
	display: block;
}
.contact-section .form-control {
	border-radius: 14px;
	border-color: #d9e2ec;
padding: .85rem 1rem;
}
.contact-section .form-control:focus {
	border-color: var(--ms-blue);
box-shadow: 0 0 0 .2rem rgba(11, 75, 132, .12);
}
.fixed-services-nav a.active {
	background:#08264a;
	color:#fff;
}
@media (max-width: 767.98px) {
.hero-section {
padding: 74px 0 82px;
}
.hero-section .hero-visual img {
min-height: 290px;
}
.hero-badge {
position: relative;
left: auto;
bottom: auto;
margin: -45px 15px 0;
max-width: calc(100% - 30px);
}
.process-section .section-text, .integrated-section .section-text, .contact-section .section-text {
padding-right:0;
}
}
.booking-hero {
	padding: 45px 15px 35px;
	text-align: center;
}
.small-label {
	display: inline-block;
	background: #f3f3f3;
	color: #666;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .6px;
	padding: 8px 12px;
	border-radius: 3px;
	text-transform: uppercase;
	margin-bottom: 18px;
}
.booking-hero h1 {
	font-size: 52px;
	font-weight: 800;
	line-height: 1.1;
	margin-bottom: 18px;
	color: #070b3d;
}
.booking-hero p {
	max-width: 920px;
	margin: 0 auto;
	font-size: 17px;
	line-height: 1.6;
	color: #666;
}
.contact-row {
	margin-top: 45px;
	display: flex;
	justify-content: center;
	gap: 45px;
	flex-wrap: wrap;
}
.appointment-box {
	position: relative;
	text-align: center;
	font-size: 18px;
	color: #071f3f;
	min-width: 210px;
}
.appointment-box strong {
	display: block;
	font-weight: 700;
}
.appointment-box:not(:last-child)::after {
content: "";
position: absolute;
right: -25px;
top: 0;
width: 1px;
height: 50px;
background: #ddd;
transform: skewX(-18deg);
}
.appointment-section {
	background: radial-gradient(circle at 15% 20%, rgba(245, 181, 27, 0.14), transparent 34%), radial-gradient(circle at 88% 18%, rgba(20, 184, 200, 0.18), transparent 36%), linear-gradient(180deg, #fbfdff 0%, #eef8ff 100%);
	padding: 60px 20px 70px;
	margin: 0 32px 30px;
	border-radius: 20px;
}
.appointment-section::before {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(rgba(7, 31, 63, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 31, 63, 0.045) 1px, transparent 1px);
background-size: 42px 42px;
opacity: 0.9;
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.55), transparent 90%);
}
.appointment-section h3 {
	text-align: center;
	font-size: 36px;
	font-weight: 800;
	margin-bottom: 35px;
}
.calendly-card {
	max-width: 760px;
	margin: 0 auto;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
	display: grid;
	grid-template-columns: 1fr 1fr;
	overflow: hidden;
	position: relative;
}
.cal-left, .cal-right {
	padding: 32px 28px;
	min-height: 520px;
}
.cal-left {
	border-right: 1px solid #eee;
}
.brand-name {
	color: #6d7c8d;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 6px;
}
.cal-left h2 {
	font-size: 26px;
	font-weight: 800;
	color: #16375c;
	margin-bottom: 22px;
}
.time {
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 25px;
	color: #18395f;
}
.desc {
	font-size: 14px;
	line-height: 1.65;
	font-weight: 700;
	color: #13345a;
	max-width: 310px;
}
.policy-links {
	position: absolute;
	left: 28px;
	bottom: 25px;
	display: flex;
	gap: 25px;
	font-size: 12px;
	font-weight: 700;
}
.policy-links a {
	color: #006bff;
	text-decoration: none;
}
.cal-right h4 {
	font-size: 18px;
	font-weight: 800;
	color: #16375c;
	margin-bottom: 35px;
}
.month-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
	color: #16375c;
	font-weight: 600;
}
.arrow, .next-arrow {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	color: #006bff;
	background: #f1f6ff;
	font-size: 22px;
}
.calendar-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 18px 13px;
	text-align: center;
	color: #6d7c8d;
	font-size: 14px;
}
.day-name {
	font-size: 11px;
	font-weight: 700;
	color: #16375c;
}
.date {
	width: 35px;
	height: 35px;
	margin: auto;
	border-radius: 50%;
	display: grid;
	place-items: center;
}
.active-date {
	background: #eef5ff;
	color: #006bff;
	font-weight: 800;
	position: relative;
}
.active-date::after {
content: "";
width: 4px;
height: 4px;
background: #006bff;
border-radius: 50%;
position: absolute;
bottom: 4px;
}
.timezone {
	margin-top: 35px;
	font-size: 13px;
	color: #16375c;
	font-weight: 600;
}
.timezone span {
	display: block;
	margin-top: 10px;
	font-weight: 500;
	color: #23425f;
}
.ribbon {
	position: absolute;
	top: 4px;
	right: -37px;
	background: #071f3f;
	color: #fff;
	padding: 8px 35px;
	font-size: 10px;
	font-weight: 700;
	transform: rotate(45deg);
	z-index: 2;
}
.stats-row {
	margin: 75px auto 0;
}
.stat-box {
	border-left:2px solid rgba(7, 11, 61, 0.14);
	color: #070b3d;
	text-align:center;
}
.stat-box h4 {
	font-size:34px;
	font-weight: 800;
	margin: 0;
}
.stat-box p {
	margin: 0;
	font-size:17px;
	color: #445368;
}
@media (max-width: 991px) {
.booking-hero h1 {
font-size: 42px;
}
.calendly-card {
grid-template-columns: 1fr;
}
.cal-left {
border-right: none;
border-bottom: 1px solid #eee;
}
.cal-left, .cal-right {
min-height: auto;
}
.policy-links {
position: static;
margin-top: 40px;
}
}
@media (max-width: 767px) {
.appointment-section {
margin: 0 12px 25px;
padding: 45px 15px;
}
.booking-hero h1 {
font-size: 34px;
}
.booking-hero p {
font-size: 16px;
}
.contact-row {
gap: 25px;
flex-direction: column;
align-items: center;
}
.appointment-box {
text-align: center;
}
.appointment-box::after {
display: none;
}
.calendar-grid {
gap: 14px 6px;
font-size: 13px;
}
.cal-left h2 {
font-size: 22px;
}
.stats-row {
margin-top: 45px;
}
.stat-box {
margin-bottom: 25px;
}
}
.ms-contact-location-section {
	font-family: "Inter", sans-serif;
	color: #06264a;
	padding: 0;
}
.ms-contact-top {
	background: radial-gradient(circle at 14% 15%, rgba(17, 184, 198, 0.35), transparent 28%), radial-gradient(circle at 85% 16%, rgba(255, 200, 87, 0.22), transparent 24%), linear-gradient(135deg, #05162f 0%, #082e5d 50%, #061e42 100%);
	padding: 90px 0 70px;
	position: relative;
	overflow: hidden;
}
.ms-contact-top::before {
content: "";
position: absolute;
inset: 0;
opacity: 0.22;
background-image: linear-gradient(rgba(255, 255, 255, 0.18) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.18) 1px, transparent 1px);
animation: gridMove 18s linear infinite;
background-size: 34px 34px;
}
.ms-contact-top:after {
	content: "";
	position: absolute;
	width: 620px;
	height: 620px;
	right: -220px;
	bottom: -220px;
	z-index: -1;
	border-radius: 50%;
	background: conic-gradient( from 180deg, rgba(17, 184, 198, 0.45), rgba(255, 200, 87, 0.26), rgba(255, 107, 87, 0.25), rgba(17, 184, 198, 0.45) );
	filter: blur(6px);
	opacity: 0.5;
	animation: rotateOrb 18s linear infinite;
}
.ms-contact-top .container {
	position: relative;
	z-index: 2;
}
.ms-pill {
	display: inline-block;
	background: #fff;
	color: #0656a3;
	padding: 8px 16px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 18px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
}
.ms-contact-title {
	color: #fff;
	font-size: 4.5em;
	line-height: 1.1;
	font-weight: 800;
	margin-bottom: 25px;
}
.ms-phone-card {
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 14px;
	padding: 22px;
}
.ms-phone-card span {
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 800;
}
.ms-phone-card h4 {
	color: #fff;
	font-size: 25px;
	font-weight: 800;
	margin: 6px 0 0;
}
.ms-strategist p {
	color: #fff;
	font-size: 18px;
	font-weight: 800;
}
.ms-strategist-box {
	background: #0e66c2;
	border-radius: 14px;
	padding: 22px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ms-strategist-box span {
	color: #d8ebff;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 800;
}
.ms-strategist-box h3 {
	color: #fff;
	font-size: 28px;
	font-weight: 800;
	margin: 5px 0 0;
}
.ms-avatar-group img {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: 3px solid #fff;
	margin-left: -12px;
	object-fit: cover;
	background:#f6a900;
}
.ms-contact-form {
	background: #fff;
	padding: 42px;
	border-radius: 18px;
	box-shadow: 0 30px 80px rgba(0, 0, 0, .18);
}
.ms-contact-form label {
	font-size: 14px;
	font-weight: 800;
	color: #10243d;
	margin-bottom: 8px;
}
.ms-contact-form .form-control {
	min-height: 48px;
	border: 1px solid #e3e8ef;
	border-radius: 6px;
	box-shadow: none;
}
.ms-contact-form textarea.form-control {
	min-height: 105px;
}
.ms-form-note {
	font-size: 11px;
	color: #718096;
	line-height: 1.5;
}
.ms-submit-btn {
	width: 100%;
	border: none;
	background: linear-gradient(135deg, #0877e8, #0a57b8);
	color: #fff;
	padding: 16px;
	border-radius: 6px;
	font-weight: 800;
transition: .3s ease;
}
.ms-submit-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 30px rgba(8, 119, 232, .3);
}
.ms-location-area {
	background: #f3f8ff;
	padding: 80px 0;
}
.ms-section-title {
	font-size: 42px;
	font-weight: 800;
	color: #071f3f;
}
.ms-location-card {
	background: #eaf5ff;
	border: 1px solid #b9dcff;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 18px 45px rgba(6, 30, 66, .08);
}
.ms-location-badge {
	display: inline-block;
	background: #0759a8;
	color: #fff;
	padding: 10px 18px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 800;
	margin-bottom: 18px;
}
.ms-location-card h3 {
	font-size: 30px;
	font-weight: 800;
	margin-bottom: 8px;
	color: #10243d;
}
.ms-location-card p {
	color: #586778;
	margin-bottom: 12px;
}
.ms-location-phone {
	color: #0877e8;
	display: block;
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 8px;
	text-decoration: none;
}
.ms-time {
	font-size: 16px;
}
.ms-location-actions {
	display: flex;
	margin-top: 22px;
	border: 1px solid #c4def8;
	border-radius: 8px;
	overflow: hidden;
}
.ms-location-actions a {
	flex: 1;
	padding: 13px;
	text-align: center;
	color: #0877e8;
	background: #fff;
	font-weight: 800;
	text-decoration: none;
	border-right: 1px solid #c4def8;
}
.ms-location-actions a:last-child {
	border-right: none;
}
.ms-location-actions a:hover {
	background: #0877e8;
	color: #fff;
}
.ms-location-left {
	padding: 35px;
}
.ms-service-list a {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 26px;
	min-height: 90px;
	border-bottom: 1px solid #c4def8;
	text-decoration: none;
	color: #10243d;
	font-weight: 800;
	background: rgba(255, 255, 255, .35);
}
.ms-service-list a:last-child {
	border-bottom: none;
}
.ms-service-list a i {
	color: #0877e8;
	font-size: 22px;
}
.ms-service-list a:hover {
	background: #fff;
	color: #0877e8;
}
@media (max-width: 991px) {
.ms-contact-title {
font-size: 44px;
}
.ms-contact-form {
margin-top: 20px;
}
.ms-location-left {
padding: 28px;
}
}
@media (max-width: 767px) {
.ms-contact-top, .ms-location-area {
padding: 55px 0;
}
.ms-contact-title {
font-size: 36px;
}
.ms-contact-form {
padding: 28px;
}
.ms-strategist-box {
flex-direction: column;
align-items: flex-start;
gap: 18px;
}
.ms-section-title {
font-size: 34px;
}
.ms-location-actions {
flex-direction: column;
}
.ms-location-actions a {
border-right: none;
border-bottom: 1px solid #c4def8;
}
.ms-location-actions a:last-child {
border-bottom: none;
}
}
.ms-policy-hero {
	background: linear-gradient(135deg, #eef9ff 0%, #fff7e8 100%);
	padding: 90px 0 60px;
	text-align: center;
	position: relative;
}
.ms-policy-hero::before {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(rgba(6, 38, 74, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 38, 74, .06) 1px, transparent 1px);
background-size: 34px 34px;
}
.ms-policy-hero .container {
	position: relative;
	z-index: 2;
}
.ms-pill {
	display: inline-block;
	background: #fff;
	color: #0759a8;
	padding: 8px 18px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 18px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}
.ms-policy-hero h1 {
	font-size: 58px;
	font-weight: 800;
	color: #071f3f;
	margin-bottom: 12px;
}
.ms-policy-hero p {
	font-size: 18px;
	font-weight: 700;
	color: #0877e8;
}
.ms-policy-section {
	background: #f3f8ff;
	padding: 70px 0;
}
.ms-policy-card {
	background: #fff;
	border-radius: 22px;
	padding: 55px;
	box-shadow: 0 25px 70px rgba(6, 30, 66, .10);
	border: 1px solid #e4eef8;
}
.ms-policy-card h2 {
	font-size: 26px;
	font-weight: 800;
	color: #071f3f;
	margin-top: 35px;
	margin-bottom: 14px;
}
.ms-policy-card h3 {
	font-size: 20px;
	font-weight: 800;
	color: #0759a8;
	margin-top: 24px;
	margin-bottom: 12px;
}
.ms-policy-card p, .ms-policy-card li {
	font-size: 16px;
	line-height: 1.8;
	color: #31445b;
}
.ms-policy-card ul {
	padding-left: 22px;
	margin-bottom: 20px;
}
.ms-policy-card li {
	margin-bottom: 8px;
}
.ms-contact-box {
	background: linear-gradient(135deg, #071f3f, #0759a8);
	color: #fff;
	padding: 28px;
	border-radius: 18px;
	margin-top: 20px;
}
.ms-contact-box p {
	color: #fff;
	margin-bottom: 0;
}
.ms-contact-box p a {
	color: #fff;
}
@media (max-width: 767px) {
.ms-policy-hero {
padding: 65px 0 45px;
}
.ms-policy-hero h1 {
font-size: 38px;
}
.ms-policy-card {
padding: 30px 22px;
}
.ms-policy-card h2 {
font-size: 22px;
}
.ms-policy-card h3 {
font-size: 18px;
}
}
.ms-terms-hero {
	background: linear-gradient(135deg, #fff8e8 0%, #e9fbff 100%);
	padding: 90px 0 60px;
	position: relative;
	overflow: hidden;
}
.ms-terms-hero::before {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(rgba(7, 31, 63, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 31, 63, .06) 1px, transparent 1px);
background-size: 34px 34px;
}
.ms-terms-hero .container {
	position: relative;
	z-index: 2;
}
.ms-pill {
	display: inline-block;
	background: #fff;
	color: #0759a8;
	padding: 8px 18px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 18px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}
.ms-terms-hero h1 {
	font-size: 58px;
	font-weight: 800;
	color: #071f3f;
	text-transform: uppercase;
	margin-bottom: 12px;
}
.ms-terms-hero p {
	font-size: 20px;
	font-weight: 800;
	color: #0759a8;
	margin-bottom: 10px;
}
.ms-terms-hero strong {
	color: #10243d;
}
.ms-terms-section {
	background: #f3f8ff;
	padding: 70px 0;
}
.ms-terms-card {
	background: #fff;
	border-radius: 24px;
	padding: 55px;
	box-shadow: 0 25px 70px rgba(6, 30, 66, .10);
	border: 1px solid #e5eef8;
	position: relative;
	overflow: hidden;
}
.ms-terms-card::before {
content: "";
position: absolute;
width: 130px;
height: 130px;
background: #d9fbff;
border-radius: 50%;
right: -45px;
top: -45px;
}
.ms-terms-card h2 {
	font-size: 25px;
	font-weight: 800;
	color: #071f3f;
	margin-top: 34px;
	margin-bottom: 14px;
	position: relative;
}
.ms-terms-card h3 {
	font-size: 20px;
	font-weight: 800;
	color: #0877e8;
	margin-top: 22px;
	margin-bottom: 10px;
	position: relative;
}
.ms-terms-card p, .ms-terms-card li {
	font-size: 16px;
	line-height: 1.85;
	color: #31445b;
	position: relative;
}
.ms-terms-card ul {
	padding-left: 24px;
	margin-bottom: 20px;
}
.ms-terms-card li {
	margin-bottom: 8px;
}
.ms-terms-card strong {
	color: #071f3f;
	font-weight: 800;
}
.ms-terms-contact {
	background: linear-gradient(135deg, #071f3f, #0759a8);
	padding: 28px;
	border-radius: 18px;
	margin-top: 22px;
	position: relative;
}
.ms-terms-contact p {
	color: #fff;
	margin-bottom: 0;
}
.ms-terms-contact strong {
	color: #fff;
}
@media (max-width: 767px) {
.ms-terms-hero {
padding: 65px 0 45px;
}
.ms-terms-hero h1 {
font-size: 36px;
}
.ms-terms-hero p {
font-size: 16px;
}
.ms-terms-card {
padding: 30px 22px;
}
.ms-terms-card h2 {
font-size: 22px;
}
.ms-terms-card h3 {
font-size: 18px;
}
}
.imeta-feature-section::before {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(rgba(7, 31, 63, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 31, 63, .06) 1px, transparent 1px);
background-size: 34px 34px;
}
.imeta-hero .container, .imeta-feature-section .container {
	position: relative;
	z-index: 2;
}
.imeta-pill {
	display: inline-block;
	background: #fff;
	color: #0759a8;
	padding: 8px 18px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 18px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}
.imeta-about h2 span {
	color: #06bfd4;
}
.section-white, .imeta-big-picture {
	background: #fff;
	padding: 90px 0;
}
.imeta-rounded-img {
	width: 100%;
	border-radius: 18px;
	box-shadow: 0 24px 60px rgba(6, 30, 66, .14);
}
.imeta-about h2, .imeta-feature-section h2, .imeta-channels-section h2, .imeta-process-section h2, .imeta-big-picture h2, .imeta-dark-section h2 {
	color: #071f3f;
	font-size: 46px;
	font-weight: 800;
	line-height: 1.12;
	margin-bottom: 18px;
}
.imeta-about p, .imeta-process-section p, .imeta-big-picture p {
	color: #31445b;
	line-height: 1.8;
}
.imeta-check {
	display: flex;
	gap: 14px;
	margin-top: 20px;
}
.imeta-check i {
	color: #0759a8;
	font-size: 22px;
}
.imeta-check h4 {
	font-size: 17px;
	font-weight: 800;
	color: #071f3f;
	margin-bottom: 4px;
}
.imeta-feature-section {
	background: #f3f8ff;
	padding: 90px 0;
	position: relative;
}
.imeta-card, .imeta-channel-card, .imeta-process-card {
	background: #fff;
	border-radius: 18px;
	padding: 32px;
	height: 100%;
	box-shadow: 0 20px 55px rgba(6, 30, 66, .08);
	border: 1px solid #e5eef8;
	position: relative;
	overflow: hidden;
}
.imeta-card::before, .imeta-process-card::before {
content: "";
position: absolute;
width: 90px;
height: 90px;
background: #d9fbff;
border-radius: 50%;
right: -35px;
top: -35px;
}
.imeta-icon {
	width: 52px;
	height: 52px;
	background: #fff8e8;
	color: #0759a8;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 23px;
	margin-bottom: 22px;
}
.imeta-card h3, .imeta-channel-card h3, .imeta-process-card h3 {
	color: #071f3f;
	font-size: 21px;
	font-weight: 800;
	margin-bottom: 12px;
	position: relative;
}
.imeta-card p, .imeta-channel-card p, .imeta-process-card p {
	color: #52667b;
	line-height: 1.8;
	position: relative;
}
.imeta-channels-section {
	background: #fff;
	padding: 90px 0;
}
.imeta-channel-card i {
	font-size: 34px;
	color: #0759a8;
	margin-bottom: 18px;
}
.imeta-dark-section {
	background: #000d2d;
	padding: 80px 0;
	color: #fff;
}
.imeta-dark-section h2 {
	color: #fff;
}
.imeta-dark-section p {
	max-width: 1200px;
	margin: auto;
	color: rgba(255, 255, 255, .75);
	line-height: 1.8;
	margin-bottom:20px;
}
.imeta-process-section {
	background: #f3f8ff;
	padding: 90px 0;
}
.imeta-highlight-box {
	background: linear-gradient(135deg, #071f3f, #241064);
	color: #fff;
	border-radius: 18px;
	padding: 35px;
	box-shadow: 0 22px 55px rgba(6, 30, 66, .16);
}
.imeta-highlight-box h3, .imeta-highlight-box p {
	color: #fff;
}
.imeta-list {
	list-style: none;
	padding: 0;
	margin: 24px 0 0;
}
.imeta-list li {
	color: #31445b;
	font-weight: 700;
	margin-bottom: 12px;
}
.imeta-list i {
	color: #0759a8;
	margin-right: 8px;
}
@media (max-width: 991px) {
.imeta-about h2, .imeta-feature-section h2, .imeta-channels-section h2, .imeta-process-section h2, .imeta-big-picture h2, .imeta-dark-section h2 {
font-size: 36px;
}
}
@media (max-width: 575px) {
.section-white, .imeta-feature-section, .imeta-channels-section, .imeta-process-section, .imeta-big-picture {
padding: 60px 0;
}
}
.awards-hero .container {
	position: relative;
	z-index: 2;
}
.awards-pill {
	display: inline-block;
	background: #fff;
	color: #0759a8;
	padding: 8px 18px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 18px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}
.awards-showcase {
	background: #f3f8ff;
	padding: 90px 0;
}
.awards-showcase h2 {
	max-width: 920px;
	margin: 0 auto;
	color: #071f3f;
	font-size: 42px;
	line-height: 1.2;
	font-weight: 800;
}
.awards-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 22px;
	margin: 0 auto;
}
.award-logo {
	background: #fff;
	border-radius: 18px;
	min-height: 190px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	box-shadow: 0 20px 55px rgba(6, 30, 66, .08);
	border: 1px solid #e5eef8;
transition: all .35s ease;
	position: relative;
	overflow: hidden;
}
.award-logo::before {
content: "";
position: absolute;
width: 75px;
height: 75px;
background: #d9fbff;
border-radius: 50%;
right: -45px;
top: -28px;
}
.award-logo:hover {
	transform: translateY(-7px);
	box-shadow: 0 25px 65px rgba(6, 30, 66, .14);
}
.award-logo img {
	max-width: 100%;
	max-height: 185px;
	object-fit: contain;
	position: relative;
	z-index: 2;
}
@media (max-width: 991px) {
.awards-showcase h2 {
font-size: 34px;
}
.awards-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.awards-showcase {
padding: 60px 0;
}
.awards-showcase h2 {
font-size: 28px;
}
.awards-grid {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.award-logo {
min-height: 145px;
padding: 18px;
}
.award-logo img {
max-height: 100px;
}
}
@media (max-width: 420px) {
.awards-grid {
grid-template-columns: 1fr;
}
}
.ms-awards-hero .container {
	position: relative;
	z-index: 2;
}
.ms-btn-dark, .ms-btn-light {
	display: inline-block;
	padding: 15px 32px;
	border-radius: 50px;
	font-weight: 700;
	text-decoration: none;
transition: all .35s ease;
}
.ms-btn-dark {
	background: #071f3f;
	color: #fff;
}
.ms-btn-light {
	background: #fff;
	color: #071f3f;
	border: 1px solid rgba(7, 31, 63, .16);
}
.ms-btn-dark:hover, .ms-btn-light:hover {
	transform: translateY(-4px);
}
.ms-btn-dark:hover {
	background: #0759a8;
	color: #fff;
}
.ms-btn-light:hover {
	background: #071f3f;
	color: #fff;
}
.ms-web-platforms::before {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(rgba(7, 31, 63, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 31, 63, .06) 1px, transparent 1px);
background-size: 34px 34px;
}
.ms-web-hero .container, .ms-web-platforms .container {
	position: relative;
	z-index: 2;
}
.ms-web-pill {
	display: inline-block;
	background: #fff;
	color: #0759a8;
	padding: 8px 18px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
	margin-bottom: 18px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}
.ms-btn-dark, .ms-btn-light, .ms-btn-yellow {
	display: inline-block;
	padding: 14px 30px;
	border-radius: 50px;
	font-weight:800;
	text-decoration: none;
transition: all .35s ease;
}
.ms-btn-dark {
	background: #071f3f;
	color: #fff;
}
.ms-btn-light {
	background: #fff;
	color: #071f3f;
	border: 1px solid rgba(7, 31, 63, .15);
}
.ms-btn-yellow {
	background: #ffc928;
	color: #071f3f;
}
.ms-btn-dark:hover, .ms-btn-light:hover, .ms-btn-yellow:hover {
	transform: translateY(-4px);
}
.ms-web-intro, .ms-web-services, .ms-web-expertise {
	background: #fff;
	padding: 90px 0;
}
.ms-web-intro h2, .ms-web-blue-feature h2, .ms-web-services h2, .ms-web-platforms h2, .ms-web-platforms h3, .ms-web-strategy h2, .ms-web-expertise h2, .ms-web-cta h2 {
	color: #071f3f;
	font-size: 44px;
	line-height: 1.15;
	font-weight: 800;
}
.ms-web-intro p, .ms-web-blue-feature p, .ms-web-platforms p, .ms-web-cta p {
	color: #31445b;
	line-height: 1.8;
}
.ms-web-img {
	width: 100%;
	border-radius: 20px;
	box-shadow: 0 25px 65px rgba(6, 30, 66, .12);
}
.ms-web-blue-feature {
	background: linear-gradient(135deg, #0759a8, #06bfd4);
	padding: 90px 0;
	color: #fff;
}
.ms-web-blue-feature h2, .ms-web-blue-feature p {
	color: #fff;
}
.ms-web-service-head {
	background: #071f3f;
	color: #fff;
	border-radius: 20px;
	padding: 40px;
}
.ms-web-service-head h2, .ms-web-service-head p {
	color: #fff;
}
.ms-web-card, .ms-strategy-box, .ms-expertise-item {
	background: #fff;
	border-radius: 18px;
	padding: 30px;
	height: 100%;
	box-shadow: 0 20px 55px rgba(6, 30, 66, .08);
	border: 1px solid #e5eef8;
transition: all .35s ease;
	position: relative;
	overflow: hidden;
}
.ms-web-card::before, .ms-strategy-box::before, .ms-expertise-item::before {
content: "";
position: absolute;
width: 80px;
height: 80px;
background: #d9fbff;
border-radius: 50%;
top: -30px;
right: -30px;
}
.ms-web-card:hover, .ms-strategy-box:hover, .ms-expertise-item:hover {
	transform: translateY(-7px);
	box-shadow: 0 28px 70px rgba(6, 30, 66, .14);
}
.ms-web-card i, .ms-strategy-box i, .ms-expertise-item i {
	font-size: 32px;
	color: #0759a8;
	margin-bottom: 18px;
	display: inline-block;
	position: relative;
	z-index: 2;
}
.ms-web-card h3, .ms-strategy-box h3, .ms-expertise-item h3 {
	font-size: 20px;
	font-weight: 800;
	color: #071f3f;
	position: relative;
	z-index: 2;
}
.ms-web-card p, .ms-strategy-box p, .ms-expertise-item p {
	color: #52667b;
	line-height: 1.75;
	position: relative;
	z-index: 2;
}
.ms-web-platforms {
	background: #f3f8ff;
	padding: 90px 0;
	position: relative;
}
.ms-web-strategy {
	background: #eef6ff;
	padding: 90px 0;
}
.ms-web-cta {
	background: #fff;
	padding: 40px 0 90px;
}
.ms-web-cta-box {
	background: #071f3f;
	border-radius: 20px;
	padding: 40px 45px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
}
.ms-web-cta-box h2, .ms-web-cta-box p {
	color: #fff;
}
.ms-web-cta-box p {
	margin-bottom: 0;
	opacity: .78;
}
@media (max-width: 991px) {
.ms-web-intro h2, .ms-web-blue-feature h2, .ms-web-services h2, .ms-web-platforms h2, .ms-web-platforms h3, .ms-web-strategy h2, .ms-web-expertise h2, .ms-web-cta h2 {
font-size: 34px;
}
.ms-web-cta-box {
flex-direction: column;
text-align: center;
}
}
@media (max-width: 575px) {
.ms-web-intro, .ms-web-blue-feature, .ms-web-services, .ms-web-platforms, .ms-web-strategy, .ms-web-expertise {
padding: 60px 0;
}
.ms-web-service-head, .ms-web-cta-box {
padding: 30px 22px;
}
}
.ms-email-features::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 14% 15%, rgba(17, 184, 198, 0.35), transparent 28%), radial-gradient(circle at 85% 16%, rgba(255, 200, 87, 0.22), transparent 24%), linear-gradient(135deg, #05162f 0%, #082e5d 50%, #061e42 100%);
}
.ms-email-hero .container, .ms-email-features .container {
	position: relative;
	z-index: 2;
}
.ms-email-pill {
	display: inline-block;
	background: #fff;
	color: #0759a8;
	padding: 8px 18px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
	margin-bottom: 18px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}
.ms-email-intro h2 span {
	background: linear-gradient(90deg, #0759a8, #06bfd4, #78a45b);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ms-btn-dark, .ms-btn-light, .ms-btn-yellow {
	display: inline-block;
	padding: 14px 30px;
	border-radius: 50px;
	font-weight: 800;
	text-decoration: none;
transition: all .35s ease;
}
.ms-btn-dark {
	background: #071f3f;
	color: #fff;
}
.ms-btn-light {
	background: #fff;
	color: #071f3f;
	border: 1px solid rgba(7, 31, 63, .15);
}
.ms-btn-yellow {
	background: #ffc928;
	color: #071f3f;
}
.ms-btn-dark:hover, .ms-btn-light:hover, .ms-btn-yellow:hover {
	transform: translateY(-4px);
}
.ms-email-intro, .ms-email-automation {
	background: #fff;
	padding: 90px 0;
}
.ms-email-template {
	background: #f3f8ff;
	padding: 90px 0;
}
.ms-email-intro h2, .ms-email-template h2, .ms-email-automation h2, .ms-email-features h2 {
	color: #071f3f;
	font-size: 44px;
	line-height: 1.15;
	font-weight: 800;
}
.ms-email-intro p, .ms-email-template p, .ms-email-automation p, .ms-email-features p {
	color: #31445b;
	line-height: 1.8;
}
.ms-email-tip-card, .ms-email-feature-card {
	background: #fff;
	border-radius: 18px;
	padding: 20px;
	height: 100%;
	box-shadow: 0 20px 55px rgba(6, 30, 66, .08);
	border: 1px solid #e5eef8;
transition: all .35s ease;
	position: relative;
	overflow: hidden;
}
.ms-email-tip-card:hover, .ms-email-feature-card:hover {
	transform: translateY(-7px);
	box-shadow: 0 28px 70px rgba(6, 30, 66, .14);
}
.ms-email-tip-card img {
	width: 100%;
	height: 170px;
	object-fit: contain;
	margin-bottom: 16px;
}
.ms-email-tip-card h3, .ms-email-feature-card h3 {
	color: #071f3f;
	font-size: 20px;
	font-weight: 800;
}
.ms-email-features {
	background: linear-gradient(135deg, #071f3f 0%, #0759a8 45%, #06bfd4 100%);
	padding: 95px 0;
	color: #fff;
	position: relative;
	overflow: hidden;
}
.ms-email-features h2, .ms-email-features p {
	color: #fff;
}
.ms-email-feature-card {
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .18);
	box-shadow: none;
}
.ms-email-feature-card i {
	font-size: 34px;
	color: #ffc928;
	margin-bottom: 18px;
	display: inline-block;
}
.ms-email-feature-card h3 {
	color: #fff;
}
.ms-email-feature-card p {
	color: rgba(255, 255, 255, .78);
}
@media (max-width: 991px) {
.ms-email-intro h2, .ms-email-template h2, .ms-email-automation h2, .ms-email-features h2 {
font-size: 34px;
}
}
@media (max-width: 575px) {
.ms-email-intro, .ms-email-template, .ms-email-automation, .ms-email-features {
padding: 60px 0;
}
}
.ms-ecom-solutions::before {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(rgba(7, 31, 63, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 31, 63, .06) 1px, transparent 1px);
background-size: 34px 34px;
}
.ms-ecom-hero .container, .ms-ecom-solutions .container {
	position: relative;
	z-index: 2;
}
.ms-ecom-pill {
	display: inline-block;
	background: #fff;
	color: #0759a8;
	padding: 8px 18px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
	margin-bottom: 18px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}
.ms-btn-dark, .ms-btn-light, .ms-btn-yellow, .ms-btn-outline-white, .ms-btn-outline-dark {
	display: inline-block;
	padding: 14px 30px;
	border-radius: 50px;
	font-weight: 800;
	text-decoration: none;
transition: all .35s ease;
}
.ms-btn-dark {
	background: #071f3f;
	color: #fff;
}
.ms-btn-light {
	background: #fff;
	color: #071f3f;
	border: 1px solid rgba(7, 31, 63, .15);
}
.ms-btn-yellow {
	background: #ffc928;
	color: #071f3f;
}
.ms-btn-outline-white {
	color: #fff;
	border: 2px solid rgba(255, 255, 255, .75);
}
.ms-btn-outline-dark {
	color: #071f3f;
	border: 2px solid rgba(7, 31, 63, .7);
}
.ms-btn-dark:hover, .ms-btn-light:hover, .ms-btn-yellow:hover, .ms-btn-outline-white:hover, .ms-btn-outline-dark:hover {
	transform: translateY(-4px);
}
.ms-ecom-intro, .ms-ecom-custom {
	background: #fff;
	padding: 90px 0;
}
.ms-ecom-feature-light {
	background: linear-gradient(135deg, #eef7ff, #fff7e8);
	padding: 90px 0;
}
.ms-ecom-blocks {
	padding-bottom:0;
}
.ms-ecom-intro h2, .ms-ecom-feature-light h2, .ms-ecom-custom h2, .ms-ecom-panel h2, .ms-ecom-solutions h2 {
	color: #071f3f;
	font-size: 48px;
	line-height: 1.15;
	font-weight: 800;
}
.ms-ecom-intro p, .ms-ecom-feature-light p, .ms-ecom-custom p, .ms-ecom-solutions p {
	color: #31445b;
	line-height: 1.8;
}
.ms-ecom-panel {
	min-height: 524px;
	padding: 80px 100px 80px 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	overflow: hidden;
}
.ms-ecom-dark {
	background: #071f3f;
}
.ms-ecom-cyan {
	background: #06bfd4;
}
.ms-ecom-yellow {
	background: #ffc928;
}
.ms-ecom-dark h2, .ms-ecom-cyan h2, .ms-ecom-dark p, .ms-ecom-cyan p {
	color: #fff;
}
.ms-ecom-yellow h2, .ms-ecom-yellow p {
	color: #071f3f;
}
.ms-ecom-panel p {
	max-width: 580px;
	line-height: 1.8;
}
.ms-circle-shape {
	width: 78px;
	height: 78px;
	border: 2px solid rgba(255, 255, 255, .65);
	border-radius: 50%;
	position: absolute;
	right: 45px;
	bottom: 45px;
}
.ms-ecom-yellow .ms-circle-shape {
	border-color: rgba(7, 31, 63, .35);
}
.ms-ecom-panel-img {
	background: #e9fbff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}
.ms-ecom-panel-img img {
	max-width: 100%;
	object-fit: contain;
}
.ms-ecom-solutions {
	background: #f3f8ff;
	padding: 95px 0;
	position: relative;
}
.ms-ecom-bottom-img {
	max-width: 820px;
	width: 100%;
	margin-top: 0;
}
@media (max-width: 991px) {
.ms-ecom-intro h2, .ms-ecom-feature-light h2, .ms-ecom-custom h2, .ms-ecom-panel h2, .ms-ecom-solutions h2 {
font-size: 34px;
}
.ms-ecom-panel {
min-height: auto;
padding: 55px 30px;
}
.ms-ecom-panel-img {
min-height: auto;
}
}
@media (max-width: 575px) {
.ms-ecom-intro, .ms-ecom-feature-light, .ms-ecom-custom, .ms-ecom-solutions {
padding: 60px 0;
}
.ms-ecom-panel-img {
padding: 35px 20px;
}
}
.ms-app-services::before {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(rgba(7, 31, 63, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 31, 63, .06) 1px, transparent 1px);
background-size: 34px 34px;
}
.ms-app-hero .container, .ms-app-services .container {
	position: relative;
	z-index: 2;
}
.ms-app-pill {
	display: inline-block;
	background: #fff;
	color: #0759a8;
	padding: 8px 18px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
	margin-bottom: 18px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}
.ms-app-dark-box h2 span {
	background: linear-gradient(90deg, #0759a8, #06bfd4, #78a45b);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ms-btn-dark, .ms-btn-light, .ms-btn-yellow {
	display: inline-block;
	padding: 14px 30px;
	border-radius: 50px;
	font-weight: 800;
	text-decoration: none;
transition: all .35s ease;
}
.ms-btn-dark {
	background: #071f3f;
	color: #fff;
}
.ms-btn-light {
	background: #fff;
	color: #071f3f;
	border: 1px solid rgba(7, 31, 63, .15);
}
.ms-btn-yellow {
	background: #ffc928;
	color: #071f3f;
}
.ms-btn-dark:hover, .ms-btn-light:hover, .ms-btn-yellow:hover {
	transform: translateY(-4px);
}
.ms-app-intro, .ms-app-highlights, .ms-app-advantages, .ms-app-services {
	background: #fff;
	padding: 90px 0;
}
.ms-app-strategy, .ms-app-process {
	background: #071f3f;
	padding: 90px 0;
	color: #fff;
}
.ms-app-intro h2, .ms-app-strategy h2, .ms-app-dark-box h2, .ms-app-advantages h2, .ms-app-process h2, .ms-app-services h2 {
	color: #071f3f;
	font-size: 44px;
	line-height: 1.15;
	font-weight: 800;
}
.ms-app-strategy h2, .ms-app-process h2 {
	color: #fff;
}
.ms-app-intro p, .ms-app-advantages p, .ms-app-services p {
	color: #31445b;
	line-height: 1.8;
}
.ms-app-strategy p, .ms-app-process p {
	color: rgba(255, 255, 255, .78);
	line-height: 1.8;
}
.ms-app-img {
	width: 100%;
	border-radius: 20px;
	box-shadow: 0 25px 65px rgba(6, 30, 66, .12);
}
.ms-app-checklist {
	list-style: none;
	padding: 0;
	margin-top: 25px;
}
.ms-app-checklist li {
	color: #fff;
	font-weight: 800;
	margin-bottom: 12px;
}
.ms-app-checklist i {
	color: #ffc928;
	margin-right: 8px;
}
.ms-app-highlight-card {
	background: #fff;
	border-radius: 18px;
	padding: 30px;
	height: 100%;
	box-shadow: 0 20px 55px rgba(6, 30, 66, .08);
	border: 1px solid #e5eef8;
}
.ms-app-highlight-card i {
	color: #0759a8;
	font-size: 30px;
	margin-bottom: 18px;
}
.ms-app-highlight-card h3 {
	font-size: 22px;
	font-weight: 800;
	color: #071f3f;
}
.ms-app-dark-callout {
	background: #f3f8ff;
	padding: 70px 0;
}
.ms-app-dark-box {
	background: #071f3f;
	border-radius: 22px;
	padding: 55px;
	color: #fff;
}
.ms-app-dark-box h2, .ms-app-dark-box p {
	color: #fff;
}
.ms-app-advantage-item {
	display: flex;
	gap: 16px;
	margin-top: 24px;
}
.ms-app-advantage-item i {
	color: #0759a8;
	font-size: 26px;
}
.ms-app-advantage-item h3 {
	font-size: 19px;
	font-weight: 800;
	color: #071f3f;
}
.ms-process-card {
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 16px;
	padding: 28px;
	height: 100%;
}
.ms-process-card i {
	color: #ffc928;
	font-size: 22px;
}
.ms-process-card h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	margin-top: 12px;
}
.ms-app-services {
	position: relative;
	overflow: hidden;
}
.ms-app-service-card {
	background: #fff;
	border-radius: 18px;
	padding: 28px;
	margin-bottom: 24px;
	box-shadow: 0 20px 55px rgba(6, 30, 66, .08);
	border: 1px solid #e5eef8;
}
.ms-app-service-card i {
	color: #0759a8;
	font-size: 32px;
	margin-bottom: 18px;
}
.ms-app-service-card h3 {
	color: #071f3f;
	font-size: 20px;
	font-weight: 800;
}
.ms-app-center-img {
	max-width: 360px;
	width: 100%;
}
@media (max-width: 991px) {
.ms-app-intro h2, .ms-app-strategy h2, .ms-app-dark-box h2, .ms-app-advantages h2, .ms-app-process h2, .ms-app-services h2 {
font-size: 34px;
}
}
@media (max-width: 575px) {
.ms-app-intro, .ms-app-strategy, .ms-app-highlights, .ms-app-advantages, .ms-app-process, .ms-app-services {
padding: 60px 0;
}
.ms-app-dark-box {
padding: 30px 22px;
}
}
.ms-listing-sites::before {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(rgba(7, 31, 63, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 31, 63, .06) 1px, transparent 1px);
background-size: 34px 34px;
}
.ms-listing-hero .container, .ms-listing-sites .container {
	position: relative;
	z-index: 2;
}
.ms-listing-pill {
	display: inline-block;
	background: #fff;
	color: #0759a8;
	padding: 8px 18px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
	margin-bottom: 18px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}
.ms-btn-dark, .ms-btn-light, .ms-btn-yellow {
	display: inline-block;
	padding: 14px 30px;
	border-radius: 50px;
	font-weight: 800;
	text-decoration: none;
transition: all .35s ease;
}
.ms-btn-dark {
	background: #071f3f;
	color: #fff;
}
.ms-btn-light {
	background: #fff;
	color: #071f3f;
	border: 1px solid rgba(7, 31, 63, .15);
}
.ms-btn-yellow {
	background: #ffc928;
	color: #071f3f;
}
.ms-btn-dark:hover, .ms-btn-light:hover, .ms-btn-yellow:hover {
	transform: translateY(-4px);
}
.ms-listing-intro {
	background: #fff;
	padding: 90px 0;
}
.ms-listing-details {
	background: #f3f8ff;
	padding: 90px 0;
}
.ms-listing-sites {
	background: linear-gradient(135deg, #f7edff 0%, #e9fbff 100%);
	padding: 90px 0;
	position: relative;
	overflow: hidden;
}
.ms-listing-intro h2, .ms-listing-details h2, .ms-listing-sites h2 {
	color: #071f3f;
	font-size: 44px;
	line-height: 1.15;
	font-weight: 800;
}
.ms-listing-intro p, .ms-listing-details p, .ms-listing-sites p {
	color: #31445b;
	line-height: 1.8;
}
.ms-listing-form {
	background: linear-gradient(135deg, #071f3f, #0759a8);
	border-radius: 22px;
	padding: 38px;
	box-shadow: 0 25px 65px rgba(6, 30, 66, .15);
}
.ms-listing-form h3 {
	color: #fff;
	font-size: 28px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 22px;
}
.ms-listing-form .form-control {
	height: 48px;
	border-radius: 8px;
	border: none;
	margin-bottom: 14px;
	font-weight: 700;
}
.ms-listing-form button {
	background: #ffc928;
	color: #071f3f;
	border: none;
	border-radius: 50px;
	padding: 12px 28px;
	font-weight: 800;
	text-transform: uppercase;
}
.ms-listing-form small {
	display: block;
	color: rgba(255, 255, 255, .75);
	margin-top: 12px;
}
.ms-listing-card {
	background: #fff;
	border-radius: 22px;
	padding: 0;
	min-height: 310px;
	text-align: center;
	box-shadow: 0 22px 60px rgba(6, 30, 66, .10);
	border: 1px solid #e5eef8;
transition: all .35s ease;
	position: relative;
	overflow: hidden;
}
.ms-listing-card::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 48%;
background: #071f3f;
z-index: 1;
}
.ms-listing-card img {
	object-fit: contain;
	position: relative;
	z-index: 2;
	margin-bottom: 0;
}
.ms-listing-card h3 {
	color: #fff;
	font-size: 20px;
	line-height: 1.25;
	font-weight: 800;
	position: relative;
	z-index: 2;
	padding: 25px;
}
.ms-listing-card:hover {
	transform: translateY(-8px);
}
.ms-directory-cloud {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 16px;
	max-width: 920px;
	margin: 40px auto 0;
}
.ms-directory-cloud span {
	background: #fff;
	color: #071f3f;
	padding: 18px 28px;
	border-radius: 50px;
	font-weight: 800;
	box-shadow: 0 18px 45px rgba(6, 30, 66, .10);
}
@media (max-width: 991px) {
.ms-listing-intro h2, .ms-listing-details h2, .ms-listing-sites h2 {
font-size: 34px;
}
}
@media (max-width: 575px) {
.ms-listing-intro, .ms-listing-details, .ms-listing-sites {
padding: 60px 0;
}
.ms-listing-form {
padding: 30px 22px;
}
}
.ms-ada-benefits::before {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(rgba(7, 31, 63, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 31, 63, .06) 1px, transparent 1px);
background-size: 34px 34px;
}
.ms-ada-hero .container, .ms-ada-benefits .container {
	position: relative;
	z-index: 2;
}
.ms-ada-pill {
	display: inline-block;
	background: #fff;
	color: #0759a8;
	padding: 8px 18px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
	margin-bottom: 18px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}
.ms-btn-dark, .ms-btn-light, .ms-btn-yellow {
	display: inline-block;
	padding: 14px 30px;
	border-radius: 50px;
	font-weight: 800;
	text-decoration: none;
transition: all .35s ease;
}
.ms-btn-dark {
	background: #071f3f;
	color: #fff;
}
.ms-btn-light {
	background: #fff;
	color: #071f3f;
	border: 1px solid rgba(7, 31, 63, .15);
}
.ms-btn-yellow {
	background: #ffc928;
	color: #071f3f;
}
.ms-btn-dark:hover, .ms-btn-light:hover, .ms-btn-yellow:hover {
	transform: translateY(-4px);
}
.ms-ada-intro, .ms-ada-content, .ms-ada-reach {
	background: #fff;
	padding: 90px 0;
}
.ms-ada-help {
	background: radial-gradient(circle at 14% 15%, rgba(17, 184, 198, 0.35), transparent 28%), radial-gradient(circle at 85% 16%, rgba(255, 200, 87, 0.22), transparent 24%), linear-gradient(135deg, #05162f 0%, #082e5d 50%, #061e42 100%);
	padding: 90px 0;
	color: #fff;
}
.ms-ada-benefits {
	background: #f3f8ff;
	padding: 90px 0;
	position: relative;
	overflow: hidden;
}
.ms-ada-intro h2, .ms-ada-help h2, .ms-ada-content h2, .ms-ada-benefits h2, .ms-ada-reach h2 {
	color: #071f3f;
	font-size: 44px;
	line-height: 1.15;
	font-weight: 800;
}
.ms-ada-help h2, .ms-ada-help p {
	color: #fff;
}
.ms-ada-intro p, .ms-ada-content p, .ms-ada-benefits p, .ms-ada-reach p {
	color: #31445b;
	line-height: 1.8;
}
.ms-ada-form {
	background: #fff;
	border-radius: 22px;
	padding: 38px;
	box-shadow: 0 25px 65px rgba(0, 0, 0, .18);
}
.ms-ada-form h3 {
	color: #071f3f;
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 22px;
}
.ms-ada-form .form-control {
	min-height: 48px;
	border-radius: 8px;
	border: 1px solid #e5eef8;
	margin-bottom: 14px;
	box-shadow: none;
}
.ms-ada-form button {
	background: #071f3f;
	color: #fff;
	border: none;
	border-radius: 50px;
	padding: 13px 28px;
	font-weight: 800;
	text-transform: uppercase;
}
.ms-ada-content-card {
	background: #fff;
	border-radius: 22px;
	padding: 45px;
	box-shadow: 0 22px 60px rgba(6, 30, 66, .08);
	border: 1px solid #e5eef8;
}
.ms-ada-benefit-card {
	background: #fff;
	border-radius: 18px;
	padding: 30px;
	height: 100%;
	box-shadow: 0 20px 55px rgba(6, 30, 66, .08);
	border: 1px solid #e5eef8;
transition: all .35s ease;
	position: relative;
	overflow: hidden;
}
.ms-ada-benefit-card::before {
content: "";
position: absolute;
width: 80px;
height: 80px;
background: #d9fbff;
border-radius: 50%;
top: -30px;
right: -30px;
}
.ms-ada-benefit-card:hover {
	transform: translateY(-7px);
	box-shadow: 0 28px 70px rgba(6, 30, 66, .14);
}
.ms-ada-benefit-card i {
	font-size: 34px;
	color: #0759a8;
	margin-bottom: 18px;
	display: inline-block;
	position: relative;
	z-index: 2;
}
.ms-ada-benefit-card h3 {
	color: #071f3f;
	font-size: 20px;
	font-weight: 800;
	position: relative;
	z-index: 2;
}
.ms-ada-benefit-card p {
	position: relative;
	z-index: 2;
}
.ms-ada-reach {
	background: #f3f8ff;
}
@media (max-width: 991px) {
.ms-ada-intro h2, .ms-ada-help h2, .ms-ada-content h2, .ms-ada-benefits h2, .ms-ada-reach h2 {
font-size: 34px;
}
}
@media (max-width: 575px) {
.ms-ada-intro, .ms-ada-help, .ms-ada-content, .ms-ada-benefits, .ms-ada-reach {
padding: 60px 0;
}
.ms-ada-form, .ms-ada-content-card {
padding: 30px 22px;
}
}
.ms-360-hero .container, .ms-360-growth .container {
	position: relative;
	z-index: 2;
}
.ms-360-pill {
	display: inline-block;
	background: #fff;
	color: #0759a8;
	padding: 8px 18px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
	margin-bottom: 18px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}
.ms-btn-dark, .ms-btn-light, .ms-btn-yellow {
	display: inline-block;
	padding: 14px 30px;
	border-radius: 50px;
	font-weight: 800;
	text-decoration: none;
transition: all .35s ease;
}
.ms-btn-dark {
	background: #071f3f;
	color: #fff;
}
.ms-btn-light {
	background: #fff;
	color: #071f3f;
	border: 1px solid rgba(7, 31, 63, .15);
}
.ms-btn-yellow {
	background: #ffc928;
	color: #071f3f;
}
.ms-btn-dark:hover, .ms-btn-light:hover, .ms-btn-yellow:hover {
	transform: translateY(-4px);
}
.ms-360-services {
	background: #f3f8ff;
	padding: 90px 0;
}
.ms-360-head {
	background: radial-gradient(circle at 14% 15%, rgba(17, 184, 198, 0.35), transparent 28%), radial-gradient(circle at 85% 16%, rgba(255, 200, 87, 0.22), transparent 24%), linear-gradient(135deg, #05162f 0%, #082e5d 50%, #061e42 100%);
	border-radius: 22px;
	padding: 45px;
	color: #fff;
	box-shadow: 0 24px 65px rgba(6, 30, 66, .15);
}
.ms-360-head h2, .ms-360-head p {
	color: #fff;
}
.ms-360-head h2, .ms-360-imeta-content h2 {
	font-size: 44px;
	line-height: 1.15;
	font-weight: 800;
}
.ms-360-card {
	background: #fff;
	border-radius: 20px;
	padding: 34px;
	/*height: 100%;*/
box-shadow: 0 22px 60px rgba(6, 30, 66, .08);
	border: 1px solid #e5eef8;
transition: all .35s ease;
	position: relative;
	overflow: hidden;
}
.ms-360-card::before {
content: "";
position: absolute;
width: 82px;
height: 82px;
border-radius: 50%;
background: #d9fbff;
top: -30px;
right: -30px;
}
.ms-360-card:hover {
	transform: translateY(-7px);
	box-shadow: 0 28px 70px rgba(6, 30, 66, .14);
}
.ms-360-card > i {
	color: #0759a8;
	font-size: 34px;
	margin-bottom: 22px;
	display: inline-block;
	position: relative;
	z-index: 2;
}
.ms-360-card h3 {
	color: #071f3f;
	font-size: 21px;
	font-weight: 800;
	margin-bottom: 15px;
	position: relative;
	z-index: 2;
}
.ms-360-card p, .ms-360-imeta-content p {
	color: #31445b;
	line-height: 1.75;
	position: relative;
	z-index: 2;
}
.ms-view-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 2px solid #0759a8;
	color: #0759a8;
	padding: 10px 18px;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 800;
	margin-top: 10px;
}
.ms-view-btn:hover {
	background: #0759a8;
	color: #fff;
}
.ms-360-imeta {
	background: #dff3ff;
	padding: 0;
	margin-bottom:0em;
}
.ms-360-imeta-img {
	display: flex;
	align-items: center;
	justify-content: center;
}
.ms-360-imeta-content {
	padding: 60px;
	max-width:800px;
}
.ms-360-imeta-content h2 {
	color: #0759a8;
}
.ms-360-imeta-content h4 {
	color: #071f3f;
	font-weight: 800;
	margin-bottom: 20px;
}
@media (max-width: 991px) {
.ms-360-head h2, .ms-360-imeta-content h2 {
font-size: 34px;
}
.ms-360-imeta-content {
padding: 45px 25px;
}
}
@media (max-width: 575px) {
.ms-360-services {
padding: 60px 0;
}
.ms-360-head {
padding: 30px 22px;
}
.ms-360-imeta-img {
min-height: auto;
padding: 35px 20px;
}
}
.imetadex-progress-bar {
	width: 0;
	height: 100%;
	border-radius: 50px;
	background: linear-gradient(90deg, #ffc107, #00aeef);
	box-shadow: 0 0 20px rgba(0, 174, 239, 0.55);
	transition: width 1.4s ease;
}
.imetadex-list li {
	color: rgba(255, 255, 255, 0.78);
	margin-bottom: 14px;
	transform: translateX(24px);
	opacity: 0;
	transition: all 0.5s ease;
}
.imetadex-list li.show {
	transform: translateX(0);
	opacity: 1;
}
.imetadex-creative-section {
	position: relative;
	overflow: hidden;
	padding: 110px 0;
	background:
radial-gradient(circle at top left, rgba(0, 174, 239, 0.22), transparent 35%), linear-gradient(135deg, #020b1f 0%, #061735 45%, #081f46 100%);
	color: #fff;
}
.imetadex-creative-section::before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
background-size: 42px 42px;
opacity: 0.35;
}
.imetadex-bg-glow {
	position: absolute;
	width: 420px;
	height: 420px;
	right: -120px;
	top: -120px;
	background: radial-gradient(circle, rgba(255, 193, 7, 0.28), transparent 70%);
	filter: blur(10px);
	animation: floatGlow 7s ease-in-out infinite alternate;
}
.imetadex-creative-section .eyebrow {
	display: inline-block;
	color: #071A2F;
	font-weight: 700;
	margin-bottom: 18px;
}
.imetadex-creative-section .section-title {
	font-size: clamp(34px, 5vw, 58px);
	line-height: 1.05;
	font-weight: 800;
	color: #fff;
	margin-bottom: 22px;
}
.imetadex-creative-section .section-text {
	color: rgba(255, 255, 255, 0.78);
	font-size: 18px;
	line-height: 1.5;
	max-width: 560px;
}
.imetadex-creative-section .btn-ms {
	background: linear-gradient(135deg, #ffc107, #ff9f1c);
	color: #061735;
	border: none;
	font-weight: 700;
	padding: 14px 26px;
	border-radius: 50px;
	box-shadow: 0 14px 35px rgba(255, 193, 7, 0.28);
	transition: all 0.35s ease;
}
.imetadex-creative-section .btn-ms:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 45px rgba(255, 193, 7, 0.4);
}
.imetadex-card {
	position: relative;
	padding: 42px;
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(16px);
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
	transform-style: preserve-3d;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.imetadex-card::after {
content: "";
position: absolute;
inset: -1px;
border-radius: 28px;
background: linear-gradient(135deg, rgba(255, 193, 7, 0.45), transparent, rgba(0, 174, 239, 0.35));
z-index: -1;
opacity: 0.55;
}
.icon-orb {
	width: 66px;
	height: 66px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #ffc107, #00aeef);
	color: #fff;
	font-size: 30px;
	box-shadow: 0 0 35px rgba(0, 174, 239, 0.45);
}
.imetadex-card h3 {
	color: #fff;
	font-weight: 800;
}
.imetadex-card p {
	color: rgba(255, 255, 255, 0.82);
}
.imetadex-progress {
	height: 12px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.13);
	overflow: hidden;
}
.imetadex-progress-bar {
	width: 0;
	border-radius: 50px;
	background: linear-gradient(90deg, #ffc107, #00aeef);
	box-shadow: 0 0 20px rgba(0, 174, 239, 0.55);
}
.imetadex-list li {
	color: rgba(255, 255, 255, 0.78);
	margin-bottom: 14px;
	transform: translateX(20px);
	opacity: 0;
}
.imetadex-list i {
	color: #ffc107;
	margin-right: 10px;
}
@keyframes floatGlow {
from {
transform: translateY(0) scale(1);
}
to {
	transform: translateY(40px) scale(1.12);
}
}
@media (max-width: 991px) {
.imetadex-creative-section {
padding: 80px 0;
}
.imetadex-card {
padding: 32px 24px;
}
}
.industries-navy-section {
	position: relative;
	overflow: hidden;
	padding: 110px 0;
	background: radial-gradient(circle at 18% 20%, rgba(17, 184, 198, 0.35), transparent 24%), radial-gradient(circle at 82% 75%, rgba(255, 200, 87, 0.26), transparent 26%), linear-gradient(135deg, var(--ms-navy), #09376e);
	color: #fff;
}
.industries-navy-section::before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
background-size: 44px 44px;
opacity: 0.26;
}
.industries-navy-section::after {
content: "";
position: absolute;
width: 620px;
height: 620px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: radial-gradient(circle, rgba(0, 174, 239, 0.12), transparent 68%);
pointer-events: none;
}
.industries-heading .eyebrow {
	display: inline-block;
	padding: 9px 18px;
	border-radius: 50px;
	color: #ffc107;
	background: rgba(255, 193, 7, 0.1);
	border: 1px solid rgba(255, 193, 7, 0.28);
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
.industries-heading h2 {
	color: #fff;
	font-size: clamp(34px, 5vw, 56px);
	font-weight: 800;
	line-height: 1.08;
}
.industries-heading p {
	color: rgba(255, 255, 255, 0.76);
	font-size: 17px;
	line-height: 1.7;
}
.industry-card {
	position: relative;
	height: 100%;
	min-height: 190px;
	padding: 30px 22px;
	border-radius: 24px;
	text-align: center;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.075);
	border: 1px solid rgba(255, 255, 255, 0.13);
	backdrop-filter: blur(14px);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
	transition: all 0.4s ease;
}
.industry-card::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(145deg, rgba(255, 193, 7, 0.22), transparent 42%, rgba(0, 174, 239, 0.2));
opacity: 0;
transition: opacity 0.35s ease;
}
.industry-card::after {
content: "";
position: absolute;
width: 90px;
height: 90px;
right: -35px;
top: -35px;
border-radius: 50%;
transition: all 0.4s ease;
}
.industry-card:hover {
	transform: translateY(-10px);
	border-color: rgba(255, 193, 7, 0.45);
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.42);
}
.industry-card:hover::before {
opacity: 1;
}
.industry-card:hover::after {
width: 130px;
height: 130px;
background: rgba(0, 174, 239, 0.14);
}
.industry-card i {
	position: relative;
	z-index: 1;
	width: 62px;
	height: 62px;
	margin: 0 auto 20px;
	border-radius: 18px;
	display: grid;
	place-items: center;
	color: #061735;
	font-size: 29px;
	background: linear-gradient(135deg, #ffc107, #00aeef);
	box-shadow: 0 16px 35px rgba(0, 174, 239, 0.28);
	transition: all 0.35s ease;
}
.industry-card:hover i {
	transform: rotate(-6deg) scale(1.08);
}
.industry-card h5 {
	position: relative;
	z-index: 1;
	color: #fff;
	font-size: 19px;
	font-weight: 800;
	margin-bottom: 10px;
}
.industry-card p {
	position: relative;
	z-index: 1;
	color: rgba(255, 255, 255, 0.72);
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 0;
}
@keyframes industriesFloat {
from {
transform: translateY(0) scale(1);
}
to {
	transform: translateY(34px) scale(1.08);
}
}
@media (max-width: 991px) {
.industries-navy-section {
padding: 80px 0;
}
}
@media (max-width: 575px) {
.industry-card {
min-height: 170px;
padding: 24px 14px;
}
.industry-card h5 {
font-size: 16px;
}
.industry-card p {
font-size: 13px;
}
}
.small, small {
	font-size: 1em;
}
.about-hero-only {
	position: relative;
	overflow: hidden;
	padding: 150px 0 100px;
	background:
radial-gradient(circle at 50% 40%, rgba(36, 124, 255, 0.35), transparent 32%), radial-gradient(circle at 15% 20%, rgba(0, 174, 255, 0.18), transparent 28%), linear-gradient(135deg, #020817 0%, #061a3d 45%, #020817 100%);
	color: #fff;
}
.about-hero-only::before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
background-size: 70px 70px;
opacity: 0.25;
}
.about-hero-only::after {
content: "";
position: absolute;
left: -10%;
right: -10%;
bottom: -35%;
height: 70%;
background:
radial-gradient(ellipse at center, rgba(0, 119, 255, 0.45), transparent 65%);
filter: blur(10px);
}
.about-hero-wrap {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 600px;
}
.about-hero-content {
	max-width: 98%;
	margin: 0 auto;
	position: relative;
	z-index: 4;
	margin-bottom:10em;
}
.about-kicker {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 12px 26px;
	margin-bottom: 28px;
	border: 1px solid rgba(95, 168, 255, 0.55);
	border-radius: 999px;
	background: rgba(11, 35, 82, 0.75);
	box-shadow: 0 0 30px rgba(0, 119, 255, 0.28);
	backdrop-filter: blur(12px);
	font-weight: 700;
}
.about-hero-content h1 {
	font-size: clamp(26px, 7vw, 66px);
	line-height: 1;
	font-weight: 800;
	letter-spacing: -3px;
	margin-bottom: 26px;
	text-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
	color:#fff;
}
.about-hero-content h1 span {
	background: linear-gradient(90deg, #7cc7ff, #1e8cff, #b8ecff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.about-divider {
	width: 380px;
	max-width: 80%;
	height: 2px;
	margin: 0 auto 26px;
	background: linear-gradient(90deg, transparent, #1e8cff, transparent);
	box-shadow: 0 0 22px rgba(30, 140, 255, 0.95);
}
.about-hero-copy {
	max-width: 720px;
	margin: 0 auto 34px;
	font-size: 18px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.82);
}
.about-hero-copy strong {
	color: #4db3ff;
}
.about-btn-row {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 22px;
}
.about-btn-primary, .about-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 12px 26px;
	border-radius: 14px;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.35s ease;
}
.about-btn-primary {
	color: #fff;
	background: linear-gradient(135deg, #165dff, #16b8ff);
	box-shadow: 0 18px 45px rgba(22, 110, 255, 0.45);
}
.about-btn-primary:hover {
	color: #fff;
	transform: translateY(-4px);
	box-shadow: 0 24px 60px rgba(22, 110, 255, 0.65);
}
.about-btn-secondary {
	color: #fff;
	border: 1px solid rgba(95, 168, 255, 0.7);
	background: rgba(2, 12, 32, 0.55);
}
.about-btn-secondary:hover {
	color: #fff;
	transform: translateY(-4px);
	background: rgba(22, 110, 255, 0.2);
}
.about-orbit {
	position: absolute;
	left: 50%;
	top: 46%;
	transform: translate(-50%, -50%);
	border: 1px solid rgba(95, 168, 255, 0.18);
	border-radius: 50%;
	pointer-events: none;
}
.orbit-one {
	width: 780px;
	height: 780px;
}
.orbit-two {
	width: 980px;
	height: 980px;
}
.about-card {
	position: absolute;
	width: 230px;
	padding: 28px 24px;
	border: 1px solid rgba(95, 168, 255, 0.28);
	border-radius: 20px;
	background: rgba(8, 31, 75, 0.48);
	backdrop-filter: blur(16px);
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.28);
	transition: all 0.35s ease;
	animation: floatCard 5s ease-in-out infinite;
}
.about-card:hover {
	transform: translateY(-8px);
	border-color: rgba(95, 168, 255, 0.75);
}
.about-card-left {
	left: 0;
	top: 42%;
}
.about-card-right {
	right: 0;
	top: 42%;
}
.about-card-icon {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #fff;
	background: rgba(33, 116, 255, 0.35);
	box-shadow: 0 0 24px rgba(33, 116, 255, 0.5);
	font-size: 22px;
	margin-bottom: 18px;
}
.about-card h4 {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 10px;
	color:#fff;
}
.about-card p {
	margin: 0;
	color: rgba(255, 255, 255, 0.75);
	line-height: 1.6;
}
.about-services {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 100%;
	max-width: 980px;
	transform: translateX(-50%);
	display: flex;
	justify-content: space-between;
	gap: 18px;
	z-index: 4;
}
.about-service-item {
	text-align: center;
	color: #fff;
}
.about-service-item i {
	width: 68px;
	height: 68px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 24px;
	margin-bottom: 10px;
	border: 1px solid rgba(164, 210, 255, 0.65);
	background: rgba(11, 35, 82, 0.7);
	box-shadow: 0 0 28px rgba(0, 119, 255, 0.35);
	transition: all 0.35s ease;
}
.about-service-item:hover i {
	transform: translateY(-8px) scale(1.05);
	background: rgba(22, 110, 255, 0.45);
}
.about-service-item span {
	display: block;
	font-weight: 600;
}
@media (max-width: 1199px) {
.about-card {
display: none;
}
.about-hero-wrap {
min-height: 560px;
}
}
@media (max-width: 767px) {
.about-hero-only {
padding: 50px 0 0px;
}
.about-hero-wrap {
min-height: auto;
}
.about-hero-content {
margin-bottom: 4em;
}
.about-hero-content h1 {
letter-spacing: -1px;
}
.about-hero-copy {
font-size: 17px;
line-height: 1.5;
}
.about-btn-primary, .about-btn-secondary {
width: 100%;
justify-content: center;
font-size: 16px;
}
.about-services {
display:none;
}
.about-service-item {
width: 30%;
}
.about-service-item i {
width: 58px;
height: 58px;
font-size: 20px;
}
.orbit-one, .orbit-two {
display: none;
}
}
@media (max-width: 480px) {
.about-kicker {
font-size: 14px;
padding: 10px 16px;
}
.about-service-item {
width: 42%;
}
}
.hero360-section {
	position: relative;
	overflow: hidden;
	padding: 110px 0 70px;
	background:
radial-gradient(circle at 50% 38%, rgba(36, 124, 255, 0.38), transparent 32%), radial-gradient(circle at 16% 22%, rgba(0, 174, 255, 0.18), transparent 28%), linear-gradient(135deg, #020817 0%, #061a3d 45%, #020817 100%);
	color: #fff;
}
.hero360-section::before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
background-size: 70px 70px;
opacity: 0.25;
}
.hero360-section::after {
content: "";
position: absolute;
left: -10%;
right: -10%;
bottom: -38%;
height: 70%;
background: radial-gradient(ellipse at center, rgba(0, 119, 255, 0.48), transparent 66%);
filter: blur(12px);
}
.hero360-bg-glow {
	position: absolute;
	inset: 0;
	background:
radial-gradient(circle at 10% 70%, rgba(0, 123, 255, 0.2), transparent 24%), radial-gradient(circle at 90% 24%, rgba(90, 188, 255, 0.16), transparent 28%);
	pointer-events: none;
}
.hero360-wrap {
	position: relative;
	z-index: 2;
	min-height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hero360-content {
	max-width: 920px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	margin-bottom: 10em;
}
.hero360-kicker {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 12px 26px;
	margin-bottom: 28px;
	border: 1px solid rgba(95, 168, 255, 0.55);
	border-radius: 999px;
	background: rgba(11, 35, 82, 0.75);
	box-shadow: 0 0 30px rgba(0, 119, 255, 0.28);
	backdrop-filter: blur(12px);
	font-weight: 700;
}
.hero360-title {
	font-size: clamp(38px, 6.3vw, 66px);
	line-height: 1;
	font-weight: 800;
	letter-spacing: -3px;
	margin-bottom: 26px;
	text-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
	color:#fff;
}
.hero360-gradient-text {
	background: linear-gradient(90deg, #7cc7ff, #1e8cff, #b8ecff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.hero360-divider {
	width: 450px;
	max-width: 82%;
	height: 2px;
	margin: 0 auto 26px;
	background: linear-gradient(90deg, transparent, #1e8cff, transparent);
	box-shadow: 0 0 22px rgba(30, 140, 255, 0.95);
}
.hero360-copy {
	max-width: 980px;
	margin: 0 auto 34px;
	font-size: 18px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.82);
}
.hero360-btn-row {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 22px;
}
.hero360-btn-primary, .hero360-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 12px 30px;
	border-radius: 14px;
	font-size: 17px;
	font-weight: 800;
	text-decoration: none;
	transition: all 0.35s ease;
}
.hero360-btn-primary {
	color: #fff;
	background: linear-gradient(135deg, #165dff, #16b8ff);
	box-shadow: 0 18px 45px rgba(22, 110, 255, 0.45);
}
.hero360-btn-primary:hover {
	color: #fff;
	transform: translateY(-4px);
	box-shadow: 0 24px 60px rgba(22, 110, 255, 0.65);
}
.hero360-btn-secondary {
	color: #fff;
	border: 1px solid rgba(95, 168, 255, 0.7);
	background: rgba(2, 12, 32, 0.55);
}
.hero360-btn-secondary:hover {
	color: #fff;
	transform: translateY(-4px);
	background: rgba(22, 110, 255, 0.2);
}
.hero360-orbit {
	position: absolute;
	left: 50%;
	top: 41%;
	transform: translate(-50%, -50%);
	border: 1px solid rgba(95, 168, 255, 0.18);
	border-radius: 50%;
	pointer-events: none;
}
.hero360-orbit-one {
	width: 780px;
	height: 780px;
}
.hero360-orbit-two {
	width: 980px;
	height: 980px;
}
.hero360-card {
	position: absolute;
	width: 240px;
	padding: 28px 24px;
	border: 1px solid rgba(95, 168, 255, 0.28);
	border-radius: 20px;
	background: rgba(8, 31, 75, 0.48);
	backdrop-filter: blur(16px);
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.28);
	transition: all 0.35s ease;
	z-index: 4;
	animation: floatCard 5s ease-in-out infinite;
}
.hero360-card:hover {
	transform: translateY(-8px);
	border-color: rgba(95, 168, 255, 0.75);
}
.hero360-card-left {
	left: 0;
	top: 38%;
}
.hero360-card-right {
	right: 0;
	top: 38%;
}
.hero360-card-icon {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #fff;
	background: rgba(33, 116, 255, 0.35);
	box-shadow: 0 0 24px rgba(33, 116, 255, 0.5);
	font-size: 22px;
	margin-bottom: 18px;
}
.hero360-card h4 {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 10px;
	color:#fff;
}
.hero360-card p {
	margin: 0;
	color: rgba(255, 255, 255, 0.75);
	line-height: 1.6;
}
.hero360-services {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 100%;
	max-width: 980px;
	transform: translateX(-50%);
	display: flex;
	justify-content: space-between;
	gap: 18px;
	z-index: 5;
}
.hero360-service-item {
	text-align: center;
	color: #fff;
}
.hero360-service-item i {
	width: 68px;
	height: 68px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 24px;
	margin-bottom: 10px;
	border: 1px solid rgba(164, 210, 255, 0.65);
	background: rgba(11, 35, 82, 0.7);
	box-shadow: 0 0 28px rgba(0, 119, 255, 0.35);
	transition: all 0.35s ease;
}
.hero360-service-item:hover i {
	transform: translateY(-8px) scale(1.05);
	background: rgba(22, 110, 255, 0.45);
}
.hero360-service-item span {
	display: block;
	font-weight: 600;
}
@media (max-width: 1199px) {
.hero360-card {
display: none;
}
.hero360-wrap {
min-height: 720px;
}
}
@media (max-width: 991px) {
.hero360-section {
padding: 120px 0 90px;
}
.hero360-wrap {
min-height: auto;
flex-direction: column;
}
.hero360-services {
display:none;
}
.hero360-service-item {
width: 30%;
}
.hero360-orbit-one, .hero360-orbit-two {
display: none;
}
}
@media (max-width: 767px) {
.hero360-content {
margin-bottom: 0em;
width:100%;
}
.hero360-section {
padding: 75px 0 50px;
}
.hero360-title {
letter-spacing: -1px;
}
.hero360-copy {
font-size: 16.5px;
line-height: 1.7;
}
.hero360-btn-primary, .hero360-btn-secondary {
width: 100%;
justify-content: center;
font-size: 15.5px;
}
.hero360-service-item {
width: 42%;
}
.hero360-service-item i {
width: 58px;
height: 58px;
font-size: 20px;
}
}
@media (max-width: 480px) {
.hero360-kicker {
font-size: 14px;
padding: 10px 16px;
}
.hero360-service-item {
width: 45%;
}
}
.ms-services-light-section {
	position: relative;
	overflow: hidden;
	padding: 100px 0;
	background:
radial-gradient(circle at 10% 10%, rgba(29, 110, 255, 0.08), transparent 28%), radial-gradient(circle at 90% 80%, rgba(0, 188, 255, 0.08), transparent 30%), linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
}
.ms-services-light-section::before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(8, 34, 78, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(8, 34, 78, 0.04) 1px, transparent 1px);
background-size: 70px 70px;
pointer-events: none;
}
.ms-services-light-section .container {
	position: relative;
	z-index: 2;
}
.ms-services-label {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 22px;
	margin-bottom: 18px;
	border-radius: 50px;
	color: #0757c8;
	background: #eaf3ff;
	border: 1px solid #cfe3ff;
	font-weight: 800;
}
.ms-services-title {
	margin: 0;
	font-size: clamp(34px, 4.8vw, 62px);
	line-height: 1.1;
	font-weight: 800;
	color: #061a3d;
	letter-spacing: -2.5px;
}
.ms-services-title span {
	background: linear-gradient(90deg, #0757c8, #00a8ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ms-services-intro {
	margin-bottom: 22px;
	font-size: 17px;
	line-height: 1.8;
	color: #526070;
}
.ms-services-main-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 24px;
	border-radius: 14px;
	color: #fff;
	font-weight: 800;
	text-decoration: none;
	background: linear-gradient(135deg, #0757c8, #00a8ff);
	box-shadow: 0 18px 40px rgba(7, 87, 200, 0.22);
	transition: all 0.35s ease;
}
.ms-services-main-btn:hover {
	color: #fff;
	transform: translateY(-4px);
	box-shadow: 0 24px 55px rgba(7, 87, 200, 0.32);
}
.ms-service-card {
	height: 100%;
	overflow: hidden;
	border-radius: 26px;
	background: #fff;
	border: 1px solid #e3ecf8;
	box-shadow: 0 18px 45px rgba(8, 34, 78, 0.08);
	transition: all 0.35s ease;
}
.ms-service-card:hover {
	transform: translateY(-8px);
	border-color: #b9d8ff;
	box-shadow: 0 28px 70px rgba(8, 34, 78, 0.16);
}
.ms-service-image {
	position: relative;
	height: 325px;
	overflow: hidden;
}
.ms-service-image::after {
content: "";
position: absolute;
inset: 0;
/*background: linear-gradient(to bottom, transparent 45%, rgba(255, 255, 255, 0.95));*/}
.ms-service-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 0.55s ease;
}
.ms-service-card:hover .ms-service-image img {
	transform: scale(1.08);
}
.ms-service-body {
	position: relative;
	z-index: 2;
	padding: 30px;
	margin-top: -60px;
}
.ms-service-icon {
	width: 64px;
	height: 64px;
	margin-bottom: 20px;
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 24px;
	background: linear-gradient(135deg, #0757c8, #00a8ff);
	box-shadow: 0 16px 35px rgba(7, 87, 200, 0.28);
}
.ms-service-body h3 {
	margin-bottom: 14px;
	font-size: 25px;
	font-weight: 800;
	color: #061a3d;
}
.ms-service-body p {
	margin-bottom: 24px;
	color: #5f6f82;
	line-height: 1.7;
}
.ms-service-body a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #0757c8;
	font-weight: 800;
	text-decoration: none;
	transition: all 0.3s ease;
}
.ms-service-body a:hover {
	gap: 14px;
	color: #f0ba00;
}
.ms-service-featured {
	display: flex;
	align-items: center;
	min-height: 100%;
	background:
radial-gradient(circle at top right, rgba(0, 168, 255, 0.18), transparent 35%), linear-gradient(135deg, #061a3d, #0b2d68);
	border-color: transparent;
}
.ms-service-featured .ms-service-body {
	margin-top: 0;
}
.ms-service-featured h3, .ms-service-featured p, .ms-service-featured a {
	color: #fff;
}
.ms-service-featured p {
	color: rgba(255, 255, 255, 0.78);
}
@media (max-width: 991px) {
.ms-services-light-section {
padding: 80px 0;
}
.ms-services-intro {
margin-top: 22px;
}
}
@media (max-width: 575px) {
.ms-services-light-section {
padding: 65px 0;
}
.ms-service-image {
height: 215px;
}
.ms-service-body {
padding: 25px;
}
.ms-service-body h3 {
font-size: 23px;
}
}
.seo-hero .container {
	position:relative;
	z-index:2;
}
.grant-hero-section {
	position: relative;
	overflow: hidden;
	padding:0 0 80px;
	background:
radial-gradient(circle at top left, rgba(34, 197, 94, 0.22), transparent 35%), radial-gradient(circle at bottom right, rgba(66, 133, 244, 0.22), transparent 35%), linear-gradient(135deg, #031427 0%, #061b34 45%, #020817 100%);
	color: #fff;
}
.grant-bg-glow {
	position: absolute;
	width: 520px;
	height: 520px;
	background: linear-gradient(135deg, rgba(66, 133, 244, 0.35), rgba(52, 211, 153, 0.25));
	filter: blur(90px);
	border-radius: 50%;
	top: -180px;
	left: 50%;
	transform: translateX(-50%);
}
.grant-hero-wrap {
	position: relative;
	z-index: 2;
	min-height: 750px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.grant-hero-content {
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
.grant-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 22px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	color: #bfffd9;
	font-weight: 700;
	margin-bottom: 24px;
	backdrop-filter: blur(14px);
}
.grant-title {
	font-size: clamp(2.7rem, 6vw, 5.8rem);
	font-weight: 900;
	line-height: 1.05;
	letter-spacing: -2px;
	margin-bottom: 24px;
}
.grant-title {
	font-size: clamp(2.2rem, 4vw, 4.2rem); /* Reduced size */
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -1px;
	color: #ffffff;
}
.grant-title span {
	color: #ffffff;
	background: none;
	-webkit-text-fill-color: #ffffff;
}
.grant-card h4 {
	font-size: 1.15rem;
	font-weight: 800;
	margin-bottom: 8px;
	color: #ffffff;
}
.grant-card p {
	color: rgba(255, 255, 255, .85);
}
.grant-divider {
	width: 110px;
	height: 5px;
	border-radius: 20px;
	background: linear-gradient(90deg, #34d399, #60a5fa);
	margin: 0 auto 26px;
}
.grant-lead {
	font-size: 1.25rem;
	font-weight: 800;
	color: #ffffff;
	margin-bottom: 16px;
}
.grant-copy {
	max-width:1000px;
	margin: 0 auto 14px;
	color: #d7e4f5;
	font-size: 1.08rem;
	line-height: 1.8;
}
.grant-btn-row {
	display: flex;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-top: 34px;
}
.grant-btn-primary, .grant-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	border-radius: 50px;
	font-weight: 800;
	text-decoration: none;
	transition: all 0.35s ease;
}
.grant-btn-primary {
	background: linear-gradient(135deg, #22c55e, #4285f4);
	color: #fff;
	box-shadow: 0 18px 45px rgba(34, 197, 94, 0.32);
}
.grant-btn-primary:hover {
	transform: translateY(-4px);
	color: #fff;
	box-shadow: 0 24px 55px rgba(66, 133, 244, 0.42);
}
.grant-btn-secondary {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.07);
}
.grant-btn-secondary:hover {
	background: #fff;
	color: #061b34;
	transform: translateY(-4px);
}
.grant-card {
	position: absolute;
	width: 245px;
	padding: 24px;
	border-radius: 26px;
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(18px);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
	animation: grantFloat 5s ease-in-out infinite;
}
.grant-card-left {
	left: 0;
	top: 90px;
}
.grant-card-right {
	right: 0;
	bottom: 150px;
	animation-delay: 1.5s;
}
.grant-card-icon {
	width: 54px;
	height: 54px;
	border-radius: 18px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #22c55e, #4285f4);
	color: #fff;
	font-size: 24px;
	margin-bottom: 16px;
}
.grant-card h4 {
	font-size: 1.15rem;
	font-weight: 800;
	margin-bottom: 8px;
}
.grant-card p {
	color: #d6e4f2;
	margin: 0;
	font-size: 0.95rem;
}
.grant-services {
	position: absolute;
	bottom: 0;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
}
.grant-service-item {
	min-width: 135px;
	padding: 16px 18px;
	border-radius: 20px;
	text-align: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.13);
	backdrop-filter: blur(14px);
	transition: all 0.35s ease;
}
.grant-service-item:hover {
	transform: translateY(-8px);
	background: rgba(255, 255, 255, 0.14);
}
.grant-service-item i {
	display: block;
	font-size: 24px;
	color: #34d399;
	margin-bottom: 8px;
}
.grant-service-item span {
	font-weight: 700;
	color: #fff;
}
.grant-orbit {
	position: absolute;
	border-radius: 50%;
	border: 1px dashed rgba(255, 255, 255, 0.12);
	animation: grantSpin 22s linear infinite;
}
.grant-orbit-one {
	width: 620px;
	height: 620px;
}
.grant-orbit-two {
	width: 430px;
	height: 430px;
	animation-duration: 16s;
	animation-direction: reverse;
}
@keyframes grantFloat {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-18px);
}
}
@keyframes grantSpin {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
@media (max-width: 991px) {
.grant-hero-section {
padding: 100px 0 70px;
}
.grant-hero-wrap {
min-height: auto;
display: block;
}
.grant-card, .grant-orbit {
display: none;
}
.grant-services {
position: relative;
margin-top: 45px;
}
.grant-title {
letter-spacing: -1px;
}
}
@media (max-width: 575px) {
.grant-hero-section {
padding: 80px 0 55px;
}
.grant-btn-primary, .grant-btn-secondary {
width: 100%;
justify-content: center;
text-align: center;
}
.grant-service-item {
width: calc(50% - 8px);
min-width: auto;
}
}
.video-hero-section {
	position: relative;
	overflow: hidden;
	padding: 0px 0 90px;
	background:
radial-gradient(circle at top left, rgba(239, 68, 68, 0.22), transparent 35%), radial-gradient(circle at bottom right, rgba(168, 85, 247, 0.25), transparent 35%), linear-gradient(135deg, #050816 0%, #0b1630 45%, #020617 100%);
	color: #fff;
}
.video-bg-glow {
	position: absolute;
	width: 560px;
	height: 560px;
	background: linear-gradient(135deg, rgba(239, 68, 68, 0.35), rgba(168, 85, 247, 0.32));
	filter: blur(95px);
	border-radius: 50%;
	top: -190px;
	left: 50%;
	transform: translateX(-50%);
}
.video-hero-wrap {
	position: relative;
	z-index: 2;
	min-height: 750px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.video-hero-content {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
.video-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 22px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	color: #ffd6d6;
	font-weight: 700;
	margin-bottom: 24px;
	backdrop-filter: blur(14px);
}
.video-title {
	font-size: clamp(2.6rem, 4vw, 4rem);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -2px;
	margin-bottom: 20px;
	color: #fff;
}
.video-title span {
	background: linear-gradient(90deg, #f87171, #c084fc, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.video-divider {
	width: 110px;
	height: 5px;
	border-radius: 20px;
	background: linear-gradient(90deg, #ef4444, #a855f7);
	margin: 0 auto 24px;
}
.video-lead {
	font-size: 1.3rem;
	font-weight: 800;
	color: #ffffff;
	margin-bottom: 8px;
}
.video-copy {
	max-width: 820px;
	margin: 0 auto;
	color: #dce6f5;
	font-size: 1.08rem;
	line-height: 1.8;
}
.video-btn-row {
	display: flex;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-top: 34px;
}
.video-btn-primary, .video-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 28px;
	border-radius: 50px;
	font-weight: 800;
	text-decoration: none;
	transition: all 0.35s ease;
}
.video-btn-primary {
	background: linear-gradient(135deg, #ef4444, #a855f7);
	color: #fff;
	box-shadow: 0 18px 45px rgba(239, 68, 68, 0.35);
}
.video-btn-primary:hover {
	transform: translateY(-4px);
	color: #fff;
	box-shadow: 0 24px 55px rgba(168, 85, 247, 0.42);
}
.video-btn-secondary {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.07);
}
.video-btn-secondary:hover {
	background: #fff;
	color: #071228;
	transform: translateY(-4px);
}
.video-card {
	position: absolute;
	width: 255px;
	padding: 24px;
	border-radius: 26px;
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(18px);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
	animation: videoFloat 5s ease-in-out infinite;
}
.video-card-left {
	left: 0;
	top: 90px;
}
.video-card-right {
	right: 0;
	bottom: 150px;
	animation-delay: 1.5s;
}
.video-card-icon {
	width: 54px;
	height: 54px;
	border-radius: 18px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #ef4444, #a855f7);
	color: #fff;
	font-size: 24px;
	margin-bottom: 16px;
}
.video-card h4 {
	font-size: 1.15rem;
	font-weight: 800;
	margin-bottom: 8px;
	color: #ffffff;
}
.video-card p {
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
	font-size: 0.95rem;
}
.video-services {
	position: absolute;
	bottom: 0;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
}
.video-service-item {
	min-width: 135px;
	padding: 16px 18px;
	border-radius: 20px;
	text-align: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.13);
	backdrop-filter: blur(14px);
	transition: all 0.35s ease;
}
.video-service-item:hover {
	transform: translateY(-8px);
	background: rgba(255, 255, 255, 0.14);
}
.video-service-item i {
	display: block;
	font-size: 24px;
	color: #f87171;
	margin-bottom: 8px;
}
.video-service-item span {
	font-weight: 700;
	color: #fff;
}
.video-orbit {
	position: absolute;
	border-radius: 50%;
	border: 1px dashed rgba(255, 255, 255, 0.12);
	animation: videoSpin 22s linear infinite;
}
.video-orbit-one {
	width: 620px;
	height: 620px;
}
.video-orbit-two {
	width: 430px;
	height: 430px;
	animation-duration: 16s;
	animation-direction: reverse;
}
@keyframes videoFloat {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-18px);
}
}
@keyframes videoSpin {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
@media (max-width: 991px) {
.video-hero-section {
padding: 100px 0 70px;
}
.video-hero-wrap {
min-height: auto;
display: block;
}
.video-card, .video-orbit {
display: none;
}
.video-services {
position: relative;
margin-top: 45px;
}
.video-title {
letter-spacing: -1px;
}
}
@media (max-width: 575px) {
.video-hero-section {
padding: 80px 0 55px;
}
.video-btn-primary, .video-btn-secondary {
width: 100%;
justify-content: center;
text-align: center;
}
.video-service-item {
width: calc(50% - 8px);
min-width: auto;
}
}
.seo360-section {
	position: relative;
	overflow: hidden;
	padding: 40px 0 90px;
	background:
radial-gradient(circle at top left, rgba(0, 188, 255, 0.22), transparent 35%), radial-gradient(circle at bottom right, rgba(22, 163, 74, 0.22), transparent 35%), linear-gradient(135deg, #031427 0%, #061b34 45%, #020817 100%);
	color: #fff;
}
.seo360-bg-glow {
	position: absolute;
	width: 560px;
	height: 560px;
	background: linear-gradient(135deg, rgba(0, 188, 255, 0.35), rgba(34, 197, 94, 0.3));
	filter: blur(95px);
	border-radius: 50%;
	top: -190px;
	left: 50%;
	transform: translateX(-50%);
}
.seo360-wrap {
	position: relative;
	z-index: 2;
	min-height: 720px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.seo360-content {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	margin-bottom: 5em;
}
.seo360-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 22px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	color: #bfffe1;
	font-weight: 800;
	margin-bottom: 24px;
	backdrop-filter: blur(14px);
}
.seo360-title {
	font-size: clamp(2.5rem, 5vw, 4rem);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -2px;
	margin-bottom: 22px;
	color: #fff;
}
.seo360-title span {
	background: linear-gradient(90deg, #38bdf8, #34d399, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.seo360-divider {
	width: 110px;
	height: 5px;
	border-radius: 20px;
	background: linear-gradient(90deg, #38bdf8, #34d399);
	margin: 0 auto 26px;
}
.seo360-copy {
	max-width: 860px;
	margin: 0 auto 14px;
	color: #d7e4f5;
	font-size: 1.08rem;
	line-height: 1.8;
}
.seo360-copy-small {
	color: rgba(215, 228, 245, 0.88);
}
.seo360-btn-row {
	display: flex;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-top: 34px;
}
.seo360-btn-primary, .seo360-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 16px 28px;
	border-radius: 50px;
	font-weight: 800;
	text-decoration: none;
	transition: all 0.35s ease;
}
.seo360-btn-primary {
	background: linear-gradient(135deg, #0ea5e9, #22c55e);
	color: #fff;
	box-shadow: 0 18px 45px rgba(14, 165, 233, 0.32);
}
.seo360-btn-primary:hover {
	transform: translateY(-4px);
	color: #fff;
	box-shadow: 0 24px 55px rgba(34, 197, 94, 0.42);
}
.seo360-btn-secondary {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.07);
}
.seo360-btn-secondary:hover {
	background: #fff;
	color: #061b34;
	transform: translateY(-4px);
}
.seo360-card {
	position: absolute;
	width: 255px;
	padding: 24px;
	border-radius: 26px;
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(18px);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
	animation: seo360Float 5s ease-in-out infinite;
}
.seo360-card-left {
	left: 0;
	top: 95px;
}
.seo360-card-right {
	right: 0;
	bottom: 155px;
	animation-delay: 1.5s;
}
.seo360-card-icon {
	width: 54px;
	height: 54px;
	border-radius: 18px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #0ea5e9, #22c55e);
	color: #fff;
	font-size: 24px;
	margin-bottom: 16px;
}
.seo360-card h4 {
	font-size: 1.15rem;
	font-weight: 800;
	margin-bottom: 8px;
	color: #ffffff;
}
.seo360-card p {
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
	font-size: 0.95rem;
}
.seo360-services {
	position: absolute;
	bottom: 0;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
}
.seo360-service-item {
	min-width: 135px;
	padding: 16px 18px;
	border-radius: 20px;
	text-align: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.13);
	backdrop-filter: blur(14px);
	transition: all 0.35s ease;
}
.seo360-service-item:hover {
	transform: translateY(-8px);
	background: rgba(255, 255, 255, 0.14);
}
.seo360-service-item i {
	display: block;
	font-size: 24px;
	color: #1cd08c;
	margin-bottom: 8px;
}
.seo360-service-item span {
	font-weight: 700;
	color: #fff;
}
.seo360-orbit {
	position: absolute;
	border-radius: 50%;
	border: 1px dashed rgba(255, 255, 255, 0.12);
	animation: seo360Spin 22s linear infinite;
}
.seo360-orbit-one {
	width: 620px;
	height: 620px;
}
.seo360-orbit-two {
	width: 430px;
	height: 430px;
	animation-duration: 16s;
	animation-direction: reverse;
}
@keyframes seo360Float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-18px);
}
}
@keyframes seo360Spin {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
@media (max-width: 991px) {
.seo360-section {
padding: 100px 0 70px;
}
.seo360-wrap {
min-height: auto;
display: block;
}
.seo360-card, .seo360-orbit {
display: none;
}
.seo360-services {
position: relative;
margin-top: 45px;
}
.seo360-title {
letter-spacing: -1px;
}
}
@media (max-width: 575px) {
.seo360-section {
padding: 80px 0 55px;
}
.seo360-btn-primary, .seo360-btn-secondary {
width: 100%;
justify-content: center;
text-align: center;
}
.seo360-service-item {
width: calc(50% - 8px);
min-width: auto;
}
}
.paid360-section {
	position: relative;
	overflow: hidden;
	padding: 40px 0 90px;
	background:
radial-gradient(circle at top left, rgba(249, 115, 22, 0.22), transparent 35%), radial-gradient(circle at bottom right, rgba(59, 130, 246, 0.25), transparent 35%), linear-gradient(135deg, #031427 0%, #061b34 45%, #020817 100%);
	color: #fff;
}
.paid360-bg-glow {
	position: absolute;
	width: 560px;
	height: 560px;
	background: linear-gradient(135deg, rgba(249, 115, 22, 0.35), rgba(59, 130, 246, 0.32));
	filter: blur(95px);
	border-radius: 50%;
	top: -190px;
	left: 50%;
	transform: translateX(-50%);
}
.paid360-wrap {
	position: relative;
	z-index: 2;
	min-height: 700px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.paid360-content {
	max-width:1000px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	margin-bottom:5em;
}
.paid360-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 22px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	color: #ffddc4;
	font-weight: 800;
	margin-bottom: 24px;
	backdrop-filter: blur(14px);
}
.paid360-title {
	font-size: clamp(2.5rem, 5vw, 3.7rem);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -2px;
	margin-bottom: 22px;
	color: #fff;
}
.paid360-title span {
	background: linear-gradient(90deg, #fb923c, #60a5fa, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.paid360-divider {
	width: 110px;
	height: 5px;
	border-radius: 20px;
	background: linear-gradient(90deg, #fb923c, #60a5fa);
	margin: 0 auto 26px;
}
.paid360-copy {
	max-width: 950px;
	margin: 0 auto 14px;
	color: #d7e4f5;
	font-size: 1.08rem;
	line-height: 1.5;
}
.paid360-copy-small {
	color: rgba(215, 228, 245, 0.88);
}
.paid360-btn-row {
	display: flex;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-top: 34px;
}
.paid360-btn-primary, .paid360-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 28px;
	border-radius: 50px;
	font-weight: 800;
	text-decoration: none;
	transition: all 0.35s ease;
}
.paid360-btn-primary {
	background: linear-gradient(135deg, #f97316, #2563eb);
	color: #fff;
	box-shadow: 0 18px 45px rgba(249, 115, 22, 0.32);
}
.paid360-btn-primary:hover {
	transform: translateY(-4px);
	color: #fff;
	box-shadow: 0 24px 55px rgba(37, 99, 235, 0.42);
}
.paid360-btn-secondary {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.07);
}
.paid360-btn-secondary:hover {
	background: #fff;
	color: #061b34;
	transform: translateY(-4px);
}
.paid360-card {
	position: absolute;
	width: 255px;
	padding: 24px;
	border-radius: 26px;
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(18px);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
	animation: paid360Float 5s ease-in-out infinite;
}
.paid360-card-left {
	left: 0;
	top: 95px;
}
.paid360-card-right {
	right: 0;
	bottom: 155px;
	animation-delay: 1.5s;
}
.paid360-card-icon {
	width: 54px;
	height: 54px;
	border-radius: 18px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #f97316, #2563eb);
	color: #fff;
	font-size: 24px;
	margin-bottom: 16px;
}
.paid360-card h4 {
	font-size: 1.15rem;
	font-weight: 800;
	margin-bottom: 8px;
	color: #ffffff;
}
.paid360-card p {
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
	font-size: 0.95rem;
}
.paid360-services {
	position: absolute;
	bottom: 0;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
}
.paid360-service-item {
	min-width: 135px;
	padding: 16px 18px;
	border-radius: 20px;
	text-align: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.13);
	backdrop-filter: blur(14px);
	transition: all 0.35s ease;
}
.paid360-service-item:hover {
	transform: translateY(-8px);
	background: rgba(255, 255, 255, 0.14);
}
.paid360-service-item i {
	display: block;
	font-size: 24px;
	color: #fb923c;
	margin-bottom: 8px;
}
.paid360-service-item span {
	font-weight: 700;
	color: #fff;
}
.paid360-orbit {
	position: absolute;
	border-radius: 50%;
	border: 1px dashed rgba(255, 255, 255, 0.12);
	animation: paid360Spin 22s linear infinite;
}
.paid360-orbit-one {
	width: 620px;
	height: 620px;
}
.paid360-orbit-two {
	width: 430px;
	height: 430px;
	animation-duration: 16s;
	animation-direction: reverse;
}
@keyframes paid360Float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-18px);
}
}
@keyframes paid360Spin {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
@media (max-width: 991px) {
.paid360-section {
padding: 100px 0 70px;
}
.paid360-wrap {
min-height: auto;
display: block;
}
.paid360-card, .paid360-orbit {
display: none;
}
.paid360-services {
position: relative;
margin-top: 45px;
}
.paid360-title {
letter-spacing: -1px;
}
}
@media (max-width: 575px) {
.paid360-section {
padding: 80px 0 55px;
}
.paid360-btn-primary, .paid360-btn-secondary {
width: 100%;
justify-content: center;
text-align: center;
}
.paid360-service-item {
width: calc(50% - 8px);
min-width: auto;
}
}
.web360-section {
	position: relative;
	overflow: hidden;
	padding: 0px 0 70px;
	background:
radial-gradient(circle at top left, rgba(14, 165, 233, 0.24), transparent 35%), radial-gradient(circle at bottom right, rgba(99, 102, 241, 0.26), transparent 35%), linear-gradient(135deg, #031427 0%, #061b34 45%, #020817 100%);
	color: #fff;
}
.web360-bg-glow {
	position: absolute;
	width: 560px;
	height: 560px;
	background: linear-gradient(135deg, rgba(14, 165, 233, 0.38), rgba(99, 102, 241, 0.32));
	filter: blur(95px);
	border-radius: 50%;
	top: -190px;
	left: 50%;
	transform: translateX(-50%);
}
.web360-wrap {
	position: relative;
	z-index: 2;
	min-height: 700px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.web360-content {
	max-width:1050px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	margin-bottom:5em;
}
.web360-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 22px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	color: #c7f4ff;
	font-weight: 800;
	margin-bottom: 24px;
	backdrop-filter: blur(14px);
}
.web360-title {
	font-size: clamp(2.35rem, 4vw, 4rem);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -2px;
	margin-bottom: 22px;
	color: #fff;
}
.web360-title span {
	background: linear-gradient(90deg, #38bdf8, #818cf8, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.web360-divider {
	width: 110px;
	height: 5px;
	border-radius: 20px;
	background: linear-gradient(90deg, #38bdf8, #818cf8);
	margin: 0 auto 26px;
}
.web360-copy {
	max-width: 760px;
	margin: 0 auto;
	color: #d7e4f5;
	font-size: 1.12rem;
	line-height: 1.8;
}
.web360-btn-row {
	display: flex;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-top: 34px;
}
.web360-btn-primary, .web360-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 28px;
	border-radius: 50px;
	font-weight: 800;
	text-decoration: none;
	transition: all 0.35s ease;
}
.web360-btn-primary {
	background: linear-gradient(135deg, #0ea5e9, #6366f1);
	color: #fff;
	box-shadow: 0 18px 45px rgba(14, 165, 233, 0.34);
}
.web360-btn-primary:hover {
	transform: translateY(-4px);
	color: #fff;
	box-shadow: 0 24px 55px rgba(99, 102, 241, 0.45);
}
.web360-btn-secondary {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.07);
}
.web360-btn-secondary:hover {
	background: #fff;
	color: #061b34;
	transform: translateY(-4px);
}
.web360-card {
	position: absolute;
	width: 255px;
	padding: 24px;
	border-radius: 26px;
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(18px);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
	animation: web360Float 5s ease-in-out infinite;
}
.web360-card-left {
	left: 0;
	top: 95px;
}
.web360-card-right {
	right: 0;
	bottom: 155px;
	animation-delay: 1.5s;
}
.web360-card-icon {
	width: 54px;
	height: 54px;
	border-radius: 18px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #0ea5e9, #6366f1);
	color: #fff;
	font-size: 24px;
	margin-bottom: 16px;
}
.web360-card h4 {
	font-size: 1.15rem;
	font-weight: 800;
	margin-bottom: 8px;
	color: #ffffff;
}
.web360-card p {
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
	font-size: 0.95rem;
}
.web360-services {
	position: absolute;
	bottom: 0;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
}
.web360-service-item {
	min-width: 155px;
	padding: 16px 18px;
	border-radius: 20px;
	text-align: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.13);
	backdrop-filter: blur(14px);
	transition: all 0.35s ease;
}
.web360-service-item:hover {
	transform: translateY(-8px);
	background: rgba(255, 255, 255, 0.14);
}
.web360-service-item i {
	display: block;
	font-size: 34px;
	color: #38bdf8;
	margin-bottom: 8px;
}
.web360-service-item strong {
	display: block;
	font-size: 1.25rem;
	color: #ffffff;
	font-weight: 800;
	line-height: 1.2;
}
.web360-service-item span {
	font-weight: 700;
	color: #d7e4f5;
	font-size: 0.88rem;
}
.web360-orbit {
	position: absolute;
	border-radius: 50%;
	border: 1px dashed rgba(255, 255, 255, 0.12);
	animation: web360Spin 22s linear infinite;
}
.web360-orbit-one {
	width: 620px;
	height: 620px;
}
.web360-orbit-two {
	width: 430px;
	height: 430px;
	animation-duration: 16s;
	animation-direction: reverse;
}
@keyframes web360Float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-18px);
}
}
@keyframes web360Spin {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
@media (max-width: 991px) {
.web360-section {
padding: 100px 0 70px;
}
.web360-wrap {
min-height: auto;
display: block;
}
.web360-card, .web360-orbit {
display: none;
}
.web360-services {
position: relative;
margin-top: 45px;
}
.web360-title {
letter-spacing: -1px;
}
}
@media (max-width: 575px) {
.web360-section {
padding: 80px 0 55px;
}
.web360-btn-primary, .web360-btn-secondary {
width: 100%;
justify-content: center;
text-align: center;
}
.web360-service-item {
width: calc(50% - 8px);
min-width: auto;
}
}
.email360-section {
	position: relative;
	overflow: hidden;
	padding: 0px 0 70px;
	background:
radial-gradient(circle at top left, rgba(236, 72, 153, 0.22), transparent 35%), radial-gradient(circle at bottom right, rgba(14, 165, 233, 0.25), transparent 35%), linear-gradient(135deg, #031427 0%, #061b34 45%, #020817 100%);
	color: #fff;
}
.email360-bg-glow {
	position: absolute;
	width: 560px;
	height: 560px;
	background: linear-gradient(135deg, rgba(236, 72, 153, 0.34), rgba(14, 165, 233, 0.32));
	filter: blur(95px);
	border-radius: 50%;
	top: -190px;
	left: 50%;
	transform: translateX(-50%);
}
.email360-wrap {
	position: relative;
	z-index: 2;
	min-height: 720px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.email360-content {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	margin-bottom: 5em;
}
.email360-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 22px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	color: #ffd6ea;
	font-weight: 800;
	margin-bottom: 24px;
	backdrop-filter: blur(14px);
}
.email360-title {
	font-size: clamp(2.35rem, 4vw, 4rem);
	font-weight: 800;
	line-height: 1.07;
	letter-spacing: -2px;
	margin-bottom: 22px;
	color: #fff;
}
.email360-title span {
	background: linear-gradient(90deg, #f472b6, #38bdf8, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.email360-divider {
	width: 110px;
	height: 5px;
	border-radius: 20px;
	background: linear-gradient(90deg, #f472b6, #38bdf8);
	margin: 0 auto 26px;
}
.email360-copy {
	max-width: 780px;
	margin: 0 auto;
	color: #d7e4f5;
	font-size: 1.12rem;
	line-height: 1.8;
}
.email360-btn-row {
	display: flex;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-top: 34px;
}
.email360-btn-primary, .email360-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 28px;
	border-radius: 50px;
	font-weight: 800;
	text-decoration: none;
	transition: all 0.35s ease;
}
.email360-btn-primary {
	background: linear-gradient(135deg, #ec4899, #0ea5e9);
	color: #fff;
	box-shadow: 0 18px 45px rgba(236, 72, 153, 0.34);
}
.email360-btn-primary:hover {
	transform: translateY(-4px);
	color: #fff;
	box-shadow: 0 24px 55px rgba(14, 165, 233, 0.45);
}
.email360-btn-secondary {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.07);
}
.email360-btn-secondary:hover {
	background: #fff;
	color: #061b34;
	transform: translateY(-4px);
}
.email360-card {
	position: absolute;
	width: 255px;
	padding: 24px;
	border-radius: 26px;
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(18px);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
	animation: email360Float 5s ease-in-out infinite;
}
.email360-card-left {
	left: 0;
	top: 95px;
}
.email360-card-right {
	right: 0;
	bottom: 155px;
	animation-delay: 1.5s;
}
.email360-card-icon {
	width: 54px;
	height: 54px;
	border-radius: 18px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #ec4899, #0ea5e9);
	color: #fff;
	font-size: 24px;
	margin-bottom: 16px;
}
.email360-card h4 {
	font-size: 1.15rem;
	font-weight: 800;
	margin-bottom: 8px;
	color: #ffffff;
}
.email360-card p {
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
	font-size: 0.95rem;
}
.email360-services {
	position: absolute;
	bottom: 0;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
}
.email360-service-item {
	min-width: 135px;
	padding: 16px 18px;
	border-radius: 20px;
	text-align: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.13);
	backdrop-filter: blur(14px);
	transition: all 0.35s ease;
}
.email360-service-item:hover {
	transform: translateY(-8px);
	background: rgba(255, 255, 255, 0.14);
}
.email360-service-item i {
	display: block;
	font-size: 28px;
	color: #f472b6;
	margin-bottom: 8px;
}
.email360-service-item strong {
	display: block;
	font-size: 1.15rem;
	color: #ffffff;
	font-weight: 900;
	line-height: 1.2;
}
.email360-service-item span {
	font-weight: 700;
	color: #d7e4f5;
	font-size: 0.88rem;
}
.email360-orbit {
	position: absolute;
	border-radius: 50%;
	border: 1px dashed rgba(255, 255, 255, 0.12);
	animation: email360Spin 22s linear infinite;
}
.email360-orbit-one {
	width: 620px;
	height: 620px;
}
.email360-orbit-two {
	width: 430px;
	height: 430px;
	animation-duration: 16s;
	animation-direction: reverse;
}
@keyframes email360Float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-18px);
}
}
@keyframes email360Spin {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
@media (max-width: 991px) {
.email360-section {
padding: 100px 0 70px;
}
.email360-wrap {
min-height: auto;
display: block;
}
.email360-card, .email360-orbit {
display: none;
}
.email360-services {
position: relative;
margin-top: 45px;
}
.email360-title {
letter-spacing: -1px;
}
}
@media (max-width: 575px) {
.email360-section {
padding: 80px 0 55px;
}
.email360-btn-primary, .email360-btn-secondary {
width: 100%;
justify-content: center;
text-align: center;
}
.email360-service-item {
width: calc(50% - 8px);
min-width: auto;
}
}
.ecom360-section {
	position: relative;
	overflow: hidden;
	padding: 0px 0 70px;
	background:
radial-gradient(circle at top left, rgba(34, 197, 94, 0.24), transparent 35%), radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.25), transparent 35%), linear-gradient(135deg, #031427 0%, #061b34 45%, #020817 100%);
	color: #fff;
}
.ecom360-bg-glow {
	position: absolute;
	width: 560px;
	height: 560px;
	background: linear-gradient(135deg, rgba(34, 197, 94, 0.36), rgba(245, 158, 11, 0.32));
	filter: blur(95px);
	border-radius: 50%;
	top: -190px;
	left: 50%;
	transform: translateX(-50%);
}
.ecom360-wrap {
	position: relative;
	z-index: 2;
	min-height: 720px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ecom360-content {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	margin-bottom:5em;
}
.ecom360-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 22px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	color: #dcfce7;
	font-weight: 800;
	margin-bottom: 24px;
	backdrop-filter: blur(14px);
}
.ecom360-title {
	font-size: clamp(2.4rem, 4vw, 4.5rem);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -2px;
	margin-bottom: 22px;
	color: #fff;
}
.ecom360-title span {
	background: linear-gradient(90deg, #22c55e, #fbbf24, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ecom360-divider {
	width: 110px;
	height: 5px;
	border-radius: 20px;
	background: linear-gradient(90deg, #22c55e, #f59e0b);
	margin: 0 auto 26px;
}
.ecom360-copy {
	max-width: 780px;
	margin: 0 auto;
	color: #d7e4f5;
	font-size: 1.12rem;
	line-height: 1.8;
}
.ecom360-btn-row {
	display: flex;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-top: 34px;
}
.ecom360-btn-primary, .ecom360-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 28px;
	border-radius: 50px;
	font-weight: 800;
	text-decoration: none;
	transition: all 0.35s ease;
}
.ecom360-btn-primary {
	background: linear-gradient(135deg, #22c55e, #f59e0b);
	color: #fff;
	box-shadow: 0 18px 45px rgba(34, 197, 94, 0.34);
}
.ecom360-btn-primary:hover {
	transform: translateY(-4px);
	color: #fff;
	box-shadow: 0 24px 55px rgba(245, 158, 11, 0.45);
}
.ecom360-btn-secondary {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.07);
}
.ecom360-btn-secondary:hover {
	background: #fff;
	color: #061b34;
	transform: translateY(-4px);
}
.ecom360-card {
	position: absolute;
	width: 255px;
	padding: 24px;
	border-radius: 26px;
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(18px);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
	animation: ecom360Float 5s ease-in-out infinite;
}
.ecom360-card-left {
	left: 0;
	top: 95px;
}
.ecom360-card-right {
	right: 0;
	bottom: 155px;
	animation-delay: 1.5s;
}
.ecom360-card-icon {
	width: 54px;
	height: 54px;
	border-radius: 18px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #22c55e, #f59e0b);
	color: #fff;
	font-size: 24px;
	margin-bottom: 16px;
}
.ecom360-card h4 {
	font-size: 1.15rem;
	font-weight: 800;
	margin-bottom: 8px;
	color: #ffffff;
}
.ecom360-card p {
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
	font-size: 0.95rem;
}
.ecom360-services {
	position: absolute;
	bottom: 0;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
}
.ecom360-service-item {
	min-width: 135px;
	padding: 16px 18px;
	border-radius: 20px;
	text-align: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.13);
	backdrop-filter: blur(14px);
	transition: all 0.35s ease;
}
.ecom360-service-item:hover {
	transform: translateY(-8px);
	background: rgba(255, 255, 255, 0.14);
}
.ecom360-service-item i {
	display: block;
	font-size: 23px;
	color: #22c55e;
	margin-bottom: 8px;
}
.ecom360-service-item strong {
	display: block;
	font-size: 1.15rem;
	color: #ffffff;
	font-weight: 900;
	line-height: 1.2;
}
.ecom360-service-item span {
	font-weight: 700;
	color: #d7e4f5;
	font-size: 0.88rem;
}
.ecom360-orbit {
	position: absolute;
	border-radius: 50%;
	border: 1px dashed rgba(255, 255, 255, 0.12);
	animation: ecom360Spin 22s linear infinite;
}
.ecom360-orbit-one {
	width: 620px;
	height: 620px;
}
.ecom360-orbit-two {
	width: 430px;
	height: 430px;
	animation-duration: 16s;
	animation-direction: reverse;
}
@keyframes ecom360Float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-18px);
}
}
@keyframes ecom360Spin {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
@media (max-width: 991px) {
.ecom360-section {
padding: 100px 0 70px;
}
.ecom360-wrap {
min-height: auto;
display: block;
}
.ecom360-card, .ecom360-orbit {
display: none;
}
.ecom360-services {
position: relative;
margin-top: 45px;
}
.ecom360-title {
letter-spacing: -1px;
}
}
@media (max-width: 575px) {
.ecom360-section {
padding: 80px 0 55px;
}
.ecom360-btn-primary, .ecom360-btn-secondary {
width: 100%;
justify-content: center;
text-align: center;
}
.ecom360-service-item {
width: calc(50% - 8px);
min-width: auto;
}
}
.app360-section {
	position: relative;
	overflow: hidden;
	padding: 0px 0 70px;
	background:
radial-gradient(circle at top left, rgba(168, 85, 247, 0.24), transparent 35%), radial-gradient(circle at bottom right, rgba(6, 182, 212, 0.25), transparent 35%), linear-gradient(135deg, #031427 0%, #061b34 45%, #020817 100%);
	color: #fff;
}
.app360-bg-glow {
	position: absolute;
	width: 560px;
	height: 560px;
	background: linear-gradient(135deg, rgba(168, 85, 247, 0.38), rgba(6, 182, 212, 0.34));
	filter: blur(95px);
	border-radius: 50%;
	top: -190px;
	left: 50%;
	transform: translateX(-50%);
}
.app360-wrap {
	position: relative;
	z-index: 2;
	min-height: 720px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.app360-content {
	max-width: 980px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	margin-bottom:5em;
}
.app360-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 22px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	color: #d8b4fe;
	font-weight: 800;
	margin-bottom: 24px;
	backdrop-filter: blur(14px);
}
.app360-title {
	font-size: clamp(2.4rem, 4vw, 4rem);
	font-weight: 800;
	line-height: 1.06;
	letter-spacing: -2px;
	margin-bottom: 22px;
	color: #fff;
}
.app360-title span {
	background: linear-gradient(90deg, #a855f7, #22d3ee, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.app360-divider {
	width: 110px;
	height: 5px;
	border-radius: 20px;
	background: linear-gradient(90deg, #a855f7, #22d3ee);
	margin: 0 auto 26px;
}
.app360-copy {
	max-width: 700px;
	margin: 0 auto;
	color: #d7e4f5;
	font-size: 1.12rem;
	line-height: 1.5;
}
.app360-btn-row {
	display: flex;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-top: 34px;
}
.app360-btn-primary, .app360-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 24px;
	border-radius: 50px;
	font-weight: 800;
	text-decoration: none;
	transition: all 0.35s ease;
}
.app360-btn-primary {
	background: linear-gradient(135deg, #8b5cf6, #06b6d4);
	color: #fff;
	box-shadow: 0 18px 45px rgba(139, 92, 246, 0.34);
}
.app360-btn-primary:hover {
	transform: translateY(-4px);
	color: #fff;
	box-shadow: 0 24px 55px rgba(6, 182, 212, 0.45);
}
.app360-btn-secondary {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.07);
}
.app360-btn-secondary:hover {
	background: #fff;
	color: #061b34;
	transform: translateY(-4px);
}
.app360-card {
	position: absolute;
	width: 255px;
	padding: 24px;
	border-radius: 26px;
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(18px);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
	animation: app360Float 5s ease-in-out infinite;
}
.app360-card-left {
	left: 0;
	top: 95px;
}
.app360-card-right {
	right: 0;
	bottom: 155px;
	animation-delay: 1.5s;
}
.app360-card-icon {
	width: 54px;
	height: 54px;
	border-radius: 18px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #8b5cf6, #06b6d4);
	color: #fff;
	font-size: 24px;
	margin-bottom: 16px;
}
.app360-card h4 {
	font-size: 1.15rem;
	font-weight: 800;
	margin-bottom: 8px;
	color: #ffffff;
}
.app360-card p {
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
	font-size: 0.95rem;
}
.app360-services {
	position: absolute;
	bottom: 0;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
}
.app360-service-item {
	min-width: 135px;
	padding: 16px 18px;
	border-radius: 20px;
	text-align: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.13);
	backdrop-filter: blur(14px);
	transition: all 0.35s ease;
}
.app360-service-item:hover {
	transform: translateY(-8px);
	background: rgba(255, 255, 255, 0.14);
}
.app360-service-item i {
	display: block;
	font-size: 23px;
	color: #a855f7;
	margin-bottom: 8px;
}
.app360-service-item strong {
	display: block;
	font-size: 1.15rem;
	color: #ffffff;
	font-weight: 900;
	line-height: 1.2;
}
.app360-service-item span {
	font-weight: 700;
	color: #d7e4f5;
	font-size: 0.88rem;
}
.app360-orbit {
	position: absolute;
	border-radius: 50%;
	border: 1px dashed rgba(255, 255, 255, 0.12);
	animation: app360Spin 22s linear infinite;
}
.app360-orbit-one {
	width: 620px;
	height: 620px;
}
.app360-orbit-two {
	width: 430px;
	height: 430px;
	animation-duration: 16s;
	animation-direction: reverse;
}
@keyframes app360Float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-18px);
}
}
@keyframes app360Spin {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
@media (max-width: 991px) {
.app360-section {
padding: 100px 0 70px;
}
.app360-wrap {
min-height: auto;
display: block;
}
.app360-card, .app360-orbit {
display: none;
}
.app360-services {
position: relative;
margin-top: 45px;
}
.app360-title {
letter-spacing: -1px;
}
}
@media (max-width: 575px) {
.app360-section {
padding: 80px 0 55px;
}
.app360-btn-primary, .app360-btn-secondary {
width: 100%;
justify-content: center;
text-align: center;
}
.app360-service-item {
width: calc(50% - 8px);
min-width: auto;
}
}
.listing360-section {
	position: relative;
	overflow: hidden;
	padding: 0px 0 70px;
	background:
radial-gradient(circle at top left, rgba(34, 197, 94, 0.24), transparent 35%), radial-gradient(circle at bottom right, rgba(59, 130, 246, 0.25), transparent 35%), linear-gradient(135deg, #031427 0%, #061b34 45%, #020817 100%);
	color: #fff;
}
.listing360-bg-glow {
	position: absolute;
	width: 560px;
	height: 560px;
	background: linear-gradient(135deg, rgba(34, 197, 94, 0.38), rgba(59, 130, 246, 0.34));
	filter: blur(95px);
	border-radius: 50%;
	top: -190px;
	left: 50%;
	transform: translateX(-50%);
}
.listing360-wrap {
	position: relative;
	z-index: 2;
	min-height: 720px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.listing360-content {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	margin-bottom:5em;
}
.listing360-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 22px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	color: #dcfce7;
	font-weight: 800;
	margin-bottom: 24px;
	backdrop-filter: blur(14px);
}
.listing360-title {
	font-size: clamp(2.4rem, 4vw, 5rem);
	font-weight: 800;
	line-height: 1.06;
	letter-spacing: -2px;
	margin-bottom: 22px;
	color: #fff;
}
.listing360-title span {
	background: linear-gradient(90deg, #22c55e, #60a5fa, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.listing360-divider {
	width: 110px;
	height: 5px;
	border-radius: 20px;
	background: linear-gradient(90deg, #22c55e, #60a5fa);
	margin: 0 auto 26px;
}
.listing360-copy {
	max-width: 780px;
	margin: 0 auto;
	color: #d7e4f5;
	font-size: 1.12rem;
	line-height: 1.8;
}
.listing360-btn-row {
	display: flex;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-top: 34px;
}
.listing360-btn-primary, .listing360-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 28px;
	border-radius: 50px;
	font-weight: 800;
	text-decoration: none;
	transition: all 0.35s ease;
}
.listing360-btn-primary {
	background: linear-gradient(135deg, #22c55e, #2563eb);
	color: #fff;
	box-shadow: 0 18px 45px rgba(34, 197, 94, 0.34);
}
.listing360-btn-primary:hover {
	transform: translateY(-4px);
	color: #fff;
	box-shadow: 0 24px 55px rgba(37, 99, 235, 0.45);
}
.listing360-btn-secondary {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.07);
}
.listing360-btn-secondary:hover {
	background: #fff;
	color: #061b34;
	transform: translateY(-4px);
}
.listing360-card {
	position: absolute;
	width: 255px;
	padding: 24px;
	border-radius: 26px;
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(18px);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
	animation: listing360Float 5s ease-in-out infinite;
}
.listing360-card-left {
	left: 0;
	top: 95px;
}
.listing360-card-right {
	right: 0;
	bottom: 155px;
	animation-delay: 1.5s;
}
.listing360-card-icon {
	width: 54px;
	height: 54px;
	border-radius: 18px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #22c55e, #2563eb);
	color: #fff;
	font-size: 24px;
	margin-bottom: 16px;
}
.listing360-card h4 {
	font-size: 1.15rem;
	font-weight: 800;
	margin-bottom: 8px;
	color: #ffffff;
}
.listing360-card p {
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
	font-size: 0.95rem;
}
.listing360-services {
	position: absolute;
	bottom: 0;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
}
.listing360-service-item {
	min-width: 135px;
	padding: 16px 18px;
	border-radius: 20px;
	text-align: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.13);
	backdrop-filter: blur(14px);
	transition: all 0.35s ease;
}
.listing360-service-item:hover {
	transform: translateY(-8px);
	background: rgba(255, 255, 255, 0.14);
}
.listing360-service-item i {
	display: block;
	font-size: 23px;
	color: #22c55e;
	margin-bottom: 8px;
}
.listing360-service-item strong {
	display: block;
	font-size: 1.15rem;
	color: #ffffff;
	font-weight: 900;
	line-height: 1.2;
}
.listing360-service-item span {
	font-weight: 700;
	color: #d7e4f5;
	font-size: 0.88rem;
}
.listing360-orbit {
	position: absolute;
	border-radius: 50%;
	border: 1px dashed rgba(255, 255, 255, 0.12);
	animation: listing360Spin 22s linear infinite;
}
.listing360-orbit-one {
	width: 620px;
	height: 620px;
}
.listing360-orbit-two {
	width: 430px;
	height: 430px;
	animation-duration: 16s;
	animation-direction: reverse;
}
@keyframes listing360Float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-18px);
}
}
@keyframes listing360Spin {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
@media (max-width: 991px) {
.listing360-section {
padding: 100px 0 70px;
}
.listing360-wrap {
min-height: auto;
display: block;
}
.listing360-card, .listing360-orbit {
display: none;
}
.listing360-services {
position: relative;
margin-top: 45px;
}
.listing360-title {
letter-spacing: -1px;
}
}
@media (max-width: 575px) {
.listing360-section {
padding: 80px 0 55px;
}
.listing360-btn-primary, .listing360-btn-secondary {
width: 100%;
justify-content: center;
text-align: center;
}
.listing360-service-item {
width: calc(50% - 8px);
min-width: auto;
}
}
.ada360-section {
	position: relative;
	overflow: hidden;
	padding: 0px 0 70px;
	background:
radial-gradient(circle at top left, rgba(14, 165, 233, 0.22), transparent 35%), radial-gradient(circle at bottom right, rgba(16, 185, 129, 0.25), transparent 35%), linear-gradient(135deg, #031427 0%, #061b34 45%, #020817 100%);
	color: #fff;
}
.ada360-bg-glow {
	position: absolute;
	width: 560px;
	height: 560px;
	background: linear-gradient(135deg, rgba(14, 165, 233, 0.38), rgba(16, 185, 129, 0.34));
	filter: blur(95px);
	border-radius: 50%;
	top: -190px;
	left: 50%;
	transform: translateX(-50%);
}
.ada360-wrap {
	position: relative;
	z-index: 2;
	min-height: 720px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ada360-content {
	max-width: 1050px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	margin-bottom:5em;
}
.ada360-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 22px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	color: #a7f3d0;
	font-weight: 800;
	margin-bottom: 24px;
	backdrop-filter: blur(14px);
}
.ada360-title {
	font-size: clamp(2.4rem, 4vw, 4rem);
	font-weight: 800;
	line-height: 1.06;
	letter-spacing: -2px;
	margin-bottom: 22px;
	color: #fff;
}
.ada360-title span {
	background: linear-gradient(90deg, #0ea5e9, #10b981, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ada360-divider {
	width: 110px;
	height: 5px;
	border-radius: 20px;
	background: linear-gradient(90deg, #0ea5e9, #10b981);
	margin: 0 auto 26px;
}
.ada360-copy {
	max-width: 800px;
	margin: 0 auto;
	color: #d7e4f5;
	font-size: 1.12rem;
	line-height: 1.8;
}
.ada360-btn-row {
	display: flex;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-top: 34px;
}
.ada360-btn-primary, .ada360-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 28px;
	border-radius: 50px;
	font-weight: 800;
	text-decoration: none;
	transition: all 0.35s ease;
}
.ada360-btn-primary {
	background: linear-gradient(135deg, #0ea5e9, #10b981);
	color: #fff;
	box-shadow: 0 18px 45px rgba(14, 165, 233, 0.34);
}
.ada360-btn-primary:hover {
	transform: translateY(-4px);
	color: #fff;
	box-shadow: 0 24px 55px rgba(16, 185, 129, 0.45);
}
.ada360-btn-secondary {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.07);
}
.ada360-btn-secondary:hover {
	background: #fff;
	color: #061b34;
	transform: translateY(-4px);
}
.ada360-card {
	position: absolute;
	width: 255px;
	padding: 24px;
	border-radius: 26px;
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(18px);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
	animation: ada360Float 5s ease-in-out infinite;
}
.ada360-card-left {
	left: 0;
	top: 95px;
}
.ada360-card-right {
	right: 0;
	bottom: 155px;
	animation-delay: 1.5s;
}
.ada360-card-icon {
	width: 54px;
	height: 54px;
	border-radius: 18px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #0ea5e9, #10b981);
	color: #fff;
	font-size: 24px;
	margin-bottom: 16px;
}
.ada360-card h4 {
	font-size: 1.15rem;
	font-weight: 800;
	margin-bottom: 8px;
	color: #ffffff;
}
.ada360-card p {
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
	font-size: 0.95rem;
}
.ada360-services {
	position: absolute;
	bottom: 0;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
}
.ada360-service-item {
	min-width: 135px;
	padding: 16px 18px;
	border-radius: 20px;
	text-align: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.13);
	backdrop-filter: blur(14px);
	transition: all 0.35s ease;
}
.ada360-service-item:hover {
	transform: translateY(-8px);
	background: rgba(255, 255, 255, 0.14);
}
.ada360-service-item i {
	display: block;
	font-size: 23px;
	color: #10b981;
	margin-bottom: 8px;
}
.ada360-service-item strong {
	display: block;
	font-size: 1.15rem;
	color: #ffffff;
	font-weight: 900;
	line-height: 1.2;
}
.ada360-service-item span {
	font-weight: 700;
	color: #d7e4f5;
	font-size: 0.88rem;
}
.ada360-orbit {
	position: absolute;
	border-radius: 50%;
	border: 1px dashed rgba(255, 255, 255, 0.12);
	animation: ada360Spin 22s linear infinite;
}
.ada360-orbit-one {
	width: 620px;
	height: 620px;
}
.ada360-orbit-two {
	width: 430px;
	height: 430px;
	animation-duration: 16s;
	animation-direction: reverse;
}
@keyframes ada360Float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-18px);
}
}
@keyframes ada360Spin {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
@media (max-width: 991px) {
.ada360-section {
padding: 100px 0 70px;
}
.ada360-wrap {
min-height: auto;
display: block;
}
.ada360-card, .ada360-orbit {
display: none;
}
.ada360-services {
position: relative;
margin-top: 45px;
}
.ada360-title {
letter-spacing: -1px;
}
}
@media (max-width: 575px) {
.ada360-section {
padding: 80px 0 55px;
}
.ada360-btn-primary, .ada360-btn-secondary {
width: 100%;
justify-content: center;
text-align: center;
}
.ada360-service-item {
width: calc(50% - 8px);
min-width: auto;
}
}
@keyframes home360Float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-18px);
}
}
@keyframes home360Spin {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
.imeta360-section {
	position: relative;
	overflow: hidden;
	padding: 0px 0 70px;
	background:
radial-gradient(circle at top left, rgba(59, 130, 246, 0.25), transparent 35%), radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.26), transparent 35%), linear-gradient(135deg, #031427 0%, #061b34 45%, #020817 100%);
	color: #fff;
}
.imeta360-bg-glow {
	position: absolute;
	width: 560px;
	height: 560px;
	background: linear-gradient(135deg, rgba(0, 62, 182, 0.38), rgba(32, 0, 255, 0.34));
	filter: blur(95px);
	border-radius: 50%;
	top: -190px;
	left: 50%;
	transform: translateX(-50%);
}
.imeta360-wrap {
	position: relative;
	z-index: 2;
	min-height: 720px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.imeta360-content {
	max-width: 980px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	margin-bottom:5em;
}
.imeta360-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 22px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	color: #fde68a;
	font-weight: 800;
	margin-bottom: 24px;
	backdrop-filter: blur(14px);
}
.imeta360-title {
	font-size: clamp(2.6rem, 5vw, 5.2rem);
	font-weight: 800;
	line-height: 1.06;
	letter-spacing: -2px;
	margin-bottom: 22px;
	color: #fff;
}
.imeta360-title span {
	background: linear-gradient(90deg, #60a5fa, #fbbf24, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.imeta360-divider {
	width: 110px;
	height: 5px;
	border-radius: 20px;
	background: linear-gradient(90deg, #60a5fa, #f59e0b);
	margin: 0 auto 26px;
}
.imeta360-copy {
	max-width: 920px;
	margin: 0 auto;
	color: #d7e4f5;
	font-size: 1.12rem;
	line-height: 1.5;
}
.imeta360-btn-row {
	display: flex;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-top: 34px;
}
.imeta360-btn-primary, .imeta360-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 28px;
	border-radius: 50px;
	font-weight: 800;
	text-decoration: none;
	transition: all 0.35s ease;
}
.imeta360-btn-primary {
	background: linear-gradient(135deg, #2563eb, #f59e0b);
	color: #fff;
	box-shadow: 0 18px 45px rgba(37, 99, 235, 0.34);
}
.imeta360-btn-primary:hover {
	transform: translateY(-4px);
	color: #fff;
	box-shadow: 0 24px 55px rgba(245, 158, 11, 0.45);
}
.imeta360-btn-secondary {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.07);
}
.imeta360-btn-secondary:hover {
	background: #fff;
	color: #061b34;
	transform: translateY(-4px);
}
.imeta360-card {
	position: absolute;
	width: 255px;
	padding: 24px;
	border-radius: 26px;
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(18px);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
	animation: imeta360Float 5s ease-in-out infinite;
}
.imeta360-card-left {
	left: 0;
	top: 95px;
}
.imeta360-card-right {
	right: 0;
	bottom: 155px;
	animation-delay: 1.5s;
}
.imeta360-card-icon {
	width: 54px;
	height: 54px;
	border-radius: 18px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #2563eb, #f59e0b);
	color: #fff;
	font-size: 24px;
	margin-bottom: 16px;
}
.imeta360-card h4 {
	font-size: 1.15rem;
	font-weight: 800;
	margin-bottom: 8px;
	color: #ffffff;
}
.imeta360-card p {
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
	font-size: 0.95rem;
}
.imeta360-services {
	position: absolute;
	bottom: 0;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
}
.imeta360-service-item {
	min-width: 135px;
	padding: 16px 18px;
	border-radius: 20px;
	text-align: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.13);
	backdrop-filter: blur(14px);
	transition: all 0.35s ease;
}
.imeta360-service-item:hover {
	transform: translateY(-8px);
	background: rgba(255, 255, 255, 0.14);
}
.imeta360-service-item i {
	display: block;
	font-size: 23px;
	color: #fbbf24;
	margin-bottom: 8px;
}
.imeta360-service-item strong {
	display: block;
	font-size: 1.15rem;
	color: #ffffff;
	font-weight: 900;
	line-height: 1.2;
}
.imeta360-service-item span {
	font-weight: 700;
	color: #d7e4f5;
	font-size: 0.88rem;
}
.imeta360-orbit {
	position: absolute;
	border-radius: 50%;
	border: 1px dashed rgba(255, 255, 255, 0.12);
	animation: imeta360Spin 22s linear infinite;
}
.imeta360-orbit-one {
	width: 620px;
	height: 620px;
}
.imeta360-orbit-two {
	width: 430px;
	height: 430px;
	animation-duration: 16s;
	animation-direction: reverse;
}
@keyframes imeta360Float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-18px);
}
}
@keyframes imeta360Spin {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
@media (max-width: 991px) {
.imeta360-section {
padding: 100px 0 70px;
}
.imeta360-wrap {
min-height: auto;
display: block;
}
.imeta360-card, .imeta360-orbit {
display: none;
}
.imeta360-services {
position: relative;
margin-top: 45px;
}
.imeta360-title {
letter-spacing: -1px;
}
}
@media (max-width: 575px) {
.imeta360-section {
padding: 80px 0 55px;
}
.imeta360-btn-primary, .imeta360-btn-secondary {
width: 100%;
justify-content: center;
text-align: center;
}
.imeta360-service-item {
width: calc(50% - 8px);
min-width: auto;
}
}
:root {
--ms-navy:#070b2f;
--ms-navy-2:#12145f;
--ms-purple:#5147ff;
--ms-cyan:#22d3ee;
--ms-soft:#eef5ff;
--ms-text:#111827;
}
.ms-image-theme {
	position:relative;
	overflow:hidden;
	background:#fff
}
.ms-image-theme:before {
	content:"";
	position:absolute;
	inset:auto -12% -120px -12%;
	height:220px;
	background:linear-gradient(180deg, rgba(238, 245, 255, 0), #eef5ff);
	pointer-events:none
}
.ms-about-intro .container {
	position:relative;
	z-index:2
}
@keyframes msFloat {
0%, 100% {
transform:translateY(0)
}
50% {
transform:translateY(-10px)
}
}
@media (max-width:991px) {
.ms-about-blue .row, .ms-process-section .row {
gap:28px
}
.ms-process-section .row {
flex-direction:column-reverse
}
}
.ms-topbar {
	background:radial-gradient(circle at 50% 40%, rgba(36, 124, 255, 0.35), transparent 32%), radial-gradient(circle at 15% 20%, rgba(0, 174, 255, 0.18), transparent 28%), linear-gradient(135deg, #020817 0%, #061a3d 45%, #020817 100%);
	color: #fff;
	font-family: "Inter", sans-serif;
	font-size: 15px;
	padding: 6px 0;
	position: relative;
	z-index: 1040;
}
.ms-topbar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}
.ms-topbar-left {
	display: flex;
	align-items: center;
	gap: 28px;
	flex-wrap: wrap;
}
.ms-topbar-left a, .ms-topbar-left span {
	color: #fff;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-weight: 500;
	letter-spacing: .2px;
}
.ms-topbar-left i {
	font-size: 16px;
	color: #fff;
}
.ms-topbar-social {
	display: flex;
	align-items: center;
	gap: 10px;
}
.ms-topbar-social a {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
transition: all .3s ease;
}
.ms-topbar-social a:hover {
	background: #fff;
	color: #0b4a8b;
	transform: translateY(-3px);
}
@media (max-width: 991px) {
.ms-topbar-inner {
flex-direction: column;
align-items: center;
text-align: center;
}
.ms-topbar-left {
justify-content: center;
gap: 12px 20px;
}
}
@media (min-width: 992px) and (max-width: 1399px) {
.ms-topbar-left {
display:none;
}
}
/* ===============================
   Mobile Top Bar
=================================*/
@media (max-width: 991px) {
 .ms-topbar {
 padding:8px 0;
}
 .ms-topbar-inner {
 display:flex;
 justify-content:space-between;
 align-items:center;
}
 .ms-topbar-left {
 display:none;
 align-items:center;
 gap:8px;
}
 .ms-topbar-left a, .ms-topbar-left span {
 font-size:0;
 line-height:1;
}
 .ms-topbar-left i {
 font-size:16px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 width:34px;
 height:34px;
 border-radius:50%;
 background:rgba(255, 255, 255, .12);
 color:#fff;
}
 .ms-topbar-social {
 display:flex;
 gap:6px;
}
 .ms-topbar-social a {
 width:34px;
 height:34px;
 display:flex;
 align-items:center;
 justify-content:center;
}
 .ms-topbar-social i {
 font-size:15px;
}
}
@media (max-width: 575px) {
 .ms-topbar-left {
flex-direction: column;
gap: 8px;
}
.ms-topbar-social a {
width: 28px;
height: 28px;
}
}
.hero-title {
	color: #fff;
	font-size: clamp(38px, 5vw, 72px);
	font-weight: 900;
	line-height: 1.05;
	letter-spacing: -1.5px;
	margin-bottom: 22px;
}
.typing-text {
	color: #ffc107;
	display: inline-block;
	min-width: 220px; /* fixed width */
	text-align: left;
	white-space: nowrap;
	position: relative;
}
.typing-text::after {
content: "";
width: 3px;
height: 42px;
background: #69d7ff;
display: inline-block;
margin-left: 6px;
vertical-align: middle;
animation: blinkCursor .8s infinite;
}
.hero-lead {
	color: rgba(255, 255, 255, .82);
	font-size: 18px;
	line-height: 1.75;
	max-width: 720px;
}
.hero-animate {
	opacity: 0;
	transform: translateY(35px);
}
.hero-delay-1 {
transition-delay: .1s;
}
.hero-delay-2 {
transition-delay: .25s;
}
.hero-delay-3 {
transition-delay: .4s;
}
.hero-delay-4 {
transition-delay: .55s;
}
.hero-delay-5 {
transition-delay: .7s;
}
.hero-animate.active {
	opacity: 1;
	transform: translateY(0);
transition: all .9s cubic-bezier(.19, 1, .22, 1);
}
.imetadex-box {
	background: linear-gradient(135deg, #071f3f, #0b4b84);
	color: #fff;
	position: relative;
	overflow: hidden;
}
.imetadex-box > div {
	position: relative;
	z-index: 2;
}
@keyframes blinkCursor {
0%, 45% {
opacity: 1;
}
46%, 100% {
opacity: 0;
}
}
@keyframes glowMove {
from {
transform: translateX(-20%) rotate(0deg);
}
to {
	transform: translateX(20%) rotate(360deg);
}
}
 @media (max-width: 991px) {
.hero-title {
font-size: 44px;
text-align: center;
}
.hero-lead {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.eyebrow {
display: table;
margin-left: auto;
margin-right: auto;
}
.hero .d-flex {
justify-content: center;
}
}
@media (max-width: 575px) {
.hero-title {
font-size: 50px;
}
.hero-lead {
font-size: 16px;
}
.typing-text::after {
height: 28px;
}
}
.testimonial-carousel {
	position: relative;
	padding-bottom: 0;
}
.testimonial-carousel .testimonial-card {
	height: 100%;
	background: #ffffff;
	border: 1px solid rgba(12, 26, 54, 0.1)!important;
	border-radius: 22px;
	padding: 30px;
}
.testimonial-carousel .testimonial-card p {
	font-size: 16px;
	line-height: 1.7;
	color: #232730;
	margin-bottom: 24px;
}
.testimonial-carousel .testimonial-card strong {
	display: block;
	color: #0b1f3a;
	font-size: 17px;
	margin-bottom: 4px;
}
.testimonial-carousel .text-warning i {
	margin-right: 3px;
}
.testimonial-control.carousel-control-prev {
	left: calc(50% - 65px);
}
.testimonial-control.carousel-control-next {
	right: calc(50% - 65px);
}
.testimonial-indicators {
	bottom: -42px;
	margin-bottom: 0;
}
.testimonial-indicators button {
	width: 10px !important;
	height: 10px !important;
	border-radius: 50%;
	background-color: #0b1f3a !important;
	opacity: 0.35;
}
.testimonial-indicators button.active {
	opacity: 1;
}
@media (max-width: 991px) {
.testimonial-carousel .carousel-item .col-lg-4:nth-child(3) {
display: none;
}
}
@media (max-width: 767px) {
.testimonial-carousel .carousel-item .col-md-6:nth-child(2), .testimonial-carousel .carousel-item .col-lg-4:nth-child(3) {
display: none;
}
.testimonial-carousel .testimonial-card {
padding: 24px;
}
.testimonial-carousel .testimonial-card p {
font-size: 15px;
}
}
.section-dark {
	background: radial-gradient(circle at 14% 15%, rgba(17, 184, 198, 0.35), transparent 28%), radial-gradient(circle at 85% 16%, rgba(255, 200, 87, 0.22), transparent 24%), linear-gradient(135deg, #05162f 0%, #082e5d 50%, #061e42 100%);
	color: #ffffff;
	position: relative;
	overflow: hidden;
}
.section-dark .badge-soft {
	background: rgba(255, 255, 255, 0.10);
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.16);
}
.section-dark h2, .section-dark h3, .section-dark p, .section-dark li, .section-dark .conversion-line {
	color: #ffffff;
}
.section-dark .card-feat, .section-dark .hook-box {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}
.section-dark .growth-list li {
	color: #ffffff;
}
.section-dark .icon-pill, .section-dark .step-num {
	background: rgba(255, 255, 255, 0.14);
	color: #ffffff;
}
.growth-benefits-grid {
	display:grid;
	grid-template-columns:repeat(5, 1fr);
	gap:20px;
	margin-top:30px;
	margin-bottom:30px;
}
.benefit-box {
	position:relative;
	padding:22px 18px;
	border-radius:18px;
	background:#fff;
	border:1px solid rgba(0, 0, 0, .08);
	text-align:center;
	overflow:hidden;
transition:.4s ease;
	box-shadow:0 10px 30px rgba(0, 0, 0, .06);
}
.benefit-box::before {
content:"";
position:absolute;
top:0;
left:0;
width:100%;
}
.benefit-box i {
	font-size:30px;
	color:#05162f;
	margin-bottom:12px;
	display:block;
}
.benefit-box span {
	font-size:15px;
	font-weight:600;
	line-height:1.5;
	color:#1f2937;
	display:block;
}
.benefit-box:hover {
	transform:translateY(-8px);
	box-shadow:0 20px 40px rgba(13, 110, 253, .18);
}
.card-feat i {
	color:#0d456e;
}
@media (max-width:991px) {
.growth-benefits-grid {
grid-template-columns:repeat(2, 1fr);
}
}
@media (max-width:575px) {
.growth-benefits-grid {
grid-template-columns:1fr;
}
}
.sales-hook-section {
	position: relative;
	padding: 90px 0;
	overflow: hidden;
	background:
radial-gradient(circle at top left, rgba(0, 210, 255, 0.12), transparent 35%), linear-gradient(135deg, #f8fdff 0%, #eef8fb 45%, #ffffff 100%);
}
.sales-hook-section::before {
content: "";
position: absolute;
width: 420px;
height: 420px;
right: -160px;
top: -160px;
background: rgba(0, 188, 212, 0.12);
border-radius: 50%;
filter: blur(10px);
}
.sales-hook-section .section-title {
	font-size: clamp(34px, 4vw, 58px);
	line-height: 1.08;
	font-weight: 800;
	color: #10242b;
	margin-bottom: 22px;
}
.sales-hook-section .section-title span {
	color: var(--cyan, #00bcd4);
	position: relative;
}
.sales-hook-section .section-sub {
	font-size: 17px;
	line-height: 1.75;
	color: #53666d;
	margin-bottom: 18px;
	max-width: 620px;
}
.growth-card {
	position: relative;
	padding: 18px;
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid rgba(0, 188, 212, 0.16);
	box-shadow: 0 24px 70px rgba(8, 48, 64, 0.13);
	backdrop-filter: blur(18px);
}
.growth-img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	border-radius: 24px;
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
}
.growth-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	margin-top: 18px;
}
.growth-list div {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 16px;
	border-radius: 16px;
	background: linear-gradient(135deg, #ffffff, #f3fbfd);
	border: 1px solid rgba(0, 188, 212, 0.13);
	color: #263f46;
	font-size: 15.5px;
	font-weight: 600;
	box-shadow: 0 10px 26px rgba(0, 80, 100, 0.06);
	transition: all 0.3s ease;
}
.growth-list div:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 35px rgba(0, 188, 212, 0.16);
}
.growth-list i {
	color: var(--cyan, #00bcd4);
	font-size: 18px;
	margin-top: 2px;
}
@media (max-width: 991px) {
.sales-hook-section {
padding: 70px 0;
text-align: center;
}
.sales-hook-section .section-sub {
margin-left: auto;
margin-right: auto;
}
.growth-card {
max-width: 720px;
margin: 0 auto;
}
.growth-img {
height: 280px;
}
}
@media (max-width: 575px) {
.sales-hook-section {
padding: 55px 0;
}
.sales-hook-section .section-title {
font-size: 32px;
}
.sales-hook-section .section-sub {
font-size: 16px;
}
.growth-card {
padding: 12px;
border-radius: 22px;
}
.growth-img {
height: 220px;
border-radius: 18px;
}
.growth-list div {
font-size: 14.5px;
padding: 13px 14px;
}
}
.badge-pill-custom {
	display: inline-flex;
	padding: 9px 20px;
	margin-bottom: 18px;
	border-radius: 50px;
	background: rgba(0, 188, 212, 0.12);
	color: #0097a7;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
.section-title h2 {
	font-size: clamp(34px, 4vw, 56px);
	line-height: 1.1;
	font-weight: 1650;
	color: #10242b;
	margin-bottom: 18px;
}
.gradient-text {
	background: linear-gradient(90deg, #00bcd4, #007c91);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.section-title p {
	max-width: 1200px;
	margin: 0 auto;
	font-size: 17px;
	line-height: 1.75;
	color: #333;
}
.check-list {
	position: relative;
	z-index: 2;
	height: 100%;
	padding: 26px;
	margin: 0;
	list-style: none;
	border-radius: 26px;
	background: rgba(255, 255, 255, 0.82);
	border: 1px solid rgba(0, 188, 212, 0.16);
	box-shadow: 0 22px 55px rgba(8, 48, 64, 0.1);
	backdrop-filter: blur(16px);
	transition: all 0.3s ease;
}
.check-list:hover {
	transform: translateY(-8px);
	box-shadow: 0 30px 70px rgba(0, 188, 212, 0.18);
}
.check-list li {
	display: flex;
	align-items: flex-start;
	gap: 13px;
	padding: 10px 0;
	color: #263f46;
	font-size: 15.8px;
	font-weight: 650;
	line-height: 1.5;
	border-bottom: 1px solid rgba(0, 188, 212, 0.12);
}
.check-list li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.check-list li:first-child {
	padding-top: 0;
}
.check-list i {
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #00bcd4;
	background: rgba(0, 188, 212, 0.12);
	font-size: 16px;
	margin-top: -3px;
}
@media (max-width: 991px) {
.section-title {
margin-bottom: 42px;
}
.check-list {
padding: 24px;
}
}
@media (max-width: 575px) {
.section-title h2 {
font-size: 31px;
}
.section-title p {
font-size: 16px;
}
.check-list {
padding: 20px;
border-radius: 22px;
}
.check-list li {
font-size: 14.8px;
}
}
.localmap-iq-modern, .xtreme-growth-section {
	position: relative;
	padding: 95px 0;
	overflow: hidden;
}
.localmap-iq-modern {
	background:
radial-gradient(circle at top left, rgba(0, 188, 212, 0.12), transparent 35%), linear-gradient(135deg, #f8fdff 0%, #eef8fb 48%, #ffffff 100%);
}
.xtreme-growth-section {
	background: #ffffff;
}
.ms-listing-pill {
	display: inline-flex;
	align-items: center;
	padding: 9px 20px;
	margin-bottom: 20px;
	border-radius: 50px;
	background: rgba(0, 188, 212, 0.13);
	color: #0097a7;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}
.localmap-iq-modern h2, .xtreme-growth-section h2 {
	font-size: clamp(34px, 4vw, 58px);
	line-height: 1.08;
	font-weight: 800;
	color: #10242b;
	margin-bottom: 22px;
}
.localmap-iq-modern p, .xtreme-growth-section p {
	font-size: 17px;
	line-height: 1.75;
	color: #53666d;
}
.xtreme-growth-section .text-center p {
	max-width: 820px;
	margin: 0 auto;
}
.localmap-list {
	display: grid;
	gap: 14px;
	margin-top: 28px;
}
.localmap-list div {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 17px 20px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.82);
	border: 1px solid rgba(0, 188, 212, 0.18);
	box-shadow: 0 12px 32px rgba(8, 48, 64, 0.06);
	color: #263f46;
	font-size: 16px;
	font-weight: 750;
	transition: all 0.3s ease;
}
.localmap-list div:hover {
	transform: translateX(8px);
	box-shadow: 0 18px 42px rgba(0, 188, 212, 0.14);
}
.localmap-list i {
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(0, 188, 212, 0.13);
	color: #00bcd4;
	font-size: 17px;
}
.localmap-visual-box {
	position: relative;
	padding: 24px;
	border-radius: 34px;
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid rgba(0, 188, 212, 0.16);
	box-shadow: 0 28px 85px rgba(8, 48, 64, 0.13);
	backdrop-filter: blur(18px);
}
.localmap-img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	border-radius: 26px;
	margin-bottom: 22px;
	box-shadow: 0 18px 50px rgba(8, 48, 64, 0.12);
}
.localmap-panel {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
	padding: 28px;
	border-radius: 28px;
	background: linear-gradient(135deg, #071f3f, #0759a8);
}
.map-stat {
	padding: 26px 16px;
	border-radius: 22px;
	text-align: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	transition: all 0.3s ease;
}
.map-stat:hover {
	transform: translateY(-6px);
	background: rgba(255, 255, 255, 0.12);
}
.map-stat strong {
	display: block;
	font-size: 38px;
	line-height: 1;
	color: #00d7f2;
	margin-bottom: 12px;
}
.map-stat span {
	display: block;
	color: #e7fbff;
	font-size: 15px;
	font-weight: 800;
}
.xtreme-card {
	height: 100%;
	padding: 30px 24px;
	border-radius: 26px;
	background: #ffffff;
	border: 1px solid rgba(0, 188, 212, 0.16);
	box-shadow: 0 20px 52px rgba(8, 48, 64, 0.08);
	transition: all 0.3s ease;
}
.xtreme-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 30px 70px rgba(0, 188, 212, 0.16);
}
.xtreme-card i {
	width: 58px;
	height: 58px;
	margin-bottom: 20px;
	border-radius: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #00bcd4, #007c91);
	color: #ffffff;
	font-size: 22px;
}
.xtreme-card h3 {
	font-size: 21px;
	font-weight: 850;
	color: #10242b;
	margin-bottom: 12px;
}
.xtreme-card p {
	font-size: 15.5px;
	line-height: 1.65;
	margin-bottom: 0;
}
@media (max-width: 991px) {
.localmap-iq-modern, .xtreme-growth-section {
padding: 75px 0;
}
.localmap-visual-box {
max-width: 760px;
margin: 0 auto;
}
}
@media (max-width: 575px) {
.localmap-iq-modern, .xtreme-growth-section {
padding: 58px 0;
}
.localmap-iq-modern h2, .xtreme-growth-section h2 {
font-size: 32px;
}
.localmap-list div {
align-items: flex-start;
font-size: 14.8px;
padding: 15px;
}
.localmap-visual-box {
padding: 14px;
border-radius: 24px;
}
.localmap-img {
height: 210px;
border-radius: 20px;
}
.localmap-panel {
grid-template-columns: 1fr;
padding: 20px;
}
.map-stat {
padding: 22px 14px;
}
.xtreme-card {
padding: 26px 20px;
}
}
.pricing-section {
	position: relative;
	padding: 100px 0;
	background:
radial-gradient(circle at top left, rgba(94, 114, 228, 0.14), transparent 35%), radial-gradient(circle at bottom right, rgba(255, 193, 7, 0.14), transparent 35%), #f8faff;
	overflow: hidden;
}
.section-titles {
	max-width: 1150px;
	margin: 0 auto 25px;
	text-align:center;
}
.section-titles h2 {
	font-size: 3em;
}
.badge-pill-custom {
	display: inline-block;
	padding: 9px 22px;
	border-radius: 50px;
	background: rgba(14, 83, 255, 0.08);
	color: #333;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 18px;
}
.section-title h2 {
	font-size: clamp(34px, 4vw, 56px);
	font-weight: 800;
	color: #101828;
	line-height: 1.15;
	margin-bottom: 18px;
}
.section-title h2 span {
	background: linear-gradient(135deg, #0e53ff, #7c3aed);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.section-title p {
	font-size: 18px;
	color: #333;
	line-height: 1.7;
}
.pricing-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
	align-items: stretch;
}
.pricing-card {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 34px;
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.82);
	backdrop-filter: blur(16px);
	border: 1px solid rgba(16, 24, 40, 0.08);
	box-shadow: 0 24px 70px rgba(16, 24, 40, 0.08);
	transition: all 0.35s ease;
	overflow: hidden;
}
.pricing-card::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(14, 83, 255, 0.08), rgba(124, 58, 237, 0.05));
opacity: 0;
transition: 0.35s ease;
}
.pricing-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 34px 90px rgba(16, 24, 40, 0.14);
}
.pricing-card:hover::before {
opacity: 1;
}
.pricing-card > * {
	position: relative;
	z-index: 1;
}
.pricing-card.featured {
	background: linear-gradient(180deg, #ffffff, #f4f7ff);
	border: 2px solid rgba(14, 83, 255, 0.22);
	transform: scale(1.04);
}
.pricing-card.featured:hover {
	transform: scale(1.04) translateY(-10px);
}
.popular-badge {
	position: absolute;
	top: 22px;
	right: 22px;
	padding: 8px 16px;
	border-radius: 40px;
	background: #ffc107;
	color: #333;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.4px;
	z-index: 2;
}
.pricing-tag {
	display: inline-flex;
	width: fit-content;
	padding: 8px 18px;
	border-radius: 50px;
	background: #eef4ff;
	color: #101828;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 18px;
}
.pricing-card h3 {
	font-size: 26px;
	font-weight: 800;
	color: #101828;
	margin-bottom: 18px;
}
.price {
	font-size: 44px;
	font-weight: 900;
	color: #101828;
	margin-bottom: 26px;
	line-height: 1;
}
.price span {
	font-size: 15px;
	font-weight: 600;
	color: #667085;
	margin-left: 5px;
}
.pricing-list {
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
	flex: 1;
}
.pricing-list li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 13px 0;
	color: #344054;
	font-size: 15.5px;
	line-height: 1.5;
	border-bottom: 1px solid rgba(16, 24, 40, 0.07);
}
.pricing-list li:last-child {
	border-bottom: none;
}
.pricing-list i {
	min-width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #ecfdf3;
	color: #12b76a;
	font-size: 13px;
	margin-top: 1px;
}
.pricing-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 15px 24px;
	border-radius: 16px;
	background: #101828;
	color: #fff;
	font-weight: 800;
	text-decoration: none;
	transition: 0.3s ease;
}
.pricing-btn:hover {
	background: radial-gradient(circle at 50% 40%, rgba(36, 124, 255, 0.35), transparent 32%), radial-gradient(circle at 15% 20%, rgba(0, 174, 255, 0.18), transparent 28%), linear-gradient(135deg, #020817 0%, #061a3d 45%, #020817 100%);
	color: #fff;
	transform: translateY(-2px);
}
.featured .pricing-btn {
	background: #ffc107;
	color:#333;
}
.featured .pricing-btn:hover {
	box-shadow: 0 14px 35px rgba(14, 83, 255, 0.3);
}
@media (max-width: 991px) {
.navbar {
padding: 20px 0;
}
.pricing-section {
padding: 80px 0;
}
.pricing-grid {
grid-template-columns: 1fr;
max-width: 620px;
margin: 0 auto;
}
.pricing-card.featured {
transform: none;
}
.pricing-card.featured:hover {
transform: translateY(-10px);
}
}
@media (max-width: 575px) {
.navbar {
padding: 10px 0;
}
.pricing-section {
padding: 65px 0;
}
.pricing-card {
padding: 26px;
border-radius: 22px;
}
.price {
font-size: 36px;
}
.popular-badge {
position: static;
width: fit-content;
margin-bottom: 16px;
}
.pricing-list li {
font-size: 14.5px;
}
}
.comparison-section {
	padding: 100px 0;
	background: #ffffff;
}
.pricing-table-wrap {
	overflow-x: auto;
	border-radius: 28px;
	background: #ffffff;
	box-shadow: 0 28px 80px rgba(16, 24, 40, 0.1);
	border: 1px solid rgba(16, 24, 40, 0.08);
}
.pricing-table {
	width: 100%;
	min-width: 850px;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
}
.pricing-table thead th {
	padding: 10px 22px;
	background: #101828;
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
}
.pricing-table thead th:first-child {
	text-align: left;
	border-top-left-radius: 28px;
}
.pricing-table thead th:last-child {
	border-top-right-radius: 28px;
}
.pricing-table tbody td {
	padding: 10px 22px;
	font-size: 17px;
	color: #475467;
	text-align: center;
	border-bottom: 1px solid rgba(16, 24, 40, 0.08);
	background: #ffffff;
}
.pricing-table tbody td:first-child {
	text-align: left;
	font-weight: 700;
	color: #101828;
	background: #f8faff;
}
.pricing-table tbody tr:hover td {
	background: #f4f7ff;
}
.pricing-table .highlight-plan {
	background: #ffc107;
	color:#333;
}
.pricing-table tbody td:nth-child(3) {
background: #f6f8ff;
font-weight: 700;
color: #101828;
}
.price-row td {
	font-size: 18px !important;
	font-weight: 900 !important;
	color: #101828 !important;
}
.price-row td:nth-child(3) {
color: #0e53ff !important;
}
@media (max-width: 991px) {
.comparison-section {
padding: 80px 0;
}
.pricing-table-wrap {
border-radius: 22px;
}
}
@media (max-width: 575px) {
.comparison-section {
padding: 65px 0;
}
.pricing-table {
min-width: 760px;
}
.pricing-table thead th, .pricing-table tbody td {
padding: 16px 14px;
font-size: 14px;
}
}
.value-section {
	position:relative;
	padding:110px 0;
	background:
radial-gradient(circle at top left, #eef4ff 0%, transparent 35%), radial-gradient(circle at bottom right, #f8efff 0%, transparent 35%), #f8fbff;
}
.value-card {
	position:relative;
	height:100%;
	background:rgba(255, 255, 255, .88);
	backdrop-filter:blur(18px);
	border:1px solid rgba(255, 255, 255, .45);
	border-radius:26px;
	padding:45px 32px;
	text-align:center;
	overflow:hidden;
transition:.45s;
	box-shadow:
0 18px 45px rgba(18, 38, 63, .08);
}
.value-card::before {
content:"";
position:absolute;
inset:0;
background:linear-gradient(135deg, rgba(14, 83, 255, .06), rgba(124, 58, 237, .03));
opacity:0;
transition:.45s;
}
.value-card:hover {
	transform:translateY(-12px);
	box-shadow:
0 35px 70px rgba(18, 38, 63, .14);
}
.value-card:hover::before {
opacity:1;
}
.value-card>* {
	position:relative;
	z-index:2;
}
.icon-box {
	width:82px;
	height:82px;
	margin:0 auto 30px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	background: radial-gradient(circle at 14% 15%, rgba(17, 184, 198, 0.35), transparent 28%), radial-gradient(circle at 85% 16%, rgba(255, 200, 87, 0.22), transparent 24%), linear-gradient(135deg, #05162f 0%, #082e5d 50%, #061e42 100%);
	color:#fff;
	font-size:34px;
	box-shadow:
0 15px 35px rgba(14, 83, 255, .30);
transition:.45s;
}
.value-card:hover .icon-box {
	transform:rotate(8deg) scale(1.08);
}
.value-card h3 {
	font-size:24px;
	font-weight:800;
	color:#101828;
	margin-bottom:18px;
}
.value-card p {
	font-size:16px;
	line-height:1.8;
	color:#333;
	margin:0;
}
.value-card::after {
content:"";
position:absolute;
width:140px;
height:140px;
background:rgba(14, 83, 255, .08);
border-radius:50%;
right:-60px;
top:-60px;
transition:.45s;
}
.value-card:hover::after {
transform:scale(1.4);
}
@media (max-width:991px) {
.value-section {
padding:85px 0;
}
.value-card {
padding:38px 28px;
}
}
@media (max-width:767px) {
.value-section {
padding:70px 0;
}
.value-card {
padding:34px 26px;
}
.icon-box {
width:72px;
height:72px;
font-size:28px;
margin-bottom:24px;
}
.value-card h3 {
font-size:22px;
}
.value-card p {
font-size:15px;
}
}
.project-card {
	background:#fff;
	border-radius:30px;
	overflow:hidden;
	box-shadow:0 15px 50px rgba(0, 0, 0, .08);
transition:.4s;
	height:100%;
}
.project-card:hover {
	transform:translateY(-10px);
	box-shadow:0 30px 70px rgba(0, 0, 0, .12);
}
.project-image {
	position:relative;
	overflow:hidden;
}
.project-image img {
	width:100%;
	height: auto;
	object-fit:cover;
transition:.8s;
}
.project-card:hover img {
	transform:scale(1.05);
}
.project-overlay {
	position:absolute;
	inset:0;
	background:linear-gradient( to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, .1) );
	display:flex;
	align-items:flex-end;
	justify-content:center;
	padding:110px;
	opacity:0;
transition:.4s;
}
.project-card:hover .project-overlay {
	opacity:1;
}
.project-overlay a {
	color:#082e5d;
	text-decoration:none;
	font-weight:600;
	background:#fff;
	padding:14px 28px;
	border-radius:50px;
}
.project-content {
	padding:35px;
}
.project-content span {
	display:inline-block;
	background:#fff;
	color:#082e5d;
	padding:5px 14px;
	border-radius:50px;
	font-size:12px;
	font-weight:700;
	margin-bottom:10px;
	border:1px solid #e2e2e2;
}
.project-content h3 {
	font-size:24px;
	margin-bottom:8px;
	color:#071c4d;
}
.project-content p {
	color:#333;
	line-height:1.5;
}
@media (max-width:991px) {
.project-image img {
height:auto;
}
.project-content h3 {
font-size:28px;
}
}
@media (max-width:767px) {
.project-image img {
height: auto;
}
.project-content {
padding:25px;
}
.project-content h3 {
font-size:20px;
}
}
/* ==========================================================
FINAL RESPONSIVE SAFETY PATCH - 29 Jun 2026
Purpose: stabilize layout across desktop, tablet, and mobile.
========================================================== */

img, svg, video, canvas {
	max-width:100%;
	height:auto;
}
iframe {
	max-width:100%;
}
section {
	position:relative;
}
.navbar {
	z-index:1030;
}
.navbar-brand img, .logo img, header img {
	max-height:64px;
	width:auto;
}
.btn, .ms-btn-dark, .ms-btn-light, .btn-light-cta {
	white-space:normal;
}
.row {
	min-width:0;
}
[class*="col-"] {
min-width:0;
}
.card, .service-card, .value-card, .pricing-card, .about-image-card {
	height:100%;
}
 @media (max-width:1199.98px) {
h1, .h1 {
font-size:clamp(2rem, 4.2vw, 3.25rem);
line-height:1.12;
}
h2, .h2 {
font-size:clamp(1.65rem, 3.2vw, 2.5rem);
line-height:1.18;
}
.hero, .hero-section, .ms-awards-hero, .inner-hero {
padding-top:90px;
padding-bottom:70px;
}
.navbar-nav {
gap:.25rem;
}
}
 @media (max-width:991.98px) {
 .navbar-brand {
 width: 75%;
}
.navbar-collapse {
background:#fff;
border-radius:18px;
margin-top:12px;
padding:14px;
box-shadow:0 18px 45px rgba(15, 23, 42, .12);
}
.navbar-nav .nav-link {
padding:12px 14px!important;
border-radius:12px;
}
.dropdown-menu {
position:static!important;
transform:none!important;
width:100%;
margin:.25rem 0 0;
padding:8px;
border:1px solid rgba(15, 23, 42, .08);
box-shadow:none;
}
.hero, .hero-section, .ms-awards-hero, .inner-hero {
text-align:center;
padding-top:78px;
padding-bottom:56px;
}
.hero .row, .hero-section .row, .about-section .row, .service-hero .row {
gap:28px;
}
.hero-buttons, .ms-awards-buttons, .cta-buttons, .button-group {
justify-content:center;
flex-wrap:wrap;
}
.about-image-card, .hero-image, .service-image {
text-align:center;
margin-inline:auto;
}
.footer .row, .site-footer .row {
text-align:center;
gap:24px;
}
}
 @media (max-width:767.98px) {
body {
font-size:16px;
}
h1, .h1 {
font-size:clamp(1.9rem, 8vw, 2.6rem);
}
h2, .h2 {
font-size:clamp(1.55rem, 6.5vw, 2.1rem);
}
h3, .h3 {
font-size:clamp(1.25rem, 5vw, 1.6rem);
}
p, .lead, .ms-awards-lead {
font-size:1rem;
line-height:1.65;
}
.container {
padding-left:18px;
padding-right:18px;
}
.hero, .hero-section, .ms-awards-hero, .inner-hero, section {
padding-left:0;
padding-right:0;
}
.hero, .hero-section, .ms-awards-hero, .inner-hero {
padding-top:64px;
padding-bottom:46px;
}
.section-title, .section-heading {
text-align:center;
margin-bottom:28px;
}
.btn, .ms-btn-dark, .ms-btn-light, .btn-light-cta {
width:100%;
max-width:360px;
justify-content:center;
text-align:center;
}
.hero-buttons, .ms-awards-buttons, .cta-buttons {
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
}
.table-responsive {
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
.pricing-card, .service-card, .value-card {
margin-bottom:18px;
}
}
 @media (max-width:575.98px) {
.navbar-brand img, .logo img, header img {
max-height:52px;
}
.navbar-toggler {
padding:8px 10px;
}
.hero, .hero-section, .ms-awards-hero, .inner-hero {
padding-top:54px;
padding-bottom:38px;
}
.badge-pill-custom, .ms-hero-pill {
font-size:.82rem;
white-space:normal;
text-align:center;
}
.card, .service-card, .value-card, .pricing-card {
border-radius:18px;
}
.about-main-img, .hero-image img, .service-image img {
border-radius:18px;
}
}