:root {
    --system_primery_color: #007e58 !important;
}
.course-item-title{
    min-height: 0px !important;
}
.theme_according .accordion-header button.collapsed{
    background-color: var(--system_primery_color) !important;
}
.theme_according .accordion-header button{
    background-color: var(--system_primery_color) !important;
}
.category{
    padding-bottom: 0px !important;
    background-color: #ffffff00 !important;
}
.category-slider{
    margin-top: -30px !important;
}
.banner-area::after{
    background: rgba(0, 0, 0, 0) !important;
}
.padding_slider-hamdino{
    padding: 12px !important;
}
.category-item-icon-hamdino{
    width: 100% !important;
    line-height: 60px !important;
    font-size: 30px !important;
    background: #f5f5f500 !important;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.category-text-hamdino{
    margin-bottom: 30px !important;
}
.category-item-icon img {
    height: 90px !important;
}
.category-item-hamdino{
    /* padding: 30px; */
    display: block;
    border-radius: 10px;
    background: #f7f7fa !important;
}
.text-white{
    color: #9b916a !important;
}
.theme-btn{
    display: inline-block;
    padding: 11px 26px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    color: #fff;
    background: #007e58 !important;
    background-size: 200% auto;
    border: 1px solid var(--system_primery_color);
}

/*=== Figma Design  ===*/

/*=== Slider Section 1  ===*/
.green-line {
    width: 80%;
    height: 2px; /* سُمك الخط */
    background-color: #2ECC71; /* اللون الأخضر (يمكنك تغييره) */
    margin: 2px auto; /* توسيط الخط وإضافة هوامش */
}
.slider-title-custom{
    font-size: 48px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #D8ECE4 !important;
}
.slider-sub-title-custom{
    font-size: 18px !important;
    line-height: 1.2 !important;
    color: #ffffff !important;
    margin: 20px;
}
/*=== Slider button  1  ===*/
.slider-button1-custom{
    display: inline-block !important;
    padding: 11px 26px;
    border-radius: 10px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background-image: linear-gradient(to right, #70b335, #188e47);
    margin: 10px 5px !important;
}

/*=== Slider button  2  ===*/
.slider-button-custom{
    display: inline-block !important;
    padding: 11px 26px;
    border-radius: 10px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
    color: #000000 !important;
    background: #ffffff !important;
    margin: 10px 5px !important;
}

/*=== why choose us Section 2  ===*/

.position-relative{
    position: relative;
    background-color: #DFFFF2 ;
    }





    




/*=== courses  Section 3  ===*/
.category-name-custom{
    font-size: 15px !important;
    padding: 6px;
    border-radius: 0px 0px 6px 0px;
    line-height: 1.2 !important;
    background-color: #f4f4f2 !important;
    color: #373A3C !important;
}

.background-color-course-custom{
    background-color: #ECFFF7 !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    margin-top: 10px !important;
    position: relative !important;
    top: 0 !important;
    transition: all .4s ease-in-out !important;
}
.course-title-custom{
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #000000 !important;
    
}
.course-price-custom{
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #ffffff !important;
    background-color: #F65104 !important;
    display: inline-block !important; /* لجعل العرض على قدر المحتوى */
    padding: 5px 15px !important; /* لإضافة هوامش داخلية */
    border-radius: 5px !important; /* لجعل الحواف دائرية */
}
.course-item-info-description{
    margin-bottom: 0px !important;
}
.d-flex-custom{
    display: flex !important;
    height: 100% !important;
    flex-direction: column !important;
}

.green-line-casper {
    width: 20%;
    height: 2px; /* سُمك الخط */
    background-color: #2ECC71; /* اللون الأخضر (يمكنك تغييره) */
    margin: 2px auto; /* توسيط الخط وإضافة هوامش */
}




/*=== Sponsor Section 4  ===*/
.brand_area{
    background-color: #f7f7fa !important;
    /* padding: 10px 0px 15px 0px !important; */
}







/*=== counter Section 5  ===*/
.counter-bg-custom{
    background-color: #eaf3eb !important;
}

/*=== testimonial Section 8  ===*/
.testimonial-bg-custom{
    background-color: #00844d !important;
}

/*=== FAQ Section 9  ===*/

.blog_area{
    padding: 0px 0px 0px 0px !important;
}
.faq-title-custom{
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #000000 !important;
}

/*=== Blog Section 10  ===*/
.blog-title-custom{
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #000000 !important;
}
.blog-single-content-custom{
    padding: 15px !important;
    font-size: 22px !important;
    line-height: 1.5 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: 68px !important;
    background-color: #E7FFF5 !important;
    border-radius: 10px !important
}   
.blog-bg-custom{
    background-color: #f7f7fa !important;
}
.blog-single{
    border-radius: 20px !important;
}
.blog-slider .blog-single{
    min-height: auto !important;
}
.banner-area::before{
    background: #00000000 !important;
} 
.payment_method_wrapper, .payment_wrapper{
    display: block !important;
} 
.heading-logo{
    height: 65px !important;
}