:root {
  --primary-color: #20323a;
  --dark: #1b6f8f;
  --muted: #6c757d;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: #333;
  overflow-x:hidden;
}

.goog-te-gadget-simple span:first-child {
    display: none !important;
}

html {
    transform: scale(0.9);
    transform-origin: top left;
    width: 111.11%; /* 100 / 0.9 */
}


.navbar-brand, .nav-link { color: #fff !important; font-weight:600; }
.hero {
  background: linear-gradient(rgba(31,136,182,0.72), rgba(31,136,182,0.72)),
    url('https://images.unsplash.com/photo-1588776814546-54f2f6c3213a?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
  color: #fff;
  padding: 140px 15px;
  text-align:center;
}
.section-title { color: var(--primary-color); font-weight:700; margin-bottom:18px; }
.card-icon { font-size:36px; margin-bottom:10px; color:var(--primary-color); }
footer { color:#fff; }
.form-control:focus { box-shadow: none; border-color: var(--dark); }
.btn-primary-custom { background-color: var(--primary-color); border-color: var(--primary-color); color:#fff; }
.bg-primary-light { background-color: rgba(31,136,182,0.06); }




.hero-slider {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-top:-25px;
}

.carousel,
.carousel-inner,
.carousel-item {
  height: 100%;
}

.carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  padding: 30px 40px;
  border-radius: 12px;
}