#left-menu{display:none !important;}
section.contact-us-page{display: flex;min-height:100vh;}
section.contact-us-page ul.page_list{margin:0px;padding:0px;list-style-type:none;width:100%;}
section.contact-us-page ul.page_list li{width:33.33333%;display:block;float:left;}
section.contact-us-page ul.page_list li a{color:#000;text-decoration:none;display:table-cell;width:100vw;height:100vh;vertical-align:middle;position:relative;overflow:hidden;padding:10vh 10vh 30vh 10vh;border-right:2px solid #000;transition:all 500ms ease-in-out;}
section.contact-us-page ul.page_list li a:after{content:"";position:absolute;top:0;left:0;width:100vh;height:100vh;background:#cff3ff;transform:scale(.1);border-radius:100%;z-index:-1;transition:all 500ms ease-in-out;}
section.contact-us-page ul.page_list li:nth-child(1) a:after{background:#cff3ff;}
section.contact-us-page ul.page_list li:nth-child(2) a:after{background:#fdf39d;top:-5%;left:5%;}
section.contact-us-page ul.page_list li:nth-child(3) a:after{background:#fedcff;top:-10%;left:23%;}
section.contact-us-page ul.page_list li a .ct-img{width: 100%;position:absolute;top:34%;right:-10%;z-index:5;transition:all 500ms ease-in-out;}
section.contact-us-page ul.page_list li a .ct-img img{}
section.contact-us-page ul.page_list li a .ct-Txt{position:relative;animation:6;}
section.contact-us-page ul.page_list li a .ct-Txt h3,
section.contact-us-page ul.page_list li a .ct-Txt h1,
section.contact-us-page ul.page_list li a .ct-Txt h2{font-size:40px;color:#000;}
section.contact-us-page ul.page_list li a .ct-Txt p{font-size:21px;font-weight:100;}
section.contact-us-page ul.page_list li a:hover{text-decoration:none;transition:all 500ms ease-in-out;}
section.contact-us-page ul.page_list li a:hover:after{transform:scale(2);transition:all 500ms ease-in-out;}
section.contact-us-page ul.page_list li a:hover .ct-img{right:0;transition:all 500ms ease-in-out;}


/* Forms */

label span{font-size: 50px !important;font-weight: 500 !important;line-height: 60px !important;}

.MuiFormControl-root {}
.MuiOutlinedInput-root fieldset,
.MuiBox-root.mui-style-l5b33a > div:nth-child(11) > label:nth-child(2),
.containerClass.react-tel-input{background-color: #ffffff !important;background: linear-gradient(45deg, #e70a8b12, #b9b5ff1a);border: none !important;z-index: -1;}
.containerClass.react-tel-input{z-index: 0;}

.formaloo__field--phone.formaloo__field.formaloo_j6C7vTva__field.MuiBox-root.mui-style-1n7s6gw{background-color: #ffffff !important;background: linear-gradient(45deg, #e70a8b12, #b9b5ff1a);border-radius: 10px !important;overflow: hidden;}
.mui-style-1n7s6gw .react-tel-input .form-control{min-height:60px !important;background-color: transparent !important;border: none !important;}




.MuiContainer-root {min-width: 100%;padding:0px !important;}
.MuiContainer-root > div{padding:0px !important;}

.MuiBox-root .formaloo__field label:nth-child(1) {display: contents;}

.MuiBox-root .formaloo__field label:nth-child(2){background-color: #ffffff !important;background: linear-gradient(45deg, #e70a8b12, #b9b5ff1a);border: none !important;border-radius: 10px;padding: 0px !important;min-height: auto !important;display: flex;flex-direction: row;}
.MuiBox-root .formaloo__field label > span:before{content:"";width:20px;height:100%;background:#ffffff;position:absolute;top:0px;right:0px;}
 
.MuiBox-root.mui-style-yuaeqb,
form.MuiBox-root > div >  div > div > div > div ,
form.MuiBox-root > div >  div > div > div > div > div{gap: 30px;display: flex;flex-direction: row !important;}

/* Submit Button */

span.MuiBox-root.mui-style-0 {width: 100% !important;margin-top:30px;padding-top:40px;border-top:1px solid #f1ecff;}

.formaloo__submit-button {width: 100% !important;padding: 40px !important;text-align: center !important;border-radius: 10px !important;transition:all 300ms ease-in-out;}
.formaloo__submit-button span{font-size:30px;text-transform:uppercase;}
.formaloo__submit-button:hover{background: #000000 !important;transition:all 300ms ease-in-out;}

/* Submit Button */




/* Forms */





.btn-send_a_brief .bc_txt:after{opacity:0;}

section.contact-form-01{padding:12vh 0;background:#0e44cc;}
section.contact-form-01 h1{color:#fff;font-size:4.7vw;font-weight:500;line-height:4.5vw;margin-bottom:3vh;}
section.contact-form-01 p{color:#fff;font-size:var(--font-size-12);}
section.contact-header-sec{padding:150px 0px 150px 0px;position:relative;}
section.contact-header-sec.send-a-project{background: linear-gradient(180deg, #ef008c24, #3f6ad900);}
section.contact-header-sec.alliance{background: linear-gradient(180deg, #ef008c24, #3f6ad900);}
section.contact-header-sec.career{background:#0e44cc;}

section.contact-header-sec h1{font-size:60px;font-weight:500;line-height:1.2;margin-bottom:30px;position: relative;z-index: 9;}
section.contact-header-sec p{font-size:26px;font-weight:100;margin-bottom:30px;position: relative;z-index: 9;}
section.contact-header-sec .img-contact-01{position:absolute;bottom:-151px;right:0px;width:42%;}
section.contact-form-02{padding: 50px 0px 100px 0px;}
input#field_41593786789, input#field_111593786789, input.numbers-font {font-family: 'Roboto' !important;font-weight: 400 !important;font-size: 14px !important;padding-top: 16px !important;padding-bottom: 14px !important;}
section.contact-form-02 h1{color:#333;font-size:70px;font-weight:500;line-height:70px;margin-bottom:30px;}
section.contact-form-02 p,
span.MuiTypography-root.MuiTypography-mediumUnderline\/75.mui-style-17wlkvs {color: #333;font-size: 18px !important;}
section.contact-form-02 .form-horizontal{padding:20px 40px 80px 40px;margin-top:-100px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);position:relative;z-index:8;}

.contact-header-sec .img-contact-01{}
.contact-form-02 .img-contact-01{position:absolute;top:50%;left:61%;width: 44vw;}
.contact-form-02 .img-contact-02{position:absolute;top:0%;left:-15%;}

.form-alliance{background:#ffffff;position: relative;z-index: 9;/* box-shadow: 0px 0px 10px rgba(0, 0, 0, .1); *//* margin-top: -70px; */}
/*.form-alliance iframe{height: 1450px;}*/


input {height: 44px !important;}
fieldset,
.containerClass.react-tel-input{border-radius: 10px !important;overflow: hidden;}

input::placeholder,
select::placeholder,
textarea::placeholder{color:black !important;font-size:24px;}



/* Multiple Choice */
form.MuiBox-root > div > div > div > div:nth-child(7) > div > div {display: flex;flex-direction: column !important;}
form.MuiBox-root > div > div > div > div:nth-child(7) > div > div .MuiBox-root .formaloo__field label > span:before,
form.MuiBox-root > div > div > div > div:nth-child(7) > div > div label > span:before{display: none;}

form.MuiBox-root > div > div > div > div:nth-child(7) > div span{line-height:1 !important;/* min-width:300px; */}
form.MuiBox-root > div > div > div > div:nth-child(7) fieldset div{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;}

form.MuiBox-root > div > div > div > div:nth-child(7) fieldset  div label > div{display:none;}
form.MuiBox-root > div > div > div > div:nth-child(7) fieldset label > div:nth-child(1) span{display:none !important;}


form.MuiBox-root > div > div > div > div:nth-child(7) fieldset button{background-color: #ffffff !important;background: linear-gradient(45deg, #e70a8b12, #b9b5ff1a);min-width: 300px;display: flex;flex-direction: row !important;justify-content: flex-start;flex-wrap: nowrap;}


@media (min-width:768px){
	
input::placeholder,
select::placeholder,
textarea::placeholder{color:black !important;font-size:24px !important;}
	input,
	select,
	textarea{font-size:24px !important;}

}

@media(max-width:1366px){
	section.contact-us-page ul.page_list li a .ct-img {	right: 23%;}
}
 

@media screen and (max-width: 990px) {

		/*.form-alliance iframe {height: 2130px;}*/
		section.contact-header-sec{padding: 110px 0px 20px 15px;}
		section.contact-header-sec .container{display: flex;flex-direction: column-reverse;}
		section.contact-header-sec .img-contact-01{width: 75%;position: static;float: right;display: inline-block;}
		section.contact-header-sec h1{font-size: 30px;line-height:1.1;margin-top: 20px;margin-bottom: 10px;}
		section.contact-header-sec p{font-size: 18px;}

		section.contact-form-02{border-top: 1px solid #ccc;padding: 0px 0px 50px 0px;}
		section.contact-form-02 .col-md-12{padding:0px;}
		
		.MuiContainer-root.mui-style-15paubg{padding:30px 20px !important;}
		
		.formaloo__field--short_text.formaloo__field,
		.formaloo__field--email.formaloo__field,
		.MuiBox-root.mui-style-l5b33a div:nth-child(3),
		.MuiBox-root.mui-style-l5b33a div:nth-child(6),
		.MuiBox-root.mui-style-l5b33a div:nth-child(8),
		.MuiBox-root.mui-style-l5b33a div:nth-child(9) {max-width: 100% !important;min-width: inherit;width: 100%;}

		.MuiBox-root {padding: 0px !important;}
		.MuiBox-root.mui-style-yuaeqb, form.MuiBox-root > div > div > div > div > div {gap:10px;flex-direction: column !important;}
		
		label span{font-size: 18px !important;}
	
		label.MuiFormControlLabel-root{width:100%;}
		
	}	

@media (max-width:768px){ 
	
	section.contact-us-page ul.page_list{margin-top: 90px;}
	section.contact-us-page ul.page_list li{width: 100%;border-bottom:1px solid #000000;}
	section.contact-us-page ul.page_list li a{padding: 0vh 17vh 0vh 5vh;height: 30vh;border:none;}
	section.contact-us-page ul.page_list li a .ct-img{top: -20px;width: 59%;right: 0%;}
	section.contact-us-page ul.page_list li a .ct-img img{width: 100%;}
	section.contact-us-page ul.page_list li a .ct-Txt{width: 80%;display: inline-block;}
	section.contact-us-page ul.page_list li a .ct-Txt h3,
	section.contact-us-page ul.page_list li a .ct-Txt h2,
	section.contact-us-page ul.page_list li a .ct-Txt h1{font-size: 25px;}
	section.contact-us-page ul.page_list li a .ct-Txt p{font-size: 16px;} 

	.formaloo__field {}
	label.MuiFormLabel-root{display: block !important;margin-top: 20px;margin-bottom: 5px !important;}
	
	/*section.contact-us-page ul.page_list li a .ct-img {	top: 20%;}*/
	.MuiBox-root .formaloo__field label > span:before{width:1px;}
	
	.MuiBox-root.mui-style-yuaeqb,
	form.MuiBox-root > div > div > div > div > div,
	form.MuiBox-root > div > div > div > div > div > div {gap: 0px;display: flex;flex-direction: column !important;}
	
	form.MuiBox-root > div > div > div {gap: 0px;position: static !important;}

	.formaloo__submit-button{min-height: auto !important;height:auto !Important;padding: 10px !important;border-radius: 5px !important;margin-top: 30px !important;}
	.formaloo__submit-button span{font-size: 18px;}

	input, select, textarea, .mui-style-1n7s6gw .react-tel-input .form-control {height: auto !important;min-height: auto !important;}
	
	input::placehoder, select::placehoder, textarea::placehoder,
	input, select, textarea {font-size: 14px !important;}
	
	fieldset,
	.containerClass.react-tel-input{border-radius:5px !important;overflow: hidden;}

}