/* Header - Banner */

.contactUs-banner::before {
	background-image: url(../../images/new/svg/contact-bubble-1.svg);
	background-position: top 160px left 0px;
	background-size: 60%;
}

.contact .header::after {
	display: none;
}

.getintouch {
	display: flex;
	align-items: center;
}

.getintouch-item {
	display: flex;
	align-items: center;
	margin-right: 25px;
	font-size: 18px;
	transition: color .25s linear;
}

.getintouch-item:hover {
	color: #1BAAA0;
}

.getintouch-item i {
	margin-right: 10px;
}

.contactUs-banner .section-title-1 {
	margin-bottom: 20px;
}

@media (max-width: 991px) {
	.contactUs-banner::before {
		background-position: top 160px left -176px;
		background-size: 85%;
	}
	.contactUs-banner .dt-s0a .flex-elem.left {
		margin-bottom: 50px;
	}
	.contactUs-banner::before {
		background-position: top 50px left 50px;
		background-size: 85%;
	}
}

@media (max-width: 769px) {
	.contactUs-banner::before {
		background-position: top 90px left 50px;
	}
}

@media (max-width: 580px) {
	.contactUs-banner::before {
		background-position: top 108px left -40px;
		background-size: 100%;
	}
}

@media (max-width: 450px) {
	.contactUs-banner::before {
		background-position: top 77px left -51px;
		background-size: 112%;
	}
}

@media (max-width: 380px) {
	.getintouch {
		justify-content: space-between;
	}
	.getintouch-item {
		font-size: 14px;
	}
	.header-banner-initials.contactUs-banner .main-title {
		font-size: 40px;
	}
}

/* Section 1 */

.contact .social-icons-sidebar a {
	margin: 70px 0;
}

.contact .social-icons-sidebar img {
	width: 65px;
}


/* Section 2 */

.contact-s2 {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

.contact-s2 .social-icons-sidebar a {
	margin: 0 40px;
}


/* Section 3 */

.contact-s3 {
	position: relative;
	padding-top: 100px;
	padding-bottom: 280px;
}

.contact-bubble-3,
.contact-bubble-3::before,
.contact-bubble-3::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: top 0 left 0;
	background-size: 100%;
	z-index: -1;
}

.contact-bubble-3::before {
	content: "";
	background-image: url(../../images/new/svg/contact-bubble-3.svg);
	z-index: -1;
	height: 120%;
}

.contact-bubble-3::after {
	content: "";
	background-image: url(../../images/new/svg/dt-dots-1.svg);
	background-size: 15%;
}

.opti-details {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.opti-details-elem {
	width: 47%;
}

.opti-detalis-item {
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 0;
}

/* .opti-detalis-item span.d-flex::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-image: url(../../images/new/svg/checked-2.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
} */

.opti-detalis-item span {
	font-weight: 700;
}

.opti-detalis-item a {
	transition: opacity .25s linear;
}

.opti-detalis-item a:hover {
	opacity: .7;
}

@media (max-width: 340px) {
	.contact .g-recaptcha {
		width: calc(100% + 46px);
		margin-left: -14px;
	}
	
	.contact-s1 .opti-container-xxl {
		overflow: hidden;
	}
}



/* Footer */

.footer.contactUs-footer {
	background-color: transparent;
}

.contactUs-footer {
	margin-bottom: -300px;
	z-index: 100;
}

.contactUs-footer iframe {
	width: 100%;
	height: 440px;
}
.contactUs-footer .footer-banner{

	top: -350px;
}
.contactUs-footer .footer-banner .footer-banner-bg {
background: none !important;
}


@media (max-width: 1250px) {
	.contactUs-footer .footer-banner-bg {
		max-width: unset;
		width: 100%;
	}
	.contactUs-footer .footer-banner-content {
		padding: 0;
	}
}

@media (max-width: 1025px) {
	.contactUs-footer .footer-banner {
		top: -200px;
	} 
}

@media (max-width: 901px) {
	.contact-s3 {
		padding-bottom: 325px;
	}
	.contactUs-footer .footer-banner {
		top: -265px;
	}
	.contactUs-footer {
		margin-bottom: -270px;
	}
}

@media (max-width: 769px) {
	.opti-details {
		flex-wrap: wrap;
	}
	.opti-details-elem {
		width: 100%;
	}
	.contact-s3 {
		position: relative;
		padding-top: 100px;
		padding-bottom: 405px;
	}
	.contact-bubble-3, 
	.contact-bubble-3::before, 
	.contact-bubble-3::after {
		background-size: 190%;
	}
	.contact-bubble-3::after {
		display: none;
	}
	.contactUs-footer .footer-banner {
		top: -340px;
	}
}

@media (max-width: 580px) {
	.contactUs-footer .footer-banner {
		top: -390px;
	}
	.opti-detalis-item {
		font-size: 14px;
	}
	.contact-bubble-3, 
	.contact-bubble-3::before, 
	.contact-bubble-3::after {
		background-size: 300%;
	}
	.contact-s3 .opti-container-lg {
		padding: 0;
	}
	.contact .header::before, .header::after {
		background-size: 70%;
		background-position: top -50px right -50px;
	}
	.contact .dt-image {
		height: 385px;
	}
	.contact-s1 {
		padding-top: 60px;
	}
	.contact .btn.btn-teal {
		padding: 10px 20px;
	}
	.contact .social-icons-sidebar a {
		margin: 40px 0;
	}
	.contact-s3 {
		padding-top: 70px;
	}
	.contactUs-footer {
		margin-bottom: -150px;
	}
}

@media (max-width: 380px) {
	.opti-detalis-item {
		font-size: 14px;
	}
	.contact .social-icons-sidebar img {
		width: 55px;
	}
	.contact-s3 {
		padding-top: 15px;
	}
	.contact .dt-image {
		height: 300px;
	}
	.contact .social-icons img {
		width: 35px;
	}
	.contact-s1 {
		padding-top: 35px;
	}
}
	