/* accordion component — SCOPED rules only.
   Global reset / body / .desktop-only / .container live in ../_preview.css
   (standalone preview ONLY). In a project, base.css owns the global frame —
   do NOT reintroduce them here. */

/* FAQ Section Styles */
.faq {
    margin-top: 60px;
}
.faq-left-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}
.faq-title {
font-weight: 500;
font-size: 24px;
line-height: 1.1;
letter-spacing: -1px;
vertical-align: middle;
color: #2C2C2C;
text-align: center;
}
.faq-right-block {
    margin-top: 20px;
}

.faq-item { 
    /* border-bottom: 1px solid #E6E6E6; */
    background: #FFFFFF;

border-radius: 40px;
border-top-width: 1px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 15px;

 }
.faq-item:not(:first-child) { margin-top: 10px; }
.faq-question {
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;

font-weight: 400;
font-size: 18px;
line-height: 1.1;
color: #2C2C2C;

}
.faq-question img {
    width: 32px;
    height: 32px;
}
.faq-icon { width: 16px; height: 16px; flex-shrink: 0; }
.faq-answer {
  height: 0;
  overflow: hidden;
  transition: height .3s ease;
}
.faq-answer p {
  margin: 0;
  padding: 0 0 12px 0;
  font-size: 16px;
  color: #474747;
}
.faq-left-block picture {
    width: 335px;
    height: auto;
}
.faq-left-block img {
    width: 100%;
    height: 100%;
}
.faq-questionv2, .faq-answer span {
    font-weight: 700;
}
@media (min-width: 1440px) { 
.faq {
    margin-top: 160px;
    display: flex;
    gap: 38px;
}
.faq-right-block {
    margin-top: 0px;
}
.faq-left-block {
    align-items: flex-start;
    gap: 30px;
}


.faq-title {
    font-size: 45px;
}

.faq-left-block picture {
    width: 450px;
}
}
@media (min-width: 1920px) { 
.faq-title {
    font-size: 58px;
}
.faq-left-block {
    width: 812px;
    min-width: 812px;
    gap: 90px;
}
.faq-question {
    font-size: 24px;
}
.faq-question img {
    width: 50px;
    height: 50px;
}
.faq-answer p {
    font-size: 20px;
}
.faq-item {
    padding-left: 30px;
}
.faq-left-block picture {
    width: 812px;
}
}