/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

html, body {
    overflow-x: hidden !important;
}

.stuck .header-main .nav > li > a
{
  line-height: 0px !important;
}
main#main
{
    background-color: #D1E0E0;  
}
:root :where(body)
{
    overflow: hidden;
}

.font-40-m-f h1
{
    font-size:40px;
    line-height:70px;
    font-weight:500;
    font-family:Futura medium;
    margin: 0;
  position: relative;
  overflow: hidden;
}
.font-90-b-f h1
{
    font-size: 90px;
    line-height: 120px;
    font-weight: 700;
    font-family: Futura bold;
    margin: 0;
  position: relative;
  overflow: hidden;
  background: linear-gradient(170.4deg, #496978 -42.38%, rgba(73, 105, 120, 0) 108.51%);
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.font-42-m-f p
{
    font-size:42px;
    line-height:70px;
    font-weight:500;
    font-family:Futura medium;
}
.font-44-m-f p
{
    font-size:44px;
    line-height:58.44px;
    font-weight:500;
    font-family:Futura medium;
}
.font-50-m-f p
{
    font-size:50px;
    line-height:60px;
    font-weight:500;
    font-family:Futura medium;
}
a.button.primary {
    /*background: linear-gradient(99.13deg, #00619E -10.91%, #496978 100.01%);*/
    background: linear-gradient(to right, #00619E 0%, #496978 51%, #00619E 100%);
    box-shadow: 0px 1px 2px 0px #0000000D;
    font-size: 15px;
    line-height: 22.5px;
    font-family: Be Vietnam regular;
    font-weight: 400;
    padding: 16px 20px;
    background-size: 200% auto;
}
a.button.primary:hover {
    background-position: right center;
}
.header-main .nav > li > a {
    font-family: Be Vietnam regular;
    font-weight: 400;
    color: #000000;
    font-size: 15px;
    line-height: 22.5px;
    text-transform: capitalize;
}
.product-txt
{
    background: linear-gradient(172.61deg, #496978 -44.06%, rgba(73, 105, 120, 0) 98.85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.lead-team
{
    background: linear-gradient(171.07deg, #496978 -25.51%, rgba(73, 105, 120, 0) 143.74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.font-74-b-f
{
    font-size:74px;
    line-height:100px;
    font-weight:700;
    font-family: Futura bold;
}
.font-64-b-f
{
    font-size:64px;
    line-height:88px;
    font-weight:700;
    font-family: Futura bold;
    background: linear-gradient(172.61deg, #496978 -44.06%, rgba(73, 105, 120, 0) 98.85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.font-28-f-m
{
    font-size: 28px;
    line-height: 46px;
    font-weight: 500;
    font-family: Futura medium;
}
.font-28-f-r
{
    font-size: 28px;
    line-height: 44px;
    font-weight: 400;
    font-family: Be Vietnam regular;
}
.font-24-f-r
{
    font-size: 24px;
    line-height: 40px;
    font-weight: 400;
    font-family: Be Vietnam regular;
}
.font-28-f-l
{
    font-size: 28px;
    line-height: 52px;
    font-weight: 300;
    font-family: Be Vietnam Light;
}
.font-26-f-r
{
    font-size: 26px;
    line-height: 46px;
    font-weight: 400;
    font-family: Be Vietnam regular;
}
.font-32-f-b
{
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    font-family: Be Vietnam bold;
}
.font-34-f-b
{
    font-size: 34px;
    line-height: 50px;
    font-weight: 700;
    font-family: Futura bold;
}
.font-34-f-m
{
    font-size: 34px;
    line-height: 45.16px;
    font-weight: 500;
    font-family: Futura medium;
}
.font-48-b-m p
{
    font-size: 48px;
    line-height: 35px;
    font-weight: 500;
    font-family: Be Vietnam Medium;
}
.font-36-b-m p
{
    font-size: 36px;
    line-height: 80px;
    font-weight: 500;
    font-family: Futura medium;
}
.font-30-b-s p
{
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
    font-family: Be Vietnam semibold;
}
.font-30-b-r p
{
    font-size: 30px;
    line-height: 60px;
    font-weight: 400;
    font-family: Be Vietnam regular;
}
.font-30-f-m p, .font-30-f-m
{
    font-size: 30px;
    line-height: 39.84px;
    font-weight: 500;
    font-family: Futura medium;
}
.font-24-b-r p
{
    font-size: 24px;
    line-height: 40px;
    font-weight: 400;
    font-family: Be Vietnam regular;
}
.font-24-b-m p
{
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    font-family: Be Vietnam Medium;
}
.font-24-b-b p
{
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    font-family: Be Vietnam bold;
}
.font-22-b-r p
{
    font-size: 22px;
    line-height: 40px;
    font-weight: 400;
    font-family: Be Vietnam regular;
}
.font-22-b-b p
{
    font-size: 22px;
    line-height: 40px;
    font-weight: 700;
    font-family: Be Vietnam bold;
}
.font-22-b-m
{
    font-size: 22px;
    line-height: 36px;
    font-weight: 500;
    font-family: Be Vietnam Medium;
}
.font-22-b-s
{
    font-size: 22px;
    line-height: 36px;
    font-weight: 600;
    font-family: Be Vietnam semibold;
}
.font-22-b-l
{
    font-size: 22px;
    line-height: 46px;
    font-weight: 300;
    font-family: Be Vietnam Light;
}
.font-20-b-r p, .font-20-b-r
{
    font-size: 20px;
    line-height: 44px;
    font-weight: 400;
    font-family: Be Vietnam regular;
}
.font-18-b-r, .font-18-b-r h5
{
    font-size: 18px;
    line-height: 35px;
    font-weight: 400;
    font-family: Be Vietnam regular;
}
.font-18-b-m
{
    font-size: 18px;
    line-height: 35px;
    font-weight: 500;
    font-family: Be Vietnam Medium;
}
.font-18-b-b
{
    font-size: 18px;
    line-height: 40px;
    font-weight: 700;
    font-family: Be Vietnam bold;
}
.font-16-b-r
{
    font-size: 16px;
    line-height: 40px;
    font-weight: 400;
    font-family: Be Vietnam regular;
}
.font-14-b-r
{
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    font-family: Be Vietnam regular;
}
.font-14-b-b
{
    font-size: 14px;
    line-height: 30px;
    font-weight: 700;
    font-family: Be Vietnam bold;
}
.font-100-f-m p
{
    font-size: 100px;
    line-height: 60px;
    font-weight: 500;
    font-family: Futura medium;
}
.mb-0
{
    margin-bottom: 0px;
}
.mb-10
{
    margin-bottom: 10px;
}
.mb-20
{
    margin-bottom: 20px !important;
}
.pb-20
{
    padding-bottom: 20px;
}
.client-slider .col-inner {
    background-color: #FFFFFF40;
    border: 1px solid;
    border-image-source: linear-gradient(136.01deg, #FFFFFF -22.75%, rgba(255, 255, 255, 0) 97.39%);
    box-shadow: 0px 44px 59.9px 0px #49697824;
    border-radius: 6px;
    padding: 20px;
}
.client-slider .slider-style-container .flickity-slider>*:not(.is-selected)
{
    opacity:1;
}
.client-slider .flickity-viewport {
    height: 467.422px !important;
}
.client-slider .col {
    padding: 0px 20px;
}
.ally-sec {
    top: 8%;
    left: 6.7%;
}
.icon-box.featured-box.center-icon.icon-box-left {
    align-items: center;
}
.we-serve {
    background: linear-gradient(146.26deg, rgba(73, 105, 120, 0.25) 38.05%, rgba(255, 255, 255, 0.25) 96.64%);
    border: 4px solid;
    border-image-source: linear-gradient(136.01deg, #FFFFFF -22.75%, rgba(255, 255, 255, 0) 97.39%);
    box-shadow: 0px 44px 59.9px 0px #49697873;
    border-image-slice: 1;
    backdrop-filter: blur(8px);
}
.we-serve-row {
    position: absolute;
    top: -18px;
}
.broch-sec {
    background: linear-gradient(101.53deg, rgba(198, 215, 216, 0.2) 3.17%, rgba(73, 105, 120, 0.2) 70.21%);
    border: 5px solid;
    border-image-source: linear-gradient(143.23deg, #FFFFFF -22.17%, rgba(255, 255, 255, 0) 117.07%);
    box-shadow: 0px 33px 60px 0px #49697873;
    padding: 50px 0px 20px 0px;
    border-image-slice: 1;
}
.broch-sec:after {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/ORBITA.png);
    width: 170.57px;
    height: 257.17px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.broch-sec:before
{
    content:'';
    background-image: url(/wp-content/uploads/2024/08/ORBITA-2.png);
    width: 709.47px;
    height: 709.47px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0px;
    bottom: -163px;
}
.news-title {
    background-color: #496978;
    margin: 0px !important;
    padding: 28px 50px 28px 20px !important;
}
.footer-row a.button.primary.lowercase {
    margin: 0px;
    width: 100%;
    background: #496978;
    box-shadow: unset;
    border-bottom: 1px solid #ffffff40;
    padding: 41px 20px 41px 70px;
    font-size: 18px;
    font-family: Be Vietnam regular;
    font-weight: 400;
    text-align: left;
}
footer#footer {
    background-color: #D1E0E0;
    z-index: 1;
}
.social-icon {
    padding-left: 70px !important;
    padding-top: 40px;
}
.footer-row a.button.primary.lowercase i:before {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/Vector-12.png);
    width: 20px;
    height: 20px;
    position: absolute;
    background-size: contain;
    top: -10px;
    right: -30px;
}
.footer-row h5.post-title.is-large.uppercase {
    font-size: 16px;
    text-transform: capitalize;
    line-height: 26px;
    font-weight: 600;
    font-family: Be Vietnam semibold;
}
.footer-row .is-divider {
    display: none;
}
.footer-row button.button.is-underline.is-small.mb-0 {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
    font-family: Be Vietnam regular;
}
.absolute-footer.dark.medium-text-center.small-text-center {
    display: none;
}
.footer-row {
    border-bottom: 1px solid #496978;
}
header#header .flex-col.hide-for-medium.flex-left.flex-grow ul.header-nav.header-nav-main.nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*background-color: #fff;*/
    padding: 8px 0px;
    border-radius: 12px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
header#header .flex-col.hide-for-medium.flex-right {
    width: 180px;
}
header#header.transparent #logo img {
    max-height: 66px;
}
.header-main .nav > li > a:hover{
    border-radius: 8px;
    background-color: #49697826;
    opacity: 1 !important;
}
.header-main ul.nav:hover > li > a
{
  opacity: .5;
}
header#header .nav-spacing-medium>li {
    margin: 0 3px;
}
.header-main .nav > li > a
{
    padding: 14px 15px;
}
.nav-dropdown-has-border .nav-dropdown {
    border: 0px solid #ddd;
    border-radius: 6px;
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a
{
  border-bottom: 0px;
}
.team-nam {
    margin-top: -86px;
}
.our-team-sec:after {
    width: 100%;
    content: '';
    background-image: url(/wp-content/uploads/2024/08/Rectangle-903-1.png);
    height: 256px;
    background-size: contain;
    position: absolute;
    bottom: -18px;
}
.newsletter .flex-row.medium-flex-wrap {
    width: 55%;
    margin: 0 auto;
    border-radius: 12px;
}
.newsletter .wpcf7-form-control.wpcf7-submit.has-spinner.button {
    background: linear-gradient(99.13deg, #00619E -10.91%, #496978 100.01%);
    border-radius: 0px 12px 12px 0px;
    padding: 6px 24px;
}

.newsletter input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {
    background-color: #F5F5F5;
    border: unset;
    border-radius: 12px 0px 0px 12px;
    padding: 27px 20px 26px 20px;
}
.newsletter span.wpcf7-spinner {
    position: absolute;
}
/*.sbt-btn p:after{
    content: '';
    background-image: url(/wp-content/uploads/2024/08/send-1.png);
    width: 29px;
    height: 29px;
    position: absolute;
    display: block;
    z-index: 1;
    background-size: contain;
    top: 11px;
    margin-left: 14px;
}*/
button.wpcf7-form-control.wpcf7-submit.has-spinner.button.primary img {
    width: 30px;
}
.sbt-btn input
{
    color: transparent !important;
}
.l-r-line:after {
    content: '';
    background-color: #496978;
    height: 1px;
    width: 189%;
    position: absolute;
    right: -785px;
    margin-top: 20px;
    top: 0px;
}
.l-r-line:before{
    content: '';
    background-color: #496978;
    height: 1px;
    width: 189%;
    position: absolute;
    left: -785px;
    margin-top: 20px;
}
.about-sec:after {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/Rectangle-903-2.png);
    height: 256px;
    width: 100%;
    position: absolute;
    bottom: -16px;
    background-size: contain;
}
.gsap-marker-end, .gsap-marker-start, .gsap-marker-scroller-end, .gsap-marker-scroller-start {
    display: none !important;
}
/*.solution-sec:after {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/ORBITA-3.png);
    width: 636.79px;
    height: 996.79px;
    position: absolute;
    top: -425px;
    right: 0px;
    background-size: contain;
}*/
.z-index-2
{
    z-index:2;
}
.land-slider
{
    position: relative;
    z-index: 2;
}
.pro-clean-sec, .vision-sec
{
    overflow:hidden;
}
.arrow-down {
    -moz-animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite;
    animation: bounce 3s infinite;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.letter {
        display: inline-block;
        opacity: 0;
        transform: translateY(100%);
    }
.line{
    height: 70px;
    position: relative;
    overflow: hidden;
}
.line span{
    position: absolute;
    font-size: 3rem;
    line-height: 4.2rem;
        width: 100%;
    left: 0px;
}
  .section.sticky-section.is-sticky-section {
    background-color: #D1E0E0 !important;
}
.fixedd {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}













.list {
  padding: 200px 50px 50px;
  background: #fff;
}
.list__item:nth-child(even) .card__aside {
  background: #ddd;
}

.card {
  overflow: hidden;
  height: 70vh;
}
.card__content {
  float: left;
  width: 75%;
}
.card__inner {
  height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateY(-35vh);
}
.card__aside {
  float: left;
  width: 46%;
  padding: 30px;
  height: 70vh;
  background: #eee;
  display: flex;
  align-items: center;
}
.card__aside img {
  display: block;
  max-width: 100%;
}
.card__title {
  font-size: 36px;
  margin-bottom: 20px;
}
.card__text {
  color: #ccc;
}
.pin-spacer {
    width: 30% !important;
}
.faq .accordion-title
{
  border: none;
}
.faq a.accordion-title.plain.active {
    background-color: transparent;
    border: unset;
}
.faq a.accordion-title.plain
{
     border-radius: 6px 6px 0px 0px;
}
.faq a.accordion-title.plain span
{
    font-size: 18px;
    line-height:48px;
    color:#1E1E1E;
    font-weight:700;
    font-family: Be Vietnam bold;
}
.faq .accordion-item {
    box-shadow: 0px 44px 59.9px 0px #49697873;
    background: #FFFFFF82;
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 10px 50px 10px 0px;
}
.faq .accordion-inner ol
{
  padding-top: 10px;
}
.faq .accordion-inner p, .faq .accordion-inner ol {
    font-size: 18px;
    line-height: 44px;
    font-weight: 400;
    font-family: Be Vietnam regular;
    margin-bottom: 0px;
  color: rgba(30, 30, 30, 1);
}
.faq .accordion .toggle {
    left: unset;
    right: 0px;
    top: 0px;
    opacity: 1;
}
.faq a.accordion-title.plain.active>.toggle
{
    -webkit-transform: unset;
    -ms-transform : unset;
    transform: unset;
}
.faq a.accordion-title.plain i:before {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/Group-5733.png);
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: contain;
}
.faq a.accordion-title.plain.active i:before {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/Group-5736.png);
    width: 25px;
    height: 5px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}
.circles2 {
  height: 500px;
    width: 500px;
    /* border: 1px solid #496978; */
    border-radius: 50%;
    /* animation: orbit 5s linear infinite; */
    position: absolute;
    top: -5px;
    z-index: 1;
    left: -54px;
    right: 0px;
    margin: 0 auto;
    background-image: url(/wp-content/uploads/2024/08/ORBITA-5-1.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.ball-wrapper2 {
/*  position: absolute;
  top: 50%;
  left: 50%;*/
  width: 100%;
  height: 100%;
  transform-origin: center;
  animation: ballOrbit 15s linear infinite;
}

.ball2 {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #496978;
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes orbit {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes ballOrbit {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*.landfill-sec:after {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/Asset-1@2x-1-1.png);
    width: 100%;
    height: 992px;
    position: absolute;
    bottom: -152px;
    z-index: 2;
    background-size: contain;
    background-position: 100% 100%;
}*/
.landfill-sec:before {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/Rectangle-903-4.png);
    width: 100%;
    height: 256px;
    position: absolute;
    background-size: contain;
    bottom: -26px;
    z-index: 1;
}

.circles-home {
  height: 1488px;
  width: 1488px;
  border: 1px solid #496978;
  border-radius: 50%;
  animation: orbit 15s linear infinite;
  position: absolute;
  left: -473px;
  top: -881px;
  z-index: 1;
}
.ball-home {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #496978;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.benefit-slider .weste-slider-img p:first-child {
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    font-family: Be Vietnam semibold;
    color: rgb(255 255 255 / 40%);
    margin-bottom: 20px;
}
.benefit-slider .weste-slider-img p:nth-child(2){
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    font-family: Be Vietnam semibold;
    color: rgb(255 255 255 / 90%);
}
.benefit-slider .weste-slider-img {
    background-image: url(/wp-content/uploads/2024/08/Rectangle-941-1.png); */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 20px;
    height: 178px;
    /* box-shadow: 0px 33px 60px 0px #49697873; */
    background: linear-gradient(101.53deg, rgba(198, 215, 216, 0.1) 3.17%, rgba(73, 105, 120, 0.1) 70.21%);
    border: 1px solid;
    /* border-image-source: linear-gradient(143.23deg, #FFFFFF -22.17%, rgba(255, 255, 255, 0) 117.07%); */
    border-radius: 16px;
    backdrop-filter: blur(10px);
}
.benefit-slider .swiper-slide {
    padding-bottom:20px;
}
.benefit-slider .weste-slider-innerwrap {
    /*background-image: url(/wp-content/uploads/2024/08/Rectangle-941-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 20px;
    height: 178px;
    box-shadow: 0px 33px 60px 0px #49697873;*/
}
.benefit-slider .swiper-container1 {
    padding-bottom: 60px;
}
.benefit-slider .swiper-scrollbar-drag {
    background: #27AAE1;
    /*width: 21px !important;*/
    height: 6px;
    /*top: -10px;*/
}
.benefit-slider .swiper-scrollbar {
    background-color: #ffffff54;
    height: 1px !important;
    bottom: 12px !important;
}
.oil-txt
{
    background: linear-gradient(172.61deg, #FFFFFF -44.06%, rgba(73, 105, 120, 0) 98.85%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.l-54 p
{
  line-height:54px !important;
}
.l-46 p
{
  line-height:46px !important;
}
.img-simpl, .oil-gas-sec {
    z-index: 1;
}
.blu-sec:after {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/Rectangle-903-5.png);
    height: 256px;
    width: 100%;
    position: absolute;
    bottom: -16px;
    background-size: contain;
}
.ogmp-sec:after {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/Rectangle-903-6.png);
    height: 256px;
    width: 100%;
    position: absolute;
    bottom: -16px;
    background-size: contain;
}
.ogmp .col-inner {
    height: 450px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    align-content: center;
}
.ogmp .col:nth-child(odd):after {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/Ellipse-26.png);
    width: 385px;
    height: 231px;
    position: absolute;
    background-size: 100% 100%;
    bottom: 1px;
    background-repeat: no-repeat;
    z-index: 0;
    transition: .7s ease;
    border-radius: 0px 0px 6px 6px;
}
.ogmp .col:nth-child(even):after {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/Ellipse-26-1.png);
    width: 385px;
    height: 231px;
    position: absolute;
    background-size: 100% 100%;
    top: 1px;
    background-repeat: no-repeat;
    z-index: 0;
    transition: .7s ease;
    border-radius: 6px 6px 0px 0px;
}
.ogmp .col-inner
{
    overflow:hidden;
    border-radius:6px;
}
.ogmp .col
{
    overflow:hidden;
    padding-bottom: 0px;
}
.ogmp .col-inner p, .ogmp .col-inner h2{
    position:relative;
    z-index:1
}
.ogmp .col .font-20-b-r{
    opacity: 1 !important;
    transform: translate(0px, 0px) !important;
    padding: 0px 45px;
}
.ogmp .col:hover .col-inner
{
  justify-content: center;
}
.ogmp-des h2 {
    color: #fff;
}
.ogmp-des {
    height: 93px;
    transition: .7s ease;
    position: absolute;
    top: 75%;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
}
.ogmp .col:hover .ogmp-des {
  top: 0;
  height: 100%;
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ogmp .col:nth-child(odd):hover:after {
   
    height: 313px;
    transform: translate(-0%, 85%);
    -ms-transform: translate(-0%, 98%);
    z-index: 9;
}
.ogmp .col:nth-child(odd) .col-inner:before {
    content: '';
    background: linear-gradient(99.13deg, #181647 -10.91%, #496978 100.01%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
    /*transition: .7s ease;*/
    opacity: 0;
}
.ogmp .col:nth-child(odd):hover .col-inner:before 
{
  opacity: 1;
}
.ogmp .col:nth-child(even) .col-inner:before {
    content: '';
    background: linear-gradient(99.13deg, #181647 -10.91%, #496978 100.01%);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
    /*transition: .7s ease;*/
    opacity: 0;
}
.ogmp .col:nth-child(even):hover .col-inner:before 
{
  opacity: 1;
}
.ogmp .col:nth-child(even):hover:after {
   height: 313px;
   transform: translate(-0%, -85%);
   -ms-transform: translate(-0%, 98%);
   z-index: 9;
}
.ogmp-sec:before {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/ORBITA-6.png);
    width: 313px;
    height: 702px;
    position: absolute;
    right: 0px;
    background-size: contain;
    z-index: 1;
    bottom: -216px;
}
.half-circle:before {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/ORBITA-7.png);
    width: 300px;
    height: 610.7px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    background-size: contain;
}
.earth-view:after {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/ORBITA-10.png);
    width: 1300px;
    height: 1300px;
    position: absolute;
    background-size: contain;
    top: -335px;
    background-repeat: no-repeat;
    left: 103px;
    z-index: -1;
}
.white-color
{
  color:#fff !important;
}
.contact-form {
    background: linear-gradient(102deg, rgba(198, 215, 216, 0.20) 3.17%, rgba(73, 105, 120, 0.20) 70.21%);
    box-shadow: 0px 33px 60px 0px rgba(0, 0, 0, 0.30);
    backdrop-filter: blur(13.350000381469727px);
}

.contact-form input, .contact-form textarea, .contact-form select.wpcf7-form-control.wpcf7-select {
    background-color: transparent;
    border: unset;
    border-bottom: 1px solid rgb(159 151 95 / 20%);
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    font-weight: 400;
    font-family: Be Vietnam regular;
    box-shadow: unset !important;
    margin-bottom: 30px;
}
.line-55 h1
{
	line-height: 55px;
}
.contact-form select
{
  background-image: url(/wp-content/uploads/2024/08/drop-down-1.png);
}
.contact-form option {
    color: #111;
}
.contact-form textarea {
    min-height: 52px;
}
.contact-form ::placeholder
{
    color:#fff;
}
.contact-form p, .contact-info p {
    opacity: 1 !important;
    transform: unset !important;
}
.sbtbtn {
    text-align:center
}
.sbtbtn input.wpcf7-form-control.wpcf7-submit {
    background: linear-gradient(99.13deg, #00619E -10.91%, #496978 100.01%);
    padding: 18px 24px;
    border-radius: 8px;
    font-size: 15px !important;
    line-height: 22px;
    font-weight: 400;
    font-family: Be Vietnam regular;
    margin-top: 30px !important;
    margin: 0 auto;
    color: #fff !important;
}
.sbtbtn span.wpcf7-spinner {
    position: absolute;
}

.tech-sec {
    height: 1200px;
    width: 1200px;
    /* border: 1px solid #496978; */
    border-radius: 50%;
    /* animation: orbit 5s linear infinite; */
    position: absolute;
    top: -1100px;
    z-index: 1;
    left: -54px;
    right: 0px;
    margin: 0 auto;
    background-image: url(/wp-content/uploads/2024/08/Ellipse-1-1.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.tech-circles {
    width: 100%;
    height: 100%;
    transform-origin: center;
    animation: ballOrbit 15s linear infinite;
}

.tech-ball {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #496978;
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.benefits-vertical p {
    opacity: 1 !important;
    transform: unset !important;
    margin-bottom: 0px;
}

.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .title
{
    color: #fff;
    opacity: 1;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    font-family: Be Vietnam Medium;
    width: 63%;
    transform: translateX(-59%);
    top: unset;
    bottom: 84px;
    left: 183px;
}

.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .media img {
    height: 400px;
}

.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .read-more {
    position: absolute;
    bottom: 46px;
    left: 40px;
}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .read-more a
{
    padding: 0px !important;
    background-color: transparent !important;
    font-size: 18px !important;
    /* line-height: 70px !important; */
    font-weight: 400;
    font-family: Be Vietnam regular;
    text-decoration: underline !important;
}
#ymc-smart-filter-container-1 .container-posts .post-entry .ymc-post-layout1 {
    padding: 0px;
    border: unset;
    box-shadow: 0px 12px 30px 0px #496978;

}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .media
{
    margin-bottom:0px;
}
li.filter-item {
    margin-left: 0px !important;
}

li.filter-item a.filter-link {
    padding: 0px 10px !important;
    background-color: transparent !important;
    font-size: 20px !important;
    font-family: 'Be Vietnam Medium' !important;
    font-weight: 500 !important;
    line-height: 25.3px !important;
    color: #1E1E1E !important;
}

li.filter-item a.filter-link.active {
    color:#27AAE1 !important;
}
div#filter-layout1-1 {
    width: 65%;
}
div#search-layout {
    width: 30%;
    position: absolute;
    right: 0px;
}
.container-posts.container-post-layout1 {
    padding-top: 50px;
    border-top: 1px solid #496978;
}
button.search-form__submit.btn-submit {
    font-size: 0px !important;
    background: url(/wp-content/uploads/2024/08/Trailing-Elements-1.png) !important;
    width: 42px;
    height: 12px;
    background-size: contain !important;
    border: unset !important;
    background-repeat: no-repeat !important;
    top: -8px;
    position: absolute;
    right: 0px;
}
.ymc-smart-filter-container .search-layout .search-form .form-inner .component-input input{
    border: 0px !important;
    border-radius: 6px !important;
    padding: 26px 20px;
    margin-top: -15px;
    box-shadow: 0px 20px 59.9px 0px #49697873;

}
.ymc-smart-filter-container .container-posts .ymc-xl-col-3
{
  row-gap: 1.5vw;
}

.anm_mod {
  opacity: 1;
  transform: translate3d(0, 100%, 0);
  transition: all 1s ease;}
.anm_mod.left {
  transform: translate3d(-100%, 0, 0);
}
.anm_mod.right {
  transform: translate3d(100%, 0, 0);
}
.anm_mod.delay {
  transition: all 2s ease;
}
.anm_mod.fast {
  transition: all 0.8 ease;
}
.anm_mod.active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.semi-circle svg
{
    width: 100%;
    height: 1000px;
}
.semi-circle circle, .semi-circle-emi circle, .semi-circle-emi1 circle, .semi-circle-ind circle
{
    fill: rgb(132 158 171);
}
.techcircles circle
{
  fill: #496978;
}
.semi-circle {
    position: absolute;
    transform: rotate(128deg);
    top: -299px;
    z-index: 0;
  left: -315px;
}
.semi-circle-emi svg
{
    width: 100%;
    height: 1000px;
}
.semi-circle-emi {
    position: absolute;
    transform: rotate(117deg);
    top: -242px;
    z-index: 0;
    left: -214px;
}
.semi-circle-emi1 svg
{
    width: 100%;
    height: 1000px;
}
.semi-circle-emi1 {
    position: absolute;
    transform: rotate(74deg);
    top: -412px;
    z-index: 0;
    left: -268px;
}
.semi-circle-ind svg
{
    width: 100%;
    height: 1000px;
}
.semi-circle-ind {
    position: absolute;
    transform: rotate(103deg);
    top: -272px;
    z-index: 0;
    left: -214px;
}
path#halfCirclePath, path#halfCirclePath-emi, path#halfCirclePath-emi1, path#halfCirclePath-ind {
    stroke: rgb(73 105 120 / 50%);
}
.landfill-section
{
  overflow: hidden;
}
.field-sec
{
  z-index: 1;
}
.arm1.active .boxss {
    color:#fff !important;
}


.techcircles {
    position: absolute;
    top: -216px;
    left: 0px;
    right: 0px;
    transform: rotate(97deg);
}
.techno-first-sec:before {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/EARTH_VIEW_SPHERE_-2-6.png);
    width: 289px;
    height: 574px;
    position: absolute;
    left: 0px;
    background-size: contain;
    z-index: 2;
    bottom: -341px;
}
.monitor-sec:after {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/EARTH_VIEW_SPHERE_-3.png);
    width: 249px;
    height: 573px;
    position: absolute;
    right: 0px;
    background-size: contain;
    z-index: 1;
    bottom: 182px;
}

.zom-img
{
  transition: transform 0.3s ease;
}
.home-sec:after {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/Rectangle-903-7.png);
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0px;
    background-size: contain;
}
.testimonial:before {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/Rectangle-902.png);
    width: 100%;
    height: 270px;
    position: absolute;
    background-size: contain;
    top: 0px;
}

.client-slider .col-inner:hover {
    border:1px solid #fff;
}
.news-title {
    border-left: 1px solid hsl(0deg 0% 100% / 25%);
}
.right-arrow, .arrow-r
{
  -webkit-transition: transform 0.3s ease-out;
        -moz-transition: transform 0.3s ease-out;
        -ms-transition: transform 0.3s ease-out;
        -o-transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
}

.right-arrow:hover, .arrow-r:hover {
  -webkit-transform: translateX(4px);
            -moz-transform: translateX(4px);
            -ms-transform: translateX(4px);
            -o-transform: translateX(4px);
            transform: translateX(4px);
}
.contact-form input[type=text]:focus,.contact-form input[type=email]:focus
{
  background-color: transparent !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #23232329;
}
.wpcf7 form .wpcf7-response-output {
    border: 2px solid #00a0d200 !important;
    color: #496978 !important;
}
div#comments, aside#block-2 {
    display: none;
}
.page-id-616 .video-bg
{
  object-position: 50% 100% !important;
}
.contact-info .icon-box-img img
{
  padding-top: 0.6em;
}
.page-id-24 .video-bg 
{
    object-position: 50% 100% !important;
}
.partner-sec:after {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/ORBITA-13.png);
    width: 402px;
    height: 755px;
    position: absolute;
    bottom: -362px;
    z-index: 99;
    background-size: contain;
    background-repeat: no-repeat;
}
.line-left:before {
    content: '';
    background-color: #496978;
    height: 1px;
    width: 638px;
    position: absolute;
    left: -628px;
    top: 27px;
    z-index: -1;
}
.pro-clean-sec:after {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/Rectangle-903-5.png);
    width: 100%;
    height: 195px;
    position: absolute;
    bottom: 0px;
    background-size: contain;
}
.footer-row a.button.primary.lowercase:hover i:before {
    transform: rotate(45deg);
}
.footer-row a.button.primary.lowercase i:before
{
    transition: transform 0.5s ease;
}
.blu-sec .section-content.relative {
    z-index: 9;
}
.blubird-sec:before {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/Asset-1MIDLAND_MAP2-1-5.png);
    width: 900px;
    height: 800px;
    position: absolute;
    left: 0px;
    top: -267px;
    background-size: contain;
    z-index: 1;
}
.landfill-sec .section-content.relative {
    z-index: 2;
}
.faq-sec:after, .resource-sec:after {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/Rectangle-903-11.png);
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0px;
    background-size: contain;
}
.sticky-jump .stuck
{
  -webkit-box-shadow:unset;
  box-shadow:unset;
}
.ymc-smart-filter-container .search-layout .search-form .clear
{
  right: 42px;
    top: 20%;
}
.ymc-smart-filter-container .search-layout .search-form .clear i{
    color: #303436;
}
.bh-img:before {
    content: '';
    background: #FFFFFF;
    box-shadow: 0px 0px 50px 30px #49697859 inset;
    width: 330px;
    height: 330px;
    position: absolute;
    border-radius: 50%;
    left: -54px;
    right: 0px;
    margin: 0 auto;
    top: 81px;
}

.tech-sticky-slider li:before {
    content: '';
    border: 1px solid #27AAE1;
    width: 14px;
    height: 14px;
    position: absolute;
    border-radius: 50px;
    margin-left: -32px;
    margin-top: 11px;
}
.tech-sticky-slider li
{
    list-style:none;
}
.tech-sticky-slider .section-content:after {
    content: '';
    background-image: url(https://www.earthview.io/wp-content/uploads/2024/08/Rectangle-921.png);
    width: 978px;
    height: 501px;
    position: absolute;
    right: -62px;
    top: 100px;
    background-size: 100% 100%;
    z-index: -2;
}
.tech-b-img:after {
    content: '';
    background-image: url(https://www.earthview.io/wp-content/uploads/2024/09/Group-481444-3.png);
    width: 500px;
    height: 500px;
    position: absolute;
    top: 0px;
    background-size: contain;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    z-index: -1;
}
.stage {
    background-color: #fff;
    border-radius: 6px;
    padding: 8px 14px;
    width: 118px;
    text-align: right;
    position: absolute;
    right: -110px;
    text-align: center;
}
.stage:before
{
    content:'';
    height:1px;
    width: 1000px;
    background-color: #496978;
    position:absolute;
    right: 0px;
    top: 25px;
    z-index: -1;
}
.stage p {
    margin-bottom: 0px;
}
#menu-item-1626 .nav-dropdown
{
  min-width: 138px;
}
#menu-item-1636 .nav-dropdown
{
  min-width: 216px;
}
.svg-img-hover, .v-slide2 .slider li:hover .svg-img-real {
    display: none;
}

.v-slide2 .slider li:hover .svg-img-hover {
    display:block;
}
.field-sec:after {
    content: '';
    border: 1px solid rgba(255,255,255,0.80);
    width: 660px;
    height: 660px;
    border-radius: 50%;
    position: absolute;
    top: 372px;
    left: -22px;
    right: 0px;
    margin: 0 auto;
}
.anm_mod .img {
    margin-bottom: 0px !important;
}
#logo {
    width: 114px !important;
}
#test form.wpcf7-form.sent .wpcf7-response-output
{
  display: none !important;
}
.no-trans p
{
	opacity: 1 !important;
	transform: unset !important;
}

@media only screen and (min-width: 1400px) {
  .footer-row a.button.primary.lowercase
  {
    padding: 45px 20px 45px 70px;
  }
  .landfill-row .banner
  {
    padding-top: 560px !important;
  }
  .emmisin-banner
  {
    padding-top: 610px !important;
  }
  .line-left:before
  {
    width: 676px;
    left: -663px;
  }
  .earth-view
  {
    padding-top:614px !important;
  }
  .semi-circle-emi1 {
    top: -412px;
    left: -246px;
}
  .circle-slid #circle
  {
    transform: translate(-58%, -46%) !important;
  }
	.arm img
	{
  		display: none;
	}
}
@media only screen and (min-width: 1600px)
{
  .footer-row a.button.primary.lowercase
  {
    padding: 51px 20px 51px 70px;
  }
  .emmisin-banner
  {
    padding-top: 640px !important;
  }
      .line-left:before {
        width: 744px;
        left: -745px;
    }
}

@media only screen and (min-width: 1920px) 
{
  .footer-row a.button.primary.lowercase
  {
    padding: 58px 20px 58px 70px;
  }
  .social-icon
  {
    padding-top: 60px;
  }
  .emmisin-banner {
        padding-top: 770px !important;
    }
    .line-left:before {
        width: 904px;
        left: -904px;
    }
}

@media only screen and (min-width: 1200px) 
{
	.our-team-sec:after
	{
		height: 235px;
	}
}
/* BOF i-phone 14 pro max */
@media only screen and (min-width: 430px) and (max-width: 767px) {
	.mostly-sec img.gola
	{
		top: 954px !important;
	}
	.tech-sticky-slider-3 .section-content:after
	{
		height: 772px !important;
	}
	.tech-sticky-slider-1 .section-content:after 
	{
		top: 430px !important;
	}
	.tech-sticky-slider-4 .section-content:after
	{
		height: 670px !important;	
	}
	.page-id-2243 .field-sec .banner
	{
        padding-top: 744px !important;
    }
}
/* EOF i-phone 14 pro max */


p {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    transition: all 1s ease;
}
p.active {
  opacity: 1;
  transform: translate3d(0, 0%, 0);
}
@media only screen and (min-width: 2200px) and (max-width: 2250px)
{
	.landfill-row .banner
	{
		padding-top: 860px !important;
	}
	.landfill-section #indus-lottie {
		width: 800px;
		height: 800px;
		position: absolute;
		transform: translate(-20%, -30%) !important;
	}
}