.faq_wrapper_id{
    width:1170px;
    margin: 20px auto;
  }
  .faq_wrapper_id_modal, #modal_faq{
  width:1170px;
    display: inline-block;
   vertical-align: top;
}
details{
  display:block;
  background: #fff;
  width:100%;
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  overflow:hidden;
  margin-bottom: 0.5rem;
      border: 0.5px solid var(--border-color);
    border-radius: 10px;
}
details p {
  font-family: "Roboto-Regular", sans-serif;
  line-height: 24px;
  white-space: pre-line;
}

details b{
  font-weight: normal;
  font-family: "Roboto-Bold", sans-serif;
}
details a{
  color: #333;
}
details a:hover{
  color: #31c29f;
}
details strong{
  font-size: 16px;
  font-weight: normal;
  display: inline-block;
  font-family: "Roboto-Bold", sans-serif;
}

summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;} 
summary {
   display:block;
   font-size:1em;
   cursor: pointer;
   position: relative;
   padding: 20px;
   padding-left: 25px;
   /*padding: .3em .3em .3em 1.4em;*/
   border-bottom: 1px solid #e2e8f0;
   font-weight: bold;
}
summary:before {  
  top: 1.4em;
  left: .3em;
  color: transparent;
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
  width: 1em;
  height: 1em;  
  content: "";
  position: absolute;
  transition: transform .5s;
}
details[open] > summary:before {
  transform: rotateZ(90deg);

}
summary ~ * {
   padding: 20px 2em 20px 2em;
}
details[open] summary ~ *{ 
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}
summary:focus {
  outline:0;
}
@media  screen and (max-width: 1200px) {
   .faq_wrapper_id{
  width: 970px;
}

.faq_wrapper_id_modal, #modal_faq{
  width:970px;
}

}
@media  screen and (max-width: 1000px) {
  .faq_wrapper_id{
  width: 880px;
}
.faq_wrapper_id_modal, #modal_faq{
  width:880px;
}

}
@media  screen and (max-width: 900px) {
  .faq_wrapper_id{
  width: 770px;
}
.faq_wrapper_id_modal, #modal_faq{
  width:770px;
}
}
@media  screen and (max-width: 800px) {
  .faq_wrapper_id{
  width: 700px;
}
.faq_wrapper_id_modal, #modal_faq{
  width:700px;
}
}
@media  screen and (max-width: 700px) {
  .faq_wrapper_id{
  width: 600px;
}
.faq_wrapper_id_modal, #modal_faq{
  width:600px;
}
}

@media  screen and (max-width: 600px) {
  .faq_wrapper_id{
  width: 500px;
}

}

@media  screen and (max-width: 500px) {
  .faq_wrapper_id{
  width: 370px;
}
}