/* Template Name: Pholidev - Bootstrap Business Agency Template
Template URI: https://www.designtocodes.com/product/pholidev-bootstrap-business-agency-template/
Description: Pholidev is a simple, clean, and responsive Bootstrap business agency template for creative people who want to develop an awesome website without having to depend on graphic designers
Author: designtocodes
Author URI: https://www.designtocodes.com
Text Domain: Pholidev */
/**********FAQ Page Section**********
/*
/======================================================*/
/* faq page css start */
.d2c_faq_hero {
  padding: 200px 0px;
  background-image: url(../images/faq_hero_bg.png);
  background-repeat: no-repeat;
  background-position: top right;
  margin-top: 66px;
}

.d2c_faq_hero .d2c_hero_left h1 {
  font-family: var(--font-primary);
  font-size: 50px;
  line-height: 60px;
  text-transform: capitalize;
  color: var(--primary-color);
  margin-bottom: 40px;
}
.d2c_faq_hero .d2c_hero_left p {
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.05em;
  color: var(--primary-color);
}
.d2c_faq_hero .d2c_hero_right img {
  width: 100%;
}

.d2c_faq_main {
  padding-bottom: 100px;
}
.d2c_faq_main .d2c_faq_title {
  font-family: Poppins;
  font-size: 50px;
  line-height: 75px;
  text-transform: capitalize;
  color: var(--primary-color);
  margin-bottom: 50px;
}
.d2c_faq_main .d2c_faq_content .ziehharmonika h3 {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  color: var(--primary-color);
  background: transparent;
  box-shadow: 0px 4px 30px rgb(0 0 0 / 7%);
  padding-left: 40px;
  border-left: 7px solid var(--primary-color);
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  height: 80px;
}
.d2c_faq_main .d2c_faq_content .ziehharmonika h3.active {
  background: var(--primary-color);
  color: var(--white-color);
}
.d2c_faq_main .d2c_faq_content .ziehharmonika .active .arrowDown {
  border-color: var(--primary-color) transparent transparent transparent;
}
.d2c_faq_main .d2c_faq_content .ziehharmonika .d2c_answer_wrapper {
  padding: 0px;
  border: 2px solid var(--primary-color);
}
.d2c_faq_main .d2c_faq_content .ziehharmonika .d2c_answer {
  padding: 15px 15px 0px 15px;
  font-family: var(--font-secondary);
  font-size: 15px;
  line-height: 23px;
  text-align: justify;
  letter-spacing: 0.01em;
  color: var(--black-color);
}
.d2c_faq_main .d2c_faq_content .ziehharmonika .collapseIcon {
  left: 0px;
  margin-left: 15px;
  top: 50%;
  font-weight: bold;
}

/* faq page css end */