/* body{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
overflow-x:hidden;
overscroll-behavior: none;
} */
/* html{overflow-y: scroll;} */

.icon_bg{background-color:green}

span.icon-bar{background:white ;
}

/* .Homeimg{
margin-top:50px;
background-attachment: fixed;
background-size: cover;


} */

/* span.navbar-toggler-icon{color: white !important;} */

/* .fnt-clr-w{color:#ffffff !important;} */
.product{
margin:0%;
padding:0%;
position:relative;
height:600px;
width:100%;
}

img.hd_img{
width:30%;
height:auto;
}

p.prod{font-size:200%;font-weight:bold;text-align:justify;position:relative;}
#Menu-bar{
background-color: green;
height:auto;
}
nav.menu-bar{
background-color: green;
}
li{font-size:125%;}
#navbarNav li a{
text-decoration: none;
color: #ffffff !important;
background: transparent;}

#menu li a:hover{border:1px solid #ffffff;border-radius:5px;}
ul.alg{text-align:center;
display:flex;}

.footer{

background-color: green;
display: flex;
justify-content: space-between;

padding: 10px 10px; 
position: relative;
bottom:0;}


.footer-text{color:#ffffff;
margin-top:5px;
}




.topImage{
position: relative;
width: 100%;
height: auto; /* 100% of the viewport height */
overflow: hidden;
}



.hero {
width: 100%;
max-height:95vh;

}
.navbar-toggler:hover{border:1px solid white;}
/* Custom CSS to change the color of the navbar toggler icon */
.navbar-toggler {
border: none; /* Remove border if needed */
}

.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); 
/* Change the stroke color here */
}

/* Ensure consistency across browsers */
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

button:focus{outline:none;}

.bg1{background:green;}



/* Target small screens up to 768px */
@media (max-width: 768px) {
html, body {
overflow-x: hidden; /* Prevent horizontal scrolling */
}

/* Ensure all elements fit within the viewport */
* {
max-width: 100%; /* Prevent elements from overflowing */
box-sizing: border-box; /* Ensure padding and borders are included in width */
}
}