/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1752074437
Updated: 2025-07-09 15:20:37

*/
.curriculum {
    counter-reset: accordion-counter; /* reset counter */
}

.wpt-accordion-item {
	counter-increment: accordion-counter;
    box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 25px;
    margin-bottom: 20px;
    cursor: pointer;
    background: #fff;
}

.wpt-accordion-title {
    font-family: "Inter", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.3s ease;
}
.curriculum .title-text::before {
    content: counter(accordion-counter) ". ";
    margin-right: 10px;
}

.faq-accordion-wrap .wpt-accordion-title{
	font-weight: 400;
	margin-bottom: 0;
}

/* Hover state */
.wpt-accordion-title:hover {
    color: #39BBFB;
}

/* Active state */
.wpt-accordion-title.active {
    color: #39BBFB;
}

.wpt-accordion-title .icons{
    padding: 6px 8px 0px 8px;
    background: #F7F7FF;
    border-radius: 4px;
}
.wpt-accordion-title .icons svg{
    width: 24px;
	height: 24px;
}
.wpt-accordion-title .icons svg path{
    fill: #000000;
}
.wpt-accordion-title.active .icons{
    background: #39BBFB;
}
.wpt-accordion-title.active .icons svg path{
    fill: #fff;
}
.wpt-accordion-title:hover .icons{
	background: #39BBFB;
}
.wpt-accordion-title:hover .icons svg path{
    fill: #fff;
}

.wpt-accordion-content {
    display: none;
    margin-top: 15px;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #615A63;
}

.wpt-accordion-content ul {
    list-style: none;
    padding-left: 0;
}

.wpt-accordion-content li {
    margin: 8px 0;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #615A63;
	display: flex;
	align-items: start;
}

.wpt-accordion-content li svg {
    width: 25px;
    height: 18px;
    margin-right: 8px;
	margin-top: 6px;
}
.wpt-accordion-content h1, .wpt-accordion-content h2, .wpt-accordion-content h3, .wpt-accordion-content h4, .wpt-accordion-content h5, .wpt-accordion-content h6{
	color: #615a63;
	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: 15px;
	line-height: 26px;
}
.wpt-accordion-content li svg path {
    fill: #39BBFB;
}
.faq-accordion-wrap .wpt-accordion-title .icons{
	padding: 2px 8px 2px 8px;
}
.faq-accordion-wrap .wpt-accordion-title .icons svg{
	width: 15px;
	height: 15px;
}

/* Hide open icon by default */
.wpt-accordion-title .open-icon {
    display: none;
}

/* Toggle icons */
.wpt-accordion-title.active .open-icon {
    display: inline-block;
}
.wpt-accordion-title.active .closed-icon {
    display: none;
}

.faq-columns {
    display: flex;
    gap: 20px; /* space between columns */
}

.faq-column {
    flex: 1; /* equal width */
    display: flex;
    flex-direction: column;
    gap: 20px; /* space between items */
}

a.wpt-buy-now {
	display: inline-block;
    font-family: "Inter", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 20px;
    color: #fff;
    background-color: #20b0f9;
    border-style: none;
    border-radius: 10px 10px 10px 10px;
    padding: 12px 30px 12px 30px;
	margin-top: 30px;
}

@media (max-width: 768px) {
    .faq-columns {
        flex-direction: column; /* stack on mobile */
    }
}