@charset "utf-8";
/* CSS Document */

/* CSS Document © 2025 Envinto */
@font-face {
    font-family: 'Futura PT';
    src: url('../fonts/FuturaPT-Medium.eot');
    src: url('../fonts/FuturaPT-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaPT-Medium.woff2') format('woff2'),
        url('../fonts/FuturaPT-Medium.woff') format('woff'),
        url('../fonts/FuturaPT-Medium.ttf') format('truetype'),
        url('../fonts/FuturaPT-Medium.svg#FuturaPT-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Regular.eot');
  src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
      url('../fonts/ProximaNova-Regular.woff') format('woff'),
      url('../fonts/ProximaNova-Regular.ttf') format('truetype'),
      url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



@font-face {
    font-family: 'Futura PT Regular';
    src: url('../fonts/FuturaPT-Book.eot');
    src: url('../fonts/FuturaPT-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaPT-Book.woff2') format('woff2'),
        url('../fonts/FuturaPT-Book.woff') format('woff'),
        url('../fonts/FuturaPT-Book.ttf') format('truetype'),
        url('../fonts/FuturaPT-Book.svg#FuturaPT-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
  font-family: 'Futura Now Headline';
  src: url('../fonts/FuturaNowHeadline-CnXBd.eot');
  src: url('../fonts/FuturaNowHeadline-CnXBd.eot?#iefix') format('embedded-opentype'),
      url('../fonts/FuturaNowHeadline-CnXBd.woff2') format('woff2'),
      url('../fonts/FuturaNowHeadline-CnXBd.woff') format('woff'),
      url('../fonts/FuturaNowHeadline-CnXBd.ttf') format('truetype'),
      url('../fonts/FuturaNowHeadline-CnXBd.svg#FuturaNowHeadline-CnXBd') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');


::-moz-selection{ background:#7b7d7f; color:var(--primary-color); text-shadow:none;}
::selection { background:#7b7d7f; color:var(--primary-color); text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; font-family:"Montserrat", sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } 
body {color:#ffffff; background: #000000; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden !important; scroll-behavior: smooth;}
:root { --primary-color: #000000; --secondary-color:#ffffff; overflow: hidden; overflow-y: scroll;}
a { text-decoration:none; transition:all 0.25s ease-out 0s; outline: none; box-shadow: none;}
a:hover{text-decoration: none;}
h1, h2, h3 , h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{font-family: "Futura PT Regular";}
p, p span { font-family:"Montserrat", sans-serif;}
img { border:0px;}
ol, ul, li{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-appearance: none;}
::-webkit-input-placeholder {
  color:var(--secondary-color);
}
::-moz-placeholder { 
  color:var(--secondary-color);
}
:-ms-input-placeholder {
  color:var(--secondary-color);
}
:-moz-placeholder {
  color:var(--secondary-color);
}

section, header, footer {width: 100%; float: left;}

img{max-width: 100%; display: block;}

strong{font-weight: bold;}

.container{width: 94%; max-width: 1320px; margin: 0 auto;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px var(--primary-color) inset !important;
  box-shadow: 0 0 0px 1000px var(--primary-color) inset !important;
  -webkit-text-fill-color: var(--secondary-color) !important;
}

textarea:-webkit-autofill,
textarea:-webkit-autofill:hover, 
textarea:-webkit-autofill:focus, 
textarea:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px var(--primary-color) inset !important;
  box-shadow: 0 0 0px 1000px var(--primary-color) inset !important;
  -webkit-text-fill-color: var(--secondary-color) !important;
}

select:-webkit-autofill,
select:-webkit-autofill:hover, 
select:-webkit-autofill:focus, 
select:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px var(--primary-color) inset !important;
  box-shadow: 0 0 0px 1000px var(--primary-color) inset !important;
  -webkit-text-fill-color: var(--secondary-color) !important;
}


.common-anchor { position: absolute; width: 100%; height: 100%; left: 0; top: 0;z-index: 1;}

/* -----header-wrapp----- */
.header-wrapp {position: absolute;top: 0;left: 0;padding: 15px 0 15px;z-index: 99;transition: all .25s ease-in-out;}
.header-wrapp .header-row {width: 100%;display: flex;flex-wrap: wrap;position: relative;justify-content: space-between;align-items: center;}
.header-wrapp .logo {width: 230px;transition: all .25s ease-in-out;position: absolute;left: 50%;top: 70%;transform: translate(-50%, -50%);}
.header-wrapp.sticky .logo {width: 145px !important; top: 50%;}
.header-wrapp .header-right {width: auto;text-align: right; display: flex ;  flex-wrap: wrap; align-items: center;}
.header-wrapp ul { width: auto; display: inline-block;}
.header-wrapp ul li {display: inline-block;font-size: 13px;margin-left: 15px;color: var(--primary-color);text-transform: uppercase;}
.header-wrapp ul li:first-child { margin-left: 0;}
.header-wrapp ul li a {  color: var(--secondary-color); padding: 10px 0; display: block;  position: relative;}
.header-wrapp.sticky ul li a{ color: var(--secondary-color);}
.header-wrapp ul li a:after{content: "";  position: absolute;  width: 0;   height: 2px; left: 50%; transform: translateX(-50%); bottom: 4px;  background: #00892d;  transition: all .25s ease-in-out;}
.header-wrapp ul li a:hover {color: #00892d;}
.header-wrapp ul li a:hover:after{width: 100%;}
.header-wrapp .header-btns {width: auto;display: inline-block;margin: 0 0 0 15px;}
.header-wrapp .header-btns a {display: inline-block;padding: 14px 20px; background: #00892d; color: var(--primary-color);text-transform: uppercase;font-size: 13px; border: 1px solid #00892d; border-radius: 0; animation: glow 1.4s ease-out infinite;}
.header-wrapp .header-btns a:hover {background: none;color: #00892d;}
.header-wrapp .header-btns a{position: relative; z-index: 1; overflow: hidden;}
.header-wrapp.sticky-header{display: none; padding: 15px 0;}
.header-wrapp.sticky-header.sticky { position: fixed;  background: var(--primary-color); padding: 15px 0; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; animation: .7s slide-down;}
.header-wrapp.sticky{position: fixed;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;animation: .7s slide-down;background: var(--primary-color);}
.header-wrapp.sticky-header.sticky .header-right { display: none;}
.header-wrapp.sticky-header .logo { position: relative; transform: none;  left: 0;  top: 0;}
.header-wrapp .header-left { width: auto;}
.header-wrapp .container{max-width: 94%;}
.header-wrapp .header-btns a .icon { display: inline-block; width: 10px; height: 16px; position: relative; float: left; margin: -1px 12px 0 0;}
.header-wrapp .header-btns a .icon .hover-icon {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all .25s ease-in-out; opacity: 0;}
.header-wrapp .header-btns a .icon img { width: 100%; height: 100%; transition: all .25s ease-in-out;}
.header-wrapp .header-btns a:hover .icon > img { opacity: 0;}
.header-wrapp .header-btns a:hover .icon .hover-icon { opacity: 1;}

.overlay { position: fixed; width: 100%; height: 100%; background: #00892d; z-index: 9;  right: 0;  margin-right: -100%;  opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
.overlay .overlay-inner { width: 100%; height: 100%;  background: var(--primary-color);  padding: 135px 4% 50px;  margin-right: -100%;  opacity: 0;  visibility: hidden;  transition: all 1s cubic-bezier(0.7, 0, 0.2, 1);  position: absolute;  top: 0;  right: 0; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.overlay .overlay-inner ul { width: 100%;}
.overlay .overlay-inner ul li { display: block; color: var(--secondary-color);  font-size: 26px; letter-spacing: 2px; margin: 0 0 22px; font-family:  'Futura PT';}
.overlay .overlay-inner ul li a { color: var(--secondary-color);  display: inline-block;}
.overlay .overlay-inner ul li a:hover { color: #00892d;  transform: scale(1.08);}
.overlay.show { margin-right: 0; opacity: 1; visibility: visible;}
.overlay.show .overlay-inner { margin-right: 0;  opacity: 1;  visibility: visible;}
.menu-open .header-wrapp.sticky {box-shadow: none;}
body.menu-open {   overflow: hidden !important;   padding-right: 15px;}
.overlay .social { width: 100%;}
.overlay .social ul { display: flex; flex-wrap: wrap;}
.overlay .social ul li {display: inline-block;margin: 0 20px 0 0 !important;}
.overlay .social ul li .icon {width: 30px;height: 30px;display: block;position: relative;background: #00892d;padding: 6px;border: 1px solid #00892d;border-radius: 50%;transition: all .25s ease-in-out;}
.overlay .social ul li .icon img { width: 100%; height: 100%; transition: all .25s ease-in-out;}
.overlay .social ul li .icon span.hover-icon {position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all .25s ease-in-out;opacity: 0;padding: 8px;}
.overlay .social ul li:hover .icon span.hover-icon { opacity: 1;}
.overlay .social ul li:hover .icon > img { opacity: 0;}
.overlay .social ul li:hover .icon {background: var(--secondary-color);border-color: var(--secondary-color);}




/* ------banner-wrapp----- */
.banner-wrapp {height: 100vh;position: relative;}
.banner-wrapp .bg-img {  width: 100%; height: 100%; position: relative;}
.banner-wrapp .bg-img img { width: 100%; height: 100%; object-fit: cover;}
.banner-wrapp .bg-img:after {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgb(0 0 0 / 40%);}
.banner-wrapp .bg-video { width: 100%; height: 100%; position: relative; overflow: hidden;}
.banner-wrapp .bg-video video {position: absolute;width: 140%;height: 140%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.banner-wrapp:after {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgb(0 0 0 / 25%);}
.banner-wrapp .banner-content {width: 100%;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;text-align: center; }
.banner-wrapp .banner-content .banner-row {width: 100%; padding: 12.7% 0 0;}
.banner-wrapp .banner-content .banner-text { width: 100%;}
.banner-wrapp .banner-content h1 {font-size: 38px;color: var(--secondary-color);margin: 0 0 12px;text-transform: uppercase;}
.banner-wrapp .banner-content h1 span {font-weight: bolder;font-size: 125%;}
.banner-wrapp .banner-content p { font-size: 14px; line-height: 1.8em; letter-spacing: .01em; color: var(--secondary-color); margin: 0 0 16px;}
.banner-wrapp .banner-content .banner-btn { display: inline-block; padding: 14px 20px; background: #00892d; color: var(--secondary-color); text-transform: uppercase; font-size: 16px; border: 1px solid #00892d; border-radius: 0; animation: glow 1.4s ease-out infinite;}
.banner-wrapp .banner-content .banner-btn:hover { background: none; color: #00892d;}
.banner-wrapp .banner-content .banner-text .banner-text-row {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.banner-wrapp .banner-content .banner-text .banner-text-row .banner-textbox {width: auto;}
.banner-wrapp .banner-content .banner-text .banner-text-row .banner-textbox1 { width: auto; position: relative; padding: 0 25px; margin: 0 0 0;}
.banner-wrapp .banner-content .banner-text .banner-text-row .banner-textbox1 h1 span {display: block;font-size: 40px; font-weight: normal;}
.banner-wrapp .banner-content .banner-text .banner-text-row .banner-textbox1:before { content: ""; position: absolute; height: 100%; width: 10px; border: 3px solid #00892d; left: 10px; border-right: 0; top: 0;}
.banner-wrapp .banner-content .banner-text .banner-text-row .banner-textbox1:after { content: ""; position: absolute; height: 100%; width: 10px; border: 3px solid #00892d; right: 10px; border-left: 0; top: 0;}
.banner-wrapp .slick-dots {text-align: center;}
.banner-wrapp .banner-content h1 span.highlight { font-size: 50px;}
.banner-wrapp .banner-content .banner-btn .icon { display: inline-block; width: 10px; height: 16px; position: relative; float: left; margin: 3px 12px 0 0;}
.banner-wrapp .banner-content .banner-btn .icon .hover-icon {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all .25s ease-in-out; opacity: 0;}
.banner-wrapp .banner-content .banner-btn .icon img { width: 100%; height: 100%; transition: all .25s ease-in-out;}
.banner-wrapp .banner-content .banner-btn:hover .icon > img { opacity: 0;}
.banner-wrapp .banner-content .banner-btn:hover .icon .hover-icon { opacity: 1;}
.banner-wrapp .slick-track {display: flex;flex-wrap: wrap;}
.banner-wrapp .banner-content .banner-text .banner-text-row .banner-textbox2 {width: auto; margin: auto 0 0;}
.banner-wrapp .banner-content .banner-text .banner-text-row .banner-textbox2 h1 { margin: 0 0  0;}


.banner-wrapp .social {display: none; position: absolute;top: 50%;transform: translateY(-50%);right: 2%; margin-right: -100%; transition: all  0.4s cubic-bezier(0.7, 0, 0.2, 1);}
.banner-wrapp .social.active {margin-right:0;}
.banner-wrapp .social ul { width: auto;} 
.banner-wrapp .social ul li {display: block;margin: 0 0 20px;}
.banner-wrapp .social ul li .icon {width: 25px;height: 25px;display: block;position: relative;background: #00892d;padding: 4px;border: 1px solid #00892d;border-radius: 50%;transition: all .25s ease-in-out;}
.banner-wrapp .social ul li .icon img { width: 100%; height: 100%; transition: all .25s ease-in-out;}
.banner-wrapp .social ul li .icon span.hover-icon {position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all .25s ease-in-out;opacity: 0;padding: 4px;}
.banner-wrapp .social ul li:hover .icon span.hover-icon { opacity: 1;}
.banner-wrapp .social ul li:hover .icon > img { opacity: 0;}
.header-wrapp .header-btns a.scrolled{ animation: glow 1.4s ease-out infinite;}
.banner-wrapp .social ul li:hover .icon {background: var(--secondary-color);border-color: var(--secondary-color);}


/* -----abouts-wrapp----- */
.abouts-wrapp {padding: 70px 0 0;background: var(--primary-color);text-align: center; position: relative;overflow: hidden;}
.abouts-wrapp h2 {font-size: 20px;margin: 0 0 40px;color: #00892d;letter-spacing: 5px;}
.abouts-wrapp p {font-size: 14px;line-height: 1.8em;letter-spacing: .01em;color: var(--secondary-color);margin: 0 0 20px;}
.abouts-wrapp::after{content: ""; width: 35%; position: absolute; background: url(../images/element-right.svg) no-repeat center / 100%; height: 100%; top: -5%; right: -15%;}

/* -------expertise-wrapp------- */
.expertise-wrapp {padding: 0 0;background: var(--primary-color);text-align: center;}
.expertise-wrapp .container { padding: 50px 0 70px; border-bottom: 1px solid var(--secondary-color);}
.expertise-wrapp h2 {font-size: 20px;margin: 0 0 50px;color: #00892d;text-transform: uppercase;letter-spacing: 5px;}
.expertise-wrapp .expertise-row {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.expertise-wrapp .expertise-col1 { width: 13%; margin: 0 1.5% 0 0; max-width: 150px;}
.expertise-wrapp .expertise-col1:nth-child(7) { margin-right: 0;}
.expertise-wrapp .expertise-col1:last-child { display: none;}
.expertise-wrapp .expertise-col1 .icon {width: 33px;display: block;margin: 0 auto 20px;}
.expertise-wrapp .expertise-col1 p {font-size: 13px;color: var(--secondary-color);letter-spacing: .01em;text-transform: uppercase;}



/* -------wedo-wrapp-------- */
.wedo-wrapp {padding: 70px 0 0;background: var(--primary-color);text-align: center;}
.wedo-wrapp .wedo-row { width: 100%;display: flex; flex-wrap: wrap;justify-content: center;}
.wedo-wrapp h1 {font-size: 75px; color: var(--secondary-color);font-family: 'Futura PT';}
.wedo-wrapp .wedo-col1 {width: auto;}
.wedo-wrapp .wedo-col2 { height: 96px;overflow: hidden; padding-top: 10px; margin-top: -10px;}
.wedo-wrapp .wedo-col2 h1 {padding: 0 15px;}
.wedo-wrapp .wedo-col2 h1 > div { font-family: 'Futura PT';}
.wedo-wrapp h2 {font-size: 20px;margin: 0 0 40px;color: #00892d;text-transform: uppercase;letter-spacing: 5px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.wedo-wrapp .text-slider {display: flex; flex-wrap: wrap; align-items: flex-end; font-size: 32px; color: var(--secondary-color); justify-content: center;}
.wedo-wrapp .dynamic-text-container {width: 22rem;overflow: hidden;text-align: left;}
.wedo-wrapp .text-slider .static-text { color: var(--secondary-color); margin-right: 14px;}
.wedo-wrapp .text-slider .text {width: 100%;}
.wedo-wrapp .text-slider .text span {display: inline-block;padding-left: 20px;position: relative; margin: 0 10px 20px;}
.wedo-wrapp .text-slider .text span:before {content: "\2022"; content: "";font-size: 40px;margin: 0 5px 0 0;position: absolute;top: 50%;width: 7px;height: 7px;display: inline-block;background: var(--secondary-color);left: 10px;transform: translateY(-50%);}
.wedo-wrapp h2 span { font-size: 44px; letter-spacing: 3px; margin: 0 -5px 0 7px;}
.wedo-wrapp h2 .wedo-title1 {font-size: 20px;}
.wedo-wrapp h2 .wedo-titles { display: flex; flex-wrap: wrap; flex-direction: column;}
.wedo-wrapp .text-slider .text ul { width: 100%;}
.wedo-wrapp .text-slider .text ul li { display: inline-block; padding-left: 20px; position: relative; margin: 0 3px 20px 0;}
.wedo-wrapp .text-slider .text ul li:before { content: ""; font-size: 40px; margin: 0 0 0 0; position: absolute; top: 50%; width: 7px;  height: 7px;  display: inline-block; background: var(--secondary-color); left: 0; transform: translateY(-50%);}


/* -----projects-wrapp----- */
.projects-wrapp {padding: 60px 0 50px;background: var(--primary-color);text-align: center; position: relative;}
.projects-wrapp h2 {font-size: 20px;margin: 0 0 40px;color: #00892d;text-transform: uppercase;letter-spacing: 5px;}
.projects-wrapp .projects-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.projects-wrapp .projects-col1 {width: 18.6%;margin: 0 1.75% 30px 0;}
.projects-wrapp h1 {font-size: 68px;font-family: 'Futura PT';color: #00892d;}
.projects-wrapp h1 span { font-family: 'Futura PT';}
.projects-wrapp .projects-col1:nth-child(5n) { margin-right: 0;}
.projects-wrapp h3 {font-size: 13px;letter-spacing: .01em;color: var(--secondary-color);text-transform: uppercase;}

.line-seperator { width: 94%; max-width: 1320px; margin: 0 auto; display: inline-block; height: 1px; background: var(--secondary-color); position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}


/* ------brands-wrapp------ */
.brands-wrapp { padding: 0 0 0; position: relative; height: 215px; overflow: hidden; margin: 40px 0 0;}
.brands-wrapp .brands-item {width: 100%; background: var(--secondary-color); padding: 10px; }
.brands-wrapp .brands-item img {width: 100%; height: 100%; max-height: 77px; object-fit: contain;}
.brands-wrapp .slick-track { display: flex; flex-wrap: wrap;}
.brands-wrapp .slick-track .slick-slide { height: inherit;}
.brands-wrapp .slick-track .slick-slide > div { width: 90%; margin: 0 auto; height: 100%;}
.brands-wrapp .slick-track .slick-slide .brands-item { height: 100%;}
.brands-wrapp .brands-cont {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%;}
.brands-wrapp .brands-row { display: flex; justify-content: center; gap: 20px; width: 100%;}
.brands-wrapp.mobile { display: none;}


/* --------service-wrapp----- */
.service-wrapp {background: var(--primary-color); text-align: center;}
.service-wrapp h2 {font-size: 20px;margin: 0 0 40px;color: #00892d;letter-spacing: 5px;text-transform: uppercase;}
.service-wrapp p {font-size: 14px;line-height: 1.8em;letter-spacing: .01em;color: var(--secondary-color);margin: 0 0 26px;}
.service-wrapp .service-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin: 50px 0 20px;}
.service-wrapp .service-col1 {width: 32%;padding: 20px;margin: 0 2% 50px 0;border: 1px solid var(--secondary-color);display: flex;flex-wrap: wrap;    flex-direction: column;align-items: center;justify-content: center;cursor: pointer;position: relative;overflow: hidden;z-index: 1;transition: all .25s ease-in-out; min-height: 360px;}
.service-wrapp .service-col1 h3 {font-size: 32px;color: var(--secondary-color);margin: 0 0 20px;}
.service-wrapp .service-col1:nth-child(3n) {margin-right: 0;}
.service-wrapp .service-col1:last-child {margin-right: 0;}
.service-wrapp .service-col1 p {margin: 0 auto 8px;width: fit-content;color: var(--primary-color);position: relative;padding: 0 15px;}
.service-wrapp .container { padding: 70px 0 20px; border-bottom: 1px solid var(--secondary-color);}
.service-wrapp .service-col1 .service-content { width: fit-content; transition: all .25s ease-in-out; z-index: 1;}
.service-wrapp .service-col1 .service-title { width: 100%; padding: 0 15px;  transition: all .25s ease-in-out; z-index: 1;}

/* .service-wrapp .service-col1:before { content: ''; position: absolute;width: 100%;height: 100%;top: -60%;left: -50%;-webkit-border-radius: 50%;border-radius: 50%;filter: blur(100px);opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;background: linear-gradient(to right, var(--primary-color) 0%, #00892d 100%);z-index: -1;}
.service-wrapp .service-col1:hover:before { opacity: 1;}
.service-wrapp .service-col1:after {content: '';position: absolute;width: 100%;height: 100%;top: 60%;left: 50%;-webkit-border-radius: 50%;border-radius: 50%;filter: blur(100px);opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;background: linear-gradient(to right, var(--primary-color) 0%, #00892d 100%);z-index: -1;}
.service-wrapp .service-col1:hover:after { opacity: 1;} */

.service-wrapp .box-row1 { width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.service-wrapp .box-row2 { width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.service-wrapp  .box-row3 {width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}

.service-wrapp .service-col1 p:before { content: ""; font-size: 40px; margin: 0 0 0 0; position: absolute; top: 50%; width: 7px; height: 7px; display: inline-block; background: #00892d; left: 0; transform: translateY(-50%);}
.service-wrapp .service-col1 p:after {  content: ""; font-size: 40px; margin: 0 0 0 0; position: absolute; top: 50%; width: 7px; height: 7px; display: inline-block; background: #00892d; right: 0; transform: translateY(-50%);}

.service-wrapp .service-col1 .service-btn { display: inline-block; font-size: 14px; color: var(--secondary-color); text-transform: uppercase; letter-spacing: 1px; position: relative;}
.service-wrapp .service-col1 .service-btn:before { content: ""; margin-right: 12px; display: inline-block;height: 9px; width: 0; background-image: url(../images/cta-arrow.svg); background-position: right; background-repeat: no-repeat; -webkit-transition-duration: 300ms; transition-duration: 300ms;}
.service-wrapp .service-col1 .service-btn:after { content: ""; margin-left: 12px; display: inline-block; height: 9px; width: 50px; background-image: url(../images/cta-arrow.svg); background-position: right; background-repeat: no-repeat; -webkit-transition-duration: 300ms; transition-duration: 300ms;}
.service-wrapp .service-col1 .service-btn:hover:before { width: 50px;}
.service-wrapp .service-col1 .service-btn:hover:after { width: 0;}
.service-wrapp .service-col1 .service-btn .icon {display: inline-block;width: 8px;height: 14px;position: relative;margin: 0 0 -2px 2px;}
.service-wrapp .service-col1 .service-btn .icon .hover-icon {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all .25s ease-in-out; opacity: 0;}
.service-wrapp .service-col1 .service-btn .icon img { width: 100%; height: 100%; transition: all .25s ease-in-out;}
.service-wrapp .service-col1 .service-btn:hover .icon > img { opacity: 0;}
.service-wrapp .service-col1 .service-btn:hover .icon .hover-icon { opacity: 1;}
.service-wrapp .service-col1 .service-btn .icon > img {filter: invert(1);}

.service-wrapp .service-col1 .service-img { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.service-wrapp .service-col1 .service-img img { width: 100%; height: 100%; object-fit: cover;}
.service-wrapp .service-col1 .service-img:after { content: "";  position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(0 0 0 / 60%);}

.service-wrapp .speciality-row { margin: 0 0 0;}


/* -----procedure-wrapp------ */
.procedure-wrapp {padding: 70px 0 0;background: var(--primary-color);text-align: center;}
.procedure-wrapp h2 {font-size: 20px;margin: 0 0 40px;color: #00892d;text-transform: uppercase;letter-spacing: 5px;}
.procedure-wrapp .procedure-row {width: 100%;display: flex;flex-wrap: wrap;margin: 40px 0 0;border: 1px solid;}
.procedure-wrapp .procedure-col1 {width: 25%;min-height: 345px;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;text-align: center;background: var(--primary-color);padding: 25px;border-right: 1px solid;}
.procedure-wrapp .procedure-col1 .procedure-icon { width: 50px; margin: 0 0 20px;}
.procedure-wrapp .procedure-col1 .procedure-icon img { width: 100%;}
.procedure-wrapp .procedure-col1 h3 { font-size: 26px; color: var(--secondary-color); margin: 0 0 20px; text-transform: uppercase;}
.procedure-wrapp p {font-size: 14px;line-height: 1.56;margin: 0 0 20px;color: var(--secondary-color);}
.procedure-wrapp .procedure-col1 p { color: var(--secondary-color); margin: 0 0;}
.procedure-wrapp .procedure-col1 h1 { font-size: 85px; font-family: 'Futura PT'; color: #00892d; margin: 0 0 10px;}
.procedure-wrapp .procedure-col1:last-child {border-right: none;}


/* -------clients-wrapp------- */
.clients-wrapp {padding: 70px 0 0; background: var(--primary-color);}
.clients-wrapp .container { padding-bottom: 20px; border-bottom: 1px solid var(--secondary-color);}
.clients-wrapp h2 {font-size: 20px;margin: 0 0 50px;color: #00892d;text-align: center;text-transform: uppercase;letter-spacing: 5px;}
.clients-wrapp .clients-row { width: 100%; display: flex; flex-wrap: wrap;}
.clients-wrapp .clients-col1 { width: 13%; margin: 0 1.5% 40px 0;background: #fff; padding: 5px;}
.clients-wrapp .clients-col1:nth-child(7n) { margin-right: 0;}
.clients-wrapp .clients-col1 img { width: 100%; height: 100%; object-fit: contain; /*filter: grayscale(1);*/}
/* .clients-wrapp .clients-row:hover .clients-col1 img {filter: none;} */



/* -------testimonial-wrapp------- */
.testimonial-wrapp {padding: 70px 0 0;text-align: center;background: var(--primary-color);}
.testimonial-wrapp .testimonial-row {width: 100%;max-width: 800px;margin: 0 auto;border: 1px solid;padding: 50px;}
.testimonial-wrapp h2 {font-size: 20px;margin: 0 0 20px;color: #00892d;text-transform: uppercase;letter-spacing: 5px;}
.testimonial-wrapp  p {font-size: 14px;line-height: 1.56;color: var(--secondary-color);margin: 0 0 30px;}
.testimonial-wrapp h3 {font-size: 18px;color: var(--secondary-color);margin: 0 0 5px;}
.testimonial-wrapp h4 {font-size: 14px;color: var(--secondary-color);font-family: 'Futura PT';}
.testimonial-wrapp .testimonial-item .author-details .testi-logos {display: flex;flex-wrap: wrap;justify-content: center;margin: 0 0 20px; position: relative;}
.testimonial-wrapp .testimonial-item .auth-logo {width: 60px;height: 60px; margin: 0 20px 0 0;}
.testimonial-wrapp .testimonial-item .author-details .testi-logos:after {content: ""; position: absolute; width: 1px;height: 100%; background: var(--secondary-color); left: 50%;  top: 0;transform: translateX(-50%);}
.testimonial-wrapp .testimonial-item .avatar {width: 60px;height: 60px;margin: 0 0 0 20px;border-radius: 50%;border: 3px solid var(--secondary-color);}
.testimonial-wrapp .testimonial-item .avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
.testimonial-wrapp .testimonial-item .rating {width: 100px; margin: 20px auto 0;}
.testimonial-wrapp .testimonial-item { width: 100%; position: relative; padding-bottom: 130px;  height: 100%;}
.testimonial-wrapp .testimonial-item .author-details { width: 100%; position: absolute; bottom: 0; left: 0;}
.testimonial-wrapp .slick-track { display: flex; flex-wrap: wrap;}
.testimonial-wrapp .slick-track .slick-slide {  height: inherit;}
.testimonial-wrapp .slick-track .slick-slide > div { width: 100%; height: 100%;}
.testimonial-wrapp .container { padding-bottom: 70px; border-bottom: 1px solid var(--secondary-color);}


/* ------accordion-wrapp----- */
.accordion-wrapp {text-align: center;padding: 70px 0 0;background: var(--primary-color);}
.accordion-wrapp h2 {font-size: 20px;margin: 0 0 40px;color: #00892d;text-transform: uppercase;letter-spacing: 5px;}
.accordion-wrapp .accordion-row { width: 100%;}
.accordion-wrapp .accordion { width: 100%; display: flex; flex-wrap: wrap; text-align: left;  justify-content: space-between; align-items: flex-start;}
.accordion-wrapp .accordion .accordion-item {border: none;width: 100%;padding: 0 15px;border-left: 1px solid #dbdada;border-radius: 0;position: relative;background: none;}
.accordion-wrapp .accordion .accordion-item h2 {font-size: 20px;margin: 0 0 0;color: var(--secondary-color);text-transform: inherit;letter-spacing: normal;}
.accordion-wrapp .accordion .accordion-item .acco-header {  cursor: pointer; width: 100%; padding: 15px 30px 15px 0; position: relative;}
.accordion-wrapp .accordion .accordion-item .accordion-content { width: 100%; display: none; padding: 0 30px 10px 0;}
.accordion-wrapp .accordion .accordion-item .accordion-content p {font-size: 14px;line-height: 1.56;padding: 0 0 20px;color: var(--secondary-color);}
.accordion-wrapp .accordion .accordion-col1 { width: 50%;}
.accordion-wrapp .accordion .accordion-item.active {border-color: #dbdada;}
.accordion-wrapp .accordion .accordion-item.active h2 {color: #00892d;}
.accordion-wrapp .accordion .accordion-item .acco-header:after{content: "+";position: absolute;right: 0;font-size: 20px;font-family: 'Futura PT';font-weight: 600;top: 50%;transform: translateY(-50%);color: var(--secondary-color);}
.accordion-wrapp .accordion .accordion-item.active .acco-header:after{content: "-";color: #00892d;}



/* -------getin-wrapp----- */
.getin-wrapp {padding: 70px 0 70px;text-align: center;background: var(--primary-color);}
.getin-wrapp h2 {font-size: 20px;margin: 0 0 40px;color: #00892d;text-transform: uppercase;letter-spacing: 5px;}
.getin-wrapp .getin-row {width: 100%;max-width: 900px;margin: 0 auto;}
.getin-wrapp .text-fields { width: 100%; display: flex; flex-wrap: wrap;}
.getin-wrapp .text-fields .text-field { width: 100%; padding: 0 10px; margin: 0 0 20px;}
.getin-wrapp .text-fields .text-field input {width: 100%;height: 50px;border: 1px solid #a1a1a1;border-radius: 0;padding: 0 20px;background: none; color: var(--secondary-color);}
.getin-wrapp .text-fields .text-field:first-child {  width: 50%;}
.getin-wrapp .text-fields .text-field:nth-child(2) { width: 50%;}
.getin-wrapp .text-fields .text-field:nth-child(3) { width: 65%;}
.getin-wrapp .text-fields .text-field:nth-child(4) { width: 35%;}
.getin-wrapp .text-fields .text-field textarea {width: 100%;height: 131px;border: 1px solid #a1a1a1;border-radius: 0;padding: 15px 20px 0;resize: none;background: none; color: var(--secondary-color);}
.getin-wrapp .submit-btn {display: inline-block;padding: 14px 28px;background: #00892d;color: var(--secondary-color);text-transform: uppercase;font-size: 16px;border: 1px solid #00892d; transition: all .25s ease-in-out;}
.getin-wrapp .submit-btn:hover {background: none;color: #00892d;}

.getin-wrapp .submit-btn .icon { display: inline-block; width: 10px; height: 16px; position: relative; float: left; margin: 1px 12px 0 0;}
.getin-wrapp .submit-btn .icon .hover-icon {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all .25s ease-in-out; opacity: 0;}
.getin-wrapp .submit-btn .icon img { width: 100%; height: 100%; transition: all .25s ease-in-out;}
.getin-wrapp .submit-btn:hover .icon > img { opacity: 0;}
.getin-wrapp .submit-btn:hover .icon .hover-icon { opacity: 1;}

.getin-wrapp .text-fields .form-btn { width: 100%; position: relative;}
.getin-wrapp .text-fields .form-btn input[type="submit"] { display: inline-block; padding: 14px 28px; background: #00892d; color: var(--primary-color); text-transform: uppercase; font-size: 16px; border: 1px solid #00892d; transition: all .25s ease-in-out;}
.getin-wrapp .text-fields .form-btn input[type="submit"]:hover { color: #00892d; background: none;}
.getin-wrapp .text-fields .form-btn .wpcf7-spinner { display: none;}
.getin-wrapp .text-fields .text-field .wpcf7-not-valid-tip {font-size: 12px; margin: 7px 0 0;}
.getin-wrapp  #thank-you4 {background: #00892d;width: fit-content; margin: 0 auto; padding: 30px 30px 20px;}
.getin-wrapp #thank-you4 p {margin: 0 0 10px;}

.getin-wrapp  #thank-you3 { background: #00892d; width: fit-content; margin: 0 auto; padding: 30px 30px 20px;}
.getin-wrapp #thank-you3 p { margin: 0 0 10px;}


/* -------contact-wrapp------ */
.contact-wrapp {text-align: center;padding: 0 0 100px;background: var(--primary-color);}
.contact-wrapp .contact-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact-wrapp .contact-col1 { width: 48%; padding: 50px; border: 1px solid #7A7A7A;}
.contact-wrapp h2 {font-size: 38px;margin: 0 0 15px;color: var(--secondary-color);}
.contact-wrapp p {font-size: 16px;line-height: 1.56;color: var(--secondary-color);margin: 0 0 20px;}
.contact-wrapp p span { display: block;}
.contact-wrapp p a { color: #00892d;}
.contact-wrapp p a:hover {color: var(--secondary-color);}
.contact-wrapp .image-slider { width: 100%; margin: 30px 0;}
.contact-wrapp h3 {font-size: 20px;margin: 0 0 10px;color: var(--secondary-color);}
.contact-wrapp .map { width: 100%; margin: 0 0 0;}
.contact-wrapp .map iframe { width: 100%;}
.contact-wrapp .contact-row1 { margin: 80px 0 0;}
.contact-wrapp .contact-row1 ul { width: auto;}
.contact-wrapp .contact-row1 ul li { display: inline-block; margin: 0 10px;}
.contact-wrapp .contact-row1 ul li .icon { width: 30px; height: 30px; display: block; position: relative;}
.contact-wrapp .contact-row1 ul li .icon img { width: 100%; height: 100%; transition: all .25s ease-in-out;}
.contact-wrapp .contact-row1 ul li .icon span.hover-icon { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all .25s ease-in-out; opacity: 0;}
.contact-wrapp .contact-row1 ul li:hover .icon span.hover-icon { opacity: 1;}
.contact-wrapp .contact-row1 ul li:hover .icon > img { opacity: 0;}
.contact-wrapp .contact-row1 h3 { margin: 0 0 30px;}



/* -------footer-wrapp------- */
.footer-wrapp {background: var(--secondary-color);padding: 40px 0 20px;}
.footer-wrapp .footer-row {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer-wrapp .footer-logo { width: 200px; margin: 0 auto 20px;}
.footer-wrapp .footer-menu {width: 11%;}
.footer-wrapp .footer-menu ul {width: auto;}
.footer-wrapp .footer-menu ul li {display: block;margin: 0 0 10px;font-size: 14px;color: var(--primary-color);font-family: "Montserrat", sans-serif;}
.footer-wrapp .footer-menu ul li a { color: var(--primary-color);}
.footer-wrapp .footer-menu ul li a:hover { color: #00892d;}
.footer-wrapp .footer-row1 {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 20px 0 0;margin: 20px 0 0;border-top: 1px solid var(--primary-color); flex-direction: column; justify-content: center; text-align: center;} 
.footer-wrapp .footer-row1 p {font-size: 14px;color: var(--primary-color);margin: 0 0 0;}
.footer-wrapp .footer-row1 p a {color: #00892d;}
.footer-wrapp .footer-row1 p a:hover {color: var(--primary-color);}
.footer-wrapp .footer-col1 {width: 34%;}
.footer-wrapp .footer-col1 .footer-add { width: 100%; margin: 0 0 30px;}
.footer-wrapp .footer-col1 .footer-add ul { width: 100%;}
.footer-wrapp .footer-col1 .footer-add ul li { display: block; position: relative; font-size: 14px; color: var(--primary-color); padding: 0 0 0 25px; margin: 0 0 15px;}
.footer-wrapp .footer-col1 .footer-add ul li a { color: var(--primary-color);}
.footer-wrapp .footer-col1 .footer-add ul li:hover a { color: #00892d;}
.footer-wrapp .footer-col1 .footer-add ul li .icon { display: inline-block; width: 18px; height: 20px; position: absolute; left: 0;}
.footer-wrapp .footer-col1 .footer-add ul li .icon img { width: 100%; height: 100%; transition: all .25s ease-in-out;}
.footer-wrapp .footer-col1 .footer-add ul li .icon .hover-icon { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: all .25s ease-in-out;}
.footer-wrapp .footer-col1 .footer-add ul li:hover .icon > img { opacity: 0;}
.footer-wrapp .footer-col1 .footer-add ul li:hover .icon .hover-icon { opacity: 1;}
.footer-wrapp .footer-col1 .footer-add:last-child { margin: 0;}
.footer-wrapp .footer-col2 {width: 43%;}
.footer-wrapp .footer-col2 .footer-col3 { width: 100%;}
.footer-wrapp h1 { color: #00892d; font-size: 43px; font-family: 'Futura PT'; text-transform: uppercase;  margin: 0 0 10px;}
.footer-wrapp p { font-size: 14px; line-height: 1.5em; letter-spacing: .01em; color: var(--primary-color); margin: 0 0 20px;}
.footer-wrapp .footer-quest { width: 48%; display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin: 0 0 0; position: relative;}
.footer-wrapp h3 {font-size: 16px;color: var(--primary-color);text-transform: uppercase;margin: 0 0 10px;}
.footer-wrapp .footer-quest .footer-btn { display: inline-block; padding: 13px 20px 11px; background: #00892d; color: var(--secondary-color); text-transform: uppercase; font-size: 16px; border: 1px solid #00892d; border-radius: 0; width: 175px; height: 45px; text-align: center;}
.footer-wrapp .footer-quest .footer-btn:hover { background: none; color: #00892d;}
.footer-wrapp .footer-social {width: 100%;display: flex;flex-wrap: wrap;justify-content: start;align-items: center;gap: 15px; display: none;}
.footer-wrapp .footer-social h3 { font-size: 19px;margin: 0 5px 0 0; gap: 15px;}
.footer-wrapp .footer-social ul {width: auto;text-align: center;}
.footer-wrapp .footer-social ul li { display: inline-block; margin: 0 0 0 10px;}
.footer-wrapp .footer-social ul li:first-child { margin-left: 0;}
.footer-wrapp .footer-social ul li .icon {width: 25px;height: 25px;display: block;position: relative;background: #00892d;border: 1px solid #00892d;border-radius: 50%;padding: 4px;transition: all .25s ease-in-out;}
.footer-wrapp .footer-social ul li .icon img { width: 100%; height: 100%; transition: all .25s ease-in-out;}
.footer-wrapp .footer-social ul li .icon span.hover-icon {position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all .25s ease-in-out;opacity: 0;padding: 4px;}
.footer-wrapp .footer-social ul li:hover .icon span.hover-icon { opacity: 1;}
.footer-wrapp .footer-social ul li:hover .icon > img { opacity: 0;}
.footer-wrapp .footer-quest h3 {margin: 0 5px 0 0;font-size: 16px;}
.footer-wrapp .footer-col4 {width: 41%; max-width: 500px;}
.footer-wrapp .footer-col4 .text-fields { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer-wrapp .footer-col4 .text-fields .text-field { width: 48.5%; margin: 0 0 0; flex: 1 0 0;}
.footer-wrapp .footer-col4 .text-fields input { width: 100%; height: 46px; border: 1px solid #a1a1a1; border-radius: 0; padding: 0 15px; background: no-repeat;}
.footer-wrapp .footer-col4 .text-fields input::placeholder {color:var(--primary-color)}
.footer-wrapp .footer-col4 .text-fields .text-field:nth-child(3) {width:100%;}
.footer-wrapp .footer-col4 .text-fields .submit-btn { width: 100%; display: inline-block; padding: 14px 20px; background: #00892d; color: var(--secondary-color); text-transform: uppercase; font-size: 16px; border: 1px solid #00892d; border-radius: 0; transition: all .25s ease-in-out;}
.footer-wrapp .footer-col4 .text-fields .submit-btn:hover { background: none; color: #00892d;}
.footer-wrapp .container { max-width: 94%;}
.footer-wrapp .footer-social ul li:hover .icon {background: var(--primary-color);border-color: var(--primary-color);}

.footer-wrapp .footer-quest .footer-btn .icon { display: inline-block; width: 10px; height: 16px; position: relative; margin: 0 12px -2px 0;}
.footer-wrapp .footer-quest .footer-btn .icon .hover-icon {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all .25s ease-in-out; opacity: 0;}
.footer-wrapp .footer-quest .footer-btn .icon img { width: 100%; height: 100%; transition: all .25s ease-in-out;}
.footer-wrapp .footer-quest .footer-btn:hover .icon > img { opacity: 0;}
.footer-wrapp .footer-quest .footer-btn:hover .icon .hover-icon { opacity: 1;}
.footer-wrapp .footer-col5 {width: 100%;display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between;margin: 20px 0 0;}

.footer-wrapp .footer-col4 .text-fields p {margin: 0 0 0;}
.footer-wrapp .footer-col4 .text-fields .form-btn { width: auto; margin: 0 0 0 10px;}
.footer-wrapp .footer-col4 .text-fields .form-btn input[type="submit"] { width: fit-content; height: inherit; display: inline-block; padding: 12px 28px 10px; background: #00892d; color: var(--secondary-color); text-transform: uppercase; font-size: 16px; border: 1px solid #00892d; transition: all .25s ease-in-out;}
.footer-wrapp .footer-col4 .text-fields .form-btn input[type="submit"]:hover{background: none; color: #00892d;}
.footer-wrapp .footer-col4 .text-fields .form-btn .wpcf7-spinner {display: none;}
.footer-wrapp .footer-col4 #thank-you2 { margin: 12px 0 0;}
.footer-wrapp .footer-col4 #thank-you2 p { color: #00892d; margin: 0 0 10px;}

.footer-wrapp .footer-row1 .glob {width: 25px; margin: 0 auto 10px; }
.footer-wrapp .footer-row1 .glob img { width: 100% !important; height: 100% !important;}

@keyframes rotate {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  25% {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg);
  }
  75% {
    -webkit-transform: rotate3d(0, 0, 1, 270deg);
    transform: rotate3d(0, 0, 1, 270deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}


.defualt-page-section {padding: 70px 0 0;}
.defualt-page-section h2 { font-size: 28px; margin: 0 0 20px;}
.defualt-page-section p {font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.defualt-page-section p a { color: #00892d;}
.defualt-page-section p a:hover { color: var(--secondary-color);}


.getin-wrapp .everest-forms { width: 100%;}
.getin-wrapp .everest-forms .evf-container {margin: 0 0 0;}
.getin-wrapp .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid {width: 100%; flex: 0 0 100%; max-width: 100%;}
.getin-wrapp .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-2:first-child .evf-field { width: 49%;}
.getin-wrapp .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-2 { display: flex; flex-wrap: wrap; justify-content: space-between;}
.getin-wrapp .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-2:nth-child(2) .evf-field { width: 64%;}
.getin-wrapp .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-2:nth-child(2) .evf-field:nth-child(2) { width: 34%;}
.getin-wrapp .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid input { width: 100%; height: 50px; border-width: 1px; border-style: solid; border-color: rgb(161, 161, 161); border-image: initial; border-radius: 0px; padding: 0px 20px; background: no-repeat; font-size: 16px;}
.getin-wrapp .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid input::placeholder { color: var(--secondary-color);}
.getin-wrapp .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid textarea { width: 100%; height: 131px; resize: none; border-width: 1px; border-style: solid; border-color: rgb(161, 161, 161); border-image: initial; border-radius: 0px; padding: 15px 20px 0px; background: none; font-size: 16px;}
.getin-wrapp .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid textarea::placeholder { color: var(--secondary-color);}
.getin-wrapp .everest-forms .evf-container .evf-submit-container button { display: inline-block; color: var(--secondary-color); text-transform: uppercase; font-size: 16px; padding: 14px 28px; background: rgb(17, 155, 73); border-width: 1px; border-style: solid; border-color: rgb(17, 155, 73);  border-image: initial; transition: 0.25s ease-in-out; border-radius: 0;}
.getin-wrapp .everest-forms .evf-container .evf-submit-container button:hover { background: none; color: rgb(17, 155, 73);}


.error-page-section { padding: 60px 0; text-align: center;}
.error-page-section h1 { font-size: 50px; margin: 0 0 10px;}
.error-page-section h2 { font-size: 28px; margin: 0 0 20px;}
.error-page-section p { font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.error-page-section .search-form { width: auto; max-width: 420px; margin: 0 auto; display: flex; flex-wrap: wrap;}
.error-page-section .search-form input { width: 216px; height: 50px;  border-width: 1px;  border-style: solid;  border-color: rgb(161, 161, 161);  border-image: initial;  border-radius: 0px; padding: 0px 20px; background: no-repeat; margin: 0 10px 0 0; flex: 1 0 0;}
.error-page-section .search-form .search-submit { display: inline-block; color: var(--secondary-color); text-transform: uppercase; font-size: 16px;  padding: 14px 28px;  background: rgb(17, 155, 73);  border-width: 1px;  border-style: solid;  border-color: rgb(17, 155, 73); border-image: initial; transition: 0.25s ease-in-out;  border-radius: 0;}
.error-page-section .search-form .search-submit .screen-reader-text { font-size: 16px; clip: inherit; clip-path: inherit; position: relative !important;}
.error-page-section .search-form .search-submit:hover {color: rgb(17, 155, 73); background: none;}
.error-page-section .search-form .search-submit:hover .screen-reader-text { color: rgb(17, 155, 73);}


.search-page-section {padding: 60px 0;}
.search-page-section h1 { font-size: 32px; margin: 0 0 20px;}
.search-page-section h3 { font-size: 28px; margin: 0 0 20px;}
.search-page-section p { font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.search-page-section .search-btn1 { display: inline-block; color: var(--secondary-color); text-transform: uppercase; font-size: 16px; padding: 14px 28px; background: rgb(17, 155, 73); border-width: 1px; border-style: solid; border-color: rgb(17, 155, 73); border-image: initial; transition: 0.25s ease-in-out;}
.search-page-section .search-btn1:hover { color: rgb(17, 155, 73); background: none;}


.footer-wrapp .footer-col4 .everest-forms { width: 100%;}
.footer-wrapp .footer-col4 .everest-forms .evf-container { margin: 0 0 0;}
.footer-wrapp .footer-col4 .everest-forms .evf-container .evf-field-container {padding: 0 0 0;flex: 1 0 0;}
.footer-wrapp .footer-col4 .everest-forms .evf-container .evf-field-container .evf-frontend-row { margin: 0 0 0;}
.footer-wrapp .footer-col4 .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid { width: 100%;  display: flex; flex-wrap: wrap;  justify-content: space-between;  padding: 0 0 0;}
.footer-wrapp .footer-col4 .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field { width: 48%;}
.footer-wrapp .footer-col4 .everest-forms .evf-container .evf-field-container .evf-frontend-row:last-child  .evf-frontend-grid .evf-field {width: 100%;margin: 0  0;}
.footer-wrapp .footer-col4 .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field input {width: 100%;height: 50px;border-width: 1px;border-style: solid;border-color: rgb(161, 161, 161);border-image: initial;border-radius: 0px;padding: 0px 20px;background: no-repeat;margin: 0 0;}
.footer-wrapp .footer-col4 .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field input::placeholder { color: var(--primary-color);}
.footer-wrapp .footer-col4 .everest-forms .evf-container .evf-submit-container {padding: 0 0;margin: 0 0 0 10px;}
.footer-wrapp .footer-col4 .everest-forms .evf-container .evf-submit-container .everest-forms-submit-button {width: auto;display: inline-block;color: var(--secondary-color);text-transform: uppercase;font-size: 16px;padding: 12px 20px;background: rgb(17, 155, 73);border-width: 1px;border-style: solid;border-color: rgb(17, 155, 73);border-image: initial;border-radius: 0px;transition: 0.25s ease-in-out;}
.footer-wrapp .footer-col4 .everest-forms .evf-container .evf-submit-container .everest-forms-submit-button:hover { background: none;  color: rgb(17, 155, 73);}
.footer-wrapp .footer-col4 .everest-forms form { display: flex; flex-wrap: wrap;}

.wrld-map {padding: 60px 0 0;}
.wrld-map h2 { font-size: 20px; margin: 0 0 30px; color: #00892d; text-align: center; text-transform: uppercase; letter-spacing: 5px;}
.wrld-map p {max-width: 1320px; margin: 0 auto; width: 94%; text-align: center; line-height: 1.56;font-size: 14px;}
.wrld-map p span { display: block;}


.whatsup-icon {position: fixed; bottom: 20px; right: 20px; z-index: 9;}
.whatsup-icon a { display: flex; flex-wrap: wrap; align-items: center; color: var(--secondary-color); background: #00892d; padding: 5px 20px; border-radius: 50px;}
.whatsup-icon img { width: 40px; height: 40px;}

.get-quote-modal{padding-right: 0 !important;}
.get-quote-modal .modal-content { border: 5px solid #00892d; background: var(--primary-color);}
.get-quote-modal .modal-content .modal-body { padding: 35px 20px 30px;}
.get-quote-modal .modal-content .modal-body .btn-close {position: absolute;right: 10px;top: 10px;color: #00892d; background: url(../images/xmark-solid.svg) no-repeat center / 100%; opacity: 1; width: 12px; height: 12px; transition: all .25s ease-in-out;}
.get-quote-modal .modal-content .modal-body .btn-close:hover {opacity: 0.5;}
.get-quote-modal .modal-content .modal-body .enquiry-modal { width: 100%;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 { width: 100%; text-align: center;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 h2 {font-size: 20px; margin: 0 0 17px; color: #00892d; text-transform: uppercase; letter-spacing: 5px;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form { width: 100%;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-2 { width: 100%; flex: 0 0 100%;  max-width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-2 .evf-field { width: 48%;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field input { width: 100%; height: 50px; border-width: 1px; color: var(--secondary-color); border-style: solid; border-color: rgb(161, 161, 161); border-image: initial; border-radius: 0px; padding: 0px 20px; background: no-repeat; font-size: 16px;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field textarea { width: 100%; height: 131px; resize: none; color: var(--secondary-color); border-width: 1px; border-style: solid; border-color: rgb(161, 161, 161);  border-image: initial; border-radius: 0px; padding: 15px 20px 0px; background: none; font-size: 16px;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .evf-container .evf-submit-container button { display: inline-block; color: var(--secondary-color); text-transform: uppercase; font-size: 16px; padding: 14px 28px; background: rgb(17, 155, 73);  border-width: 1px;  border-style: solid;  border-color: rgb(17, 155, 73);  border-image: initial;  transition: 0.25s ease-in-out;  border-radius: 0;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .evf-container { margin: 0 0 0 0;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .evf-container .evf-submit-container button:hover { background: none;  color: rgb(17, 155, 73);}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field input::placeholder, .get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field textarea::placeholder{color: var(--secondary-color);}


.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .text-fields {width: 100%; display: flex; flex-wrap: wrap;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .text-fields .text-field {width: 50%; padding: 0 10px; margin: 0 0 10px; float: left;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .text-fields .text-field p { width: 100%;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .text-fields .text-field  input { width: 100%; height: 50px; border-width: 1px; color: var(--secondary-color); border-style: solid; border-color: rgb(161, 161, 161); border-image: initial; border-radius: 0px; padding: 0px 20px; background: no-repeat; font-size: 16px; margin: 0 0 10px;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .text-fields .text-field:nth-child(5) { width: 100%;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .text-fields .text-field:nth-child(6) { width: 100%;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .text-fields .text-field textarea { width: 100%; height: 131px; resize: none; color: var(--secondary-color); border-width: 1px; border-style: solid; border-color: rgb(161, 161, 161); border-image: initial; border-radius: 0px; padding: 15px 20px 0px; background: none; font-size: 16px;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .text-fields .form-btn { width: auto; margin: 0 auto;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .text-fields .form-btn input[type="submit"] { display: inline-block; color: var(--secondary-color); text-transform: uppercase; font-size: 16px; padding: 10px 28px; background: #00892d; border-width: 1px; border-style: solid; border-color: rgb(17, 155, 73); border-image: initial; transition: 0.25s ease-in-out; border-radius: 0;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .text-fields .form-btn input[type="submit"]:hover{ background: none; color: #00892d;}
.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .text-fields .form-btn .wpcf7-spinner { display: none;}

.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form #thank-you1 p {margin: 0 0 10px;}


.external-links { position: fixed; right: 15px; bottom: 20px; transition: all .25s ease-in-out; z-index: 1;}
.external-links .whatsup-icon1 { width: 18px; margin: 0 0 20px;}
.external-links .phone-icon1 { width: 18px;}
.external-links.hide { opacity: 0; transform: scale(0); visibility: hidden; pointer-events: none; transition-duration: 400ms;}




.banner-wrapp.inner-wrapp {max-height: 500px;}
.banner-wrapp.inner-wrapp .banner-row { padding: 0 0 0;}
.service-page-section { padding: 70px 0 0; text-align: center;}
.service-page-section h2 { font-size: 20px; margin: 0 0 40px; color: #00892d; letter-spacing: 5px;}
.service-page-section p { font-size: 14px; line-height: 1.8em; letter-spacing: .01em; color: var(--secondary-color); margin: 0 0 20px;}
.service-page-section h3 { font-size: 20px; margin: 70px 0 50px; color: var(--secondary-color); letter-spacing: 4px;}
.service-page-section ul {width: 100%; margin: 0 0 0 0;text-align: left; display: flex; flex-wrap: wrap; justify-content: center;}
.service-page-section ul li {font-size: 14px;line-height: 1.8em;letter-spacing: .01em;color: var(--secondary-color);position: relative; width: 24%; margin: 0 1.3% 20px 0; background: #262626; padding: 20px; border-bottom: 3px solid #00892d; min-height: 128px;}
.service-page-section ul li:nth-child(4n) { margin-right: 0;}
.service-page-section ul li:before { content: "";position: absolute;display: none;width: 7px;height: 7px;background: var(--secondary-color);top: 12px;left: 0;}
.service-page-section .service-expertise { width: 100%; position: relative;}
.service-page-section ul:nth-child(2n) { margin-right: 0;}
.service-page-section ul li:after { content: ""; position: absolute; display: inline-block; width: 7px; height: 7px; background: var(--secondary-color); top: 12px; right: 0; display: none;}
/* .service-page-section .service-expertise:after { content: ""; position: absolute; width: 2px; height: 100%; background: var(--secondary-color); top: 0;  left: 50%; transform: translateX(-50%);} */



/* ---------logo-wrapp--------- */
.logo-wrapp { padding: 70px 0 0; text-align: center;}
.logo-wrapp .logo-row { width: 100%;}
.logo-wrapp .logo-row .slick-track { display: flex; flex-wrap: wrap; align-items: center;}
.logo-wrapp .logo-row .logo-item { width: 100%;background: var(--secondary-color);}
.logo-wrapp .logo-row .logo-item img { width: 220px; height: 72px; object-fit: contain;}
.logo-wrapp .logo-row .slick-track .slick-slide > div { width: 58%; margin: 0 auto;}
.logo-wrapp h2 { font-size: 20px; margin: 0 0 30px; color: #00892d; text-align: center; text-transform: uppercase; letter-spacing: 5px;}

.footer-wrapp .img-text { width: 100%; display: flex; align-items: center; margin: 0 0 20px;}
.footer-wrapp .img-text img { width: 30px; display: inline-block; margin: 0 10px 0 0;}
.footer-wrapp .img-text p { margin: 0 0 0;}



/* ----------about-banner----------- */
.about-banner { margin-top: 76px; position: relative;padding: 140px 0 120px;}
.about-banner .bg-img { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.about-banner .bg-img img { width: 100%; height: 100%; object-fit: cover;}
.about-banner  .about-content { width: 94%;  position: relative; max-width: 1320px; display: flex; flex-wrap: wrap; margin: 0 auto; justify-content: space-between; align-items: center;}
.about-banner .about-col1 { width: 48%; padding: 40px 0;}
.about-banner .bg-img:after { content: "";  position: absolute;  width: 100%; height: 100%; background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); top: 0; left: 0;}
.about-banner h2 { font-size: 38px; color: var(--secondary-color); margin: 0 0 12px; text-transform: uppercase;}
.about-banner p { font-size: 14px; line-height: 1.8em; letter-spacing: .01em; color: var(--secondary-color); margin: 0 0 20px;}
.about-banner .about-col2 { min-height: 45vh; animation: lineanimate 1.6s linear forwards; animation-delay: 1s; background-image: linear-gradient(90deg, #00892d 100%, transparent 0), linear-gradient(90deg, #00892d 100%, transparent 0), linear-gradient(180deg, #00892d 100%, transparent 0), linear-gradient(180deg, #00892d 100%, transparent 0), linear-gradient(180deg, #00892d 100%, transparent 0), linear-gradient(90deg, #00892d 100%, transparent 0); background-position: 17vw bottom, 17vw bottom, left 0, 0 bottom, right 0, 100% 100%; background-repeat: no-repeat; background-size: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; box-sizing: border-box; height: 45vh; position: relative; width: 40%;}
.about-banner .about-col2:before { animation: lineanimatebefore 1s linear forwards; background-image: linear-gradient(90deg, #00892d 100%, transparent 0), linear-gradient(180deg, #00892d 100%, transparent 0); background-position: 0 bottom, 100% 100%; background-repeat: no-repeat; background-size: 100% 1px, 1px 99%; border-left: 0; border-top: 0; content: ""; height: 8vh; right: 75%; position: absolute; top: 100%; width: 203%;}
.about-banner .about-col2:after { animation: lineanimateafter .5s linear forwards; animation-delay: 2.6s; background-image: linear-gradient(270deg, #00892d 100%, transparent 0); background-position: 0; background-repeat: no-repeat; background-size: 0 8px; content: ""; height: 20px; left: 100%; position: absolute; top: 2rem; width: 50vw;}


/* ------------abouts-inner----------- */
.abouts-inner{padding: 0 0 70px; position: relative;}
.abouts-inner .about-inner-row { padding: 70px 0 0; max-width: 1320px; width: 94%; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: flex-start;}
.abouts-inner .about-inner-col1 { width: 50%; padding: 2rem 0; position: relative;}
.abouts-inner  .about-inner-col2 { width: 50%; padding: 4rem 0 0 6rem; position: relative;}
.abouts-inner .about-inner-col1 img {width: 100%; height: 500px; object-fit: cover;}
.abouts-inner .about-inner-col1:before { content: ""; position: absolute; width: 100%; height: calc( 100% - 4rem ); border: 1px solid #00892d; top: 0; left: 2rem;}
.abouts-inner .about-inner-col2:before { content: ""; position: absolute; width: 100vw; height: 1px; background: #00892d; left: 2rem; top: 2rem;}
.abouts-inner h2 { font-size: 20px; margin: 0 0 40px; color: #00892d; text-transform: uppercase; letter-spacing: 5px;}
.abouts-inner p { font-size: 14px; line-height: 1.8em; letter-spacing: .01em; color: var(--secondary-color); margin: 0 0 20px;}
.abouts-inner .about-inner-row:nth-child(2n) { flex-direction: row-reverse;}
.abouts-inner .about-inner-row:nth-child(2n) .about-inner-col2 { padding: 4rem 6rem 0 0;}
.abouts-inner .about-inner-row:nth-child(2n) .about-inner-col1:before { left: -2rem;}
.abouts-inner .about-inner-row:nth-child(2n) .about-inner-col2:before { left: inherit;  right: 2rem;}
.abouts-inner:after{content: ""; width: 35%; position: absolute; background: url(../images/element-left.svg) no-repeat center / 100%; height: 32vw;bottom: -1%; left: -15%;}


/* ----------team-wrapp----------- */
.team-wrapp {padding: 0 0 70px;}
.team-wrapp h2 {font-size: 20px;margin: 0 0 40px; color: #00892d;text-transform: uppercase;letter-spacing: 5px; text-align: center;}
.team-wrapp .team-row .slick-track { display: flex; flex-wrap: wrap;}
.team-wrapp .team-row .slick-track .slick-slide { height: inherit;}
.team-wrapp .team-row .slick-track .slick-slide > div { width: 92%; height: 100%; margin: 0 auto;}
.team-wrapp .team-item { width: 100%; height: 100%; background: #202020; position: relative;}
.team-wrapp .team-item .team-img { width: 100%; position: relative;}
.team-wrapp .team-item .team-img img { width: 100%; height: 265px; object-fit: cover;}
.team-wrapp .team-item .team-info { width: 100%; padding: 20px 20px 0; }
.team-wrapp  h3 { font-size: 18px; margin: 0 0 12px; color: var(--secondary-color); text-transform: uppercase; letter-spacing: 4px;}
.team-wrapp  h4 { font-size: 14px; margin: 0 0 12px; color: #00892d;font-family: "Montserrat", sans-serif;}
.team-wrapp p {font-size: 14px; line-height: 1.8em; letter-spacing: .01em; color: var(--secondary-color);  margin: 0 0 20px;}
.team-wrapp .team-item .team-img:before {content:"";position: absolute;width: 85%;height: 80%;border: 1px solid #00892d;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.team-wrapp .team-item .team-img:after { content: ""; position: absolute; width: 7.5%; height: 1px; background: #00892d; right: 0; bottom: 3rem;}
.team-wrapp .team-item:before { content: ""; position: absolute; width: 7.5%; height: 1px; background: #00892d; left: 0; top: 3rem; z-index: 1;}
.team-wrapp .team-row .slick-dots li { width: 6px; height: 6px; margin: 0 4px;}
.team-wrapp .team-row .slick-dots li button { width: 6px; height: 6px;}
.team-wrapp .team-row .slick-dots li button:before { width: 6px; height: 6px; opacity: 1; background: none; border: 1px solid #00892d;}
.team-wrapp .team-row .slick-dots li.slick-active button:before { background: #00892d;}


/* ---------imapct-wrapp----------- */
.imapct-wrapp { padding: 70px 0 50px;}
.imapct-wrapp .impact-row { width: 100%; display: flex; flex-wrap: wrap;}
.imapct-wrapp  .impact-col1 { width: 32%;  margin: 0 2% 30px 0; aspect-ratio: 3 / 4; position: relative;}
.imapct-wrapp .impact-col1:nth-child(3n) { margin-right: 0;}
.imapct-wrapp .impact-col1 .impact-img { width: 100%; height: 100%;}
.imapct-wrapp .impact-col1 .impact-img img {  width: 100%; height: 100%; object-fit: cover;}
.imapct-wrapp .impact-col1 .impact-detail {position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 20px;width: 90%;background: #ffffffb3;backdrop-filter: blur(20px);padding: 20px; transition: all 0.3s ease-in-out; display: flex; flex-wrap: wrap; flex-direction: column; height: 167px; overflow: hidden; }
.imapct-wrapp h3 { font-size: 14px; margin: 0 0 12px; color: #00892d; text-transform: uppercase; letter-spacing: 2px;}
.imapct-wrapp h2 { font-size: 20px; margin: 0 0 20px; color: var(--primary-color); text-transform: uppercase; letter-spacing: 5px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.imapct-wrapp .impact-col1 p { font-size: 14px; line-height: 1.8em; letter-spacing: .01em; color: var(--primary-color);  margin: 0 0 20px; display: none; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.imapct-wrapp .impact-col1 .impact-btn { display: inline-block; font-size: 14px; color: var(--secondary-color); text-transform: uppercase; letter-spacing: 1px; position: relative; background: #00892d; padding: 13px; margin: auto 0 0 auto; display: none;}
.imapct-wrapp .impact-col1 .impact-btn:before { content: ""; margin-right: 12px; display: inline-block;height: 9px; width: 0; background-image: url(../images/cta-arrow2.svg); background-position: right; background-repeat: no-repeat; -webkit-transition-duration: 300ms; transition-duration: 300ms;}
.imapct-wrapp .impact-col1 .impact-btn:after { content: ""; margin-left: 12px; display: inline-block; height: 9px; width: 28px; background-image: url(../images/cta-arrow2.svg); background-position: right; background-repeat: no-repeat; -webkit-transition-duration: 300ms; transition-duration: 300ms;}
.imapct-wrapp .impact-col1 .impact-btn:hover:before { width: 28px;}
.imapct-wrapp .impact-col1 .impact-btn:hover:after { width: 0;}
.imapct-wrapp .impact-col1:hover .impact-detail {bottom: 0; width: 100%; height: 100%;}
.imapct-wrapp .impact-col1:hover p { display: -webkit-box;}
.imapct-wrapp .impact-col1:hover .impact-btn { display: inline-block;}
.imapct-wrapp h1 { font-size: 20px; margin: 0 0 40px; color: #00892d; letter-spacing: 5px; text-align: center;}



/* -------content-section------- */
.content-section ul {display: block; text-align: center;}
.content-section ul li { background: none; border: none; min-height: auto; width: auto; padding: 0 0 0; margin: 0 0 0;}
.content-section ul li:before { content: ""; position: relative; display: inline-block; top: -2px; margin: 0 10px 0 0;}
.content-section h2 { margin: 0 0 20px;}


.header-wrapp #mega-menu-wrap-top { background: none; position: static;}
.header-wrapp #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > .mega-menu-link { background: none !important; font-size: 13px; padding: 0 0 0; transition: all .25s ease-in-out;}
.header-wrapp #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item { margin: 0 15px 0 0;}
.header-wrapp #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item:hover > .mega-menu-link { color: #00892d;}
.header-wrapp #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > .mega-menu-link:after { content: ""; display: block; position: absolute; width: 0;  height: 2px;left: 50%; transform: translateX(-50%); bottom: 4px; background: #00892d; transition: all .25s ease-in-out;}
.header-wrapp #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item:hover > .mega-menu-link:after { width: 100%;}


.header-wrapp #mega-menu-wrap-top #mega-menu-top ul.mega-sub-menu { width: 100%;}
.header-wrapp #mega-menu-wrap-top #mega-menu-top { position: static;}
.header-wrapp #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > ul.mega-sub-menu { background: var(--primary-color);}
.header-wrapp #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row .mega-menu-column > .mega-sub-menu > .mega-menu-item h4 { font-size: 18px; margin: 0 0 25px; color: #00892d; letter-spacing: 5px; font-weight: 100; font-family: "Futura PT Regular"; padding: 0; line-height: normal;}
.header-wrapp #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row .mega-menu-column > .mega-sub-menu > .mega-menu-item { padding: 20px;}
.header-wrapp #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row .mega-menu-column > .mega-sub-menu > .mega-menu-item .textwidget .menu-row ul { width: 100%; display: flex; flex-wrap: wrap;}
.header-wrapp #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row .mega-menu-column > .mega-sub-menu > .mega-menu-item .textwidget .menu-row ul li { width: 23.5%; margin: 0 2% 0 0;}
.header-wrapp #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row .mega-menu-column > .mega-sub-menu > .mega-menu-item .textwidget .menu-row ul li:nth-child(4n) { margin-right: 0;}
.header-wrapp #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row .mega-menu-column > .mega-sub-menu > .mega-menu-item .textwidget .menu-row ul li a:after { display: none;}
.header-wrapp #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row .mega-menu-column > .mega-sub-menu > .mega-menu-item .textwidget .menu-row ul li a { display: inline-block;}



.header-wrapp #mega-menu-wrap-max_mega_menu_1 { background: none; position: static;}
.header-wrapp #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > .mega-menu-link { background: none !important; font-size: 13px; padding: 0 0 0; transition: all .25s ease-in-out;}
.header-wrapp #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item { margin: 0 15px 0 0;}
.header-wrapp #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:hover > .mega-menu-link { color: #00892d;}
.header-wrapp #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > .mega-menu-link:after { content: ""; display: block; position: absolute; width: 0;  height: 2px;left: 50%; transform: translateX(-50%); bottom: 4px; background: #00892d; transition: all .25s ease-in-out;}
.header-wrapp #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:hover > .mega-menu-link:after { width: 100%;}


.header-wrapp #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu { width: 100%;}
.header-wrapp #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 { position: static;}
.header-wrapp #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > ul.mega-sub-menu { background: var(--primary-color);}
.header-wrapp #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row .mega-menu-column > .mega-sub-menu > .mega-menu-item h4 { font-size: 18px; margin: 0 0 25px; color: #00892d; letter-spacing: 5px; font-weight: 100; font-family: "Futura PT Regular"; padding: 0; line-height: normal;}
.header-wrapp #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row .mega-menu-column > .mega-sub-menu > .mega-menu-item { padding: 20px;}
.header-wrapp #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row .mega-menu-column > .mega-sub-menu > .mega-menu-item .textwidget .menu-row ul { width: 100%; display: flex; flex-wrap: wrap;}
.header-wrapp #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row .mega-menu-column > .mega-sub-menu > .mega-menu-item .textwidget .menu-row ul li { width: 23.5%; margin: 0 2% 0 0;}
.header-wrapp #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row .mega-menu-column > .mega-sub-menu > .mega-menu-item .textwidget .menu-row ul li:nth-child(4n) { margin-right: 0;}
.header-wrapp #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row .mega-menu-column > .mega-sub-menu > .mega-menu-item .textwidget .menu-row ul li a:after { display: none;}
.header-wrapp #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > ul.mega-sub-menu > .mega-menu-row .mega-menu-column > .mega-sub-menu > .mega-menu-item .textwidget .menu-row ul li a { display: inline-block;}


@media screen and (max-width:1800px) {
.footer-wrapp h1 {font-size: 35px;}

}

@media screen and (max-width:1399px) {
.header-wrapp .header-btns { margin-left: 12px;}
.header-wrapp .header-btns a {padding: 13px 16px; font-size: 12px;}
.header-wrapp ul li { font-size: 12px; margin-left: 12px;}
.header-wrapp .logo {  width: 230px;}
.banner-wrapp .banner-content h1 {font-size: 30px;}
.banner-wrapp .banner-content .banner-text .banner-text-row .banner-textbox1 h1 span {font-size: 30px;}
.banner-wrapp .banner-content h1 span.highlight{font-size: 42px;}
.banner-wrapp .banner-content .banner-row { padding: 7.5% 0 0;}

.footer-wrapp h1 { font-size: 26px;}

.about-banner h2 {font-size: 30px;}

.abouts-inner .about-inner-col1 img {height: 36vw;}

}


@media screen and (max-width:1199px) {
.header-wrapp ul li { font-size: 14px; margin-left: 10px;}
.header-wrapp .header-btns a { font-size: 14px;}
.header-wrapp .header-btns { margin: 0 0 0 15px;}
.banner-wrapp {height: 600px;}

.banner-wrapp .social { display: none;}

.projects-wrapp h1 { font-size: 65px;}
.projects-wrapp .projects-col1 { width: 23%; margin: 0 2.66% 30px 0;}
.projects-wrapp .projects-col1:nth-child(5n) { margin-right: 2.66%;}
.projects-wrapp .projects-col1:nth-child(4n) { margin-right: 0;}

.procedure-wrapp .procedure-col1 h3 { font-size: 24px;}

.header-wrapp{display: none;}
.header-wrapp.sticky-header{display: block;}
.hamburger { display: block;}

.banner-wrapp .banner-content .banner-btn {font-size: 15px;}
.banner-wrapp .banner-content .banner-row {max-width: 800px;  margin: 0 auto;}
.projects-wrapp h3 { font-size: 16px;}


.footer-wrapp .footer-col2 {width: 46%;}
.footer-wrapp .footer-menu { width: 18%;}
.footer-wrapp .footer-col1 { width: 24%;}

.banner-wrapp .bg-video video { width: 140%;}

.footer-wrapp .footer-col5 { order: 1;}

.banner-wrapp .banner-content h1 .bantittle-tab {display: inline-block;}

.banner-wrapp .banner-content .banner-row { padding: 5.4% 0 0;}


.footer-wrapp .footer-col4 .text-fields .form-btn input[type="submit"]:hover {background: #00892d;  color: var(--secondary-color);}
.footer-wrapp .footer-col4 .text-fields .form-btn input[type="submit"].clicked{background: none; color: #00892d;}

}

@media screen and (max-width:992px) {
.header-wrapp ul li { font-size: 14px; margin-left: 10px;}
.header-wrapp .header-btns a { font-size: 14px;}
.header-wrapp .header-btns { margin: 0 0 0 15px;}
.header-wrapp .header-right { display: none;}
.header-wrapp .logo { width: 250px;}


.banner-wrapp {height: 600px;}
.header-wrapp { padding: 15px 0;}
.banner-wrapp .bg-video video {width: 177%;}
.banner-wrapp .banner-content .banner-row {width: 75%; padding: 10.6% 0 0;}

.expertise-wrapp .expertise-row{justify-content: center;}
.expertise-wrapp .expertise-col1 { width: 23.87%; margin: 0 1.5% 35px 0; max-width: inherit;}
.expertise-wrapp .expertise-col1:nth-child(7) { margin-right: 1.5%;}
.expertise-wrapp .expertise-col1:last-child { display: block;}
.expertise-wrapp .expertise-col1:nth-child(4n) { margin-right: 0;}
.expertise-wrapp .container {padding: 50px 0 35px;}

.wedo-wrapp {padding: 70px 0 0;}
.wedo-wrapp .text-slider { font-size: 23px;}
.wedo-wrapp .text-slider .text span:before {width: 6px; height: 6px;}

.projects-wrapp h3 {font-size: 12px;}

.service-wrapp .service-col1 h3 {font-size: 23px;}

.procedure-wrapp .procedure-col1 h3 {font-size: 24px;}
.procedure-wrapp .procedure-col1 { width: 50%; border-bottom: 1px solid var(--secondary-color);}
.procedure-wrapp .procedure-col1:nth-child(3) { border-bottom: none;}
.procedure-wrapp .procedure-col1:nth-child(4) { border-bottom: none;}
.procedure-wrapp .procedure-col1:nth-child(2n) {border-right: none;}

.accordion-wrapp .accordion .accordion-col1 { width: 100%;}

.contact-wrapp .contact-col1 { padding: 30px;}
.contact-wrapp .map iframe { height: 341px;}


.footer-wrapp .footer-menu ul li { font-size: 14px; margin: 0 6px 10px;}

.brands-wrapp { height: 175px;}
.brands-wrapp .brands-row { width: 120%;}

.footer-wrapp .footer-col1 {  width: 24%;}
.footer-wrapp h1 { font-size: 22px;}

.wedo-wrapp h2 { display: block;}
.wedo-wrapp h2 .wedo-titles { display: inline;}

.projects-wrapp h1 { font-size: 52px;}

.about-banner { padding: 100px 0 80px;}

.abouts-inner .about-inner-col2 { padding: 4rem 0 0 4rem;}
.abouts-inner .about-inner-row:nth-child(2n) .about-inner-col2 { padding: 4rem 4rem 0 0;}

.imapct-wrapp h2 { font-size: 18px;}
.imapct-wrapp .impact-col1 { width: 48%; margin: 0 4% 30px 0;}
.imapct-wrapp .impact-col1:nth-child(3n) { margin-right: 4%;}
.imapct-wrapp .impact-col1:nth-child(2n) { margin-right: 0;}

}

@media screen and (max-width:767px){
.abouts-wrapp {padding: 70px 0 0;}
.abouts-wrapp h2 { font-size: 20px;}
.wedo-wrapp h2 { font-size: 20px; margin: 0 0 18px;}

.wrld-map h2{font-size: 20px;}

.abouts-wrapp p { font-size: 14px;}

.wedo-wrapp .text-slider { font-size: 20px;}
.wedo-wrapp .text-slider .text span:before { width: 5px;  height: 5px;}

.projects-wrapp .projects-col1 {width: 32%; margin: 0 2% 30px 0;}
.projects-wrapp .projects-col1:nth-child(5n) { margin-right: 2%;}
.projects-wrapp .projects-col1:nth-child(4n) { margin-right: 2%;}
.projects-wrapp .projects-col1:nth-child(3n) { margin-right: 0;}
.projects-wrapp h2 { font-size: 20px; margin: 0 0 35px;}
.projects-wrapp { padding: 60px 0 40px;}

.service-wrapp .container {padding: 70px 0 50px;}
.service-wrapp { padding: 0 0 0;}
.service-wrapp h2 { font-size: 20px;}
.service-wrapp .service-col1 { width: 100%; margin: 0 0 20px;}

.procedure-wrapp h2 { font-size: 20px;}
.procedure-wrapp {padding: 70px 0 0;}

.clients-wrapp {padding: 70px 0 0;}
.clients-wrapp h2 { font-size: 20px;}
.clients-wrapp .clients-col1 {width: 23.87%;}
.clients-wrapp .clients-col1:nth-child(7n) {margin-right: 1.5%;}
.clients-wrapp .clients-col1:nth-child(4n) { margin-right: 0;}


.testimonial-wrapp {padding: 70px 0 0;}
.testimonial-wrapp h2 { font-size: 20px;}

.accordion-wrapp h2 {font-size: 20px; margin: 0 0 30px;}


.getin-wrapp .text-fields .text-field:nth-child(3) {width: 50%;}
.getin-wrapp .text-fields .text-field:nth-child(4) { width: 50%;}
.getin-wrapp {padding: 70px 0;}
.getin-wrapp h2 { font-size: 20px;}


.accordion-wrapp {padding: 70px 0 0;}

.contact-wrapp .contact-col1 {padding: 30px; width: 100%; margin: 0 0 20px;}
.contact-wrapp h2 { font-size: 20px;}
.contact-wrapp .contact-row1 {margin: 40px 0 0;}

.footer-wrapp .footer-row1 { flex-direction: column; align-items: center;}
.footer-wrapp .footer-row1 p { margin: 0 0 10px;}
.footer-wrapp .footer-logo { width: 200px;}

.contact-wrapp { padding: 0 0 60px;}

.brands-wrapp .brands-row { width: 125%;}
.banner-wrapp .bg-video video {width: 230%;}
.banner-wrapp .banner-content h1 {font-size: 30px;}
.banner-wrapp .banner-content h1 span.highlight {font-size: 41px;}
.banner-wrapp .banner-content .banner-text .banner-text-row .banner-textbox1 h1 span {font-size: 30px;}

.expertise-wrapp .container {padding: 50px 0 35px;}


.service-wrapp p { font-size: 14px;}


.footer-wrapp .footer-col4 {width: 66%; order: 2;}
.footer-wrapp .footer-col2 {width: 100%;margin: 0 0 40px;}
.footer-wrapp .footer-menu {order: 1;width: 29%;}
.footer-wrapp .footer-col1 { width: 64%; order: 1;}
.footer-wrapp h1 {font-size: 22px;}

.overlay .overlay-inner ul li { font-size: 26px; margin: 0 0 20px;}

.getin-wrapp .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-2:nth-child(2) .evf-field { width: 48.5%;}
.getin-wrapp .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-2:nth-child(2) .evf-field:nth-child(2) { width: 48.5%;}
.getin-wrapp .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-2:first-child .evf-field { width: 48.5%;}


.footer-wrapp .footer-col5 { order: 2;}
.footer-wrapp .footer-quest { flex-direction: column; align-items: self-start; width: 32%;}


.wedo-wrapp .text-slider .text ul {display: inline;}
.wedo-wrapp .text-slider .text ul li:last-child:before {display: block;}
.wedo-wrapp .text-slider .text ul:last-child li:last-child:before { display: none;}

/* .banner-wrapp .slick-track { align-items: center;} */
.banner-wrapp .banner-content .banner-row { padding: 65px 0 0;}
.banner-wrapp .slick-track .slick-slide:first-child .banner-text { padding: 0 0;}
.banner-wrapp .slick-track .slick-slide:nth-child(2) .banner-text { padding: 0 0;}


.wedo-wrapp .text-slider .text ul li { padding: 0 0 0 20px;}
.wedo-wrapp .text-slider .text ul li:before { left: 3px;}
.wedo-wrapp .text-slider .text ul:last-child li:last-child:before { display: block;}

.procedure-wrapp p { font-size: 14px;}

.testimonial-wrapp p { font-size: 14px;}

.accordion-wrapp .accordion .accordion-item .accordion-content p { font-size: 14px;}

.service-page-section ul {  width: 100%; margin: 0 0;}
.service-page-section ul li {margin: 0 auto 10px;}

.service-page-section .service-expertise:after{display: none;}

.service-page-section .service-expertise {width: 100%;  flex-wrap: wrap;}
.service-page-section ul:first-child { padding: 0 0 0; border: none;}

.about-banner { padding: 70px 0;}
.about-banner .about-col1 { width: 100%;padding: 30px 30px 10px;}
.about-banner .about-col2 { position: absolute; top: 0; left: 0; width: 100%; min-height: fit-content; height: 100%;}
.about-banner .bg-img:after { background: rgb(0 0 0 / 70%);}
.about-banner .about-col2:before { background-image: none; border: 1px solid #00892d; border-bottom: 0; border-right: 0; content: ""; height: 1px; left: -50vw; position: absolute; top: 80%; width: 49.8vw;}
.about-banner .about-content {width: 90%;}

.abouts-inner .about-inner-row { width: 100%;}
.abouts-inner .about-inner-col1 { width: 100%; padding: 2rem 0 2rem 2rem;}
.abouts-inner .about-inner-col1 img { height: 75vw;}
.abouts-inner .about-inner-col2 { padding: 0 2rem !important; width: 100%;}
.abouts-inner .about-inner-col2:before { display: none;}
.abouts-inner .about-inner-col1:before { left: -2rem;}
.abouts-inner .about-inner-row:nth-child(2n) .about-inner-col1 { padding: 2rem 2rem 2rem 0;}
.abouts-inner .about-inner-row:nth-child(2n) .about-inner-col1:before { left: inherit; right: -2rem;}


}

@media screen and (max-width:600px) {
.header-wrapp .logo { width: 250px;}
.header-wrapp.sticky .logo { width: 250px;}


.banner-wrapp .banner-content .banner-text .banner-text-row .banner-textbox { width: 100%;}
.banner-wrapp .banner-content .banner-text .banner-text-row .banner-textbox2 { width: 100%;}

.expertise-wrapp .expertise-col1 { width: 32%; margin: 0 2% 35px 0;}
.expertise-wrapp .expertise-col1:nth-child(4n) { margin-right: 2%;}
.expertise-wrapp .expertise-col1:nth-child(3n) { margin-right: 0;}



.wedo-wrapp .text-slider { font-size: 18px;}
.wedo-wrapp .dynamic-text-container { width: 17rem;}

.projects-wrapp h1 { font-size: 44px;}
.projects-wrapp h3 {  font-size: 12px;}

.testimonial-wrapp .testimonial-row { padding: 30px 30px 50px;}

.footer-wrapp .footer-logo { width: 200px;}

.brands-wrapp .brands-row { width: 140%;}

.banner-wrapp .bg-video video {width: 290%;}
.banner-wrapp .banner-content p { font-size: 14px; line-height: 1.5;}

.footer-wrapp .footer-quest { width: 100%; flex-direction: row; align-items: center; justify-content: center; margin: 0 0 25px;}
.footer-wrapp .footer-col4 { width: 100%; text-align: center;}

.footer-wrapp { padding: 30px 0 15px;}


.imapct-wrapp .impact-col1 { width: 100%; margin: 0 0 30px 0 !important;}

}

@media screen and (max-width:480px) {
.header-wrapp .logo {width: 200px;}
.header-wrapp.sticky .logo { width: 200px;}
.hamburger { width: 40px;}
.hamburger__line { width: 19px;}

.banner-wrapp {height: 600px;}
.banner-wrapp .bg-video video {width: 430%;}
.banner-wrapp .banner-content h1 { font-size: 28px;}
.banner-wrapp .banner-content h1 span.highlight { font-size: 41px;}
.banner-wrapp .banner-content .banner-text .banner-text-row .banner-textbox1 h1 span {  font-size: 28px;}
.banner-wrapp .banner-content p { font-size: 16px; line-height: 1.5;}
.banner-wrapp .banner-content .banner-text .banner-text-row .banner-textbox1 { margin: 0 0 0;}
.banner-wrapp .banner-content .banner-text .banner-text-row .banner-textbox { width: 100%;}
.banner-wrapp .banner-content .banner-btn {font-size: 14px;}

.abouts-wrapp h2 { font-size: 18px;}

.expertise-wrapp .expertise-col1 { width: 48%;  margin: 0 4% 35px 0;}
.expertise-wrapp .expertise-col1:nth-child(4n) { margin-right: 2%;}
.expertise-wrapp .container{  padding: 60px 0 25px;}
.expertise-wrapp h2 { font-size: 18px;}
.expertise-wrapp .expertise-col1:nth-child(3n) { margin-right: 4%;}
.expertise-wrapp .expertise-col1:nth-child(2n) { margin-right: 0;}

.wedo-wrapp h2 { font-size: 18px;}
.wedo-wrapp .text-slider { font-size: 18px;}
.wedo-wrapp .dynamic-text-container { width: 10rem;}

.projects-wrapp h2 {font-size: 18px;}
.projects-wrapp .projects-col1 {width: 48%; margin: 0 4% 30px 0;}
.projects-wrapp .projects-col1:nth-child(5n) { margin-right: 4%;}
.projects-wrapp .projects-col1:nth-child(4n) { margin-right: 4%;}
.projects-wrapp .projects-col1:nth-child(3n) { margin-right: 4%;}
.projects-wrapp .projects-col1:nth-child(2n) { margin-right: 0;}



.procedure-wrapp .procedure-col1 { width: 100%; border: none; border-bottom: 1px solid var(--secondary-color);}

.testimonial-wrapp .testimonial-row { padding: 20px 20px 50px;}

.getin-wrapp .text-fields .text-field:first-child { width: 100%;}
.getin-wrapp .text-fields .text-field:nth-child(2) {width: 100%;}
.getin-wrapp .text-fields .text-field:nth-child(3) {width: 100%;}
.getin-wrapp .text-fields .text-field:nth-child(4) {width: 100%;}

.contact-wrapp .contact-col1 {padding: 20px;}
.contact-wrapp .map iframe { height: 280px;}

.footer-wrapp .footer-logo {width: 200px;}

.brands-wrapp .brands-row { width: 146%;}

.brands-wrapp { height: 150px;}

.service-wrapp h2 { font-size: 18px;}

.wedo-wrapp h2 span {font-size: 22px;margin: 0 -5px 0 1px;}

.procedure-wrapp h2 {font-size: 18px;}

.procedure-wrapp .procedure-col1:nth-child(3) {border-bottom: 1px solid var(--secondary-color);}

.clients-wrapp h2 { font-size: 18px;}

.testimonial-wrapp h2 { font-size: 18px;}
.accordion-wrapp h2 { font-size: 18px;}
.getin-wrapp h2 { font-size: 18px;}

.footer-wrapp .footer-col4 { width: 100%; order: 2; }
.footer-wrapp .footer-col2 {width: 100%;margin: 0 0 40px;}
.footer-wrapp .footer-menu {order: 1;width: 100%;}
.footer-wrapp .footer-col1 { width: 100%; order: 1; margin: 0 0 20px;}
.footer-wrapp h1 { font-size: 22px;}
.footer-wrapp .footer-col2 .footer-quest h3 { font-size: 17px;}
.footer-wrapp .footer-col2 .footer-quest .footer-btn { font-size: 14px;}
.footer-wrapp .footer-col2 .footer-social h3 { font-size: 16px;}
.footer-wrapp .footer-col5 {margin: 0 0 0;}
    

.overlay .overlay-inner ul li { font-size: 30px; margin: 0 0 20px;}

.getin-wrapp .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-2:nth-child(2) .evf-field { width: 100%;}
.getin-wrapp .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-2:nth-child(2) .evf-field:nth-child(2) { width: 100%;}
.getin-wrapp .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-2:first-child .evf-field { width: 100%;}

.error-page-section .search-form .search-submit .screen-reader-text { font-size: 14px;}

.wrld-map h2{font-size: 18px;}

.footer-wrapp .footer-col2 .footer-quest { flex-direction: column;}

.footer-wrapp .footer-quest { width:100%; justify-content: end; align-items: center;}
.footer-wrapp .footer-social { width:100%; margin: 20px 0 0; align-items: center;}

.brands-wrapp.desktop { display: none;}
.brands-wrapp.mobile { display: block;  height: 57vw;}

.overlay .overlay-inner ul li { font-size: 20px;}

.banner-wrapp .banner-content h1 .tittle-span { display: inline-block;}

.banner-wrapp .banner-content .banner-row { max-width: 100%; padding: 120px 0 0; width: 100%;}

.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-2 .evf-field {width: 100%;}

.logo-wrapp h2 { font-size: 18px;}

.procedure-wrapp p span {display: block;}


.service-page-section h2 { font-size: 18px;}
.service-page-section p {font-size: 14px;}
.service-page-section ul li { font-size: 14px;}

.get-quote-modal .modal-content .modal-body .enquiry-modal .enquiry-col1 .enquiry-form .text-fields .text-field {width: 100%;}

.about-banner h2{font-size: 28px;}
.abouts-inner h2 {font-size: 18px; margin: 0 0 20px;}


.team-wrapp h2 { font-size: 18px;}

}


@media screen and (max-width:390px) {
  .footer-wrapp h1 {
    font-size: 20px;
}
.overlay .overlay-inner ul li {
  font-size: 20px;
}
}


@media screen and (max-width:1000px) and (max-height:500px) {
.overlay .overlay-inner ul li { font-size: 16px; margin: 0 0 12px;}
.overlay .overlay-inner { padding-left: 6%;}

}