@charset "utf-8";
/* CSS Document */
body {
  font-family: 'Lato', sans-serif;
}

h1, h2, h3, .section-title {
  font-family: 'Playfair Display', serif;
}
 .navbar-custom {
      background-color: #000066; /* Dark blue */
    }
    .navbar-nav .nav-link{
      color: white;
      font-weight: 500;
      margin: 0 10px;

    }
    .navbar-nav .nav-link.active{
      color: #FFFF00; /* Yellow */
      border-bottom: 2px solid #FFFF00;
    }
	.navbar-nav .nav-link:hover{
      color: #FFFF00; /* Yellow */
      border-bottom: 2px solid #FFFF00;
    }

    .phone-btn {
      background-color: transparent;
      color: #FFFF00;
      font-weight: bold;
      border: none;
    }
    .phone-btn:hover {
      color: #ffcc00;
    }
    .logo-img {
      height:90px;
    }
	 .carousel-item img {
      height:650px;
      object-fit: cover;
      width: 100%;
    }
    .carousel-caption {
      background: rgba(0, 0, 102, 0.6); /* Matching dark overlay */
      padding: 15px;
      border-radius: 10px;
    }
    .carousel-caption h5,
    .carousel-caption p {
      color: #FFFF00; /* Yellow from logo */
    }
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      background-color: #000066;
      padding: 20px;
      border-radius: 50%;
    }
	  .gallery-img {
      cursor: pointer;
      transition: transform 0.3s ease;
    }
    .gallery-img:hover {
      transform: scale(1.05);
    }
    .modal-img {
      width: 100%;
      transition: transform 0.3s ease;
    }
    .zoom:hover {
      transform: scale(1.2);
    }
	.cgs {color: #000066;}
	.cgs a{color: #000066; text-decoration:none;}
	.cgs a:hover{color: #000; text-decoration:none;}
		.cgs1 {color: #000;}
	.cgs1 a{color: #000; text-decoration:none;}
	.cgs1 a:hover{color: #000066; text-decoration:none;}
	  .footer-link:hover {
    color: #ffff00 !important;
    text-decoration: underline;
  }
 .phone-btn {
      background-color: #FFD700; /* Bright yellow */
      color: #000066;             /* Deep blue text */
      font-weight: bold;
      border: none;
      padding: 0.6rem 1.2rem;
      border-radius: 30px;
      transition: all 0.3s ease;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    }

    .phone-btn:hover {
      background-color: #1476c6;
      color: #ffffff;
      text-decoration: none;
    }
	#more {display: none;}