.elementor-kit-7789{--e-global-color-primary:#FFD600;--e-global-color-secondary:#FFE147;--e-global-color-text:#FFFFFF;--e-global-color-accent:#121212;--e-global-color-7fb03cd:#E5E7EB;--e-global-color-c056af0:#1D4ED8;--e-global-color-21547b1:#C5C5C5;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-size:38px;--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:normal;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7789 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* General Styles */
body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    color: #2D3E3F; /* Text color */
    background-color: #F9FBF7; /* Background color */
}

/* Header Section */
.header {
    background-color: #8569E8; /* Primary color */
    color: white;
    padding: 20px 0;
    text-align: center;
}

.nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    background-color: #2F6D49; /* Secondary color */
    padding: 10px 0;
}

.nav ul li {
    margin: 0 15px;
}

.nav ul li a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

/* Hero Section */
.hero {
    background-image: url('https://via.placeholder.com/1920x600'); /* Replace with your image URL */
    background-size: cover;
    background-position: center;
    color: white;
    text-align: center;
    padding: 100px 20px;
}

.hero h2 {
    font-size: 3rem;
    margin-bottom: 20px;
}

.hero p {
    font-size: 1.5rem;
    margin-bottom: 30px;
}

.hero button {
    background-color: #E8A785; /* Accent color 2 */
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.hero button:hover {
    background-color: #8569E8; /* Primary color on hover */
}

/* Key Features Section */
.features {
    padding: 50px 20px;
    text-align: center;
    background-color: #C9EFD6; /* Accent color 3 */
}

.feature-card {
    display: inline-block;
    width: 30%;
    margin: 0 1%;
    padding: 20px;
    background-color: #F9FBF7; /* Background color */
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 2px solid #2F6D49; /* Secondary color */
}

.feature-card h4 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: #8569E8; /* Primary color */
}

/* Programs Section */
.programs {
    background-color: #F9FBF7; /* Background color */
    padding: 50px 20px;
    text-align: center;
}

.program-card {
    display: inline-block;
    width: 30%;
    margin: 0 1%;
    padding: 20px;
    background-color: #85E8AD; /* Accent color 1 */
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.program-card img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.program-card h4 {
    font-size: 1.5rem;
    margin: 10px 0;
    color: #2D3E3F; /* Text color */
}

.program-card button {
    background-color: #E8A785; /* Accent color 2 */
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.program-card button:hover {
    background-color: #8569E8; /* Primary color on hover */
}

/* Testimonials Section */
.testimonials {
    padding: 50px 20px;
    text-align: center;
    background-color: #F9FBF7; /* Background color */
}

.testimonial {
    margin: 20px 0;
    padding: 20px;
    background-color: #C9EFD6; /* Accent color 3 */
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Contact Section */
.contact {
    background-color: #8569E8; /* Primary color */
    color: white;
    padding: 50px 20px;
    text-align: center;
}

.contact form {
    max-width: 500px;
    margin: 20px auto;
}

.contact input, .contact textarea {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: none;
    border-radius: 5px;
    background-color: #F9FBF7; /* Background color */
    color: #2D3E3F; /* Text color */
}

.contact button {
    background-color: #E8A785; /* Accent color 2 */
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.contact button:hover {
    background-color: #2F6D49; /* Secondary color on hover */
}/* End custom CSS */