body {
      font-family: 'Roboto', sans-serif;
      background-color: #f8f9fa;
    }
    h1, h2, h3 {
      font-family: 'Playfair Display', serif;
    }
    .navbar {
      background-color: #fff;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .navbar-brand {
      color: #004080;
      font-weight: bold;
      font-size: 1.5rem;
    }
    .nav-link {
      color: #004080 !important;
      font-weight: 500;
    }
    .hero {
      background: url('/images/akm.jpg') center/cover no-repeat;
      color: white;
      text-align: center;
      height: 85vh;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 20px;
    }
    .hero::before {
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(0, 32, 64, 0.45);
      z-index: 0;
    }
    .hero-content {
      position: relative;
      z-index: 1;
    }
    .hero h1 {
      font-size: 3.2rem;
    }
    .btn-primary {
      background-color: #004080;
      border: none;
    }
    .btn-primary:hover {
      background-color: #003366;
    }
    .about, .services, .testimonials, .contact {
      padding: 60px 0;
    }
    
    
.service-box {
  border: 1px solid #D8A39D; /* dusty rose border */
  border-radius: 15px;
  padding: 30px;
  text-align: center;
  background: #FFF8F0; /* default ivory */
  transition: all 0.3s ease;
}

/* Background variations */
.service-box:nth-child(1) {
  background-color: #FDF5F5; /* blush pink */
}
.service-box:nth-child(2) {
  background-color: #FFF8F0; /* ivory */
}
.service-box:nth-child(3) {
  background-color: #FAECE9; /* rose beige */
}

/* Text styles */
.service-box h3 {
  color: #5A3E36; /* deep cocoa for headings */
  font-weight: 600;
  margin-bottom: 15px;
}

.service-box p {
  color: #2C2C2C; /* dark charcoal for body text */
  line-height: 1.6;
}

/* Hover effect */
.service-box:hover {
  box-shadow: 0px 6px 20px rgba(0,0,0,0.15);
  border-color: #C5A880; /* muted gold hover */
  transform: translateY(-5px);
}
er-color: #C5A880; /* muted gold hover */
}
    
    /*.service-box1 {
      background: pink;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0,0,0,0.05);
      transition: transform 0.3s ease;
    }
    
    .service-box2 {
      background: yellow;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0,0,0,0.05);
      transition: transform 0.3s ease;
    }
    
    .service-box3 {
      background:green ;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0,0,0,0.05);
      transition: transform 0.3s ease;
    } */
    .service-box:hover {
      transform: translateY(-5px);
    }

 
    .blockquote {
      font-style: italic;
      color: #555;
      padding: 20px;
      background: #f1f7ff;
      border-left: 5px solid #004080;
      border-radius: 8px;
    }
    .contact form {
      background: #ffffff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 20px rgba(0,0,0,0.05);
    }
    footer {
      background: #DAA5A4;
      color: white;
      text-align: center;
      padding: 15px 0;
    }
    .help-block{
      color:red;
    }

   .form-group input{
       border: 1px solid #DAA5A4!important;
   }
/* for hero slider */
    .hero-slider {
  position: relative;
}
.hero-img {
  height: 80vh;
  object-fit: cover;
}
.carousel-caption {
  background: rgba(0, 0, 0, 0.5);
  padding: 1.5rem;
  border-radius: 10px;
}
.carousel-caption h1,
.carousel-caption p {
  color: #fff;
}

.social-icons {
  display: flex;
  gap: 15px;
  background-color: white;
  padding: 10px;
  border-radius: 8px;
  float:right
}

.social-icons a {
  display: inline-block;
  transition: transform 0.2s ease;
}

.social-icons a:hover {
  transform: scale(1.2);
}

.social-icons svg {
  width: 24px;
  height: 24px;
}
   /* Floating button */
    .contact-btn {
      position: fixed;
      right: 20px;
      bottom: 20px;
      background-color: #0d6efd;
      color: white;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      cursor: pointer;
      box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
      z-index: 1050;
    }

    /* Slide box */
    .contact-box {
      position: fixed;
      right: -300px; /* hidden */
      bottom: 90px;
      width: 260px;
      background: white;
      border: 1px solid #ddd;
      border-radius: 10px;
      box-shadow: 0px 4px 12px rgba(0,0,0,0.2);
      padding: 15px;
      transition: right 0.3s ease;
      z-index: 1049;
    }

    .contact-box.show {
      right: 20px; /* visible */
    }
    .phone-icon {
      color: red;
      animation: bounce 1s infinite;
      cursor: pointer;
    }

    @keyframes bounce {
      0%, 100% {
        transform: translate(0%, 0%) translateY(0);
      }
      50% {
        transform: translate(0%, 0%) translateY(-10px);
      }
    }
    .share_on_facebook{
      position: fixed;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      border: none;
      cursor: pointer;
      padding: 10px;
      border-radius: 0 10px 10px 0;
      box-shadow: 0 2px 6px rgba(0,0,0,0.3);
      z-index:1050;
    }
    
    .about{
        background: #DAA5A4;
        min-width: fit-content;
        padding: 81px;
    }
    .about p{
      color: white;
      font-weight: 500;
      font-size: 16px;
      font-style: italic;
    }
    .about h2{
        color: #004080 !important;
    }
    .service-box h4{
        color: #004080;
    }
    .service-box p{
        color: #004080;
    }
    .our_services{
        border-radius: 50%;
        background: white;
        color: #004080;
        width: 284px;
        padding: 15px;
        font-style: italic;
     }
     .services{
         background-color:#FFF8F0 !important;
     }
     #testimonials{
         background: #D8A39D !important;
     }
     
     
     .testimonial-section {
  background-color: #EAF0F8; /* soft blue background */
  padding: 60px 20px;
}

.testimonial-card {
  background: #FFFFFF;
  border: 1px solid #D46A6A; /* muted red border */
  border-radius: 15px;
  padding: 25px;
  margin: 15px;
  text-align: center;
  transition: all 0.3s ease;
}

.testimonial-card h6 {
  color: #D8A39D !important; /* deep navy for names */
  font-weight: 600;
  margin-top: 15px;
  font-style: italic;
}

.testimonial-card p {
  color: #004080; /* dark gray text */
  line-height: 1.6;
}

.testimonial-card:hover {
  box-shadow: 0px 6px 20px rgba(0,0,0,0.15);
  border-color: #2A3D66; /* navy border on hover */
}
     
     
    /*    #testimonials .box1{
        background:red;
        color:white;
    }
            #testimonials .box3{
        background:red;
        color:white;
    }
            #testimonials .box2{
        background:red;
        color:white;
    } */

    
      #contact{
         background: #FFFFFF !important;
     }
     
.contact_us_heading {
  color: #2A3D66; /* navy */
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  position: relative;
  margin-bottom: 40px;
  font-style: italic;
}

.contact_us_heading::after {
  content: "";
  width: 80px;
  height: 3px;
  background: #D46A6A; /* dusty rose */
  display: block;
  margin: 10px auto 0;
  border-radius: 2px;
}
 .disclaimer-box {
      max-width: 800px;
      margin: 40px auto;
      padding: 20px 30px;
      background-color: #fefefe;
      border-left: 6px solid #ff5722;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      color: #333;
    }

    .disclaimer-box h2 {
      margin-top: 0;
      color: #ff5722;
    }

    .disclaimer-box p {
      font-size: 1rem;
      line-height: 1.6;
    }

    .disclaimer-box strong {
      color: #d32f2f;
    }

    @media (max-width: 600px) {
      .disclaimer-box {
        padding: 15px 20px;
      }
    }

     
     /*.contact_us_heading{
         border-radius: 50%;
        background: white;
        color: #004080;
        width: 284px;
        padding: 15px;
     } */
    .testimonials_heading{
         border-radius: 50%;
        background: white;
        color: #004080;
        width: 284px;
        padding: 15px;
        font-style: italic;
     }
     
     
     
     /* Apply to #contact h2 or any block */
    .heart-dots {
      --size: 42px;       /* heart tile size */
      --bg: #d7263d;      /* red background */
      background:
        /* tile A */
        radial-gradient(circle at 30% 35%, #fff 24%, transparent 25%) 0 0/var(--size) var(--size),
        radial-gradient(circle at 70% 35%, #fff 24%, transparent 25%) 0 0/var(--size) var(--size),
        conic-gradient(from -45deg at 50% 62%, #fff 90deg, transparent 0) 0 0/var(--size) var(--size),
        conic-gradient(from 225deg at 50% 62%, #fff 90deg, transparent 0) 0 0/var(--size) var(--size),
        /* tile B (staggered row) */
        radial-gradient(circle at 30% 35%, #fff 24%, transparent 25%) calc(var(--size)/2) calc(var(--size)/2)/var(--size) var(--size),
        radial-gradient(circle at 70% 35%, #fff 24%, transparent 25%) calc(var(--size)/2) calc(var(--size)/2)/var(--size) var(--size),
        conic-gradient(from -45deg at 50% 62%, #fff 90deg, transparent 0) calc(var(--size)/2) calc(var(--size)/2)/var(--size) var(--size),
        conic-gradient(from 225deg at 50% 62%, #fff 90deg, transparent 0) calc(var(--size)/2) calc(var(--size)/2)/var(--size) var(--size),
        var(--bg);
    }
    

.about-us {
  background-color: #DAA5A4; /* Dusty Rose */
  color: #fff;
}

.about_us_heading{
    border-radius: 50%;
        background: white;
        color: #004080;
        width: 284px;
        padding: 15px;
        font-style: italic;

    
}


 .coming-soon-modal .modal-content {
      background: #004080;
      color: white;
      text-align: center;
      border-radius: 20px;
      padding: 40px 20px;
    }
    .coming-soon-modal h2 {
      font-size: 2rem;
      margin-bottom: 15px;
    }
    .coming-soon-modal p {
      font-size: 1.1rem;
      margin-bottom: 20px;
    }
    
@media (max-width: 768px) {
  .navbar ul {
    background-color: #f2f2f2 !important; /* Replace with your desired color */
    text-align: center;
  }
}
    }