/* blog page faq */
.blog-detail-page .faq-head.acc_head {
  color: #000000;
}

/* ************FAQ COMMON SECTION START********** */

section.faq-section {
  width: 100%;
}


.hm-service-item {
  width: 671px;
  padding-right: 60px;
}

section.faq-section .heading-40 {
  margin-bottom: 45px;
}

.smk_accordion {
  position: relative;
  margin: auto;
  list-style: none;
  margin-bottom: 0px;
  margin-bottom: 0px;
  z-index: 0;
  width: 100%;
  max-width: 1000px;
}

.faq-wrapper .smk_accordion {
  column-count: 1;
}


/* faq left section */
.fa-content-left {
  width: calc(100% - 860px);
}

.faq-content-left {
  text-align: center;
  max-width: 380px;
  height: 500px;
  background: #000;
  padding: 50px 60px;
}

.faq-content-left .heading-20 {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 5px;
  line-height: 28px;
  letter-spacing: 0.4px;
}

.faq-content-left p {
  color: #fff;
}

.faq-bottom-icon {
  margin-top: 30px;
}

.faq-content-left .button {
  margin: 0;
  min-width: 151px;
  height: 50px;

}

.faq-content-left .button:hover {
  border-color: #fff;
}

.faq-right-parent {
  margin-bottom: 40px;
}

.faq-right-block .faq_content .faq-right-parent {
  margin-bottom: 0;
}

/**
 * --------------------------------------------------------------
 * Section
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in,
.faq_accordion .accordion_in {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #fff;
  border-radius: 10px;
  background: rgb(67 62 73 / 10%);
  cursor: pointer;
}

.faq_accordion .accordion_in:not(:last-of-type) {
  margin-bottom: 20px;
}


/**
 * --------------------------------------------------------------
 * Head
 * --------------------------------------------------------------
 */
/*




/**
 * --------------------------------------------------------------
 * Content
 * --------------------------------------------------------------
 */
.accordion_in.acc_active {
  padding: 0;
  margin-bottom: 0;
  background: var(--green);
  margin-bottom: 20px;
  border: 1px solid rgb(112 112 112 / 10%);
}

.accordion_in.acc_active .faq-head.acc_head {
  color: #000000;
  padding: 15px 100px 15px 30px;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  background: rgb(67 62 73 / 10%);
  border-radius: 10px;
}

.smk_accordion .accordion_in .acc_content,
.faq_accordion .accordion_in .acc_content {
  padding: 0 0 10px 0;
  position: relative;
}

.faq_accordion .accordion_in .acc_content {
  display: none;
}

.smk_accordion .accordion_in .acc_content p,
.faq_accordion .accordion_in .acc_content p {
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0;
  font-weight: normal;
  color: #303030;
  margin-bottom: 0;
}

.smk_accordion .accordion_in .acc_content p:not(:last-child) {
  margin-bottom: 12px;
}

.smk_accordion .accordion_in .acc_content h1:first-of-type,
.smk_accordion .accordion_in .acc_content h2:first-of-type,
.smk_accordion .accordion_in .acc_content h3:first-of-type,
.smk_accordion .accordion_in .acc_content h4:first-of-type,
.smk_accordion .accordion_in .acc_content h5:first-of-type,
.smk_accordion .accordion_in .acc_content h6:first-of-type {
  margin-top: 5px;
}




/**
 * --------------------------------------------------------------
 * General
 * --------------------------------------------------------------
 */

.smk_accordion .accordion_in.acc_active>.acc_content {
  display: block;
  padding: 16px 30px;
}

.smk_accordion .accordion_in.acc_active>.acc_content ul li::before {
  background-size: cover;
}

.faq-head.acc_head::before {
  content: "";
  width: 18px;
  height: 10px;
  position: absolute;
  right: 30px;
  top: 23px;
  margin: auto;
  background: url(../images/arrow-down.svg) no-repeat;
}

.accordion_in.acc_active .faq-head.acc_head::before {
  rotate: 270deg;
}

/* .acc_icon_expand {
  top: 20px;
  position: absolute;
  right: 0;
} */


/* .smk_accordion .accordion_in.acc_active .acc_head .acc_icon_expand::after {
  top: 25px;
 
}

.acc_icon_expand::before {
  content: "";
  width: 16px;
  height: 2px;
  position: absolute;
  right: 30px;
  top: 12px;
  transform: rotate(90deg);
  transition: all 0.25s cubic-bezier(0.17, 0.67, 0.09, 0.97) 0.1s;
  background: #000000;
}

.smk_accordion .accordion_in .acc_head .acc_icon_expand::after {
  content: "";
  width: 16px;
  height: 2px;
  position: absolute;
  right: 30px;
  top: 12px;
  transition: all 0.25s cubic-bezier(0.17, 0.67, 0.09, 0.97) 0.1s;
  background: #000000;
}

.accordion_in.acc_active .acc_icon_expand::after {
  background-color: var(--theme-color);
} */

.faq-head.acc_head {
  color: #000000;
  padding: 15px 100px 15px 30px;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}

@media (max-width: 1439.98px) {
  .hm-service-item {
    width: 500px;
  }

  .faq_content {
    width: 100%;
  }

  .accordion_in.acc_active .faq-head.acc_head::before {
    top: 21px;
    bottom: unset;
    margin: unset;
  }

  .faq-head.acc_head {
    padding: 15px 100px 15px 30px;
    line-height: 23px;
  }

  .faq_accordion .accordion_in:not(:last-of-type) {
    margin-bottom: 15px;
  }

}

@media (max-width: 1199.98px) {
  .hm-service-item {
    width: 400px;
  }

  .faq_content {
    padding-right: 0px;
  }


  .smk_accordion .accordion_in .acc_content,
  .faq_accordion .accordion_in .acc_content {
    padding: 0;
  }


  .accordion_in.acc_active {
    padding: 0;
  }

  /* .accordion_in .acc_content p {
    padding: 15px 20px 20px 20px !important;
  } */

  .smk_accordion .accordion_in.acc_active>.acc_content {
    display: block;
    padding: 16px 20px;
  }

  .accordion_in.acc_active .faq-head.acc_head::before {
    top: 21px;
  }

  .faq-right-parent {
    margin-bottom: 0;
  }

  .faq_content {
    padding-bottom: 0px;
  }
}

@media (max-width: 991.98px) {

  .hm-service-item {
    width: 100%;
  }

  .faq_content {
    width: 100%;
  }

  .faq-content-left {
    margin-bottom: 100px;
  }

  .faq-page section.faq-section {
    padding: 0 0;
    margin-bottom: 0;
  }

  .smk_accordion {
    column-count: 1;
  }

  .faq-wrapper .smk_accordion {
    padding-bottom: 0;
  }

  .accordion_in.acc_active .faq-head.acc_head::before {
    top: 21px;
  }

  .accordion_in.acc_active .faq-head.acc_head {
    font-size: 16px;
  }

  .smk_accordion .accordion_in .acc_content p,
  .faq_accordion .accordion_in .acc_content p {
    line-height: 25px;
  }

  .faq-head.acc_head {
    padding: 15px 65px 15px 30px;
    font-size: 16px;
  }

  section.faq-section .heading-40 {
    margin-bottom: 30px;
  }

}


@media (max-width: 767.98px) {

  .faq-head.acc_head::before {
    right: 18px;
    top: 26px;
  }


  .smk_accordion .accordion_in .acc_content,
  .faq_accordion .accordion_in .acc_content {
    padding: 0 0 0 10px;
  }

  /* faq page */
  section.faq-section .heading-46 {
    margin-bottom: 20px;
  }

  .faq-page .smk_accordion .accordion_in .acc_content {
    padding: 0 0 0 10px;
  }

  .faq-page .faq-maintenance {
    padding: 32px 0 20px 10px;
  }

  .accordion_in.acc_active .faq-head.acc_head::before {
    right: 18px;
    top: 25px;
    bottom: unset;
    margin: unset;
  }

  .faq-head.acc_head {
    padding: 15px 52px 15px 20px;
  }

  .accordion_in.acc_active .faq-head.acc_head {
    padding: 15px 52px 15px 20px;
  }





}

@media (max-width: 576.98px) {
  .faq-section .heading-36 {
    text-align: center;
  }

  /* faq page */
  .faq-page .faq-maintenance {
    padding: 32px 0 10px 10px;
  }

  .faq-page .faq-content-left {
    padding: 50px 20px;
  }

  .faq-bottom-icon {
    margin-top: 75px;
  }

  section.faq-section .heading-40 {
    margin-bottom: 20px;
  }


}

@media (max-width: 400px) {
  .faq-page .faq-content-left {
    margin-bottom: 150px;
  }
}