body {font-family: var(--font);padding:0;margin:0;font-size: 16px;font-weight:300;line-height: 1.2;color: var(--c-main-dark);-webkit-font-smoothing: antialiased;}
input, textarea, button {border-radius: 0; -webkit-appearance:none; outline: none;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}
nav ul{list-style: none;padding: 0;margin: 0;}
::selection {color: var(--c-blue);background: var(--c-main-dark);}
::-moz-selection {color: var(--c-blue);background: var(--c-main-dark);}
::-webkit-scrollbar{background:var(--c-main-dark);width:10px;}
::-webkit-scrollbar-thumb{background: var(--c-blue);}
*:not(.slick-track,.slick-list,.selectbox-dropdown), *:before, *:after{transition: all .4s;}
a {text-decoration:none;outline: none;color: inherit;}
img{border:0;display: flex;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom: 20px;}
h1{font-size:100px;}
h2{font-size:60px;}
h3{font-size:36px;}
h4{font-size:20px;}
h5{font-size:16px;}
h6{font-size:14px;}
p{margin:0;}
/*--grid classes---*/
.row-wrap {display: flex;flex-wrap: wrap;}
.row {display: flex;flex-wrap: wrap;height: inherit;}
.row-reverse {display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.row-align-items {justify-content: space-between;display: flex;}
.item-start{align-self: flex-start;}
.third-div {flex: 0 0 33.333333%;max-width: 33.333333%;}
.third-div-bigger {flex: 0 0 40%;max-width: 40%;}
.qrtr-div {flex: 0 0 25%;max-width: 25%;}
.qrtr-div-bigger {flex: 0 0 29%;max-width: 29%;}
.fifth-div {flex: 0 0 20%;max-width: 20%;}
.small-div {flex: 0 0 10%;max-width: 10%;}
.big-div {flex: 0 0 90%;max-width: 90%;}
.four-fifhts-div{flex: 0 0 80%;max-width: 80%;}
.half-div {flex: 0 0 50%;max-width: 50%;}
.half-div-bigger {flex: 0 0 60%;max-width: 60%;}
.three-qrtr-div {flex: 0 0 75%;max-width: 75%;}
.three-qrtr-div-smaller {flex: 0 0 70%;max-width: 70%;}
.two-third-div {flex: 0 0 66.666666%;max-width: 66.666666%;}
.full-div {flex: 0 0 100%;max-width: 100%;position: relative;}
.to-bottom{align-self: flex-end;margin-left:  auto;}
.flex-box-center{display: flex;align-items: center;justify-content: center;}
.flex-row-center{display: flex;justify-content: center;}
.flex-col-center{display: flex;align-items: center;}
.flex-row-end{display: flex;justify-content: flex-end;}
.flex-col-end{display: flex;align-items: flex-end;}
.flex-row-start{display: flex;justify-content: flex-start;}
.flex-col-start{display: flex;align-items: flex-start;}
.flex-box-end{display: flex;align-items: flex-end;justify-content: flex-end;}
.flex-box-start{display: flex;align-items: flex-start;justify-content: flex-start;}
.flex-box-columns{display: flex;flex-direction: column;width: 100%;}
.flex-box-to-right{display: flex;justify-content: flex-end;}
.hide-mobile{display:flex;}
.hide-desktop{display:none;}

/*bg colors*/
.bg-blue{background-color: var(--c-blue);}
.bg-light-blue{background-color: var(--c-blue-light);}
.bg-img-settings{background-repeat: no-repeat;background-size: cover;background-position: center;}
.responsive-img{max-width: 100%;height: auto;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.to-inline-start-auto{margin-inline-start: auto;}
.to-inline-end-auto{margin-inline-end: auto;}
.hand{cursor:pointer;}
.t-b{font-weight:bold;}
.t-m{font-weight:500;}
.t-l{font-weight:300;}
.t-el{font-weight:100;}
.t-nob{font-weight:normal;}
.t-i{font-style: italic;}
.t-u{text-decoration:underline;}
.t-nou{text-decoration:none;}
.t-upper{text-transform: uppercase;}

.hide{display:none;}
.grid {width: 100%;margin: 0 auto;max-width: 1280px;height: inherit;}
.grid-wrap {width: 100%;margin: 0 auto;max-width: 1280px;}
.grid-hero {width: 100%;margin: 0 auto;max-width: 1530px;height: inherit;}
.grid-hero-wrap {width: 100%;margin: 0 auto;max-width: 1530px;}
.grid-wide {width: 100%;margin: 0 auto;max-width: 1366px;}
/*---animation calsses---*/
.anim-target{/*a dummy class to target element in DOM*/}
.anim-general-transition{transition-property: transform,opacity;transition-timing-function: cubic-bezier(.175,.885,.32,1.175);transition-duration: 0.75s;}
.anim-delay-100{transition-delay: .1s;}
.anim-delay-200{transition-delay: .2s;}
.anim-delay-300{transition-delay: .3s;}
.anim-delay-400{transition-delay: .4s;}
.anim-delay-500{transition-delay: .5s;}
.anim-delay-600{transition-delay: .6s;}
.anim-delay-700{transition-delay: .7s;}
.anim-delay-800{transition-delay: .8s;}
.anim-delay-900{transition-delay: .9s;}
.anim-delay-1000{transition-delay: 1s;}
.anim-fade{opacity: 0;}
.anim-from-left{transform: translate(-20%,0);opacity: 0;}
.anim-from-right{transform: translate(20%,0);opacity: 0;}
.anim-from-top-long{transform: translate(0,-50%);opacity: 0;}
.anim-from-top{transform: translate(0,-20%);opacity: 0;}
.anim-from-bottom{transform: translate(0,35%);opacity: 0;}
.anim-flip-y{transform: perspective(2500px) rotateY(-100deg);opacity: 0;}
.anim-to-zero{transform: translate(0,0);opacity: 1;}
.flip-to-zero{transform:perspective(2500px) rotateY(0);opacity: 1;}
/*--general--*/
.btn {font-weight: bold;text-transform: uppercase;display: inline-flex;border-radius: 35px;padding: 15px 25px;position: relative;}
.primary {color: var(--c-blue);border: 1px solid var(--c-blue);}
.secondary {color: white;border: 1px solid white;}
.btn.primary:hover,.contact-form-wrapper input[type="submit"]:hover {background-color: var(--c-blue);color: white;}
.btn.secondary:hover {background-color: white;color: var(--c-blue);}
.demo-icon {font-family: "fontello";font-style: normal;font-weight: normal;display: flex;text-decoration: inherit;width: 1em;margin-inline-start: 10px;margin-inline-end: 10px;font-variant: normal;text-transform: none;}
.social-icon {color: white;display: flex;font-size: 20px;width: 35px;height: 35px;align-items: center;justify-content: center;margin-inline-end: 20px;border-radius: 50%;border: 1px solid white;}
.social-icon:hover {color: var(--c-blue-light);border-color: var(--c-blue-light);}
.social-icon i {line-height: 1;}
.hero{height: 550px;}
.hero-content {color: white;height: inherit;display: flex;align-items: flex-end;}
.hero-content h1 {display: flex;align-items: center;font-weight: 100;margin-block-end: 80px;}
.hero-content h1>img {margin-inline-end: 25px;margin-block-start: 25px;}
.read-more-btn {color: var(--c-blue);margin-block-start: 20px;cursor: pointer;}
/*--hedaer--*/
.header.inner .heaer-logo{margin-inline-start: 7.5%;}
.header.inner .header-humburger-wrapper {margin-inline-end: 7.5%;right: 0;}
.header.inner .header-humburger-wrapper.scroll {opacity: 0;transform: translateY(30px);pointer-events: none;}
.header.inner  .header-humburger.scroll {background-color: black;}
.header.inner .header-humburger,.header>.grid .header-humburger{background-color: white;}
.header {position: fixed;top: 0;width: 100%;z-index: 9999;display: flex;flex-direction: column;justify-content: center;height: var(--header-height);align-items: center;height: 100px;padding-block-end: 30px;}
.header.scroll {background-color: rgb(255 255 255 / 85%);}
.header.inner {background-color: transparent;}
.header.inner > .row.flex-row-center {width: 100%;}
.header .flex-row-center {align-items: end;}
.header-menu-wrapper {max-width: 100%;width: 100%;display: flex;position: relative;}
.menu-top-menu-container {width: 100%;right: 0;position: fixed;height: 100vh;background-color: hsl(0deg 0% 100% / 80%);top: -100vh;transition: all .6s;backdrop-filter: blur(5px);}
.heaer-logo {max-width: 208px;width: 100%;margin-inline-end: auto;display: flex;align-items: center;}
.header-logo {max-width: 100%;}
.header-nav {display: flex;align-items: center;height: auto;width: 100%;flex-direction: column;}
.menu-top-nav-container {height: 100%;}
.header-nav>li {position: relative;margin-block-end: 50px;transform: translateY(-50px);opacity: 0;transition-duration: 0.3s;text-align: center;}
.header-menu-wrapper.open .header-nav>li {opacity: 1;transform: translateY(0);}
.header-nav>li:last-child {margin-block-end: 0;}
.header-nav>li.current-menu-item>a {font-weight: bold;}
.header-nav>li:hover>a, .header-nav .sub-menu li:hover>a {color: var(--c-blue);}
.header-nav .sub-menu {display: grid;grid-template-columns: repeat(2, 50%);margin-block-start: 25px;}
.header.scroll.scroll2 {background-color: transparent;}
.header-nav .sub-menu li a {font-size: 20px;max-width: 75%;display: flex;margin: auto;}
.header-nav li a {font-size: 36px;font-weight: 300;position: relative;color: var(--c-main-dark);transition-duration: 0.2s;}
.header-humburger-wrapper.scroll {opacity: 0;transform: translateY(20px);}
.header-humburger-wrapper {width: 65px;height: 24px;display: flex;flex-direction: column;justify-content: space-between;cursor: pointer;position: fixed;z-index: 99999;transform: translateY(0);pointer-events: auto;transition-timing-function: cubic-bezier(.175,.885,.32,1.275);transition-duration: .6s;opacity: 1;top: 38px;}
.header-humburger-wrapper:hover .header-humburger {background-color: var(--c-blue);}
.header-humburger {width: 100%;background-color: black;height: 4px;display: flex;}
.header-humburger-wrapper .header-humburger.open {background-color: black;}
/*--humburger anim--*/
.header-menu-wrapper.open .menu-top-menu-container {top: 0;display: flex;flex-direction: column;justify-content: center;}
.header-humburger.line1,.header-humburger.line3 {transform: translateY(0) rotate(0);}
.header-humburger.line2.open {opacity: 0;}
.header-humburger.line1.open {animation: huburger-line1-open .75s forwards;}
.header-humburger.line1.close {animation: huburger-line1-close .75s forwards;}
.header-humburger.line3.open {animation: huburger-line3-open .75s forwards;}
.header-humburger.line3.close {animation: huburger-line3-close .75s forwards;}
@keyframes huburger-line1-open{
    0%{transform: translateY(0) rotate(0);}
    50%{transform: translateY(10px) rotate(0);}
    100%{transform: translateY(10px) rotate(45deg);}
}
@keyframes huburger-line1-close{
    0%{transform: translateY(10px) rotate(45deg);}
    50%{transform: translateY(10px) rotate(0);}
    100%{transform: translateY(0) rotate(0);}
}
@keyframes huburger-line3-open{
    0%{transform: translateY(0) rotate(0);}
    50%{transform: translateY(-10px) rotate(0);}
    100%{transform: translateY(-10px) rotate(-45deg);}
}
@keyframes huburger-line3-close{
    0%{transform: translateY(-10px) rotate(-45deg);}
    50%{transform: translateY(-10px) rotate(0);}
    100%{transform: translateY(0) rotate(0);}
}
/*--hp--*/
.hp-video {max-width: 100%;width: 100%;}
.hp-top-content {position: absolute;top: 0;display: flex;align-items: center;flex-direction: column;width: 100%;height: 100%;}
.hp-top-content>img {margin-block-start: 420px;}
.hp-top-see-more {cursor: pointer;margin-block-start: 180px;text-align: center;}
.hp-top {position: relative;}
.hp-top-see-more span {color: var(--c-blue);display: flex;}
.vertical-line {background: url(/wp-content/uploads/arr-down.png) 0 0 no-repeat;width: 24px;height: 28px;background-size: cover;margin: auto;margin-block-start: 25px;}
.about .row .half-div>img {max-width: 100%;margin-inline-start: -150px;}
.about .row-reverse .half-div>img {max-width: 100%;margin-inline-start: 150px;}
.about .half-div:last-child>.row>h2 {max-width: 90%;line-height: 1;margin-inline-start: 5%;margin-block-end: 25px;}
.about .half-div:last-child>.row {align-items: start;}
.hp-main {padding: 200px 0;}
.about>.row {margin-block-end: 150px;}
.about .hp-main-item-txt {line-height: 27px;max-width: 86%;}
.knowledge-item {max-width: calc(21.7% - 15px);width: 100%;height: 580px;position: relative;background-blend-mode: luminosity;background-color: var(--c-blue);background-position: center;margin-inline-end: 15px;}
.row.knowledge {justify-content: center;margin-block-start: 60px;}
.knowledge-item:before {content: "";position: absolute;width: 100%;height: 100%;background-color: rgb(0 0 0 / 60%);opacity: 0;}
.knowledge-item:after {content: "";position: absolute;width: 100%;height: 100%;background-color: rgb(23 166 222 / 50%);top: 0;}
.knowledge-item-inner {position: relative;z-index: 2;color: white;padding-block-start: 100px;max-width: 80%;margin: auto;}
.knowledge-item:last-child {margin: 0;}
.knowledge-item-inner h3 {font-size: 50px;font-weight: 300;}
.knowledge-item-inner p,.knowledge-item-inner h4 {opacity: 0;transform: translateY(30px);}
.knowledge-item:hover .knowledge-item-inner p, .knowledge-item:hover .knowledge-item-inner h4 {opacity: 1;transform: translateY(0);transition-delay: .4s;}
.knowledge-item:hover {max-width: 34.5%;}
.knowledge-item:hover:after {opacity: 0;}
.knowledge-item:hover {background-color: transparent;}
.knowledge-item:hover:before {opacity: 1;}
.hp-main h2.t-l.t-i {margin-block-end: 100px;line-height: 70px;font-size: 54px;}
.hp-bottom-stat-item {max-width: 270px;width: 100%;text-align: center;}
.hp-bottom-stats {justify-content: space-between;margin-block-end: 100px;margin-block-start: 75px;}
.hp-bottom-stat-item span {font-size: 100px;font-weight: 100;color: var(--c-blue);margin-block-end: 50px;display: flex;justify-content: center;}
.hp-bottom-stat-item h4 {font-weight: 300;}
.quote-wrapper {margin-block-start: 200px;display: flex;flex-direction: column;}
.quote-wrapper h4 {font-size: 83px;display: flex;flex-direction: column;margin-block-end: 50px;}
.quote-wrapper h4>span:last-child {margin-inline-start: auto;}
.quote-wrapper h4 span {font-weight: 100;font-style: italic;}
.quote-wrapper p {font-size: 33px;display: flex;color: var(--c-blue);position: relative;margin-inline-start: auto;}
.quote-wrapper p:before {content: "";position: absolute;width: 150px;height: 1px;background-color: var(--c-blue);top: 21px;left: -175px;}
/*--company---*/
.company-top-txt {max-width: 50%;margin: auto;line-height: 27px;margin-block-end: 100px;}
.company-top {padding-block-start: 130px;}
.company-person-wrapper {width: 100%;max-width: 33%;display: flex;flex-direction: column;position: relative;align-items: center;text-align: center;}
.company-person {width: 100%;max-width: 400px;height: 330px;margin-block-end: 35px;position: relative;z-index: 1;}
.company-person-wrapper h4 {margin-block-end: 5px;}
.company-person-txt {line-height: 27px;max-width: 90%;max-height: 0;overflow: hidden;}
.company-person-txt-preview {line-height: 27px;max-width: 90%;padding-block-start: 35px;}
.company-persons {position: relative;}
.company-persons:before {content: "";position: absolute;top: 230px;background-color: var(--c-blue);width: 100%;height: 100px;}
.company-main {padding: 100px 0;}
.company-tab {width: 100%;max-width: calc(39.615% - 10px);height: 335px;margin-inline-end:  10px;display: flex;flex-direction: column;align-items: center;color: white;position: relative;background-blend-mode: luminosity;background-color: var(--c-blue);background-position: center;}
.company-tab-txt {opacity: 0;position: relative;text-align: center;max-width: 75%;line-height: 27px;}
.company-tab h2 {font-weight: 300;margin-block-start: 60px;position: relative;}
.company-tab:before {content: "";position: absolute;width: 100%;height: 100%;background-color: rgb(0 0 0 / 60%);opacity: 0;}
.company-tab:hover:before {opacity: 1;}
.company-tab:hover {background-color: transparent;max-width: 60%;}
.company-tab:hover .company-tab-txt {opacity: 1;}
.company-tab:last-child {margin: 0;}
.company-people-bg {max-width: 1365px;width: 100%;height: 790px;}
.company-people-bg svg {max-width: 1020px;width: 100%;height: 790px;display: flex;margin: auto;}
.company-people-bg svg .st0,.company-people-bg svg .st1 {clip-path: inset(100% 0 0 0);transition-duration: 4s;stroke-width: 2;stroke: #5DC2EF;}
.company-people-bg svg .st0.animate, .company-people-bg svg .st1.animate {clip-path: inset(0 0 0 0);}
.watermark-main .title-col h2,.watermark-main .title-col h3 {color: var(--c-blue);font-weight: 100;line-height: 1;}
.company-main-water {max-width: 950px;margin: auto;margin-block-start: 200px;margin-block-end: 100px;}
.row.company-main-water .third-div-bigger {display: flex;align-items: start;}
.company-main-water img {margin-inline-start: auto;max-width: 65%;margin-block-start: 9%;}
.company-main-water p {line-height: 27px;margin-block-end: 50px;}
.company-track {margin-block-start: 80px;}
.company-partners {margin-block-end: 80px;justify-content: space-between;}
.company-track .row {position: relative;margin-block-end: 100px;}
.company-track .row:before {content: "";position: absolute;width: 100%;height: 1px;background-color: var(--c-blue);bottom: -50px;}
.company-track .details-col>* {max-width: 75%;line-height: 27px;}
.company-track .inf-col {line-height: 23px;}
.company-track .row:last-child:before {display: none;}
.company-bottom .bg-light-blue {padding: 150px 0;}
.company-bottom .bg-light-blue P {margin-block-end: 50px;line-height: 27px;max-width: 90%;}
.bottom-inf-section img.responsive-img {margin-inline-start: auto;}
.bottom-inf-details {max-width: 484px;width: 100%;margin-inline-start: auto;display: flex;flex-wrap: wrap;}
.bottom-inf-detail {max-width: 33%;width: 100%;display: flex;flex-direction: column;text-align: center;}
.bottom-inf-detail p {max-width: 75%;margin: auto;}
.bottom-inf-section {padding: 150px 0;}
.bottom-inf-section .small-div>img {margin-block-start: 20px;}
.bottom-inf-section h2,.bottom-inf-section p {max-width: 71%;}
.bottom-inf-detail2-text {max-width: 75%;display: flex;flex-direction: column;justify-content: center;}
.bottom-inf-details .bottom-inf-detail2-text p {max-width: 95%;font-weight: 300;}
.bottom-inf-detail2-text h5 {margin-block-end: 15px;}
.bottom-inf-detail2.row {margin-block-end: 40px;}
.bottom-inf2 {margin: 150px 0;}
/*--watermark--*/
.watermark-main {padding: 135px 0;}
/*--technology--*/
.technology-main h2 {margin: 135px 0;text-align: center;}
.technology-process p {font-size: 28px;font-weight: 100;}
.technology-main-process h3 {margin-block-start: 25px;}
.technology-process {display: flex;flex-direction: column;align-items: center;min-height: 600px;background: linear-gradient(to bottom, rgb(0 167 222 / 10%) 0%, rgba(0,167,222,0) 100%);position: relative;}
.technology-process img {margin-block-start: 125px;}
.technology-process:hover {cursor:pointer;background: linear-gradient(to bottom, rgb(0 167 222 / 25%) 0%, rgba(0,167,222,0) 100%);}
/*--tech inner--*/
.hero.desalination h1,.hero.mineral-water h1 {max-width: 57%;line-height: 1;display: flex;align-items: start;}
.tech-name {display: flex;width: 185px;height: 185px;font-size: 20px;font-weight: bold;align-items: center;justify-content: center;margin-inline-end: 75px;border: 1px solid var(--c-blue);border-radius: 50%;color: var(--c-blue);}
.tech-name:last-child {margin-inline-end: 0;}
.desalination-main {padding: 100px 0;}
.tech-names {padding-block-end: 100px;padding-block-start: 50px;}
.tech-text h2 {text-align: center;}
.tech-name:hover,.tech-name.active {color: white;background-color: var(--c-blue);cursor: pointer;}
.tech-text {display: none;flex-direction: column;}
.tech-text.active {display: flex;}
.tech-text-wrapper.row img {margin: auto;}
.tech-text>h2 {max-width: 42%;margin: auto;margin-block-end: 75px;}
.tech-text>p {max-width: 23%;text-align: center;margin: auto;font-size: 20px;line-height: 30px;}
.tech-text-wrapper {line-height: 27px;}
.tech-text-bottom {display: flex;flex-direction: column;align-items: center;margin-block-start: 100px;}
.tech-text-bottom h3 {margin-block-end: 70px;}
.tech-text ul li::marker {color: var(--c-blue);}
.tech-text-wrapper ul {padding-inline-start: 20px;}
.tech-text-wrapper ul li {margin-block-end: 20px;}
.tech-text-wrapper>.half-div:first-child>* {max-width: 90%;}
.tech-text-bottom img {margin-block-end: 100px;}
.hero.mineral-water + .bg-blue {height: 200px;}
.hero.mineral-water + .bg-blue > .grid {text-align: center;justify-content: center;display: flex;}
.hero.mineral-water + .bg-blue > .grid > p {max-width: 55%;margin: auto;color: white;font-size: 36px;font-weight: bold;line-height: 50px;}
.mineral-water-main span {font-size: 100px;font-weight: 100;color: var(--c-blue);line-height: 0.9;}
.mineral-water-main {padding: 115px 0;}
.mineral-water-main .half-div-bigger>p {max-width: 70%;line-height: 27px;}
.mineral-water-main > .grid > .row {margin-block-end: 130px;position: relative;}
.mineral-water-main > .grid > .row:before {content: "";position: absolute;width: 100%;height: 1px;background-color: var(--c-blue);bottom: -75px;}
.mineral-water-main > .grid > .row:last-child:before {display: none;}
.tech-name-new:hover path,.tech-name-new.active path {fill: var(--c-blue);}
.tech-name-new text {font-size: 25px;font-weight: bold;}
.tech-name-new {margin-inline-end: 60px;cursor: pointer;}
.tech-name-new:last-child {margin-inline-end: 0;}
svg text {text-anchor: middle;dominant-baseline: middle;}
.tech-name-new:hover text {fill: white;}
.sub-items span {font-size: 36px;font-weight: bold;margin-block-end: 10px;}
.sub-items p {font-weight: bold;max-width: 55%;}
.sub-items>.row>.half-div:first-child {display: flex;justify-content: center;}
.sub-items>.row {position: relative;margin-block-end: 100px;}
.sub-items>.row:before {content:"";position: absolute;width: 100%;height: 1px;background-color: var(--c-blue);bottom: -50px;opacity: 0.3;}
.sub-items>.row:last-child:before {display: none;}
.sub-items>.row:last-child, .mineral-water-main > .grid > .row:last-child {margin-block-end: 0;}
.sub-items .half-div:last-child {display: flex;flex-direction: column;justify-content: center;}
.mineral-water-bottom>.grid {max-width: 1100px;position: relative;}
.bottom-inf:before {content:"";width: 100%;height: 1px;background-color: var(--c-blue);display: flex;position: absolute;bottom: 0;}
.mineral-water-bottom p {max-width: 75%;line-height: 27px;width: 100%;margin-block-end: 100px;}
.mineral-water-bottom h3 {margin: 0;line-height: 1;display: flex;align-items: end;margin-inline-start: 15px;font-size: 50px;}
.mineral-water-bottom .row {margin-block-end: 35px;min-height: 60px;}
.mineral-water-main>.grid {max-width: 1090px;}
.bottom-txt {text-align: center;}
.mineral-water-bottom .bottom-inf {position: relative;margin-block-end: 100px;}
.bottom-txt>img {margin: auto;margin-block-end: 35px;}
.bottom-txt h3 {max-width: 65%;margin: auto;margin-block-end: 25px;}
/*--media center--*/
.media-main {padding: 135px 0;}
.media-item {max-width: calc(33.33% - 50px);margin: 0 25px;margin-block-end: 25px;}
.media-item h5 {position: relative;padding-block-start: 25px;}
.media-item h5:before {content: "";position: absolute;width: 100%;height: 1px;background-color: var(--c-main-dark);top: 0;}
.media-item span {margin-block-end: 25px;display: flex;}
.media-item .btn.primary {margin-block-start: 25px;}
/*--single post --*/
.hero.single-post .hero-content h1 { font-size: 60px;margin-block-end: 20px;max-width: 47%;}
.hero.single-post .hero-content {display: flex;flex-direction: column;align-items: start;justify-content: end;}
.hero.single-post .hero-content span {margin-block-end: 100px;}
.single-post-txt {max-width: 580px;margin: auto;line-height: 27px;}
.single-post-img {margin: 100px 0;}
.single-post-main {padding: 135px 0;}
.btn.primary.go-back {display: flex;align-items: center;max-width: 130px;width: 100%;justify-content: center;}
.single-post-main .btn.primary.go-back:before {content: "";background-image: url(/wp-content/uploads/Group-62.svg);width: 35px;height: 8px;background-repeat: no-repeat;display: flex;margin-inline-end: 10%;}
.btn.primary.go-back:hover:before {width: 20px;}
.btn.primary.go-back {background-color: transparent;color: var(--c-blue);}
.single-post-img p {margin-block-start: 15px;}
.share-wrapper .social-icon {color: var(--c-main-dark);border-color: var(--c-main-dark);}
.share-wrapper {max-width: 580px;width: 100%;margin: auto;margin-block-start: 50px;}
.share-wrapper h4 {margin-block-end: 0;padding-block-start: 4px;margin-inline-end: auto;}
.share-wrapper .social-icon:hover {color: var(--c-blue);border-color: var(--c-blue);}
/*--pagination--*/
.prev.page-numbers,.next.page-numbers {position: relative;border-radius: 50%;}
.prev.page-numbers:before, .next.page-numbers:before {position: absolute;border: 1px solid var(--c-blue);border-radius: 50%;width: inherit;height: inherit;display: flex;font-size: 22px;justify-content: center;color: var(--c-main-dark);}
.prev.page-numbers:before{content: "\2190";}
.next.page-numbers:before{content: "\2192";}
.pagination {width: 100%;align-items: center;justify-content: center;margin-block-start: 80px;margin-block-end: 50px;}
.page-numbers {display: flex;width: 34px;height: 34px;color: var(--c-main-dark);font-weight: bold;align-items: center;justify-content: center;}
.prev.page-numbers {margin-inline-end: 30px;}
.next.page-numbers {margin-inline-start: 10px;}
.page-numbers.current {color: var(--c-blue);}
.prev.page-numbers:hover, .next.page-numbers:hover {background-color: var(--c-blue);}
.prev.page-numbers:hover:before, .next.page-numbers:hover:before {color: white;}
/*---text page---*/
.hero.terms h1 {justify-content: center;width: 100%;}
.text-page-main {padding: 100px 0;}
.text-page-content {max-width: 580px;margin: auto;}
.text-page-content a {color: #17A6DE;}
.text-page-content a:hover {color: #0093C5;}
/*--404--*/
.page-404 {height: 100vh;background-image: url(/wp-content/uploads/Group-410.jpg);background-position: center;background-size: cover;}
.page-404 .grid {display: flex;flex-direction: column;align-items: center;justify-content: center;color: white;}
.page-404 .grid p {line-height: 27px;text-align: center;margin-block-end: 40px;}
/*--thanks--*/
.thanks-page {height: 100vh;background-image: url(/wp-content/uploads/Mask-Group-74.jpg);background-position: center;background-size: cover;}
.thanks-page .grid {display: flex;flex-direction: column;align-items: center;justify-content: center;color: white;}
.thanks-page .grid p {line-height: 27px;text-align: center;margin-block-end: 40px;}
/*--contact---*/
.contact-main {padding-block-start: 135px;}
.contact-form-wrapper input, .contact-form-wrapper textarea {font-family: var(--font);border: none;height: 50px;width: 100%;resize: none;font-size: 16px;font-weight: 300;border-block-end: 1px solid var(--c-secondary-dark);background-color: transparent;}
.contact-form-wrapper input::placeholder {color: var(--c-secondary-dark);}
.contact-form-wrapper textarea {padding-block-start: 12px;}
.contact-form-wrapper .half-div input {width: 97%;}
.contact-form-wrapper .half-div:last-child input {display: flex;margin-inline-start: auto;}
.contact-inf img {margin-inline-end: 25px;}
.contact-inf .row {margin-block-end: 30px;}
.contact-main h3 {margin-block-end: 60px;}
.contact-form-wrapper input[type="submit"]{font-weight: bold;text-transform: uppercase;border-radius: 35px;padding: 12px 25px;color: var(--c-blue);border: 1px solid var(--c-blue);max-width: 260px;width: 100%;display: flex;justify-content: center;margin-block-start: 50px;}
/*---footer---*/
.footer-inner {position: relative;max-width: 24%;width: 100%;}
.footer-inner:last-child {max-width: 15%;display: flex;flex-direction: column;align-items: center;}
.social-icon:last-child {margin-inline-end: 0;}
.dev-by a {
    display: flex;
    gap: 5px;
    align-items: center;
}
    .dev-by {
    display: flex;
    justify-content: center;
}
.dev-by a > img {
    transform: translateY(1px);
}
.dev-by a:hover {
    text-decoration: underline;
}
.footer-inner:before {content: "";position: absolute;width: 1px;height: 100%;background-color: white;right: -9%;}
.footer-inner:last-child:before {display: none;}
.footer-inner-wrapper {padding-block-end: 75px;color: white;justify-content: space-between;width: 100%;}
.footer-logo + p {margin: 65px 0 10px;}
.footer-socials p {margin-block-start: 35px;font-size: 12px;}
.footer-socials p a:hover {color:var(--c-blue-light);text-decoration: underline;}
.footer-inf .row > p {max-width: 85%;}
.footer-nav {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;grid-auto-rows: minmax(20px, auto);}
.footer-nav li a {color: white;}
.footer-inner h5 {margin-block-end: 35px;}
.footer-inner  .footer-badge {margin-block-end: 25px;}
.footer-inf img {margin-inline-end: 25px;display: flex;align-self: center;}
.footer-inf .row {margin-block-end: 20px;}
.footer-inf a {color: inherit;}
.footer-inf a:hover,.footer-nav li a:hover {color: var(--c-blue-light);}
.footer-logo + .row {margin-block-start: 45px;}
.footer-v2 .footer-inner a, .footer-v2 .footer-inner p {color: var(--c-secondary-dark);}
.footer-v2 .footer-inf a:hover, .footer-v2 .footer-nav li a:hover {color: var(--c-blue);}
.footer-v2 .footer-inner:before {background-color: var(--c-secondary-dark);}
.footer-v2 .footer-inner .social-icon {color: var(--c-blue);border-color: var(--c-blue);}
.footer-v2 .footer-inner h5 {color: black;}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media (max-width: 1681px) {
    .about .row-reverse .half-div>img{margin-inline-start: 0;}
    .knowledge-item-inner h3 {font-size: 2.8vw;}
}
@media (max-width: 1540px) {
    .header-nav li a {font-size: 25px;}
    .tech-text>h2 {max-width: 45%;}
    .header-nav .sub-menu li a {font-size: 16px;}
    .header-nav {margin-block-start: 7.5vw;}
    .header-nav>li {margin-block-end: 20px;}
    .bottom-inf-section h2, .bottom-inf-section p {max-width: 80%;}
    h1 {font-size: 6vw;}
    .grid, .grid-hero,.grid-wrap{max-width: 90%;}
    .knowledge-item {height: 500px;}
    .technology-main h2 {margin: 7vw;}
    .hero {height: 350px;}
    .quote-wrapper {margin-block-start: 0;}
    .company-main-water {margin: 5vw auto;}
    .watermark-main,.contact-main {padding: 75px 0;}
    .knowledge-item-inner h3 {font-size: 2.8vw;}
    .page-404 .grid .flex-row-center {margin-block-end: 100px;}
    .company-top {padding-block-start: 50px;}
    .company-bottom .bg-light-blue {padding: 50px 0;}
    .single-post-main {padding: 50px 0;}
    .hero.single-post .hero-content h1 {font-size: 35px;}
    .hero.single-post .hero-content span {margin-block-end: 50px;}
    .media-main{padding-block-start: 75px;padding-block-end: 0;}
    .hp-top-content>img {margin-block-start: 310px;}
    .hp-top-see-more {margin-block-start: 80px;}
}
@media(max-width:1440px){
}
@media(max-width: 1366px){
    .grid,.grid-wide{max-width: 95%;}
    .knowledge-item {height: 450px;}
    .hp-main {padding: 10vw 0;}
    .knowledge-item-inner {padding-block-start: 6vw;}
    .hp-bottom-stats {margin: 5vw 0;}
    .hp-top-content>img {margin-block-start: 20vw;}
    .hp-top-see-more {margin-block-start: 4vw;}
    .footer-inner:before {right: -8%;}
}
@media (max-width: 1280px) {
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1024px) {

    :root {--header-height: 50px;}
    .hide-mobile{display:none;}
    .hide-desktop{display:flex;}
    .half-div, .half-div-bigger, .third-div-bigger,.qrtr-div,.third-div,.small-div,.big-div {flex: 0 0 100%;max-width: 100%;}
    .about .row .half-div>img {margin: auto;}
    .hero {height: 87vw;}
    .hp-top-content>img {max-width: 75%;margin-block-start: 50%;} 
    h2 {font-size: 8vw;}
    .about .half-div:first-child>.row>h2 {max-width: 85%;margin-inline-start: 5%;}
    .about .half-div > p {max-width: 100%;}
    .grid, .grid-wide, .mineral-water-main>.grid,.mineral-water-bottom>.grid {max-width: 90%;}
    .hp-main h2.t-l.t-i {line-height: 55px;}
    .about .hp-main-item-txt {margin-block-end: 30px;max-width: 100%;margin-block-start: 15px;}
    .company-bottom .bg-light-blue .row {flex-direction: column-reverse;}
    .about .half-div:first-child>.row {align-items: start;}
    .about .half-div:first-child>.row>img {margin-block-start: 10px;}
    .header {padding: 0;}
    .header .flex-row-center {align-items: center;}
    .bottom-inf2 {margin: 15vw 0;}
    .header-nav {margin-block-start: 25vw;} 
    .header-menu-wrapper.open .menu-top-menu-container {justify-content: start;}
    .company-person,.company-person-wrapper,.company-top-txt,.company-person-txt-preview,.company-bottom .bg-light-blue P {max-width: 100%;}
    .company-person {max-width: 60%;}
    .company-bottom .bg-light-blue .half-div img {transform: translateX(-20vw);}
    .half-div.technology-process {flex: 0 0 50%;max-width: 50%;}
    .technology-main-process h3 {font-size: 5vw;text-align: center;}
    .hero.desalination h1, .hero.mineral-water h1 {max-width: 90%;font-size: 9vw;}  
    .hero-content h1>img {margin-block-start: 0;}
    .media-item {max-width: 100%;}
    .media-main {padding: 0;}
    .bottom-inf-section .small-div {display: none;}
    .bottom-inf-section h2, .bottom-inf-section p {max-width: 100%;text-align: center;}
    .bottom-inf-section .half-div > img {margin-block-start: 7.5vw;max-width: 100%;}
    .bottom-inf1 {margin: 10vw 0;}
    .bottom-inf-detail2.row {max-width: 100%;display: flex;flex-direction: column;align-items: center;text-align: center;margin-block-end: 5vw;width: 100%;}
    .bottom-inf-detail {  max-width: 50%;}
    .bottom-inf-details .bottom-inf-detail2-text p {max-width: 100%;}
    .bottom-inf-section {padding: 5vw 0;}
    .company-person-wrapper {margin-block-end: 10vw;}
    .company-person-wrapper:before {content: "";position: absolute;top: 125px;background-color: var(--c-blue);width: 100%;height: 205px;}
    .hp-bottom-stat-item {max-width: 100%;}
    .row.company-main-water {flex-direction: column-reverse;margin: 10vw 0;}
    .company-main-water img {margin: auto;margin-block-end: 20vw;max-width: 60%;}
    .hp-bottom-stat-item span {margin-block-end: 25px;}
    .knowledge-item {height: 38vw;max-width: 100%;margin: 0;margin-block-end: 10px;}
    .knowledge-item:hover {max-width: 100%;height: 99vw;}
    .knowledge-item-inner {height: 100%;display: flex;align-items: start;justify-content: start;flex-direction: column;}
    .knowledge-item-inner img {max-width: 45px;}
    .knowledge-item-inner p {font-size: 3.25vw;}
    .knowledge-item-inner h4,.footer-badge,.company-people-bg,.company-persons:before  {display: none;}
    .knowledge-item-inner h3 {font-size: 5.5vw;font-weight: bold;}
    .tech-names {flex-direction: column;padding: 10vw 0;}
    .tech-name-new {width: 100%;height: 15.625vw;margin-block-end: 15px;display: flex;background-color: var(--c-blue);border-radius: 300px;align-items: center;justify-content: center;font-size: 4.5vw;color: white;font-weight: bold;}
    .tech-text>h2 {max-width: 100%;}
    .tech-text-bottom img {max-width: 100%;}
    .desalination-main {padding: 15vw 0;}
    .desalination-main .tech-text-wrapper>.half-div>* {max-width: 100%;}
    .desalination-main .tech-text-wrapper>.half-div img {margin: auto;}
    .quote-wrapper h4 {font-size: 9vw;}
    .quote-wrapper {margin: 50px 0;}
    .contact-main>.grid>.row {flex-direction: column-reverse;}
    .contact-main {padding-block-start: 10vw;}
    .contact-main h3 {margin-block-end: 20px;font-size: 6vw;}
    .contact-form-wrapper .half-div input {width: 100%;}
    .footer-inner,.footer-inner:last-child {max-width: 100%;padding: 6.5vw 0;}
    .footer-inner h5 {margin-block-end: 15px;}
    .footer-inner-wrapper {padding-block-end: 0;}
    .footer-inner:before {right: unset;width: 100%;height: 1px;bottom: 0;}
    .footer-inf {display: flex;}
    .social-icon {margin-inline-end: 0;margin-block-end: 10px;}
    .footer-logo {margin: auto;}
    .footer-logo + p, .footer-logo + p + .row p {text-align: center;width: 100%;font-size: 12px;}
    .footer-logo + p {margin: 15px 0 5px;}
    .footer-logo + p + .row {width: 100%;}
    .footer-inf .flex-box-columns {max-width: 50%;}
    .footer-inf img {margin-inline-end: 10px;}
    .footer-socials {align-items: flex-end;}
.dev-by {
    margin-block-end: 5px;
}
    footer {
        height: auto !important;
    }
}

@media(max-width:420px){
    .header.inner .header-humburger-wrapper {top: 20px;}
    h1 {font-size: 10vw;}
    .company-person {max-width: 100%;}
    .mineral-water-main .third-div {flex: 0 0 33.333333%;max-width: 33.333333%;} 
    .mineral-water-main span {line-height: 0.7;letter-spacing: -6px;font-size: 90px;}
    .mineral-water-main h2 {font-size: 10.5vw;}
    .hp-top-content>img {margin-block-start: 75vw;}
    .hp-top-see-more {margin-block-start: 34vw;}
    h3 {font-size: 7vw;}
    .quote-wrapper p:before {width: 60px;left: -70px;}
    .technology-process {min-height: 250px;}
    .technology-process:left {background: linear-gradient(to bottom, rgb(0 167 222 / 10%) 0%, rgba(0,167,222,0) 100%);}
    .half-div.technology-process.right {background: transparent;}
    .sub-items span {font-size: 10vw;letter-spacing: 0;}
    .contact-inf h3 {margin-block-start: 10vw;}
    .contact-inf .row > p {max-width: 75%;}
    .quote-wrapper p {font-size: 18px;}  
    .quote-wrapper p:before {top: 12px;}
    .hero.single-post .hero-content h1 {max-width: 85%;font-size: 9vw;}
    .share-wrapper .social-icon {margin:  0 10px;}
    .media-item h5:before,.media-item:first-child:before {display: none;}
    .media-item:before {content: "";position: absolute;width: 100%;height: 1px;background-color: var(--c-main-dark);top: 10px;}
    .row.knowledge {margin-block-start: 5vw;}
    .hp-top-content>img {margin-block-start: 75vw;}
    .hp-top-see-more {margin-block-start: 34vw;}
    .row.knowledge {margin-block-start: 5vw;}
    .hp-main h2.t-l.t-i {line-height: 40px;font-size: 7vw;margin-block-end: 10vw;}
    .about>.row {margin-block-end: 10vw;}
    .company-main {padding: 10vw 0;}
    .hero.mineral-water + .bg-blue > .grid > p {max-width: 100%;font-size: 25px;line-height: 1.3;}
    .sub-items .half-div {flex: 0 0 50%;max-width: 50%;}
    .sub-items>.row {max-width: 75%;margin-inline-start: auto;margin-block-end: 20vw;margin-block-start: 5vw;}
    .sub-items>.row:before {bottom: -11vw;}
    .sub-items p,.tech-text>p {max-width: 100%;}
    .mineral-water-bottom p {max-width: 100%;margin-block-end: 10vw;}
    .single-post-txt {margin-block-start: 10vw;}  
    .single-post-img {margin: 10vw 0;}
    .bottom-txt h3 {max-width: 100%;font-size: 8vw;}
    .mineral-water-bottom .bottom-inf {margin-block-end: 10vw;}
    .hero.mineral-water + .bg-blue {height: auto;padding: 5vw 0;}
    .mineral-water-main {padding: 10vw 0;}
    .company-track .inf-col {margin-block-end: 5vw;}
    .company-track .details-col>* {max-width: 100%;}
    .company-partners {justify-content: center;}
    .watermark-main {padding: 10vw 0;}
    .company-track {margin-block-start: 10vw;}
    body p {text-align: justify;}
    footer {
        height: 765px !important;
    }
}

@media(max-width:375px){

}