.mgh-home-faq{
  direction: rtl;
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}

.mgh-faq-dl,
.mgh-faq-dt,
.mgh-faq-dd{
  margin: 0;
  padding: 0;
}

.mgh-faq-item{
  position: relative;
  background: #F6F6F6;
  border: 1px solid #e6e6e6;
  border-radius: 14px;
  padding: 14px 16px;
  box-shadow: none;
}

.mgh-faq-item::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    inset 0 -1px 0 rgba(0,0,0,.06),
    inset 0 8px 14px -12px rgba(255,255,255,.9),
    inset 0 -10px 16px -14px rgba(0,0,0,.14);
}

.mgh-faq-q{
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  cursor: pointer;
  text-align: right;
  color: inherit;
  white-space: normal;
}

.mgh-faq-q-text{
  display: block;
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.8rem;
  color: var(--mgh-color-6, #333132);
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.mgh-faq-q:focus-visible{
  outline: 2px solid rgba(146, 83, 118, 0.45);
  outline-offset: 4px;
  border-radius: 10px;
}

.mgh-faq-q::after{
  content: "";
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 28px;
  transform-origin: 50% 50%;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20fill%3D%22%23C0B0BD%22%20fill-opacity%3D%220.27%22/%3E%3Cpath%20d%3D%22M9.41659%2012.1667L13.9999%2016.75L18.5833%2012.1667%22%20stroke%3D%22%23925376%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}

.mgh-is-open .mgh-faq-q::after{
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20fill%3D%22%23C0B0BD%22%20fill-opacity%3D%220.27%22/%3E%3Cpath%20d%3D%22M9.41659%2015.8333L13.9999%2011.25L18.5833%2015.8333%22%20stroke%3D%22%23925376%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}

button.mgh-faq-q:hover ,button.mgh-faq-q:focus {
    background: #F6F6F6;
    color: var(--mgh-color-6, #333132);
}

.mgh-faq-a{
  margin-top: 0px;
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition-property: height, opacity;
  transition-timing-function: cubic-bezier(.2,.8,.2,1);
}

.mgh-faq-item.mgh-is-open .mgh-faq-a{
  opacity: 1;
}

.mgh-faq-a-inner{
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.8rem;
  color: #372A2A;
  white-space: pre-line;
  padding-left: 0.3rem;
  padding-top: 10px;
  text-align: justify;
}

@keyframes mgh-faq-rotate{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}

.mgh-faq-item.mgh-rot-1 .mgh-faq-q::after{
  animation: mgh-faq-rotate 0.5s ease;
}

.mgh-faq-item.mgh-rot-2 .mgh-faq-q::after{
  animation: mgh-faq-rotate 1s ease;
}

@media (max-width: 782px){
  .mgh-faq-item{
    padding: 12px 14px;
  }
  .mgh-faq-q-text{
    font-size: 15px;
  }
}

@media (prefers-reduced-motion: reduce){
  .mgh-faq-a{
    transition: none !important;
  }
  .mgh-faq-item.mgh-rot-1 .mgh-faq-q::after,
  .mgh-faq-item.mgh-rot-2 .mgh-faq-q::after{
    animation: none !important;
  }
}