:root {
  --primary-navy: #050ba9f7;
  --brand-gold: #6B4E29;
  --text-white: #ffffff;
  --font-main: "Poppins", sans-serif;
}

body {
  font-family: var(--font-main);
}

@font-face {
  font-display: swap;
}

.yesh-top-bar {
  background-color: var(--primary-navy);
  border-bottom: 1px solid rgba(197, 157, 95, 0.2);
}

.yesh-top-bar .top-link {
  color: var(--text-white);
  text-decoration: none;
  transition: 0.3s ease;
}

.yesh-top-bar .top-link:hover {
  color: var(--brand-gold);
}

.yesh-top-bar .top-icon {
  color: var(--brand-gold);
}

.top-social-link {
  color: var(--text-white);
  font-size: 0.9rem;
  transition: 0.3s ease;
}

.top-social-link:hover {
  color: var(--brand-gold);
  transform: translateY(-1px);
}

.link-navy {
  color: var(--primary-navy) !important;
  transition: 0.3s;
}

.link-navy:hover,
.active-gold {
  color: var(--brand-gold) !important;
}
/* middile navigationbar */
.bg-primary-navy {
  background-color: var(--primary-navy) !important;
}
.text-brand-gold {
  color: var(--brand-gold) !important;
}
.text-white {
  color: var(--text-white) !important;
}

.dropdown-item:hover {
  background-color: var(--brand-gold);
  color: var(--text-white) !important;
}
.active-gold {
  color: var(--brand-gold) !important;
}
.link-navy {
  color: var(--primary-navy) !important;
}

@media (max-width: 768px) {
  .brandlogo {
    height: 70px !important;
  }
}
.brandlogo {
  height: 100px;
}
.text-justify {
  text-align: justify;
}

.text-navy {
  color: var(--primary-navy) !important;
}
.btn-navy {
  background-color: var(--primary-navy) !important;
  color: var(--text-white) !important;
  border: none;
}

.hero-img-fix {
  object-fit: cover;
  z-index: -1;
}

/*FOR the hover*/

.bg-navy {
  background-color: var(--primary-navy) !important;
}
.text-navy {
  color: var(--primary-navy) !important;
}

.hover-navy-shadow {
  transition: all 0.3s ease-in-out;
}

.hover-navy-shadow:hover {
  transform: translateY(-10px);

  box-shadow: 0 1rem 3rem rgba(0, 0, 128, 0.25) !important;
  cursor: pointer;
}

/*SERVIES BOX*/

/* Custom class for the unique hover effect */
.service-card-unique {
  transition: all 0.3s ease-in-out;
  border: 1px solid #dee2e6 !important;
}

.service-card-unique:hover {
  border-color: var(--primary-navy) !important;
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 128, 0.1) !important;
}

.text-navy {
  color: var(--primary-navy);
}
.fab-container {
    animation: bounce 1s infinite;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-8px);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-4px);
    }
}