: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);
    }
}
.modern-card {
    border: none;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.modern-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

.card-title {
    font-weight: 600;
    font-size: 18px;
    color: #333;
    border-left: 4px solid #0d6efd;
    padding-left: 10px;
}

.detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}

.detail-row:last-child {
    border-bottom: none;
}

.label {
    font-weight: 500;
    color: #555;
}

.value {
    font-weight: 600;
    color: #000;
    letter-spacing: 0.5px;
}