/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 11 2025 | 12:36:33 */
.themify_builder_content-1324 .tb_xs3y622.module-accordion>.ui>li>.accordion-title a {
    padding: 15px 20px 10px;
	 display: flex!important;
    flex-direction: row-reverse!important;
	 justify-content: space-between;
}

ul.ui.transparent>li>.accordion-title a {
   
	display: flex;
    flex-direction: row-reverse!important;
    justify-content: space-between;
	border-bottom: none !important;
}
ul.ui.module-accordion .accordion-title a {
    align-items: start;
    color: inherit;
    display: inline-flex;

    padding: .5em 1em;
    text-decoration: none;
}

ul.ui.module-accordion > li.my-active,
ul.ui.module-accordion > li.ui-state-active,
ul.ui.module-accordion > li.active,
ul.ui.module-accordion > li.open,
ul.ui.module-accordion > li:has(.accordion-title a[aria-expanded="true"]) {
  border-left-color: #007bff !important; /* change to your theme color */
  background-color: rgba(0,123,255,0.03) !important; /* subtle background */
}

/* ensure anchor text doesn't show underline */
ul.ui.module-accordion .accordion-title a { text-decoration: none !important; }


/* ACTIVE state */
ul.ui.module-accordion > li.my-active,
ul.ui.module-accordion > li.ui-state-active,
ul.ui.module-accordion > li.active,
ul.ui.module-accordion > li.open,
ul.ui.module-accordion > li:has(.accordion-title a[aria-expanded="true"]) {
  border-left-color: #007bff !important;
  background-color: rgba(0,123,255,0.03) !important;
}

/* INACTIVE state — resets when not active */
ul.ui.module-accordion > li:not(.my-active):not(.ui-state-active):not(.active):not(.open):not(:has(.accordion-title a[aria-expanded="true"])) {
  border-left-color: transparent !important;
  background-color: transparent !important;
}
/* ACTIVE item */
ul.ui.module-accordion > li.active,
ul.ui.module-accordion > li.ui-state-active,
ul.ui.module-accordion > li.open,
ul.ui.module-accordion > li:has(.accordion-title a[aria-expanded="true"]) {
       border-left: 3px solid #F44A02 !important; /* teal color like screenshot */
  background-color: #f8f8f8 !important;
}

/* INACTIVE items */
ul.ui.module-accordion > li:not(.active):not(.ui-state-active):not(.open):not(:has(.accordion-title a[aria-expanded="true"])) {
  border-left: 3px solid transparent !important;
  background-color: transparent !important;
}

li>.accordion-title a{
	opacity:70%;
}
li.builder-accordion-active .accordion-title a {
    color: #F44A02!important;
	opacity:90%;
}

ul.ui.module-accordion > li,
ul.ui.module-accordion > li .accordion-title,
ul.ui.module-accordion > li .accordion-title a {
    border-bottom: none !important;
}