body { font-family: "Montserrat", sans-serif; position: relative; scroll-behavior: smooth; }
        #topNav { position: relative; top: -60px; width: 100%; background: #009846; ;
                    padding:.5rem; text-align:center; transition: top .3s; }
        #topNav a,#topNav a:active{
            color: #f2f2f2;
            text-decoration: none;
        }

        #topNav a:hover{
            color: #fff;
        }

        .show-topnav { top: 0 !important}

        .navbar { padding:1rem 0; }




        section{padding:4rem 0;}
        /*section  h2{
            font-weight: 500 !important;
        }*/

        .bg-alt {
            background-image: url('../img/alt-bg.jpg'); /*your image path */
            background-size: cover;            /* scales image to cover element */
            background-position: center;       /* centers the image */
            background-repeat: no-repeat;      /* prevents tiling */
            background-color: rgba(230, 255, 241, 0.8); /* semi-transparent overlay */
            background-blend-mode: overlay;    /* blend the image with color */
        }


        .masonry-grid { column-count:3; column-gap:1rem; }
        .image-card { position: relative; margin-bottom:1rem; border-radius:10px; overflow:hidden;
                        break-inside: avoid; }
        .image-card img { width:100%; }
        .image-label { position:absolute; top:8px; left:8px; background:rgba(0,0,0,0.4);
                        color:white; padding:.3rem .5rem; font-size:1.2rem; border-radius:.25rem; font-weight: bold;}
        @media(max-width:768px){ .masonry-grid{column-count:1;} }




        footer{background:#006630;color:#bbb;padding:3rem 0;}
        footer h5{color:#fff;}
        footer a{color:#f2f2f2;text-decoration:none;}
        footer a:hover{color:#fff;}

        footer p{
            color: #f2f2f2;
        }

        /*.accordion-button::after{font-family:"bootstrap-icons"; content:"\f4fe"; font-size:1.2rem; transition: transform .2s;}
        .accordion-button:not(.collapsed)::after{content:"\f2ea";}*/

        #scrollTopBtn{position:fixed;bottom:20px;right:20px;width:45px;height:45px;
                        background:#006630;color:#fff;border:solid 2px #fff;border-radius:50%;display:none;
                        align-items:center;justify-content:center;font-size:1.5rem;z-index:1000;}

        .nav-link {
            color: #222 !important;
        }

        .navbar-toggler,
        .navbar-toggler:focus,
        .navbar-toggler:active,
        .navbar-toggler-icon:focus {
            outline: none !important;
            box-shadow: none !important;
            border: none !important;
        }

        #mobileNav .navbar-nav{
            margin-left: 20px;
        }

        #mobileNav .navbar-nav .nav-item{
            border-bottom: solid 1px #f2f2f2;
        }

        .blinking_m{
            animation: blink 1s infinite;
            padding:0 10px;
            border-radius:25px
        }
        @keyframes blink {
            0%, 100% {
                background:#A6AA92;
                color: #fff !important;
            }
            50% {
                background:#b6906b;
                color: #000 !important;
            }
        }

        #whatsapp{
            position: fixed;
            width: 50px;
            height: 50px;
            right: 15px;
            bottom: 30px;
            font-size: 24px;
            background-color: #009846;
            border-radius: 50%;
            text-align: center;
            padding: 6px;
            color: white;
        }

        .main{
            min-height: 600px;
        }

        .blogs .img-div{
            padding: 20px !important;
        }

        .blogs .card-img-top{
             border-radius: 10px !important;

        }



  .bg-cover {
      background-image: url('../img/top_banner.png'); /* Replace with your image URL */
      background-size: cover;
      background-position: center;
      height: 250px;
      position: relative;
      color: white;
    }

    .bg-cover  .overlay {
      background-color: rgba(0, 0, 0, 0.5); /* Optional overlay for better text contrast */
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }

    .bg-cover  .centered-title {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 1;
      text-align: center;
    }

    .doitem{
        background-color: #fff;
        padding:12px;
        position: relative; margin-bottom:1rem; border-radius:10px; overflow:hidden;
                        break-inside: avoid;
    }

    .doitem img{
        margin: auto;
        display: block;
        margin-bottom: 8px;
    }