.topic {position: relative;aspect-ratio: 583/272;display: flex;padding: 1.875rem;background: var(--light);border-radius: 1rem;margin-bottom: 1.875rem;justify-content: flex-end;flex-direction: column;margin-top: 2.5rem; } .topic .img-fluid {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 1rem; } .topic .heading {display: flex;z-index: 2;align-items: center;gap: 1.25rem; } .topic .heading .faq-heading {font-size: 1.5rem;font-weight: 700;color: var(--white);margin-bottom: 0; } .topic .heading .img-icon {width: 2.5rem; } .card-faq {margin-bottom: 1.25rem;height: auto;box-shadow: none;border: 1px solid rgba(var(--black), 0.125);display: flex;flex-direction: column;border-radius: 1.125rem; } .card-faq .card-header {display: flex;flex-direction: row;padding: 0;border: 0;border-radius: 1.125rem; } .card-faq .card-header .card-title {display: flex;flex-direction: row;align-items: center;font-size: 1.125rem;margin-bottom: 0;background: #FFFBEB;transition-duration: 0.25s;transition-property: background;cursor: pointer;min-height: 2.9375rem;width: 100%;padding: 0.9375rem 1.875rem;position: relative;text-align: left;border-top: 1px solid #FBBF24;border-left: 1px solid #FBBF24;border-right: 1px solid #FBBF24;border-top-left-radius: 1.125rem;border-top-right-radius: 1.125rem;color: var(--black); } .card-faq .card-header .card-title .btn {display: flex;justify-content: center;align-items: center;flex-shrink: 0;flex-basis: 2.9375rem;background: transparent;line-height: 1;padding: 0.125rem 0.1875rem;margin: -1px 0.75rem -1px 0.75rem;height: calc(100% + 2px);width: 2.9375rem;box-shadow: none;position: absolute;right: 0; } .card-faq .card-header .card-title .btn svg {width: auto;height: 2.375rem;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(--white);border: 1px solid #E5E7EB;border-bottom-left-radius: 1.125rem;border-bottom-right-radius: 1.125rem; } .card-faq .card-header.collapsed .card-title .btn svg {transform: none; } .card-faq .card-body {line-height: 1.6;padding: 0;display: none;background: #FFFBEB;border-bottom: 1px solid #FBBF24;border-left: 1px solid #FBBF24;border-right: 1px solid #FBBF24;border-bottom-left-radius: 1.125rem;border-bottom-right-radius: 1.125rem; } .card-faq .card-body.show {display: block; } .card-faq .card-text {padding: 1.125rem 1.125rem 1.125rem 1.875rem;font-size: 1.125rem; } .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 1.125rem 1.125rem 1.125rem; } .no-answer {background: var(--black);color: #9CA3AF;padding: 4.375rem 0;text-align: center; } .no-answer h3 {color: var(--white); }