/* =========================================================================
   START FAQ
   ========================================================================= */

/* FAQ - Desktop / Base */
.faq { background-color:var(--color-bg-gray-light);}   
.faq__grid { display: grid; grid-template-columns: 0.9fr 1.2fr; gap: 60px; align-items: start; }
.faq__media { border-radius: var(--radius-md); overflow: hidden; position: sticky; top: 120px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15); }
.faq__media img { width: 100%; height: auto;}
.faq__intro { color: var(--color-text); margin-bottom: 22px; }
.faq-item { border-bottom: 1px solid rgba(46, 47, 74, 0.12);}
.faq-item__question { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; text-align: left; padding: 20px 0; font-weight: 600; font-size: 17px; color: var(--color-charcoal); position:relative;line-height: 1.4;padding-right: 35px; background: transparent; border: none; cursor: pointer;font-family: var(--font-body); }
.faq-item__question:hover { color: var(--color-navy); }
.is-open .faq-item__question { color: var(--color-red); }
.faq-item__question:before { width: 26px; height: 26px;transition: var(--transition-transform); position:absolute; right:0; top:50%;transform: translateY(-50%); content:"";background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.41667 13H20.5833' stroke='%2300B551' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M13 5.41699V20.5837' stroke='%2300B551' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;background-position: center center;background-size: cover; }
.faq-item.is-open .faq-item__question:before { background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3_12475)'%3E%3Cpath d='M5.41667 13H20.5833' stroke='%23B22234' stroke-width='2.6' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3_12475'%3E%3Crect width='26' height='26' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
.faq-item__answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; }
.faq-item__answer-inner { padding-bottom: 20px; color: var(--color-text); }
.faq-item__answer-inner iframe {width: 100%;height: 280px; max-width:500px; border-radius: 16px;}
.faq-item__answer-inner ul { margin: 0 0 18px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; }
.faq-item__answer-inner ul li { position: relative; padding-left: 22px; }
.faq-item__answer-inner ul li::before { content: ""; position: absolute; left: 0; top: 9px; width: 10px; height: 10px; border-radius: 50%; background: var(--color-green);box-shadow: 0px 0px 0px 3px var(--color-green-tint);}
.faq-item__answer-inner .u-button {font-weight: 700; text-decoration:none;}

/* FAQ - Full Width Modifier */
.faq--full-width .faq__grid { grid-template-columns: 1fr; }

/* FAQ - Responsive */
@media (max-width: 1023px) {
.faq__media { position:static; }
.faq__media img { width: 100%; height: 400px; object-fit: cover; object-position: center; }
.faq__grid { grid-template-columns: 1fr; gap: 30px; }
}

@media (max-width: 767px) {
.faq__media img { height: 200px; }
.faq .section__eyebrow { max-width:240px; margin-left:auto; margin-right:auto; width:100%; display: flex; }
.faq .section__title { text-align:center; font-size:30.4px; }
.faq-item__answer-inner iframe {height: 195px;max-width: 350px;}
}
/* =========================================================================
   END FAQ
   ========================================================================= */