/* Carousel image styles */
     .carousel-inner img {
        width: 100%;
        height: auto;
    }
   
   

   /* Ensure the navbar items are centered */
    .navbar-nav {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    /* Add line between nav items */
    .nav-link-item {
        /*border-bottom: 1px solid #ddd; /* Light gray line */
        color: black;
        font-size: 1.2rem;
        font-weight: 600;
        
    }

    .nav-link-item:last-child {
        border-right: none; /* Remove border for the last item */
    }

    /* Adjust the navbar branding */
    .navbar-brand {
        font-size: 2rem;
        text-align: left;
        flex-grow: 1; /* Centering the brand */
    }

    nav a {
        color: #000; /* Black color */
        text-decoration: none; /* Optional: Remove underline */
        }

    /* Hover effect on nav items */
    .nav-link:hover {
        color: #ff4d00; /* Change to your desired hover color */
        font-weight: bold;
    }

    /* Optional: Active link color */
    .nav-link.active {
        font-weight: bold;
        color: #2a136e; /* Highlight active link */
    }

                /* Remove default padding and margin from the navbar */
    .navbar {
        padding: 0; /* Remove padding */
        margin: 0;  /* Remove margin */
         /* Ensure navbar stays above content */
        position: relative;
        z-index: 1000; /* Keeps navbar above other elements */
    }

    /* Remove padding around the navbar brand */
    .navbar-brand {
        margin-right: 0; /* Ensure no margin to the right */
        padding: 0;      /* Remove any padding */
        font-size: 1.5rem;
    }

    /* Center the navbar brand and make it occupy space */
    .navbar-header {
        flex-grow: 1;
        display: flex;
        align-items: center;
    }
    #close-btn{
        display: none;
    }


    /*SECTION*/
      /* Section content styling */
      .section-content {
        display: flex;
        align-items: center;
       /* padding: 90px 0;*/
        
    }

    /* Remove space between sections */
    .section-content {
        margin-bottom: 0; /* Remove any bottom margin */
        padding-bottom: 0; /* Remove any bottom padding */
    }

    .section-image {
        max-width: 100%;
        height: auto;
    }

    .section-text {
        font-size: medium;
        font-family: Arial;
        line-height: 1.5;
    }


     /* Donation paragraph styling */
     .donation_parah {
        font-size: large;
        font-family: Arial;
        line-height: 1.5;
    }

    #Ammaphrase_parah {
             font-size: 24px;
             font-weight: 600;
             padding-top: 10px;
             color: #c60e0e;
             
        }


          /* Responsive adjustments */
          @media (max-width: 768px) {
            .section-content {
                flex-direction: column;
            }

            #Ammaphrase_parah {
                 font-size: 20px;
                 font-weight: 600;
                 padding-top: 10px;
                 border-top:1px solid #63626a
            }

            .nav-link-item {
                border-bottom: 1px solid #ddd; /* Light gray line */
                color: black;
                font-size: 1.2rem;
                font-weight: 600;
               
            }

            .navbar-nav .nav-link {
                font-size: 1.2rem;
            }

            .navbar-nav .nav-item {
                padding-top: 5px; /* Adjust vertical padding */
                padding-bottom: 5px; /* Adjust vertical padding */
                }

            .navbar-brand {
                font-size: 1.2rem;
            }

            .Narrow-div {
                width: 100%;
                padding: 50px;
                padding-bottom:0px ;
            }
            #divdonate {
                padding-top: 0px;
                    padding-bottom: 25px; /* Applies 20px padding on all sides */
                    }

            h1 {
                font-size: 1.5rem;
            }
            .img-mobile {
                        max-width: 80%;  /* Make the image 80% of its container width */
                        height: auto;    /* Maintain aspect ratio */
                        display: block;  /* Ensure the image is displayed as a block-level element */
                        margin: 0 auto;  /* Center the image horizontally */
                    }

        }


        .noPadding {
            padding: 0; /* Removes all padding from any paragraph with the class "noPadding" */
            margin: 0;
        }

    .contact-info {
        background-color: #f8f9fa;  /* Light background */
      /*  padding: 10px;
        border-radius: 8px;*/
        margin-top: 20px;
       
    }
    .contact-info h5 {
        color: #c60e0e;  /* Highlighted color */
    }
    .contact-info h3 {
        color: #c60e0e;  /* Highlighted color */
    }
    .contact-info p, .contact-info a {
        font-size: 1.2rem;
        padding-bottom: 0px;
    }

    #carouselExampleControls {
        margin-bottom: 0; /* Remove bottom margin */
    }

    #wisdomgallery {
        margin-bottom: 0px;
    }

    #aboutus {
        padding-top: 0px;  /* Remove padding-top if there's any added space */
        margin-top: 0;   /* Remove any margin at the top of the About Us section */
        margin-bottom: 0px;
    }
    #program {
        padding-top: 0px;  /* Remove padding-top if there's any added space */
        margin-top: 0;   /* Remove any margin at the top of the About Us section */
    }
    #service {
        padding-top: 20px;  /* Remove padding-top if there's any added space */
        margin-top: 0;   /* Remove any margin at the top of the About Us section */
        padding-bottom: 0px;
    }

    /* Optional: Add a small padding at the bottom of About Us if needed */
    #aboutus .section-content {
        padding-bottom: 0;
        
    }

    /* Ensure there's no padding/margin in between carousel and About Us section */
    .carousel-inner {
        margin-bottom: 0;
    }

    

            /* Image in Initiation Section */
    .initiation-section img {
    margin-top: 10px;
   
    }

    /* Image in Online Zoom Meditation Section */
    .zoom-section img {
    margin-top: 30px;
    
    }

    /* Image in Self Realization Section */
    .self-realization-section img {
    margin-top: 5px;
    margin-bottom: 10px;
   
    }

    .padded-border {
        padding:30px; /* Adds padding on all four sides */
        padding-top: 0px;
       /* border: 1px solid #a59696; /* Adds a thin black border */
       /* border-radius: 4px; /* Optional: rounds the corners slightly */
    }

    .indent-first-line {
        font-size: large;
        font-family: Arial, Helvetica, sans-serif;
    }
   
    .carousel-img {
    width: 100%;
    max-height: 400px; /* Adjust height as needed */
    object-fit: cover;
}

        .navbar-toggler {
        width: 30px;
        height: 30px;
        padding: 3px;
    }

    .navbar-toggler-icon {
        width: 20px;
        height: 20px;
    }

    #ammaSubmenu {
display: none; /* Ensure it's hidden initially */
background-color: #ffffff !important; /* White background */
border-radius: 8px;
padding: 10px;
box-shadow: 0px 4px 6px rgba(242, 231, 231, 0.914);
position: absolute;
top: 100%;
left: 0;
min-width: 200px;
z-index: 9999; /* Ensure it appears above other elements */
}
#close-btn{
display: none;
}
#menu-btn{
display: none;
}

     
/* Show submenu on hover for large screens */
@media (min-width: 992px) {
    #ammaSpeeches:hover #ammaSubmenu {
        display: block !important;
        background-color: #ffffff !important; /* White background */
    }
}

/* Ensure submenu is hidden by default in mobile */
@media (max-width: 991px) {
    #ammaSubmenu {
        display: none !important; /* Hide submenu by default */
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 9999 !important;
    }
}

   
  
    #menu-btn{
        display: block;
    }