.cmms-contact-form-section {
  position: relative;
  background-size: cover;
  background-position: center;
  padding: 80px 20px;
  top: 30px;

  color: white;
  text-align: center;
}

.cmms-contact-form-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.cmms-contact-form-container {
  position: relative;
  max-width: 700px;
  margin: auto;
  z-index: 2;
}

.cmms-contact-form-badge {
  display: inline-block;
  padding: 6px 14px;
  border: 1px solid white;
  border-radius: 20px;
  font-size: 14px;
  margin-bottom: 15px;
}

.cmms-contact-form-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: limegreen;
  border-radius: 50%;
  margin-right: 6px;
}

.cmms-contact-form-title {
  font-size: 42px;
  margin-bottom: 40px;
}

.cmms-contact-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.cmms-contact-form-input,
.cmms-contact-form-textarea {
  padding: 12px 15px;
  border-radius: 6px;
  border: none;
  outline: none;
  font-size: 16px;
  width: 100%;
}

.cmms-contact-form-textarea {
  height: 120px;
  resize: none;
}

.cmms-contact-form-btn {
  background: limegreen;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  transition: background 0.3s ease;
}

.cmms-contact-form-btn:hover {
  background: green;
}

/* Responsive */
@media (max-width: 768px) {
  .cmms-contact-form-title {
    font-size: 32px;
  }
}

/* Container */
.cmms-contact-form-wrap {
  width: 100%;
  background: #fff;
  padding: 48px 20px 96px;
}

.cmms-contact-form-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* Badge (new) */
.cmms-contact-form-badge2 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(0, 0, 0, .15);
  padding: 8px 14px;
  border-radius: 999px;
  text-decoration: none;
  color: #111;
  font-size: 14px;
  background: #fff;
}

.cmms-contact-form-dot2 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #9BEA2E;
  display: inline-block
}

/* Heading */
.cmms-contact-form-heading2 {
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.15;
  margin: 20px 0 28px;
  color: #0b0b0b;
}

/* Success */
.cmms-contact-form-success2 {
  background: #ecfdf5;
  color: #065f46;
  border: 1px solid #a7f3d0;
  padding: 10px 14px;
  border-radius: 10px;
  margin-bottom: 18px;
}

/* Form layout */
.cmms-contact-form-form2 {
  width: 100%;
}

.cmms-contact-form-grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

.cmms-contact-form-field2 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cmms-contact-form-label2 {
  margin-top: 2px;
  padding-top: 4px;
  font-size: 13px;
  color: #656565;
  letter-spacing: .1px;
}

/* Inputs */
.cmms-contact-form-input2,
.cmms-contact-form-textarea2 {
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .18);
  padding: 12px 0;
  outline: none;
  font-size: 16px;
  color: #121212;
  background: transparent;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.cmms-contact-form-input2:focus,
.cmms-contact-form-textarea2:focus {
  border-bottom-color: #111;
  box-shadow: 0 1px 0 0 #111;
}

/* Button */
.cmms-contact-form-submit2 {
  width: 100%;
  margin-top: 28px;
  background: #c7ff80;
  color: #0b0b0b;
  border: none;
  border-radius: 999px;
  padding: 14px 20px;
  font-weight: 600;
  cursor: pointer;
  transition: filter .2s ease, transform .02s ease-in-out;
}

.cmms-contact-form-submit2:hover {
  filter: brightness(.95);
}

.cmms-contact-form-submit2:active {
  transform: translateY(1px);
}

/* Responsive */
@media (max-width: 768px) {
  .cmms-contact-form-grid2 {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .cmms-contact-form-wrap {
    padding: 36px 16px 72px;
  }
}

.cmms-contact-form-submit2.cmms-contact-form-btnloading {
  position: relative;
  pointer-events: none;
  opacity: .85;
}

.cmms-contact-form-submit2.cmms-contact-form-btnloading::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, .35);
  border-top-color: rgba(0, 0, 0, .9);
  animation: cmms-contact-form-spin .8s linear infinite;
}

@keyframes cmms-contact-form-spin {
  to {
    transform: rotate(360deg);
  }
}

.cmms-contact-form-loc-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px;
}

.cmms-contact-form-loc-card {
  border-radius: 16px;
  padding: 32px;
  /* increased from 24px */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* ensures top-aligned content */
  min-height: 280px;
  /* ensures uniform taller cards */
}

.cmms-contact-form-loc-card p {
  padding-top: 4px;
  color: #121212;
  font-size: 1em;
  margin-top: 4px;
  margin-left: 4px;
  padding-left: 2px
}

/* Background colors for each card */
.cmms-contact-form-loc-card:nth-child(1) {
  background-color: #f9d9a9;
  /* peach */
}

.cmms-contact-form-loc-card:nth-child(2) {
  background-color: #e6d4f9;
  /* lavender */
}

.cmms-contact-form-loc-card:nth-child(3) {
  background-color: #d3dec2;
  /* light green */
}

/* Header with icon + title */
.cmms-contact-form-loc-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.cmms-contact-form-loc-icon {
  background-color: #000;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cmms-contact-form-loc-icon svg {
  width: 24px;
  height: 24px;
  fill: #fff;
}

.cmms-contact-form-loc-title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #000;
}

/* Content text */
.cmms-contact-form-loc-info {
  font-size: 1rem;
  color: #000;
  line-height: 1.6;
  /* better spacing between lines */
  margin-bottom: 20px;
}

/* Learn more link */
.cmms-contact-form-loc-learn {
  color: #000;
  text-decoration: underline;
  font-weight: 500;
  align-self: flex-start;
}

/* Responsive: stack on mobile */
@media (max-width: 768px) {
  .cmms-contact-form-loc-grid {
    grid-template-columns: 1fr;
  }
}

.cmms-contact-form-loc-map {
  padding: 2px;
  margin: 4px;
}

/* cmms-contact-form.css */
.cmms-contact-form-error {
  font-size: 14px;
  color: red;
  margin-top: 5px;
}

.about-container-abou-ieng {
  max-width: 1100px;
  margin: 0 auto;
  padding: 60px 20px;
}

.about-title-abou-ieng {
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.about-text-abou-ieng {
  font-size: 1.1rem;
  text-align: justify;
  /* margin-bottom: 40px; */
  margin:0;color:var(--muted-meet-ieng-about);
  font:400 15px/1.7 ui-sans-serif,system-ui;max-width:1100px;

}


.services-list-abou-ieng {
  list-style-type: disc;
  /* classic bullet style */
  padding-left: 20px;
  /* indent bullets nicely */
  margin: 0;
  font-size: 1.05rem;
  /* adjust text size */
  line-height: 1.8;
  /* spacing between items */
  color: #222;
  /* dark text */
}

.services-list-abou-ieng li {
  margin-bottom: 6px;
  /* slight spacing below each item */
}


/* team */

:root{
  --ink-meet-ieng-about:#0b2239;
  --muted-meet-ieng-about:#6a7a89;
  --card-meet-ieng-about:#ffffff;
  --bg-meet-ieng-about:#eef3f4;
  --pill-bg-meet-ieng-about:#e9f6f3;
  --pill-ink-meet-ieng-about:#107a6d;
  --shadow-meet-ieng-about:0 14px 36px rgba(10,36,60,.10);
  --radius-meet-ieng-about:16px;
}

/* Section — tight vertical rhythm (no big extra space) */
.section-meet-ieng-about{padding:18px 12px;background:#ffffff;}
.container-meet-ieng-about{max-width:1120px;margin:0 auto;}
.header-meet-ieng-about{margin:0 0 12px;}
.title-meet-ieng-about{
  margin:0 0 6px;color:var(--ink-meet-ieng-about);
  font:800 clamp(28px,4vw,32px)/1.2 ui-sans-serif,system-ui;
  letter-spacing:-.02em;
}
.subtitle-meet-ieng-about{
  margin:0;color:var(--muted-meet-ieng-about);
  font:400 15px/1.7 ui-sans-serif,system-ui;max-width:1100px;
}

/* Grid */
.grid-meet-ieng-about{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;padding:10px 4px;
}
@media (max-width:980px){.grid-meet-ieng-about{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.grid-meet-ieng-about{grid-template-columns:1fr}}

/* Card */
.card-meet-ieng-about{
  background:var(--card-meet-ieng-about);border-radius:20px;
  box-shadow:var(--shadow-meet-ieng-about);
  overflow:hidden;outline:none;
}
.card-meet-ieng-about:focus-visible{box-shadow:0 0 0 3px #b6efe7,var(--shadow-meet-ieng-about)}

/* Flip wrapper */
.flip-meet-ieng-about{
  margin:0;position:relative;height:230px; /* image height */
  perspective:1000px;background:var(--bg-meet-ieng-about);
}
.face-front-meet-ieng-about,
.face-back-meet-ieng-about{
  position:absolute;inset:0;border-radius:20px 20px 0 0;
  backface-visibility:hidden;transform-style:preserve-3d;
  transition:transform .5s ease;
}
.face-front-meet-ieng-about{overflow:hidden}
.img-meet-ieng-about{width:100%;height:100%;object-fit:cover;display:block}

.face-back-meet-ieng-about{
  background:#0d2a41;color:#ecfdff;padding:18px 16px;
  display:flex;flex-direction:column;justify-content:center;gap:6px;
  transform:rotateY(180deg);
}
.name-meet-ieng-about{margin:0;font:700 18px/1.25 ui-sans-serif,system-ui}
.role-meet-ieng-about{margin:0;font:600 14px/1.3 ui-sans-serif,system-ui;color:#a8fff0}
.bio-meet-ieng-about{margin:6px 0 0;font:400 13.5px/1.6 ui-sans-serif,system-ui;opacity:.95}

/* Flip interaction */
.card-meet-ieng-about:hover .face-front-meet-ieng-about,
.card-meet-ieng-about:focus .face-front-meet-ieng-about{transform:rotateY(180deg)}
.card-meet-ieng-about:hover .face-back-meet-ieng-about,
.card-meet-ieng-about:focus .face-back-meet-ieng-about{transform:rotateY(360deg)}

/* Body area (caption + pills) */
.body-meet-ieng-about{padding:12px 14px 14px}
.caption-name-meet-ieng-about{
  margin:0 0 2px;font:700 16px/1.3 ui-sans-serif,system-ui;color:var(--ink-meet-ieng-about)
}
.caption-role-meet-ieng-about{
  display:block;margin-bottom:10px;color:var(--muted-meet-ieng-about);
  font:500 13.5px/1.4 ui-sans-serif,system-ui
}
.socials-meet-ieng-about{display:flex;gap:8px;flex-wrap:wrap}
.pill-meet-ieng-about{
  display:inline-block;padding:7px 12px;border-radius:999px;
  background:var(--pill-bg-meet-ieng-about);color:var(--pill-ink-meet-ieng-about);
  font:700 12.5px/1 ui-sans-serif,system-ui;text-decoration:none;
  box-shadow:inset 0 0 0 1px rgba(16,122,109,.05)
}
.pill-meet-ieng-about:hover{filter:brightness(1.03)}

/* Image card keeps the same card-about-ieng-mission shell you already have */
.img-wrap-about-ieng-mission{
  position: relative;
  width: 100%;
  /* keeps a nice responsive box: 4:3 on desktop, taller on mobile below */
  aspect-ratio: 4 / 3;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(10, 20, 35, .12);
  background: #0b2239; /* fallback while loading */
}

.img-wrap-about-ieng-mission img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);              /* avoid blurry scaling */
  transition: opacity .32s ease;    /* cross-fade */
}

/* ghost is used to fade-in the next image smoothly */
#about-ieng-hero-ghost{
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 720px){
  .img-wrap-about-ieng-mission{ aspect-ratio: 16 / 10; } /* a bit taller on phones */
}

/* Container for the entire section */
.-gemini-mission-section {
  font-family: Arial, sans-serif;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

/* Tab buttons container */
.-gemini-tabs-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #f0f0f0;
  border-radius: 50px;
  padding: 5px;
  margin-bottom: 30px;
  width: fit-content;
}

/* Individual tab button styling */
.-gemini-tab {
  background-color: transparent;
  border: none;
  padding: 12px 24px;
  margin: 0 4px;
  border-radius: 50px;
  font-size: 16px;
  cursor: pointer;
  color: #333;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* Active (selected) tab state */
.-gemini-tab.active {
  background-color: #e0e0e0; /* Or the color from your images */
  color: #000;
  font-weight: bold;
}

/* Main content wrapper */
.-gemini-content-wrapper {
  overflow: hidden;
  position: relative;
}

/* Individual content blocks (hidden by default) */
.-gemini-content {
  display: none;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

/* Active content block (visible) */
.-gemini-content.active {
  display: flex;
  flex-direction: column; /* Default for smaller screens */
  gap: 40px;
  opacity: 1;
  transform: translateY(0);
}

/* Layout for wider screens */
@media (min-width: 768px) {
  .-gemini-content.active {
    flex-direction: row; /* Side-by-side on desktop */
  }
}

/* Text and image containers */
.-gemini-text-content,
.-gemini-image-content {
  flex: 1;
}

.-gemini-text-content h2 {
  font-size: 48px;
  color: #0d2847;
  margin-bottom: 20px;
}

.-gemini-text-content p {
  font-size: 18px;
  line-height: 1.6;
  color: #555;
}

.-gemini-image-content img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}
/* Individual content blocks (hidden by default) */
.-gemini-content {
  display: none;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  align-items: center; /* Vertically align items when side-by-side */
}

/* Active content block (visible) */
.-gemini-content.active {
  display: flex;
  flex-direction: column; /* Default for smaller screens */
  gap: 40px;
  opacity: 1;
  transform: translateY(0);
}

/* Layout for wider screens */
@media (min-width: 768px) {
  .-gemini-content.active {
    flex-direction: row; /* Side-by-side on desktop */
  }
}

/* Text and image containers */
.-gemini-text-content {
  flex: 1; /* Allow text content to take available space */
}

.-gemini-image-content {
  flex: 1; /* Allow image content to take available space */
  display: flex; /* Use flexbox to center the image */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  padding: 20px; /* Add some padding around the image if desired */
}


.-gemini-text-content h2 {
  font-size: 48px;
  color: #0d2847;
  margin-bottom: 20px;
}

.-gemini-text-content p {
  font-size: 18px;
  line-height: 1.6;
  color: #555;
}

.-gemini-image-content img {
  /* --- MODIFIED SECTION --- */
  width: 100%; /* Keep it responsive within its constrained size */
  max-width: 500px; /* Adjust this value to control the maximum image width */
  height: auto;
  display: block;
  border-radius: 8px;
  /* ---------------------- */
}