/* Banner  */
.header-top-bar {
	background: var(--bs-theme-blue8);
}
.menu-header{background:var(--bs-white)}.header_contacts{background-color:var(--bs-gray-200)}.contact-banner{position:relative;background-image:url("../image/contactus/contact_banner.jpg");background-size:cover;background-position:center;margin-top:175px;padding:40px 0;min-height:350px;z-index:1}.contact-banner::before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;background:var(--bs-black);opacity:.8;z-index:-1}.contact-form-wrapper{position:relative;border:1px solid var(--bs-gray-300);background:var(--bs-white);margin-top:-150px;z-index:1;border-radius:15px 15px 0 0}.contact-form-wrapper .col-xxl-4{order:1}.contact-form-area{order:0;padding:25px 30px 25px}

/* Contact Details  */
.contact-icons{width:40px;height:40px;background:var(--bs-orange);text-align:center;line-height:40px;border-radius:50%;color:var(--bs-white);font-size:20px;margin-right:16px}.contactus-details{border-bottom:1px solid var(--bs-gray-300);padding:10px 0 7px}
.contactus-details:last-child{border:none}
.contact-right {
	background: #f2f2f2;
	width: 95%;
	margin: 0 auto;
	padding: 15px 10px;
}
.title-contact{background:var(--bs-white);padding:10px;margin-bottom:11px}
.title-contact img{width:36px;margin-right:15px}

/* Social media  */
.contact-social-media{background:linear-gradient(to right,#555255 0,#1e1c1e 100%);padding:30px;box-shadow:0 13px 26px -5px #9f9f9f}.social-link-text{margin-bottom:30px}
.contact-social-icons a{color:var(--bs-white);border-radius:10%;margin:10px;display:inline-flex;justify-content:center;align-items:center;transition:.5s}
.contact-social-icons a:hover{color:var(--bs-theme-orange5)}

/* Contact Map  */
.contact-map{margin:100px 0}
.contact-form-wrapper{margin-top:-80px}

/* Process Section 
=================================*/
.location-panel,.tech-items{border:1px solid var(--bs-gray-300)}
.technology-tab .nav-tabs{justify-content:center;margin-bottom:50px}
.tech-items{margin:4px}
.tabs-content{opacity:0;display:none;margin:3em 0}
.tabs-content.active{opacity:1;display:block}
.location-panel{box-shadow:0 13px 26px -5px #9f9f9f6e}
.map-taps{border-right:1px solid var(--bs-gray-300);border-bottom:1px solid var(--bs-gray-300);cursor:pointer}
.map-taps:last-child{border-right:none}
.contry-title{font-family:var(--bs-font-resolve)}
.contact-info{color:var(--bs-white-rgb)}
.mails-details a {
	font-size: 14px;
	display: block;
	position: relative;
}
.mails-details a:first-child::after {
	background: var(--bs-black);
	width: 1.2px;
	height: 16px;
	position: absolute;
	right: 6px;
	top: 2px;
	content: "";
	transform: rotate(20deg);
}
.contact-info:hover,.mails-details a:hover,.map-taps.active p{color:var(--bs-theme-orange)}
.technology-tabs-content{padding:10px}
.map-country.map-country{position:relative;bottom:18px;left:0;color:var(--bs-white-rgb);background:var(--bs-white);padding:5px 10px 0;width:97%;text-align:center;margin:0 auto;right:0}
.map-taps::after{background:var(--bs-theme-orange1);width:2px;height:29px;position:absolute;bottom:-13px;left:0;content:"";right:0;margin:0 auto;opacity:0;transition:.5s ease-in-out}
.map-taps.active::after{opacity:1}

@media only screen and (min-width:360px){.contact-banner{margin-top:85px}.mails-details a {display: unset}}
@media only screen and (min-width:490px){.contact-form-wrapper{margin-top:-150px}}
@media only screen and (min-width:768px){.contact-form-area{padding: 50px}.nav-locationtabs{display:grid;grid-template-columns:33.3% 33.3% 33.3%}}
@media only screen and (min-width:992px){.contact-banner {padding: 70px 0;min-height: 400px}.contactus-details:nth-child(1) .contact-right{border-top-left-radius:15px}.social-link-text::before{position:absolute;content:"";left:0;right:0;margin:auto;width:50px;height:4px;display:inline-block;top:50%;background:var(--bs-theme-orange4)}.contact-social-icons::after,.contact-social-icons::before{position:absolute;content:"";left:0;right:0;margin:auto;width:1px;height:45px;display:inline-block;background:var(--bs-gray)}.contact-social-icons::before{top:0}.contact-social-icons::after{bottom:0}.contact-form-area{border-left:1px solid var(--bs-gray-300);order:1}.contact-form-wrapper .col-xxl-4{order:0}.social-link-text{margin-bottom:0}}
@media only screen and (min-width:1200px){.contact-form-wrapper .col-xxl-4{order:0}.contact-form-area{order:1}}