.kg-toggle-card, .kg-toggle-card * { box-sizing: border-box; } .kg-toggle-card { padding: 15px 0px; box-shadow: none; border-bottom: 1px solid var(--text-color); } .kg-toggle-card[data-kg-toggle-state="close"] .kg-toggle-content{ height: 0; overflow: hidden; position: relative; transition: none; } .kg-toggle-content { height: auto; top: 0; position: relative; max-width: 92%; transition: none; } .kg-toggle-card[data-kg-toggle-state="close"] svg { transition: none; transform: rotateZ(0deg); } .kg-toggle-card .kg-toggle-content p, .kg-toggle-card .kg-toggle-content ol, .kg-toggle-card .kg-toggle-content ul { margin-top: 15px; line-height: 160%; font-size: 16px; margin-bottom: 8px; } .kg-toggle-heading { cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .kg-toggle-card h4.kg-toggle-heading-text { line-height: 130%; font-family: var(--font2); font-weight: 400; font-size: 24px; } .kg-toggle-card-icon { display: flex; justify-content: center; align-items: center; background: none; margin-left: 5vw; border-radius: 0px; padding: 0px; } .kg-toggle-heading svg { width: 16px; min-width: 16px; transform: rotateZ(180deg); transition: none; } .kg-toggle-heading path { fill: var(--text-color); } .faq-hero .text-card { padding-bottom: 57px; } .toggle-card-section { display: flex; align-items: center; justify-content: center; } .toggle-card-section .kg-toggle-card:first-of-type { border-top: 1px solid var(--text-color); } /* Styles for large desktop */ @media (min-width: 1439px) { .kg-toggle-card { padding: calc(1.04vw * var(--scale)) 0px; } .kg-toggle-card .kg-toggle-content p, .kg-toggle-card .kg-toggle-content ol, .kg-toggle-card .kg-toggle-content ul { margin-top: calc(1.04vw * var(--scale)); font-size: calc(1.11vw * var(--scale)); margin-bottom: calc(0.56vw * var(--scale)); } .kg-toggle-card h4.kg-toggle-heading-text { font-size: calc(1.67vw * var(--scale)); } .kg-toggle-heading svg { width: calc(1.11vw * var(--scale)); min-width: calc(1.11vw * var(--scale)); } .faq-hero .text-card { padding-bottom: calc(3.96vw * var(--scale)); } } /* Styles for tablet */ @media (max-width: 991px) { .kg-toggle-content { max-width: 100%; } } /* Styles for mobile */ @media (max-width: 479px) { .kg-toggle-card { padding: 18px 0px; } .kg-toggle-card .kg-toggle-content p, .kg-toggle-card .kg-toggle-content ol, .kg-toggle-card .kg-toggle-content ul { margin-top: 18px; font-size: 14px; margin-bottom: 9px; } .kg-toggle-card h4.kg-toggle-heading-text { font-size: 20px; } .kg-toggle-card-icon { margin-left: 28px; } .kg-toggle-heading svg { width: 14px; min-width: 14px; } }