/* Custom styles */
      body { 
  
        font-family: 'Arial', sans-serif; /* Change the font-family to your preferred font */
        margin: 0;
        padding: 0;
        /* background-image: url('images/bg1.png');  */
        background-image: url('images/bg1.png'); 
            /* background-size: cover;
            background-position: center; */ 

            /* background-image: linear-gradient(180deg, #f9fefc 0%, rgba(255,255,255,0.29) 60%); */
            
          background-size: cover;
          
          background-position: center;
          /* background-color: #77EBC2; */
      }
      

      .navbar-custom {
        background-color: #8BEDCA;
        transition: 0.4s; /* Smooth transition for the navbar */
        border-radius: 25px; /* Rounded border for the navbar */
        /* width: calc(100% - 11cm);  */
        /* Set initial width */
        display: flex;
        justify-content: space-between; /* Distribute items evenly */
        align-items: center; /* Center items vertically */
        margin-left: 5.5cm; /* Adjust initial left margin */
        margin-right: 5.5cm; /* Adjust initial right margin */
        padding-left: 0; /* Remove padding */
        padding-right: 0; /* Remove padding */
        margin-top: 10px;
      }

      .navbar-custom.shrink {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        height: 60px; /* Reduced height on scroll */
        border-radius: 0; /* Remove border-radius when expanded */
        width: 100%; /* Take full width on scroll */
        margin-left: 0; /* Remove margin on scroll */
        margin-right: 0; /* Remove margin on scroll */
        margin-top: 0;
      }

      .navbar-custom .navbar-nav .nav-link {
        color: black ;
        font-size: 18px; /* Increase the font size */
        transition: 0.4s; /* Smooth transition for link color */
      }

    /* ... (other CSS styles remain unchanged) */

    .navbar-custom .navbar-nav .nav-link:hover {
      background-color: #f0f0f0; /* Light whitish background color */
      border-radius: 10px; /* Rounded radius */
      color: black; /* Font color change to black on hover */
      transform: scale(1.05); /* Scale effect on hover */
    }


      .navbar-custom .navbar-nav {
        width: 100%;
        justify-content: center;
      }

      .navbar-custom .navbar-nav .nav-item {
        text-align: center;
        flex: 1;
      }

      /* for mobile */
      @media (max-width: 767px) {
        /* Styles for mobile devices */
        .navbar-custom {
          width: 100%;
          margin-left: 0;
          margin-right: 0;
          border-radius: 0;
          padding-left: 15px;
          padding-right: 15px;
          
        }
  
        /* .navbar-custom .navbar-toggler {
          border-color: #fff; 
        } */
  
        .navbar-custom .navbar-nav .nav-item {
          text-align: left; /* Align text to the left on mobile */
          flex: none;
        }
  
        .navbar-custom.shrink {
          height: auto; 
          /* Reset height on scroll for mobile */
        }
        .navbar-custom .navbar-collapse {
          background-color: #8BEDCA; /* Set the background color for the mobile menu */
        }
      }
      .title{
        font-weight: bolder;
        color: #dc195d;
      }
      .heading {
  font-weight: bold;
  color: #007f90;
  text-align: center; /* Align text horizontally center */
  /* Optional: Adjust margin if needed */
  margin: 0; /* Reset default margin to avoid any unwanted spacing */
}

      .content-container {
        max-width: calc(100% - 11cm);
        margin-left: 5.5cm;
        margin-right: 5.5cm;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: auto;
        margin-right: auto;
        
      };

/* Overview Section */
.overview-section {
  padding: 50px 0;
}

.overview-section p {
  font-size: 18px;
  line-height: 1.6;
  color: #333;
  text-align: left; /* Align text to the left */
}

.overview-section strong {
  color: #dc195d;
  font-weight: bold;
}

/* Contact details style */
.overview-section p strong {
  color: #dc195d;
}

/* Adjusting cards in mobile view */
@media (max-width: 768px) {
  .overview-section .col-md-12 {
    text-align: left; /* Align text to the left for mobile view */
  }
}




    /* Section with Image Cards */
.image-cards-section {
  padding: 50px 0;
  background-color: transparent; /* Adjusting the background */
  
}

.image-cards-section h2 {
  margin-bottom: 30px;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #333;
  
}

/* Adjusted card and container size */
.image-cards-section .card-container {
  height: 400px; /* Fixed container height */
  
}

.image-cards-section .col-md-3 {
  margin-top: 15px; /* Adjust the top margin as per your preference */
  filter: drop-shadow(10px 10px 20px #8BEDCA);
}

.image-cards-section .card {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  height: 100%; /* Full height within the container */
}

.image-cards-section .card .card-img-top {
  height: 100%; /* Fill the container */
  width: 100%; /* Fill the container width */
  object-fit: cover; /* Adjust the object-fit property */
}

.image-cards-section .card:hover {
  transform: scale(1.02);
}

/* Adjusting cards in mobile view */
@media (max-width: 768px) {
  .image-cards-section .card-container {
    height: auto; /* Auto height for mobile view */
  }
  .image-cards-section .card {
    margin-bottom: 30px;
    height: auto; /* Auto height for mobile view */
  }
}

          .hero-section {
            

            padding: 50px 0;
          }
          .hero-section p {
            margin-bottom: 20px;
          }
          .hero-section img {
            max-width: 100%;
            height: auto;
          }
          /* Mobile view adjustments */
          @media (max-width: 768px) {
            .content-container {
              max-width: calc(100% - 30px);
              margin-left: 15px;
              margin-right: 15px;
        }
        .hero-section,
        .overview-section,
        .image-cards-section,
        .footer-section {
          
          padding: 30px 0;
        }
      }

    /* Adjusting cards in mobile view */
    @media (max-width: 768px) {
      .image-cards-section .card {
        margin-bottom: 30px;
      }
    }
/* for phone */
/* New Nav */
.navbar-custom {
  background-color: #8BEDCA;
  transition: 0.4s;
  border-radius: 25px;
  width: 70%; /* Adjust the width as needed */
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  margin-top: 10px;
  padding-left: 2%;
  
}

.navbar-custom.shrink {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  height: 60px;
  border-radius: 0;
  width: 100%;
  margin-top: 0px;
}

.navbar-custom .navbar-nav .nav-link {
  color: black;
  font-size: 18px;
  transition: 0.4s;
}

.navbar-custom .navbar-nav .nav-link:hover {
  background-color: #f0f0f0;
  border-radius: 15px;
  color: black;
  transform: scale(1.05);
}

.navbar-custom .navbar-nav {
  width: 100%;
  justify-content: center;
}

.navbar-custom .navbar-nav .nav-item {
  text-align: center;
  flex: 1;
}
#typewriterParagraph {
  height: 60px; /* Adjust the height as needed */
}