*
{
	margin:0;
	padding:0;
	box-sizing:boder-box;

}
html
{
		scroll-behavior: smooth
}

body
{
		font-size:16;
	font-family:-apple-system,system-ui,blinkmacsystemfont,"segeo ui",roboto,"helvation neue",ariral, sans-serif;
	font-weight:400;
	line-height:1.5;
}
.navbar
{
	padding:10px 50px;
	background: linear-gradient(to right, #085542,#109626);
	display:flex;
	align-items:center;
	position: sticky;
	top:0;
	z-index:100;
}
section
{
	 padding:50px;border: 1px solid #e8e8e8;
	 
}
/* navigation section style*/
.logo-container
{
		 width:50px;
		 
}
.logo-container img
{
		 width:100%;
		 
}

.logo-container img:hover
{
		 opacity:.8;
		 
}
.menu-container
{
	display:flex;
	flex:1;
	justify-content: flex-end;
	
}
.menu-container ul
{
	display:flex;
	flex:1;
	justify-content: flex-end;
	

}.menu-container ul li
{
list-style:none;
	

}
.menu-container ul li a
{
text-decoration:none;
display: inline-block;
padding:4px ;
color:#ffffff;
	

}

.menu-container ul li a:hover
{

color:#05ed2c;
	

}


.button-container
{
padding-left: 15px;
justify-content: flex-end;
}
.primary-btn
{
	background: #ed9805;
	color: white;
	border:1px solid #ed9805;
	border-radius:1px;
	font-size:18px
}

.primary-btn a, .secondary-btn a
{
	text-decoration:none;
	color: white;
	display:inline-block;
	padding: 7px 14px;
}
.course-details button
{
	text-decoration:none;
	color: white;
	display:inline-block;
	padding: 7px 14px;
}

.primaary-btn:hover,.secondary-btn:hover,.home-page-btn:hover
{
	opacity:.8;
}
.home-page-btn:active
{
	border: 2px solid yellow;
}
.secondary-btn
{
	background: none;
	color: white;
	border:1px solid white;
	
	border-radius:1px;
	font-size:18px;
}
.button-container .secondary-btn
{
	margin-right:10px;
}


/*home page decription section*/

.desc-title-container, .email-sub-section
{
	display: flex;
	background: linear-gradient(to right, hwb(138 2% 39%),#4c704b);
	border:none;
	align-items:center;
	position: relative;
}

.des-container,.img-container
{
	flex:1;
}
.des-container 

{
		padding-right:40px;
		
		
}
.des-container h1
{
	font-size:30px;
	color:white;
	
}.des-container p
{
	font-size:18px;
	color:white;
	margin:20px 0;
	
}


.home-page-btn
{
		padding:10px 20px;
		background: #ed9805;
		border:2px solid #ed9805;
		border-radius:5px;
}

.home-page-btn a
{
		text-decoration:none;
		font-size:18px;
		letter-spacing:2px;
		font-weight:bold;
		color:white;
		text-transform:upercase;
		padding:12px 24px;
}

/* wavy background */
.wave
{
	color: #05ed2c;
	position:absolute;
	width:100%;
	height:38px;
	bottom:0;
	left:0;
	background: url("../images/wave.png");
	animation:10s linear infinite;	
}
.wave2
{
	position:absolute;
	width:100%;
	height:39px;
	top:0;
	left:0;
	background: url("../images/wave2.png");
	animation:10s linear infinite;	
	border-top: 2px solid white;
}
.wave::before
{
	content: "";
	opacity:0.4;
	animation: animate-revise;
	position:absolute;
	width:100%;
	height:38px;
	bottom:0;
	left:0;
	background: url("../images/wave.png");
	animation:10s linear infinite;	
}
.wave2::before
{
	content: "";
	opacity:0.4;
	animation: animate-revise;
	position:absolute;
	width:100%;
	height:39px;
	top:0;
	left:0;
	background: url("../images/wave2.png");
	animation:10s linear infinite;	
}
.wave::after
{
	content: "";
	opacity:0.6;
	animation: animate 10s linear infinite;
	position:absolute;
	width:100%;
	height:38px;
	bottom:0;
	left:0;
	background: url("../images/wave.png");	
	animation-delay:-5s;
}

.wave2::after
{
	content: "";
	opacity:0.6;
	animation: animate 10s linear infinite;
	position:absolute;
	width:100%;
	height:39px;
	top:0;
	left:0;
	background: url("../images/wave2.png");	
	animation-delay:-5s;
}


@keyframes animate{
	0%{
		background-position: 0px;
	}
	100%{
		background-position: 1811px;
	}
	
}@keyframes animate-revise{
	0%{
		background-position: 1811px;
	}
		100%{
		background-position:0px;
	}
	
}


/* course-section */
.course-section
{
	width:300pxl;
	border-radius:5px;
	background:white;
	box-shadow:0 0 5px #cfcfcf;
	
}
.course-link
{
	display: block;
}
.course-image
{
	width:100%;
	height:60%;
	overflow:hidden;
	
}
.course-image img
{
	width:100%;
	height:100%;
	object-fit:cover;
	
}
.course-details
{
	padding:10px;
}
.course-price
{
padding:10px 0;	
font-weight:bold;

}

.old-price
{
	font-weight: 300;
	text-decoration: line-through;
	display:inline-block;
	padding-left:10px;
}

.course-details h3
{
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	
}
.course-container
{
	display: grid;
	grid-gap: 20px;
	
	grid-template-columns:repeat(auto-fill,minmax(20em,1fr))
}


.email-sub-image
{
	width:600px;
	height:400px;
	border-radius:20px;
	overflow:hidden;
}
.email-sub-image img
{
	width:100%;
	height:100%;
	object-fit:cover;
}

.email-sub-section
{
	border-top:
}
/* footer section*/
.footer-container
{
		
		background:white;
}
.footer-top
{
	display: grid;
	grid-gap: 20px;
	
	grid-template-columns:repeat(auto-fill,minmax(17em,1fr));
}

.footer-column {
	display: flex;
	flex-direction: column; /* This stacks items vertically */
	align-items: center;    /* Horizontal centering */
	justify-content: center; /* Vertical centering (only works if it has a height) */
}


.footer-column h3
{
	margin-bottom:	20px;
	color:#7a0052;
}
.footer-column ul li
{
	list-style:none;
}

.footer-column ul li a
{
	text-decoration:none;
	color:#2b2b2b;
	line-height:2.5;
}
.footer-column ul li a:hover
{
	font-weight: bold;
	color:#16a129;
}
.footer-bottom
{
	background: linear-gradient(to right, oklab(69.465% -0.05507 0.05496),lab(40.31% -40.76 25.97));
	padding:50px 50px 20px 50px;
	position:relative;
}
.social-container h3
{
	text-align:center;
	color:white;
}
.social-links {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.social-links a {
	text-decoration: none;
	color: #000;
	font-size: 16px;
}

.social-links a i {
	margin-left: 8px; /* Ensures spacing between text and icon */
}
}
.social-links i:hover
{
	color: orange;
	
}
.copyright-text
{
	display:block;
	width:100%;
	text-align:center;
	font-size:14px;
	margin-top:20px
	
}
/* other pages */
.other-pages p

{
font-size:18px;	
}
.other-pages p:not(:last-child)
{
	margin-bottom:20px;
}



.form_container 
{
	color: rgba(207, 207, 207, 0.171);
}