/* ===== 5. Feature Area CSS ===== */
.dt_ser_area {
	padding: 65px 0;
}

.dt_ser_area .row div:nth-child(1) {
  margin: 0 auto 20px 0;
  width: 100%;
}

.medi_singleFeature {
	position: relative;
	box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.03);
	transition: 0.5s;
	background: #fff;
	margin-bottom: 20px;
}

.medi_singleFeature:before {
	position: absolute;
	width: 0;
	height: 2px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	z-index: 3;
	transition: all 0.4s ease-out;
	background: var(--color-primary);
}

.medi_featureThumb {
	position: relative;
	margin-bottom: 20px;
}

.medi_featureThumb img {
	width: 100%;
	height: auto;
}

.medi_featureThumb:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	transition: all 0.5s ease-out;
}

.medi_featureDetail {
	position: relative;
	padding: 0 25px 24px 34px;
	text-align: center;
}

.medi_featureDetail h3 {
	font-size: 24px;
	color: #000;
	margin-bottom: 10px;
}


.medi_featureDetail p {
	margin-bottom: 10px;
	font-size: 16px;
	
}

.medi_singleFeature:after {
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	z-index: 2;
	transition: all 0.4s ease-out;
	background: #ddd;
}

.medi_singleFeature:hover:before {
	width: 100%;
}

.medi_singleFeature:hover .medi_featureThumb:after {
	background: #edb50940;
}

@media screen and (min-width: 1501px) {
  .medi_featureDetail p {min-height: 36px;}
}
 
 @media screen and (max-width: 1189px) {
  .medi_featureDetail p {min-height: 54px;}
}

@media screen and (min-width: 991px) {
  .col-lg-4 {
    width: 33.33333333% !important;
  }
}

@media screen and (min-width: 480px) and (max-width: 991px) {
  .col-lg-4 {
    width: 50% !important;
  }
}




@media only screen and (max-width: 767px) {
	.medi_featureDetail h3 {
   	 font-size: 18px;
  }
  .medi_featureDetail p {
	font-size: 14px;
}
  .dt_ser_area {
  padding: 30px 0;
}
  
}

@media only screen and (max-width: 480px) {
.medi_featureDetail p {
    min-height: auto;
  }
}



.witr_section_title_inner h1,
.witr_section_title_inner h2,
.witr_section_title_inner h3 {
	font-size: 54px;
	margin: auto;
	line-height: 1;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}

.witr_section_title_inner h2 {
	color: #888;
	font-size: 18px;
	margin: 0;
	display: inline-block;
}

.witr_section_title_inner h1 span,
.witr_section_title_inner h2 span,
.witr_section_title_inner h3 span,
.witr_section_title_inner p span,
.witr_section_title_inner p span a {
	color: var(--color-primary);
}

.witr_section_title {
	margin-bottom: 45px;
}

.witr_section_title_inner p {
	width: 100%;
	padding: 10px 0 0 0;
}

.witr_section_title_inner.text-center p {
	width: 66%;
	margin-right: auto;
	margin-left: auto;
}

/* ===== 10. Faq Area CSS ===== */
.dt_faq_area {
	padding: 80px 0 98px 0;
}

.faq_img_inner {
	margin-right: -10px;
}

.faq_content .witr_section_title {
	margin-bottom: 40px;
}

.accordion_area .card-2 {
	margin-bottom: 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.witr_ac_style {
	align-items: center;
	transition: 0.5s;
	display: block;
	padding: 11px 15px;
	color: #222429;
}

.witr_ac_style,
.witr_ac_style::before {
	font-size: 17px;
	font-weight: 600;
}

.witr_ac_style:before {
	position: absolute;
	content: "\e61e";
	right: 30px;
	font-family: qico !important;
	font-weight: 400;
}

.active .witr_ac_style:before {
	content: "\e623";
}

.witr_ac_card i {
	font-size: 20px;
	display: inline-block;
}

.accordion_area .card-2 p {
	padding: 15px 30px;
}

.accordion_area .card-header.witr_ac_card {
	background: 0 0 !important;
	padding: 0;
	border-bottom: 0;
	text-align: left;
}

.witr_ac_card i {
	margin-right: 10px;
	font-size: 20px;
}

.active .witr_ac_style,
.witr_ac_style:focus,
.witr_ac_style:hover {
	background: var(--color-primary);
	color: #fff;
}

.ab_page_faq {
	padding: 95px 0 98px 0;
}

/* ===== Faq Area CSS ===== */
.faq_area2 {
	padding: 110px 0 100px;
}

.writ_ac_style_02:focus,
.writ_ac_style_02:hover {
	color: #232323;
	background: none;
}

.active .writ_ac_style_02 {
	background: none;
	color: #232323;
}

.border_bottom_0 {
	border-bottom: none;
}

.writ_ac_style_02 {
	margin-left: 40px;
	color: #232323;
}

.writ_ac_style_02:before {
	position: absolute;
	content: "\f067";
	left: 25px;
	top: 10px;
	margin-right: 5px;
	font-family: fontawesome !important;
	font-weight: 200;
}

.active .writ_ac_style_02:before {
	content: "\f068";
}

.card-header.witr_ac_card.border_bottom_0 {
	background: #fff;
	padding: 0px 5px;
}

.faq_area1 .content_style p,
.faq_area1 .conent_style p {
	padding: 15px 25px 15px;
}

.card.card-2.accordion_02_shadow {
	border: 0 !important;
	margin-bottom: 20px;
	box-shadow: 1px 1px 7px -5px rgb(0 0 0 / 75%);
	background: transparent;
}

.faq_area2 .witr_ac_style {
	display: flex;
	align-items: center;
	transition: 0.5s;
	padding: 9px 20px 9px 5px;
}

.faq_area2 .accordion_area .card-2 p {
	padding: 15px 23px 15px;
}

.writ_ac_style_02:before {
	font-weight: 400;
	font-size: 15px !important;
	color: #232323;
	margin-top: 5px;
}

.faq2_img {
	text-align: center;
}

.faq_area2 .witr_ac_style,
.faq_area2 .witr_ac_style::before {
	font-size: 20px;
	font-weight: 600;
	font-family: "DM Sans", sans-serif;
}

/* ===== Faq Area CSS ===== */
.dt_faq_area3 {
	background: #fbfbfb;
	padding: 100px 0 100px;
}

.dt_faq_area3 .witr_section_title {
	margin-bottom: 50px;
}

.dt_faq_area3 .writ_ac_style_02 {
	color: inherit;
	margin-left: 30px;
}

.dt_faq_area3 .writ_ac_style_02:before {
	color: inherit;
}

.dt_faq_area3 .accordion_area .card-2 p {
	padding: 15px 20px;
}

@media (min-width: 1200px) and (max-width: 1440px) {}

@media (min-width: 992px) and (max-width: 1199px) {

	.witr_section_title_inner.text-center p,
	.witr_section_title_inner.text-left p,
	.witr_section_title_inner.text-right p {
		width: 87%;
	}

	.title_in_area {
		width: 100%;
	}

	.witr_section_title_inner h1,
	.witr_section_title_inner h3 {
		font-size: 34px;
	}

	.faq_content .witr_section_title_inner h1,
	.faq_content .witr_section_title_inner h3 {
		font-size: 30px;
	}

	/* faq area css */
	.witr_ac_style,
	.witr_ac_style::before {
		font-size: 19px;
	}

	.faq_content_inner {
		padding: 0;
	}

	.faq_img_inner {
		padding: 0 0 0 15px;
	}

	.faq_inner {
		padding: 15px 0px 20px 0;
	}

	.faq_content_inner {
		margin-left: 0;
	}

	.dastra_faq_area .witr_section_title {
		margin-top: 20px;
	}

	.faq_content_inner .witr_section_title_inner h3 {
		font-size: 30px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	/* section_title */
	.witr_section_title_inner h1,
	.witr_section_title_inner h3 {
		font-size: 30px;
	}

	.witr_section_title_inner.text-center p,
	.witr_section_title_inner.text-left p,
	.witr_section_title_inner.text-right p {
		width: 90%;
	}

	.title_in_area {
		width: 100%;
	}

	/* faq area css */
	.witr_ac_card i {
		margin-right: 0;
	}

	.faq_content_inner {
		padding: 0;
	}

	.witr_ac_style,
	.witr_ac_style::before {
		font-size: 16px;
	}

	.faq_content_inner {
		margin-left: 0;
		margin-top: 0;
	}

	.faq_img_inner .single_image img {
		padding-right: 0;
	}

	.dastra_faq_area .witr_section_title_inner p {
		width: 100% !important;
	}

	.faq_inner {
		padding: 0;
	}

	.dastra_faq_area .witr_section_title {
		margin-top: 0;
	}

	.faq_content_inner .witr_section_title_inner h3 {
		font-size: 25px;
	}
}

@media (max-width: 767px) {
	.witr_section_title_inner h2 {
		font-size: 17px !important;
		padding-top: 10px;
	}

	.witr_section_title_inner p {
		padding-top: 10px;
	}

	.witr_section_title {
		text-align: center;
	}

	.witr_section_title .text-right {
		text-align: center !important;
	}

	.title_btn {
		margin: 30px 0 20px;
	}


	/* faq area css */
	.faq_img_inner {
		margin-right: 0;
	}

	.witr_ac_card i {
		margin-right: 0px;
	}

	.faq_img_inner .single_image {
		margin-left: 0;
		margin-bottom: 20px;
	}

	.faq_content_inner {
		padding: 0;
	}

	.faq_img_inner .single_image img {
		margin-left: 0;
		padding-right: 0;
	}

	.faq_content_inner .witr_section_title_inner h3 {
		font-size: 24px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* section_title */
	.witr_section_title_inner h1,
	.witr_section_title_inner h2,
	.witr_section_title_inner h3 {
		font-size: 25px;
	}

	.witr_section_title_inner.text-center p,
	.witr_section_title_inner.text-left p,
	.witr_section_title_inner.text-right p {
		width: 91%;
	}
}



.abc123 {
	background: #fff;
	padding: 60px 0;
}


.foot-contact-guanxiang {
	/*border-top:1px solid #DBDBDB;margin-top:60px;padding-top:60px;*/
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.foot-contact-guanxiang dl {
	flex: 1;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.foot-contact-guanxiang dl dt {
	width: 126px;
	height: 126px;
	line-height: 126px;
	background: #EEEFEA;
	border-radius: 50%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.foot-contact-guanxiang dl dt i {
	font-size: 60px;
	color: #3395C7;
}

.foot-contact-guanxiang dl dd {
	-webkit-flex: 1;
	flex: 1;
	margin-left: 40px;
}

.foot-contact-guanxiang dl dd h5 {
	font-size: 18px;
	line-height: 1;
	color: #141414;
	font-weight: 600;
}

.foot-contact-guanxiang dl dd p {
	font-size: 18px;
	color: #717171;
	line-height: 24px;
	margin: 20px 0 0;
}

.foot-contact-guanxiang dl:nth-child(1) dd p {
	font-size: 18px;
	color: #8b715c;
	text-decoration: underline;
}

.foot-contact-guanxiang dl:nth-child(2) dd p {
	font-size: 18px;
	color: #8b715c;
	text-decoration: underline;
}

@media screen and (max-width:1440px) {
	.foot-contact-guanxiang dl dt {
		width: 100px;
		height: 100px;
		line-height: 100px;
	}

	.foot-contact-guanxiang dl dt i {
		font-size: 50px;
	}

	.foot-contact-guanxiang dl dd {
		margin-left: 20px;
	}
}

@media screen and (max-width:1280px) {

	/*-----foot-----*/
	.foot-contact-guanxiang {
		margin-top: 30px;
		padding-top: 30px;
	}

	.foot-contact-guanxiang dl dt {
		width: 90px;
		height: 90px;
		line-height: 90px;
	}

	.foot-contact-guanxiang dl dt i {
		font-size: 40px;
	}

	.foot-contact-guanxiang dl dd h5 {
		font-size: 16px;
	}

	.foot-contact-guanxiang dl dd p {
		margin: 15px 0 0;
		font-size: 14px;
		line-height: 20px;
	}

	.foot-contact-guanxiang dl:nth-child(1) dd p {
		font-size: 20px;
	}

	.foot-contact-guanxiang dl:nth-child(2) dd p {
		font-size: 15px;
	}
}

@media screen and (max-width:992px) {
	/*-----foot-----*/

	.abc123 {
		padding: 30px 0;
	}

	.foot-contact-guanxiang {
		display: block;
	}

	.foot-contact-guanxiang dl {
		display: block;
		text-align: center;
	}

	.foot-contact-guanxiang dl dt {
		margin: 0 auto;
	}

	.foot-contact-guanxiang dl dd {
		margin: 20px 0;
	}

}



@media screen and (max-width: 1500px) {
  .witr_section_title_inner h1,
	.witr_section_title_inner h2,
	.witr_section_title_inner h3 {
    font-size: 48px;
  }
}
@media screen and (max-width: 1440px) {
 .witr_section_title_inner h1,
	.witr_section_title_inner h2,
	.witr_section_title_inner h3 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1280px) {
  .witr_section_title_inner h1,
	.witr_section_title_inner h2,
	.witr_section_title_inner h3 {
    font-size: 32px;
  }
}
@media screen and (max-width: 991px) {
  .witr_section_title_inner h1,
	.witr_section_title_inner h2,
	.witr_section_title_inner h3 {
    font-size: 28px;
  }
}
@media screen and (max-width: 768px) {
  .witr_section_title_inner h1,
	.witr_section_title_inner h2,
	.witr_section_title_inner h3 {
    font-size: 26px;
  }
}