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

html,
body {
  height: 100%;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

ul,
ol {
  list-style: none;
}

:root {
  --bg: #0f1115;
  --text: #ffffff;
  --accent: #d91515;
  --muted: rgba(255, 255, 255, 0.7);
  --header-bg: rgb(25 27 30);
  --menu-bg: #151923;
}

body {
  font-family: "Open Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  background: #ffffff;
  color: #111;
}

main {
  background: #ffffff;
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", "Open Sans";
  font-weight: bold;
}
p {
    font-size: 15px;
    line-height: 1.7;
}
.container {
  width: min(1200px, 92vw);
  margin: 0 auto;
}

.site-header {
  position: fixed;
  top: 0;
  z-index: 100;
  background: var(--header-bg);
  backdrop-filter: blur(10px);
  width: 100%;
  height: 90px;
}

.header-wrap {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  padding: 16px 0;
  gap: 24px;
  height: 100%;
}

.header-right {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-self: end;
}

.social-icons {
  display: flex;
  align-items: center;
  gap: 10px;
}

.social-icons .social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(255,255,255,0.06);
}

.social-icons .social-link svg {
  width: 18px;
  height: 18px;
  color: #fff;
}

/* Phone link next to social icons */
.social-icons .phone-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 15px;
  border-radius: 8px;
  color: #fff;
  background: rgba(255,255,255,0.06);
  font-weight: 600;
}

.social-icons .phone-link svg {
  width: 16px;
  height: 16px;
  color: #fff;
}

.social-icons .phone-link .phone-number {
  font-size: 0.95rem;
  white-space: nowrap;
}



.logo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.04em;
  width: 150px;
}

.logo-mark {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: var(--accent);
  color: #fff;
  font-weight: 700;
}

.main-nav .menu {
  display: flex;
  align-items: center;
  gap: 24px;
  color: #fff;
  font-weight: 600;
}

.main-nav {
  justify-self: center;
}

.main-nav .menu > li > a,
.submenu-toggle {
  display: inline-flex;
  align-items: center;
  padding: 10px 0;
}

.has-submenu {
  position: relative;
}

.submenu-toggle {
  background: none;
  border: none;
  color: #fff;
  font: inherit;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}

.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--menu-bg);
  padding: 10px 0;
  border-radius: 10px;
  min-width: 180px;
  display: none;
}

.submenu a {
  display: block;
  padding: 10px 16px;
  color: #fff;
  white-space: nowrap;
}

.has-submenu:hover .submenu,
.has-submenu:focus-within .submenu {
  display: block;
}

.caret {
  font-size: 0.8rem;
}

.hamburger {
  display: none;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  background: none;
  cursor: pointer;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  justify-self: end;
}

.hamburger span {
  width: 20px;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: transform 0.2s ease, opacity 0.2s ease, top 0.2s ease;
}

.hamburger span:nth-child(1) {
  top: 12px;
}

.hamburger span:nth-child(2) {
  top: 19px;
}

.hamburger span:nth-child(3) {
  top: 26px;
}

.hamburger.is-open span:nth-child(1) {
  top: 19px;
  transform: translateX(-50%) rotate(45deg);
}

.hamburger.is-open span:nth-child(2) {
  opacity: 0;
}

.hamburger.is-open span:nth-child(3) {
  top: 19px;
  transform: translateX(-50%) rotate(-45deg);
}

.mobile-menu {
  display: block;
  background: var(--menu-bg);
  padding: 16px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(-8px);
  transition: max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
  position: absolute;
  top: 100%;
  left: 0px;
  width: 100%;
  pointer-events: none;
}

.mobile-menu nav {
  display: grid;
  gap: 10px;
  color: #fff;
  font-weight: 600;
}

.mobile-menu nav a,
.mobile-menu nav button {
  padding: 10px 0;
  text-align: left;
}

.mobile-menu nav button {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}

.mobile-submenu {
  display: none;
  padding-left: 12px;
  gap: 6px;
}

.mobile-submenu a {
  display: block;
  color: var(--muted);
}

.hero-slider {
  height: calc(100vh - 94px);
  position: relative;
  float: left;
  width: 100%;
  display: inline-block;
}

.slide {
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-slider .slides {
  position: relative;
  height: 100%;
  width: 100%;
}

.hero-slider .slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.8s ease;
  z-index: 1;
  pointer-events: none;
}

.hero-slider .slide.is-active {
  opacity: 1;
  z-index: 2;
  pointer-events: auto;
}

.hero-slider .slide .slide-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.25), rgba(0,0,0,0.25));
  z-index: 2;
}

.hero-slider .slide .slide-content {
  position: relative;
  z-index: 3;
}

.hero-slider .slide video.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slide-content {
  color: var(--text);
  position: relative;
  z-index: 2;
  display: grid;
  gap: 16px;
}

.slide-content h1 {
  font-size: clamp(2.4rem, 4vw, 3.8rem);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.slide-content p {
  max-width: 540px;
  color: var(--muted);
  font-size: 1.05rem;
}

.cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  border: 2px solid #fff;
  padding: 10px 20px;
  border-radius: 999px;
  font-weight: 600;
  width: fit-content;
}

.page-hero {
  position: relative;
  height: 300px;
  display: grid;
  align-items: center;
  color: #fff;
}

.page-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(0.55);
}

.page-hero-content {
  position: relative;
  z-index: 1;
  text-align: center;
}

.page-hero h1 {
  text-transform: uppercase;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
}

.about-grid,
.values {
  padding: 50px 0;
}

.about-wrap,
.values-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
  align-items: start;
}

.vertical-center {
  align-items: center;
}

.about-text h2,
.values-text h2 {
  margin-bottom: 20px;
  font-size: 2rem;
}

.about-text p,
.values-text p {
  margin-bottom: 16px;
  color: #444;
}

.image-card {
  border-radius: 12px;
  height: 620px;
  background-size: cover;
  background-position: center;
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.15);
  width: 100%;
  display: inline-block;
  float: left;
}
.values-image {
    width: 100%;
}
.values {
  background: #f7f7f7;
}

.values-list {
  display: grid;
  gap: 16px;
}

.values-list h3 {
  font-size: 1rem;
  margin-bottom: 6px;
  color: #111;
}

.values-list p {
  margin: 0;
}

.mobile-menu.open {
  max-height: 320px;
  opacity: 1;
  transform: translateY(0);
  pointer-events: initial;
}

.mobile-submenu.open {
  display: grid;
}

.site-footer {
  background: #141414;
  padding: 30px 0;
  float: left;
  display: inline-block;
  width: 100%;
}

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

.footer-logo {
  color: #111;
  width: 150px;
}

.footer-logo .logo-mark {
  background: #111;
}

/* Footer phone on the right */
.footer-phone {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
}

.footer-phone .phone-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 15px;
  border-radius: 6px;
  color: #fff;
  background: var(--accent);
  font-weight: 600;
}

.footer-phone .phone-link svg {
  width: 21px;
  height: 21px;
  color: #fff;
}

.footer-phone .phone-number {
  font-size: .85rem;
  white-space: nowrap;
}

/* Footer instagram icon */
.footer-phone .social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(255,255,255,0.06);
}

.footer-phone .social-link svg {
  width: 18px;
  height: 18px;
  color: #fff;
}

.image-card.min-card {
    height: 330px;
}
.mt-image-space{
  margin-top:30px;
}
.mtop{
  margin-top: 90px;
}


.mission-section {
  padding: 80px 0;
  text-align: center;
}
.mission-section h2 {
  font-size: 1.8rem;
  margin-bottom: 8px;
}
.mission-section p.lead {
  color: #666;
  max-width: 760px;
  margin: 0.75rem auto 2.75rem auto;
}
.mission-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 22px;
  align-items: stretch;
  margin-top: 75px;
}
.mission-card {
  background: #d91515;
  border-radius: 10px;
  padding: 35px 30px 25px;
  color: #000;
  box-shadow: 0 12px 30px rgba(0,0,0,0.05);
  text-align: left;
  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(32.2492676px 0px, calc(100% - 29.883191px) 14.1670774px, calc(100% - 29.883191px) 14.1670774px, calc(100% - 24.96109729px) 14.87537046px, calc(100% - 20.31945472px) 16.29591632px, calc(100% - 16.01424199px) 18.36886116px, calc(100% - 12.1014378px) 21.03435113px, calc(100% - 8.63702087px) 24.23253242px, calc(100% - 5.67696992px) 27.9035512px, calc(100% - 3.27726365px) 31.98755362px, calc(100% - 1.49388076px) 36.42468587px, calc(100% - 0.38279998px) 41.1550941px, calc(100% - 5.68434189E-14px) 46.1189245px, calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0.41860061px) calc(100% - 26.8269604px), calc(100% - 1.63050344px) calc(100% - 21.89983258px), calc(100% - 3.56985995px) calc(100% - 17.30546357px), calc(100% - 6.1708216px) calc(100% - 13.10978045px), calc(100% - 9.36753988px) calc(100% - 9.37871025px), calc(100% - 13.09416624px) calc(100% - 6.17818003px), calc(100% - 17.28485217px) calc(100% - 3.57411685px), calc(100% - 21.87374912px) calc(100% - 1.63244774px), calc(100% - 26.79500858px) calc(100% - 0.41909978px), calc(100% - 31.982782px) calc(100% - 5.68434189E-14px), 31.9827822px calc(100% - 0px), 31.9827822px calc(100% - 0px), 26.79500879px calc(100% - 0.41909978px), 21.87374934px calc(100% - 1.63244774px), 17.28485237px calc(100% - 3.57411685px), 13.09416641px calc(100% - 6.17818003px), 9.36754001px calc(100% - 9.37871025px), 6.1708217px calc(100% - 13.10978045px), 3.56986001px calc(100% - 17.30546357px), 1.63050347px calc(100% - 21.89983258px), 0.41860062px calc(100% - 26.8269604px), 5.29492535E-31px calc(100% - 32.02092px), 0px 32.0209204px, 0px 32.0209204px, 0.41860062px 26.82696079px, 1.63050347px 21.89983293px, 3.56986001px 17.30546389px, 6.1708217px 13.10978071px, 9.36754001px 9.37871045px, 13.09416641px 6.17818017px, 17.28485237px 3.57411693px, 21.87374934px 1.63244779px, 26.79500879px 0.41909979px, 31.9827822px 5.30123935E-31px, 31.9827822px 0px, 32.11152455px 0px, 32.2175794px 0px, 32.30094672px 0px, 32.36162654px 0px, 32.39961884px 0px, 32.41492362px 0px, 32.40754089px 0px, 32.37747064px 0px, 32.32471288px 0px, 32.2492676px 0px);
  clip-path: polygon(32.2492676px 0px, calc(100% - 29.883191px) 14.1670774px, calc(100% - 29.883191px) 14.1670774px, calc(100% - 24.96109729px) 14.87537046px, calc(100% - 20.31945472px) 16.29591632px, calc(100% - 16.01424199px) 18.36886116px, calc(100% - 12.1014378px) 21.03435113px, calc(100% - 8.63702087px) 24.23253242px, calc(100% - 5.67696992px) 27.9035512px, calc(100% - 3.27726365px) 31.98755362px, calc(100% - 1.49388076px) 36.42468587px, calc(100% - 0.38279998px) 41.1550941px, calc(100% - 5.68434189E-14px) 46.1189245px, calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0.41860061px) calc(100% - 26.8269604px), calc(100% - 1.63050344px) calc(100% - 21.89983258px), calc(100% - 3.56985995px) calc(100% - 17.30546357px), calc(100% - 6.1708216px) calc(100% - 13.10978045px), calc(100% - 9.36753988px) calc(100% - 9.37871025px), calc(100% - 13.09416624px) calc(100% - 6.17818003px), calc(100% - 17.28485217px) calc(100% - 3.57411685px), calc(100% - 21.87374912px) calc(100% - 1.63244774px), calc(100% - 26.79500858px) calc(100% - 0.41909978px), calc(100% - 31.982782px) calc(100% - 5.68434189E-14px), 31.9827822px calc(100% - 0px), 31.9827822px calc(100% - 0px), 26.79500879px calc(100% - 0.41909978px), 21.87374934px calc(100% - 1.63244774px), 17.28485237px calc(100% - 3.57411685px), 13.09416641px calc(100% - 6.17818003px), 9.36754001px calc(100% - 9.37871025px), 6.1708217px calc(100% - 13.10978045px), 3.56986001px calc(100% - 17.30546357px), 1.63050347px calc(100% - 21.89983258px), 0.41860062px calc(100% - 26.8269604px), 5.29492535E-31px calc(100% - 32.02092px), 0px 32.0209204px, 0px 32.0209204px, 0.41860062px 26.82696079px, 1.63050347px 21.89983293px, 3.56986001px 17.30546389px, 6.1708217px 13.10978071px, 9.36754001px 9.37871045px, 13.09416641px 6.17818017px, 17.28485237px 3.57411693px, 21.87374934px 1.63244779px, 26.79500879px 0.41909979px, 31.9827822px 5.30123935E-31px, 31.9827822px 0px, 32.11152455px 0px, 32.2175794px 0px, 32.30094672px 0px, 32.36162654px 0px, 32.39961884px 0px, 32.41492362px 0px, 32.40754089px 0px, 32.37747064px 0px, 32.32471288px 0px, 32.2492676px 0px);
}
.mission-card:nth-child(3), .mission-card:nth-child(4) {
    -webkit-clip-path: polygon(32.2492676px 13.8329226px, calc(100% - 29.883191px) 0px, calc(100% - 29.883191px) 0px, calc(100% - 24.96109729px) 0.70829306px, calc(100% - 20.31945472px) 2.12883892px, calc(100% - 16.01424199px) 4.20178375px, calc(100% - 12.1014378px) 6.86727374px, calc(100% - 8.63702087px) 10.06545503px, calc(100% - 5.67696992px) 13.73647382px, calc(100% - 3.27726365px) 17.82047625px, calc(100% - 1.49388076px) 22.25760852px, calc(100% - 0.38279998px) 26.98801678px, calc(100% - 5.68434189E-14px) 31.9518472px, calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0.41860061px) calc(100% - 26.99403837px), calc(100% - 1.63050344px) calc(100% - 22.06691047px), calc(100% - 3.56985995px) calc(100% - 17.47254136px), calc(100% - 6.1708216px) calc(100% - 13.2768581px), calc(100% - 9.36753988px) calc(100% - 9.54578775px), calc(100% - 13.09416624px) calc(100% - 6.34525738px), calc(100% - 17.28485217px) calc(100% - 3.74119406px), calc(100% - 21.87374912px) calc(100% - 1.79952485px), calc(100% - 26.79500858px) calc(100% - 0.58617681px), calc(100% - 31.982782px) calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 26.79500879px calc(100% - 0.58617681px), 21.87374934px calc(100% - 1.79952485px), 17.28485237px calc(100% - 3.74119406px), 13.09416641px calc(100% - 6.34525738px), 9.36754001px calc(100% - 9.54578775px), 6.1708217px calc(100% - 13.2768581px), 3.56986001px calc(100% - 17.47254136px), 1.63050347px calc(100% - 22.06691047px), 0.41860062px calc(100% - 26.99403837px), 5.29492535E-31px calc(100% - 32.187998px), 0px 45.853843px, 0px 45.853843px, 0.41860062px 40.65988339px, 1.63050347px 35.73275553px, 3.56986001px 31.13838649px, 6.1708217px 26.94270331px, 9.36754001px 23.21163305px, 13.09416641px 20.01110277px, 17.28485237px 17.40703953px, 21.87374934px 15.46537039px, 26.79500879px 14.25202239px, 31.9827822px 13.8329226px, 31.9827822px 13.8329226px, 32.11152455px 13.8329226px, 32.2175794px 13.8329226px, 32.30094672px 13.8329226px, 32.36162654px 13.8329226px, 32.39961884px 13.8329226px, 32.41492362px 13.8329226px, 32.40754089px 13.8329226px, 32.37747064px 13.8329226px, 32.32471288px 13.8329226px, 32.2492676px 13.8329226px);
    clip-path: polygon(32.2492676px 13.8329226px, calc(100% - 29.883191px) 0px, calc(100% - 29.883191px) 0px, calc(100% - 24.96109729px) 0.70829306px, calc(100% - 20.31945472px) 2.12883892px, calc(100% - 16.01424199px) 4.20178375px, calc(100% - 12.1014378px) 6.86727374px, calc(100% - 8.63702087px) 10.06545503px, calc(100% - 5.67696992px) 13.73647382px, calc(100% - 3.27726365px) 17.82047625px, calc(100% - 1.49388076px) 22.25760852px, calc(100% - 0.38279998px) 26.98801678px, calc(100% - 5.68434189E-14px) 31.9518472px, calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0.41860061px) calc(100% - 26.99403837px), calc(100% - 1.63050344px) calc(100% - 22.06691047px), calc(100% - 3.56985995px) calc(100% - 17.47254136px), calc(100% - 6.1708216px) calc(100% - 13.2768581px), calc(100% - 9.36753988px) calc(100% - 9.54578775px), calc(100% - 13.09416624px) calc(100% - 6.34525738px), calc(100% - 17.28485217px) calc(100% - 3.74119406px), calc(100% - 21.87374912px) calc(100% - 1.79952485px), calc(100% - 26.79500858px) calc(100% - 0.58617681px), calc(100% - 31.982782px) calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 26.79500879px calc(100% - 0.58617681px), 21.87374934px calc(100% - 1.79952485px), 17.28485237px calc(100% - 3.74119406px), 13.09416641px calc(100% - 6.34525738px), 9.36754001px calc(100% - 9.54578775px), 6.1708217px calc(100% - 13.2768581px), 3.56986001px calc(100% - 17.47254136px), 1.63050347px calc(100% - 22.06691047px), 0.41860062px calc(100% - 26.99403837px), 5.29492535E-31px calc(100% - 32.187998px), 0px 45.853843px, 0px 45.853843px, 0.41860062px 40.65988339px, 1.63050347px 35.73275553px, 3.56986001px 31.13838649px, 6.1708217px 26.94270331px, 9.36754001px 23.21163305px, 13.09416641px 20.01110277px, 17.28485237px 17.40703953px, 21.87374934px 15.46537039px, 26.79500879px 14.25202239px, 31.9827822px 13.8329226px, 31.9827822px 13.8329226px, 32.11152455px 13.8329226px, 32.2175794px 13.8329226px, 32.30094672px 13.8329226px, 32.36162654px 13.8329226px, 32.39961884px 13.8329226px, 32.41492362px 13.8329226px, 32.40754089px 13.8329226px, 32.37747064px 13.8329226px, 32.32471288px 13.8329226px, 32.2492676px 13.8329226px);
}

.mission-card .icon {
  width: 46px;
  height: 46px;
  background: rgba(255,255,255,0.95);
  display: grid;
  place-items: center;
  border-radius: 10px;
  margin-bottom: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}
.mission-card h3 {
  font-size: 1.05rem;
  margin-bottom: 8px;
  color: #fff;
}
.mission-card p {
  color: #fff;
  line-height: 1.5;
}

/* Timeline */
.timeline-section {
  padding: 60px 0;
  position: relative;
}
.timeline-wrap {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}
.timeline-title {
  text-align: center;
  margin-bottom: 30px;
}
.timeline {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 1fr;
  align-items: start;
}
.timeline-line {
  position: absolute;
  left: calc(50% - 1px);
  top: 40px;
  bottom: 40px;
  width: 2px;
  background: #e9e1e4;
}
.timeline-item {
  padding: 18px 20px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.04);
  position: relative;
}
.timeline-item h4 {
  margin-bottom: 8px;
}
.timeline-item p {
  color: #555;
  font-size: 0.95rem;
}

.banner-cta {
  margin: 0;
  position: relative;
}

.contact-pill {
  position: absolute;
  left: 50%;
  top: -18px;
  transform: translateX(-50%);
  background: var(--accent);
  color: #fff;
  padding: 13px 30px;
  border-radius: 999px;
  font-weight: 700;
  border: 15px solid #fff;
  font-size: 20px;
}

/* Clients */
.clients-section {
  padding: 80px 0px;
}
.clients-section h3 {
  margin-bottom: 8px;
}
.clients-section p {
  color: #666;
  max-width: 820px;
  margin: 0 auto;
}


.mission-section h2 {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 6px;
}
.mission-section p.lead {
  text-align: center;
  color: #666;
  max-width: 760px;
  margin: 0.5rem auto 1.5rem auto;
}

.timeline {
  position: relative;
  padding: 50px 0 50px;
}
.timeline-line {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #e9e1e4;
  transform: translateX(-50%);
}
.timeline-row {
  margin: 20px 0;
  position: relative;
  display: inline-block;
  width: 100%;
}
.timeline-row .col::before {
  content: '';
  width: 14px;
  height: 14px;
  background: #fff;
  border: 2px solid var(--accent);
  border-radius: 50%;
  position: absolute;
  right: calc(105% + 2px);
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.timeline-row:nth-child(2n+2) .col::before {
    left: calc(105% + 3px);
    top: 50%;
    transform: translate(50%, -50%);
}
.timeline-item {
  padding: 50px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.1);
  width: 100%;
}
.timeline-row .col {min-height: 120px;display: flex;align-items: flex-start;width: 95%;float: left;position: relative;}

.timeline-item h4 { margin-bottom: 8px; }
.timeline-item p { color: #555; font-size: 0.95rem; }

.banner-cta {width: 100%;/* padding: 60px 0; */}
.banner-figure {width: 90%;margin: 0 auto;border-radius: 18px;position: relative;}
.banner-figure img {display: block;width: 100%;object-fit: cover;}
.contact-pill {top: -30px;}
.timeline-row .col.right {
    float: right;
}
.clients-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center; }
.clients-left .muted { display: block; font-size: 11px; color: #aaa; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 8px; }
.clients-left h3 { margin: 0; }
.clients-right p { margin: 0; color: #666; }
.timeline-empty {
    height: 300px;
}
.ref-list {
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 50px auto;
}

.ref-list li {
    width: 48%;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.ref-list li a {display: inline-block;width: 100%;padding: 25px;}