/* body  .header2 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0; z-index: 99;
    }

    body .header2 .navbar {
        
        background: rgb(255 255 255 / 0%) !important;
        box-shadow: none;
        padding: 0;
        top: 0; z-index: 9;
        transition: all .5s ease-in;
        border: none;
    } 
    body .header2 .hd-top {
        position: relative;
        background: rgb(255 255 255 / 0%);
        z-index: 9;
    }
    
    body .header2 .hd-top ul li a, .socials-inner a { 
        color:#000000 !important; 
    } 
    body .header2 .hd-top ul.socials a.addr, body .header2 .hd-top ul.socials a.email, body .header2 .hd-top ul.socials a.phone {
        filter: invert(1);
    } 
        
    body .contact-info li {
        margin-right: 15px !important;
        display: flex !important;
        align-items: center;
        color: #fff;
    }

    body ul.socials.col-lg.contact-info {
        display: flex;
    }
    body .header2 .hd-top ul li a {
         padding: 10px 0;
         margin-right: 0;
    }
*/
   
    body .header2 .navbar-nav .nav-link {
        color: #080055;
        font-weight: 600;
    }
    nav.navbar.navbar-expand-lg.fixed-top {
        background: #ffffff !important;
        border-bottom: 1px solid rgb(219, 219, 219);
    }
    
    body .header2 nav.navbar.fixed-top .nav-link { color: #080055; } 
    body .header2 nav.navbar.fixed-top .fixed-logo {display: block;}
    body .header2 nav.navbar.fixed-top  .main-logo { display: none; }

    body .header2 .navbar-nav .nav-link {
        font-weight: 300;
        color: #080055; /* Default text color */
        transition: all 0.2s ease; /* Transition effect for background color */
    }


    body .header2 .navbar-nav .nav-link:hover {
        background-color: none; /* Background color on hover */
		 color: #b1b1b1 !important;
    }

    .navbar .dropdown.service-nav a:hover {
        color: #000000 !important;
    }



.banner-wrp-page {
    width: 100%;
    height: 400px; /* Set the height of the banner */
    overflow: hidden;
    position: relative;
    display: flex; /* Use flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
}

.banner-img {
     max-width: 100%; /* Ensure the image does not exceed the width of its container */
    max-height: 100%; /* Ensure the image does not exceed the height of its container */
    width: auto; /* Allow the image to adjust its width while maintaining aspect ratio */
    height: auto; /* Allow the image to adjust its height while maintaining aspect ratio */
    display: block;
}

/* Responsive styles for smaller screens (e.g., mobile devices) */
@media (max-width: 768px) {
    .banner-wrp-page {
        max-height: 200px; /* Adjust the maximum height for mobile screens */
    }
}