body {
}
/*
#bgimage {
	background: url('assets/images/main_pic.jpg') 50% 0 no-repeat;
}*/


#whatsapp-button {
	position: fixed;
	bottom: 80px; /* Distance from the bottom of the page */
	right: 20px; /* Distance from the right side of the page */
	z-index: 1000; /* Ensures it stays on top of other elements */
}

	#whatsapp-button img {
		width: 45px; /* Adjust the size of the icon */
		height: 45px;
		/* border-radius: 50%; /* Optional: round the button */
		/*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/
	}


.edu_fieldedu {
	padding-bottom: 60px;
}

.block_3edu {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.txt_list ul li {
	position: relative; /* Positioning for the custom bullet */
	padding-left: 40px; /* Space for custom bullet */
	margin-bottom: 15px; /* Space between items */
	transition: background-color 0.3s, color 0.3s, transform 0.3s; /* Smooth transition for hover effects */
}

.txt_infoedu {
	flex: 1;
	margin-right: 20px; /* Space between text and image */
}

.txt_list ul {
	column-count: 1; /* Splits the list into two columns */
	column-gap: 15px; /* Space between columns */
	list-style: none; /* Remove default bullets */
	padding-left: 0; /* Remove default padding */
}


	.txt_list ul li::before {
		content: '\266B'; /* Unicode for musical note */
		font-size: 20px; /* Size of the icon */
		color: #32596f ;
		position: absolute; /* Position it */
		left: 0; /* Align with left padding */
		top: 35%; /* Vertically center the icon */
		transform: translateY(-50%); /* Adjust vertical alignment */
	}

	.txt_list ul li:hover {
		background-color: #f8f8f8; /* Light background on hover */
		color: #32596f; /* Change text color on hover */
		transform: scale(1.02); /* Slightly enlarge item on hover */
		cursor: pointer; /* Change cursor to pointer on hover */
	}



.nav-link {
	text-decoration: none; /* Remove underline */
	color: white; /* White text color */
	padding: 0px; /* Add padding around text */
	margin: 0 10px; /* Space between links */
	font-size: 16px; /* Font size */
	font-weight: bold; /* Bold text */
}


.basic-shadow {
	border-radius: 14px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.8); /* Subtle shadow */
	transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for shadow and zoom */
	object-fit: cover; /* Ensures the image covers the container without distortion */
}

.basic-shadow:hover {
	transform: scale(1.1); /* Zoom effect on hover */
	box-shadow: 0 10px 20px pink; /* Darker and more pronounced shadow on hover */
}


/* Responsive styles */
@media (max-width: 768px) {
	.block_3edu

{
	flex-direction: column;
	text-align: center;
}

.txt_infoedu {
	margin-right: 0;
	margin-bottom: 20px; /* Add space below text for smaller screens */
}

.basic-shadow {
	height: 250px;
	width: 250px;
}

}

@media (max-width: 480px) {
	.title_3 {
		font-size: 14px; /* Adjust font size for smaller screens */
	}

	.txt_list li {
		font-size: 14px; /* Adjust font size for list items */
	}

	.basic-shadow {
		height: 200px;
		width: 200px;
	}
}

@media (min-width: 480px) {
	#logoside

{
	margin-left: -200px;
}

}
#learnpart {
	display: block;
	font-size: 24px;
	color: #6ba1c4;
	padding: 0px;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 10px;
	margin-right: 45px;
}
 
#joinpart {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	margin-top: 4%;
}
#learnpart1 {
	display: block;
	width: 100px;
	padding: 10px;
	text-align: center;
	background-color: #58649c;
	color: white;
	font-size: 18px;
	font-weight: bold;
	border-radius: 30px;
	text-decoration: none;
}