/* Shared FAQ design based on the home-page FAQ section */
.shared-faq{
  display:block!important;
  width:min(1100px,calc(100% - 48px))!important;
  max-width:1100px!important;
  margin:90px auto!important;
  padding:65px!important;
  border:1px solid #e1e5de;
  border-radius:28px;
  background:#f7f9f5;
  box-shadow:0 18px 42px rgba(34,65,41,.08);
}
.shared-faq>div:first-child{
  width:100%;
  max-width:none;
  margin:0;
  text-align:center;
}
.shared-faq>div:first-child>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.shared-faq>div:first-child h2{
  margin:24px 0 45px!important;
  font-size:clamp(44px,4vw,58px)!important;
  line-height:1.05!important;
  letter-spacing:-.05em!important;
  text-align:center;
}
.shared-faq .accordion{
  position:relative;
  z-index:1;
  width:100%!important;
  max-width:900px!important;
  margin:0 auto!important;
  text-align:left;
}
.shared-faq .accordion details{
  margin:0 0 10px!important;
  padding:0 18px!important;
  border:1px solid #dce0da!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.shared-faq .accordion details:hover{
  transform:translateY(-2px);
  border-color:#d3c000!important;
}
.shared-faq .accordion details[open]{
  border-color:#edd601!important;
  box-shadow:0 9px 20px rgba(45,68,52,.08);
}
.shared-faq .accordion summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:58px!important;
  padding:14px 0!important;
  color:#080808!important;
  font:700 16px/1.35 "Manrope",sans-serif!important;
  list-style:none;
  cursor:pointer;
}
.shared-faq .accordion summary::-webkit-details-marker{display:none}
.shared-faq .accordion summary span{
  display:grid!important;
  place-items:center!important;
  flex:0 0 27px!important;
  width:27px!important;
  height:27px!important;
  margin-left:16px;
  border-radius:50%!important;
  background:#edd601!important;
  color:#030303!important;
  font-size:19px!important;
  font-weight:500!important;
  line-height:1!important;
  transition:transform .22s ease,background-color .22s ease,color .22s ease;
}
.shared-faq .accordion details[open] summary span{
  transform:rotate(45deg);
  background:#030303!important;
  color:#fff!important;
}
.shared-faq .accordion details p{
  max-width:none!important;
  margin:0!important;
  padding:0 40px 18px 0!important;
  color:#000!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.65!important;
}
@media(max-width:650px){
  .shared-faq{
    width:calc(100% - 24px)!important;
    margin:60px auto!important;
    padding:42px 18px!important;
  }
  .shared-faq>div:first-child h2{
    margin-bottom:32px!important;
    font-size:38px!important;
  }
  .shared-faq .accordion summary{font-size:14px!important}
  .shared-faq .accordion details p{padding-right:5px!important}
}
@media(prefers-reduced-motion:reduce){
  .shared-faq .accordion details,
  .shared-faq .accordion summary span{transition:none}
}
