:root {
  --primary-blue: #27548A;
  --primary-blue-dark: #183B4E;
}

.btn-primary {
  --bs-btn-bg: var(--primary-blue);
  --bs-btn-color: #fff;
  --bs-btn-border-color: var(--primary-blue);
  --bs-btn-hover-bg: var(--primary-blue-dark);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-border-color: var(--primary-blue-dark);
  --bs-btn-active-bg: var(--primary-blue-dark);
  --bs-btn-active-color: #fff;
  --bs-btn-active-border-color: var(--primary-blue-dark);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--primary-blue);
  --bs-btn-disabled-border-color: var(--primary-blue);
  font-weight: 200;
  letter-spacing: 0.05em;
}

.btn-link {
  --bs-btn-color: var(--primary-blue);
  --bs-btn-hover-color: var(--primary-blue-dark);
}

.modal-backdrop {
  --bs-backdrop-opacity: 0.75;
}

body {
  padding-top: 68px; /* Adjust if header height changes */
}

html {
  scroll-behavior: smooth;
}

.main-logo {
  width: 120px;
  height: auto;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.hero-section {
  height: 350px;
  overflow: hidden;
  position: relative;
}
.hero-image {
  position: absolute;
  right: 20%;
  width: 100%;
  height: 100%;
}
.hero-image img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-bottom-right-radius: 10px;
}
.hero-text {
  position: relative;
  z-index: 1;
  width: 40%;
  margin-right: 7rem;
  box-shadow: 10px 10px 0 rgba(39, 84, 138, 100);
}
.service-icon {
  width: 50px;
  height: 50px;
  object-fit: contain;
  background: #F5EEDC;
  padding: 0.5rem;
  border-radius: 8px;
}
.services-section .btn-link {
  padding: 0;
  text-decoration: none;
}
.contact-us-section {
  background-color: #183b4e;
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23244c61' fill-opacity='0.4'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  scroll-margin-top: 68px; /* Match the header height */
}
.contact-us-section ul > li > i {
  margin-right: 0.5rem;
}
.contact-us-section button[type="submit"] {
  width: fit-content;
  margin: 0 auto;
}

@media (max-width: 767px) {
  body {
    padding-top: 56px;
  }
  .hero-section {
    height: 400px;
  }
  .hero-text {
    width: 85%;
    margin-right: 1rem;
  }
  .partners-section ul {
    flex-wrap: wrap;
  }
  .partners-section ul li {
    width: 45%;
  }
  .contact-us-section {
    scroll-margin-top: 56px; /* Match the mobile header height */
  }
  .contact-us-section .col-md-5 {
    margin-bottom: 3rem;
  }
}

@media (max-width: 500px) {
  .cta-buttons {
    flex-direction: column;
  }
}