/* =========================================== FAQ page css start ===========================================*/
/* Template Name: M&T - Bootstrap Law Firm Template
Template URI: https://www.designtocodes.com/product/mt-bootstrap-law-firm-template/
Description: M&T is a responsive bootstrap template specifically designed for Law firms, Advocates, or agencies.
Author: designtocodes
Author URI: https://www.designtocodes.com
Text Domain: M&T Law Firm */
.d2c_FAQ_main {
  padding: 100px 0px 100px 0px;
  background-image: url("../images/faq_image.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.d2c_FAQ_main .btn {
  width: 100%;
  text-align: left;
  position: relative;
  font-family: var(--primary-font);
  font-weight: 500;
  font-size: 26px;
  text-transform: capitalize;
  color: var(--other_color_two);
  padding-right: 55px;
  padding-left: 0px;
}
.d2c_FAQ_main .btn::after {
  content: "\27A4";
  color: var(--secondary-color);
  text-align: right;
  position: absolute;
  right: 20px;
  font-size: 18px;
  top: 13px;
  transform: rotate(90deg);
  transition: 0.4s all ease;
}
.d2c_FAQ_main .btn:not(.collapsed)::after {
  content: "\27A4";
  transform: rotate(-90deg);
  transition: 0.4s all ease;
}
.d2c_FAQ_main .btn:focus {
  box-shadow: none;
}
.d2c_FAQ_main .d2c_faq_content .card {
  margin-bottom: 20px;
  border: 0.5px solid var(--primary-color);
}
.d2c_FAQ_main .d2c_faq_content .card .card-header {
  border-bottom: 0px;
  background: var(--default-one);
}
.d2c_FAQ_main .d2c_faq_content .card .card-body {
  font-family: var(--primary-font);
  color: var(--text-color);
  padding-top: 0px;
}
.d2c_FAQ_main .d2c_faq_content .card .card-body hr {
  margin-top: 0px;
  opacity: 0.4;
}

/*Get In Touch*/

.d2c_get_in_touch {
  padding: 100px 0px;
  background-image: url("../images/get_in_touch.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.d2c_get_in_touch .d2c_git_title {
  font-family: var(--primary-font);
  font-weight: 600;
  font-size: 36px;
  text-transform: uppercase;
  color: var(--paragraph_color);
  margin-bottom: 100px;
}

.d2c_get_in_touch form .form-control {
  border: none;
  background: var(--default_one);
  box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.06);
  font-family: var(--secondary_font);
  font-size: 15px;
  color: var(--paragraph_color);
  height: auto;
  padding: 10px;
}
/* =========================================== FAQ page css end ===========================================*/