/*Navigation bar */
    @media (min-width: 992px) { /* Large screens and up */
        .navbar-nav {
            flex-wrap: wrap;
        }
        .navbar-nav .nav-item {
            white-space: nowrap;
        }
            .navbar .dropdown:hover .dropdown-menu {
                display: block;
                margin-top: 0; /* Adjusts the dropdown to align properly */
            }
            .dropdown-menu{
                background-color: #088404;
            }
            .dropdown-item {
                color: #fff;
        }
            .dropdown-item:hover {
                background-color: #FF9933;
        }
    /*.navbar-nav {
            flex-wrap: wrap;
        }
        .navbar-nav .nav-item {
            white-space: nowrap;
        }
        .nav-item.dropdown:hover .dropdown-menu {
            display: block;
            margin-top: 0; 
        }
        .dropdown-menu {
            display: none;
            position: absolute;
        }
        .dropdown:hover>.dropdown-menu {
            display: block;
            background-color: #088404;
        }
        .dropdown-item:hover {
           background-color: #FF9933; 
        }*/
/*Navigation bar */
/* Slider CSS */
    .carousel-item {
        position: relative;
    }

    .carousel-item img {
        width: 100%;
        height: 550px;
    }

    .text-container {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        text-align: center;
        background-color: rgba(9, 9, 9, 0.5); /* Transparent black background */
        padding: 10px;
        border-radius: 10px; /* Optional: rounded corners */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .text-container .hed5, .text-container .hed6 {
        margin: 0;
        padding: 5px 0;
        color: rgb(249, 183, 24); /* Text color */
    }

    .text-container .hed5 {
        font-size: 1.3vw; /* Adjust as needed */
        font-weight: bold;
    }

    .text-container .hed6 {
        font-size: 1.1vw; /* Adjust as needed */
    }
    .sec-heading-news {
      position: relative; 
      color: #000;
      font-size: 2.1vw;
      max-width: 500px;
      display: inline-block;
      text-transform: uppercase;
    }

    .sec-heading {
      position: relative; 
      color: #000;
      font-size: 2.1vw;
      max-width: 500px;
      display: inline-block;
      text-transform: uppercase;
    }

    .sec-heading::after {
      content: ""; /* Empty content for the pseudo-element */
      position: absolute; /* Position the element relative to the caption */
      bottom: -3px; /* Adjust bottom offset as needed */
      left: 0; /* Align to the left of the caption */
      width: 100%; /* Matches content width */
      height: 0; /* No visible height for the base line */
      border-bottom: 3px solid #f9b718; /* Create the bottom wave line */

      /* Create the top wave line using a pseudo-element within ::after */
      &::before {
        content: "";
        position: absolute;
        top: 0; /* Position at top of the main ::after element */
        left: 0;
        width: 100%;
        height: 50%; /* Adjust height for wave amplitude (half the bottom line) */
        background-repeat: repeat-x; /* Repeat the wave pattern */
        background-image: url("data:url/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' preserveAspectRatio='none'><path d='M0 5 C0,4 1,3 2,3 C6,3 8,4 8,5 C8,6 6,7 2,7 C1,7 0,6 0,5 z' fill='%23f9b718' /></svg>"); /* Wave pattern SVG */
      }
    }

    .link{
        font-size: 1.5vw;
        font-weight: 400px;
        color: #fff;
    }
    .link:hover{
        font-size: 1.5vw;
        font-weight: 400px;
        text-decoration: underline;
        color: #f9b718;
    }

    .member-link{
        color: #088404;
        font-size: 1.2vw;
        font-weight: bold;
    }
    .member-link:hover{
        color: #f9b718;
        font-size: 1.2vw;
        font-weight: bold;
        text-decoration: underline;
    }

/*New scroller css*/
    .whats-new-cont{
        /*background-color: #F6FFF2;*/
        pading: 5px 5px;
        border: 2px solid #088404;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .line-break-news{
        border: 2px solid #088404;
    }
    .scroll-news-link{
        color: #088404 !important;
    }

/*Footer Menu*/
    .f-link:hover{
        color: #f9b718 !important;
    }
    .contact{
        color: #fff !important;
    }
    .contact:hover{
        color: #f9b718 !important;
    }
.search-result {
      margin-bottom: 20px;
    }
/*Member Search alphabatically*/
    .member-search{
        color:#008102;
        font-weight:800;
    }
    .member-search:hover{
        color:#f9b718;
        font-weight:800;
    }
    #demo {
      padding: 10px !important;
      width: 100% !important;
    }

    .news-links{
       color:#0d6efd;
        font-weight:800; 
    }
    .news-links:hover{
       color:#0d6efd;
        font-weight:800; 
        text-decoration: underline;
    }

    .text-primaryy{
        color: #088404;
    }
    .text-justify{
        text-align: justify;
    }
    .card-carousel {
            text-align: center;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
    .card-carousel .imgpresident {
            /*width: 100px;
            height: 200px;*/
            object-fit: cover;
            /*border-radius: 50%;*/
        }

    .container-bg {
      position: relative;
      text-align: center;
    }

    /* Centered text */
    .centered {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
        font-size: 65px;
        line-height: 55px;
        text-transform: uppercase;
        font-weight: 800;
        font-family: Raleway, sans-serif;
        color: #fff;
    }
    .images{
        -webkit-filter: blur(5px);
      filter: blur(5px);
      width: auto;

    }

    .centered-bg {
        position: absolute;
          color:#fff; 
          text-align: center;  
          background-color:rgba(0,0,0, 0.5);
          height: 400px;
          width: 100%;
          padding-top: 150px;

    }
    .centered-p {
          position: absolute;
          top: 50%;
          left: 50%;
          font-family: sans-serif;
          transform: translate(-50%, -50%);
          font-size: 15;
          font-weight: bolder;
          padding-left: 25%;
          text-align: left;
          margin-left: 18px;
          margin-top: -50px;
    }
    /*CSS FOR NAAS MEDIA GALLERY*/
        .image-container {
            position: relative;
            display: inline-block;
            width: 400px; /* Set a fixed width */
            height: 200px; /* Set a fixed height */
            background-color: #00FF00; /* Green background color */
        }

        .image-container .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7); /* Adjust opacity here */
            display: flex;
            justify-content: center;
            align-items: center;
            color: #FF8225;
            font-size: 2rem;
            font-weight: bold;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            white-space: nowrap;
        }

        .image-container .overlay i {
            margin-right: 8px;
        }
        /*CSS FOR NAAS MEDIA GALLERY*/
		.president-name{
			font-family: Georgia, Times, "Times New Roman", serif;
			letter-spacing:1.5px;
			font-weight:700;
		}
		.president-desig{
			font-family: Georgia, Times, "Times New Roman", serif;
		}
		.president-message{
			font-family: Georgia, Times, "Times New Roman", serif;
			color:#000;
			font-weight:bold;
			letter-spacing:1.2px;
		}

        .ins-name{
            font-size: 3rem;
            font-family: Georgia, Times, "Times New Roman", serif;
            letter-spacing:1.4px;
            font-weight:800;
            color: #088404 !important;
        }
}
 @media only screen and (min-width: 300px) and (max-width: 767px)  {

    .carousel-item {
        position: relative;
    }

    .carousel-item img {
        width: 100%;
        height: 300px;
    }

    .text-container {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        text-align: center;
        background-color: rgba(9, 9, 9, 0.5); /* Transparent black background */
        padding: 10px;
        border-radius: 10px; /* Optional: rounded corners */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .text-container .hed5, .text-container .hed6 {
        margin: 0;
        padding: 5px 0;
        color: rgb(249, 183, 24); /* Text color */
    }

    /*New scroller css*/
    
    .whats-new-cont{
        /*background-color: #F6FFF2;*/
        pading: 5px 5px;
        border: 2px solid #088404;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .line-break-news{
        border: 2px solid #088404;
    }
    .scroll-news-link{
        color: #088404 !important;
    }
    .link{
        font-size: 1rem;
        font-weight: 400px;
        color: #fff;
    }
    /*New scroller css*/
    .contact{
        color: #fff !important;
    }
    .contact:hover{
        color: #f9b718 !important;
    }
    .card-carousel {
            text-align: center;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
    .card-carousel .imgpresident {
            width: 100px;
            height: 400px;
            object-fit: cover;
            /*border-radius: 50%;*/
        }
        /*CSS FOR NAAS MEDIA GALLERY*/
        .image-container {
            position: relative;
            display: inline-block;
            width: 300px; /* Set a fixed width */
            height: 150px; /* Set a fixed height */
            background-color: #00FF00; /* Green background color */
        }

        .image-container .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7); /* Adjust opacity here */
            display: flex;
            justify-content: center;
            align-items: center;
            color: #FF8225;
            font-size: 1.2rem;
            font-weight: bold;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            white-space: nowrap;
        }

        .image-container .overlay i {
            margin-right: 8px;
        }
	 	.president-name{
			font-family: Georgia, Times, "Times New Roman", serif;
			text-transform:uppercase;
			letter-spacing:1.2px;
			font-weight:600;
		}
		.president-desig{
			font-family: Georgia, Times, "Times New Roman", serif;
		}
		.president-message{
			font-family: Georgia, Times, "Times New Roman", serif;
			color:#000;
			text-align:justify;
		}
        .ins-name{
            font-size: 1rem;
            font-family: Georgia, Times, "Times New Roman", serif;
            letter-spacing:1.4px;
            font-weight:700;
            color: #088404 !important;
        }
}