/*-------------------------------------------------------------- 
# About 
--------------------------------------------------------------*/
.about-one {
	padding-top: 150px;
	padding-bottom: 150px;
}

.about-one__image {
	position: relative;
}

.about-one__content {
	padding-left: 30px;
}

.about-one__tab-title {
	margin-bottom: 46px;
}

.about-one__tab-title .nav-link {
	padding: 0;
	color: var(--thm-black);
	font-weight: bold;
	font-size: 18px;
	font-family: var(--heading-font);
	transition: 500ms;
	position: relative;
	transition: 500ms;
}
.about-one__tab-title .nav-link::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--thm-base);
	transform: scale(0, 1);
	transform-origin: right center;
	transition: transform 500ms;
}

.about-one__tab-title .nav-link.active,
.about-one__tab-title .nav-link:hover {
	color: var(--thm-base);
}

.about-one__tab-title .nav-link.active::before,
.about-one__tab-title .nav-link:hover::before {
	transform: scale(1, 1);
	transform-origin: left center;
}

.about-one__tab-title .nav-link+.nav-link {
	margin-left: 35px;
}

.about-one__content p {
	margin: 0;
	margin-bottom: 40px;
}

.about-one__content .block-title {
	padding-bottom: 27px;
}
.about-one__image-content h3 {
	color: #fff;
	font-size: 65px;
	font-weight: bold;
	margin: 0;
	line-height: 1em;
}

.about-one__image-content p {
	margin: 0;
	font-family: var(--heading-font);
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	color: #fff;
}

.about-one__home-two {
	padding-top: 0;
	background-color: #f0f7f7;
}

.about-one__home-two__image {
	margin-left: 70px;
	position: relative;
}

.about-one__home-two__image>img:not(.about-one__home-two__image-dot) {
	border-radius: 10px;
	position: relative;
	z-index: 10;
	box-shadow: -28.284px 28.284px 30px 0px rgba(34, 69, 51, 0.15);
}
.about-one__home-two__image-dot {
	position: absolute;
	bottom: -55px;
	left: -70px;
}
/*-------------------------------------------------------------- 
## About Two 
--------------------------------------------------------------*/
.about-two {
	padding-bottom: 150px;
	padding-top: 150px;
}

.about-two__image {
	position: relative;
	display: inline-block;
}

.about-two__image>img {
	border-radius: 10px;
	position: relative;
	z-index: 10;
}

.about-two__image-content {
	padding-left: 50px;
	padding-right: 50px;
	box-shadow: -14.142px 14.142px 30px 0px rgba(67, 131, 99, 0.08);
	position: absolute;
	bottom: -100px;
	right: -100px;
	width: 100%;
	max-width: 370px;
	background-color: #fff;
	padding-top: 45px;
	padding-bottom: 54px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	z-index: 11;
}
.about-two__image-content::after {
	content: '';
	width: 3px;
	height: 50px;
	background-color: var(--thm-base);
	position: absolute;
	top: 50px;
	left: 0;
}

.about-two__image-content h3 {
	margin: 0;
	color: var(--thm-black);
	font-weight: bold;
	font-size: 26px;
	line-height: 34px;
	margin-bottom: 22px;
}

.about-two__image-content p {
	margin: 0;
	color: #93959e;
	font-size: 16px;
	line-height: 30px;
}

[class*=about-two__image-dot-] {
	position: absolute !important;
}
.about-two__image-dot-1 {
	bottom: 30px;
	right: -50px;
}

.about-two__image-dot-2 {
	bottom: -60px;
	left: 160px;
}

.about-two__content .block-title {
	padding-bottom: 0;
}

.about-two__content>p {
	margin: 0;
	margin-top: 30px;
}

.about-two__content .blog-details__list {
	margin-top: 33px;
	margin-bottom: 40px;
}

.about-two__content .blog-details__list li {
	color: var(--thm-black);
}
/*-------------------------------------------------------------- 
## About Three 
--------------------------------------------------------------*/
.about-three {
	padding-top: 150px;
	padding-bottom: 150px;
}

.about-three__content {
	padding-right: 35px;
}

.about-three__image {
	display: inline-block;
	position: relative;
	margin-left: 30px;
}

.about-three__image>img:not(.about-dot-3-1) {
	border-radius: 10px;
	position: relative;
	z-index: 10;
}

.about-dot-3-1 {
	position: absolute;
	bottom: -70px;
	right: -70px;
}

.about-three__image-text {
	font-size: 13px;
	color: var(--thm-base);
	font-weight: bold;
	font-family: var(--heading-font);
	text-transform: capitalize;
	letter-spacing: -0.02em;
	width: 150px;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-50%) translateX(-50%);
	z-index: 11;
}
.about-three__image-text .curved-circle {
	width: 150px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-44%, -44%);
	text-transform: capitalize;
}

.about-three__image-text .curved-circle span {
	text-transform: capitalize;
}

.about-three__content .block-title {
	padding-bottom: 0;
}

.about-three__content>p {
	margin: 0;
	margin-top: 30px;
	margin-bottom: 34px;
}

.about-three__content .blog-details__list {
	margin-bottom: 41px;
}

.about-three__content .blog-details__list li {
	color: var(--thm-black);
}

.about-three__content .blog-details__list li+li {
	margin-top: 17px;
}
/*-------------------------------------------------------------- 
## About Four 
--------------------------------------------------------------*/
.about-four {
	padding-top: 150px;
	padding-bottom: 150px;
}

.about-four .block-title {
	padding-bottom: 30px;
}

.about-four__text p {
	margin: 0;
}

.about-four__text p+p {
	margin-top: 30px;
}

.about-four__icon-wrap {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.about-four__icon-single {
	text-align: center;
}

.about-four__icon-single i {
	font-size: 48px;
	color: var(--thm-primary);
}

.about-four__icon-single h3 {
	margin: 0;
	color: var(--thm-black);
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 4px;
}

.about-four__icon-single:nth-child(1) i {
	color: var(--thm-primary);
}

.about-four__icon-single:nth-child(2) i {
	color: var(--thm-base);
}

.about-four__icon-single:nth-child(3) i {
	color: #ff5e5e;
}

.about-four__image>img {
	position: relative;
	z-index: 10;
	max-width: 100%;
	border-radius: 10px;
	box-shadow: -28.284px 28.284px 30px 0px rgba(34, 69, 51, 0.1);
}


.about-four__image {
	display: inline-block;
	position: relative;
	margin-left: 100px;
}

.about-four__image [class*=about-four__image-dot-] {
	position: absolute;
	z-index: 8;
	border-radius: 0;
	box-shadow: none;
}

.about-four__image-dot-1 {
	top: 30px;
	left: -50px;
}

.about-four__image-dot-2 {
	bottom: -85px;
	right: 60px;
}
/*-------------------------------------------------------------- 
# Portfolio 
--------------------------------------------------------------*/
.portfolio-filter {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 70px;
}

.portfolio-filter li span {
	cursor: pointer;
	display: block;
	background-color: #edeef5;
	border-radius: 35px;
	color: var(--thm-black);
	font-size: 18px;
	font-weight: bold;
	font-family: var(--heading-font);
	padding: 20px 59px;
	transition: all 500ms ease;
}

.portfolio-filter li+li {
	margin-left: 10px;
}

.portfolio-filter li.active span,
.portfolio-filter li:hover span {
	background-color: var(--thm-base);
	color: #fff;
	box-shadow: 0px 10px 30px 0px rgba(67, 131, 99, 0.15);
}

.portfolio-grid {
	padding-top: 150px;
	padding-bottom: 150px;
}

.portfolio-one__single {
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 10px;
	background-color: rgb(255, 255, 255);
}

.portfolio-one__image {
	overflow: hidden;
	position: relative;
	background-color: var(--thm-base);
	border-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.portfolio-one__image>img {
	width: 100%;
	transform: scale(1.0);
	opacity: 1;
	transition: opacity 500ms ease, transform 500ms ease;
}

.portfolio-one__single:hover .portfolio-one__image>img {
	opacity: 0.2;
	transform: scale(1.05);
}

.portfolio-one__image>a {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--thm-primary);
	font-size: 32px;
	position: absolute;
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	opacity: 0;
	transform: perspective(100px) translateZ(30px) rotate(45deg);
	transition: opacity 500ms ease 0ms, transform 500ms ease 0ms, background 500ms ease, color 500ms ease;
}

.portfolio-one__image>a:hover {
	background-color: var(--thm-black);
	color: #fff;
}

.portfolio-one__single:hover .portfolio-one__image>a {
	opacity: 1;
	transform: perspective(100px) translateZ(0px) rotate(0deg);
	transition: opacity 500ms ease 300ms, transform 500ms ease 300ms, background 500ms ease, color 500ms ease;
}

.portfolio-grid__more-btn {
	margin-top: 40px;
}

.portfolio-grid__home-five {
	padding-bottom: 120px;
}
/*-------------------------------------------------------------- 
## Contact Two
--------------------------------------------------------------*/

.contact-two {
	position: relative;
	background-color: var(--thm-base);
}

.contact-two .container-fluid {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	max-width: 1920px;
}

.google-map__home-five {
	display: block;
	border: none;
	outline: none;
	width: 100%;
	height: 806px;
}

.contact-two .my-auto {
	width: 100%;
}

.contact-two__content {
	width: 100%;
	max-width: 570px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.contact-two__content .block-title h3,
.contact-two__content .block-title p {
	color: #fff;
}

.contact-two__content .block-title p.has-line::before {
	background-color: #fff;
}

[class*=contact-two__map-] {
	position: absolute;
}

.contact-two__map-1 {
	top: 2%;
	right: 0;
}
.cta-three__content {
    color: #fff;
}
.contact-two .wpcf7 .bootstrap-select>.dropdown-toggle,
.contact-two .wpcf7 textarea,
.contact-two .wpcf7 input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
	background-color: transparent;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, .3);
	color: #fff;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 10px;
}

.contact-two .wpcf7 ::placeholder {
	color: #fff;
}

.contact-two .contact-one__btn {
	background-color: var(--thm-primary);
	margin-top: 20px;
}

.contact-two .contact-one__btn:hover {
	background-color: #fff;
	color: var(--thm-black);
}

/* contact form */


.wpcf7 .bootstrap-select>.dropdown-toggle,
.form-default .bootstrap-select>.dropdown-toggle,
.wpcf7 textarea,
.form-default textarea,
.wpcf7 input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.form-default input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
	border: none;
	outline: none;
	display: block;
	width: 100%;
	height: 60px;
	border-radius: 30px;
	background-color: #fff;
	font-size: 16px;
	color: #93959e;
	border: 1px solid #dfe5e5;
	padding-left: 30px;
	margin-bottom: 30px;
}

.wpcf7 textarea,
.form-default textarea {
	height: 150px;
	padding-top: 15px;
}

.wpcf7 ::placeholder,
.form-default ::placeholder {
	opacity: 1;
	color: #93959e;
}

.wpcf7 label.error,
.form-default label.error {
	display: none !important;
}

.wpcf7 textarea.error,
.form-default textarea.error,
.form-default input.error:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.wpcf7 input.error:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
	background-color: rgba(255, 0, 0, .4);
}

.wpcf7 .error::placeholder,
.wpcf7 .form-default ::placeholder {
	opacity: 1;
	color: #fff;
}

.wpcf7 .bootstrap-select:not(.input-group-btn),
.wpform-default cf7 .bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
	display: block;
}

.wpcf7 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.form-default .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 100%;
}

.wpcf7 .bootstrap-select>.dropdown-toggle,
.form-default .bootstrap-select>.dropdown-toggle {
	padding-top: 0;
	padding-bottom: 0;
}

.wpcf7 .bootstrap-select .dropdown-toggle .filter-option,
.form-default .bootstrap-select .dropdown-toggle .filter-option {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.wpcf7 .dropdown-toggle::after,
.form-default .dropdown-toggle::after {
	position: absolute;
	top: 50%;
	right: 30px;
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}

.google-map__contact {
	display: block;
	border: none;
	outline: none;
	width: 100%;
	height: 550px;
}