.faq-box {
  position: relative;
  cursor: pointer;
 }
  .faq-box .faq-w {
    text-align: left;
    height: 80px;
    background-color: #f0f0f0;
    position: relative; }
    .faq-box .faq-w h3 {
      font-size: 24px;
      color: #333333;
      line-height: 80px;
      font-weight: 400;
      padding-left: 3.5%; }
      .faq-box .faq-w h3 .no {
        position: absolute;
        right: 33px;
        top: 50%;
        transform: translateY(-50%);
        width: 25px;
        height: 24px; }
  .faq-box .faq-a {
    display: none;
    text-align: left;
    width: 90%;
    height: auto;
    padding-left: 3.5%; }
    .faq-box .faq-a h4 {
      font-size: 24px;
      color: #292929;
      line-height: 1.5;
      margin-top: 2%; }
    .faq-box .faq-a p {
      font-size: 16px;
      color: #333333;
      line-height: 1.5;
      width: 100%; }

.faq-w:hover {
  background-color: #e6332b; }
  .faq-w:hover h3 {
    color: #fff; }

.active1 {
  background-color: #e6332b !important; }

.active1 h3 {
  color: #fff !important; }

@media (min-width: 768px) and (max-width: 1023px) {
  .faq-box .faq-w h3 {
    font-size: 22px; }
  .faq-box .faq-a h4 {
    font-size: 20px; } }
@media (min-width: 0px) and (max-width: 767px) {
  .faq-box .faq-w {
    height: 50px; }
    .faq-box .faq-w h3 {
      font-size: 16px;
      line-height: 20px;
      padding-top: 2%;
      padding-left: 1%;
      padding-right: 15%; }
      .faq-box .faq-w h3 .no {
        right: 12px; }
  .faq-box .faq-a h4 {
    font-size: 15px; }
  .faq-box .faq-a p {
    font-size: 14px; } }

/*# sourceMappingURL=faq.css.map */