.faq-heading {font-size: 2.2222222222rem;margin-bottom: 0.2777777778rem;font-weight: 700;color: var(--black); } .card-faq {margin-bottom: 1.1111111111rem;height: auto;box-shadow: none;border: 1px solid rgba(var(--black), 0.125);display: flex;flex-direction: column;background-color: var(--light);border-radius: 1rem; } .card-faq .card-header {display: flex;flex-direction: row;padding: 0;border: 0;border-radius: 1rem; } .card-faq .card-header .card-title {display: flex;flex-direction: row;align-items: center;font-size: 1.5555555556rem;margin-bottom: 0;background: #f2f2f2;transition-duration: 0.25s;transition-property: background;cursor: pointer;min-height: 2.6111111111rem;width: 100%;padding: 0.8333333333rem 3.3333333333rem;position: relative;text-align: left;border-radius: 1rem;color: var(--black); } .card-faq .card-header .card-title .btn {display: flex;justify-content: center;align-items: center;flex-shrink: 0;flex-basis: 2.6111111111rem;background: transparent;line-height: 1;padding: 0.1111111111rem 0.1666666667rem;margin: -1px 0.6666666667rem -1px 0.6666666667rem;height: calc(100% + 2px);width: 2.6111111111rem;box-shadow: none;position: absolute;left: 0; } .card-faq .card-header .card-title .btn svg {width: auto;height: 2.1111111111rem;position: absolute;transform: rotate(90deg);transform-origin: center;transition-duration: 0.25s;transition-property: transform;color: var(--black); } .card-faq .card-header.collapsed .card-title {background: var(--light); } .card-faq .card-header.collapsed .card-title .btn svg {transform: none; } .card-faq .card-body {line-height: 1.6;padding: 0;display: none; } .card-faq .card-body.show {display: block; } .card-faq .card-text {padding: 1rem 1rem 1rem 3.3333333333rem;font-size: 1rem; } .card-faq .card-text > p:last-child {margin-bottom: 0 !important; } .card-faq .card-footer {display: flex;flex-direction: row;justify-content: flex-end;border-top: 0; } .card-faq .btn-toolbar {display: flex;flex-direction: row;justify-content: flex-end;padding: 0 1rem 1rem 1rem; }