@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
/*font-family: "Poppins", sans-serif;*/

html { font-size: 100%; scroll-behavior: smooth; }
* { outline: none; margin: 0px; padding: 0px; box-sizing: border-box; }
img { outline: none; }
body { font-family: "Montserrat", sans-serif; font-size: 1em; color: #222222; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: "Urbanist", sans-serif; }
p { line-height: 30px; }
ul,
ol,
li { margin: 0px; padding: 0px; }
.container { width: 1200px; margin: 0 auto; }
.flex-container { display: flex; flex-wrap: wrap; }
.clear { clear: both; }
.olive-but,
.cfs-hyperlink { background: #44d62c; text-decoration: none; padding: 18px 20px; display: inline-flex; border-radius: 8px; line-height: 1; color: #000; font-weight: 600; font-size: 1.1em; align-items: center; position: relative; z-index: 1; cursor: pointer; }
.olive-but:before,
.cfs-hyperlink:before { content: ""; border: solid 1px #44d62c; position: absolute; left: -10px; top: 10px; width: 100%; height: 100%; z-index: -1; border-radius: 8px; }
.olive-but:after,
.cfs-hyperlink:after { content: ""; width: 12px; height: 12px; background: url(../../images/uae-images/arrow.svg); margin-left: 8px; background-repeat: no-repeat; }
/*.olive-but:hover { background: #A250AB; color: #fff; }*/
.olive-title { font-size: 3.2em; line-height: 1.3; font-weight: 600; }
.olive-subtitle { font-size: 1.1em; line-height: 1.3; letter-spacing: 2px; color: #44D62C; margin-bottom: 10px; text-transform: uppercase; font-weight: 300; }
/*Header*/
.header { width: 100%; border-bottom: solid 1px #125e06; padding: 12px 0; position: absolute; top: 0; left: 0; z-index: 2; }
.sticky .header { position: fixed; background: #083001; }
.header .flex-container { justify-content: space-between; }
.logo img { width: 120px; display: flex; }
.header .olive-but a { text-decoration: none; color: #000; }
.header .olive-but:before { display: none; }
/*Hero-Banner*/
.banner { background: #222222; text-align: center; padding: 12em 0 6em 0; color: #fff; background: radial-gradient(80% 25% at 50% 7.5%, #0a4201 0%, rgb(4 28 0) 100%); position: relative; overflow: hidden; z-index: 1; }
.banner:before { background: url(../../images/uae-images/line.svg); width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; background-repeat: no-repeat; background-position: top center; z-index: -1; }
.banner span { color: #44d62c; text-transform: capitalize; text-align: center !important; }
.olive-title strong { display: inline-block; width: 100%; }
.banner p { width: 70%; margin: 2em auto 3em auto; }
.banner .cfs-hyperlink span { color: #000; }
.banner .slick-slider { margin-top: 5em; }
.trusted { margin-top: 30px; text-align: center; display: flex; width: 500px; text-align: left; margin: 0 auto; align-items: center; }
.trusted ul { display: flex; align-items: center; justify-content: center; margin-right: 1.5em; }
.trusted ul li { display: inline-block; margin: 0 -7px; }
.trusted ul li img { border-radius: 100px; width: 48px; }
.trusted .olive-but { margin-left: auto; }
.trusted strong { display: inline-block; width: 100%; line-height: 1; font-size: 1.8em; }
.trusted aside { display: flex; flex-direction: column; gap: 2px; margin-right: 3em; }
.clint-slider .slick-slide img { border-radius: 10px; }
.slick-slider { margin-top: 4em; }
/*About-clients*/
.about { padding: 5em 0; }
.about .flex-container { flex-wrap: nowrap; gap: 4em; }
.about .olive-title { font-size: 3em; }
.about .flex-container > div { flex: 1 1 calc((50% / 1) - 2em); }
.about .flex-container > div p { padding-bottom: 10px; }
.about .flex-container aside { flex: 1 1 calc((50% / 1) - 2em); }
.about-slider .slick-slide { border-radius: 10px; text-align: center; }
.about-slider .slick-list { margin: -15px; }
.about-slider .slick-slide strong { font-size: 6em; display: inline-block; width: 100%; font-weight: 900; color: #44d62c; border-bottom: solid #44d62c; margin-bottom: 20px; background: -webkit-linear-gradient(0deg, #a1d62c 0%, #44d62c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.about-slider .slick-slide h4 { font-size: 1.5em; color: #4a4a4a; font-weight: 500; margin-top: 15px; }
.about-slider .slick-slide p { font-size: 1.1em; margin: 10px 0 16px 0; display: inline-block; font-family: "Urbanist", sans-serif; }
.about-slider .slick-slide > div { background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 7px, transparent 7px) 0% 0%/8px 8px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 7px, transparent 7px) 100% 0%/8px 8px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 7px, transparent 7px) 0% 100%/8px 8px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 7px, transparent 7px) 100% 100%/8px 8px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 16px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 16px) calc(100% - 2px) no-repeat, linear-gradient(#e3e3e3 0%, #ffffff 100%); border-radius: 10px; padding: 1.5em; text-align: left; }
/*services*/
.services-min { text-align: center; padding: 6em 0; background: #000; color: #fff; position: relative; overflow: hidden; background: radial-gradient(80% 25% at 50% 7.5%, #0a4201 0%, rgb(4 28 0) 100%); z-index: 1; }
.services-min:before { background: url(../../images/uae-images/line.svg); width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; background-repeat: no-repeat; background-position: top center; z-index: -1; }
.services-min p { padding-top: 15px; }
.services-min .slick-slide > div { background: #ffffff; background: linear-gradient(360deg, rgb(74 74 74 / 54%) 0%, rgb(104 104 104 / 8%) 100%); padding: 2em; border-radius: 10px; display: inline-block; min-height: 320px; border: solid 1px #14480b; margin: 15px 15px; }
.services-grid { text-align: left; }
.services-grid h3 { font-size: 1.3em; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; width: 100%; }
.services-min strong { font-size: 1.2em; }
.services-min ul { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 30px; }
.services-min ul li { display: inline-block; justify-content: center; flex-wrap: wrap; padding-right: 15px; margin-right: 15px; position: relative; line-height: 1; }
.services-min ul li:last-child { margin-right: 0px; padding-right: 0px; }
.services-min ul li:before { content: ""; width: 2px; height: 100%; background: #ffffff; position: absolute; right: 0; top: 0; }
.services-min ul li:last-child:before { display: none; }
/*clint-logo*/
.clint-min { padding: 5em 0; text-align: center; }
.clint-min .olive-title { width: 60%; margin: 0 auto; }
.clint-logo .slick-slide { margin: 0 16px; background: #ffffff; padding: 10px 20px; border-radius: 8px; border: solid 1px #ddd; }
.clint-logo .slick-slide img { height: 60px; }
.clint-logo .slick-slide > div { margin: 0; }
.logo-grid { border-radius: 8px; }
.logo-grid img { width: 100%; }
.clint-min .flex-container { justify-content: center; gap: 3em; margin-top: 3em; flex-wrap: nowrap; }
/*work-min*/
.work-min { text-align: center; padding: 5em 0; background: #000; color: #fff; position: relative; background: radial-gradient(80% 25% at 50% 7.5%, #0a4201 0%, rgb(4 28 0) 100%); z-index: 1; }
.work-min:before { background: url(../../images/uae-images/line.svg); width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; background-repeat: no-repeat; background-position: top center; z-index: -1; }
.work-min .slick-slide img { width: 100%; height: 100%; border-radius: 10px; border: solid 1px #4c4c4c; }
/*Success-Stories*/
.success-stories { padding: 6em 0; text-align: center; }
.success-stories p { width: 70%; margin: 0 auto; }
.success-stories .flex-container { gap: 3em; }
.stories-grid { text-align: left; }
.stories-grid .olive-title { font-size: 3em; text-transform: uppercase; margin: 20px 0; }
.stories-grid { padding: 2em; border: solid 1px #ddd; border-radius: 20px; }
.success-stories .stories-grid p { line-height: 1.8; width: 100%; min-height: 230px; }
.stories-grid h3 { padding: 0px; font-weight: 400; color: #2ab912; text-transform: uppercase; letter-spacing: 1px; }
/*CTA*/
.cta { text-align: center; padding: 6em 0; color: #fff; background: radial-gradient(80% 95% at 50% 8.5%, #0a4201 0%, rgb(4 28 0) 100%); position: relative; }
.cta:before { background: url(../../images/uae-images/line.svg); width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; background-repeat: no-repeat; background-position: top center; }
.cta span { text-transform: uppercase; }
.cta p { width: 50%; margin: 20px auto 40px auto; }
/*portfolio*/
.portfolio { padding-bottom: 4em; }
.portfolio-grid h4 { display: table; text-align: center; margin: 20px auto; font-size: 1.25em; }
.portfolio-grid figure { height: 680px; overflow: hidden; box-shadow: #00000040 5px 5px 15px -5px; position: relative; -webkit-transition: all 2s ease; transition: all 2s ease; }
.portfolio-grid figure img { width: 100%; position: absolute; -webkit-transition: all 1s ease; transition: all 2s ease; top: 0; }
.portfolio-grid figure:hover img { -webkit-transform: translateY(-100%); transform: translateY(-100%); top: 100% }
/*footer*/
.footer-cta { padding: 4em 0; text-align: center; color: #fff; background: #000; background: radial-gradient(80% 95% at 50% 8.5%, #0a4201 0%, rgb(4 28 0) 100%); position: relative; z-index: 1; }
.footer-cta:before { background: url(../../images/uae-images/line.svg); width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; background-repeat: no-repeat; background-position: top center; z-index: -1; }
.footer-cta h2 { font-weight: 300; margin-bottom: 15px; position: relative; }
.open-form { position: fixed; width: 100%; height: 100%; background: radial-gradient(80% 25% at 50% 7.5%, #0a4201 0%, rgb(4 28 0) 100%); z-index: 9; display: flex; align-items: center; justify-content: center; text-align: center; top: -100%; left: 0; }
.footer { text-align: center; background: #000; color: #fff; padding: 10px 0; }
.add-form .open-form { top: 0; }
.open-form .container { width: 800px; padding: 2em 3em; border-radius: 20px; box-shadow: 0 0 20px #00000029; background: #fff; }
.open-form h2 { font-size: 3em; margin-bottom: 20px; }
.open-form ul { display: flex; flex-wrap: wrap; gap: 2em 3em; margin-top: 30px; }
.open-form ul li { width: 100%; display: inline-block; flex: 1 1 calc((100% / 3) - 2rem); }
.open-form ul li:nth-child(4) { flex: 1 1 calc((100% / 1) - 2rem); }
.open-form ul li input,
.open-form ul li textarea { font-size: 0.9em; padding: 12px 8px; color: #333; border: none; border-radius: 0; width: 100%; margin: 0; background: no-repeat; font-weight: 500; border-bottom: 1px solid #bbbbbbfa; }
.open-form ul li textarea { height: 70px; }
.open-form ul li:last-child { text-align: right; }
.open-form ul li:last-child .wpcf7-submit { background: #44d62c; text-decoration: none; padding: 18px 20px; display: inline-flex; border-radius: 8px; line-height: 1; color: #000; font-weight: 600; font-size: 1.1em; align-items: center; position: relative; z-index: 1; width: 120px; border: none; }
.close { position: absolute; right: 0; top: 0; background: #44d62c; padding: 10px; cursor: pointer; }
.portfolio { padding: 6em 0; }
.portfolio .slick-slider { margin: 0px; }
.work-min .slick-slide > div { margin: 15px 15px; }
span.wpcf7-spinner { position: absolute; }
.cd-words-wrapper b { width: 100% !important; }