/* Inner Banner */
.inner-page-banner {
	width: 100%;
	text-align: center;
	background: #dfdfdf;
	/*padding: 3rem 1rem;
	color: #fff;
	margin-bottom: 50px;*/
	/*background: linear-gradient(to bottom, #b0c640, #9eb430, #8ba11f, #849a18);*/
	background-color: var(--first-color);
	padding: 4rem 1rem;
    color: #fff;
    margin-bottom: 50px;
    padding-top: 210px;
}
.inner-page-banner .entry-title {
	font-size: 35px;
	margin-bottom: 0;
	font-weight: 700;
	color: #fff;
}
.bigger-title {
	font-size: 5rem;
}

/* Service Pages */
.inner-h2, .all-services .section-title{
	font-size: var(--inner-h2);
	font-weight: 900;
	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: #000;
}
.all-services {
	background: #dfdfdf;
	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;
	padding: 15px 30px;
	text-align: center;
	transition: .3s ease-in;
	z-index: 1;
	position: relative;
	border-radius: 10px;
	/*background: linear-gradient(to right, #b0c640, #9eb430, #8ba11f, #849a18);*/
	background-color: var(--first-color);
}
.custom-sv-list a:hover {
	color: #fff;
	/*background: linear-gradient(to left, #b0c640, #9eb430, #8ba11f, #849a18);*/
	background-color: var(--first-color);
}

/* Our Team Page */
.team-page-banner p, .team-page-doc p {
	font-size: 1.8rem;
}
.team-page-banner video {
	height: 500px;
	object-fit: cover;
}

.team-page-banner, .team-member-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
}

.team-page-banner .left, .team-member-inner .image-box {
	width: calc(35% - 30px);
}
.team-page-banner .right, .team-member-inner .content-box {
	width: calc(65% - 30px);
}
/* Single Team Page */
.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;
}
.team-member-inner::before {
	display: none !important;
}


/* Blog and single blog */
.no-blogs .title {
	text-align: center;
	margin: 100px 0;
	font-size: 40px;
}
/* .no-blogs {
	height: 50vh;
	display: flex;
	justify-content: center;
	align-items: center;
} */

.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: normal;
	color: #fff;
	padding: 10px 20px;
	display: inline-block;
	margin-top: 20px;
	border-radius: 10px;
	/*background: linear-gradient(to right, #b0c640, #9eb430, #8ba11f, #849a18);*/
	background-color: var(--first-color);
}
.blog-content .blog-readmore .read-more-button:hover {
	/*background: linear-gradient(to left, #b0c640, #9eb430, #8ba11f, #849a18);*/
	background-color: var(--first-color);
	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;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	border: 0;
	padding: 17px 40px;
	letter-spacing: 2px;
	transition: .3s linear;
	cursor: pointer;
	/*background: linear-gradient(to right, #b0c640, #9eb430, #8ba11f, #849a18);*/
	background-color: var(--first-color);
	border-radius: 10px;
	
}
#load-more-button:hover {
	/*background: linear-gradient(to left, #b0c640, #9eb430, #8ba11f, #849a18);*/
	background-color: var(--first-color);
	color: #fff;
}
.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);
}
.single-services .site-footer {
	margin-top: 0;
}




/* Responsive Start */
@media (max-width: 1190px){
	.blog-content .post-left {padding-right: 15px;}
	.blog-content .post-right {padding-left: 15px;}
	.team-page-banner p {font-size: 16px;}
	.bigger-title {font-size: 4rem;}
	.team-member-outer .bigger-title {margin-bottom: 0;line-height: normal;}
	
}

@media (max-width: 1025px){

	.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;}
	.inner-page-banner{padding-top: 3rem;}
	
}

@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-member-inner .content-box, .team-member-inner .image-box {width: 100%;}
	.team-member-inner.dir_change {flex-direction: column-reverse;}

	.width-100 div, .width-100 .vc_figure, .width-100 img {width: auto;object-fit: cover;}
}
@media (max-width: 767px){
	
	.single-teampage-slider .heading, .team-page-slider .heading{font-size: 3rem;margin-bottom: 3rem;}
	.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: 28px;}

	.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;}

	.custom-sv-list a {padding: 10px 20px;}
	.bigger-title {font-size: 3rem;}
	
}
@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;}
}