/*Menu*/
.dropdown {
			position: static !important;
		}
		
		.dropdown-menu {
			box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
			margin-top: 0px !important;
			margin-left:48% !important;
			width: 35% !important;
		}
		.dropdown-item1 {
    display: flex;
    font-size:15px;
    width: 260px !important;
    color: white !important;
}
.text-info_header{
    color:blue !important;
}
            .dropdown-menu{
                font-size:13px !important;
                position:fixed;
                /*width:455px !important;*/
                background:rgb(67 66 66) !important;
                border-top:6px solid #00b9ffad;
            }
            .dropdown-item{
                display:flex;
                background:transparent !important;
                color:white !important;
            }
            .dropdown-item:hover:not(.text-info_header){
                background:transparent !important;
                color:#00b9ffad !important;
            }
            .dropdown-toggle:hover .dropdown-menu{
                display:block;
            }
            .bg-custom{
                background:#222 !important;
                font-size:14px !important;
            }
			.bg-footer{
                background:linear-gradient(to right, #66a3ff, #003366) !important;
                font-size:14px !important;
            }
            h6{
                font-size:15px !important;
                color:#61c2d0;
            }
            p a{
                color:white !important;
                text-decoration:none !important;
            }
            p a:hover{
                color:#00b9ffad !important;
            }
            .form-control{
                background:transparent !important;
                
            }
            .btn-primary{
                background: #00b9ffad !important;
                font-size:12px;
                margin-left:89px;
            }
            .img_fluid{
                opacity:1;
            }
            .img-fluid:hover{
                cursor:pointer;
                opacity:0.6;
            }
            .customfont{
                font-weight:lighter;
                font-size:16px;
            }
            .custom-btn{
                font-size:20px;
                border-radius:30px;
            }
            .product_all:hover{
                background:rgba(0,0,0,0.2);
            }
            .product_all div h4:hover{
                color:#00b9ffad;
            }
            .carousel-caption p{
                font-size:30px !important;
            }
		.mxmr-5 {
			margin-left: 3rem!important;
		}
		.headerlogo{
			width:165px;
			/* height:55px; */
		}
		body {
			background-color: #FFFFF4;
		}
@media only screen and (max-width: 780px) {
	.dropdownmenus {
		height:300px !important;
		overflow:auto;
		margin-left:0% !important;
		width:95% !important;
	}
	.navbar-brand {
		margin-right:0px !important;
	}
	.mxmr-5 {
		margin-left: 0px!important;
	}
	.headerlogo{
		width:150px;
		/* height:43px; */
	}
}
.invertimg{
	filter: invert(1);
}
/*Menu*/
.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}
.padding-bottom-img{
	padding-bottom: 27px ;
}
.underline-none {
  text-decoration: none; /* Remove default underline */
  transition: border-bottom 0.3s ease-in-out; /* Add transition effect for smooth animation */
}

.underline-none:hover {
  text-decoration: none;
}

.navbar {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    padding: 10px 20px !important;
}
.navbar a {
    color: #0056b3 !important;
    text-decoration: none !important;
    margin-right: 15px !important;
}

.navbar a:hover {
    color: #007bff !important;
}
.container-fluid{
	padding-top: 5%;
}
.container-fluid-home{
	width: 100%;
}
/* Dropdown Menu Styling */
.navbar .dropdown-menu {
    background-color: #f8f9fa !important;
    border: none !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

.navbar .dropdown-item {
    color: #333 !important;
}

.navbar .dropdown-item:hover {
    background-color: #e2e6ea !important;
    color: #0056b3 !important;
}
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.h-50-custom {
    height: 50%!important;
}
@media only screen and (max-width: 780px) {
	.h-50-custom {
		height: auto !important;
	}
}