body {
      font-family: 'Open Sans', sans-serif;
    }
    /* Custom colors */
    :root {
      --primary-dark: #234762;
      --primary-green: #8eba3c;
      --accent-green: #8eba3c;
      --secondary-dark: #234762;
    }
    .bg-primary-dark {
      background-color: var(--primary-dark);
      position: relative;
      z-index: 1;
    }
    .text-primary-dark {
      color: var(--primary-dark);
    }
    .bg-primary-green {
      background-color: var(--primary-green);
    }
    .text-primary-green {
      color: var(--primary-green);
    }
    .text-accent-green {
      color: var(--accent-green);
    }
    .bg-secondary-dark {
      background-color: var(--secondary-dark);
    }
    .text-secondary-dark {
      color: var(--secondary-dark);
    }
    /* Custom font size for small text */
    .fs-sm {
      font-size: 0.75rem; /* ~12px for labels and captions */
    }
    
    /* Ripple animation keyframes */
    @keyframes ripple {
      0% {
        transform: scale(0);
        opacity: 0.3;
      }
      100% {
        transform: scale(4);
        opacity: 0;
      }
    }
    .ripple-effect {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      cursor: pointer;
    }
    .ripple-effect::before,
    .ripple-effect::after {
      content: '';
      position: absolute;
      top: 15%;
      left: 15%;
      width: 20px;
      height: 20px;
      background: var(--accent-green);
      border-radius: 50%;
      transform: translate(-50%, -50%) scale(0);
      opacity: 0;
      z-index: 0;
    }
    .ripple-effect:hover::before {
      animation: ripple 1.5s infinite linear;
    }
    .ripple-effect:hover::after {
      animation: ripple 1.5s infinite linear 0.75s;
    }
    .ripple-effect i {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
    }
    /* Hero section height */
    .hero-section {
      height: 450px;
    }
    /* Hero image adjustments */
    .hero-image-container {
      height: 100%;
      padding: 0;
    }
    .hero-image-container .carousel-inner,
    .hero-image-container .carousel-item,
    .hero-image-container img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
    /* Hero carousel indicators */
    .carousel-indicators {
      position: static;
      margin-top: 1rem;
      justify-content: flex-start;
      padding-left: 0;
    }
    .carousel-indicators button {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      border: none;
      background-color: #ffffff;
      opacity: 0.5;
      margin: 0 4px;
      transition: opacity 0.3s, background-color 0.3s;
    }
    .carousel-indicators button.active {
      background-color: var(--primary-green);
      opacity: 1;
    }
    /* Navbar sticky */
    .navbar-sticky {
      position: sticky;
      top: 0;
      z-index: 1030;
    }
    .navbar {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      padding-left: 0.5rem;
      background-color: #ffffff;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .navbar-brand img {
      max-height: 45px;
    }
    .nav-link {
      color: var(--primary-dark);
      font-size: 0.875rem; /* fs-6 */
    }
    .nav-link:hover {
      color: var(--primary-green);
    }
    .nav-link.active {
      color: var(--primary-green);
    }
    /* Multi-level dropdown styles for Knowledge Bank */
    .multi-level-dropdown .dropdown-menu {
      min-width: 200px;
      margin-top: 14px;
      border: none;
      border-radius: 0px;
      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    }
    .multi-level-dropdown .dropdown-item {
      color: var(--primary-dark);
      padding: 0.5rem 1rem;
      font-size: 0.875rem; /* fs-6 */
    }
    .multi-level-dropdown .dropdown-item:hover {
      color: #fff;
      background-color: var(--primary-green);
    }
    .multi-level-dropdown .dropdown-submenu {
      position: relative;
    }
    .multi-level-dropdown .dropdown-submenu .dropdown-menu {
      top: -28px;
      left: 100%;
      margin-left: 0.1rem;
    }
    .multi-level-dropdown .dropdown-submenu:hover > .dropdown-menu {
      display: block;
    }
    /* Simple dropdown styles for About Us */
    .simple-dropdown .dropdown-menu {
      min-width: 200px;
      margin-top: 14px;
      border: none;
      border-radius: 0px;
      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    }
    .simple-dropdown .dropdown-item {
      color: var(--primary-dark);
      padding: 0.5rem 1rem;
      font-size: 0.875rem; /* fs-6 */
    }
    .simple-dropdown .dropdown-item:hover {
      color: #fff;
      background-color: var(--primary-green);
    }
    /* Adjusted navbar alignment */
    .navbar-collapse {
      justify-content: flex-start !important;
      flex-grow: 0;
    }
    .navbar-nav {
      margin-left: 2rem;
    }
    @media (max-width: 991px) {
      .navbar-nav {
        text-align: left;
        margin-left: 0;
      }
      .multi-level-dropdown .dropdown-menu {
        width: 100%;
        position: static;
        border: none;
        box-shadow: none;
        padding-left: 0;
      }
      .multi-level-dropdown .dropdown-submenu .dropdown-menu {
        position: static;
        left: 0;
        top: auto;
        margin-left: 0;
        padding-left: 1rem;
        width: 100%;
        display: none;
      }
      .multi-level-dropdown .dropdown-submenu {
        width: 100%;
      }
      .multi-level-dropdown .dropdown-item {
        width: 100%;
      }
      .multi-level-dropdown .dropdown-submenu.show > .dropdown-menu {
        display: block;
      }
      .simple-dropdown .dropdown-menu {
        width: 100%;
        position: static;
        border: none;
        box-shadow: none;
        padding-left: 0;
      }
    }
    /* Team images */
    .team-img {
      width: 120px;
      height: 120px;
      object-fit: cover;
    }
    /* Blog image */
    .blog-img {
      height: 192px;
      object-fit: cover;
    }
    /* Map */
    .map-container {
      height: 288px;
    }
    /* Footer styles */
    .footer-link {
      color: #d1d5db;
      text-decoration: none;
      font-size: 0.875rem; /* fs-6 */
    }
    .footer-link:hover {
      color: #ffffff;
      text-decoration: none;
    }
    footer .footer-text {
      color: #d1d5db;
      font-size: 0.875rem; /* fs-6 */
    }
    /* Topbar social icons hover */
    .social-icon {
      color: #ffffff;
      text-decoration: none;
    }
    .social-icon:hover {
      color: #d1d5db;
    }
    /* Google Reviews Carousel */
    .review-carousel .carousel-item {
      padding: 2rem;
      text-align: center;
      background-color: var(--primary-dark);
      border-radius: 8px;
    }
    .review-carousel .reviewer-name {
      font-size: 1.25rem; /* fs-5 */
      font-weight: 600;
      color: #ffffff;
      margin-bottom: 0.5rem;
    }
    .review-carousel .star-rating {
      color: #FFC107; /* Gold for stars */
      margin-bottom: 1rem;
    }
    .review-carousel .review-text {
      font-size: 0.875rem; /* fs-6 */
      color: #ffffff;
      line-height: 1.5;
    }
    .review-carousel .carousel-control-prev,
    .review-carousel .carousel-control-next {
      width: 5%;
      background: none;
      filter: none;
      opacity: 1;
    }
    .review-carousel .carousel-control-prev-icon,
    .review-carousel .carousel-control-next-icon {
      background: none;
      font-size: 1.5rem;
      color: var(--primary-green);
    }
    .review-carousel .carousel-control-prev:hover .carousel-control-prev-icon,
    .review-carousel .carousel-control-next:hover .carousel-control-next-icon {
      color: #6a8e2e; /* Darker green on hover */
    }
    .read-all-reviews {
      display: block;
      text-align: center;
      margin-top: 1.5rem;
      font-size: 0.875rem; /* fs-6 */
      font-weight: 600;
      color: var(--primary-green);
      text-decoration: none;
    }
    .review-carousel .read-all-reviews:hover {
      text-decoration: underline;
    }
    @media (max-width: 576px) {
      .review-carousel .carousel-item {
        padding: 1.5rem;
      }
      .review-carousel .carousel-control-prev,
      .review-carousel .carousel-control-next {
        display: none; /* Hide controls on small screens */
      }
    }
        .svc-bg-primary-dark {
      background-color: var(--primary-dark);
    }
    .svc-text-primary-dark {
      color: var(--primary-dark);
    }
    .svc-bg-primary-green {
      background-color: var(--primary-green);
    }
    .svc-text-primary-green {
      color: var(--primary-green);
    }
    .svc-text-accent-green {
      color: var(--accent-green);
    }
    .svc-bg-secondary-dark {
      background-color: var(--secondary-dark);
    }
    .svc-text-secondary-dark {
      color: var(--secondary-dark);
    }
    /* Custom font size for small text */
    .svc-fs-sm {
      font-size: 0.75rem; /* ~12px for labels and captions */
    }
    /* Contact form and button styles */
    .svc-btn-primary-green {
      background-color: var(--primary-green);
      border: 1px solid var(--primary-green);
      color: var(--primary-dark);
      font-weight: 600;
      padding: 0.625rem 1.25rem; /* py-2.5 px-5 */
      border-radius: 0.375rem;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
      text-decoration: none;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .svc-btn-primary-green:hover {
      background-color: #5f7b27;
      border-color: #5f7b27;
      color: #ffffff;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    }
    .form-control {
      font-size: 0.875rem; /* Match fs-6 */
    }
    .form-label {
      color: var(--primary-dark);
      font-weight: 600;
    }
    .template-content-card{
        width:75%;
        margin-top: 30rem;
    }
    @media (max-width: 991px) {
      .template-content-card {
        width: 100%;
        margin-top:25rem;
      }
    }
  /* Breadcrumbs styling */
  .blog-breadcrumbs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 0.875rem; /* fs-6 */
  }
  .blog-breadcrumb-item {
    color: var(--primary-dark);
  }
  .blog-breadcrumb-item a {
    color: var(--primary-green);
    text-decoration: none;
  }
  .blog-breadcrumb-item a:hover {
    text-decoration: underline;
  }
  .blog-breadcrumb-item:not(:last-child)::after {
    content: '>';
    margin-left: 0.5rem;
    color: var(--primary-dark);
  }
  /* Blog date styling */
  .blog-date {
    font-size: 0.875rem; /* fs-6 */
    color: #6c757d; /* text-muted */
    text-align: center;
    margin-bottom: 1rem;
  }
    /* Contact Form Styling */
  .career-form-control {
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 12px;
    font-size: 16px;
  }
  .container-home{
        width:75% !important;
    }
    @media (max-width: 991px) {
      .container-home {
         width:100% !important;
      }
    }