/* contact info section */

.contact-info-section {
	position: relative;
	padding: 50px 0;
}
.contact-info-section .shape-three {
	position: absolute;
	top: 60px;
	right: 15%;
}
.contact-info-block {
	z-index: 10;
}
.contact-info-block .inner-box {
	position: relative;
	margin-bottom: 30px;
	background:  var(--thm-color-white);
	text-align: center;
	padding: 50px 40px;
	border: 1px solid #dff0f8;
	border-radius: 12px;
	z-index: 9;
	height: 400px;
	
}
@media (max-width: 991px) {
	.contact-info-block .inner-box {
		box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 3%);
	}
}
.contact-info-block .inner-box .shape {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.contact-info-block .inner-box .shape svg {
	position: relative;
	left: -30px;
	top: -30px;
	transform: rotate(90deg);
}
.contact-info-block .inner-box .shape svg path {
	transition: .5s;
}
.contact-info-block .inner-box:hover .shape svg path {
	fill: var(--thm-color-two);
}

.contact-info-block .shape-two {
	position: absolute;
	right: 32px;
	top: 124px;
}
.contact-info-block .icon {
	position: relative;
	width: 130px;
	height: 130px;
	line-height: 130px;
	text-align: center;
	transition: .5s;
	border-radius: 29px;
	margin: 0 auto;
	margin-bottom: 45px;
	background-color: var(--thm-color-two);
}
.contact-info-block:nth-child(2) .icon {
	background-color: var(--thm-color-one);
}
.contact-info-block:nth-child(3) .icon {
	background-color: var(--thm-color-three);
}
.contact-info-block h5 {
	position: relative;
	font-size: 18px;
	color: var(--thm-color-font);
	font-weight: 700;
	margin-bottom: 20px;
	transition: .5s;
	
}
.contact-info-block h4 {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	transition: .5s;
	margin-bottom: 7px;
	
}
.contact-info-block h4 a {
	color: var(--thm-color-font);
	transition: .5s;
}
.contact-info-block h4:hover {
	color: var(--thm-color-one);
	transform: scale(1.1);
}
.contact-info-block h4 a:hover {
	color: var(--thm-color-one);
	
}
/* Contact form section */

.contact-form-section {
	position: relative;
	padding-bottom: 130px;
	margin-bottom:-85px;
}
.contact-form-section:before {
	position: absolute;
	content: '';
	top: -280px;
	bottom: 0;
	left: 0;
	width: 100%;
	background-size: cover;
	background-position: bottom center;
	background-image: url(../image/shape/shape-44.png);
}

.contact-form-section .theme-btn{
	width: 300px !important;
}