/* =============================================================================
   shared/accordion.css
   Extracted from style.css. Loaded only on: block select_faq, block text_and_image, page-template/template-faq.php
============================================================================= */

.accordian {margin-bottom: 40px;}
.accordian .acc-items {border-bottom: 1px solid var(--backgrondColorGray);padding-left: 18px;}
.accordian .acc-items:first-child {border-top: 1px solid var(--backgrondColorGray)}
.accordian .acc-title {padding: 15px 0;position: relative;cursor: pointer;padding-right: 20px;}
.accordian:not(.not) .acc-title::before {content: "";position: absolute;left: -18px;top: 18px;width: 13px;height: 13px;background: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0781 5.8445L7.35755 1.1239C7.13549 0.901843 6.77472 0.901455 6.55314 1.12304C6.33156 1.34462 6.33194 1.70539 6.554 1.92744L10.301 5.6744L0.805302 5.66541C0.490852 5.66507 0.236397 5.91953 0.236735 6.23398C0.237073 6.54842 0.492076 6.80343 0.806525 6.80377L10.3022 6.81276L6.56328 10.5517C6.34169 10.7732 6.34208 11.134 6.56414 11.3561C6.7862 11.5781 7.14696 11.5785 7.36855 11.3569L12.0778 6.64769C12.3006 6.42733 12.3002 6.06656 12.0781 5.8445Z' fill='%23353535'/%3E%3C/svg%3E") no-repeat center center; background-size: contain;}
.accordian:not(.not) .acc-title::after {content: "";position: absolute;right: 14px;top: 18px; transform: rotate(0);transition: 0.4s; width: 15px; height: 10px;background: url("data:image/svg+xml,%3Csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 1.97559L7.5 9.47559L0 1.97559L1.38281 0.592773L7.5 6.70898L13.6162 0.592773L15 1.97559Z' fill='%23353535'/%3E%3C/svg%3E") no-repeat center;background-size: contain;display: inline-block;}
.accordian .acc-title.active::after {transform: rotate(180deg);}
.accordian .acc-title h4 {margin-bottom: 0;font-size: 18px; font-family: var(--font-semibold); font-weight: var(--font-weight-semibold);}
.accordian .acc-content {display: none; margin-bottom:20px;}
.accordian .acc-content p a {color: var(--backgrondColorRed); font-family: var(--font-bold); font-weight: var(--font-weight-bold);text-decoration: underline;}
.accordian .acc-content p a:hover {text-decoration: none;}
.accordian .acc-content p {margin-bottom: 16px;}
.accordian .acc-content ul, .accordian .acc-content li {font-size: 13px;}

@media only screen and (max-width:1023px) {
    .accordian .acc-title h4 {font-size: 16px;}
}

@media only screen and (max-width:600px) {
    .accordian:not(.not) .acc-title::before {width: 9px;height: 9px;}
    .accordian:not(.not) .acc-title::after {width: 13px;height: 7px;right: 11px;}
    .accordian {margin-bottom: 30px;}
    .accordian .acc-title h4 {font-size: 14px;line-height: 20px;}
    .accordian .acc-content p, .accordian .acc-content ul, .accordian .acc-content li {font-size: 12px !important;line-height: 1.6;}
}
