body {
font-family: sans-serif;
display: flex;
/* Changed to row to make them horizontal */
flex-direction: row;
/* Adds space between items, for horizontal layout this is better than gap */
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
background-color: #f4f4f4; /* Light background for context */
}

.button-container {
display: flex; /* Use flexbox for the container to arrange buttons horizontally */
gap: 15px; /* Space between buttons */
flex-wrap: wrap; /* Allow buttons to wrap to the next line on smaller screens */
justify-content: center; /* Center the buttons within the container */
padding: 20px; /* Add some padding around the group of buttons */
}

.orange-button {
background-color: #FFA500; /* Orange background */
color: white; /* White text */
padding: 10px 20px; /* Padding inside the button */
border: none; /* No border */
border-radius: 5px; /* Slightly rounded corners */
font-size: 16px; /* Font size */
cursor: pointer; /* Pointer cursor on hover */
text-decoration: none; /* Remove underline for links */
display: inline-block; /* Allows padding and alignment for links */
transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; /* Smooth transitions */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
min-width: 120px; /* Adjust minimum width for horizontal layout if desired */
text-align: center; /* Center the text within the button */
}

.orange-button:hover {
background-color: #FF8C00; /* Darker orange on hover */
transform: translateY(-2px); /* Slight lift effect */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* More prominent shadow on hover */
}

.orange-button:active {
background-color: #E06C00; /* Even darker orange when clicked */
transform: translateY(0); /* "Pressed" effect */
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); /* Smaller shadow when active */
}

All Courses

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Course Program

Popular Courses

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

[ld_course_list col=3 categoryselector="true" progress_bar="true" order="asc"]

All Courses

Course Program

Popular Courses

Join Our Community