/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
.smooth-scroll {
  scroll-behavior: smooth;
  overflow: auto;
      overflow-x: hidden;
}
.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preloader img {
  width: 17.5vw;
  height: auto;
  animation: loading 2s ease-in-out infinite;
}
@keyframes loading {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
@media (orientation: portrait) {
  .preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 15;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .preloader img {
    width: 50vw;
    height: auto;
    animation: loading 2s ease-in-out infinite;
  }
  @keyframes loading {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.05);
    }
  }
}
@media (orientation: portrait) and (min-width: 481px) {
  .preloader img {
    width: 30vw;
  }
}

/* Add your custom styles here */
   html  {
    scroll-behavior: auto !important; /* Disables default smooth scrolling */
}

body {
  overscroll-behavior: none;
    overflow-x: hidden;
}



 
      :root {
        --fs-root: min(1.55vh, 0.85vw);
        --golden: #dcc562;
        --header-height: calc(var(--fs-root) * 5);
        --horizontal-padding: 3.5%;
        --bottom-padding: calc(var(--header-height) * 0.5);
        --media-placeholder: #0f0f0f;
        --e-n-carousel-progressbar-normal-color:#fff; 
      }
      .elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-prev {
                --e-n-carousel-arrow-prev-top-align: 55%; 
      }
      .elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-next {
              --e-n-carousel-arrow-next-top-align: 55%; 
          
      }
      *,
      *:before,
      *:after {
        box-sizing: border-box;
      }
      * {
        margin: 0;
        -webkit-tap-highlight-color: transparent;
      }
      html {
        -moz-text-size-adjust: none;
        -webkit-text-size-adjust: none;
        text-size-adjust: none;
        font-family: Montserrat, sans-serif !important;
        background: #000;
        font-style: normal;
        overflow-x: hidden;
      }
      ::-webkit-scrollbar {
        width: 0.5vw;
      }
      ::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0);
      }
      ::-webkit-scrollbar-thumb {
        border-radius: 0.25vw;
        background: #555;
        cursor: grab;
        visibility: hidden;
      }
      html.scrollbar ::-webkit-scrollbar-thumb {
        visibility: visible !important;
      }
      ::-webkit-scrollbar-thumb:hover {
        background: var(--golden);
      }

      body {
        margin: 0 auto;
        line-height: 1.25;
        -webkit-font-smoothing: antialiased;
        min-height: 100vh;
        overflow-x: hidden;
        scrollbar-gutter: stable;
        background-color: #000;
        position: relative;
      }
      p,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        overflow-wrap: break-word;
      }
      h1,
      h2,
      h3,
      h4,
      h5 {
        line-height: 1;
        text-wrap: balance;
      }

      @media only screen and (min-width: 768px) and (orientation: portrait) {
        :root {
          --fs-root: 3vw;
          --horizontal-padding: 5%;
          --header-height: calc(var(--fs-root) * 5);
        }
      }
      @media only screen and (min-width: 481px) and (max-width: 767px) and (orientation: portrait) {
        :root {
          --fs-root: 3.5vw;
          --horizontal-padding: 5%;
          --header-height: calc(var(--fs-root) * 5);
        }
      }
      @media only screen and (max-width: 480px) and (orientation: portrait) {
        :root {
          --fs-root: 4vw;
          --header-height: calc(var(--fs-root) * 5);
          --horizontal-padding: 5%;
          --bottom-padding: calc(var(--header-height) * 0.5);
        }
      }
      
      
      .site-navigation {

    background: rgba(48, 48, 48, .3);
    backdrop-filter: blur(8.75px);
    -webkit-backdrop-filter: blur(8.75px);
    border-radius: 100px;
    padding: 6px;
}
.site-navigation ul.menu li a {
    padding: 12px 20px !important;
    font-size: 16px;
    font-weight: 500;
}
.site-header .site-navigation .menu li:last-child a {
    padding-right: 0;
    background: #333;
    border-radius: 28px;
    color: #ffffff;
    margin-left: 20px;
}
      #hero-section {
        width: 100%;
        height: 400vh;
        display: flex;
        padding-left: calc(var(--horizontal-padding) * 1.25);
        padding-right: calc(var(--horizontal-padding) * 1.25);
        overflow: hidden;
      }
      #hero-section .hero-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
      }
      #hero-section .hero-wrapper #hero-canvas {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
      #hero-section .hero-wrapper .hero-contents {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding-bottom: calc(var(--header-height) * 1);
      }
      #hero-section .hero-wrapper .hero-contents .hero-paragraphs p {
        color: #fff;
        font-size: calc(var(--fs-root) * 1.7);
        font-style: normal;
        font-weight: 400;
        text-transform: capitalize;
        display: flex;
        align-items: center;
        padding-left: var(--horizontal-padding);
        position: absolute;
        top: 0;
        left: 0;
      }
      #hero-section .hero-wrapper .hero-contents .hero-paragraphs p span {
        display: block;
        height: 1px;
        width: calc(var(--fs-root) * 5.6);
        background-color: #fff;
        margin-right: calc(var(--fs-root) * 2);
      }
      #hero-section .hero-wrapper .hero-contents .hero-paragraphs p:first-of-type {
        position: relative;
      }
      #hero-section .hero-wrapper .hero-contents h1 {
        color: #fff;
        font-size: calc(var(--fs-root) * 6.375);
        font-style: normal;
        font-weight: 500;
        text-transform: capitalize;
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        align-items: center;
        width: 300vw;
      }
      #hero-section .hero-wrapper .hero-contents h1 .hero-main-title {
          flex:1;
      }
      #hero-section .hero-wrapper .hero-contents h1 span {
        width: 100vw;
        min-width: 100vw;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 40px;
        padding-left: calc(var(--horizontal-padding) * 0.35);
      }
      .hero-sub-title {
        font-weight: 400;
        font-size: 20px;
        line-height: 150%;
        letter-spacing: 0;
        max-width: 700px;
        flex:1;
      }
      #hero-section .hero-wrapper .hero-contents .hero-reserve {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        padding-bottom: calc(var(--fs-root) * 2.5);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
      }
      #hero-section .hero-wrapper .hero-contents .hero-reserve p {
        color: #fff;
        text-align: center;
        font-size: calc(var(--fs-root) * 5.125);
        font-style: normal;
        font-weight: 600;
        line-height: 1;
        white-space: nowrap;
      }
      .hero-reserve-sub-title {
      }
      #hero-section .hero-wrapper .hero-contents .hero-reserve p img {
        display: inline;
        width: calc(var(--fs-root) * 4.5);
        height: calc(var(--fs-root) * 4.5);
      }
      #hero-section .hero-wrapper .hero-contents .hero-reserve span.hero-scroll-text {
        color: rgba(255, 255, 255, 0.8);
        font-size: var(--fs-root);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc(var(--fs-root) * 0.17);
        text-transform: uppercase;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: calc(var(--fs-root) * 2.5);
      }
      #hero-section .hero-wrapper .hero-contents .hero-reserve span.hero-scroll-text img {
        width: calc(var(--fs-root) * 1.35);
        margin-top: calc(var(--fs-root));
      }
      #hero-section .hero-wrapper .hero-contents .hero-reserve .reserve-mask {
        display: none;
        opacity: 0;
        visibility: hidden;
      }
      img.hero-reserve-logo {
    max-width: 200px;
    filter: invert(1);
 margin-bottom:30px;
          
      }
      @media (orientation: portrait) {
        #hero-section {
          width: 100%;
          height: 300vh;
          display: flex;
          padding-left: calc(var(--horizontal-padding) * 1.25);
          padding-right: calc(var(--horizontal-padding) * 1.25);
          overflow: hidden;
        }
        #hero-section .hero-wrapper {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100vh;
        }
        #hero-section .hero-wrapper #hero-canvas {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
        }
        #hero-section .hero-wrapper .hero-contents {
          padding-bottom: calc(var(--header-height) * 1);
        }
        #hero-section .hero-wrapper .hero-contents .hero-paragraphs p {
          color: #fff;
          font-size: calc(var(--fs-root) * 0.85);
          font-style: normal;
          font-weight: 400;
          text-transform: capitalize;
          display: flex;
          align-items: center;
          padding-left: var(--horizontal-padding);
          position: absolute;
          top: 0;
          left: 0;
        }
        #hero-section .hero-wrapper .hero-contents .hero-paragraphs p span {
          display: block;
          height: 1px;
          width: calc(var(--fs-root) * 3.5);
          background-color: #fff;
          margin-right: calc(var(--fs-root) * 0.75);
        }
        #hero-section .hero-wrapper .hero-contents .hero-paragraphs p:first-of-type {
          position: relative;
        }
        #hero-section .hero-wrapper .hero-contents h1 {
          color: #fff;
          font-size: calc(var(--fs-root) * 3.75);
          font-style: normal;
          font-weight: 500;
          text-transform: capitalize;
          display: flex;
          flex-direction: row-reverse;
          flex-wrap: nowrap;
          align-items: center;
          width: 300vw;
        }
        #hero-section .hero-wrapper .hero-contents h1 span {
          width: 100vw;
          min-width: 100vw;
          padding-left: calc(var(--horizontal-padding) * 0.35);
        }
        #hero-section .hero-wrapper .hero-contents .hero-reserve {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: flex-end;
          padding-bottom: calc(var(--fs-root) * 1.5);
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translate(-50%);
          overflow: visible;
                  min-width: 300px;
        }
        #hero-section .hero-wrapper .hero-contents .hero-reserve p {
          color: #fff;
          text-align: center;
          font-size: calc(var(--fs-root) * 1.75);
          font-style: normal;
          font-weight: 500;
          line-height: 115%;
          white-space: nowrap;
          text-shadow: none !important;
        }
        #hero-section .hero-wrapper .hero-contents .hero-reserve p img {
          display: inline;
          width: calc(var(--fs-root) * 1.25);
          height: calc(var(--fs-root) * 1.25);
          margin-right: calc(var(--fs-root) * 0.25);
        }
        #hero-section .hero-wrapper .hero-contents .hero-reserve span.hero-scroll-text {
          color: rgba(255, 255, 255, 0.8);
          font-size: var(--fs-root);
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          letter-spacing: calc(var(--fs-root) * 0.17);
          text-transform: uppercase;
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-top: calc(var(--fs-root) * 1.5);
          text-shadow: none !important;
        }
        #hero-section .hero-wrapper .hero-contents .hero-reserve span.hero-scroll-text img {
          width: calc(var(--fs-root) * 1.35);
          margin-top: calc(var(--fs-root));
        }
        #hero-section .hero-wrapper .hero-contents .hero-reserve .reserve-mask {
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translate(-50%);
          width: 100vw;
          height: 50vh;
          z-index: -1;
          pointer-events: none;
          background: linear-gradient(180deg, rgba(217, 217, 217, 0), rgba(66, 103, 122, 0.64) 34.15%, #42677a 87.73%);
          display: block;
          opacity: 1;
          visibility: visible;
        }
      }
      @media (orientation: portrait) and (min-width: 481px) {
        #hero-section {
          width: 100%;
          height: 250vh;
          display: flex;
          padding-left: calc(var(--horizontal-padding) * 1.25);
          padding-right: calc(var(--horizontal-padding) * 1.25);
          overflow: hidden;
        }
        #hero-section .hero-wrapper {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100vh;
        }
        #hero-section .hero-wrapper #hero-canvas {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
        }
        #hero-section .hero-wrapper .hero-contents {
          padding-bottom: calc(var(--header-height) * 1);
        }
        #hero-section .hero-wrapper .hero-contents .hero-paragraphs p {
          color: #fff;
          font-size: calc(var(--fs-root) * 1);
          font-style: normal;
          font-weight: 400;
          text-transform: capitalize;
          display: flex;
          align-items: center;
          padding-left: var(--horizontal-padding);
          position: absolute;
          top: 0;
          left: 0;
        }
        #hero-section .hero-wrapper .hero-contents .hero-paragraphs p span {
          display: block;
          height: 1px;
          width: calc(var(--fs-root) * 3.5);
          background-color: #fff;
          margin-right: calc(var(--fs-root) * 1);
        }
        #hero-section .hero-wrapper .hero-contents .hero-paragraphs p:first-of-type {
          position: relative;
        }
        #hero-section .hero-wrapper .hero-contents h1 {
          color: #fff;
          font-size: calc(var(--fs-root) * 3.75);
          font-style: normal;
          font-weight: 500;
          text-transform: capitalize;
          display: flex;
          flex-direction: row-reverse;
          flex-wrap: nowrap;
          align-items: center;
          width: 300vw;
        }
        #hero-section .hero-wrapper .hero-contents h1 span {
          width: 100vw;
          min-width: 100vw;
          display: flex;
          padding-left: calc(var(--horizontal-padding) * 0.35);
        }
        #hero-section .hero-wrapper .hero-contents .hero-reserve {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: flex-end;
          padding-bottom: calc(var(--fs-root) * 1.5);
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translate(-50%);
        }
        #hero-section .hero-wrapper .hero-contents .hero-reserve p {
          color: #fff;
          text-align: center;
          font-size: calc(var(--fs-root) * 2);
          font-style: normal;
          font-weight: 500;
          line-height: 1;
          white-space: nowrap;
        }
        #hero-section .hero-wrapper .hero-contents .hero-reserve p img {
          display: inline;
          width: calc(var(--fs-root) * 1.75);
          height: calc(var(--fs-root) * 1.75);
        }
        #hero-section .hero-wrapper .hero-contents .hero-reserve span.hero-scroll-text {
          color: rgba(255, 255, 255, 0.8);
          font-size: var(--fs-root);
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          letter-spacing: calc(var(--fs-root) * 0.17);
          text-transform: uppercase;
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-top: calc(var(--fs-root) * 1.5);
        }
        #hero-section .hero-wrapper .hero-contents .hero-reserve span.hero-scroll-text img {
          width: calc(var(--fs-root) * 1.35);
          margin-top: calc(var(--fs-root));
        }
      }
   
   
   
.site-header {
position: fixed;
z-index: 999;
    top: 0;
left: 0;
right: 0;
}
.site-header .header-inner {
  width: 100%;
  max-width: 1920px;
}
.site-header .site-navigation .menu li:last-child a {
padding-right: 0;
}
.site-navigation-toggle-holder {

    padding: 0;
}
.site-navigation-toggle-holder .site-navigation-toggle {
    color: #ffffff;
}
 
.site-navigation-dropdown ul.menu {
    background: #000;
        height: calc(100vh - 62px);
}
.site-navigation-dropdown ul.menu li a {
       background: #000;
    backdrop-filter: blur(8.75px);
    -webkit-backdrop-filter: blur(8.75px);
    color: #fff;
}
.site-navigation-dropdown ul.menu li.current-menu-item a {
    background: transparent;
    color: #ffffff;
}
/*.hero-section.e-con-inner>.elementor-widget-video, .hero-section.e-con>.elementor-widget-video {*/
/*    width: var(--container-widget-width) !important;*/
/*    --flex-grow: var(--container-widget-flex-grow);*/
/*}*/
/*.horizontal-scroll.e-con.e-flex>.e-con-inner {*/
/*    max-width: 100%;*/
/*}*/
@media (max-width:1760px) and (min-width:1024px) {
h1,
h2 {
  font-size: 78px !important;
  line-height: 100% !important;
}
h3 {
  font-size: 26px !important;
}
}

.banner-flex p {
    width: 70%;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    vertical-align: middle;
}
.home-info-section {
    background: #fff;
}
.normal-grid-card{
 max-width: 85% !important;  
 margin: 0 0 0 auto; 
}
.normal-grid-card figure.elementor-image-box-img img {
    position: relative;
    z-index: 4;
}
.reverse-grid-card {
    max-width: 85% !important;
}
.normal-grid-card .elementor-image-box-wrapper {
     display: flex;
    flex-direction: column;
    gap: 48px;
}
.reverse-grid-card .elementor-image-box-wrapper {
     display: flex;
    flex-direction: column-reverse;
    gap: 48px;
}

.sponsors-section img {
  max-height:80px; 
  object-fit: contain;
}

.your-project-section {
  position:relative;
}
.our-story-head-section:before,
.your-project-section:before {
  content: '';
  width: 344px;
  height: calc(100% - 184px);
  position: absolute;
  display: block; 
  background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='69.283' height='40' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%23141414ff'/><path d='M46.189-20L57.736 0M46.189 20l11.547 20m-46.189 0l11.547 20M11.547 0l11.547 20m40.415 30H40.415M28.868 30H5.774m23.094-40H5.774m57.735 20H40.415m0 20L28.868 50m11.547-60L28.868 10m46.188 0L63.509 30M5.774 10L-5.773 30m75.056 10H46.189L34.64 20 46.19 0h23.094C73.13 6.667 76.98 13.333 80.83 20zM57.736 60H34.64L23.094 40l11.547-20h23.095c3.848 6.667 7.698 13.333 11.547 20L57.736 60zm0-40H34.64L23.094 0l11.547-20h23.095L69.283 0c-3.87 6.7-8.118 14.06-11.547 20zM34.64 60H11.547L0 40l11.547-20h23.094L46.19 40 34.64 60zm0-40H11.547L0 0l11.547-20h23.094L46.19 0 34.64 20zM23.094 40H0l-5.773-10-5.774-10L0 0h23.094l11.547 20-11.547 20z'  stroke-width='1.5' stroke='%23f5f5f50a' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
  background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='20' height='20' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%23141414ff'/><path d='M 10,-2.55e-7 V 20 Z M -1.1677362e-8,10 H 20 Z'  stroke-width='1' stroke='%23ffffff09' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
  top: 92px;
  bottom: 92px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.our-story-head-section {
    position:relative;
}
.our-story-head-section:before {
    height: 100%;
    top: 0;
    bottom: 0;
}
.project-show-case-section .swiper.offset-both {
  /*--e-n-carousel-swiper-offset-size: 300px;*/
}
/*.project-show-case-section .swiper-slide:not(.swiper-slide-active) .elementor-widget-heading,*/
/*.project-show-case-section .swiper-slide:not(.swiper-slide-active) .e-con-full.e-flex.e-con {*/
/* display:none !important;*/
/*}*/
/*.project-show-case-section .swiper-slide:not(.swiper-slide-active) .elementor-widget.elementor-widget-image,*/
/*.project-show-case-section .swiper-slide:not(.swiper-slide-active) .elementor-widget.elementor-widget-image img {*/
/*  height: 100%;*/
/*    max-height: 752px;*/
/*  object-fit: cover;*/
/*}*/
.project-show-case-section .swiper-slide .elementor-widget.elementor-widget-image img {
  max-height: 496px;
  object-fit: cover;
}
.project-show-case-section .swiper-slide .elementor-widget-container p {
  margin: 0;
}

.swiper-pagination-progressbar {
    background: rgb(255 255 255 / 25%);

}
.elementor-element :where(.swiper-horizontal)~.swiper-pagination-progressbar, 
.elementor-lightbox :where(.swiper-horizontal)~.swiper-pagination-progressbar {

    top: 108%;
    max-width: 800px;
    right: 0;
    margin: 0 auto;
}
.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-next svg, 
.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-prev svg,
.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-next:hover svg, 
.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-prev:hover svg {
    fill: #000;
}
.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-next, 
.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-prev {
 
    width: 40px;
    height: 40px;
    background: #fff;
    color: #000 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    opacity:0;
}
.elementor-widget-n-carousel:hover .elementor-swiper-button.elementor-swiper-button-next, 
.elementor-widget-n-carousel:hover .elementor-swiper-button.elementor-swiper-button-prev {
     opacity:0.5; 
}
.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-next:hover, 
.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-prev:hover {
     opacity:1; 
}
.our-team-section .elementor-widget-image-carousel {
position:relative;    

}
.our-team-section .elementor-widget-image-carousel:before {
  content: '';
  border-radius: 55%;
  width: calc(100% + 200px);
  height: 187px;
  position: absolute;
  top: -115px;
  left: -100px;
  right: -100px;
  z-index: 2;
  background: #000;
}
.our-team-section .elementor-widget-image-carousel:after {
  content: '';
  border-radius: 55%;
  width: calc(100% + 200px);
  height: 200px;
  position: absolute;
  bottom: -114px;
  left: -100px;
  right: -100px;
  z-index: 2;
  background: #000;
}
.our-team-section .elementor-widget-image-carousel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-show-case-section .elementor-widget.elementor-widget-button {
  min-width: 194px;
}
.elementor-widget-form .elementor-field-group .elementor-field {
  color: #000000;
      padding-left: 36px;
}
.elementor-widget-form .elementor-field-group .elementor-field::placeholder {
color: #8C8C8C;
}
.elementor-widget-form .elementor-field-group .elementor-field:focus {
  box-shadow:none;
  border-color:#000 !important;
}

.elementor-field-group-name:before {
  content: '';
  background: url(https://maceo.sitenep.com.np/wp-content/uploads/2025/05/user-icon.png) no-repeat center;
  background-size: contain;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
}
.elementor-field-group-email:before {
  content: '';
  background: url(https://maceo.sitenep.com.np/wp-content/uploads/2025/05/email-icon.png) no-repeat center;
  background-size: contain;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  
}
.elementor-field-group-message:before {
  content: '';
  background: url(https://maceo.sitenep.com.np/wp-content/uploads/2025/05/message-icon.png) no-repeat center;
  background-size: contain;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
      top: 8px;
}

@media (max-width:991px) {
.site-header {
    background: #fff;
    background: rgba(48, 48, 48, .3);
    backdrop-filter: blur(8.75px);
    -webkit-backdrop-filter: blur(8.75px);
}
}

@media (max-width:767px) {
            #hero-section .hero-wrapper .hero-contents h1 {
          flex-wrap: wrap;
          align-items: center;
        }
        #hero-section .hero-wrapper .hero-contents h1 span {
    gap: 30px;
    flex-direction: column;
}
#hero-section .hero-wrapper .hero-contents h1,
#hero-section .hero-wrapper .hero-contents .hero-reserve p {
        font-size: 36px;
        white-space: normal;
    }
    .hero-sub-title {
    font-size: 16px;
    }
  .project-show-case-section .swiper.offset-both {
  --e-n-carousel-swiper-offset-size: 0;
}
.normal-grid-card,
.reverse-grid-card {
    max-width: 65% !important;
}
.normal-grid-card .elementor-image-box-wrapper,
.reverse-grid-card .elementor-image-box-wrapper {
    flex-direction: column;
    gap: 20px;
}
.our-story-head-section:before, .your-project-section:before {
    width: 204px;
}
.project-show-case-section .swiper-slide .elementor-widget.elementor-widget-image img {
    max-height: 200px;
    height: 100%;
}
}

@media (max-width:480px) {
.our-story-head-section:before, .your-project-section:before {
    width: 180px;
}
}

.slider-container {
  width: 300%;
  height: 100vh;
  display: flex;
  flex-wrap: nowrap;
}
.slider-container .panel{
  height: 100vh;
  width:100%;
  color:white;
  display: flex;
     align-items: flex-end;
}

.shape-roam .elementor-widget-container {
  perspective: 1000px;
  width: 300px;
  height: 300px;
  margin: 100px auto;
}

.shape-roam .elementor-widget-container img {
  width: 100%;
  /*transform-style: preserve-3d;
  animation: spin3D 5s linear infinite;*/
}

/* @keyframes spin3D {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
} */


.elementor-social-icons-wrapper .elementor-grid-item .elementor-social-icon {
    border-width: 1px 0 1px 1px !important;
}
.elementor-social-icons-wrapper .elementor-grid-item:last-child .elementor-social-icon {
    border-width: 1px 1px 1px 1px !important;
}


.animate-text {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.6s ease-out;
}

.animate-text.in-view {
    opacity: 1;
    transform: translateY(0);
}