/* Tab Section */ .faq .faq-layouting .fq-tab-section { padding: 35px 50px; background: transparent; border-radius: 6px; } .faq .faq-layouting .fq-tab-section h2 { font-size: 25px; font-weight: 700; margin-bottom: 45px; letter-spacing: 0px; text-align: center; color: #bfc9d4; } .faq .faq-layouting .fq-tab-section h2 span { color: #009688; } .faq .faq-layouting .fq-tab-section .accordion { } .faq .faq-layouting .fq-tab-section .accordion .card { border: 2px solid #1b2e4b; border-radius: 6px; margin-bottom: 4px; background: #1b2e4b; } .faq .faq-layouting .fq-tab-section .accordion .card .card-header { padding: 0; border: none; background: none; } .faq .faq-layouting .fq-tab-section .accordion .card .card-header > div { padding: 19px 30px; font-weight: 600; font-size: 16px; color: #009688; cursor: pointer; } .faq .faq-layouting .fq-tab-section .accordion .card .card-header > div[aria-expanded="true"] { border-bottom: 2px solid #1b2e4b; } .faq .faq-layouting .fq-tab-section .accordion .card .card-header div .faq-q-title { overflow: hidden; font-size: 14px; color: #888ea8; font-weight: 600; letter-spacing: 1px; } .faq .faq-layouting .fq-tab-section .accordion .card .card-header div[aria-expanded="true"] .faq-q-title { color: #009688; } .faq .faq-layouting .fq-tab-section .accordion .card .card-header div .icons { display: inline-block; float: right; } .faq .faq-layouting .fq-tab-section .accordion .card .card-header div .icons svg { color: #888ea8; } .faq .faq-layouting .fq-tab-section .accordion .card .card-header div[aria-expanded="true"] .icons svg { color: #009688; } .faq .faq-layouting .fq-tab-section .accordion .card .card-header div svg.feather-thumbs-up { cursor: pointer; vertical-align: bottom; margin-right: 10px; width: 18px; color: #888ea8; fill: rgba(0, 23, 55, 0.08); } .faq .faq-layouting .fq-tab-section .accordion .card:hover .card-header div svg.feather-thumbs-up, .faq .faq-layouting .fq-tab-section .accordion .card .card-header div[aria-expanded="true"] svg.feather-thumbs-up { color: #009688; fill: rgba(27, 85, 226, 0.23921568627450981); } .faq .faq-layouting .fq-tab-section .accordion .card .card-header div span.faq-like-count { font-size: 13px; font-weight: 700; color: #888ea8; fill: rgba(0, 23, 55, 0.08); } .faq .faq-layouting .fq-tab-section .accordion .card:hover .card-header div span.faq-like-count, .faq .faq-layouting .fq-tab-section .accordion .card .card-header div[aria-expanded="true"] span.faq-like-count { color: #009688; fill: rgba(27, 85, 226, 0.23921568627450981); } .faq .faq-layouting .fq-tab-section .accordion .card .card-body {padding: 19px 30px;} .faq .faq-layouting .fq-tab-section .accordion .card .card-body p { font-size: 13px; line-height: 23px; letter-spacing: 1px; color: #bfc9d4; } /* Media Query */ @media (max-width: 575px) { .faq .faq-layouting .fq-tab-section { padding: 35px 25px; } .faq .faq-layouting .fq-tab-section .accordion .card .card-header div svg.feather-code { display: none; } }