#about-home
{
	background-image: linear-gradient(rgba(9, 5, 54, 0.3), rgba(5,4,46,0.7)), url("img/abouthome.JPG");
	width: 100%;
	height: 60vh;
	background-size: cover;
	background-position: center center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding-top: 40px;
	background-color: #e8e8da;

}

#about-courses
{
	background-image: linear-gradient(rgba(9, 5, 54, 0.3), rgba(5,4,46,0.7)), url("img/course\ back.jpg");
	width: 100%;
	height: 60vh;
	background-size: cover;
	background-position: center center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding-top: 40px;
}

#about-contact
{
	background-image: linear-gradient(rgba(9, 5, 54, 0.3), rgba(5,4,46,0.7)), url("img/contactprin.jpeg");
	width: 100%;
	height: 60vh;
	background-size: cover;
	background-position: center center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding-top: 40px;
	background-color: #e8e8da;

}



/* Default styles for details p */
.details p {
    font-size: 15px; /* Default font size */
    line-height: 1.5; /* Default line height */
    color: #333; /* Default text color */
}

/* Media query for screens between 350px and 550px */
@media (min-width: 350px) and (max-width: 550px) {
    .details p {
        font-size: 11px !important; /* Override with important */
        line-height: 1.4; /* Adjust line height if needed */
    }
}



.details ul {
    font-size: 15px; /* Adjust the size to your preference */
    line-height: 1.5; /* Optional: Improve readability */
    color: #333; /* Optional: Change color */
}

.details li {
    margin-bottom: 5px; /* Optional: Adds spacing between list items */
}


#about-contact h2
{
	color: #fff;
	font-size: 2.2rem;
	letter-spacing: 1px;
}





#about-home h2
{
	color: #fff;
	font-size: 2.2rem;
	letter-spacing: 1px;
}


#about-courses h2
{
	color: #fff;
	font-size: 2.2rem;
	letter-spacing: 1px;
}


#about-container
{
	display: flex;
	align-items: center;
	padding: 8vw 8vw 2vw 8vw;
	background-color: #e8e8da;

}

#about-container .about-img
{
	width: 60%;
	padding-right: 60px;
}

#about-container .about-img img
{
	width: 121%;
	margin-bottom: 179px;
	margin-left: -61px;
  }

#about-container .about-text
{
	width: 144%;
}

#about-container .about-text h2
{
	color: #29303B;
	padding-bottom: 15px;
}

#about-container .about-text p
{
	color: black;
	font-weight: 300;
}

#about-container .about-text .about-fe
{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 30px;
}

#about-container .about-text .about-fe img
{
	width: 50px;
	background-size: cover;
	background-position: center;
	margin-right: 20px;
}

#about-container .about-text .about-fe .fe-text
{
	width: 90%;
	
}

#about-container .about-text .about-fe .fe-text h5
{
	font-size: 16px;
	color: #29303B;
}



/*------------------- Trust section starts from here ---------------*/
#trust
{
	text-align: center;
	padding: 8vw;
	background-color: #e8e8da;

}

#trust .trust-img
{
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
}

#trust .trust-img img
{
	width: 90px;
	height: auto;
}
/*------------------- Trust section ends from here ---------------*/




/*------------------------------------------------------------------*/
/*------------------- Tablet screen starts from here ---------------*/
/*------------------------------------------------------------------*/
@media screen and (max-width: 768px)
{
	#about-container
	{
		padding: 8vw 4vw 2vw 4vw;
	}

	#about-container .about-img
	{
		padding-right: 30px;
	}

	#trust .trust-img img
	{
		width: 50px;
		height: auto;
	}
}


/*------------------------------------------------------------------*/
/*------------------- Smartphone screen starts from here ---------------*/
/*------------------------------------------------------------------*/
@media screen and (max-width: 475px)
{
	#about-container
	{
		flex-direction: column-reverse;
	}

	#about-container .about-img
	{
		width: 100%;
		padding: 0;
	}

	#about-container .about-text
	{
		width: 100%;
		padding-bottom: 20px;
	}

	#trust .trust-img
	{
		margin-top: 40px;
		flex-wrap: wrap;
	}

	#trust .trust-img img
	{
		width: 60px;
		margin: 10px 15px;
		height: auto;
	}
}