@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-size: 1.rem;
    text-transform: none;
    text-decoration: none;
}
.banner {
	width: min(100%, 100%);
	height: auto;
}

body{
background-color: #FFF6F6;
background-size: cover;
background-position: center;
	
}

.container-home{
	width: min(95%, 90rem);
	margin-inline: auto;
	
}
	
	
	


p img.right-float {
    float: right;  /* Float only the images with the "right-float" class */
    padding: 0.5rem;  /* Set padding for the images */
    max-width: 50%;  /* Set maximum width for text wrapping */
    box-sizing: border-box; 
	text-align: justify;/* Include padding in the width calculation */
}

p img.left-float {
    float: left;  /* Float only the images with the "right-float" class */
    padding: 0.5rem;  /* Set padding for the images */
    max-width: 50%;  /* Set maximum width for text wrapping */
    box-sizing: border-box;
	text-align: justify;/* Include padding in the width calculation */
}



header {
	
    top: 0;
    left: 0;
    right: 0;
    background: #58B599;
	color:#fffff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    padding: 2.0rem 7%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1000;
}


header .logo{
	height: 3rem;
    width: fit-content;
    align-self: center;
	padding-bottom: 4.5rem;
    cursor: pointer;
	
}
header .navbar ul{
	list-style: none;
    padding: 0;
    margin: 0;
		
	}

header .navbar ul li{
	position: relative;
	float:left;
}

header .navbar ul li a{
	font-size: 1.5rem;
	padding:.75rem;
	color:#FFFFFF;/*all menues font color*/
	display: block;
	
}

header .navbar ul li a:hover{
	background: #58B599;/*main menu roll over color*/
	color:#7E55A7;/*all menus hover font color*/
	border-radius: .7rem;
}
header .navbar ul li ul{
	position: absolute;
	left:0;
	width: 11.rem;/*drop down menu BG width*/
	background: #58B599;/*main menu drop down BG color*/
	display: none;
	border-radius: .7rem;
	}

header .navbar ul li ul li {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

header .navbar ul li ul li a {
    font-size: 1.2rem;
}

	header .navbar ul li ul li ul{
	left: 12rem;
	top:0; 
	
}

header .navbar ul li:focus-within >ul,
header .navbar ul li:hover >ul{
	display: initial;
}

/* Existing CSS Above */

@media (max-width: 767px) {
    /* Add your responsive styles here for screens up to 767px wide */
    
    header .navbar ul li a {
        font-size: 14px; /* Adjust the font size for main menu items */
		
    }

    header .navbar ul li ul li a {
        font-size: 12px; /* Adjust the font size for drop-down menu items */
    }
}

/* Existing CSS Below */


@media(max-width:991px){

header .logo{
	 display: none;
    
}
	
header{
	padding:0px;
	position: relative;
}


header .navbar{
	position: relative;
	top:100%; 
	left:0; 
	right:0;
	background: #ffffff; /*main background*/
	border-top: 1px solid rgba(0,0,0,.1);
	height: 40%; /* Adjust the height property */
   
}	
header .navbar ul li{	
	width:100%;
	background-color: #58B599; /*@media main BG color*/
	font-size: 15px;
	
}
header .navbar ul li ul{
	position: relative;
	width: 100%;
	
}
header .navbar ul li ul li{
	background: #89D5BE;/*drop down menu BG color*/
	padding: 0; /* Add padding as needed */
}
header .navbar ul li ul li ul{
	width: 100%;
	left:0;

}
header .navbar ul li a{
	text-align: center;
	}
	}