.elementor-31826 .elementor-element.elementor-element-47f9766{--display:flex;}/* Start custom CSS for html, class: .elementor-element-f124d9c *//* Accordion styles by RayaWp.ir */
.Accordion-RayaWp {
    padding: 1.25rem;
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
    transition: box-shadow 0.3s ease, border-radius 0.3s ease;
}

.Accordion-RayaWp::after {
    content: "";
    background: linear-gradient(-270deg, #2635D9 0%, #fff 100%);
    width: 100%;
    height: 0.25rem;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    transform: translateX(100%);
}

.Accordion-RayaWp.active::after {
    width: 100%;
    right: 0;
    transform: translateX(0);
    transition: transform var(--dynamic-transition, 3000ms) cubic-bezier(.05,.15,.5,1);
}

.Accordion-RayaWp:not(.active)::after {
    transform: translateX(100%) !important;
}

.Accordion-RayaWp__header {
    display: flex;
    cursor: pointer;
    align-items: center;
    color: #62636a;
    transition: color 0.3s ease;
    gap: 0.75rem;
}

.Accordion-RayaWp__header h3 {
    margin: 0;
    font-size: 1.25rem;
    color: #62636a;
    white-space: nowrap;
}

.Accordion-RayaWp__body {
    display: none;
    color: #62636a;
    padding-top: 1rem;
    line-height: 2rem;
    overflow: hidden;
}

.Accordion-RayaWp.active .Accordion-RayaWp__body {
    display: block;
}

.Accordion-RayaWp.active {
    box-shadow: 0 0.25rem 1.5rem 0 rgba(37, 51, 203, 0.08);
    border-radius: 0.5rem;
}

.Accordion-RayaWp.active .Accordion-RayaWp__header h3 {
    color: #323234;
}

.Accordion-RayaWp__header .icon-star {
    display: none;
    font-size: 1.5rem;
    color: #2635D9;
}

.Accordion-RayaWp__header .icon-star-1 {
    display: inline-block;
    font-size: 1.5rem;
    color: #62636a;
}

.Accordion-RayaWp.active .icon-star {
    display: inline-block;
}

.Accordion-RayaWp.active .icon-star-1 {
    display: none;
}

.Accordion-RayaWp.active .icon-star {
    display: flex;
    color: #2635D9;
}

.Accordion-RayaWp.active .icon-star-1 {
    display: none;
}

@media (max-width: 575.98px) {
    .Accordion-RayaWp .icon-star {
        display: none !important;
    }
}/* End custom CSS */