@charset "UTF-8";

.contactus{
	display: flex;
	flex-direction: column;
	display: flex;
	flex-grow: 1;
	flex-direction: column;
}
.contactus .body{
	flex: 1 1 0%;
	padding-bottom: 165px;
	background-color: #f6f6f6;
}
.contactus .hero{
	/* display: flex; */
	flex-direction: column;
}
.contactus .hero img{
	z-index: 1;
	height: 100%;
	width: 100%;
	align-items: center;
	object-fit: cover;
	object-position: center;
}

@media (max-width:991px) {
    .info-panel-bottomright{
		width: 650px;
		left: 71px;
	}
	.contactus #customerEnquiryForm{
		padding:32px 64px!important;
		margin-left: 0px!important;
	}
	.form-item{grid-column: 1 / -1;margin-bottom:18px!important;}
	.contact-us-office-img,.contact-us-office-info-background{display:none!important;}
	.contact-us-office-info-container {max-width: 100%!important;padding:0px!important;}
	.contact-us-office-info-label{margin:32px!important;}
	.contact-us-office-hotline{padding:0px 64px;}
	.contactus .body {padding-bottom: 55px;}
}
@media (min-width:992px) and (max-width:1199px) {
    .info-panel-bottomright{
		width: 690px;
	}
	.contact-us-office-img{width:450px!important;margin-top: 60px!important;}
	.contact-us-office-info-background{height: 680px!important;}
	.contactus .body {padding-bottom: 55px;}
}
@media (min-width:1200px) {
    .info-panel-bottomright{
		width: 890px;
		right: -250px;
	}
}
.info-panel-bottomright{
	background-color: white;
	border-top: 4px solid RED;
	position: relative;
	right: -250px;
	bottom: 176px;
	z-index: 50;
	padding: 48px 32px 0px 32px;
	margin-bottom: -176px;
}
.contactus .info-panel-bottomright .title{font-size:36px;margin-bottom:14px}
.contactus .info-panel-bottomright .title span{color:#ec1c24;}
.contactus .info-panel-bottomright p{font-size:16px;margin:0px;font-size:14px;}

.contactus .contact-us-form-section{
	background-color:#f6f6f6;
}
.contactus #customerEnquiryForm{
	margin-left: 120px;
	padding: 94px 0px 64px 64px;
	background-color: white;
	
	position: relative;
	z-index: 10;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 1.5rem;
}
.contact-us-office {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 30px;
	background-color: #f6f6f6;
}
.contact-us-office-img {
	position: relative;
	z-index: 10;
	aspect-ratio: 1 / 1;
	height: auto;
	width: 100%;
	width: 600px;
	margin-top: 260px;
}
.contact-us-office-info {
	position: relative;
	flex: 1 1 0%;
}
.contact-us-office-info-background {
	position: absolute;
	right: 0px;
	display: none;
	height: 100%;
	min-width: 808px;
	background-color: white;
}
.contact-us-office-info-container {
	width: 100%;
	max-width: 422px;
	padding: 64px 15px 64px 15px;
	position: relative;
	z-index: 2;
}
.object-cover {
	object-fit: cover;
	max-width: 100%;
	height: auto;
}
.contact-us-office-info-label {
	margin-bottom: 32px;
	margin-left: 0px;
	font-size: 28px;
	line-height: 40px;
	font-weight: 500;
}
.contact-us-office-info-background{
	position: absolute;
	right: 0px;
	top: 180px;
	display: block;
	height: 750px;
	min-width: 730px;
	background-color: white;
	z-index: 0;
}
.contact-us-body{background: #f6f6f6;}
.contact-us-office-info-box {
	margin-bottom: 60px;
	width: 100%;
	background-color: #ec1c24;
	padding: 32px;
	color: white;
	line-height: 22px;
}
.contact-us-office-info-box h5{
	margin-bottom: 32px;
	font-size: 16px;
}
.contact-us-office-info-box a{
	margin-bottom: 22px;
	color: white;
	text-decoration: none;
}
.contact-us-office-hotline .hotlabel{font-weight:bold;font-size: 16px;}
.contact-us-office-hotline a {text-decoration: none;}
.contact-us-office-hotline {font-size: 14px;color:black;font-weight:100;}
.form-item{margin-bottom: 32px;}
.form-item .ui-selectonemenu-label{font-size:14px;}
.item-full{grid-column: 1 / -1;}
#capcha.fa-refresh :hover{color:blue;}