/* CONTACT SECTION */
 .custom_faq_contact {
     text-align: center;
     margin-top: 40px;
     padding: 20px;
 }

 .custom_faq_contact h2 {
     font-size: 22px;
     color: #333;
     margin-bottom: 20px;
 }

 .custom_faq_contact_container {
     display: flex;
     justify-content: space-evenly;
 }

 .custom_faq_contact_item {
     text-align: center;
 }

 .custom_faq_contact_item img {
     width: 50px;
     margin-bottom: 10px;
 }

 .custom_faq_contact_item h3 {
     font-size: 18px;
     color: #333;
     margin-bottom: 5px;
 }

 .custom_faq_contact_item p {
     font-size: 16px;
     color: #555;
 }

 .custom_faq_contact_btn {
     background: #fbc02d;
     color: #000;
     font-size: 14px;
     padding: 10px 15px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     transition: 0.3s;
 }

 .custom_faq_contact_btn:hover {
     background: #e6a900;
 }


 /* HEADER SECTION */
 .custom_faq_header {
     text-align: center;
     margin-bottom: 20px;
 }

 .custom_faq_header h1 {
     font-size: 28px;
     font-weight: bold;
     color: #333;
     margin-bottom: 5px;
 }

 .custom_faq_header hr {
     width: 50px;
     height: 3px;
     background: #fbc02d;
     border: none;
     margin: 5px auto;
 }

 .custom_faq_breadcrumb {
     color: #777;
     font-size: 14px;
     margin-top: 18px;
     margin-bottom: 50px;
 }

 .custom_faq_breadcrumb a {
     text-decoration: none;
     color: #333;
 }

 /* SEARCH BAR */
 .custom_faq_search_container {
     text-align: center;
     margin-bottom: 80px;
 }

 .custom_faq_question:hover {
     color: #FFB703;
 }

 .custom_faq_search {
     width: 90%;
     padding: 10px 40px 10px 10px;
     font-size: 16px;
     border: 1px solid #ddd;
     border-radius: 5px;
     background-color: #ffffff;
     border: 2px solid #e0e0e0;
     border-radius: 10px !important;
 }
 }

 .custom_faq_search_icon {
     position: absolute;
     right: 15px;
     font-size: 18px;
     color: #777;
     cursor: pointer;
 }

 .custom_faq_clear {
     font-size: 14px;
     color: black;
     cursor: pointer;
     position: relative;
     top: 38px;
     right: 113px;
     color: #2e2e2e;

 }

 /* TABS */
 .custom_faq_tabs {
        display: flex;
        gap: 2px;
        justify-content: center;
 }

 .custom_faq_tab {
     background: #444;
     border: 1px solid #e5e5e5;
     border-bottom: 0;
     border-radius: 10px 10px 0 0;
     font-size: 16px;
     padding: 10px;
     min-width: 100px;
     margin: 0;
     text-align: center;
     color: white
 }

 .custom_faq_tab.active {
     background: #fbc02d;
     color: #000;
 }

 /* FAQ SECTION */
 .custom_faq_container {
     width: 100%;
     background: #fff;
     border-radius: 10px;

 }

 .custom_faq_item {
     border-top: 1px solid #ddd;
     border-bottom: 1px solid #ddd;
     padding: 10px;
     background: #fff;
     cursor: pointer;
     transition: 0.3s;
 }

 .custom_faq_item.active {
     background: rgb(255, 235, 185);
     color: black;
     font-weight: bold;

 }

 .custom_faq_question {
     font-weight: bold;
     position: relative;
     padding-right: 20px;
 }

 .custom_faq_question::after {
     content: "+";
     position: absolute;
     right: 0;
     font-size: 18px;
 }

 .custom_faq_item.active .custom_faq_question::after {
     content: "-";
 }

 .custom_faq_answer {
     display: none;
     padding-top: 5px;
     color: #555;
     font-size: 13px;
     overflow-y: auto;
    overflow-x: hidden;
    white-space: normal;
    word-break: break-word;
 }

 .search_icons {
     position: relative;
     right: 29px;

 }


.inputs-type-4 textarea, .inputs-type-4 input[type="text"], .inputs-type-4 input[type="password"], .inputs-type-4 input[type="datetime"], .inputs-type-4 input[type="datetime-local"], .inputs-type-4 input[type="date"], .inputs-type-4 input[type="month"], .inputs-type-4 input[type="time"], .inputs-type-4 input[type="week"], .inputs-type-4 input[type="number"], .inputs-type-4 input[type="email"], .inputs-type-4 input[type="url"], .inputs-type-4 input[type="search"], .inputs-type-4 input[type="tel"], .inputs-type-4 input[type="color"], .inputs-type-4 .uneditable-input, .inputs-type-4 select {
     border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
}

.button, .btn {
    display: inline-block;
    cursor: pointer;
    border: none;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1.6;
    font-weight: 600;
    text-transform: uppercase;
    margin: 5px 0;
    transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    outline: none;
    -webkit-font-smoothing: subpixel-antialiased !important;
}

textarea {
    font-style: ;
    font-variant-ligatures: ;
    font-variant-caps: ;
    font-variant-numeric: ;
    font-variant-east-asian: ;
    font-variant-alternates: ;
    font-variant-position: ;
    font-variant-emoji: ;
    font-weight: ;
    font-stretch: ;
    font-size: ;
    font-family: monospace;
    font-optical-sizing: ;
    font-size-adjust: ;
    font-kerning: ;
    font-feature-settings: ;
    font-variation-settings: ;
    text-rendering: auto;
    color: fieldtext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    -webkit-rtl-ordering: logical;
    resize: -internal-textarea-auto;
    cursor: text;
    overflow-wrap: break-word;
    background-color: field;
    column-count: initial !important;
    margin: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
    padding: 2px;
    white-space: pre-wrap;
}
input.custom_faq_search {
    width: 80%;
    background-color: #ffffff;
    border: 2px solid #e0e0e0;
    border-radius: 10px !important;
}

@media (max-width: 768px) {
    .custom_faq_search_container {
        margin-bottom: 20px;
        padding: 0 10px;
    }
    .custom_faq_clear {
        display: none;
    }
    .custom_faq_tabs {
        display: flex;
        gap: 2px;
        justify-content: flex-start;
        overflow: auto;
    }

    .custom_faq_breadcrumb {
        margin-top: 0px; 
         margin-bottom: 0px;
    }

}