.single-banner {
	background: url(../../images/bg/01.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0px;
	position: relative;
	z-index: 1
}
.single-banner::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(4,53,138,0.65)), to(rgba(5,44,112,0.65)));
	background: linear-gradient(rgba(4,53,138,0.65), rgba(5,44,112,0.65));
	z-index: -1
}
.single-content {
	text-align: center
}
.single-content h2 {
	color: var(--white);
	text-transform: uppercase;
	margin-bottom: 13px
}
.single-content .breadcrumb {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
@media (max-width: 767px) {
.single-banner {
	padding: 70px 0px
}
}
.contact-part {
	padding: 100px 0px;
	background: var(--light-white)
}
.contact-info {
	text-align: center;
	margin-bottom: 30px;
	padding: 50px 30px 45px;
	background: var(--white);
	border-radius: var(--card-radius);
	-webkit-box-shadow: 0 2px 48px 0 rgba(0,0,0,0.08);
	box-shadow: 0 2px 48px 0 rgba(0,0,0,0.08)
}
.contact-info i {
	font-size: 45px;
	margin-bottom: 25px;
	color: #e31079;
}
.contact-info h3 {
	font-size: 28px;
	margin-bottom: 40px;
	position: relative
}
.contact-info h3::before {
	position: absolute;
	content: "";
	bottom: -15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 60px;
	height: 2px;
	border-radius: 30px;
	background: var(--primary)
}
.contact-info h3::after {
	position: absolute;
	content: "";
	bottom: -20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 30px;
	height: 2px;
	border-radius: 30px;
	background: var(--primary)
}
.contact-info p {
	font-size: 18px;
	line-height: 30px
}
.contact-info p span {
	display: block
}
.contact-map {
	padding: 30px;
	background: var(--white);
	border-radius: var(--card-radius);
	-webkit-box-shadow: 0 2px 48px 0 rgba(0,0,0,0.08);
	box-shadow: 0 2px 48px 0 rgba(0,0,0,0.08)
}
.contact-map iframe {
	border: none;
	width: 100%;
	height: 487px
}
.contact-form {
	padding: 30px;
	background: var(--white);
	border-radius: var(--card-radius);
	-webkit-box-shadow: 0 2px 48px 0 rgba(0,0,0,0.08);
	box-shadow: 0 2px 48px 0 rgba(0,0,0,0.08)
}
@media (max-width: 767px) {
.contact-part {
	padding: 60px 0px
}
}
@media (max-width: 991px) {
.contact-form {
	padding: 20px
}
.contact-map {
	padding: 20px;
	margin-bottom: 30px
}
.contact-map iframe {
	height: 300px
}
}
@media (min-width: 768px) and (max-width: 991px) {
.contact-part {
	padding: 80px 0px
}
}