* {box-sizing: border-box; outline: none; }
.umf-faqs-filter-wrap ul {padding: 0 !important; margin: 0 !important; }
.umf-faqs-filter-wrap * {box-sizing: border-box !important; }
.umf-faqs-filter-wrap button {line-height: 1 !important; box-shadow: none; }
.umf-faqs-content {display: none; padding: 15px 10px; }
.umf-faqs-wrap .umf-faqs-list {margin-bottom: 10px; }
.umf-faqs-heading {background-color: var(--umf-faqs-primary); padding: 15px 10px; font-size: 22px; position: relative; cursor: pointer; color: var(--umf-faqs-white); padding-right: 50px !important; }
.umf-faqs-heading.active::before {transform: rotate(90deg); }
.umf-faqs-heading::before, .umf-faqs-heading::after {content: ''; position: absolute; top: 50%; background-color: var(--umf-faqs-white); transition: all .3s; }
.umf-faqs-heading::before {right: 30px; width: 3px; height: 20px; margin-top: -10px; }
.umf-faqs-heading::after {right: 21px; width: 20px; height: 3px; margin-top: -2px; }
.umf-faqs-heading p {color: var(--umf-faqs-white); font-weight: bold; }
ul.umf-faqs-category-list {padding: 0; display: flex; padding: 0; gap: 5px; margin-bottom: 15px !important; flex-wrap: wrap; }
ul.umf-faqs-category-list li {display: inline-block; }
ul.umf-faqs-category-list li a {text-decoration: none !important; display: inline-block; font-size: 18px; color: var(--umf-faqs-button-color); border: 1px solid var(--umf-faqs-button-color); background-color: var(--umf-faqs-button-background-color); padding: 7px 20px; border-radius: 5px; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }
ul.umf-faqs-category-list li a:hover, ul.umf-faqs-category-list li a.active {background: var(--umf-faqs-button-active-background-color); color: var(--umf-faqs-button-active-color); border: 1px solid var(--umf-faqs-button-active-background-color); }


/*v2*/
.faqs-listing-container.faqs-list-layout-v2 .umf-faqs-heading {background: transparent; color: var(--umf-faqs-primary); padding: 5px 0; border-bottom: 1px solid #e5e5e5; }
.faqs-listing-container.faqs-list-layout-v2 .umf-faqs-heading::before, .faqs-listing-container.faqs-list-layout-v2 .umf-faqs-heading::after {background: var(--umf-faqs-primary); }
.faqs-listing-container.faqs-list-layout-v2 .umf-faqs-heading.active {border-color: var(--umf-faqs-primary); }

/*All FAQs*/
.umf-all-faqs-listing .content {width: 80%; padding: 20px; margin: 0 auto; padding: 0 60px 0 0; }
.umf-all-faqs-listing .centerplease {margin: 0 auto; max-width: 270px; font-size: 40px; }
.umf-all-faqs-listing .question {color: var(--umf-faqs-white); position: relative; background: var(--umf-faqs-primary); margin: 0; padding: 10px 10px 10px 50px; display: block; /*width: 100%;*/ cursor: pointer; }
.umf-all-faqs-listing .answers {font-weight: 300; background: #f2f2f2; padding: 0px 15px; margin: 0px 0; height: 0; overflow: hidden; z-index: -1; /* position: relative;*/ opacity: 0; -webkit-transition: .7s ease; -moz-transition: .7s ease; -o-transition: .7s ease; transition: .7s ease; }
.umf-all-faqs-listing .questions:checked~.answers {height: auto; opacity: 1; padding: 15px; }
.umf-all-faqs-listing .plus {color: var(--umf-faqs-white); position: absolute; margin-left: 10px; margin-top: 5px; z-index: 5; font-size: 2em; line-height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }
.umf-all-faqs-listing .questions:checked~.plus {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.umf-all-faqs-listing .questions {display: none; }

/* V3 */
.faqs-list-layout-v3 .umf-faqs-heading {background-color: transparent; border: 2px solid var(--umf-faqs-primary); color: var(--umf-faqs-primary); padding-left: 60px; padding-right: 20px !important; }
.faqs-list-layout-v3 .umf-faqs-heading.active {background-color: var(--umf-faqs-primary); color: var(--umf-faqs-white); }
.faqs-list-layout-v3 .umf-faqs-heading::before {background-color: var(--umf-faqs-primary); right: unset; left: 30px }
.faqs-list-layout-v3 .umf-faqs-heading::after {background-color: var(--umf-faqs-primary); right: unset; left: 21px }
.faqs-list-layout-v3 .umf-faqs-heading.active::before, .faqs-list-layout-v3 .umf-faqs-heading.active::after {background-color: var(--umf-faqs-white); }
.faqs-list-layout-v3 .umf-faqs-content {border: 2px solid var(--umf-faqs-primary); border-top: none; }

/*V4*/
.faqs-list-layout-v4 .umf-faqs-heading {background-color: var(--umf-faqs-primary); color: var(--umf-faqs-white); padding: 15px; font-size: 18px; border: none; width: 100%; text-align: left; cursor: pointer; outline: none; display: flex; justify-content: space-between; align-items: center; border-radius: 8px 8px 0 0; transition: background-color 0.3s ease; }
.faqs-list-layout-v4 .umf-faqs-content {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; overflow: hidden; padding: 20px 20px; transition: max-height 0.3s ease; border-radius: 0 0 8px 8px; }

/*list not found*/
.no-faqs-found.umf-info-message {color: #004085; background-color: #cce5ff; border-color: #b8daff; position: relative; padding: 15px 20px; border: 1px solid transparent; border-radius: 0.25rem; }

/* Search Bar */
.umf-faqs-search {display: flex; align-items: center; margin-bottom: 30px;direction:ltr; }
.umf-faqs-search input[type="text"] {text-align:right;direction:rtl;width: -webkit-fill-available; width: -moz-available; width: fill-available; margin: 0; border-radius: 5px 0 0 5px; border: 1px solid var(--umf-faqs-primary); padding: 10px 15px; height: 50px; font-size: 16px; border-right: none; }
.umf-faqs-search button.search-btn {width: auto; white-space: nowrap; padding: 15px; height: 50px; font-size: 16px; background-color: var(--umf-faqs-primary); border-radius: 0 5px 5px 0; border: 1px solid var(--umf-faqs-primary); color: var(--umf-faqs-white); -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; }
.umf-faqs-search button.search-btn:hover {background: var(--umf-faqs-white); color: var(--umf-faqs-primary); }

/* pagination */
.umf-faqs-pagination {margin-top: 30px; }
.umf-faqs-pagination .page-numbers {box-sizing: border-box; min-width: 40px; display: inline-block; text-align: center; padding: 5px; height: 40px; line-height: 2.1em; border: 1px solid var(--umf-faqs-primary); border-radius: 5px; text-decoration: none; color: var(--umf-faqs-primary); }
.umf-faqs-filter-wrap a:focus {background-color: var(--umf-faqs-button-color) !important; }
.umf-faqs-pagination .next.page-numbers, .umf-faqs-pagination .prev.page-numbers {padding: 5px 10px; }
.umf-faqs-pagination  .page-numbers.current {background-color: var(--umf-faqs-primary); opacity: 1;  color: var(--umf-faqs-white); }
.umf-category-heading h3 {margin: 20px 0 !important; }

/*Load More*/
.umf-faqs-load-more > a {width: auto; white-space: nowrap; padding: 15px; height: 50px; font-size: 16px; background-color: var(--umf-faqs-primary); border-radius: 5px; border: 1px solid var(--umf-faqs-primary); color: var(--umf-faqs-white); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; text-align: center; text-decoration: none; }
.umf-faqs-load-more > a:hover{color: var(--umf-faqs-white); }
.umf-faqs-load-more {margin: 0 auto; text-align: center; display: block; padding-top: 20px; }

/*WC Product Details Page*/
.umf-faqs-wc-product-tab .umf-faqs-no-faqs-found {color: #004085; background-color: #cce5ff; border-color: #b8daff; position: relative; padding: 15px 20px; border: 1px solid transparent; border-radius: 0.25rem; }
.umf-faqs-wc-product-tab .umf-faqs-no-faqs-found span { font-size: 16px; }
.umf-wc-faqs-header{ padding-bottom: 15px; }
.umf-wc-faqs-content {margin: 0 auto; }
.umf-wc-faqs-question {padding: 5px 0; border-bottom: 1px dotted #ccc; }
.umf-wc-faqs-panel-title {font-size: 24px; width: 100%; position: relative; margin: 0; padding: 10px 10px 0 35px; display: block; cursor: pointer; line-height: 40px; }
.umf-wc-faqs-panel-content {font-size: 20px; padding: 0px 14px; height: 0; overflow: hidden; z-index: -1; position: relative; opacity: 0; -webkit-transition: .4s ease; -moz-transition: .4s ease; -o-transition: .4s ease; transition: .4s ease; z-index: 9; }
.umf-wc-faqs-panel:checked ~ .umf-wc-faqs-panel-content{height: auto; opacity: 1; padding: 14px; }
.umf-wc-faqs-plus { position: absolute; margin-top: 17px; z-index: 5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: .2s ease; -moz-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; } 
.umf-wc-faqs-panel:checked ~ .umf-wc-faqs-plus {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 
.umf-wc-faqs-panel:checked ~ .umf-wc-faqs-plus i{ background: var(--umf-faqs-primary); } 
.umf-wc-faqs-plus i {font-size: 24px; line-height: 22px; font-style: normal; background: var(--umf-faqs-secondary); display: inline-flex; height: 24px; width: 24px; border-radius: 50%; color: var(--umf-faqs-white); padding-left: 4px; padding-top: 2px; } 
.umf-wc-faqs-panel { display: none !important; }
/*V2*/
.umf-faqs-wc-product-tab-v2 .umf-faqs-wc-accordion-container {width: 100%;}
.umf-faqs-wc-product-tab-v2 .umf-faqs-wc-accordion-item {background-color: var(--umf-faqs-white); border: 1px solid #E0E0E0; border-radius: 8px; margin-bottom: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.umf-faqs-wc-product-tab-v2 .umf-faqs-wc-accordion-header {background-color: var(--umf-faqs-primary); color: var(--umf-faqs-white); padding: 15px; font-size: 18px; border: none; width: 100%; text-align: left; cursor: pointer; outline: none; display: flex; justify-content: space-between; align-items: center; border-radius: 8px 8px 0 0; transition: background-color 0.3s ease; }
.umf-faqs-wc-product-tab-v2 .umf-faqs-wc-accordion-header:hover {background-color: var(--umf-faqs-primary); }
.umf-faqs-wc-product-tab-v2 .umf-faqs-wc-accordion-content {background-color: #FAFAFA; overflow: hidden; padding: 0 15px; max-height: 0; transition: max-height 0.3s ease; border-radius: 0 0 8px 8px; }
.umf-faqs-wc-product-tab-v2 .umf-faqs-wc-accordion-content p {margin: 15px 0; line-height: 1.5; }
.umf-faqs-wc-product-tab-v2 .umf-faqs-wc-icon {transition: transform 0.3s ease; }
.umf-faqs-wc-product-tab-v2 .umf-faqs-wc-active .umf-faqs-wc-icon {transform: rotate(45deg); }
/*.umf-faqs-wc-product-tab-v2 .umf-wc-faqs-header { padding-bottom: 0; }*/


/*Common CSS*/
h3.umf-filter-heading-atea {margin-bottom: 30px; }


/* Responsive CSS */
@media screen and (max-width: 767px) {
    ul.umf-faqs-category-list li a {font-size: 14px; }
    .umf-faqs-heading {font-size: 18px; }
    .umf-faqs-search input[type="text"] {width: 65%; font-size: 14px; height: 40px; }
    .umf-faqs-search button.search-btn {font-size: 14px; width: 35%; height: 40px; padding: 10px; }
    .umf-faqs-pagination .page-numbers {font-size: 14px; min-width: 35px; height: 35px; }
    .faqs-listing-container.faqs-list-layout-v2 .umf-faqs-heading {padding-right: 40px; }
}