body{color:var(--color-01);background: url("hero-contact-bg.jpg") no-repeat center center;background-size: cover;background-attachment:fixed;}


h2{margin-bottom:50px;}

section.hero-contact{background:var(--color-02);min-height:100vh;display:flex;align-items: center;justify-content: center;position:relative;z-index:9;}
section.hero-contact h1{margin-bottom:50px;}
section.hero-contact .contact-illustration{max-width:100%;}

section.contact-sec-01 {padding: 100px 0px;background: linear-gradient(180deg, black 10%, transparent 40%, transparent 70%, black 100%);}

.contact-address{padding: 80px 0px 0px 0px;border-top: 1px solid var(--color-04);}

.MuiContainer-root{max-width: 100% !important;}

/**** contact-form  Formaloo ****/
.contact-form .formaloo--root-container {border-radius: 30px;border: 1px solid #38196E;overflow: hidden;}
.contact-form .MuiScopedCssBaseline-root.mui-style-vg0pgj{background:#000000;}
.contact-form .MuiContainer-root.mui-style-15paubg{max-width:100%;padding: 7% !important;}
.contact-form .formaloo__form-description.formaloo_RT8Vtp4v__form-description.MuiBox-root.mui-style-1oebdh9 {display: none;}
.contact-form label span {text-transform: uppercase;}
.contact-form .mui-style-1d79xf0 .MuiOutlinedInput-root fieldset,
.contact-form .mui-style-1jbcxwe .MuiOutlinedInput-root fieldset,
.contact-form .mui-style-2emxts .react-tel-input .form-control{background: linear-gradient(0deg, #060606, transparent) !important;}
.contact-form button.MuiButtonBase-root {margin: auto;}


.have-a-query{}
.have-a-query .formaloo__form-description,
.have-a-query label {display: none;}
.have-a-query .MuiContainer-root.mui-style-15paubg{padding: 0px;}
.have-a-query .formaloo__form-container{padding-left: 0px;}
.have-a-query .mui-style-da6ebc,
.have-a-query .mui-style-vg0pgj{background:transparent !important;}

.have-a-query .MuiOutlinedInput-root fieldset,
.have-a-query .react-tel-input .form-control{background: linear-gradient(0deg, #060606, transparent) !important;}

.formaloo__form-container
.ca_details{}
.ca_details h4,
.have-a-query h4{color:#9E7CFF;font-size:var(--rfs-21);}
.ca_details a{color:var(--color-01);text-decoration:none;}




button.MuiButtonBase-root {display: inline-block;background: transparent !important;border-radius: 100px;padding:0px !important;position: relative;z-index: 9;transition: all 300ms ease-in-out;}
button.MuiButtonBase-root .mui-style-1wc83rw {color: var(--color-01);font-size: var(--rfs-18) !important;font-weight: 500;line-height: 1;letter-spacing: 0.5px;text-align: center;text-transform: uppercase;padding: 15px 35px 16px 35px;border-radius: 100px;overflow: hidden;opacity: 1 !important;position: relative;z-index: 9;display: flex;justify-content: center;transition: all 300ms ease-in-out;}
button.MuiButtonBase-root .mui-style-1wc83rw:after {content: "";width:100%;height: 100%;background: var(--gradient-02);position: absolute;top: 0px;left: 0px;z-index: -1;transform-origin: center left;transition: all 300ms ease-in-out;}

button.MuiButtonBase-root:hover .mui-style-1wc83rw {transition:all 300ms ease-in-out;}
button.MuiButtonBase-root:hover .mui-style-1wc83rw:after {width: 400px;transition:all 300ms ease-in-out;}

/**** contact-form  Formaloo ****/
 

section.industries-sec-04{/* background: #0000007a; */padding: 80px 70px 70px 120px;/* background:var(--color-02); */position:relative;z-index:99;}
section.industries-sec-04 h2{line-height: 1;gap: 15px;display: flex;justify-content: center;align-items: center;}
section.industries-sec-04 h2 img{width: 190px;filter:invert(1) brightness(100);}
section.industries-sec-04 ul.journey-list{margin: 0px;padding: 0px;list-style-type: none;text-align: left;position: relative;gap: 30px;display: inline-flex;flex-direction: column;}
section.industries-sec-04 ul.journey-list:before{content:"";width: 2px;height: 100%;background: linear-gradient(45deg, #A1C6EA , #F24333);position: absolute;top: 0;left: 254px;}
section.industries-sec-04 ul.journey-list > li{position: relative;gap: 30px;display: flex;flex-direction: row;}
section.industries-sec-04 ul.journey-list > li:before {content: "";width: 10px;height: 10px;border-radius: 100px;box-shadow: 0px 0px 0px 5px #0f072c;position: absolute;top: 0px;left: 250px;}
section.industries-sec-04 ul.journey-list > li h4{font-size: var(--rfs-21);width: 100%;max-width: 250px;margin: 0px;}
section.industries-sec-04 ul.journey-list > li > ol{width: 300px;margin: 0px;padding: 0px;list-style-type: none;gap: 15px;display: flex;flex-direction: column;align-items: flex-start;}
section.industries-sec-04 ul.journey-list > li > ol > li{font-size: 15px;line-height: 1;padding: 12px 30px 15px 30px;border: 1px solid var(--color-01);border-radius: 100px;}


section.industries-sec-04 ul.journey-list > li:nth-child(1):before{background: #f24434;}
section.industries-sec-04 ul.journey-list > li:nth-child(2):before{background: #e85247;}
section.industries-sec-04 ul.journey-list > li:nth-child(3):before{background: #ce7e85;}
section.industries-sec-04 ul.journey-list > li:nth-child(4):before{background: #c48c99;}
section.industries-sec-04 ul.journey-list > li:nth-child(5):before{background: #bc99ac;}
section.industries-sec-04 ul.journey-list > li:nth-child(6):before{background: #b4a7bf;}
section.industries-sec-04 ul.journey-list > li:nth-child(7):before{background: #a5c0e2;}



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

@media (max-width:998.99px)
{ 
	h2{margin-bottom:30px;}

	section.hero-contact{padding: 15px;text-align: center;}
	section.hero-contact img{max-width: 90%;margin: auto;}
	section.hero-contact h1{margin-bottom: 30px;}
	section.hero-contact h1 br{display:none;}

	section.contact-sec-01{padding: 30px 10px;}
	section.contact-sec-01 .formaloo__form-container.formaloo_RT8Vtp4v__form-container.inheritFont.MuiBox-root.mui-style-16pwkyz{padding:0px !important;}
	
	.contact-form label span{font-size:12px;letter-spacing:1px;}

	.mui-style-l5b33a{padding-bottom:70px;}

	.contact-address{padding: 50px 30px;}
	.MuiBox-root.mui-style-euvxs4{background:transparent;}
	.ca_details h4,
	.have-a-query h4{margin-bottom:0px}

	
	.MuiBox-root.mui-style-tkevr6 {height: auto;}
	.have-a-query .formaloo__form-container{padding: 0px;}
	
	.have-a-query .MuiBox-root.mui-style-mvwult{padding:10px !important;}
	
	input{height:auto !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)
{ 


}