@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Anton&family=Archivo+Black&family=Bebas+Neue&family=Bungee&family=Caprasimo&family=Chewy&family=Lora:ital,wght@0,400..700;1,400..700&family=Michroma&family=Modak&family=Oswald:wght@200..700&family=Righteous&family=Rubik+Mono+One&family=Russo+One&family=Space+Grotesk:wght@300..700&family=Stalinist+One&display=swap");
/* @media (max-width: 575px) {
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  body,
  html {
    width: 100%;
    overflow-x: hidden;
  }
} */
:root {
  --bg-ivory: #fafaf8;
  --text-charcoal: #2e2e2e;
  --gold: #e8c547;
  --forest-green: #32502e;
  --soft-olive: #748e63;
  --sage: #94b49f;
  --champagne-gold: #d4af37;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-optical-sizing: auto;
  font-family: "Lora", serif;
  color: var(--text-charcoal);
  background-color: var(--bg-ivory);
}
.img-logo {
  width: 152px;
  height: 71px;
  object-fit: contain;
}
@media (max-width: 425px) {
  .img-logo {
    width: 119px;
    height: 50px;
    object-fit: contain;
  }
}
@media (max-width: 375px) {
  .img-logo {
    width: 69px;
    height: 50px;
    object-fit: contain;
  }
}
@media (max-width: 320px) {
  .img-logo {
    width: 152px;
    height: 50px;
    object-fit: contain;
  }
  .navbar .btn-primary {
    display: none;
  }
}
.navbar {
  background-color: rgba(0, 0, 0, 0.95);
  backdrop-filter: blur(10px);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}

.navbar-brand {
  font-family: "Poppins", sans-serif;
  color: var(--forest-green) !important;
}

.navbar-brand .accent-gold {
  color: var(--gold);
}

.navbar-nav .nav-link {
  font-family: "Montserrat", sans-serif;
  color: var(--bg-ivory) !important;
  transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover {
  color: var(--gold) !important;
}

.navbar-toggler {
  border-color: var(--forest-green);
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(50, 80, 46, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler:focus,
.btn-close:focus {
  box-shadow: none;
  outline: none;
}

.hero-section {
  min-height: 100dvh;
  background: linear-gradient(135deg, var(--bg-ivory) 0%, #f0f0ee 100%);
  position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
}

.btn-custom {
  font-family: "Montserrat", sans-serif;
  background-color: #060606;
  color: var(--champagne-gold);
  border: none;
  transition: all 0.3s ease;
}

.btn-custom:hover {
  background-color: var(--text-charcoal);
  color: var(--champagne-gold);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(50, 80, 46, 0.3);
}

.accent-gold {
  color: var(--gold);
}
.section-divider {
  height: 3px;
  background: linear-gradient(
    to right,
    var(--champagne-gold),
    var(--gold),
    var(--champagne-gold)
  );
  width: 100px;
  margin: 30px auto;
}

.space-and-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 22;
}
.hero-waves {
  display: block;
  width: 100%;
  height: 60px;
  z-index: 22;
}

.wave1 use {
  animation: move-forever1 10s linear infinite;
  animation-delay: -2s;
  fill: #2b4226;
  opacity: 0.6;
  z-index: 23;
}
.wave2 use {
  animation: move-forever2 8s linear infinite;
  animation-delay: -2s;
  fill: #3d6235;
  opacity: 0.4;
}
.wave3 use {
  animation: move-forever3 6s linear infinite;
  animation-delay: -2s;
  fill: #fdfdfd;
}

@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }

  100% {
    transform: translate(-90px, 0%);
  }
}

@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }

  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever3 {
  0% {
    transform: translate(85px, 0%);
  }

  100% {
    transform: translate(-90px, 0%);
  }
}
.wid,
.services {
  background-color: #fdfdfd;
}
.service-card {
  background: #ffffff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
}

.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.feature-icon {
  font-size: 2rem;
  color: var(--forest-green);
}
.about-section,
.faq {
  background-color: #f1f1f1;
}
.services i {
  color: var(--forest-green);
}
.faq-item {
  background: var(--forest-green);
  border: 1px solid rgba(255, 215, 0, 0.1);
  border-radius: 10px;
  margin-bottom: 1rem;
}

.faq-button {
  color: #f5f5f5;
}
.faq .text-muted {
  color: #c0c0c0 !important;
}
.about-section,
.services,
.faq,
.cta-section {
  position: relative;
}
.cta-section {
  background: linear-gradient(135deg, var(--forest-green), #3d6235, #5c7f4d);
  color: #060606;
}
.contact-form {
  background-color: #f5f6fa;
  max-width: 800px;
}
.form-label {
  color: #f5f5f5;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.form-control {
  background-color: #f5f5f5;
  border: 2px solid #cacaca;
  color: #060606;
  border-radius: 8px;
  padding: 0.75rem;
  transition: all 0.3s ease;
}

.form-control:focus {
  border-color: var(--forest-green);
  box-shadow: 0 0 0 0.2rem rgba(195, 150, 60, 0.25);
  color: #060606;
}

.form-control::placeholder {
  color: #7e7e7e;
}
.space-and-wave-footer {
  margin: 0px;
  padding: 0px;
  z-index: 21;
}
.wave1-footer use {
  animation: move-forever1 10s linear infinite;
  animation-delay: -2s;
  fill: #2b4226;
  opacity: 0.6;
  z-index: 23;
}
.wave2-footer use {
  animation: move-forever2 8s linear infinite;
  animation-delay: -2s;
  fill: #3d6235;
  opacity: 0.4;
}
.wave3-footer use {
  animation: move-forever3 6s linear infinite;
  animation-delay: -2s;
  fill: #060606;
}
.footer {
  background-color: #060606;
}
.footer .text-muted {
  color: #b6b6b6 !important;
}
.footer .navbar-brand {
  font-family: "Poppins", sans-serif;
  color: var(--bg-ivory) !important;
}
.social-icon {
  width: 45px;
  height: 45px;
  background: #000000;
  line-height: 45px;
  color: var(--gold);
  transition: all 0.3s;
}

.social-icon:hover {
  background: var(--gold);
  color: #060606;
  transform: translateY(-3px);
}
.custom-shape-divider-top-1763057185 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.custom-shape-divider-top-1763057185 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 150px;
}

.custom-shape-divider-top-1763057185 .shape-fill {
  fill: #fdfdfd;
}
.custom-shape-divider-top-1763057643 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

.custom-shape-divider-top-1763057643 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 150px;
  transform: rotateY(180deg);
}

.custom-shape-divider-top-1763057643 .shape-fill {
  fill: #f1f1f1;
}
.footer-img-logo {
  width: 224px;
  height: 136px;
  object-fit: contain;
}