@charset "utf-8";

.visitor-bg{
  max-width:1200px;
  margin:0 auto;
}

.visitor-bg h3{
  font-size:clamp(1.25rem, 0.977rem + 0.91vw, 2rem);
  margin:90px 0 1.5rem;
}

.accordion {
  padding: 1.25rem 90px;
  background: #fff;
  margin-bottom: 1rem;
  font-size: clamp(0.875rem, 0.739rem + 0.45vw, 1.25rem);
  margin-bottom:20px;
  transition-duration: 375ms;
  transition-timing-function:  ease-in-out;
}

.accordion:hover {
  transform: translateX(-15px);
}

.accordion-header {
  padding: 0rem 2rem 0 0;
  transition: background .3s ease;
  cursor: pointer;
  position: relative;
  font-size:clamp(0.938rem, 0.824rem + 0.38vw, 1.25rem);
}

.accordion-header p{
  position:relative;
}

.accordion-header p::before{
  content:"Q";
  position:absolute;
  font-family: "Jost", sans-serif;
  color:#8D785A;
  font-size:clamp(1rem, 0.909rem + 0.3vw, 1.25rem);
  top:0;
  left:-2.5rem;
}

.accordion-header::before, .accordion-header::after {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: -2rem;
  width: 15px;
  height: 1px;
  margin: auto;
  background: #0E0E0E;
  z-index: 2;
}

.accordion-header::after {
  transform:  translateY(-50%) rotate(-90deg);
  transition: transform 0.3s;
}

.accordion-header.active::after{
  opacity:0;
}


.accordion-content {
  display: none;
  padding: 2.5rem 2rem 0 0;
  font-size:clamp(0.938rem, 0.869rem + 0.23vw, 1.125rem);
}

.accordion-content p{
  position:relative;
}

.accordion-content p::before{
  content:"A";
  position:absolute;
  font-family: "Jost", sans-serif;
  color:#0E0E0E;
  font-size:clamp(1rem, 0.909rem + 0.3vw, 1.25rem);
  top:0;
  left:-2.5rem;
}



@media (max-width: 1279px) {

}

@media (max-width: 1024px) {
  .accordion-content{
    padding: 1.5rem 2rem 0 0;
  }
  .accordion {
    padding: 1.25rem 48px;
  }
  .accordion-header p::before,
  .accordion-content p::before{
    left: -2rem;
  }
.accordion:hover {
  transform: none;
}
}

@media (max-width: 767px) {
  .container.visitor{
    width:100%;
  }
  .visitor-bg{
    width:90%;
    margin-top:70px;
  }
  .visitor-bg h3{
    margin: 50px 0 1rem;
  }
  .accordion-header{
    font-size:15px;
    padding:0;
  }
  .accordion-content {
    padding: 1.5rem 0rem 0 0;
  }
  .accordion p{
    line-height:1.5;
  }
}