:root {
  --primary-blue: #0733a4; /* Azura Royal Blue */
  --accent-blue: #2B7FFF;  /* Azura Light Accent */
  --dark-bg: #031333;      
  --text-white: #FFFFFF;
  --text-muted: #B0C4DE;
  --text-dark: #0A1C3E;
  --bg-light: #F8FAFC;
  --font-family: 'Plus Jakarta Sans', sans-serif;
}

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

body {
  font-family: var(--font-family);
  background-color: var(--dark-bg);
  color: var(--text-white);
  overflow-x: hidden;
}

/* Base Image Fluidity */
img {
  max-width: 100%;
  height: auto;
}

/* ==========================================
   Header Container (Sticky & Floating Rounded)
   ========================================== */
.header-container {
  position: sticky;
  top: 20px;
  z-index: 1000;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0 20px;
}

.navbar {
  width: 100%;
  max-width: 1200px;
  background: #FFFFFF;
  border-radius: 50px;
  padding: 12px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.logo {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}

.logo-azura {
  font-size: 26px;
  font-weight: 800;
  color: var(--primary-blue);
  letter-spacing: 2px;
}

.logo-dental {
  font-size: 10px;
  font-weight: 700;
  color: var(--accent-blue);
  letter-spacing: 4px;
  margin-left: 2px;
}

.nav-links {
  display: flex;
  list-style: none;
  gap: 28px;
  align-items: center;
}

.nav-links a {
  text-decoration: none;
  color: #1A2B4C;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 5px;
}

.nav-links a:hover, .nav-links a.active {
  color: var(--primary-blue);
}

.btn-primary {
  background-color: var(--accent-blue);
  color: #FFFFFF;
  padding: 12px 26px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(43, 127, 255, 0.4);
}

.btn-primary:hover {
  background-color: var(--primary-blue);
  transform: translateY(-2px);
}

/* ==========================================
   Mobile Header (Hamburger + Dropdown Menu)
   ========================================== */
.menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: none;
  border-radius: 50%;
  background-color: var(--accent-blue);
  color: #FFFFFF;
  font-size: 17px;
  cursor: pointer;
  flex-shrink: 0;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.menu-toggle:hover {
  background-color: var(--primary-blue);
}

.menu-toggle:active {
  transform: scale(0.94);
}

.menu-toggle .menu-icon-close {
  display: none;
}

body.mobile-menu-open .menu-toggle .menu-icon-open {
  display: none;
}

body.mobile-menu-open .menu-toggle .menu-icon-close {
  display: block;
}

/* Dropdown panel lives inside header-container, positioned under the navbar */
.mobile-menu {
  display: none;
}

.mobile-menu-backdrop {
  display: none;
}

/* ==========================================
   Hero Section
   ========================================== */
.hero-section {
  position: relative;
  min-height: 100vh;
  margin-top: -80px; 
  padding-top: 140px;
  padding-bottom: 60px;
  background: radial-gradient(circle at 80% 50%, #083480 0%, #031333 70%);
  display: flex;
  align-items: center;
}

.hero-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
  width: 100%;
}

.hero-content {
  max-width: 580px;
}

.badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 8px 18px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  color: #E2ECFF;
  margin-bottom: 24px;
}

.hero-title {
  font-size: 52px;
  line-height: 1.15;
  font-weight: 800;
  margin-bottom: 20px;
}

.hero-title .highlight {
  color: var(--accent-blue);
}

.hero-description {
  font-size: 16px;
  line-height: 1.6;
  color: var(--text-muted);
  margin-bottom: 36px;
}

.hero-actions {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.btn-video {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  color: #FFFFFF;
  font-weight: 600;
}

.play-icon {
  width: 48px;
  height: 48px;
  background-color: var(--primary-blue);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  box-shadow: 0 0 0 6px rgba(43, 127, 255, 0.2);
}

.hero-footer-text {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.icon-circle {
  width: 40px;
  height: 40px;
  background: var(--accent-blue);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.hero-image-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.background-circles {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.circle-1 { width: 380px; height: 380px; }
.circle-2 { width: 500px; height: 500px; }
.circle-3 { width: 620px; height: 620px; }

.dentist-img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 85%, rgba(0,0,0,0) 100%);
}

/* ==========================================
   About Section
   ========================================== */
.about-section {
  padding: 100px 20px;
  background-color: var(--bg-light);
  font-family: var(--font-family);
}

.about-container {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.about-image-wrapper {
  position: relative;
}

.main-image-card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 56, 168, 0.08);
}

.clinic-img {
  width: 100%;
  height: 560px;
  object-fit: cover;
  display: block;
}

.image-overlay-card {
  position: absolute;
  bottom: 24px;
  left: 24px;
  width: 280px;
  background: #FFFFFF54;
  padding: 28px 24px;
  border-radius: 20px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
  z-index: 2;
}

.quote-mark {
  font-size: 56px;
  line-height: 1;
  color: #E2ECFF;
  font-family: Georgia, serif;
  margin-bottom: -15px;
}

.overlay-text {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-dark);
  line-height: 1.4;
  margin-bottom: 16px;
}

.overlay-link {
  color: var(--primary-blue);
  font-weight: 700;
  font-size: 14px;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.overlay-link:hover {
  color: var(--accent-blue);
}

.about-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #EFF5FF;
  border: 1px solid #D0E2FF;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-blue);
  margin-bottom: 20px;
}

.about-title {
  font-size: 42px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--text-dark);
  margin-bottom: 20px;
}

.about-description {
  font-size: 16px;
  line-height: 1.65;
  color: #5E6D88;
  margin-bottom: 28px;
}

.about-quote-box {
  background-color: #F4F8FF;
  border-left: 4px solid var(--accent-blue);
  padding: 18px 24px;
  border-radius: 0 12px 12px 0;
  margin-bottom: 30px;
}

.about-quote-box p {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-dark);
  line-height: 1.5;
}

.about-feature {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 28px;
}

.feature-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #EFF5FF;
  border: 1px solid #D0E2FF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-blue);
  font-size: 22px;
  flex-shrink: 0;
}

.feature-text h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 4px;
}

.feature-text p {
  font-size: 14px;
  color: #5E6D88;
}

.about-divider {
  border: none;
  border-top: 1px solid #E2E8F0;
  margin: 30px 0;
}

.about-footer {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}

.doctor-team {
  display: flex;
  align-items: center;
  gap: 16px;
}

.avatar-group {
  display: flex;
  align-items: center;
}

.avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  object-fit: cover;
  margin-left: -12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.avatar:first-child {
  margin-left: 0;
}

.team-info h4 {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 2px;
}

.team-info p {
  font-size: 13px;
  color: #5E6D88;
}

/* ==========================================
   Services Section
   ========================================== */
.services-section {
  padding: 100px 20px;
  font-family: var(--font-family);
}

.services-container {
  max-width: 1240px;
  margin: 0 auto;
}

.services-header {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 40px;
  align-items: flex-end;
  margin-bottom: 60px;
}

.services-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #EFF5FF;
  border: 1px solid #D0E2FF;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-blue);
  margin-bottom: 16px;
}

.services-title {
  font-size: 42px;
  line-height: 1.18;
  font-weight: 800;
  color: #fff;
}

.header-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.services-desc {
  font-size: 16px;
  line-height: 1.6;
  color: #5E6D88;
}

.services-grid-wrapper {
  position: relative;
  margin-bottom: 50px;
}

/* Decorative "cord" (wavy stitched thread) background running behind the service cards */
.services-grid-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  right: -20px;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='440' height='260' viewBox='0 0 440 260'%3E%3Cpath d='M-20 130 C 40 20, 100 240, 160 130 S 280 20, 340 130 S 460 240 460 130' stroke='%230038A8' stroke-width='2.5' stroke-dasharray='2 14' stroke-linecap='round' fill='none' opacity='0.55'/%3E%3Ccircle cx='100' cy='60' r='5' fill='%2300B4D8' opacity='0.5'/%3E%3Ccircle cx='220' cy='215' r='6' fill='%230038A8' opacity='0.35'/%3E%3Ccircle cx='380' cy='55' r='4' fill='%2300B4D8' opacity='0.5'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-position: left top;
  background-size: 440px 260px;
  z-index: 0;
  pointer-events: none;
}

.services-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.service-card {
  background: #FFFFFF;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
}

.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0, 56, 168, 0.1);
}

.card-img-wrapper {
  position: relative;
  height: 340px;
  overflow: hidden;
}

.card-bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.service-card:hover .card-bg-img {
  transform: scale(1.06);
}

.card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 20, 60, 0) 42%, rgba(0, 14, 46, 0.85) 100%);
}

.card-img-frame {
  position: absolute;
  top: 14px;
  left: 14px;
  right: 14px;
  bottom: 14px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 14px;
  pointer-events: none;
}

.card-title {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 22px;
  font-size: 19px;
  font-weight: 600;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.card-body {
  padding: 28px 26px 32px;
}

.card-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #5E6D88;
  margin: 0;
}

.slider-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}

.dot {
  width: 10px;
  height: 10px;
  background-color: #CBD5E1;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}

.dot.active {
  width: 32px;
  border-radius: 10px;
  background-color: var(--primary-blue);
}

.services-callout {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 20px;
  flex-wrap: wrap;
}

.callout-avatar-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.callout-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
}

.callout-phone-btn {
  width: 30px;
  height: 30px;
  background-color: var(--accent-blue);
  color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  text-decoration: none;
  margin-left: -10px;
  border: 2px solid #FFFFFF;
}

.callout-text {
  font-size: 15px;
  color: #000;
  font-weight: 500;
}

.callout-link {
  color: var(--accent-blue);
  font-weight: 700;
  text-decoration: underline;
}

/* ==========================================
   Why Choose Us Section
   ========================================== */
.why-us-section {
  padding: 100px 20px;
  background-color: #FFFFFF;
  font-family: var(--font-family);
  position: relative;
}

.why-us-container {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.why-us-content {
  max-width: 580px;
}

.why-us-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #EFF5FF;
  border: 1px solid #D0E2FF;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-blue);
  margin-bottom: 20px;
}

.why-us-title {
  font-size: 42px;
  line-height: 1.18;
  font-weight: 800;
  color: var(--text-dark);
  margin-bottom: 20px;
}

.why-us-description {
  font-size: 16px;
  line-height: 1.6;
  color: #5E6D88;
  margin-bottom: 36px;
}

.why-us-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 40px;
}

.why-card {
  border: 1px solid #E2E8F0;
  border-radius: 20px;
  padding: 28px 24px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.why-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 56, 168, 0.06);
  border-color: #D0E2FF;
}

.why-icon {
  width: 48px;
  height: 48px;
  background-color: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-blue);
  font-size: 22px;
  margin-bottom: 20px;
}

.why-card-title {
  font-size: 17px;
  font-weight: 700;
  color: var(--text-dark);
  line-height: 1.35;
  margin-bottom: 12px;
}

.why-card-desc {
  font-size: 14px;
  line-height: 1.5;
  color: #5E6D88;
}

.why-us-image-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  min-height: 540px;
}

.why-us-bg-card {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 90%;
  height: 460px;
  background: linear-gradient(135deg, #0733a4 0%, #031333 100%);
  border-radius: 32px;
  z-index: 1;
}

.why-us-img {
  position: relative;
  z-index: 2;
  width: 95%;
  max-width: 480px;
  height: auto;
  display: block;
  object-fit: cover;
  filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.2));
}

/* ==========================================
   Team Section
   ========================================== */
.team-section {
  padding: 100px 20px;
  font-family: var(--font-family);
}

.team-container {
  max-width: 1240px;
  margin: 0 auto;
}

.team-header {
  text-align: center;
  margin-bottom: 50px;
}

.team-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #EFF5FF;
  border: 1px solid #D0E2FF;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-blue);
  margin-bottom: 16px;
}

.team-title {
  font-size: 42px;
  line-height: 1.18;
  font-weight: 800;
  color: #fff;
}

.team-slider-wrapper {
  position: relative;
  margin-bottom: 30px;
}

.team-slider {
  display: flex;
  gap: 30px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 10px;
  margin-bottom: 20px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.team-slider::-webkit-scrollbar {
  display: none;
}

.team-card {
  min-width: 340px;
  max-width: 340px;
  background-color: #F8FAFC;
  border-radius: 24px;
  padding: 16px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.team-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(0, 56, 168, 0.08);
}

.team-img-wrapper {
  width: 100%;
  height: 320px;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 24px;
}

.team-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.team-card:hover .team-img {
  transform: scale(1.04);
}

.team-info {
  padding: 0 12px 16px 12px;
}

.doctor-name {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 8px;
}

.doctor-role {
  font-size: 14px;
  color: #5E6D88;
  font-weight: 500;
}

.team-callout {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* ==========================================
   Before & After Section
   ========================================== */
.before-after-section {
  padding: 100px 20px;
  background-color: #F8FAFC;
  font-family: var(--font-family);
}

.before-after-container {
  max-width: 1240px;
  margin: 0 auto;
}

.ba-header {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 50px auto;
}

.ba-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #EFF5FF;
  border: 1px solid #D0E2FF;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-blue);
  margin-bottom: 16px;
}

.ba-title {
  font-size: 42px;
  line-height: 1.18;
  font-weight: 800;
  color: var(--text-dark);
  margin-bottom: 16px;
}

.ba-description {
  font-size: 16px;
  line-height: 1.6;
  color: #5E6D88;
}

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

.ba-card-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ba-comparison-container {
  position: relative;
  width: 100%;
  height: 380px;
  border-radius: 24px;
  overflow: hidden;
  user-select: none;
  cursor: ew-resize;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.ba-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.before-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  z-index: 2;
  border-right: 2px solid #FFFFFF;
}

.before-wrapper .img-before {
  width: 100%;
  height: 100%;
  max-width: none;
}

.ba-handle {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 2px;
  background-color: #FFFFFF;
  z-index: 3;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.handle-circle {
  width: 19px;
  height: 19px;
  background: #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: var(--primary-blue);
  font-size: 14px;
  transition: transform 0.2s ease;
}

.ba-comparison-container:hover .handle-circle {
  transform: scale(1.1);
}

.ba-card-label {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 700;
  color:#fff;
  text-align: center;
}

/* ==========================================
   Case Studies Section
   ========================================== */
.case-studies-section {
  padding: 100px 20px;
  font-family: var(--font-family);
}

.case-studies-container {
  max-width: 1240px;
  margin: 0 auto;
}

.cs-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 40px;
  margin-bottom: 50px;
}

.cs-header-left {
  max-width: 580px;
}

.cs-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #EFF5FF;
  border: 1px solid #D0E2FF;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-blue);
  margin-bottom: 20px;
}

.cs-title {
  font-size: 42px;
  line-height: 1.18;
  font-weight: 800;
  color: #fff;
}

.cs-header-right {
  max-width: 480px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.cs-description {
  font-size: 16px;
  line-height: 1.6;
  color: #5E6D88;
}

.cs-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: var(--primary-blue);
  color: #FFFFFF;
  padding: 14px 28px;
  border-radius: 30px;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.cs-btn-primary:hover {
  background-color: var(--accent-blue);
  transform: translateY(-2px);
}

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

.cs-card {
  display: flex;
  flex-direction: column;
}

.cs-img-wrapper {
  width: 100%;
  height: 380px;
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: 20px;
}

.cs-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.cs-card:hover .cs-img {
  transform: scale(1.05);
}

.cs-card-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cs-category {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--primary-blue);
  font-size: 14px;
  font-weight: 600;
}

.cs-card-title {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 1.35;
  transition: color 0.3s ease;
}

.cs-card:hover .cs-card-title {
  color: var(--accent-blue);
}

/* ==========================================
   Appointment Section
   ========================================== */
.appointment-section {
  position: relative;
  padding: 100px 20px;
  background: url('https://images.unsplash.com/photo-1629909613654-28e377c37b09?auto=format&fit=crop&q=80&w=1920') no-repeat center center / cover;
  font-family: var(--font-family);
  min-height: 650px;
  display: flex;
  align-items: center;
}

.appointment-container {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
}

.appointment-card {
  background: #FFFFFF;
  border-radius: 28px;
  padding: 48px 40px;
  width: 100%;
  max-width: 580px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

.appointment-title {
  font-size: 36px;
  font-weight: 800;
  color: var(--text-dark);
  margin-bottom: 32px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E2E8F0;
}

.appointment-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.form-group.full-width {
  grid-column: span 2;
}

.form-group label {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-dark);
}

.form-group input,
.form-group textarea {
  width: 100%;
  padding: 14px 18px;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  font-size: 14px;
  font-family: inherit;
  color: var(--text-dark);
  background-color: #FFFFFF;
  outline: none;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
  color: #94A3B8;
}

.form-group input:focus,
.form-group textarea:focus {
  border-color: var(--accent-blue);
  box-shadow: 0 0 0 3px rgba(43, 127, 255, 0.12);
}

.form-group textarea {
  resize: vertical;
  min-height: 120px;
}

.date-input-wrapper {
  position: relative;
}

.date-input-wrapper input[type="date"] {
  color-scheme: light;
}

.appointment-btn {
  width: 100%;
  background-color: var(--primary-blue);
  color: #FFFFFF;
  padding: 16px;
  border: none;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  margin-top: 10px;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.appointment-btn:hover {
  background-color: var(--accent-blue);
  transform: translateY(-2px);
}

/* ==========================================
   Testimonials Section
   ========================================== */
.testimonials-section {
  padding: 100px 20px;
  background-color: #FFFFFF;
  font-family: var(--font-family);
}

.testimonials-container {
  max-width: 1240px;
  margin: 0 auto;
}

.testimonials-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 50px auto;
}

.testimonials-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #EFF5FF;
  border: 1px solid #D0E2FF;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-blue);
  margin-bottom: 20px;
}

.testimonials-title {
  font-size: 42px;
  line-height: 1.18;
  font-weight: 800;
  color: var(--text-dark);
  margin-bottom: 16px;
}

.testimonials-description {
  font-size: 16px;
  line-height: 1.6;
  color: #5E6D88;
}

.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 60px;
}

.testimonial-card {
  background-color: #F8FAFC;
  border-radius: 24px;
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #F1F5F9;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.testimonial-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(0, 56, 168, 0.06);
}

.author-info {
  display: flex;
  align-items: center;
  gap: 16px;
}

.author-avatar {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  object-fit: cover;
}

.author-name {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 4px;
}

.author-role {
  font-size: 14px;
  color: #5E6D88;
}

.testimonial-divider {
  height: 1px;
  background-color: #E2E8F0;
  margin: 20px 0;
}

.testimonial-text {
  font-size: 15px;
  line-height: 1.65;
  color: #475569;
  margin-bottom: 24px;
  flex-grow: 1;
}

.rating-stars {
  display: flex;
  gap: 4px;
  color: #10B981;
  font-size: 14px;
}

.trust-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.trust-top-line {
  display: flex;
  align-items: center;
  gap: 10px;
}

.free-badge {
  background-color: #10B981;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 20px;
}

.trust-text {
  font-size: 15px;
  color: var(--text-dark);
  font-weight: 500;
}

.trust-rating-line {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  color: var(--text-dark);
}

.trust-count strong {
  font-weight: 800;
}

.trust-stars {
  display: flex;
  gap: 3px;
  color: #10B981;
  font-size: 14px;
}

.trust-score {
  font-weight: 800;
  color: var(--text-dark);
}

/* ==========================================
   FAQ Section
   ========================================== */
.faq-section {
  padding: 100px 20px;
  font-family: var(--font-family);
}

.faq-container {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 80px;
  align-items: start;
}

.faq-left {
  display: flex;
  flex-direction: column;
}

.faq-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #EFF5FF;
  border: 1px solid #D0E2FF;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-blue);
  margin-bottom: 20px;
  align-self: flex-start;
}

.faq-title {
  font-size: 42px;
  line-height: 1.18;
  font-weight: 800;
  color: #fff;
  margin-bottom: 40px;
}

.faq-divider {
  width: 100%;
  height: 1px;
  background-color: #E2E8F0;
  margin-bottom: 40px;
}

.faq-contact-widgets {
  display: flex;
  align-items: center;
  gap: 36px;
  flex-wrap: wrap;
}

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

.contact-icon {
  width: 50px;
  height: 50px;
  background-color: var(--primary-blue);
  color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.contact-icon:hover {
  background-color: var(--accent-blue);
  transform: translateY(-2px);
}

.contact-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.contact-label {
  font-size: 13px;
  color: #5E6D88;
  font-weight: 500;
}

.contact-value {
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  text-decoration: none;
  transition: color 0.3s ease;
}

.contact-value:hover {
  color: var(--accent-blue);
}

.faq-accordion {
  display: flex;
  flex-direction: column;
}

.faq-item {
  border-bottom: 1px solid #E2E8F0;
  padding: 24px 0;
}

.faq-item:first-child {
  padding-top: 0;
}

.faq-question {
  width: 100%;
  background: none;
  border: none;
  outline: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  padding: 0;
  gap: 20px;
  transition: color 0.3s ease;
}

.faq-question:hover {
  color: var(--accent-blue);
}

.faq-toggle-icon {
  font-size: 18px;
  color: var(--primary-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0, 1, 0, 1);
}

.faq-item.active .faq-answer {
  max-height: 300px;
  transition: max-height 0.35s cubic-bezier(0.5, 0, 1, 0);
}

.faq-answer p {
  padding-top: 16px;
  font-size: 15px;
  line-height: 1.65;
  color:#fff;
}

/* ==========================================
   Blog Section
   ========================================== */
.blog-section {
  padding: 100px 20px;
  background-color: #FFFFFF;
  font-family: var(--font-family);
}

.blog-container {
  max-width: 1240px;
  margin: 0 auto;
}

.blog-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 50px auto;
}

.blog-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #EFF5FF;
  border: 1px solid #D0E2FF;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-blue);
  margin-bottom: 20px;
}

.blog-title {
  font-size: 42px;
  line-height: 1.18;
  font-weight: 800;
  color: var(--text-dark);
  margin-bottom: 16px;
}

.blog-description {
  font-size: 16px;
  line-height: 1.6;
  color: #5E6D88;
}

.blog-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 30px;
}

.category-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 20px;
  padding: 6px 14px;
}

.category-badge .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: currentColor;
}

.overlay-badge {
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 16px;
  align-self: flex-start;
}

.inline-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: var(--text-dark);
  z-index: 2;
}

.featured-blog {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  min-height: 520px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.featured-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.featured-blog:hover .featured-img {
  transform: scale(1.04);
}

.featured-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(10, 28, 62, 0) 40%, rgba(10, 28, 62, 0.85) 100%);
  z-index: 1;
}

.featured-content {
  position: relative;
  z-index: 2;
  padding: 36px;
  display: flex;
  flex-direction: column;
}

.featured-title {
  font-size: 28px;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.3;
  margin-bottom: 20px;
}

.standard-blog {
  background-color: #F8FAFC;
  border-radius: 24px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  border: 1px solid #F1F5F9;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.standard-blog:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(0, 56, 168, 0.06);
}

.blog-img-wrapper {
  position: relative;
  width: 100%;
  height: 220px;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 20px;
}

.blog-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.standard-blog:hover .blog-img {
  transform: scale(1.05);
}

.blog-card-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0 8px 8px 8px;
}

.blog-card-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-dark);
  line-height: 1.35;
  margin-bottom: 12px;
  transition: color 0.3s ease;
}

.standard-blog:hover .blog-card-title {
  color: var(--accent-blue);
}

.blog-card-desc {
  font-size: 14px;
  line-height: 1.6;
  color: #5E6D88;
  margin-bottom: 24px;
}

.blog-card-footer {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid #E2E8F0;
}

.read-more-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 700;
  color: var(--primary-blue);
  text-decoration: none;
  transition: color 0.3s ease, gap 0.3s ease;
}

.read-more-link.light-link {
  color: #FFFFFF;
}

.read-more-link:hover {
  color: var(--accent-blue);
  gap: 12px;
}

/* ==========================================
   Footer Section
   ========================================== */
.footer-section {
  background-color: #031435;
  color: #FFFFFF;
  font-family: var(--font-family);
  padding-top: 60px;
  padding-bottom: 30px;
}

.footer-container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}

.footer-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 40px;
}

.cta-info {
  display: flex;
  align-items: center;
  gap: 20px;
}

.cta-icon {
  font-size: 38px;
  color: var(--accent-blue);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta-sublabel {
  font-size: 13px;
  color: var(--accent-blue);
  font-weight: 600;
  display: block;
  margin-bottom: 4px;
}

.cta-title {
  font-size: 32px;
  font-weight: 800;
  color: #FFFFFF;
  margin: 0;
}

.cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: var(--primary-blue);
  color: #FFFFFF;
  padding: 14px 28px;
  border-radius: 30px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.cta-btn:hover {
  background-color: var(--accent-blue);
  transform: translateY(-2px);
}

.footer-divider {
  height: 1px;
  background-color: rgba(255, 255, 255, 0.12);
  margin-bottom: 60px;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
  gap: 40px;
  margin-bottom: 60px;
}

.col-title {
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 24px;
}

.footer-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  margin-bottom: 20px;
}

.logo-icon {
  font-size: 26px;
  color: var(--accent-blue);
}

.logo-text {
  font-size: 26px;
  font-weight: 800;
  color: #FFFFFF;
}

.brand-desc {
  font-size: 14px;
  line-height: 1.6;
  color: #94A3B8;
  margin-bottom: 28px;
  max-width: 280px;
}

.opening-hours {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.hours-title {
  font-size: 15px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 4px;
}

.hours-row {
  display: flex;
  align-items: center;
  gap: 30px;
  font-size: 14px;
}

.hours-row .day {
  color: #94A3B8;
  width: 80px;
}

.hours-row .time {
  color: #FFFFFF;
  font-weight: 600;
}

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.footer-links a {
  color: #94A3B8;
  font-size: 14px;
  text-decoration: none;
  transition: color 0.3s ease, padding-left 0.3s ease;
}

.footer-links a:hover {
  color: var(--accent-blue);
  padding-left: 4px;
}

.contact-address {
  font-size: 14px;
  line-height: 1.6;
  color: #94A3B8;
  margin-bottom: 16px;
}

.contact-phone {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  color: #FFFFFF;
  text-decoration: none;
  margin-bottom: 28px;
  transition: color 0.3s ease;
}

.contact-phone:hover {
  color: var(--accent-blue);
}

.social-links {
  display: flex;
  align-items: center;
  gap: 12px;
}

.social-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.social-icon:hover {
  background-color: var(--primary-blue);
  transform: translateY(-3px);
}

.footer-bottom {
  text-align: center;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 14px;
  color: #94A3B8;
}

/* ==========================================
   COMPREHENSIVE RESPONSIVE MEDIA QUERIES
   ========================================== */

/* Laptop / Desktop Adjustments (Under 1200px) */
@media (max-width: 1200px) {
  .hero-container,
  .about-container,
  .services-container,
  .why-us-container,
  .team-container,
  .before-after-container,
  .case-studies-container,
  .appointment-container,
  .testimonials-container,
  .faq-container,
  .blog-container,
  .footer-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .circle-1 { width: 300px; height: 300px; }
  .circle-2 { width: 400px; height: 400px; }
  .circle-3 { width: 500px; height: 500px; }

  .blog-grid {
    grid-template-columns: 1.5fr 1fr 1fr;
  }
}

/* Tablet Layout (Under 992px) */
@media (max-width: 992px) {
  /* Section Padding Scales Down */
  .about-section,
  .services-section,
  .why-us-section,
  .team-section,
  .before-after-section,
  .case-studies-section,
  .appointment-section,
  .testimonials-section,
  .faq-section,
  .blog-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  /* Header & Navigation */
  .navbar {
    padding: 10px 20px;
  }

  .nav-links {
    gap: 16px;
  }

  .nav-links a {
    font-size: 14px;
  }

  .btn-nav {
    display: none; /* Hide primary header CTA on tablet/mobile to avoid overflow */
  }

  /* Hero Section */
  .hero-section {
    min-height: auto;
    margin-top: 0;
    padding-top: 60px;
  }

  .hero-container {
    grid-template-columns: 1fr;
    gap: 40px;
    text-align: center;
  }

  .hero-content {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .hero-title {
    font-size: 40px;
  }

  .hero-actions {
    justify-content: center;
  }

  .hero-footer-text {
    justify-content: center;
  }

  /* About Section */
  .about-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .clinic-img {
    height: 400px;
  }

  .about-title {
    font-size: 34px;
  }

  /* Services Section */
  .services-header {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .services-title {
    font-size: 34px;
  }

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

  /* Why Choose Us Section */
  .why-us-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .why-us-content {
    max-width: 100%;
  }

  .why-us-title {
    font-size: 34px;
  }

  .why-us-image-wrapper {
    min-height: 420px;
  }

  .why-us-bg-card {
    width: 100%;
    height: 380px;
  }

  /* Team Section */
  .team-card {
    min-width: 300px;
    max-width: 300px;
  }

  .team-title {
    font-size: 34px;
  }

  /* Before & After Section */
  .ba-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ba-title {
    font-size: 34px;
  }

  /* Case Studies Section */
  .cs-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

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

  .cs-title {
    font-size: 34px;
  }

  /* Appointment Section */
  .appointment-container {
    justify-content: center;
  }

  .appointment-card {
    max-width: 100%;
  }

  /* Testimonials Section */
  .testimonials-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .testimonials-title {
    font-size: 34px;
  }

  /* FAQ Section */
  .faq-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .faq-title {
    font-size: 34px;
    margin-bottom: 24px;
  }

  /* Blog Section */
  .blog-grid {
    grid-template-columns: 1fr;
  }

  .featured-blog {
    min-height: 420px;
  }

  .blog-title {
    font-size: 34px;
  }

  /* Footer Section */
  .footer-cta {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}

/* Mobile Screen Layout (Under 768px) */
@media (max-width: 768px) {
  /* Navigation Bar Adjustments */
  .header-container {
    top: 10px;
    padding: 0 12px;
  }

  .navbar {
    padding: 10px 18px;
    border-radius: 30px;
    position: relative;
    z-index: 2;
  }

  .nav-links {
    display: none; /* Hide default nav items for compact display */
  }

  .btn-nav {
    display: none; /* Book button moves into the mobile dropdown instead */
  }

  .logo-azura {
    font-size: 20px;
  }

  .logo-dental {
    font-size: 8px;
    letter-spacing: 2px;
  }

  /* Hamburger Toggle */
  .menu-toggle {
    display: flex;
  }

  /* Mobile Dropdown Menu */
  .mobile-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 10px;
    background: #FFFFFF;
    border-radius: 24px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-8px);
    transition: max-height 0.35s ease, opacity 0.3s ease, transform 0.3s ease, padding 0.35s ease;
    padding: 0 24px;
  }

  body.mobile-menu-open .mobile-menu {
    max-height: 480px;
    opacity: 1;
    transform: translateY(0);
    padding: 20px 24px 24px;
  }

  .mobile-nav-links {
    list-style: none;
    display: flex;
    flex-direction: column;
  }

  .mobile-nav-links li {
    border-bottom: 1px solid #EEF1F6;
  }

  .mobile-nav-links li:last-child {
    border-bottom: none;
  }

  .mobile-nav-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 14px 4px;
    text-decoration: none;
    color: #1A2B4C;
    font-size: 15px;
    font-weight: 600;
  }

  .mobile-nav-links a:hover,
  .mobile-nav-links a.active {
    color: var(--primary-blue);
  }

  .mobile-book-btn {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 16px;
  }

  /* Backdrop behind the dropdown */
  .mobile-menu-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(3, 19, 51, 0.55);
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
  }

  body.mobile-menu-open .mobile-menu-backdrop {
    opacity: 1;
    pointer-events: auto;
  }

  body.mobile-menu-open {
    overflow: hidden;
  }

  /* Hero Section */
  .hero-title {
    font-size: 32px;
  }

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

  .circle-1 { width: 240px; height: 240px; }
  .circle-2 { width: 320px; height: 320px; }
  .circle-3 { width: 400px; height: 400px; }

  /* About Section Card Overlay Position Shift */
  .image-overlay-card {
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%;
    margin-top: -40px;
  }

  .clinic-img {
    height: 320px;
  }

  .about-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  /* Before & After Cards */
  .ba-grid {
    grid-template-columns: 1fr;
  }

  /* Services Grid */
  .services-grid {
    grid-template-columns: 1fr;
  }

  /* Appointment Form */
  .form-grid {
    grid-template-columns: 1fr;
  }

  .form-group.full-width {
    grid-column: span 1;
  }

  /* Testimonials Grid */
  .testimonials-grid {
    grid-template-columns: 1fr;
  }

  /* Footer Column Adjustments */
  .footer-grid {
    grid-template-columns: 1fr;
  }
}

/* Small Smartphone Screen Adjustments (Under 576px) */
@media (max-width: 576px) {
  .about-section,
  .services-section,
  .why-us-section,
  .team-section,
  .before-after-section,
  .case-studies-section,
  .appointment-section,
  .testimonials-section,
  .faq-section,
  .blog-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .hero-title,
  .about-title,
  .services-title,
  .why-us-title,
  .team-title,
  .ba-title,
  .cs-title,
  .testimonials-title,
  .faq-title,
  .blog-title {
    font-size: 26px;
  }

  .hero-actions {
    flex-direction: column;
    width: 100%;
  }

  .btn-primary,
  .cs-btn-primary,
  .cta-btn {
    width: 100%;
    justify-content: center;
  }

  .why-us-cards {
    grid-template-columns: 1fr;
  }

  .team-card {
    min-width: 260px;
    max-width: 260px;
  }

  .card-img-wrapper {
    height: 260px;
  }

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

  .ba-comparison-container {
    height: 300px;
  }

  .appointment-card {
    padding: 28px 20px;
  }

  .appointment-title {
    font-size: 26px;
  }

  .trust-top-line, 
  .trust-rating-line {
    flex-direction: column;
    gap: 6px;
  }

  .faq-question {
    font-size: 16px;
  }

  .faq-contact-widgets {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .featured-content {
    padding: 20px;
  }

  .featured-title {
    font-size: 20px;
  }

  .footer-cta {
    align-items: center;
    text-align: center;
  }

  .cta-info {
    flex-direction: column;
    gap: 12px;
  }

  .cta-title {
    font-size: 22px;
  }
}

/* ==========================================
   GLOBAL PREMIUM SECTION TRANSITIONS
   ========================================== */

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* ------------------------------------------
   Section Base Reveal
   ------------------------------------------ */

.about-section,
.services-section,
.why-us-section,
.team-section,
.before-after-section,
.case-studies-section,
.appointment-section,
.testimonials-section,
.faq-section,
.blog-section,
.footer-section {
  opacity: 0;
  transform: translateY(45px);
  transition:
    opacity 1s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* Active section */
.about-section.section-visible,
.services-section.section-visible,
.why-us-section.section-visible,
.team-section.section-visible,
.before-after-section.section-visible,
.case-studies-section.section-visible,
.appointment-section.section-visible,
.testimonials-section.section-visible,
.faq-section.section-visible,
.blog-section.section-visible,
.footer-section.section-visible {
  opacity: 1;
  transform: translateY(0);
}


/* ==========================================
   HERO ANIMATION
   ========================================== */

.hero-section {
  opacity: 1;
  overflow: hidden;
}

.hero-content {
  animation: heroContentReveal 1s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.hero-image-wrapper {
  animation: heroImageReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.15s both;
}

@keyframes heroContentReveal {
  from {
    opacity: 0;
    transform: translateX(-45px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes heroImageReveal {
  from {
    opacity: 0;
    transform: translateX(45px) scale(0.94);
  }

  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}


/* ==========================================
   SECTION INTERNAL ELEMENT ANIMATION
   ========================================== */

.section-visible .about-image-wrapper,
.section-visible .why-us-image-wrapper,
.section-visible .appointment-card {
  animation: contentRevealRight 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.15s both;
}

.section-visible .about-container > .about-content,
.section-visible .why-us-content {
  animation: contentRevealLeft 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;
}

@keyframes contentRevealLeft {
  from {
    opacity: 0;
    transform: translateX(-35px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes contentRevealRight {
  from {
    opacity: 0;
    transform: translateX(35px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}


/* ==========================================
   HEADINGS / BADGES
   ========================================== */

.section-visible .services-badge,
.section-visible .why-us-badge,
.section-visible .team-badge,
.section-visible .ba-badge,
.section-visible .cs-badge,
.section-visible .testimonials-badge,
.section-visible .faq-badge,
.section-visible .blog-badge {
  animation: badgeReveal 0.7s ease both;
}

.section-visible .services-title,
.section-visible .why-us-title,
.section-visible .team-title,
.section-visible .ba-title,
.section-visible .cs-title,
.section-visible .testimonials-title,
.section-visible .faq-title,
.section-visible .blog-title {
  animation: headingReveal 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.08s both;
}

@keyframes badgeReveal {
  from {
    opacity: 0;
    transform: translateY(15px) scale(0.96);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes headingReveal {
  from {
    opacity: 0;
    transform: translateY(25px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* ==========================================
   CARD STAGGER ANIMATION
   ========================================== */

.section-visible .service-card,
.section-visible .why-card,
.section-visible .team-card,
.section-visible .ba-card-wrap,
.section-visible .cs-card,
.section-visible .testimonial-card,
.section-visible .standard-blog {
  animation: cardReveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.section-visible .service-card:nth-child(1),
.section-visible .why-card:nth-child(1),
.section-visible .team-card:nth-child(1),
.section-visible .ba-card-wrap:nth-child(1),
.section-visible .cs-card:nth-child(1),
.section-visible .testimonial-card:nth-child(1),
.section-visible .standard-blog:nth-child(1) {
  animation-delay: 0.10s;
}

.section-visible .service-card:nth-child(2),
.section-visible .why-card:nth-child(2),
.section-visible .team-card:nth-child(2),
.section-visible .ba-card-wrap:nth-child(2),
.section-visible .cs-card:nth-child(2),
.section-visible .testimonial-card:nth-child(2),
.section-visible .standard-blog:nth-child(2) {
  animation-delay: 0.20s;
}

.section-visible .service-card:nth-child(3),
.section-visible .why-card:nth-child(3),
.section-visible .team-card:nth-child(3),
.section-visible .ba-card-wrap:nth-child(3),
.section-visible .cs-card:nth-child(3),
.section-visible .testimonial-card:nth-child(3),
.section-visible .standard-blog:nth-child(3) {
  animation-delay: 0.30s;
}

.section-visible .service-card:nth-child(4),
.section-visible .why-card:nth-child(4),
.section-visible .team-card:nth-child(4),
.section-visible .ba-card-wrap:nth-child(4),
.section-visible .cs-card:nth-child(4),
.section-visible .testimonial-card:nth-child(4),
.section-visible .standard-blog:nth-child(4) {
  animation-delay: 0.40s;
}

.section-visible .service-card:nth-child(5),
.section-visible .team-card:nth-child(5) {
  animation-delay: 0.50s;
}

.section-visible .team-card:nth-child(6) {
  animation-delay: 0.60s;
}

@keyframes cardReveal {
  from {
    opacity: 0;
    transform: translateY(35px) scale(0.97);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}


/* ==========================================
   IMAGE REVEAL
   ========================================== */

.section-visible .clinic-img,
.section-visible .why-us-img,
.section-visible .team-img,
.section-visible .ba-img,
.section-visible .cs-img,
.section-visible .blog-img,
.section-visible .featured-img {
  animation: imageReveal 1.1s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes imageReveal {
  from {
    opacity: 0;
    transform: scale(1.06);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}


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

.section-visible .faq-item {
  animation: faqReveal 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.section-visible .faq-item:nth-child(1) {
  animation-delay: 0.10s;
}

.section-visible .faq-item:nth-child(2) {
  animation-delay: 0.18s;
}

.section-visible .faq-item:nth-child(3) {
  animation-delay: 0.26s;
}

.section-visible .faq-item:nth-child(4) {
  animation-delay: 0.34s;
}

.section-visible .faq-item:nth-child(5) {
  animation-delay: 0.42s;
}

@keyframes faqReveal {
  from {
    opacity: 0;
    transform: translateX(25px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}


/* ==========================================
   FOOTER REVEAL
   ========================================== */

.footer-section {
  transform: translateY(30px);
}

.footer-section.section-visible .footer-cta {
  animation: footerReveal 0.8s ease both;
}

.footer-section.section-visible .footer-grid {
  animation: footerReveal 0.9s ease 0.15s both;
}

@keyframes footerReveal {
  from {
    opacity: 0;
    transform: translateY(25px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* ==========================================
   BUTTON MICRO INTERACTION
   ========================================== */

.btn-primary,
.cs-btn-primary,
.cta-btn,
.appointment-btn {
  transition:
    transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.3s ease,
    background-color 0.3s ease;
}

.btn-primary:hover,
.cs-btn-primary:hover,
.cta-btn:hover,
.appointment-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(43, 127, 255, 0.25);
}


/* ==========================================
   ACCESSIBILITY
   ========================================== */

@media (prefers-reduced-motion: reduce) {

  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .about-section,
  .services-section,
  .why-us-section,
  .team-section,
  .before-after-section,
  .case-studies-section,
  .appointment-section,
  .testimonials-section,
  .faq-section,
  .blog-section,
  .footer-section {
    opacity: 1;
    transform: none;
  }
}


/* ==========================================
   MOBILE OPTIMIZATION
   ========================================== */

@media (max-width: 768px) {

  .about-section,
  .services-section,
  .why-us-section,
  .team-section,
  .before-after-section,
  .case-studies-section,
  .appointment-section,
  .testimonials-section,
  .faq-section,
  .blog-section,
  .footer-section {
    transform: translateY(25px);
    transition-duration: 0.7s;
  }

  .section-visible .service-card,
  .section-visible .why-card,
  .section-visible .team-card,
  .section-visible .ba-card-wrap,
  .section-visible .cs-card,
  .section-visible .testimonial-card,
  .section-visible .standard-blog {
    animation-duration: 0.65s;
  }

}
/* =========================================================
   AZURA PREMIUM HERO
========================================================= */

.az-hero {
    --az-primary: #0733a4;
    --az-accent: #2B7FFF;
    --az-dark: #031333;
    --az-white: #ffffff;

    position: relative;
    min-height: 820px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 72% 48%,
            rgba(43,127,255,.16),
            transparent 32%
        ),
        linear-gradient(
            120deg,
            #020d25 0%,
            #031333 52%,
            #061b48 100%
        );
    color: #fff;
    isolation: isolate;
}

.az-hero-bg {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}

.az-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(10px);
    animation: azGlow 7s ease-in-out infinite alternate;
}

.az-glow-one {
    width: 420px;
    height: 420px;
    top: -170px;
    left: -130px;
    background: rgba(43,127,255,.13);
}

.az-glow-two {
    width: 500px;
    height: 500px;
    right: -230px;
    bottom: -260px;
    background: rgba(0,56,168,.25);
    animation-delay: 1.5s;
}

.az-grid {
    position: absolute;
    inset: 0;
    opacity: .035;
    background-image:
        linear-gradient(rgba(255,255,255,.8) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.8) 1px, transparent 1px);
    background-size: 80px 80px;
    mask-image: linear-gradient(
        to bottom,
        black,
        transparent 90%
    );
}

.az-hero-container {
    width: min(1380px, calc(100% - 80px));
    min-height: 820px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, .93fr) minmax(500px, 1.07fr);
    align-items: center;
    gap: 50px;
    padding: 100px 0 80px;
}


/* =========================
   CONTENT
========================= */

.az-hero-content {
    position: relative;
    z-index: 5;
    max-width: 690px;
}

.az-hero-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
    margin-bottom: 30px;
    color: rgba(255,255,255,.72);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    animation: azFadeUp .8s ease both;
}

.az-eyebrow-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 50%;
    background: rgba(255,255,255,.06);
    color: #5b9cff;
    box-shadow: 0 8px 30px rgba(0,0,0,.16);
}

.az-eyebrow-line {
    width: 42px;
    height: 1px;
    margin-left: 5px;
    background: linear-gradient(
        90deg,
        #2B7FFF,
        transparent
    );
}

.az-hero-title {
    margin: 0;
    max-width: 760px;
    font-size: clamp(58px, 6vw, 94px);
    line-height: .99;
    letter-spacing: -4px;
    font-weight: 500;
    color: #fff;
    animation: azFadeUp .8s .12s ease both;
}

.az-hero-title span {
    display: block;
    color: rgba(255,255,255,.9);
}

.az-hero-title strong {
    position: relative;
    display: inline-block;
    color: #4b91ff;
    font-weight: 700;
}

.az-hero-title strong::after {
    content: "";
    position: absolute;
    left: 3px;
    right: 0;
    bottom: -8px;
    height: 7px;
    background: url("data:image/svg+xml,%3Csvg width='300' height='12' viewBox='0 0 300 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8C55 2 105 11 153 6C203 1 248 9 298 4' stroke='%232B7FFF' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")
        center / 100% 100% no-repeat;
    opacity: .9;
}

.az-hero-description {
    max-width: 590px;
    margin: 38px 0 0;
    color: rgba(255,255,255,.65);
    font-size: 17px;
    line-height: 1.8;
    font-weight: 400;
    animation: azFadeUp .8s .24s ease both;
}


/* =========================
   ACTIONS
========================= */

.az-hero-actions {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-top: 38px;
    animation: azFadeUp .8s .36s ease both;
}

.az-btn-main {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    min-height: 62px;
    padding: 7px 8px 7px 25px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 100px;
    background: #2B7FFF;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .1px;
    box-shadow:
        0 15px 45px rgba(43,127,255,.27);
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background .35s ease;
}

.az-btn-main:hover {
    color: #fff;
    transform: translateY(-4px);
    background: #3b89ff;
    box-shadow:
        0 22px 55px rgba(43,127,255,.38);
}

.az-btn-arrow {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255,255,255,.14);
    font-size: 15px;
    transition: transform .35s ease;
}

.az-btn-main:hover .az-btn-arrow {
    transform: rotate(45deg);
}

.az-story-btn {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
    text-align: left;
}

.az-play {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 50%;
    background: rgba(255,255,255,.06);
    color: #fff;
    transition:
        background .3s ease,
        transform .3s ease;
}

.az-play i {
    margin-left: 3px;
    font-size: 12px;
}

.az-story-btn:hover .az-play {
    background: #2B7FFF;
    transform: scale(1.08);
}

.az-story-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.az-story-text small {
    color: rgba(255,255,255,.42);
    font-size: 8px;
    letter-spacing: 1.8px;
    font-weight: 700;
}

.az-story-text strong {
    font-size: 13px;
    font-weight: 600;
}


/* =========================
   TRUST
========================= */

.az-hero-bottom {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 65px;
    animation: azFadeUp .8s .48s ease both;
}

.az-trust-avatars {
    display: flex;
    padding-left: 7px;
}

.az-avatar {
    width: 43px;
    height: 43px;
    margin-left: -7px;
    display: grid;
    place-items: center;
    border: 2px solid #031333;
    border-radius: 50%;
    background: #0b2859;
    color: #78acff;
    font-size: 14px;
}

.az-trust-copy {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.az-stars {
    display: flex;
    gap: 3px;
    color: #5e9eff;
    font-size: 10px;
}

.az-trust-copy strong {
    font-size: 12px;
    font-weight: 700;
}

.az-trust-copy span {
    color: rgba(255,255,255,.42);
    font-size: 10px;
}


/* =========================
   VISUAL
========================= */

.az-hero-visual {
    position: relative;
    height: 680px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: azVisualIn 1.1s .15s ease both;
}

.az-image-frame {
    position: relative;
    z-index: 3;
    width: min(510px, 72%);
    height: 610px;
    padding: 10px;
    border-radius: 255px 255px 35px 35px;
    background: linear-gradient(
        145deg,
        rgba(255,255,255,.30),
        rgba(255,255,255,.04)
    );
    box-shadow:
        0 40px 100px rgba(0,0,0,.38),
        0 0 0 1px rgba(255,255,255,.08);
}

.az-image-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 245px 245px 27px 27px;
    background: #0a214b;
}

.az-dentist-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center top;
    filter: saturate(.92) contrast(1.04);
    transform: scale(1.02);
    transition: transform 1.2s cubic-bezier(.2,.7,.2,1);
}

.az-image-frame:hover .az-dentist-image {
    transform: scale(1.07);
}

.az-image-shine {
    position: absolute;
    inset: 0;
    z-index: 4;
    border-radius: 255px 255px 35px 35px;
    pointer-events: none;
    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,.20),
            transparent 25%,
            transparent 70%,
            rgba(43,127,255,.13)
        );
}


/* =========================
   RINGS
========================= */

.az-visual-ring {
    position: absolute;
    border: 1px solid rgba(72,145,255,.22);
    border-radius: 50%;
    pointer-events: none;
}

.az-ring-one {
    width: 650px;
    height: 650px;
    animation: azRotate 30s linear infinite;
}

.az-ring-two {
    width: 510px;
    height: 510px;
    border-style: dashed;
    border-color: rgba(255,255,255,.08);
    animation: azRotateReverse 24s linear infinite;
}


/* =========================
   NUMBER
========================= */

.az-visual-number {
    position: absolute;
    top: 75px;
    right: 4%;
    z-index: 6;
    display: flex;
    align-items: center;
    gap: 10px;
}

.az-visual-number span {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}

.az-visual-number i {
    width: 35px;
    height: 1px;
    background: #2B7FFF;
}

.az-visual-number small {
    color: rgba(255,255,255,.35);
    font-size: 7px;
    line-height: 1.4;
    letter-spacing: 1.5px;
    font-weight: 700;
}


/* =========================
   FLOATING CARDS
========================= */

.az-floating-card {
    position: absolute;
    z-index: 8;
    display: flex;
    align-items: center;
    gap: 13px;
    border: 1px solid rgba(255,255,255,.13);
    background: rgba(5,25,60,.72);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow:
        0 25px 60px rgba(0,0,0,.25);
}

.az-care-card {
    right: 0;
    bottom: 115px;
    min-width: 235px;
    padding: 15px 16px;
    border-radius: 17px;
    animation: azFloat 5s ease-in-out infinite;
}

.az-floating-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(43,127,255,.14);
    color: #5d9fff;
}

.az-floating-card > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.az-floating-card span {
    color: rgba(255,255,255,.40);
    font-size: 7px;
    letter-spacing: 1.5px;
    font-weight: 700;
}

.az-floating-card strong {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.az-check {
    margin-left: auto;
    color: #55a0ff;
    font-size: 11px;
}

.az-experience-card {
    left: 1%;
    bottom: 75px;
    padding: 14px 18px 14px 14px;
    border-radius: 17px;
    animation: azFloat 5s 1s ease-in-out infinite;
}

.az-experience-icon {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #fff;
    color: #0733a4;
}

.az-experience-card div:last-child {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.az-experience-card div:last-child span {
    color: rgba(255,255,255,.42);
    font-size: 9px;
    letter-spacing: 0;
    font-weight: 400;
}


/* =========================
   DECORATIVE DOTS
========================= */

.az-floating-dot {
    position: absolute;
    z-index: 5;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #4b91ff;
    box-shadow: 0 0 25px #2B7FFF;
    animation: azPulse 2.5s ease-in-out infinite;
}

.az-dot-one {
    top: 190px;
    left: 8%;
}

.az-dot-two {
    right: 12%;
    top: 330px;
    width: 5px;
    height: 5px;
    animation-delay: .8s;
}


/* =========================
   SCROLL INDICATOR
========================= */

.az-hero-scroll {
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 15px;
    color: rgba(255,255,255,.32);
    font-size: 8px;
    letter-spacing: 2px;
    font-weight: 700;
}

.az-scroll-line {
    position: relative;
    width: 65px;
    height: 1px;
    overflow: hidden;
    background: rgba(255,255,255,.15);
}

.az-scroll-line i {
    position: absolute;
    left: -30px;
    width: 30px;
    height: 1px;
    background: #2B7FFF;
    animation: azScroll 2.2s ease-in-out infinite;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes azFadeUp {
    from {
        opacity: 0;
        transform: translateY(28px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes azVisualIn {
    from {
        opacity: 0;
        transform: translateX(40px) scale(.96);
    }

    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

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

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

@keyframes azGlow {
    from {
        transform: scale(1);
        opacity: .65;
    }

    to {
        transform: scale(1.15);
        opacity: 1;
    }
}

@keyframes azRotate {
    from {
        transform: rotate(0deg);
    }

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

@keyframes azRotateReverse {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@keyframes azPulse {
    0%, 100% {
        transform: scale(1);
        opacity: .7;
    }

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

@keyframes azScroll {
    0% {
        left: -35px;
    }

    55%, 100% {
        left: 70px;
    }
}


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

@media (max-width: 1200px) {

    .az-hero-container {
        width: min(100% - 50px, 1150px);
        grid-template-columns: .95fr 1fr;
        gap: 20px;
    }

    .az-hero-title {
        font-size: clamp(52px, 6vw, 76px);
    }

    .az-image-frame {
        height: 570px;
    }

    .az-hero-visual {
        height: 630px;
    }

    .az-ring-one {
        width: 590px;
        height: 590px;
    }
}


@media (max-width: 992px) {

    .az-hero {
        min-height: auto;
    }

    .az-hero-container {
        grid-template-columns: 1fr;
        padding: 150px 0 100px;
        min-height: auto;
    }

    .az-hero-content {
        max-width: 760px;
    }

    .az-hero-title {
        max-width: 750px;
        font-size: clamp(54px, 8vw, 80px);
    }

    .az-hero-description {
        max-width: 650px;
    }

    .az-hero-visual {
        height: 650px;
        margin-top: 10px;
    }

    .az-image-frame {
        width: min(470px, 65%);
        height: 590px;
    }

    .az-care-card {
        right: 7%;
    }

    .az-experience-card {
        left: 8%;
    }

    .az-visual-number {
        right: 12%;
    }
}


@media (max-width: 768px) {

    .az-hero-container {
        width: calc(100% - 36px);
        padding: 125px 0 80px;
    }

    .az-hero-eyebrow {
        margin-bottom: 22px;
        font-size: 9px;
        letter-spacing: 2px;
    }

    .az-eyebrow-icon {
        width: 34px;
        height: 34px;
    }

    .az-hero-title {
        font-size: clamp(45px, 12vw, 68px);
        line-height: 1;
        letter-spacing: -2.8px;
    }

    .az-hero-description {
        margin-top: 27px;
        font-size: 15px;
        line-height: 1.7;
    }

    .az-hero-actions {
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 30px;
    }

    .az-btn-main {
        min-height: 58px;
        font-size: 12px;
    }

    .az-play {
        width: 48px;
        height: 48px;
    }

    .az-hero-bottom {
        margin-top: 45px;
    }

    .az-hero-visual {
        height: 570px;
    }

    .az-image-frame {
        width: 68%;
        height: 520px;
    }

    .az-ring-one {
        width: 520px;
        height: 520px;
    }

    .az-ring-two {
        width: 420px;
        height: 420px;
    }

    .az-care-card {
        right: 0;
        bottom: 75px;
        transform: scale(.9);
    }

    .az-experience-card {
        left: 0;
        bottom: 40px;
        transform: scale(.9);
    }

    .az-visual-number {
        top: 35px;
        right: 3%;
    }

    .az-hero-scroll {
        display: none;
    }
}


@media (max-width: 520px) {

    .az-hero-container {
        width: calc(100% - 28px);
        padding-top: 110px;
    }

    .az-hero-title {
        font-size: clamp(42px, 13vw, 58px);
        letter-spacing: -2.2px;
    }

    .az-hero-title strong::after {
        bottom: -5px;
    }

    .az-hero-description {
        font-size: 14px;
    }

    .az-hero-actions {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .az-btn-main {
        width: auto;
    }

    .az-story-btn {
        margin-left: 4px;
    }

    .az-hero-bottom {
        gap: 10px;
    }

    .az-avatar {
        width: 36px;
        height: 36px;
        font-size: 11px;
    }

    .az-trust-copy strong {
        font-size: 10px;
    }

    .az-trust-copy span {
        font-size: 8px;
    }

    .az-hero-visual {
        height: 490px;
        margin-top: 15px;
    }

    .az-image-frame {
        width: 72%;
        height: 440px;
        border-radius: 180px 180px 25px 25px;
    }

    .az-image-inner {
        border-radius: 170px 170px 18px 18px;
    }

    .az-image-shine {
        border-radius: 180px 180px 25px 25px;
    }

    .az-ring-one {
        width: 430px;
        height: 430px;
    }

    .az-ring-two {
        width: 350px;
        height: 350px;
    }

    .az-care-card {
        right: -4px;
        bottom: 52px;
        min-width: 195px;
        padding: 11px;
        transform: scale(.78);
        transform-origin: right bottom;
    }

    .az-experience-card {
        left: -4px;
        bottom: 20px;
        padding: 10px;
        transform: scale(.78);
        transform-origin: left bottom;
    }

    .az-floating-icon,
    .az-experience-icon {
        width: 37px;
        height: 37px;
    }

    .az-visual-number {
        top: 15px;
        right: 0;
    }

    .az-visual-number small {
        display: none;
    }

    .az-floating-dot {
        display: none;
    }
}


@media (prefers-reduced-motion: reduce) {

    .az-hero *,
    .az-hero *::before,
    .az-hero *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}



:root{--az-blue:#0733a4;--az-blue2:#0b49cf;--az-ink:#07152f;--az-pale:#f4f8ff}
.header-container{border-bottom:1px solid rgba(7,51,164,.09);background:#fff!important}
.btn-primary,.az-btn-main,.cta-btn{background:var(--az-blue)!important}
.az-hero-slider{background:linear-gradient(115deg,#f7faff 0%,#edf4ff 52%,#fff 100%);min-height:760px;position:relative;overflow:hidden}
.az-slider-track{height:100%;min-height:760px;position:relative}
.az-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;max-width:1440px;margin:auto;padding:95px 7% 105px;opacity:0;visibility:hidden;transform:translateX(35px);transition:opacity .7s ease,transform .9s cubic-bezier(.22,.61,.36,1),visibility .7s}
.az-slide.is-active{opacity:1;visibility:visible;transform:none}
.az-slide-content{position:relative;z-index:2;max-width:680px}
.az-slide-media{justify-self:end;width:min(42vw,590px);height:min(42vw,590px);min-height:430px;min-width:430px;border-radius:50% 50% 14% 50%;overflow:hidden;box-shadow:0 35px 90px rgba(7,51,164,.18);border:14px solid rgba(255,255,255,.82);position:relative}
.az-slide-media:after{content:"";position:absolute;inset:0;}
.az-slide-media img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.az-hero-title span{display:block}.az-hero-title strong{display:block;color:var(--az-blue)}
.az-slider-controls{position:absolute;left:7%;bottom:72px;display:flex;align-items:center;gap:16px;z-index:5}
.az-slider-controls button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(7,51,164,.2);background:#fff;color:var(--az-blue);cursor:pointer}
.az-slider-dots{display:flex;gap:8px}.az-slider-dots button{width:28px;height:4px;border:0;border-radius:10px;padding:0;background:#c5d2eb}.az-slider-dots button.is-active{background:var(--az-blue);width:48px}
.az-slide-index{position:absolute;right:7%;bottom:74px;display:flex;gap:10px;align-items:baseline;color:#6c7890;font-weight:700}.az-slide-index b{font-size:2.3rem;color:var(--az-blue)}.az-slide-index span{font-size:.85rem}
.az-slider-progress{position:absolute;top:0;left:0;width:100%;height:3px;background:rgba(7,51,164,.08);z-index:8}.az-slider-progress span{display:block;width:33.33%;height:100%;background:var(--az-blue);transition:width .2s linear}
.az-hero-eyebrow{color:var(--az-blue)}
.az-eyebrow-line{background:var(--az-blue)!important}
@media(max-width:900px){.az-hero-slider,.az-slider-track{min-height:850px}.az-slide{grid-template-columns:1fr;padding:90px 6% 150px;align-content:center}.az-slide-media{grid-row:1;width:290px;height:290px;min-width:0;min-height:0;justify-self:center;order:-1}.az-slide-content{max-width:700px;text-align:center}.az-hero-actions{justify-content:center}.az-hero-bottom{justify-content:center}.az-slider-controls{left:50%;transform:translateX(-50%);bottom:58px}.az-slide-index{right:6%;bottom:64px}.az-hero-scroll{display:none}}
@media(max-width:560px){.az-hero-slider,.az-slider-track{min-height:790px}.az-slide{padding:78px 20px 125px}.az-slide-media{width:220px;height:220px;border-width:9px}.az-hero-title{font-size:2.55rem!important;line-height:1.05}.az-hero-description{font-size:.96rem}.az-slider-controls{bottom:35px}.az-slide-index{display:none}}
/* inner page system */
.az-inner-hero{padding:155px 6% 95px;background:linear-gradient(120deg,#f4f8ff,#fff 65%);position:relative;overflow:hidden}.az-inner-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(7,51,164,.07);right:-140px;top:-150px}.az-inner-kicker{color:var(--az-blue);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}.az-inner-hero h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.98;max-width:900px;color:var(--az-ink);margin:18px 0}.az-inner-hero p{max-width:720px;font-size:1.12rem;color:#5d6880;line-height:1.8}.az-page{max-width:1240px;margin:auto;padding:95px 6%}.az-page-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.az-page h2{font-size:clamp(2rem,4vw,3.4rem);color:var(--az-ink);line-height:1.08}.az-page p,.az-page li{color:#59657a;line-height:1.8}.az-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.az-premium-card{background:#fff;border:1px solid #e4ebf6;border-radius:24px;padding:32px;box-shadow:0 16px 50px rgba(20,43,90,.06);transition:.35s}.az-premium-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(7,51,164,.12);border-color:#cbd9f3}.az-premium-card .icon{width:52px;height:52px;border-radius:16px;background:#edf3ff;color:var(--az-blue);display:grid;place-items:center;font-size:1.2rem;margin-bottom:22px}.az-premium-card h3{color:var(--az-ink);font-size:1.25rem}.az-image{width:100%;border-radius:28px;display:block;box-shadow:0 25px 70px rgba(15,37,85,.12);object-fit:cover}.az-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.az-form .full{grid-column:1/-1}.az-form input,.az-form select,.az-form textarea{width:100%;border:1px solid #d9e2f0;border-radius:14px;padding:16px 17px;font:inherit;background:#fff;outline:none}.az-form input:focus,.az-form select:focus,.az-form textarea:focus{border-color:var(--az-blue);box-shadow:0 0 0 4px rgba(7,51,164,.08)}.az-form textarea{min-height:150px;resize:vertical}.az-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.az-team-card{overflow:hidden;border-radius:26px;background:#fff;border:1px solid #e2eaf5}.az-team-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.az-team-card div{padding:22px}.az-team-card h3{margin:0;color:var(--az-ink)}.az-team-card p{margin:7px 0 0;color:var(--az-blue);font-weight:700}.az-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.az-blog-card{border-radius:24px;overflow:hidden;border:1px solid #e3eaf4;background:#fff}.az-blog-card img{width:100%;height:220px;object-fit:cover}.az-blog-card .body{padding:24px}.az-blog-card h3{color:var(--az-ink)}.az-meta{color:var(--az-blue);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.az-breadcrumb{font-size:.82rem;color:#718096;margin-top:18px}.az-list{padding-left:20px}.az-cta-band{background:var(--az-blue);color:#fff;border-radius:32px;padding:52px;display:flex;justify-content:space-between;gap:30px;align-items:center}.az-cta-band h2{color:#fff;margin:0}.az-cta-band .btn-primary{background:#fff!important;color:var(--az-blue)!important}
@media(max-width:850px){.az-page-grid{grid-template-columns:1fr;gap:40px}.az-card-grid,.az-team-grid,.az-blog-grid{grid-template-columns:1fr 1fr}.az-form{grid-template-columns:1fr}.az-form .full{grid-column:auto}.az-cta-band{flex-direction:column;align-items:flex-start;padding:35px}}
@media(max-width:560px){.az-inner-hero{padding:125px 20px 65px}.az-page{padding:65px 20px}.az-card-grid,.az-team-grid,.az-blog-grid{grid-template-columns:1fr}.az-cta-band{border-radius:24px}.az-page h2{font-size:2.1rem}}
/* =========================================================
   AZURA DENTAL — FINAL PREMIUM SYSTEM OVERRIDES
   Theme: #0733A4
   ========================================================= */
:root{
  --az-blue:#0733a4;
  --az-blue-dark:#052777;
  --az-blue-soft:#edf3ff;
  --az-ink:#07152f;
  --az-muted:#647089;
  --az-border:#dfe7f4;
  --az-white:#fff;
  --az-radius:22px;
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:#fff;color:var(--az-ink);overflow-x:hidden;min-width:320px}
img{max-width:100%;height:auto}
a{transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .25s ease}

/* ---------- GLOBAL HEADER ---------- */
.header-container{
  position:sticky!important;top:0!important;left:0;width:100%;z-index:5000;
  padding:0!important;background:#fff!important;border:0!important;
  box-shadow:0 1px 0 rgba(7,51,164,.10),0 10px 35px rgba(7,51,164,.06);
}
.navbar{
  width:100%!important;max-width:1440px!important;margin:0 auto!important;
  min-height:82px;padding:10px 38px!important;border-radius:0!important;
  background:#fff!important;box-shadow:none!important;
}
.logo{flex:0 0 auto;text-decoration:none}
.logo img,.footer-logo img{width:165px!important;height:auto!important;max-height:62px;object-fit:contain;display:block}
.nav-links{gap:24px!important}
.nav-links a{color:#17243d!important;font-size:14px!important;font-weight:700!important;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{color:var(--az-blue)!important}
.btn-primary,.cta-btn,.az-btn-main{background:var(--az-blue)!important;color:#fff!important;border-color:var(--az-blue)!important}
.btn-primary:hover,.cta-btn:hover,.az-btn-main:hover{background:var(--az-blue-dark)!important;transform:translateY(-2px)}

/* Header dropdowns */
.nav-dropdown{position:relative}
.nav-dropdown>a{display:flex;align-items:center;gap:7px}
.nav-dropdown>a i{font-size:10px}
.nav-dropdown-menu{position:absolute;top:calc(100% + 17px);left:50%;transform:translate(-50%,8px);width:270px;background:#fff;border:1px solid var(--az-border);border-radius:18px;padding:10px;box-shadow:0 22px 60px rgba(7,51,164,.15);opacity:0;visibility:hidden;pointer-events:none;transition:.25s ease;z-index:6000}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-dropdown-menu a{display:block!important;padding:11px 13px;border-radius:11px;color:#33415d!important;font-size:13px!important}
.nav-dropdown-menu a:hover{background:var(--az-blue-soft);color:var(--az-blue)!important}

/* ---------- MOBILE HEADER ---------- */
@media(max-width:900px){
  .navbar{min-height:72px;padding:8px 18px!important}
  .logo img{width:145px!important;max-height:52px}
  .menu-toggle{display:flex!important;background:var(--az-blue)!important;width:44px;height:44px}
  .nav-links,.btn-nav{display:none!important}
  .mobile-menu{top:100%!important;left:12px!important;right:12px!important;width:auto!important;margin-top:10px!important;border:1px solid var(--az-border);z-index:6000!important;box-shadow:0 24px 70px rgba(7,51,164,.18)!important}
  .mobile-menu-backdrop{z-index:4900!important}
}

/* ---------- HERO ---------- */
.az-hero-slider{background:linear-gradient(120deg,#f5f8ff 0%,#edf3ff 52%,#fff 100%)!important}
.az-hero-title strong,.az-hero-title .highlight{color:var(--az-blue)!important}
.az-hero-eyebrow{color:var(--az-blue)!important}
.az-eyebrow-icon{background:var(--az-blue)!important;color:#fff!important}
.az-slider-progress span{background:var(--az-blue)!important}
.az-slider-controls button{border-color:rgba(7,51,164,.18)!important;color:var(--az-blue)!important;background:#fff!important}
.az-slider-controls button:hover{background:var(--az-blue)!important;color:#fff!important}
.az-slider-dots button.is-active{background:var(--az-blue)!important}

/* ---------- INNER PAGE SYSTEM ---------- */
.az-inner-hero{padding:105px clamp(20px,6vw,90px) 82px!important;background:linear-gradient(120deg,#f5f8ff,#fff 68%)!important;border-bottom:1px solid #e8eef8}
.az-inner-hero h1{color:var(--az-ink)!important}
.az-inner-kicker{color:var(--az-blue)!important}
.az-page{max-width:1320px!important;padding:82px clamp(20px,5vw,70px)!important}
.az-page h2,.az-page h3{color:var(--az-ink)}
.az-page p,.az-page li{color:var(--az-muted)}
.az-premium-card{border-color:var(--az-border)!important}
.az-premium-card:hover{border-color:rgba(7,51,164,.35)!important;box-shadow:0 24px 65px rgba(7,51,164,.11)!important}
.az-premium-card .icon{background:var(--az-blue-soft)!important;color:var(--az-blue)!important}
.az-form input:focus,.az-form select:focus,.az-form textarea:focus{border-color:var(--az-blue)!important;box-shadow:0 0 0 4px rgba(7,51,164,.09)!important}
.az-cta-band{background:var(--az-blue)!important}

/* ---------- FOOTER VISIBILITY FIX ---------- */
/* Inner pages previously inherited the homepage reveal state and stayed invisible. */
.footer-section{opacity:1!important;visibility:visible!important;transform:none!important;display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;position:relative!important}
.footer-section .footer-container,.footer-section .footer-grid,.footer-section .footer-cta,.footer-section .footer-bottom{opacity:1!important;visibility:visible!important}
.footer-section{background:linear-gradient(135deg,#06183d 0%,#071f4e 100%)!important}
.cta-icon,.cta-sublabel,.footer-links a:hover,.contact-phone:hover{color:#7ea7ff!important}
.social-icon:hover{background:var(--az-blue)!important}

/* ---------- HOMEPAGE REVEALS ---------- */
.about-section.section-visible,.services-section.section-visible,.why-us-section.section-visible,.team-section.section-visible,.before-after-section.section-visible,.case-studies-section.section-visible,.appointment-section.section-visible,.testimonials-section.section-visible,.faq-section.section-visible,.blog-section.section-visible{opacity:1;visibility:visible;transform:none}

/* ---------- CONTENT SAFETY / LAYOUT ---------- */
section,main,article,footer{max-width:100%}
.az-page-grid,.az-card-grid,.az-team-grid,.az-blog-grid{min-width:0}
.az-image{max-height:650px}

/* ---------- RESPONSIVE INNER PAGES ---------- */
@media(max-width:850px){
  .az-inner-hero{padding-top:75px!important;padding-bottom:58px!important}
  .az-inner-hero h1{font-size:clamp(2.3rem,9vw,4rem)!important}
  .az-page{padding-top:60px!important;padding-bottom:60px!important}
  .az-page-grid{gap:32px!important}
  .az-card-grid,.az-team-grid,.az-blog-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:600px){
  .navbar{padding:8px 14px!important}
  .logo img{width:132px!important}
  .az-inner-hero{padding:62px 20px 48px!important}
  .az-page{padding:48px 20px!important}
  .az-card-grid,.az-team-grid,.az-blog-grid{grid-template-columns:1fr!important}
  .az-form{grid-template-columns:1fr!important}
  .az-form .full{grid-column:auto!important}
  .footer-section{padding-top:42px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:32px!important;margin-bottom:35px!important}
  .footer-divider{margin-bottom:38px!important}
  .footer-cta{padding-bottom:30px!important}
  .cta-title{font-size:25px!important}
}


/* =========================================================
   AZURA 2026 VISUAL UPGRADE — BLUE / WHITE / BLACK
   ========================================================= */
:root{--az-blue:#0733a4;--az-blue-dark:#052777;--az-black:#050b18;--az-white:#fff;--az-blue-pale:#eef4ff;--az-line:rgba(7,51,164,.14)}
body{background:#fff!important;color:var(--az-black)!important}
.header-container{position:sticky!important;top:0!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(7,51,164,.12)!important;box-shadow:0 10px 34px rgba(4,22,65,.08)!important}
.header-container:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--az-blue);z-index:3}
.navbar{max-width:1500px!important;min-height:88px!important;padding:13px clamp(18px,3vw,46px)!important;gap:22px!important}
.logo img{width:178px!important;max-height:66px!important}
.nav-links{gap:6px!important}
.nav-links>li>a{padding:13px 12px!important;border-radius:12px;position:relative}
.nav-links>li>a:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:5px;background:var(--az-blue);transform:scaleX(0);transform-origin:center;transition:.3s}
.nav-links>li>a:hover:after,.nav-links>li>a.active:after{transform:scaleX(1)}
.nav-links>li>a:hover,.nav-links>li>a.active{background:var(--az-blue-pale)!important;color:var(--az-blue)!important}
.nav-dropdown-menu{top:calc(100% + 8px)!important;border:1px solid rgba(7,51,164,.13)!important;border-top:3px solid var(--az-blue)!important;border-radius:16px!important;box-shadow:0 24px 70px rgba(5,25,70,.16)!important}
.btn-primary,.cta-btn{background:var(--az-blue)!important;box-shadow:0 12px 28px rgba(7,51,164,.22)!important}
.btn-primary:hover,.cta-btn:hover{background:var(--az-blue-dark)!important}
.menu-toggle{box-shadow:0 8px 20px rgba(7,51,164,.2)}

/* Home slider: stronger brand presence + real live-site imagery */
.az-hero-slider{min-height:790px!important;background:radial-gradient(circle at 80% 35%,rgba(7,51,164,.12),transparent 36%),linear-gradient(110deg,#fff 0%,#f5f8ff 55%,#eaf1ff 100%)!important}
.az-hero-slider:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:90px;background:rgba(7,51,164,.08);box-shadow:inset 0 0 0 1px rgba(7,51,164,.08)}
.az-slide-media{width:min(45vw,640px)!important;height:min(45vw,640px)!important;border-radius:34px 150px 34px 150px!important;border:12px solid #fff!important;box-shadow:0 35px 90px rgba(7,51,164,.24)!important}
.az-slide-media:before{content:"AZURA DENTAL";position:absolute;z-index:2;left:22px;bottom:18px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.25em;padding:10px 13px;border-radius:999px}
.az-slide-media img{object-position:center center!important}
.az-hero-title{color:#050b18!important}
.az-hero-title strong{color:var(--az-blue)!important}
.az-hero-description{color:#4d5a70!important}
.az-slider-controls button{border:1px solid rgba(7,51,164,.25)!important;box-shadow:0 8px 24px rgba(7,51,164,.1)}
.az-slider-dots button.is-active{background:var(--az-blue)!important}

/* Premium photographic inner hero */
.az-inner-hero{min-height:520px!important;padding:120px clamp(22px,7vw,100px) 86px!important;display:flex;flex-direction:column;justify-content:center;background-image:linear-gradient(90deg,rgba(3,13,35,.94) 0%,rgba(5,27,73,.78) 46%,rgba(7,51,164,.32) 100%),var(--inner-bg)!important;background-size:cover!important;background-position:center!important;background-attachment:scroll!important;color:#fff!important;border:0!important;isolation:isolate}
.az-inner-hero:after{content:"";position:absolute;inset:auto 6% 34px auto;width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:transparent;z-index:-1}
.az-inner-hero:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;background:var(--az-blue);box-shadow:0 -20px 80px rgba(7,51,164,.35)}
.az-inner-hero .az-inner-kicker{color:#fff!important;background:rgba(7,51,164,.88);width:max-content;padding:9px 13px;border-radius:999px;font-size:.72rem;letter-spacing:.16em}
.az-inner-hero h1{color:#fff!important;font-size:clamp(2.8rem,6vw,5.6rem)!important;max-width:1000px!important;text-shadow:0 12px 30px rgba(0,0,0,.25);margin:20px 0 14px!important}
.az-inner-hero p{color:rgba(255,255,255,.82)!important;max-width:760px!important;font-size:1.08rem!important}
.az-breadcrumb{color:rgba(255,255,255,.65)!important;margin-top:24px!important}

/* Inner content: stronger blue/black contrast */
.az-page{position:relative!important;padding:90px clamp(20px,6vw,82px)!important}
.az-page:nth-of-type(even){background:#f7f9fd}
.az-page h2{color:#050b18!important}
.az-page h3{color:#101a2f!important}
.az-inner-kicker{color:var(--az-blue)!important}
.az-premium-card{border:1px solid rgba(7,51,164,.12)!important;box-shadow:0 18px 55px rgba(5,26,70,.07)!important;position:relative;overflow:hidden}
.az-premium-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--az-blue);transform:scaleX(.25);transform-origin:left;transition:.35s}
.az-premium-card:hover:before{transform:scaleX(1)}
.az-premium-card:hover{border-color:rgba(7,51,164,.3)!important;box-shadow:0 28px 70px rgba(7,51,164,.13)!important}
.az-premium-card .icon{background:var(--az-blue)!important;color:#fff!important}
.az-cta-band{background:linear-gradient(120deg,#0733a4,#052777)!important;box-shadow:0 25px 70px rgba(7,51,164,.2)}

/* New Invisalign visual modules */
.az-invis-feature .az-feature-panel{background:linear-gradient(135deg,#0733a4,#031b58);color:#fff;border-radius:30px;padding:46px;min-height:270px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 25px 70px rgba(7,51,164,.24)}
.az-feature-number{font-size:6rem;font-weight:800;line-height:.8;opacity:.16;margin-bottom:auto}
.az-feature-panel strong{font-size:1.5rem}.az-feature-panel p{color:rgba(255,255,255,.72)!important;margin-top:10px}
.az-dark-band{background:#050b18!important}.az-dark-band h2,.az-dark-band .az-section-heading p{color:#fff!important}.az-dark-band .az-inner-kicker{color:#82a6ff!important}.az-dark-band .az-premium-card{background:#0b1427!important;border-color:rgba(255,255,255,.08)!important}.az-dark-band .az-premium-card h3{color:#fff!important}.az-dark-band .az-premium-card p{color:#aab6cb!important}
.az-blue-panel{background:linear-gradient(135deg,#0733a4,#031b58)!important;color:#fff}.az-blue-panel h2,.az-blue-panel p{color:#fff!important}.az-blue-panel .az-inner-kicker{color:#9ebaff!important}.az-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:45px;border:1px solid rgba(255,255,255,.18);border-radius:24px;overflow:hidden}.az-stat-row div{padding:32px;background:rgba(255,255,255,.06)}.az-stat-row strong{display:block;font-size:3rem;color:#fff}.az-stat-row span{color:rgba(255,255,255,.7)}.az-note{font-size:.82rem!important;color:rgba(255,255,255,.6)!important;margin-top:18px}
.az-section-heading{max-width:850px;margin-bottom:40px}.az-section-heading h2{font-size:clamp(2.2rem,4.5vw,4rem);margin:12px 0}.az-section-heading p{font-size:1.05rem;line-height:1.8}.az-role{color:var(--az-blue)!important;margin:.4rem 0 1rem}.az-image-frame{position:relative}.az-image-frame:after{content:"";position:absolute;inset:18px -18px -18px 18px;border:2px solid var(--az-blue);border-radius:28px;z-index:0}.az-image-frame .az-image{position:relative;z-index:1}
.az-faq-list{max-width:950px;display:grid;gap:12px}.az-faq-list details{border:1px solid rgba(7,51,164,.14);border-radius:18px;background:#fff;overflow:hidden}.az-faq-list summary{cursor:pointer;list-style:none;padding:22px 24px;font-weight:800;color:#07152f;display:flex;justify-content:space-between}.az-faq-list summary::-webkit-details-marker{display:none}.az-faq-list summary:after{content:"+";color:var(--az-blue);font-size:1.3rem}.az-faq-list details[open] summary:after{content:"–"}.az-faq-list details p{padding:0 24px 24px;margin:0;color:#657187;line-height:1.8}

/* Footer becomes a deliberate black/blue closing experience */
.footer-section{background:linear-gradient(135deg,#030815 0%,#061d50 100%)!important;border-top:5px solid var(--az-blue)!important}
.footer-cta{border:1px solid rgba(255,255,255,.1);background:rgba(7,51,164,.24);border-radius:26px;padding:30px!important}.cta-title{color:#fff!important}.col-title{color:#fff!important}.brand-desc,.contact-address,.footer-bottom{color:#9eabc1!important}.footer-links a,.contact-phone{color:#e0e7f2!important}.footer-links a:hover,.contact-phone:hover{color:#82a6ff!important}.social-icon{background:rgba(255,255,255,.08)!important;color:#fff!important}.social-icon:hover{background:var(--az-blue)!important}.footer-logo img{filter:none!important}

@media(max-width:900px){.navbar{min-height:76px!important}.logo img{width:150px!important}.az-slide-media{width:300px!important;height:300px!important;border-radius:28px 90px 28px 90px!important}.az-inner-hero{min-height:470px!important;padding-top:95px!important}.az-stat-row{grid-template-columns:1fr}.az-stat-row div{padding:24px}.az-invis-feature .az-feature-panel{padding:34px}}
@media(max-width:600px){.navbar{padding:8px 15px!important}.logo img{width:138px!important}.az-hero-slider{min-height:790px!important}.az-slide-media{width:245px!important;height:245px!important;border-radius:24px 70px 24px 70px!important;border-width:8px!important}.az-inner-hero{min-height:440px!important;padding:72px 20px 58px!important}.az-inner-hero h1{font-size:clamp(2.35rem,12vw,3.5rem)!important}.az-page{padding:62px 20px!important}.az-invis-feature .az-feature-panel{min-height:230px;padding:28px}.az-feature-number{font-size:4.5rem}.az-image-frame:after{inset:12px -10px -10px 10px}.footer-cta{border-radius:20px}}

/* =========================================================
   AZURA V3 — CREATIVE HEADER / BLUE-WHITE RHYTHM / SPACING
   ========================================================= */
:root{--az-blue:#0733a4;--az-black:#05070b;--az-white:#fff;--az-soft:#f4f7fc;--az-line:#dfe6f2}
html{scroll-behavior:smooth;overflow-x:hidden}
body{overflow-x:hidden;font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;color:#101522}

/* CREATIVE HEADER */
.header-container{position:fixed!important;top:18px!important;left:0;right:0;width:100%;padding:0 22px!important;z-index:10000!important;pointer-events:none}
.navbar{pointer-events:auto;position:relative;max-width:1380px!important;min-height:78px;padding:8px 10px 8px 24px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(7,51,164,.12)!important;border-radius:22px!important;box-shadow:0 18px 55px rgba(5,20,60,.16)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);gap:20px}
.navbar:before{content:"";position:absolute;left:18px;right:18px;top:-3px;height:3px;border-radius:10px;background:linear-gradient(90deg,#0733a4 0 38%,#05070b 38% 62%,#0733a4 62%);opacity:.95}
.logo{width:170px;flex:0 0 170px;position:relative;z-index:2}.logo img{display:block;width:155px!important;height:auto;max-height:58px;object-fit:contain}
.nav-links{gap:4px!important;margin:0 auto}.nav-links>li>a{padding:13px 13px!important;border-radius:12px;font-size:13px!important;font-weight:700!important;white-space:nowrap;transition:.22s ease;color:#121827!important}.nav-links>li>a:hover,.nav-links>li>a.active{background:#0733a4!important;color:#fff!important}.nav-links>li>a i{font-size:9px}
.btn-nav{background:#0733a4!important;border-radius:13px!important;padding:14px 18px!important;box-shadow:none!important;font-size:12px!important;font-weight:800!important;white-space:nowrap}.btn-nav:hover{background:#05070b!important;transform:none!important}

/* Stable hover corridor for dropdowns */
.nav-dropdown{position:relative!important;padding-bottom:8px;margin-bottom:-8px}
.nav-dropdown-menu{top:calc(100% + 6px)!important;left:50%!important;width:292px!important;padding:10px!important;border:1px solid rgba(7,51,164,.13)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 24px 70px rgba(3,20,55,.18)!important;transform:translate(-50%,8px)!important;z-index:10050!important}
.nav-dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.nav-dropdown-menu a{padding:12px 14px!important;font-size:12.5px!important;font-weight:700!important;line-height:1.35!important;border-radius:10px!important;color:#182238!important;white-space:normal!important}.nav-dropdown-menu a:hover{background:#edf3ff!important;color:#0733a4!important}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}

/* HERO AS FULL-BLEED BACKGROUND IMAGE */
.az-hero-slider{min-height:820px!important;background:#05070b!important}
.az-slider-track,.az-slide{min-height:820px!important}
.az-slide{display:block!important;max-width:none!important;padding:0!important;position:absolute!important;inset:0!important}
.az-slide-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;z-index:0!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.az-slide-media:before{content:"";position:absolute;inset:0;;z-index:1}
.az-slide-media:after{content:"";position:absolute;inset:0;transparent 34%,rgba(0,0,0,.06));z-index:2}
.az-slide-media img{opacity:0!important;visibility:hidden!important}
.az-slide-content{position:absolute!important;left:7%!important;top:50%!important;transform:translateY(-44%)!important;max-width:720px!important;z-index:4!important;color:#fff}
.az-hero-eyebrow{color:#fff!important}.az-eyebrow-icon{background:#0733a4!important}.az-eyebrow-line{background:#fff!important}
.az-hero-title{color:#fff!important;text-shadow:0 8px 35px rgba(0,0,0,.25)}.az-hero-title strong{color:#6ea0ff!important}.az-hero-description{color:rgba(255,255,255,.84)!important;max-width:620px}
.az-story-btn{color:#fff!important}.az-story-text small{color:#8fb2ff!important}.az-slider-controls{left:7%!important;bottom:52px!important}.az-slider-controls button{background:#fff!important;color:#0733a4!important}.az-slider-controls button:hover{background:#0733a4!important;color:#fff!important}.az-slide-index{right:7%!important;bottom:54px!important;color:#fff!important}.az-slide-index b{color:#fff!important}
.az-hero-scroll{color:#fff!important}

/* HOMEPAGE BLUE / WHITE RHYTHM */
body.home-page .about-section,body.home-page .why-us-section,body.home-page .before-after-section,body.home-page .appointment-section,body.home-page .faq-section{background:#0733a4!important;color:#fff!important}
body.home-page .services-section,body.home-page .team-section,body.home-page .case-studies-section,body.home-page .testimonials-section,body.home-page .blog-section{background:#fff!important;color:#101522!important}
body.home-page .about-section .about-title,body.home-page .about-section .about-description,body.home-page .about-section h3,body.home-page .about-section h4,body.home-page .about-section p,body.home-page .why-us-section h2,body.home-page .why-us-section h3,body.home-page .why-us-section p,body.home-page .before-after-section h2,body.home-page .before-after-section p,body.home-page .appointment-section h2,body.home-page .appointment-section p,body.home-page .faq-section h2,body.home-page .faq-section p{color:#fff!important}
body.home-page .about-section .about-badge,body.home-page .why-us-section .about-badge,body.home-page .before-after-section .about-badge,body.home-page .appointment-section .about-badge,body.home-page .faq-section .about-badge{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important}
body.home-page .about-section .about-quote-box{background:rgba(255,255,255,.10)!important;border-left-color:#fff!important}.about-section .overlay-link{color:#0733a4!important}
body.home-page .services-section .services-title,body.home-page .team-section h2,body.home-page .case-studies-section h2,body.home-page .testimonials-section h2,body.home-page .blog-section h2{color:#101522!important}
body.home-page .services-section .services-desc,body.home-page .team-section p,body.home-page .case-studies-section p,body.home-page .testimonials-section p,body.home-page .blog-section p{color:#596579!important}

/* Consistent rhythm + typography */
.about-section,.services-section,.why-us-section,.team-section,.before-after-section,.case-studies-section,.appointment-section,.testimonials-section,.faq-section,.blog-section{padding-top:88px!important;padding-bottom:88px!important}
.about-title,.services-title{font-size:clamp(34px,3.1vw,48px)!important;line-height:1.1!important}.about-description,.services-desc,.az-page p{font-size:15px!important;line-height:1.75!important}.service-card h3,.team-card h3{font-size:18px!important;line-height:1.3!important}

/* INNER HEROES — photograph first, copy second */
.az-inner-hero{position:relative!important;min-height:430px!important;padding:170px clamp(20px,7vw,100px) 72px!important;background-size:cover!important;background-position:center!important;background-color:#05070b!important;color:#fff!important;display:flex!important;align-items:flex-end!important;overflow:hidden!important}
.az-inner-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,20,.88),rgba(2,10,30,.54) 52%,rgba(7,51,164,.24));z-index:0}.az-inner-hero>*{position:relative;z-index:1}.az-inner-hero h1{color:#fff!important;font-size:clamp(38px,5vw,68px)!important;line-height:1.02!important;max-width:850px!important}.az-inner-kicker{color:#8fb2ff!important}.az-page{max-width:1320px!important;padding:78px clamp(20px,5vw,70px)!important}.az-page h2{font-size:clamp(30px,3.2vw,46px)!important;line-height:1.12!important}.az-page h3{font-size:20px!important}.az-premium-card{border-color:#dce5f4!important}

/* Footer always visible */
.footer-section{opacity:1!important;visibility:visible!important;transform:none!important;display:block!important}

@media(max-width:1100px){.nav-links{gap:0!important}.nav-links>li>a{padding:11px 8px!important;font-size:11.5px!important}.logo{width:145px;flex-basis:145px}.logo img{width:135px!important}.btn-nav{padding:12px 13px!important;font-size:10.5px!important}}
@media(max-width:900px){
.header-container{top:10px!important;padding:0 12px!important}.navbar{min-height:68px!important;border-radius:18px!important;padding:7px 9px 7px 16px!important}.navbar:before{left:12px;right:12px}.logo{width:145px;flex-basis:145px}.logo img{width:138px!important}.menu-toggle{display:flex!important;background:#0733a4!important;width:46px!important;height:46px!important;border-radius:13px!important}.mobile-menu{top:100%!important;margin-top:10px!important;border-radius:18px!important;overflow:visible!important;background:#fff!important}.mobile-nav-links a{font-size:14px!important;padding:13px 16px!important}.mobile-menu-backdrop{z-index:9900!important}.mobile-menu{z-index:10001!important}
.az-hero-slider,.az-slider-track,.az-slide{min-height:760px!important}.az-slide-content{left:7%!important;right:7%!important;top:47%!important;transform:translateY(-40%)!important}.az-hero-title{font-size:clamp(38px,10vw,58px)!important}.az-hero-description{font-size:14px!important}.az-slider-controls{left:7%!important;bottom:35px!important}.az-slide-index{right:7%!important;bottom:38px!important}.az-hero-scroll{display:none!important}
.about-section,.services-section,.why-us-section,.team-section,.before-after-section,.case-studies-section,.appointment-section,.testimonials-section,.faq-section,.blog-section{padding-top:68px!important;padding-bottom:68px!important}.az-inner-hero{min-height:360px!important;padding:145px 22px 55px!important}.az-inner-hero h1{font-size:40px!important}.az-page{padding:58px 20px!important}
}
@media(max-width:560px){.navbar{min-height:64px!important}.logo img{width:125px!important}.az-hero-slider,.az-slider-track,.az-slide{min-height:700px!important}.az-slide-content{top:45%!important}.az-hero-title{font-size:35px!important}.az-hero-actions{gap:12px!important}.az-btn-main{padding:12px 14px!important;font-size:12px!important}.az-slide-media:before{}.az-inner-hero{min-height:330px!important;padding-top:130px!important}.az-inner-hero h1{font-size:34px!important}.about-title,.services-title{font-size:32px!important}}


/* =========================================================
   HEADER + HOME HERO SLIDER — CONSOLIDATED FIX
   The header and hero slider had accumulated several
   conflicting !important layers from earlier passes
   (floating fixed header w/ pointer-events:none causing an
   unclickable mobile menu + a duplicate top accent bar, and
   a hero slider whose text column could overlap the slider
   controls). This block is the single authoritative version.
   ========================================================= */

/* ---- Header: sticky, single clean pill navbar ---- */
.header-container{
  position:sticky!important;top:0!important;left:0!important;width:100%!important;
  z-index:100000!important;padding:14px 20px!important;background:transparent!important;
  border:0!important;box-shadow:none!important;pointer-events:auto!important;
}
/* header-container is sticky and creates its own stacking context, so the
   mobile-menu panel's high z-index (set elsewhere) only ranks it among its
   own siblings inside the header — it does NOT let it outrank the backdrop,
   which lives outside <header> in the DOM. Without this, the backdrop (a
   sibling with a high z-index of its own) rendered above the whole header,
   silently blocking every click on the open mobile menu. Keeping the
   backdrop's z-index below the header's fixes that for every breakpoint. */
.mobile-menu-backdrop{z-index:9000!important}
.header-container:before{display:none!important} /* remove old duplicate accent bar */
.navbar{
  pointer-events:auto!important;position:relative!important;
  width:100%!important;max-width:1360px!important;margin:0 auto!important;
  min-height:76px!important;padding:10px 14px 10px 26px!important;
  border-radius:20px!important;background:rgba(255,255,255,.97)!important;
  border:1px solid rgba(7,51,164,.10)!important;
  box-shadow:0 14px 38px rgba(5,20,60,.12)!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  gap:18px!important;
}
.navbar:before{
  content:"";position:absolute;left:22px;right:22px;top:-1px;height:3px;
  border-radius:0 0 6px 6px;background:var(--az-blue);opacity:.9;
}
.logo{width:158px;flex:0 0 158px}
.logo img{width:148px!important;max-height:54px!important}
.nav-links{gap:2px!important}
.nav-links>li>a{padding:12px 14px!important;border-radius:12px!important;font-size:13.5px!important;font-weight:700!important;color:#17243d!important}
.nav-links>li>a:after{display:none!important}
.nav-links>li>a:hover,.nav-links>li>a.active{background:var(--az-blue-soft)!important;color:var(--az-blue)!important}
.btn-nav{border-radius:13px!important;padding:14px 20px!important;font-size:12.5px!important}
/* header-container is pointer-events:auto (above) so the mobile menu no
   longer inherits pointer-events:none from it; the backdrop keeps its own
   open/closed pointer-events toggle defined elsewhere in this file. */
@media(max-width:1100px){
  .nav-links{gap:0!important}
  .nav-links>li>a{padding:11px 9px!important;font-size:11.5px!important}
  .logo{width:140px;flex-basis:140px}.logo img{width:130px!important}
}
@media(max-width:900px){
  .header-container{top:8px!important;padding:0 12px!important}
  .navbar{min-height:66px!important;border-radius:16px!important;padding:8px 8px 8px 16px!important}
  .navbar:before{left:14px;right:14px}
  .logo{width:135px;flex-basis:135px}.logo img{width:126px!important}
}
@media(max-width:600px){
  .navbar{padding:7px 8px 7px 14px!important}
  .logo img{width:114px!important}
}

/* ---- Home hero slider: content no longer collides with controls ---- */
.az-hero-slider,.az-slider-track,.az-slide{min-height:860px!important}
.az-slide-content{
  position:absolute!important;left:7%!important;right:auto!important;
  top:160px!important;transform:none!important;max-width:640px!important;
}
.az-hero-description{margin-top:20px!important}
.az-hero-actions{margin-top:28px!important}
.az-hero-bottom{margin-top:32px!important}
.az-slider-controls{bottom:40px!important}
.az-slide-index{bottom:42px!important}
@media(max-width:1200px){
  .az-slide-content{top:140px!important;max-width:560px!important}
  .az-hero-title{font-size:clamp(36px,5.4vw,64px)!important}
}
@media(max-width:900px){
  .az-hero-slider,.az-slider-track,.az-slide{min-height:800px!important}
  .az-slide-content{left:6%!important;right:6%!important;top:120px!important;max-width:none!important;text-align:left!important}
  .az-hero-actions{flex-wrap:wrap!important;margin-top:22px!important}
  .az-hero-bottom{margin-top:24px!important}
  .az-slider-controls{left:6%!important;bottom:26px!important}
  .az-slide-index{right:6%!important;bottom:28px!important}
}
@media(max-width:560px){
  .az-hero-slider,.az-slider-track,.az-slide{min-height:700px!important}
  .az-slide-content{top:96px!important}
  .az-hero-bottom{display:none!important}
  .az-hero-title{font-size:clamp(30px,9vw,44px)!important}
}
/* =========================================================
   AZURA DENTAL — HEADER + HERO OVERRIDES
   Paste at the END of style.css
   ========================================================= */

/* ---------- STICKY HEADER ---------- */

.header-container {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999 !important;
}

/* Prevent hero from hiding underneath fixed header */
.az-hero {
    margin-top: 0 !important;
}


/* ---------- REMOVE HERO TEXT ---------- */

/* Hide all slide text/content */
.az-slide-content,
.az-slide-index,
.az-hero-scroll {
    display: none !important;
}


/* ---------- CLEAN FULL-WIDTH HERO ---------- */

.az-hero,
.az-hero-slider,
.az-slider-track,
.az-slide,
.az-slide-media {
    border-radius: 0 !important;
}

.az-slide {
    border-radius: 0 !important;
    overflow: hidden !important;
}

.az-slide-media {
    border-radius: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.az-slide-media img {
    border-radius: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}


/* Remove possible decorative rounded elements */
.az-slide::before,
.az-slide::after,
.az-slide-media::before,
.az-slide-media::after {
    border-radius: 0 !important;
}


/* ---------- SLIDER CONTROLS ---------- */

.az-slider-controls {
    z-index: 20 !important;
}

/* Keep arrows/dots visible */
.az-slider-prev,
.az-slider-next,
.az-slider-dots {
    z-index: 30 !important;
}


/* ---------- MOBILE ---------- */

@media (max-width: 991px) {

    .header-container {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
    }

    .az-slide-content,
    .az-slide-index,
    .az-hero-scroll {
        display: none !important;
    }

    .az-slide,
    .az-slide-media,
    .az-slide-media img {
        border-radius: 0 !important;
    }

}


/* ---------- SMALL MOBILE ---------- */

@media (max-width: 575px) {

    .az-hero,
    .az-hero-slider,
    .az-slider-track {
        border-radius: 0 !important;
    }

    .az-slide-media img {
        border-radius: 0 !important;
    }

}
/* =========================================================
   AZURA HERO — COMPACT SLIDER HEIGHT
   ========================================================= */

.az-hero,
.az-hero-slider {
    height: 620px !important;
    min-height: 620px !important;
}

.az-slider-track,
.az-slide {
    height: 620px !important;
    min-height: 620px !important;
}

.az-slide-media {
    height: 100% !important;
}

.az-slide-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}


/* Tablet */
@media (max-width: 991px) {
    .az-hero,
    .az-hero-slider,
    .az-slider-track,
    .az-slide {
        height: 500px !important;
        min-height: 500px !important;
    }
}


/* Mobile */
@media (max-width: 767px) {
    .az-hero,
    .az-hero-slider,
    .az-slider-track,
    .az-slide {
        height: 400px !important;
        min-height: 400px !important;
    }
}


/* Small Mobile */
@media (max-width: 480px) {
    .az-hero,
    .az-hero-slider,
    .az-slider-track,
    .az-slide {
        height: 350px !important;
        min-height: 350px !important;
    }
}

/* =========================================================
   AZURA V3.1 REFINEMENT LAYER
   Preserve existing sections; improve spacing, imagery,
   service presentation, icons and team details.
========================================================= */
:root{
  --az-blue:#0733a4;
  --az-blue-2:#0a46d2;
  --az-ink:#07111f;
  --az-soft:#eef4ff;
  --az-line:#dfe7f2;
  --az-white:#fff;
}
body{color:var(--az-ink);}
.header-container{z-index:5000;}
.navbar{z-index:5001;}
.nav-dropdown{position:relative;}
.nav-dropdown-menu{
  z-index:7000 !important;
  top:calc(100% + 10px) !important;
  padding:10px !important;
  min-width:270px !important;
  background:#fff !important;
  border:1px solid rgba(7,51,164,.10) !important;
  box-shadow:0 24px 55px rgba(3,19,51,.18) !important;
}
.nav-dropdown-menu::before{
  content:"";position:absolute;left:0;right:0;top:-12px;height:14px;
}
.nav-dropdown-menu a{
  padding:11px 13px !important;
  border-radius:10px !important;
  line-height:1.25 !important;
}
.nav-dropdown-menu a:hover{background:var(--az-soft) !important;color:var(--az-blue) !important;}
.az-page{
  padding-top:clamp(60px,7vw,96px) !important;
  padding-bottom:clamp(60px,7vw,96px) !important;
}
.az-page + .az-page{padding-top:clamp(52px,6vw,82px) !important;}
.az-page h2{line-height:1.08 !important;}
.az-page p{line-height:1.78;}
.az-service-layout{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:clamp(35px,6vw,90px);align-items:center;
}
.az-service-copy{min-width:0;}
.az-service-copy h2{font-size:clamp(32px,4vw,54px);margin:12px 0 18px;letter-spacing:-1.5px;}
.az-service-copy h3{font-size:clamp(20px,2vw,28px);margin:28px 0 10px;color:var(--az-ink);}
.az-service-copy p{color:#5c6674;margin-bottom:15px;}
.az-service-media{
  position:relative;border-radius:26px;overflow:hidden;min-height:430px;
  box-shadow:0 24px 70px rgba(7,51,164,.15);
  background:#eaf0f8;
}
.az-service-media img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block;transition:transform .7s ease;}
.az-service-media:hover img{transform:scale(1.035);}
.az-service-media::after{
  content:"";position:absolute;inset:auto 0 0;height:42%;
  background:linear-gradient(to top,rgba(3,19,51,.30),transparent);pointer-events:none;
}
.az-stat-strip{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(7,51,164,.14);
  margin-top:28px;border:1px solid rgba(7,51,164,.12);border-radius:16px;overflow:hidden;
}
.az-stat{background:#fff;padding:18px 20px;}
.az-stat strong{display:block;color:var(--az-blue);font-size:24px;line-height:1.1;}
.az-stat span{display:block;margin-top:6px;color:#697381;font-size:12px;font-weight:600;}
.az-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px;}
.az-feature-card{
  padding:25px;border:1px solid var(--az-line);border-radius:18px;background:#fff;
  box-shadow:0 12px 35px rgba(3,19,51,.06);transition:.3s ease;
}
.az-feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(7,51,164,.12);border-color:#bfd0f2;}
.az-feature-icon,.az-icon-box{
  width:48px;height:48px;border-radius:14px;background:var(--az-blue);
  color:#fff;display:grid;place-items:center;font-size:18px;margin-bottom:17px;
}
.az-feature-card h3{font-size:18px;margin-bottom:8px;}
.az-feature-card p{font-size:14px;color:#697381;line-height:1.7;}
.az-blue-panel{
  background:var(--az-blue);color:#fff;border-radius:26px;padding:clamp(30px,5vw,58px);
  position:relative;overflow:hidden;
}
.az-blue-panel::before,.az-blue-panel::after{
  content:"";position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;
}
.az-blue-panel::before{width:300px;height:300px;right:-130px;top:-160px;}
.az-blue-panel::after{width:220px;height:220px;left:-130px;bottom:-150px;}
.az-blue-panel>*{position:relative;z-index:1;}
.az-blue-panel p{color:rgba(255,255,255,.78);}
.az-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;list-style:none;margin-top:22px;}
.az-check-list li{position:relative;padding-left:28px;color:#46515f;font-size:14px;line-height:1.6;}
.az-blue-panel .az-check-list li{color:rgba(255,255,255,.88);}
.az-check-list li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:1px;color:var(--az-blue);}
.az-blue-panel .az-check-list li::before{color:#fff;}
.az-service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px;}
.az-service-card{
  display:flex;flex-direction:column;min-height:250px;padding:26px;border-radius:20px;
  background:#fff;border:1px solid var(--az-line);text-decoration:none;color:inherit;
  box-shadow:0 12px 35px rgba(3,19,51,.055);transition:.3s ease;overflow:hidden;position:relative;
}
.az-service-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--az-blue);}
.az-service-card:hover{transform:translateY(-7px);border-color:#b9caf0;box-shadow:0 20px 48px rgba(7,51,164,.12);}
.az-service-card .az-service-card-icon{width:52px;height:52px;border-radius:16px;background:#edf3ff;color:var(--az-blue);display:grid;place-items:center;font-size:21px;margin-bottom:22px;}
.az-service-card h3{font-size:19px;margin-bottom:9px;line-height:1.25;}
.az-service-card p{font-size:13.5px;color:#667180;line-height:1.7;margin-bottom:18px;}
.az-service-card .read-more-link{margin-top:auto;color:var(--az-blue);font-weight:800;font-size:12px;letter-spacing:.5px;text-transform:uppercase;}
.az-service-card .read-more-link i{margin-left:6px;transition:.2s;}
.az-service-card:hover .read-more-link i{transform:translateX(4px);}
.az-team-grid{
  display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
}
.az-team-card{
  position:relative;overflow:hidden;background:#fff !important;border:1px solid var(--az-line) !important;
  border-radius:24px !important;box-shadow:0 15px 45px rgba(3,19,51,.07) !important;
  transition:.35s ease !important;
}
.az-team-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(7,51,164,.14) !important;}
.az-team-card img{width:100% !important;aspect-ratio:1/1.06 !important;object-fit:cover !important;display:block !important;}
.az-team-card > div{padding:21px 22px 24px !important;}
.az-team-card h3{font-size:20px !important;line-height:1.2;margin-bottom:7px;}
.az-team-card p{font-size:12px !important;font-weight:800 !important;letter-spacing:.7px;text-transform:uppercase;color:var(--az-blue) !important;}
.az-team-card .team-arrow{
  position:absolute;right:18px;bottom:18px;width:38px;height:38px;border-radius:50%;
  background:var(--az-blue);color:#fff;display:grid;place-items:center;
}
.az-team-intro{max-width:760px;margin-bottom:34px;}
.az-team-intro p{color:#647080;margin-top:14px;}
.az-team-badge{
  display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;
  background:#edf3ff;color:var(--az-blue);font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;
}
.az-image-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.az-image-stack img{width:100%;height:100%;min-height:210px;object-fit:cover;border-radius:18px;}
.az-image-stack img:first-child{grid-row:span 2;min-height:430px;}
.az-page img{max-width:100%;}
/* Team detail: force shared page language and remove legacy conflicting appearance */
.team-detail-modern{background:#fff;}
.team-detail-hero{
  min-height:460px;display:flex;align-items:flex-end;position:relative;overflow:hidden;
  background:linear-gradient(90deg,rgba(3,19,51,.90),rgba(7,51,164,.62)),url('../img/site/2026/03/Dr-Basil-Mumtaz-300x300.avif') center/cover;
}
.team-detail-hero-inner{width:min(1180px,calc(100% - 40px));margin:auto;padding:90px 0 58px;color:#fff;}
.team-detail-hero h1{font-size:clamp(40px,6vw,72px);line-height:.98;letter-spacing:-2.5px;max-width:850px;}
.team-detail-hero p{margin-top:16px;color:rgba(255,255,255,.78);font-size:16px;}
.team-detail-content{padding:clamp(65px,8vw,110px) 0;}
.team-detail-grid{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:360px 1fr;gap:70px;align-items:start;}
.team-detail-photo{position:sticky;top:110px;border-radius:24px;overflow:hidden;background:#eef3fa;box-shadow:0 25px 70px rgba(3,19,51,.13);}
.team-detail-photo img{width:100%;aspect-ratio:1/1.18;object-fit:cover;display:block;}
.team-detail-role{padding:10px 14px;background:#edf3ff;color:var(--az-blue);font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;}
.team-detail-copy h2{font-size:clamp(30px,4vw,50px);line-height:1.05;letter-spacing:-1.5px;margin-bottom:17px;}
.team-detail-copy p{color:#5f6a79;line-height:1.82;margin-bottom:16px;}
.team-detail-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;list-style:none;}
.team-detail-highlights li{padding:15px 16px;border:1px solid var(--az-line);border-radius:14px;color:#46515f;font-size:13px;line-height:1.5;background:#fff;}
.team-detail-highlights i{color:var(--az-blue);margin-right:8px;}
.team-detail-cta{background:var(--az-blue);color:#fff;padding:70px 0;}
.team-detail-cta-inner{width:min(1180px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;}
.team-detail-cta h2{font-size:clamp(28px,4vw,48px);line-height:1.08;letter-spacing:-1.2px;}
.team-detail-cta p{color:rgba(255,255,255,.76);margin-top:12px;}
@media(max-width:900px){
 .az-service-layout,.team-detail-grid{grid-template-columns:1fr;}
 .az-service-media{min-height:320px;order:-1;}
 .az-service-media img{min-height:320px;}
 .az-service-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
 .az-team-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
 .team-detail-photo{position:relative;top:auto;max-width:520px;}
 .team-detail-cta-inner{flex-direction:column;align-items:flex-start;}
}
@media(max-width:620px){
 .az-page{padding-left:18px !important;padding-right:18px !important;}
 .az-feature-grid,.az-check-list,.az-stat-strip,.az-service-cards,.az-team-grid{grid-template-columns:1fr !important;}
 .az-service-media{min-height:270px;border-radius:18px;}
 .az-service-media img{min-height:270px;}
 .az-feature-card,.az-service-card{padding:21px;}
 .team-detail-grid,.team-detail-hero-inner,.team-detail-cta-inner{width:min(100% - 30px,1180px);}
 .team-detail-hero{min-height:400px;}
 .team-detail-hero h1{letter-spacing:-1.5px;}
 .team-detail-highlights{grid-template-columns:1fr;}
}

.az-contact-form-layout{display:grid;grid-template-rows:auto 1fr;gap:25px;min-width:0;}
.az-contact-form-layout .az-form{margin:0;}
@media(max-width:900px){.az-contact-form-layout{grid-template-rows:auto auto;}}

/* V3.2 precision fixes: forms, team profile, spacing */
.az-form-page{padding-top:clamp(58px,7vw,92px)!important;padding-bottom:clamp(58px,7vw,92px)!important}.az-form-grid{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)!important;align-items:start!important;gap:clamp(32px,5vw,76px)!important}.az-form-side{min-width:0;display:flex;flex-direction:column;gap:22px}.az-form-side>.az-form{width:100%;margin:0}.az-form-heading{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:5px 0 2px}.az-form-heading strong{display:block;font-size:14px;color:#0b1628}.az-form-heading small{display:block;margin-top:3px;color:#7b8798;font-size:12px;font-weight:500}.az-form-step{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0733a4;color:#fff;font-size:11px;font-weight:800}.az-radio-group{border:0;padding:0;margin:0;display:flex;align-items:center;gap:22px}.az-radio-group legend{width:auto;float:left;margin-right:10px;font-size:12px;font-weight:800;color:#526071}.az-radio-group label{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#445064}.az-radio-group input{accent-color:#0733a4}.az-file-field{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 17px;border:1px solid #dfe6ef;border-radius:14px;background:#fff;color:#465366;font-size:13px;font-weight:700}.az-file-field small{font-weight:500;color:#8994a4}.az-file-field input{max-width:245px;font:inherit}.team-detail-hero{background:linear-gradient(90deg,rgba(4,17,42,.88),rgba(7,51,164,.54)),url('../img/site/2026/03/Dr-Basil-Mumtaz-300x300.avif') center/cover!important;min-height:520px!important;display:flex;align-items:end}.team-detail-hero-inner{padding-bottom:72px!important}.team-detail-photo{border:1px solid #dce5f2}.team-detail-highlights{padding:0;margin:28px 0 0;list-style:none}.team-detail-copy .az-blue-panel{border-radius:22px;box-shadow:0 20px 50px rgba(7,51,164,.16)}
@media(max-width:900px){.az-form-grid{grid-template-columns:1fr!important}.az-form-side{gap:18px}.az-file-field{align-items:flex-start;flex-direction:column}.az-file-field input{max-width:100%;width:100%}.team-detail-hero{min-height:430px!important}}
@media(max-width:600px){.az-form-page{padding-top:45px!important;padding-bottom:45px!important}.az-form-heading{margin-top:5px}.az-radio-group{flex-wrap:wrap}.az-radio-group legend{width:100%;margin:0 0 4px}.team-detail-hero-inner{padding-bottom:48px!important}.team-detail-content{padding:52px 0!important}}


/* =========================================================
   V3.3 CONTENT PAGES — about, services, technology
   Final layer: hero title aligned left, full-width section
   bands with a centred 1200px content column, consistent
   heading/paragraph rhythm, and components for live content.
   ========================================================= */

/* Inner hero: title block reads left, stacked top-to-bottom */
.az-inner-hero{flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;text-align:left!important;padding-left:max(20px,calc((100% - 1200px)/2))!important;padding-right:max(20px,calc((100% - 1200px)/2))!important}
.az-inner-hero>*{max-width:820px;text-align:left!important}
.az-inner-hero .az-inner-kicker{margin:0!important}
.az-inner-hero h1{margin:18px 0 14px!important;max-width:820px!important}
.az-inner-hero p{margin:0!important;max-width:680px!important}
.az-inner-hero:after{right:max(20px,calc((100% - 1200px)/2))!important;left:auto!important}
.az-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px!important;font-size:13px;font-weight:600}
.az-breadcrumb a{color:#fff;text-decoration:none}
.az-breadcrumb a:hover{text-decoration:underline}
.az-breadcrumb span{opacity:.45}

/* Hero variant with a product photo on the right (technology pages) */
.az-inner-hero.az-hero-product{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:48px}
.az-hero-product .az-hero-text{flex:1 1 auto;min-width:0}
.az-hero-product .az-hero-text>*{text-align:left}
.az-hero-product-img{flex:0 0 auto;width:230px;aspect-ratio:3/4;object-fit:cover;border-radius:24px;box-shadow:0 30px 70px rgba(0,0,0,.35);border:4px solid rgba(255,255,255,.14)}
.az-hero-product:after{display:none}

/* Full-width section bands, centred content column */
.az-page{max-width:none!important;margin:0!important;padding-left:max(20px,calc((100% - 1200px)/2))!important;padding-right:max(20px,calc((100% - 1200px)/2))!important}
.az-page h2{margin:10px 0 18px!important}
.az-page h3{margin:0 0 10px}
.az-page p{margin:0 0 14px}
.az-page p:last-child{margin-bottom:0}
.az-page .btn-primary{margin-top:12px}
.az-page .az-inner-kicker{display:block}
.az-section-head{max-width:760px;margin-bottom:38px}
.az-section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.az-section-head p{font-size:15.5px}

/* Intro media */
.az-service-media{align-self:stretch;max-height:560px}
.az-service-media img{max-height:560px}
.az-media-contain{background:#fff!important;display:grid;place-items:center}
.az-media-contain img{object-fit:contain!important;padding:24px}
.az-media-contain::after{display:none}
.az-product-media{position:relative;justify-self:center;width:100%;max-width:440px;aspect-ratio:3/4;border-radius:26px;overflow:hidden;background:#eef3fb;box-shadow:0 24px 70px rgba(7,51,164,.15)}
.az-product-media img{width:100%;height:100%;object-fit:cover;display:block}

/* Treatment rows: image column + detailed copy */
.az-treat-list{display:grid;gap:22px}
.az-treat{display:grid;grid-template-columns:340px minmax(0,1fr);gap:36px;align-items:start;padding:24px;background:#fff;border:1px solid var(--az-line);border-radius:22px;box-shadow:0 12px 35px rgba(3,19,51,.05)}
.az-treat.no-media{grid-template-columns:56px minmax(0,1fr);gap:22px;padding:28px}
.az-treat-media{margin:0;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#eef3fa}
.az-treat-media img{width:100%;height:100%;object-fit:cover;display:block}
.az-treat-media.contain{background:#fff;border:1px solid var(--az-line)}
.az-treat-media.contain img{object-fit:contain}
.az-treat .az-feature-icon{margin:0}
.az-treat h3{font-size:22px!important;line-height:1.25;margin:2px 0 10px!important}
.az-treat h4{font-size:15px;margin:18px 0 6px;color:var(--az-ink)}
.az-treat .az-check-list{grid-template-columns:1fr;margin-top:14px}

/* Feature cards */
.az-feature-grid{margin-top:0}
.az-feature-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.az-feature-card h3{font-size:18px!important;line-height:1.3;margin:0 0 8px!important}
.az-feature-card p{font-size:14px!important;line-height:1.7!important}

/* Heading-left / text-right prose band */
.az-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,5vw,80px);align-items:start}
.az-split h2{margin-top:10px!important}
.az-split + .az-split{margin-top:56px;padding-top:56px;border-top:1px solid var(--az-line)}

/* Image cards (sub-services, related technology) */
.az-sub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.az-sub-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--az-line);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 12px 35px rgba(3,19,51,.05);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.az-sub-card:hover{transform:translateY(-6px);border-color:#b9caf0;box-shadow:0 20px 48px rgba(7,51,164,.12)}
.az-sub-card figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:#eef3fa}
.az-sub-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.az-sub-card:hover img{transform:scale(1.04)}
.az-sub-card.product figure{aspect-ratio:1/1;background:#eef3fb}
.az-sub-card>div{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.az-sub-card h3{font-size:17px!important;line-height:1.3;margin:0 0 8px!important}
.az-sub-card p{font-size:13.5px!important;line-height:1.65!important;color:#667180;margin:0 0 14px!important}
.az-sub-card .read-more-link{margin-top:auto;color:var(--az-blue);font-weight:800;font-size:12px;letter-spacing:.5px;text-transform:uppercase}
.az-sub-card .read-more-link i{margin-left:6px}

/* Listing cards (services.html / technology.html) */
.az-list-card .az-list-media{height:210px;overflow:hidden;background:#eef3fa}
.az-list-card .az-list-media img{width:100%;height:100%;object-fit:cover;display:block}
.az-list-card .az-list-media.product{height:300px;background:#eef3fb}
.az-list-card .az-list-body{display:flex;flex-direction:column;flex:1;padding:24px}
.az-service-card.az-list-card{padding:0}

/* About page */
.az-team-photo{position:relative;border-radius:26px;overflow:hidden;background:linear-gradient(160deg,#eaf1ff 0%,#f7f9fd 60%,#fff 100%);box-shadow:0 24px 70px rgba(7,51,164,.12);padding:34px 20px 0;display:flex;align-items:flex-end}
.az-team-photo img{width:100%;height:auto;display:block}

/* Blue CTA panel spacing */
.az-blue-panel h2{color:#fff!important;margin:10px 0 14px!important}
.az-blue-panel .btn-primary{margin-top:22px}

/* Footer: phone numbers on separate lines */
.footer-section .contact-phone{display:block;margin-bottom:8px}
.footer-section .contact-phone:last-of-type{margin-bottom:22px}

@media(max-width:900px){
 .az-inner-hero.az-hero-product{flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important}
 .az-hero-product-img{display:none}
 .az-treat{grid-template-columns:1fr;gap:18px}
 .az-split{grid-template-columns:1fr;gap:10px}
 .az-feature-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .az-service-media{max-height:none}
 .az-product-media{max-width:380px}
}
@media(max-width:620px){
 .az-feature-grid.cols-3{grid-template-columns:1fr}
 .az-treat{padding:16px}
 .az-treat.no-media{grid-template-columns:1fr;padding:22px}
 .az-split + .az-split{margin-top:36px;padding-top:36px}
 .az-sub-grid{grid-template-columns:1fr 1fr;gap:14px}
 .az-sub-card>div{padding:14px}
 .az-list-card .az-list-media.product{height:260px}
}
@media(max-width:420px){.az-sub-grid{grid-template-columns:1fr}}
.az-blue-panel .btn-primary,.az-blue-panel .btn-primary:hover{background:#fff!important;color:#0733a4!important;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.az-blue-panel .btn-primary i{color:#0733a4!important}
.az-sub-card figure.contain,.az-treat-media.contain{background:#fff}
.az-sub-card figure.contain img{object-fit:contain}
.az-feature-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.az-list-card .az-list-media.product img,.az-sub-card.product img{object-fit:contain}
.az-list-card:hover .az-list-media img{transform:scale(1.04)}
.az-list-card .az-list-media img{transition:transform .6s ease}
@media(max-width:1100px){.az-feature-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.az-feature-grid.cols-4{grid-template-columns:1fr}}
.az-service-cards.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.az-service-cards.cols-4 .az-list-media{height:180px}
.az-service-cards.cols-4 .az-list-media.product{height:250px}
.az-service-cards.cols-4 .az-list-body{padding:22px}
.az-sub-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){.az-service-cards.cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}.az-sub-grid.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.az-service-cards.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.az-service-cards.cols-4{grid-template-columns:1fr!important}.az-sub-grid.cols-5{grid-template-columns:1fr 1fr}}

/* Career: step-by-step application form */
.az-career-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:start}
.az-career-intro h2{margin:14px 0 16px!important}
.az-career-intro .az-team-photo{margin-top:28px}
.az-wizard{background:#fff;border:1px solid var(--az-line);border-radius:26px;box-shadow:0 24px 70px rgba(7,51,164,.10);padding:clamp(22px,3.5vw,40px)}
.az-wizard-steps{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.az-wizard-steps li{position:relative;text-align:center}
.az-wizard-steps li+li::before{content:"";position:absolute;top:19px;right:calc(50% + 24px);left:calc(-50% + 24px);height:2px;background:#dfe6ef;transition:background .3s}
.az-wizard-steps li.is-active::before,.az-wizard-steps li.is-done::before{background:var(--az-blue)}
.az-wizard-steps button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:9px;width:100%}
.az-wizard-steps button:focus-visible span{outline:3px solid rgba(7,51,164,.35);outline-offset:3px}
.az-wizard-steps span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:2px solid #dfe6ef;background:#fff;color:#7b8798;font-weight:800;font-size:14px;transition:.3s}
.az-wizard-steps em{font-style:normal;font-size:12px;font-weight:700;color:#7b8798;line-height:1.3;max-width:120px}
.az-wizard-steps li.is-active span{background:var(--az-blue);border-color:var(--az-blue);color:#fff;box-shadow:0 8px 20px rgba(7,51,164,.28)}
.az-wizard-steps li.is-active em{color:var(--az-ink)}
.az-wizard-steps li.is-done span{background:#edf3ff;border-color:var(--az-blue);color:var(--az-blue);font-size:0}
.az-wizard-steps li.is-done span::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;font-size:14px}
.az-wizard-steps li.is-done em{color:var(--az-blue)}
.az-wizard-panel{border:0;margin:0;padding:0;min-width:0;animation:azStepIn .35s ease}
.az-wizard-panel[hidden]{display:none}
.az-wizard-panel legend{font-size:22px;font-weight:800;color:var(--az-ink);margin-bottom:20px;padding:0}
@keyframes azStepIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.az-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.az-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.az-field.full{grid-column:1/-1}
.az-wizard-panel>.az-field+.az-field{margin-top:22px}
.az-field label,.az-field-label{font-size:13px;font-weight:700;color:#344054;display:block}
.az-field-label{margin-bottom:10px}
.az-field .az-field-label{margin-bottom:0}
.az-field b,.az-field-label b{color:#d92d20;font-weight:700}
.az-wizard input[type=text],.az-wizard input[type=tel],.az-wizard input[type=email]{width:100%;height:50px;padding:0 16px;border:1px solid #dfe6ef;border-radius:12px;background:#f9fbfe;font:inherit;font-size:14px;color:var(--az-ink);transition:border-color .2s,box-shadow .2s,background .2s}
.az-wizard input[type=text]:focus,.az-wizard input[type=tel]:focus,.az-wizard input[type=email]:focus{outline:0;border-color:var(--az-blue);background:#fff;box-shadow:0 0 0 4px rgba(7,51,164,.09)}
.az-choice-row{display:flex;gap:10px;width:100%}
.az-choice-row .az-choice{flex:1 1 0;min-width:0}
.az-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.az-choice{position:relative;display:block;cursor:pointer}
.az-choice input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.az-choice span{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 18px;border:1px solid #dfe6ef;border-radius:12px;background:#f9fbfe;font-size:14px;font-weight:600;color:#344054;transition:.2s}
.az-choice-row .az-choice span{height:50px;min-height:0;padding:0 12px;justify-content:center;font-size:14px;line-height:1;white-space:nowrap}
.az-choice span i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#edf3ff;color:var(--az-blue);font-size:13px;flex:0 0 auto}
.az-choice:hover span{border-color:#b9caf0}
.az-choice input:checked+span{border-color:var(--az-blue);background:#edf3ff;color:var(--az-blue);box-shadow:0 0 0 3px rgba(7,51,164,.10)}
.az-choice input:checked+span i{background:var(--az-blue);color:#fff}
.az-choice input:focus-visible+span{outline:3px solid rgba(7,51,164,.35);outline-offset:2px}
.az-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:190px;padding:28px;border:2px dashed #c9d6ee;border-radius:18px;background:#f7f9fd;text-align:center;cursor:pointer;transition:.2s}
.az-upload:hover,.az-upload.has-file{border-color:var(--az-blue);background:#edf3ff}
.az-upload i{font-size:34px;color:var(--az-blue)}
.az-upload strong{font-size:15px;color:var(--az-ink);word-break:break-all}
.az-upload small{font-size:12px;color:#7b8798}
.az-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}
.az-wizard-nav{display:flex;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:24px;border-top:1px solid var(--az-line)}
.az-wizard-nav[hidden],.az-wizard-nav button[hidden]{display:none!important}
.az-wizard-nav .btn-primary{margin:0!important;border:0;cursor:pointer}
.az-wizard-prev{margin-right:auto;display:inline-flex;align-items:center;gap:8px;padding:0 22px;height:48px;border:1px solid #dfe6ef;border-radius:999px;background:#fff;color:#344054;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:.2s}
.az-wizard-prev:hover{border-color:var(--az-blue);color:var(--az-blue)}
.az-wizard-success{text-align:center;padding:30px 10px 10px}
.az-wizard-success[hidden]{display:none}
.az-wizard-success i{font-size:54px;color:#12b76a;margin-bottom:16px}
.az-wizard-success h3{font-size:24px!important;margin-bottom:8px!important}
@media(max-width:900px){.az-career-layout{grid-template-columns:1fr}.az-career-intro .az-team-photo{display:none}}
@media(max-width:560px){
 .az-field-grid,.az-choice-grid{grid-template-columns:1fr}
 .az-wizard-steps em{font-size:10.5px}
 .az-wizard-steps span{width:34px;height:34px;font-size:13px}
 .az-wizard-steps li+li::before{top:16px;right:calc(50% + 21px);left:calc(-50% + 21px)}
 .az-wizard-nav .btn-primary,.az-wizard-prev{flex:1;justify-content:center}
}

/* =========================================================
   HOME — full-screen hero slider (hs-*) and appointment section (ap-*)
   ========================================================= */
.hs-hero{position:relative;overflow:hidden;background:#030d2b;color:#fff;isolation:isolate}
.hs-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background: radial-gradient(900px 600px at 12% 30%,rgba(11,73,207,.45),transparent 65%),radial-gradient(700px 500px at 85% 110%,rgba(7,51,164,.55),transparent 70%),linear-gradient(120deg,#0733a4 0%,#0733a4 55%,#0733a4 100%);}
.hs-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.07;background-image:linear-gradient(rgba(255,255,255,.9) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.9) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(90deg,#000 0%,transparent 60%);-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 60%)}
.hs-inner{position:relative;width:min(1240px,100% - 48px);margin:0 auto}
.hs-stage{position:relative;z-index:1;display:grid}
.hs-slide{grid-area:1/1;position:relative;display:flex;align-items:center;min-height:clamp(700px,100vh,920px);padding:150px 0 170px;visibility:hidden;pointer-events:none;opacity:0;transition:opacity 1s ease,visibility 1s}
.hs-slide.is-active{visibility:visible;pointer-events:auto;opacity:1}

/* Visual: full-height photo on the right that melts into the navy */
.hs-visual{position:absolute;top:0;right:0;bottom:0;width:62%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%);mask-image:linear-gradient(90deg,transparent 0%,#000 34%)}
.hs-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,13,43,.35) 0%,transparent 30%,transparent 62%,rgba(3,13,43,.85) 100%)}
.hs-visual img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.14);transition:transform 9s cubic-bezier(.2,.6,.3,1)}
.hs-slide.is-active .hs-visual img{transform:scale(1.02)}
.hs-slide-wide .hs-visual{width:70%}
.hs-slide-team .hs-visual{width:56%;-webkit-mask-image:none;mask-image:none;display:flex;align-items:flex-end;justify-content:center}
.hs-slide-team .hs-visual::before{content:"";position:absolute;width:760px;height:760px;right:-60px;bottom:-280px;border-radius:50%;background:radial-gradient(circle,rgba(79,134,255,.55) 0%,rgba(11,73,207,.25) 40%,transparent 70%)}
.hs-slide-team .hs-visual::after{background:linear-gradient(180deg,transparent 70%,rgba(3,13,43,.55) 100%)}
.hs-slide-team .hs-visual img{position:relative;width:100%;max-width:900px;height:auto;max-height:82%;object-fit:contain;transform-origin:50% 100%;transform:translateY(40px) scale(.96);transition:transform 1.4s cubic-bezier(.22,.61,.36,1)}
.hs-slide-team.is-active .hs-visual img{transform:none}

/* Copy */
.hs-copy{max-width:660px}
.hs-copy>*{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .9s cubic-bezier(.22,.61,.36,1)}
.hs-slide.is-active .hs-copy>*{opacity:1;transform:none}
.hs-slide.is-active .hs-copy>:nth-child(1){transition-delay:.25s}
.hs-slide.is-active .hs-copy>:nth-child(2){transition-delay:.35s}
.hs-slide.is-active .hs-copy>:nth-child(3){transition-delay:.5s}
.hs-slide.is-active .hs-copy>:nth-child(4){transition-delay:.62s}
.hs-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#dbe6ff;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.hs-eyebrow i{color:#8fb2ff}
.hs-title{font-size:clamp(38px,4.3vw,62px)!important;line-height:1!important;letter-spacing:-2.6px;font-weight:800;color:#fff!important;margin:24px 0 22px!important;text-shadow:0 20px 50px rgba(0,0,0,.25)}
.hs-title span{display:block;background:linear-gradient(90deg,#8fb2ff 0%,#dbe6ff 60%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hs-text{font-size:17.5px;line-height:1.75;color:rgba(255,255,255,.76);max-width:560px;margin:0}
.hs-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.hs-btn{display:inline-flex;align-items:center;gap:12px;padding:17px 28px;border-radius:999px;background:#fff;color:#0733a4;font-weight:800;font-size:14.5px;text-decoration:none;box-shadow:0 18px 40px rgba(0,0,0,.25);transition:transform .25s,box-shadow .25s}
.hs-btn i{transition:transform .25s}
.hs-btn:hover{transform:translateY(-2px);box-shadow:0 24px 50px rgba(0,0,0,.32)}
.hs-btn:hover i{transform:translateX(4px)}
.hs-ghost{display:inline-flex;align-items:center;padding:16px 26px;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);color:#fff;font-weight:700;font-size:14.5px;text-decoration:none;transition:.25s}
.hs-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}

/* Glass info chip */
.hs-chip{position:absolute;z-index:2;right:max(24px,calc((100% - 1240px)/2));bottom:190px;display:flex;align-items:center;gap:13px;padding:14px 18px 14px 14px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 50px rgba(0,0,0,.25);font-size:12.5px;color:rgba(255,255,255,.75);line-height:1.4;opacity:0;transform:translateY(20px);transition:opacity .6s ease .8s,transform .8s ease .8s}
.hs-slide.is-active .hs-chip{opacity:1;transform:none}
.hs-chip>i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#fff;color:#0733a4;font-size:16px;flex:0 0 auto}
.hs-chip strong{display:block;color:#fff;font-size:14.5px}
.hs-slide-team .hs-chip{bottom:auto;top:150px}
.hs-chip-logo>img{height:52px;width:auto;border-radius:12px;background:#fff;padding:6px 8px;flex:0 0 auto}

/* Bottom navigation */
.hs-nav{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:0 0 40px}
.hs-nav-inner{display:flex;align-items:center;gap:36px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14)}
.hs-count{display:flex;align-items:baseline;gap:6px;font-weight:800;flex:0 0 auto}
.hs-count b{font-size:40px;line-height:1;color:#fff;letter-spacing:-1px;min-width:52px}
.hs-count span{font-size:14px;color:rgba(255,255,255,.5)}
.hs-tabs{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.hs-tab{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:12px}
.hs-tab span{font-size:13.5px;font-weight:700;color:rgba(255,255,255,.55);transition:color .3s}
.hs-tab.is-active span,.hs-tab:hover span{color:#fff}
.hs-bar{display:block;height:3px;border-radius:3px;background:rgba(255,255,255,.18);overflow:hidden}
.hs-bar em{display:block;height:100%;width:0;background:#fff;border-radius:3px}
.hs-tab.is-done .hs-bar em{width:100%;background:rgba(255,255,255,.55)}
.hs-tab.is-active .hs-bar em{animation:hsBar var(--hs-duration,6.5s) linear forwards}
.hs-hero.is-paused .hs-tab.is-active .hs-bar em{animation-play-state:paused}
@keyframes hsBar{from{width:0}to{width:100%}}
.hs-tab:focus-visible span{outline:2px solid #fff;outline-offset:4px;border-radius:4px}
.hs-arrows{display:flex;gap:10px;flex:0 0 auto}
.hs-arrows button{width:54px;height:54px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:.25s}
.hs-arrows button:hover{background:#fff;border-color:#fff;color:#0733a4}

@media(prefers-reduced-motion:reduce){.hs-slide,.hs-copy>*,.hs-visual img,.hs-chip{transition:none!important}.hs-tab.is-active .hs-bar em{animation:none;width:100%}}
@media(max-width:1100px){.hs-chip{display:none}.hs-tabs{gap:14px}}
@media(max-width:900px){
 .hs-slide{flex-direction:column;align-items:stretch;min-height:0;padding:0 0 36px}
 .hs-visual,.hs-slide-wide .hs-visual,.hs-slide-team .hs-visual{position:relative;width:100%;height:clamp(300px,58vw,460px);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
 .hs-visual::after{background:linear-gradient(180deg,rgba(3,13,43,.5) 0%,transparent 35%)}
 .hs-slide-team .hs-visual{padding-top:96px}
 .hs-slide-team .hs-visual img{max-height:100%;max-width:100%}
 .hs-slide-team .hs-visual::before{right:auto;left:50%;transform:translateX(-50%);bottom:-420px}
 .hs-inner{width:calc(100% - 40px)}
 .hs-copy{margin-top:-20px;max-width:none}
 .hs-nav{position:relative;padding-bottom:34px}
 .hs-nav-inner{gap:18px}
 .hs-count b{font-size:30px;min-width:40px}
}
@media(max-width:620px){
 .hs-inner{width:calc(100% - 32px)}
 .hs-title{letter-spacing:-1.4px}
 .hs-text{font-size:15.5px}
 .hs-actions{margin-top:28px}
 .hs-btn,.hs-ghost{flex:1 1 100%;justify-content:center}
 .hs-tab span{display:none}
 .hs-tabs{gap:8px}
 .hs-count span{display:none}
 .hs-arrows button{width:44px;height:44px}
}

/* Appointment */
.ap-section{position:relative;overflow:hidden;padding:clamp(64px,8vw,104px) 0;background:linear-gradient(135deg,#0733a4 0%,#062a8a 60%,#04206b 100%);color:#fff}
.ap-section::before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-220px;border-radius:50%;border:1px solid rgba(255,255,255,.10)}
.ap-section::after{content:"";position:absolute;width:380px;height:380px;left:-160px;bottom:-200px;border-radius:50%;border:1px solid rgba(255,255,255,.08)}
.ap-wrap{position:relative;z-index:1;width:min(1200px,100% - 40px);margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,6vw,80px);align-items:center}
.ap-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.ap-info h2{font-size:clamp(32px,3.8vw,50px);line-height:1.08;letter-spacing:-1.2px;color:#fff;margin:16px 0 14px}
.ap-info>p{color:rgba(255,255,255,.78);font-size:15.5px;line-height:1.75;margin:0}
.ap-contact{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.ap-contact li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:14px;font-weight:600;line-height:1.45}
.ap-contact i{flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff;color:#0733a4;font-size:16px}
.ap-contact small{display:block;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:2px}
.ap-contact a{color:#fff;text-decoration:none}
.ap-contact a:hover{text-decoration:underline}
.ap-card{background:#fff;border-radius:28px;padding:clamp(24px,3.5vw,40px);box-shadow:0 34px 80px rgba(0,0,0,.25);color:#07152f}
.ap-form h3,.ap-success h3{font-size:24px;color:#07152f;margin:0 0 22px}
.ap-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ap-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.ap-field.full{grid-column:1/-1}
.ap-field label{font-size:13px;font-weight:700;color:#344054}
.ap-field b{color:#d92d20}
.ap-field input,.ap-field select,.ap-field textarea{width:100%;padding:13px 15px;border:1px solid #dfe6ef;border-radius:12px;background:#f9fbfe;font:inherit;font-size:14px;color:#07152f;transition:border-color .2s,box-shadow .2s,background .2s}
.ap-field input,.ap-field select{height:50px}
.ap-field textarea{resize:vertical}
.ap-field input:focus,.ap-field select:focus,.ap-field textarea:focus{outline:0;border-color:#0733a4;background:#fff;box-shadow:0 0 0 4px rgba(7,51,164,.09)}
.ap-submit{width:100%;justify-content:center;margin-top:22px;padding:16px;border:0;cursor:pointer}
.ap-success{text-align:center;padding:36px 10px}
.ap-success[hidden]{display:none}
.ap-success i{font-size:54px;color:#12b76a;margin-bottom:16px}
.ap-success h3{margin-bottom:8px}
.ap-success p{color:#5c6674;margin:0}
@media(max-width:900px){.ap-wrap{grid-template-columns:1fr}}
@media(max-width:620px){.ap-wrap{width:calc(100% - 32px)}.ap-grid{grid-template-columns:1fr}}

.hs-nav{background:linear-gradient(180deg,rgba(3,13,43,0) 0%,rgba(3,13,43,.72) 45%,rgba(3,13,43,.92) 100%);padding-top:50px}@media(max-width:900px){.hs-nav{background:none;padding-top:0}}
@media(max-width:900px){.hs-visual,.hs-slide-wide .hs-visual,.hs-slide-team .hs-visual{height:clamp(340px,72vw,500px)}}

/* =========================================================
   TEAM MEMBER PROFILES (team-*.html) — tm-*
   ========================================================= */
.tm-hero{background-position:center 28%!important}
.tm-profile{display:grid;grid-template-columns:380px minmax(0,1fr);gap:clamp(36px,5vw,72px);align-items:start}
.tm-card{position:sticky;top:110px;background:#fff;border:1px solid var(--az-line);border-radius:28px;overflow:hidden;box-shadow:0 26px 70px rgba(3,19,51,.10)}
.tm-card figure{margin:0;aspect-ratio:1/1.08;background:linear-gradient(180deg,#edf3ff,#dfe9ff);overflow:hidden}
.tm-card figure img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.tm-card-body{padding:24px 26px 28px}
.tm-name{font-size:26px!important;line-height:1.2!important;letter-spacing:-.5px;margin:14px 0 18px!important}
.tm-facts{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px}
.tm-facts li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#f7f9fd;border:1px solid #edf1f7;font-size:14px;font-weight:700;color:#07152f;line-height:1.35}
.tm-facts i{flex:0 0 auto;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#0733a4;color:#fff;font-size:14px}
.tm-facts small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#7b8798;margin-bottom:2px}
.tm-book{width:100%;justify-content:center;margin:0!important;padding:15px 20px}
.tm-wa{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:13px 20px;border-radius:999px;border:1.5px solid #c9d6ee;color:#07152f;font-weight:700;font-size:14px;text-decoration:none;transition:.2s}
.tm-wa i{color:#25d366;font-size:17px}
.tm-wa:hover{border-color:#0733a4;color:#0733a4}
.tm-main>h2{font-size:clamp(30px,3.4vw,46px)!important;margin:10px 0 20px!important}
.tm-main>p{font-size:16px!important;line-height:1.8!important;color:#4f5b6b}
.tm-block{margin-top:40px}
.tm-block h3{font-size:20px!important;margin:0 0 16px!important;color:#07152f}
.tm-highlights{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tm-highlights li{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--az-line);border-radius:16px;background:#fff;font-size:14px;line-height:1.55;color:#344054;transition:border-color .2s,box-shadow .2s}
.tm-highlights li:hover{border-color:#c9d6ee;box-shadow:0 12px 30px rgba(7,51,164,.08)}
.tm-highlights i{flex:0 0 auto;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf3ff;color:#0733a4;font-size:14px}
.tm-timeline{list-style:none;margin:0;padding:0 0 0 26px;position:relative}
.tm-timeline::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:#dfe7f7}
.tm-timeline li{position:relative;padding:0 0 24px}
.tm-timeline li:last-child{padding-bottom:0}
.tm-timeline li::before{content:"";position:absolute;left:-26px;top:4px;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid #0733a4}
.tm-timeline strong{display:block;font-size:16px;color:#07152f}
.tm-timeline em{display:block;font-style:normal;font-size:13px;font-weight:700;color:#0733a4;margin:3px 0 6px}
.tm-timeline p{margin:0;font-size:14.5px!important;color:#5c6674}
.tm-edu{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tm-edu li{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--az-line);border-radius:14px;background:#fff}
.tm-edu i{flex:0 0 auto;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#edf3ff;color:#0733a4}
.tm-edu span{flex:1;font-size:13.5px;color:#697381;line-height:1.4}
.tm-edu strong{display:block;font-size:15px;color:#07152f}
.tm-edu b{font-size:12.5px;color:#0733a4;white-space:nowrap}
.tm-beyond{display:flex;gap:18px;margin-top:40px;padding:26px;border-radius:22px;background:linear-gradient(135deg,#edf3ff,#f7f9fd);border:1px solid #dfe7f7}
.tm-beyond>i{flex:0 0 auto;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#0733a4;color:#fff;font-size:18px}
.tm-beyond h3{font-size:18px!important;margin:2px 0 8px!important}
.tm-beyond p{margin:0;font-size:14.5px!important;line-height:1.75!important;color:#4f5b6b}
.tm-chips{display:flex;flex-wrap:wrap;gap:10px}
.tm-chips a{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;border:1.5px solid #c9d6ee;background:#fff;color:#07152f;font-size:14px;font-weight:700;text-decoration:none;transition:.2s}
.tm-chips a i:first-child{color:#0733a4}
.tm-chips a i:last-child{font-size:11px;color:#7b8798;transition:transform .2s}
.tm-chips a:hover{border-color:#0733a4;background:#edf3ff}
.tm-chips a:hover i:last-child{transform:translateX(3px);color:#0733a4}
.tm-others{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.tm-other{text-decoration:none;color:inherit;text-align:center}
.tm-other figure{margin:0 0 12px;border-radius:20px;overflow:hidden;aspect-ratio:1/1.1;background:linear-gradient(180deg,#edf3ff,#dfe9ff);box-shadow:0 12px 30px rgba(3,19,51,.07)}
.tm-other img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .5s ease}
.tm-other:hover img{transform:scale(1.05)}
.tm-other h3{font-size:15px!important;margin:0 0 4px!important;color:#07152f}
.tm-other p{margin:0;font-size:11px!important;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#0733a4!important;line-height:1.45!important}
/* Team page: whole card is clickable through to the profile */
.az-team-card{cursor:pointer}
.az-team-card .az-team-link{position:absolute;inset:0;z-index:1}
.az-team-card .team-arrow{z-index:2}
.az-team-card .az-team-more{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:#0733a4;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}
.az-team-card:hover .az-team-more i{transform:translateX(3px)}
.az-team-card .az-team-more i{transition:transform .2s}
@media(max-width:1000px){.tm-others{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.tm-profile{grid-template-columns:1fr}.tm-card{position:relative;top:auto;max-width:520px}.tm-highlights{grid-template-columns:1fr}}
@media(max-width:560px){.tm-others{grid-template-columns:1fr 1fr}.tm-beyond{flex-direction:column}.tm-edu li{flex-wrap:wrap}}
.tm-timeline{padding:0!important}.tm-timeline li{padding:0 0 24px 30px!important;margin:0}.tm-timeline li::before{left:0}.tm-timeline::before{left:7px}

/* =========================================================
   MOBILE MENU — scrollable panel + expandable sub-menus
   ========================================================= */
@media(max-width:900px){
 body:not(.mobile-menu-open) .mobile-menu{visibility:hidden;pointer-events:none}
 body.mobile-menu-open .mobile-menu{visibility:visible;max-height:calc(100vh - 110px)!important;max-height:calc(100dvh - 110px)!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .mobile-nav-links .m-row{display:flex;align-items:center;gap:8px}
 .mobile-nav-links .m-row>a{flex:1;min-width:0}
 .m-sub-toggle{flex:0 0 auto;width:40px;height:40px;border:0;border-radius:12px;background:#f1f5fd;color:#0733a4;display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}
 .m-sub-toggle i{font-size:12px;transition:transform .3s ease}
 .m-has-sub.is-open .m-sub-toggle{background:#0733a4;color:#fff}
 .m-has-sub.is-open .m-sub-toggle i{transform:rotate(180deg)}
 .m-sub-toggle:focus-visible{outline:3px solid rgba(7,51,164,.35);outline-offset:2px}
 .m-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
 .m-has-sub.is-open .m-sub{grid-template-rows:1fr}
 .m-sub>ul{overflow:hidden;list-style:none;margin:0;padding:0 0 0 14px;min-height:0}
 .m-has-sub.is-open .m-sub>ul{padding-bottom:10px}
 .m-sub li{border:0!important;border-left:2px solid #e3e9f3!important}
 .m-sub a{display:block!important;padding:10px 14px!important;font-size:13.5px!important;font-weight:600!important;color:#526071!important;border-radius:0 10px 10px 0;transition:background .2s,color .2s}
 .m-sub a:hover{background:#f5f8ff;color:#0733a4!important}
 .m-sub a.active{color:#0733a4!important;background:#edf3ff}
 .m-sub li:has(a.active){border-left-color:#0733a4!important}
 .m-has-sub:not(.is-open) .m-sub a{visibility:hidden}
}

/* Blog detail: featured article split */
article.az-page>.az-page-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,72px);align-items:stretch}
article.az-page>.az-page-grid>div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
article.az-page>.az-page-grid .az-meta{margin-bottom:14px}
article.az-page>.az-page-grid h2{margin:0 0 22px;letter-spacing:-.02em}
article.az-page>.az-page-grid p{margin:0 0 16px;font-size:1.02rem}
article.az-page>.az-page-grid .btn-primary{margin-top:14px}
article.az-page>.az-page-grid>.az-image{height:100%;min-height:440px;max-height:600px;object-fit:cover;align-self:center}
@media(max-width:850px){article.az-page>.az-page-grid{grid-template-columns:1fr}article.az-page>.az-page-grid>.az-image{height:auto;min-height:0;aspect-ratio:4/3}}

/* =========================================================
   HOME VIDEO SECTION — [azura_home_video]
   Split tone: the upper half continues the section above
   (blue) and the lower half leads into the next (white), so
   the home page's blue / white rhythm stays unbroken.
   ========================================================= */
.video-section{position:relative;overflow:hidden;padding:88px 20px;font-family:var(--font-family);background:#0733a4;color:#fff}
.video-section.tone-white-blue{background:#fff;color:#101522}
.video-container{position:relative;max-width:1240px;margin:0 auto}
.video-header{text-align:center;max-width:720px;margin:0 auto 46px}
.video-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);color:#fff}
.video-title{font-size:clamp(30px,3.4vw,42px);line-height:1.18;font-weight:800;margin:0 0 16px;color:#fff}
.video-description{font-size:15px;line-height:1.75;margin:0;color:rgba(255,255,255,.84)}
.tone-white-blue .video-badge{background:#EFF5FF;border-color:#D0E2FF;color:var(--primary-blue)}
.tone-white-blue .video-title{color:#101522}
.tone-white-blue .video-description{color:#596579}

/* Lower half of the section takes the next section's colour */
.video-stage{position:relative;max-width:1040px;margin:0 auto}
.video-stage::before{content:"";position:absolute;left:-100vw;right:-100vw;top:50%;bottom:-200px;background:#fff;z-index:0}
.tone-white-blue .video-stage::before{background:#0733a4}

.video-frame{position:relative;z-index:1;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:#05070b;border:6px solid #fff;box-shadow:0 30px 70px rgba(7,24,74,.28)}
.video-frame video,.video-frame iframe,.video-poster{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;display:block}
.video-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,51,164,0) 45%,rgba(7,20,60,.35));pointer-events:none;transition:opacity .4s ease}
.video-frame.is-playing::after{opacity:0}
.video-play{position:absolute;left:50%;top:50%;z-index:2;width:92px;height:92px;margin:-46px 0 0 -46px;border:0;border-radius:50%;background:#fff;color:#0733a4;font-size:26px;display:grid;place-items:center;cursor:pointer;box-shadow:0 18px 40px rgba(0,0,0,.25);transition:transform .3s ease,background .3s ease,color .3s ease}
.video-play i{margin-left:5px}
.video-play::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:videoPulse 2s ease-out infinite}
.video-play:hover{transform:scale(1.08);background:#0733a4;color:#fff}
.video-play:focus-visible{outline:3px solid #6ea0ff;outline-offset:6px}
@keyframes videoPulse{from{transform:scale(.85);opacity:1}to{transform:scale(1.35);opacity:0}}

/* Reveal — same timing as the other home sections */
.video-section{opacity:0;transform:translateY(45px);transition:opacity 1s cubic-bezier(0.16,1,0.3,1),transform 1s cubic-bezier(0.16,1,0.3,1)}
.video-section.section-visible{opacity:1;transform:none}
.section-visible .video-badge{animation:badgeReveal .7s ease both}
.section-visible .video-title{animation:headingReveal .9s cubic-bezier(0.16,1,0.3,1) .08s both}
.section-visible .video-frame{animation:videoFrameReveal 1s cubic-bezier(0.16,1,0.3,1) .2s both}
@keyframes videoFrameReveal{from{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:none}}

@media(max-width:900px){
  .video-section{padding:68px 20px}
  .video-header{margin-bottom:34px}
  .video-frame{border-radius:20px;border-width:4px}
  .video-play{width:72px;height:72px;margin:-36px 0 0 -36px;font-size:20px}
}
@media(prefers-reduced-motion:reduce){
  .video-section{opacity:1;transform:none;transition:none}
  .video-play::before,.section-visible .video-frame,.section-visible .video-badge,.section-visible .video-title{animation:none}
}
/* Home sections rendered from Appearance → Home Page: linked cards */
a.service-card,a.cs-card{color:inherit;text-decoration:none}
a.cs-card:focus-visible,a.service-card:focus-visible{outline:3px solid #6ea0ff;outline-offset:4px;border-radius:20px}
.faq-question{cursor:pointer}
/* =========================================================
   HOME HERO — appointment form (Appearance → Home Page › Hero slider)
   Fixed card on the right; the slides change behind it.
   ========================================================= */
.hs-form-layer{position:absolute;inset:0;z-index:4;display:flex;align-items:center;padding:120px 0 150px;pointer-events:none}
.hs-form-layer .hs-inner{display:flex;justify-content:flex-end}
.hs-has-form .hs-chip{display:none}
.hs-has-form .hs-copy{max-width:min(620px,calc(100% - 450px))}
.hs-form{pointer-events:auto;width:min(410px,100%);background:rgba(255,255,255,.08);color:#fff;border-radius:26px;padding:28px 28px 22px;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 30px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.18);animation:hsFormIn .9s cubic-bezier(.22,.61,.36,1) .3s both}
@keyframes hsFormIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.hs-form-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);color:#fff;font-size:12.5px;font-weight:700}
.hs-form-title{font-size:26px!important;line-height:1.2!important;font-weight:800;color:#fff!important;margin:14px 0 6px!important;letter-spacing:-.5px}
.hs-form-text{font-size:14px;line-height:1.6;color:rgba(255,255,255,.75);margin:0 0 18px}
.hs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hs-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.hs-field.full{grid-column:1/-1}
.hs-field label{font-size:12.5px;font-weight:700;color:rgba(255,255,255,.88)}
.hs-field label b{color:#ff8a80}
.hs-field input,.hs-field select{width:100%;height:46px;padding:0 14px;border:1.5px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.08);font:inherit;font-size:14px;color:#fff;color-scheme:dark;transition:border-color .2s,background .2s,box-shadow .2s}
.hs-field input::placeholder{color:rgba(255,255,255,.55)}
.hs-field select option{color:#101522;background:#fff}
.hs-field input:focus,.hs-field select:focus{outline:0;border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.14);box-shadow:0 0 0 4px rgba(255,255,255,.12)}
.hs-form-submit{width:100%;margin-top:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;border:0;border-radius:999px;background:#fff;color:#0733a4;font:inherit;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 16px 34px rgba(0,0,0,.25);transition:transform .25s,box-shadow .25s}
.hs-form-submit:hover{transform:translateY(-2px);box-shadow:0 22px 44px rgba(0,0,0,.32)}
.hs-form-submit:focus-visible{outline:3px solid #6ea0ff;outline-offset:3px}
.hs-form-call{margin:12px 0 0;text-align:center;font-size:13px;color:rgba(255,255,255,.7)}
.hs-form-call a{color:#fff;font-weight:700;text-decoration:none}
.hs-form .az-notice{margin:0 0 14px}
.hs-form-success{text-align:center;padding:18px 4px}
.hs-form-success>i{font-size:46px;color:#34d399}
.hs-form-success h3{font-size:22px;margin:12px 0 6px;color:#fff}
.hs-form-success p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.78);margin:0}
@media(max-width:1100px){
  .hs-has-form .hs-copy{max-width:calc(100% - 390px)}
  .hs-form{width:360px;padding:24px 22px 18px}
  .hs-form-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .hs-has-form{display:flex;flex-direction:column}
  .hs-has-form .hs-stage{order:1}
  .hs-has-form .hs-nav{order:2}
  .hs-form-layer{order:3;position:relative;inset:auto;padding:4px 0 44px;display:block}
  .hs-form-layer .hs-inner{display:block}
  .hs-has-form .hs-copy{max-width:none}
  .hs-form{width:100%;animation:none}
  .hs-form-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){.hs-form-grid{grid-template-columns:1fr}.hs-form{padding:22px 18px 18px}}

/* Testimonials — Google reviews */
.trust-google{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.trust-google>.fa-google{color:#4285F4;font-size:16px}
.trust-google:hover .trust-score{text-decoration:underline}
.testimonials-google{display:flex;justify-content:center;margin-top:26px}
.google-review-btn{display:inline-flex;align-items:center;gap:12px;padding:10px 22px 10px 10px;border-radius:999px;background:#fff;border:1.5px solid #e3e8f0;color:#101522;font-weight:700;font-size:14.5px;text-decoration:none;box-shadow:0 12px 30px rgba(16,21,34,.08);transition:transform .25s,box-shadow .25s,border-color .25s}
.google-review-btn:hover{transform:translateY(-2px);border-color:#4285F4;box-shadow:0 18px 40px rgba(66,133,244,.18)}
.google-review-btn>.fa-arrow-up-right-from-square{font-size:12px;color:#8a94a6}
.google-review-logo{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from -45deg,#EA4335 0 25%,#4285F4 0 50%,#34A853 0 75%,#FBBC05 0 100%)}
.google-review-logo i{width:28px;height:28px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#4285F4;font-size:15px}

/* Team profile hero — this doctor's own photo */
.az-inner-hero.tm-hero-photo{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:48px;padding-bottom:0!important;background-image:radial-gradient(circle at 82% 78%,rgba(79,134,255,.45) 0%,rgba(11,73,207,.18) 32%,transparent 60%),linear-gradient(120deg,#030d2b 0%,#06246f 55%,#0733a4 100%)!important;background-color:#030d2b!important}
.tm-hero-photo .az-hero-text{flex:1 1 auto;min-width:0;padding-bottom:86px}
.tm-hero-photo .az-hero-text>*{text-align:left}
.tm-hero-portrait{flex:0 0 auto;align-self:flex-end;margin:0;width:clamp(240px,26vw,360px);aspect-ratio:4/5;border-radius:28px 28px 0 0;overflow:hidden;border:5px solid rgba(255,255,255,.16);border-bottom:0;box-shadow:0 30px 80px rgba(0,0,0,.35);background:#0a2a7a}
.tm-hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
@media(max-width:900px){
  .az-inner-hero.tm-hero-photo{flex-direction:column-reverse!important;align-items:flex-start!important;justify-content:flex-end!important;gap:22px;padding-bottom:55px!important}
  .tm-hero-photo .az-hero-text{padding-bottom:0}
  .tm-hero-portrait{align-self:flex-start;width:132px;aspect-ratio:1;border-radius:50%;border:4px solid rgba(255,255,255,.22)}
}.tm-hero-photo:before{background:linear-gradient(90deg,rgba(2,7,20,.6),rgba(2,10,30,.15) 60%,transparent)!important}