/* Inner Banner */
.inner-page-banner {
	width: 100%;
	text-align: center;
	background: var(--first-color);
	padding: 3rem 1rem;
	color: #fff;
	margin-bottom: 50px;
}
.inner-page-banner .entry-title {
	font-size: 30px;
	margin-bottom: 0;
	font-weight: 500;
	color: #ffffff;
}

/* Service Pages */
.inner-h2, .all-services .section-title{
	font-size: var(--inner-h2);
	font-weight: 600;
	margin-bottom: 1.5rem;
}
.inner-page-content p, .inner-page-content li,.inner-page-content a{
	font-size: var(--inner-page-content);
	line-height: 1.6;
}
.all-services .section-title {
	text-align: center;
	color: #fff;
}
.all-services {
	background: var(--secound-color);
	padding: 50px 0;
}
.single-services .footer-top-map{
	margin-top: 0;
}
.custom-sv-list {
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	overflow: hidden;
	list-style: none;
	gap: 15px;
	justify-content: center;
}
.custom-sv-list li {
	flex: 25%;
	flex: auto;
	margin: 0;
}
.custom-sv-list a {
	display: block;
	color: #fff;
	text-transform: uppercase;
	background: #000;
	padding: 15px 30px;
	text-align: center;
}
.custom-sv-list a:hover {
	background: var(--first-color);
	color: #fff;
}

/* Our Team Page */
.team-page-banner p, .team-page-doc p{
	font-size: 1.8rem;
}
.team-page-banner video {
	height: 500px;
	object-fit: cover;
}
/* Single Team Page */
.sing-team_mem-outer .content p {
	font-size: 1.8rem;
}
.sing-team_mem-outer a {
	font-weight: 700;
}

.single-teampage-slider{
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #f5f3f1;
	margin-top: 50px;
}
.single-teampage-slider .heading,.team-page-slider .heading{
	font-size: 3.5rem;
	margin-bottom: 5rem;
}
.single-team-member .site-footer{
	margin-top: 0;
}


/* Blog and single blog */
.no-blogs .title {
	text-align: center;
	margin: 0;
}
.blog-content{
	background: #f4f4f4;
}
.blog-content .cus-row {
	flex-direction: row;
}
.blog-content .post-left {
	border-radius: 5px;
	padding-right: 40px;
	order: 1;
}
.blog-content .post-left article {
	border: 1px solid #e7e7e7;
	padding: 20px;
	box-shadow: 0 0 10px #9e9e9e;
	margin-bottom: 20px;
}
.blog-content .post-left article:last-of-type {
	margin-bottom: 0;
}
.blog-content .post-left .featuredImg, .single-post .post-left .post-thumbnail img{
	height: 400px;
	object-fit: cover;
	object-position: top;
	width: 100%;
}
.blog-content article .post-title a {
	font-size: 22px;
	color: #000;
	margin-bottom: 15px;
	line-height: normal;
	margin-top: 10px;
	display: inline-block;
}
.blog-content article .post-title {
	font-size: unset;
	line-height: normal;
	margin: 0;
}
.blog-content .blog-cont {
	font-size: 16px;
}
.blog-content .blog-readmore .read-more-button {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	background: var(--first-color);
	color: #fff;
	padding: 10px 20px;
	display: inline-block;
	margin-top: 20px;
	border-radius: 0;
}
.blog-content .blog-readmore .read-more-button:hover {
	background: #000;
	color: #fff;
}
.load-more-button-outer {
	text-align: center;
	margin-top: 30px;
	order: 3;
	width: 66.67%;
	padding-left: 15px;
	padding-right: 40px;
}
#load-more-button {
	font-size: 16px;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	border: 0;
	padding: 17px 40px;
	letter-spacing: 2px;
	transition: .3s linear;
	cursor: pointer;
	border-radius: 0;
}
#load-more-button:hover {
	background: var(--first-color);
	color: #000;
}
.blog-content .post-right {
	padding-left: 30px;
	order: 2;
}
.blog-content .post-right .recent-post-title {
	color: #fff;
	background: var(--first-color);
	padding: 10px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 20px;
}
.blog-content .post-right .recent-post {
	display: grid;
	grid-template-columns: 20% 1fr;
	align-items: center;
	grid-column-gap: 10px;
}
.blog-content .post-right .recent-post .title {
	font-size: unset;
	color: #000;
	margin: 0;
}
.blog-content .post-right .recent-post .title a {
	font-size: 16px;
	color: #000;
	line-height: normal;
	font-weight: 400;
}
.blog-content .post-right .recent-post {
	margin-bottom: 15px;
	border: 1px solid #e7e7e7;
	padding: 10px;
	background: #fff;
}
.single-post .blog-content {
	background: transparent;
}
.single-post .post-left{
	background: #fff;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	padding: 24px 24px;
}
.single-post .post-left p, .single-post .post-left a{
	font-size: 16px;
	line-height: 1.7;
	font-weight: 400;
}
.single-post .post-left p:last-child{
	margin-bottom: 0;
}
.single-post .post-left .post-thumbnail {
	margin-bottom: 10px;
}
.single-post .blog-content .cus-row{
	padding-left: 15px;
	padding-right: 15px;
}

/* FAQS */
.faq-section .vc_tta-panel .vc_tta-panel-title > a {
	color: #fff !important;
	background: var(--first-color) !important;
	padding-top: 2.5rem !important;
  	padding-bottom: 2.5rem !important;
	line-height: 1.4;
}
.faq-section .vc_tta-panel.vc_active .vc_tta-panel-title > a {
	color: #fff !important;
	background: #000 !important;
}
.faq-section .vc_tta-controls-icon::before, .faq-section .vc_tta-controls-icon::after {
	border-color: #000 !important;
}
.faq-section .vc_tta-panel.vc_active .vc_tta-controls-icon::before, .faq-section .vc_tta-panel.vc_active .vc_tta-controls-icon::after{
	border-color: #fff !important;
}
.faq-section .vc_tta-panel-body {
	background-color: #f5f3f1 !important;
	border: 0 !important;
}
.faq-section .vc_tta-panel {
	margin-bottom: 1rem;
}
.faq-working-hour{
	margin-top: 50px;
}
.faq-working-hour ul{
	margin: 0;
	padding: 0;
}
.faq-working-hour ul li{
	position: relative;
	padding-left: 40px;
	list-style: none;
}
.faq-working-hour ul li::before{
	content: '';
	background: url(../image/time.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 20px;
	width: 20px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

/* Contact Page */
.contact-page-details .right a {
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	padding-left: 30px;
	display: block;
	position: relative;
}
.contact-page-details .right a::before {
	content: '';
	background-image: url(../image/phone.svg);
	height: 20px;
	width: 20px;
	fill: #fff;
	display: inline-block;
	vertical-align: middle;
	filter: brightness(0) invert(1);
	margin-right: .5rem;
	transition: .3s linear;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.contact-page-details .right .mail a::before{
	background-image: url(../image/mail.svg);
}
.contact-page-details .right .location a::before{
	background-image: url(../image/location.svg);
}



/* Responsive Start */
@media (max-width: 1190px){
	.sing-team_mem-outer .content p{font-size: 16px;}
	.blog-content .post-left {padding-right: 15px;}
	.blog-content .post-right {padding-left: 15px;}
	.team-page-banner p, .team-page-doc p {font-size: 16px;}
}

@media (max-width: 1025px){
	.inner-page-banner {border-top: 2px solid var(--first-color);}
	.faq-section .left, .faq-section .right{width: 100%;}
	
	.faq-section .left img{height: 500px !important;object-fit: cover;object-position: top;}
	.faq-section .left img{object-position: center;}
	.single-post .post-left {padding: 15px;}

	.outer-grid{gap: 40px;}
	.outer-grid .item {width: calc(50% - 20px);padding-top: 100px;}
	
}

@media (max-width: 992px){
	.blog-content .post-right .recent-post .title a, .single-post .post-left p, .single-post .post-left a{font-size: 14px;}	
}
@media (max-width: 930px){
	.team-page-banner .left, .team-page-banner .right, .team-page-doc .left, .team-page-doc .right{width: 100%;}
	.team-page-banner .right, .team-page-doc .left{margin-top: 20px;}
	.team-page-doc img {height: 600px;object-fit: cover;object-position: top;}
}
@media (max-width: 767px){
	
	.single-teampage-slider .heading, .team-page-slider .heading{font-size: 3rem;margin-bottom: 3rem;}
	.team-page-doc img {height: auto;}
	.blog-content .recent-posts {margin-top: 30px;}
	.blog-content .post-left article{padding: 10px;}
	
	.single-post .inner-page-banner .entry-title, .blog-content article .post-title a{font-size: 20px;}
	.blog-content .post-left .featuredImg, .single-post .post-left .post-thumbnail img {height: auto;}
	.inner-page-banner .entry-title {font-size: 25px;}

	.blog-content .cus-row {flex-direction: column;}
	.load-more-button-outer {order: 2;width: 100%;padding-left: 15px;padding-right: 15px;}
	.blog-content .post-right {order: 3;}
	
}
@media (max-width: 520px){
	.faq-section .left img{height: auto !important;}
	.blog-content .blog-readmore .read-more-button {width: 100%;text-align: center;}
	.blog-content .post-right .recent-post-title{font-size: 18px;}
	.team-page-banner video {height: 320px;}
}