body.contact{background-image:url("hero-contact.webp");}

.bg-gradient-01{background: linear-gradient(180deg, rgb(14 6 40 / 0%) 0%, rgb(14 6 40 / 97%) 20%,rgb(14 6 40 / 100%) 30%);} 

section.contact-01{padding-top:60px;padding-bottom:30px;} 
section.contact-02{padding-top:30px;padding-bottom:60px;} 

section.contact-maps{background: rgb(14 6 40);}
section.contact-maps h2{margin-bottom:0px;}
 

/*** office-cms-box ***/
.office-cms-box{/* margin-top: 30px; */height: 100%;/* display: block; *//* position: relative; *//* overflow: hidden; */}
.office-cms-box .oc-box{padding:30px;height: 100%;background: var(--color-14);border: 1px solid var(--color-01);border-radius:15px;/* margin: 30px 1px 1px 1px; */}
.office-cms-box .oc-box .icon{height: 70px;padding-bottom: 20px;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;}
.office-cms-box .oc-box h3{color: var(--color-01);font-size: var(--rfs-24);font-weight: 400;margin-bottom: 20px;}
.office-cms-box .oc-box p{color:var(--color-01);font-weight: 400;margin-bottom: 0px;}
/*** office-cms-box ***/

.MuiBox-root {background: transparent !important;}
.MuiContainer-root {margin-left: 0px !important;padding: 0px !important;}
.MuiScopedCssBaseline-root.mui-style-vg0pgj {background: transparent !important;}
.formaloo__form-container {padding: 0px !important;}

/* `md` applies to small devices (landscape phones, less than 768px)*/

@media (max-width: 767.98px)
{ 
	body.contact section.hero-banner{background-image:url("hero-contact.webp");}
	
	section.contact-02{padding-bottom:0px;}
	body.contact section.careers-01 h2{margin-bottom:0px !important;}
	
	label span {font-size: 12px !important;}

	
	.MuiBox-root.mui-style-mvwult {padding: 0px !important;}
	.office-cms-box{padding-bottom:15px;opacity: 1 !important;transform: inherit !important;}
	.office-cms-box .oc-box{padding:20px;}
	.row.mt-5.contact_01{margin-top:0px !important;}
}


/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px)
{ 

}

/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px)
{ 

}

/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px)
{ 


}