span.spib, span.spib strong {gap: 15px;display:flex;overflow: hidden;justify-content: center;} section.contact-sec-01{padding-top: 180px;min-height: 100vh;} section.contact-sec-01 h1{display: flex;flex-direction: column;align-items: flex-start;} section.contact-sec-01 h1 strong{background: linear-gradient(90deg, #1F9E91 0.26%, #F68D1E 136.86%);font-size:38px;background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'johnston_its_medium', sans-serif;} section.contact-sec-01 form{margin-top: 60px;padding: 40px;border: 1px solid var(--color-11);padding-bottom: 80px;} section.contact-sec-01 form > .MuiBox-root {display: flex;flex-direction: row !important;flex-wrap: wrap !important;align-items: center;justify-content: center;} section.contact-sec-01 form .MuiBox-root{position:relative;} section.contact-sec-01 .formaloo__field:nth-child(1), section.contact-sec-01 .formaloo__field:nth-child(2), section.contact-sec-01 .formaloo__field:nth-child(3) {max-width: 47%;} section.contact-sec-01 .MuiBox-root.mui-style-8atqhb:nth-child(4){width:47%;} .formaloo__field--phone.formaloo__field.formaloo_OzfEC57D__field.MuiBox-root.mui-style-z5ank7 {max-width: 100%;} .formaloo__field--phone .MuiBox-root.mui-style-0 {width: 100%;} /**** checkbox ****/ .mui-style-zazdy5 .MuiFormControlLabel-labelPlacementEnd * {border: 1px solid var(--color-11);border-radius: 0px;} .mui-style-zazdy5 {width: 32.33% !important;border:none !important;background:transparent !important;padding-left:0px !important;} .mui-style-zazdy5 label{background:transparent !important;} .mui-style-zazdy5 .MuiTypography-root{padding:0px !important;} label.MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-animated.MuiFormLabel-colorPrimary.MuiInputLabel-root.MuiInputLabel-animated.mui-style-n60o4q{font-weight: 100% !important;} label.MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-animated.MuiFormLabel-colorPrimary.MuiInputLabel-root.MuiInputLabel-animated.mui-style-n60o4q span{font-size:16px !important;;font-weight: 100 !important;line-height:1;} .mui-style-10qahie {vertical-align: middle !important;-webkit-tap-highlight-color: transparent !important;margin-left: 0px !important;margin-right: 0px !important;background-color: inherit !important;border: none !important;border-radius: 0px !important;width: auto !important;padding-left: 0px !important;padding-right: 0px !important;} /**** inputbox ****/ .mui-style-1xprspe .MuiInputBase-root fieldset, .mui-style-1hpldsj .react-tel-input .form-control {/* background: var(--color-01); */border: 1px solid transparent !important;border-bottom: 1px solid var(--color-11) !important;} .MuiInputBase-root.MuiOutlinedInput-root.mui-style-u9kf0h{background:#ffffff;padding: 0px;} .containerClass.react-tel-input, .mui-style-1hpldsj .react-tel-input .form-control {background: #ffffff;} textarea{height:50px !important;} fieldset.MuiFormControl-root.mui-style-tzsjye .MuiFormGroup-root.mui-style-17rzcra {column-count: 2;display: block;/* display: flex; *//* flex-flow: wrap-reverse; *//* flex-direction: row; *//* flex-wrap: wrap; *//* justify-content: flex-start; */align-items: center;} /**** Error ****/ ul.MuiList-root.MuiList-padding.mui-style-866d6n {color: #ffffff;font-size: 10px;text-transform: uppercase;padding: 4px;position: absolute;bottom: 0px;right: 0;background: red;} /**** Button ****/ section.contact-sec-01 button.mui-style-17v9qlh{font-weight: 600;letter-spacing: 1px;text-transform: uppercase;text-align: center;display: inline-block;min-width: 300px;background: transparent;border-radius: 100px;margin: auto;position: relative;z-index: 2;overflow: hidden;transition: all 200ms ease-in-out;} section.contact-sec-01 button.mui-style-17v9qlh:after {content: "";width: 100%;height: 100%;background: linear-gradient(87deg, #16978A 0.12%, #F68D1E 98.84%);border-radius: 100px;position: absolute;top: 0px;left: 0px;z-index: -1;transition:all 100ms ease-in-out;} section.contact-sec-01 button.mui-style-17v9qlh .MuiTouchRipple-root{color: var(--color-01);text-align: left;padding: 10px 30px 10px 0px;display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;transition: all 200ms ease-in-out;} section.contact-sec-01 button.mui-style-17v9qlh .MuiTouchRipple-root:before, section.contact-sec-01 button.mui-style-17v9qlh .MuiTouchRipple-root:after {content: "";display: inline-block;width: 24px;height: 17px;background: url(../templates/img/btn-arrow.png) no-repeat center center;background-size: contain;position: absolute;top: 10px;transition: all 100ms ease-in-out;} section.contact-sec-01 button.mui-style-17v9qlh .MuiTouchRipple-root .m_txt{margin: 0px 10px;} section.contact-sec-01 button.mui-style-17v9qlh .MuiTouchRipple-root:before{left: -75px;transform: scale(0);} section.contact-sec-01 button.mui-style-17v9qlh .MuiTouchRipple-root:after{right: 20px;transform: scale(1);} section.contact-sec-01 button.mui-style-17v9qlh:hover{text-decoration:none;transition: all 100ms ease-in-out;} section.contact-sec-01 button.mui-style-17v9qlh:hover .MuiTouchRipple-root{color:var(--color-01);padding: 10px 0px 10px 30px;transition: all 200ms ease-in-out;} section.contact-sec-01 button.mui-style-17v9qlh:hover .MuiTouchRipple-root:before{left: 20px;transform: scale(1);transition:all 100ms ease-in-out} section.contact-sec-01 button.mui-style-17v9qlh:hover .MuiTouchRipple-root:after{right: -75px;transform: scale(0);transition: all 100ms ease-in-out;} section.contact-sec-01 button.mui-style-17v9qlh:hover:after{width: 300%;transition: all 100ms ease-in-out;} section.contact-sec-02{position:relative;background: linear-gradient(0deg, rgba(31, 158, 145, 0.40) -158.91%, #FFF 84.85%);padding-left:100px;padding-right:100px;} section.contact-sec-02 ul {display: flex;flex-wrap: wrap;flex-direction: row;align-content: space-between;margin:0px;padding:0px;list-style-type:none;position: relative;z-index: 9;pointer-events: none;padding-top:30px;} section.contact-sec-02 ul li{width: 100%;pointer-events: none;margin-bottom:-15px;margin-top:-15px;} section.contact-sec-02 ul li a{pointer-events: auto;color: var(--color-05);display:inline-block;font-size: calc(10px + 1vw + 1vh);font-weight: 100;line-height:1;text-transform:uppercase;padding: 15px 0px;transition:all 300ms ease-in-out;text-decoration: none;} section.contact-sec-02 ul li a.active{color:var(--color-03);transition:all 300ms ease-in-out;} section.contact-sec-02 ul li:nth-child(even){text-align:right;} .country-name{} #country-map{position: absolute;top: 0;right: 0;left: 0;bottom: 0;display: flex;justify-content: center;align-items: center;margin: auto;max-width: 75%;} #country-map svg{width: 89%;margin:auto; margin-left:50px !important;margin-top:50px !important;} #country-map .map-wrp{/*display:inline-block;position:relative;padding: 0% 10%;*/width: 89%;position: relative;} #country-map .map-wrp .map-name{position:absolute;} #country-map .map-wrp .map-name {position: absolute;/* width: 24px; *//* height: 24px; *//* background: var(--color-03); *//* border-radius: 100px; *//* background: radial-gradient(#000000 30%, transparent 70%); *//* mix-blend-mode: color; */transition: all 300ms ease-in-out;} #country-map .map-wrp .map-name:after{content:"";position: absolute;top: 29px;left: 4px;width: 7px;height: 7px;background: var(--color-02);border-radius: 100px;box-shadow: 10px 0px var(--color-02), 0px 10px var(--color-02), 10px 10px var(--color-02), 10px 19px var(--color-02);display: none;} #country-map .map-wrp .map-name .mc-name{color:var(--color-01);font-size:12px;line-height: 1;position: absolute;top: 0px;left: 0px;background: #53575a;border: 1px solid #000000;border-radius: 5px;padding: 3px 7px 4px 7px;transition: all 300ms ease-in-out;} #country-map.india .map-name{top: 61%;left: 67%;} #country-map.qatar .map-name{top: 59%;left: 59%;/* top: 53.5%; *//* left: 54.5%; */} #country-map.iraq .map-name{top: 55.5%;left: 58.5%;} #country-map.usa .map-name{text-transform: uppercase;top: 35%;left: 18%;} #country-map.egypt .map-name{top: 57.5%;left: 53%;} #country-map.romania .map-name{top: 46.5%;left: 51%;} #country-map.jordan .map-name{top: 54%;left: 54.5%;/* top: 69%; *//* left: 55%; */} #country-map.saudiarabia .map-name{top: 60%;left: 56%;/* top: 58%; *//* left: 55%; */} #country-map.indonesia .map-name{top: 71%;left: 75.5%;} #country-map.tunisia .map-name{top: 53%;left: 46.5%;} #country-map.nicaragua .map-name{top: 61%;left: 19%;} #country-map.sudan .map-name{top: 63%;left: 53.5%;} #country-map.uae .map-name{text-transform: uppercase;top: 58%;left: 60%;} #country-map.morocco .map-name{top: 57%;left: 42%;} #country-map.afghanistan .map-name{top: 54.5%;left: 60.5%;} #country-map.algeria .map-name{top: 57.5%;left: 45%;} #country-map.oman .map-name{top: 60%;left: 59.5%;/* top: 61%; *//* left: 55%; */} #country-map.syria .map-name{top: 53%;left: 55.25%;} #country-map.turkey .map-name{top: 51.2%;left: 52.5%;} g.country{opacity:0;transform-origin: center center;transition:all 500ms ease-in-out;} #country-map.india #India, #country-map.qatar #Qatar, #country-map.iraq #Iraq, #country-map.usa #USA, #country-map.egypt #Egypt, #country-map.romania #Romania, #country-map.jordan #Jordan, #country-map.saudiarabia #Saudi_arabia, #country-map.indonesia #Indonesia, #country-map.tunisia #Tunisia, #country-map.nicaragua #Nicargua, #country-map.sudan #Sudan, #country-map.uae #UAE, #country-map.morocco #Morocco, #country-map.afghanistan #Afghanistan, #country-map.algeria #Algeria, #country-map.oman #Oman, #country-map.syria #Syria, #country-map.turkey #Turkey {opacity:1;transition:all 500ms ease-in-out;} .MuiBox-root.mui-style-5s7ktl, .mui-style-z4iiy4, .MuiBox-root.mui-style-142zc2w{height:auto !important;padding: 0px !important;gap:0px !important;} .MuiContainer-root.MuiContainer-maxWidthMd.formaloo__success-page.formaloo_OzfEC57D__success-page.mui-style-var2g4 {background: #eefff9;border-radius:15px;border: 1px solid #d8f1e8;margin-top: 40px;} .MuiBox-root.mui-style-13v3rg8 {display: flex;flex-direction: column;align-items: center;} .MuiBox-root.mui-style-13v3rg8 h1 {font-size: 36px;margin-bottom: 20px;} .mui-style-17l1rek {max-width: 100% !important;} @media only screen and (min-width : 120px) and (max-width :768px) { section.contact-sec-01 {padding-top: 150px;} section.contact-sec-01 form {padding: 20px 15px;margin-top: 20px;} span.MuiTypography-root.MuiTypography-strong\/100.mui-style-1qucfja{font-size: 12px !important;} section.contact-sec-01 .formaloo__field:nth-child(1), section.contact-sec-01 .formaloo__field:nth-child(2), section.contact-sec-01 .formaloo__field:nth-child(3), section.contact-sec-01 .formaloo__field:nth-child(4) { max-width: 100%;} .mui-style-nq1heb {padding-left: 0px!important;padding-right: 0px!important;} .mui-style-r4sz40 {padding-top: 0px!important;} .mui-style-cumq31 {margin-right: 13px;} section.contact-sec-02 ul li a {font-size: calc(2px + 1vw + 1vh);} .mui-style-16pwkyz {padding-left: 0px;padding-right: 0px;} .MuiBox-root.mui-style-mvwult {padding: 0px !important;} .formaloo__form-container.formaloo_OzfEC57D__form-container.inheritFont.MuiBox-root.mui-style-16pwkyz {padding-left: 0px;padding-right: 0px;} fieldset.MuiFormControl-root.mui-style-tzsjye .MuiFormGroup-root.mui-style-17rzcra {column-count: 2;} section.contact-sec-01 .MuiBox-root.mui-style-8atqhb:nth-child(4) {width: 100%;} section.contact-sec-01 .formaloo__field:nth-child(1), section.contact-sec-01 .formaloo__field:nth-child(2), section.contact-sec-01 .formaloo__field:nth-child(3) {max-width: 100% !important;} section.contact-sec-01 .MuiBox-root.mui-style-8atqhb:nth-child(4) {width: 100% !important;} .formaloo__field--multiple_select.formaloo__field.formaloo_OzfEC57D__field.MuiBox-root.mui-style-ec0lbr {display: block !important;} .formaloo__field--long_text.formaloo__field.formaloo_OzfEC57D__field.MuiBox-root.mui-style-1y2pz7f {flex-direction: column !important;} button.MuiButtonBase-root.MuiButton-root.MuiButton-outlined.MuiButton-outlinedPrimary.MuiButton-sizeMedium.MuiButton-outlinedSizeMedium.MuiButton-colorPrimary.MuiButton-disableElevation.MuiButton-root.MuiButton-outlined.MuiButton-outlinedPrimary.MuiButton-sizeMedium.MuiButton-outlinedSizeMedium.MuiButton-colorPrimary.MuiButton-disableElevation.mui-style-1fo2rvn {justify-content: flex-start !important;padding-left: 30px !important;} .mui-style-l5b33a {padding-bottom: 35px !important;} .MuiBox-root.mui-style-htjm1 {width: 120px;} label.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd.mui-style-1ri6lux {width: 240px !important;height: 35px!important;} .mui-style-ryoebw {font-size: 14px !important;} button.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeMedium.MuiButton-containedSizeMedium.MuiButton-colorPrimary.MuiButton-disableElevation.MuiButton-fullWidth.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeMedium.MuiButton-containedSizeMedium.MuiButton-colorPrimary.MuiButton-disableElevation.MuiButton-fullWidth.formaloo__button.formaloo_OzfEC57D__button.mui-style-1olpbns { background-color: #1F9E91 !important;border-radius: 50px;} section.contact-sec-02{padding-left:0px;padding-right:0px;} } .MuiBox-root.mui-style-1grb82u {margin: 0px;} .MuiFormControl-root.MuiFormControl-fullWidth.MuiTextField-root.mui-style-qq6y2e {width: 100%;max-width: 100%;} .mui-style-1rssuu5 {max-width: 100%!important;} section.contact-sec-01 form {border-radius: 20px;box-shadow: 1px 1px 2px;} .MuiFormControl-root.MuiFormControl-fullWidth.MuiTextField-root.mui-style-sfzkml {max-width: 100%;} span.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label.mui-style-16gzibi {padding-top: 15px;} label.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd.mui-style-1ri6lux {max-width: inherit !important;} label.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd.mui-style-1ri6lux {display: inline-block;/* width: 50%; *//* width: 100%; */height: 45px;text-align: center;padding: 0px;margin: 10px;flex: 0;} fieldset.MuiFormControl-root.mui-style-tzsjye .MuiFormGroup-root.mui-style-17rzcra {} section.contact-sec-01 .formaloo__field:nth-child(1), section.contact-sec-01 .formaloo__field:nth-child(2), section.contact-sec-01 .formaloo__field:nth-child(3) {max-width: 47%;display: flex;flex-direction: column;align-items: flex-start;column-gap: 0px;} .mui-style-b1ie9 {max-width: 100%!important;} section.contact-sec-01 .MuiBox-root.mui-style-8atqhb:nth-child(4) {width: 47%;display: flex;flex-direction: column;align-items: flex-start;column-gap: 0px;} label.MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-animated.MuiFormLabel-colorPrimary.MuiInputLabel-root.MuiInputLabel-animated.mui-style-1nwcpij { } section.contact-sec-01 form .MuiBox-root {position: relative;/*display: flex;align-items: center;flex-direction: row;*/} span.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label.mui-style-16gzibi {padding-top: 0px;} button.MuiButtonBase-root.MuiButton-root.MuiButton-outlined.MuiButton-outlinedPrimary.MuiButton-sizeMedium.MuiButton-outlinedSizeMedium.MuiButton-colorPrimary.MuiButton-disableElevation.MuiButton-root.MuiButton-outlined.MuiButton-outlinedPrimary.MuiButton-sizeMedium.MuiButton-outlinedSizeMedium.MuiButton-colorPrimary.MuiButton-disableElevation.mui-style-1fo2rvn {border: 1px solid #ccc;border-radius: 30px;display: flex;/* min-width: 300px; *//* max-width: 300px; */} .formaloo__field--multiple_select.formaloo__field.formaloo_OzfEC57D__field.MuiBox-root.mui-style-ec0lbr {display: flex;align-items: flex-start;column-gap: 30px;flex-direction: column;} .formaloo__field--long_text.formaloo__field.formaloo_OzfEC57D__field.MuiBox-root.mui-style-1y2pz7f {display: flex;flex-direction: column;} .mui-style-1fo2rvn .MuiButton-startIcon {margin-left: 5px !important;} .mui-style-ryoebw{font-size:14px !important;} button.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeMedium.MuiButton-containedSizeMedium.MuiButton-colorPrimary.MuiButton-disableElevation.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeMedium.MuiButton-containedSizeMedium.MuiButton-colorPrimary.MuiButton-disableElevation.formaloo__button.formaloo_OzfEC57D__button.mui-style-7eytro {margin-left: 0;text-transform: uppercase;background: linear-gradient(87deg, #16978A 0.12%, #F68D1E 98.84%) !important;border-radius: 50px;padding: 0px 30px;min-width: 280px;} span.MuiTypography-root.MuiTypography-strong\/200.mui-style-1mjxf90 {font-weight: 500 !important;} /*[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer;border-radius: 30px !important;} */ span.MuiButton-icon.MuiButton-startIcon.MuiButton-iconSizeMedium.mui-style-1l6c7y9 {margin-left: 5px;} .mui-style-1ri6lux { width: 100% ! IMPORTANT; }