:root {
   --primary-blue: #0d3e68;
   --primary-dark: #1a1a1a;
   --primary-gold: #c9a467;
   --secondary-gray: #6c757d;
   --light-bg: #f8f9fa;
   --text-dark: #333333;
   --text-light: #ffffff;
   --border-color: #dee2e6;
 }

 body {
   font-family: 'Open Sans', sans-serif;
   color: var(--text-dark);
   line-height: 1.6;
 }

 /* Header Styles */
 .navbar {
   background-color: var(--text-light);
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   padding: 12px 0;
 }

 .navbar-brand img {
   height: 60px;
   /* keep normal */
   width: auto;
   transform: scale(1.8);
   /* make it look bigger */
   transform-origin: center;
   /* scaling from center */
 }

 .navbar-nav .nav-link {
   color: var(--primary-dark);
   font-weight: 600;
   padding: 10px 15px;
   font-size: 15px;
   transition: color 0.3s;
 }

 .navbar-nav .nav-link:hover {
   color: #0e602a;
 }

 .dropdown-menu {
   border: none;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   border-radius: 0;
 }

 .dropdown-item {
   padding: 8px 20px;
   font-size: 14px;
 }

 /* Hero Slider */
 .carousel-item {
   height: 500px;
   background-size: cover;
   background-position: center;
 }

 .carousel-caption {
   background-color: rgba(14, 96, 42, 0.85);
   padding: 25px;
   border-radius: 4px;
   max-width: 650px;
   margin: 0 auto;
   bottom: 30%;
 }

 .carousel-caption h2 {
   font-weight: 700;
   font-size: 28px;
   margin-bottom: 15px;
 }

 .carousel-control-prev,
 .carousel-control-next {
   width: 5%;
 }

 /* Section Styles */
 .section-title {
   color: var(--primary-blue);
   font-weight: 700;
   margin-bottom: 30px;
   text-align: center;
   position: relative;
   padding-bottom: 15px;
   font-size: 32px;
 }

 .section-title:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 80px;
   height: 3px;
   background-color: var(--primary-gold);
 }

 .bg-dark-custom {
   background-color: #0e602a;
   color: var(--text-light);
 }

 /* Button Styles */
 .btn-primary {
   background-color: var(--primary-blue);
   border-color: var(--primary-blue);
   padding: 10px 25px;
   font-weight: 600;
   border-radius: 4px;
 }

 .btn-primary:hover {
   background-color: #0a2f4f;
   border-color: #0a2f4f;
 }

 .btn-outline-primary {
   color: var(--primary-blue);
   border-color: var(--primary-blue);
   padding: 8px 20px;
   font-weight: 600;
   border-radius: 4px;
 }

 .btn-outline-primary:hover {
   background-color: var(--primary-blue);
   color: var(--text-light);
 }

 /* Card Styles */
 .card {
   border: none;
   transition: transform 0.3s, box-shadow 0.3s;
   margin-bottom: 30px;
   border-radius: 6px;
   overflow: hidden;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
 }

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

 .card-img-top {
   height: 200px;
   object-fit: cover;
 }

 .card-title {
   color: var(--primary-blue);
   font-weight: 700;
 }

 /* Footer Styles */
 footer {
   background-color: #0e602a;
   color: var(--text-light);
   padding: 50px 0 0;
 }

 footer h4 {
   font-weight: 700;
   margin-bottom: 20px;
   position: relative;
   padding-bottom: 10px;
   font-size: 20px;
 }

 footer h4:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 50px;
   height: 2px;
   background-color: var(--primary-gold);
 }

 footer ul {
   list-style: none;
   padding-left: 0;
 }

 footer ul li {
   margin-bottom: 10px;
 }

 footer a {
   color: var(--text-light);
   text-decoration: none;
   transition: color 0.3s;
   font-size: 14px;
 }

 footer a:hover {
   color: var(--primary-gold);
 }

 .footer-bottom {
   background-color: rgba(0, 0, 0, 0.2);
   padding: 15px 0;
   margin-top: 30px;
   font-size: 14px;
 }

 /* Services Section */
 .service-item {
   text-align: center;
   padding: 30px 20px;
   margin-bottom: 30px;
   background-color: var(--text-light);
   border-radius: 6px;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
   transition: transform 0.3s;
   height: 100%;
 }

 .service-item:hover {
   transform: translateY(-5px);
 }

 .service-icon {
   font-size: 40px;
   color: var(--primary-blue);
   margin-bottom: 20px;
 }

 .service-title {
   color: var(--primary-blue);
   font-weight: 700;
   margin-bottom: 15px;
   font-size: 20px;
 }

 /* Quick Links Section */
 .quick-links-section {
   padding: 60px 0;
 }

 /* Responsive Adjustments */
 @media (max-width: 992px) {
   .carousel-item {
     height: 400px;
   }

   .carousel-caption {
     padding: 15px;
     bottom: 20%;
     max-width: 80%;
   }

   .carousel-caption h2 {
     font-size: 22px;
   }
 }

 @media (max-width: 768px) {
   .navbar-nav {
     text-align: center;
   }

   .carousel-item {
     height: 300px;
   }

   .carousel-caption {
     bottom: 10%;
     max-width: 90%;
   }

   .carousel-caption h2 {
     font-size: 18px;
   }

   .section-title {
     font-size: 26px;
   }
 }