/* Navbar and General Styling */
 
    
      .navbar-toggler-icon {
        background-color: white;
          
      }
      h3 {
          color: #0d6664;
          font-weight: bold;
      }
      .container p {
          text-align: justify;
      }
      html {
          scroll-behavior: smooth;
      }
      footer {
          margin-bottom: 0;
          background-color: #266A65;
          color: #C8A24C;
          
      }
      footer p {
          margin: 0;
          padding: 1rem;
      }
      .carousel-inner .carousel-item img {
        object-fit: cover;
        
    }
    @media (max-width: 768px) {
        .carousel-inner .carousel-item .d-flex {
            justify-content: center; /* Center align images */
        }
        .carousel-item img {
            width: 100% !important; /* Only one image per item, takes full width */
            margin-bottom: 3px; /* Gap between images */
        }

        .carousel-item .d-flex {
            flex-wrap: wrap; /* Allow wrapping of images */
            justify-content: center; /* Center content */
        }
        
    }

    /* Adjust carousel controls position */
    .carousel-control-prev, .carousel-control-next {
        margin-left: 3px;
        margin-right: 3px;
    }

    /* Adjust carousel indicators to be outside the images with gap */
    .carousel-indicators {
        margin-top: 3px;
        display: flex;
        justify-content: center;
        gap: 3px;
    }
    
    
        /* Toggler icon customization */
        .navbar-toggler-icon {
            
            width: 24px;
            height: 24px;
            border-radius: 3px;
        }
    
        .navbar-toggler:focus,
        .navbar-toggler:active {
            outline: none;
            box-shadow: none;
        }
    
        /* Hover effect for nav-links */
        .nav-link:hover {
            color: orange;
            transform: scale(1.25); /* Slight zoom-out effect */
            transition: all 0.3s ease;
        }
    
        
    
    
    
        
        .carousel-indicators li{
        background-color: #0d6664;
        }
        .icon-box {
            text-align: center;
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 8px;
            transition: transform 0.3s ease-in-out;
        }
        .icon-box:hover {
            transform: scale(1.05);
        }
        .social-icons a {
            font-size: 1.5rem;
            color: #555;
            
            transition: color 0.3s ease-in-out;
        }
        .social-icons a:hover {
            color: #C8A24C;
        }
        iframe {
            border: none;
        }
        .nav-link{
            color: white;
            font-weight: bold;
            border-right: 1px solid ;
            border-color: #0d6664;
        }
        #c{
            border: none !important;
        }
        ul.custom-list {
            list-style: none; /* Remove default bullets */
            padding: 0;
            margin: 0;
        }

        ul.custom-list li {
            position: relative;
            padding-left: 40px; /* Adjust padding to make space for the custom marker */
            margin-bottom: 10px;
        }

        ul.custom-list li::before {
            content: '➔'; /* Unicode character for a right arrow */
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 17px;
            height: 17px;
            background-color: #C8A24C;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%; /* Make the background circular */
            font-size: 10px;
            font-weight: bold;
            font-weight: bold;
        }
        ul.custom-list-1 {
            list-style: none; /* Remove default bullets */
            padding: 0;
            margin: 0;
        }

        ul.custom-list-1 li {
            position: relative;
            padding-left: 40px; /* Adjust padding to make space for the custom icon */
            margin-bottom: 10px;
        }

        ul.custom-list-1 li::before {
            content: '\f124'; /* Unicode for Font Awesome location arrow */
            font-family: "Font Awesome 5 Free"; /* Specify the Font Awesome font */
            font-weight: 900; /* Use solid icon weight */
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            color: #C8A24C; /* Set icon color */
            font-size: 18px; /* Adjust icon size */
        }
        

       
        .wow{
          visibility: hidden;
        }
  h1, h2, h3, h4, h5, h6{
    color: #0d6664;
  }
  *{
    font-family: Montserrat;
  }
  















  @media only screen and (min-width: 1550px) and (min-height: 943px) {
    body {
      font-size: 1.5rem; /* Adjust base font size */
    }
    h1 {
      font-size: 3.2rem; /* Adjust heading size */
    }
    h2 {
      font-size: 3rem;
    }
    h3 {
      font-size: 2.5rem;
    }
    p {
      font-size: 1.5rem;
    }
    .navbar .nav-link {
      font-size: 2rem; /* Adjust navbar link size */
    }
    .btn {
      font-size: 2rem; /* Adjust button font size */
    }
  }