@font-face {
  font-family: 'Gambetta-Light';
  src:
       url('../fonts/Gambetta-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Gambetta-LightItalic';
  src: 
       url('../fonts/Gambetta-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Gambetta-Regular';
  src:
       url('../fonts/Gambetta-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Gambetta-Italic';
  src:
       url('../fonts/Gambetta-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Gambetta-Medium';
  src: 
       url('../fonts/Gambetta-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Gambetta-MediumItalic';
  src: 
       url('../fonts/Gambetta-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Gambetta-Semibold';
  src:
       url('../fonts/Gambetta-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Gambetta-SemiboldItalic';
  src:
       url('../fonts/Gambetta-SemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Gambetta-Bold';
  src:
       url('../fonts/Gambetta-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Gambetta-BoldItalic';
  src: 
       url('../fonts/Gambetta-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Gambetta-Variable';
  src: 
       url('../fonts/Gambetta-Variable.ttf') format('truetype');
  font-weight: 300 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Gambetta-VariableItalic';
  src:
       url('../fonts/Gambetta-VariableItalic.ttf') format('truetype');
  font-weight: 300 700;
  font-display: swap;
  font-style: italic;
}

@font-face {
    font-family: 'Monument Grotesk';
    src:
        url('MonumentGrotesk-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Monument Grotesk';
    src:
        url('MonumentGrotesk-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Monument Grotesk';
    src: 
        url('MonumentGrotesk-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Monument Grotesk Semi-Mono';
    src: 
        url('MonumentGrotesk-Semi-Mono.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Monument Grotesk';
    src:
        url('MonumentGrotesk-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Monument Grotesk Mono';
    src: 
        url('MonumentGrotesk-Mono.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Monument Grotesk';
    src: 
        url('MonumentGrotesk-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Monument Grotesk';
    src: 
        url('MonumentGrotesk-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}



  body {
    font-family: 'Gambetta-Medium';
    margin: 0 auto;
    padding: 0;
    color: #333;
    background-color: #fff;
}


.bg-wrapper {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
}
.section-header {
  padding-top: 5.625em;
  text-align: center;
}
.section-header h3 {
  margin-bottom: 0.5em;
}
.section-header .line-red {
  margin: 2.5em auto 2.9375em auto;
}
.line-red {
  display: block;
  width: 4em;
  height: 0.1875em;
  margin: 0 auto;
  background: #f38181;
}
/* Main Header Styles */
.main-header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
  font-family: 'Gambetta-Medium';
  color: #fff;
  background: transparent;
  letter-spacing: 3px;
  margin-bottom: 5px;
  font-size: 1.3rem;
  font-family: gambetta;
  font-weight: 900;
}
.main-header .header-wrapper {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-top: 0em;
}
.main-header .header-wrapper .main-logo {
  float: left;
  font-weight: 700;
  font-size: 1.875em;
}
.main-header .header-wrapper .main-menu {
  float: right;
  text-align: center;
}
.main-header .header-wrapper .main-menu li {
  display: inline-block;
  padding: 0.75em 1.875em;
}
.main-header .header-wrapper .main-menu li a {
  padding-bottom: 0.75em;
  text-transform: uppercase;
  color: #fff;
  font-size: 0.875em;
}
.main-header .header-wrapper .main-menu li a:hover {
  color: #fce38a;
  border-bottom: 0.1875em solid #fce38a;
  transition: 0.1s;
}
.main-header .header-wrapper .main-menu li a span {
  font-size: 1.2em;
}
.main-header .header-wrapper .main-menu li:last-child {
  padding: 0.75em 0;
}
.main-header .header-wrapper .main-menu li:nth-child(6) a:hover,
.main-header .header-wrapper .main-menu li:last-child a:hover {
  border: none;
}
/* Section-1 Styles */
#section-1 {
  height: 100%;
  color: #fff;
  background-color: #222;
}
#section-1 .content-slider {
  position: relative;
  width: 100%;
  height: 100vh;
}
#section-1 .content-slider input {
  display: none;
}
#section-1 .content-slider .slider {
  position: relative;
  width: inherit;
  height: inherit;
  overflow: hidden;
}
#section-1 .content-slider .slider .banner {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  width: inherit;
  height: inherit;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: all 0.5s ease;
}
#section-1 .content-slider .slider .banner .banner-inner-wrapper {
  height: 100%;
  padding-top: 6em;
  box-sizing: border-box;
}
#section-1 .content-slider .slider .banner .banner-inner-wrapper .land2 {
  padding-bottom: 0.3em;
  font-family: 'Gambetta-Medium';
  font-weight: 500;
  font-size: 2.1rem;
  text-transform: none;
  padding: 0px 3.125rem;
  text-align: left;
  padding-top: 0rem;
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 1.2em;
  text-transform: none;
  text-align: left;
  padding-top: 0.0625rem;
  /* line-height: 35px; */
  text-align: left;
  font-size: 1.3em;line-height:25px;
}
#section-1 .content-slider .slider .banner .banner-inner-wrapper .land1 {
  font-size: 2.9em;
  padding: 0px 3.125rem;
  text-align: left;
  padding-top: 10.0625rem;
  font-family: 'Gambetta-Medium';
  font-weight: 900;
  font-size: 2.3em;
  text-align: left;
  font-family: 'Gambetta-Medium';
  font-weight: 500;
  line-height: 40px;
  margin-top: 0px;
  color: #fff;
  margin-bottom: 2px !important;
  font-style: normal;
  font-weight: 450;
  line-height: 120%;
  font-family: gambetta;
}
#section-1 .content-slider .slider .banner .banner-inner-wrapper .line {
  display: block;
  width: 4em;
  height: 0.1875em;
  margin: 2.5em auto;
  background: #fff;
}
#section-1 .content-slider .slider .banner .banner-inner-wrapper .learn-more-button {
  padding-bottom: 5em;
  z-index: 15 !important;
}
#section-1 .content-slider .slider .banner .banner-inner-wrapper .learn-more-button a {
  padding: 0.5em 2em;
  text-align: center;
font-family: 'Gambetta-Light';
  font-size: 0.875em;
  color: #fff;
  text-transform: uppercase;
  border: 0.1875em solid #fff;
}
.head-logo
{
     width: 70%;
    margin-top: 0px;
}
.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 15px;
  font-weight: 700;
}
#section-1 .content-slider .slider .banner .banner-inner-wrapper .learn-more-button a:hover {
  color: #e88382;
  border-color: #e88382;
  transition: 0.3s;
}
#section-1 .content-slider .slider #top-banner-1 {
  background: url('../images/canva/Hero\ 01.png') no-repeat center center;
  background-size: cover;
}
#section-1 .content-slider .slider #top-banner-2 {
  background: url('../images/canva/Hero\ 02.png') no-repeat center center;
  background-size: cover;
}
#section-1 .content-slider .slider #top-banner-3 {
  background: url('../images/canva/Hero\ 3.png') no-repeat center center;
  background-size: cover;
}
#section-1 .content-slider nav {
  position: absolute;
  bottom: 0em;
  width: 100%;
  z-index: 10;
  text-align: center;
  padding: 0 3.125rem;
}
#section-1 .content-slider nav .controls {
  display: flex;
  width: 100%;
  margin: 0 auto;
  font-family: 'Gambetta-Light';
  color: #fff;
}
#section-1 .content-slider nav .controls label {
  position: relative;
  display: inline-block;
  width: 20%;
  height: 10em;
  overflow: hidden;
  padding-top: 1em;
  text-align: left;
  text-transform: uppercase;
  font-family: 'Gambetta-Medium';
  font-size: 1em;
  color: #e3edf5;
  font-weight: 400;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 1.3em;
  text-transform: capitalize;
  line-height: 30px;
  margin-right: 5rem;
  font-weight: 400;
  font-size: 2.1rem;
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 1.2em;
  text-transform: none;
  text-align: left;
  padding-top: 2.0625rem;
  /* line-height: 35px; */
  text-align: left;
  font-size: 1.3em;
}
#section-1 .content-slider nav .controls label .progressbar {
  position: absolute;
  top: 0px;
  left: 0;
  height: 3px;
  width: 100%;
  background: #025959;
  z-index: 100;
  bottom: 4px;
}
#section-1 .content-slider nav .controls label .progressbar .progressbar-fill {
  position: inherit;
  width: inherit;
  height: inherit;
  margin-left: -100%;
  background: #012E41;
}
#section-1 .content-slider nav .controls label span {
  font-size: 1.4em;
  font-weight: 700;
  /* margin-bottom: 28px; */
}
#section-1 .content-slider nav .controls label:hover {
  color: beige;
}
#section-1 .content-slider #banner1:checked ~ .slider #top-banner-1,
#section-1 .content-slider #banner2:checked ~ .slider #top-banner-2,
#section-1 .content-slider #banner3:checked ~ .slider #top-banner-3 {
  opacity: 1;
  z-index: 1;
}
#section-1 .content-slider #banner1:checked ~ nav label:nth-of-type(1),
#section-1 .content-slider #banner2:checked ~ nav label:nth-of-type(2),
#section-1 .content-slider #banner3:checked ~ nav label:nth-of-type(3){
  cursor: default;
  color: #fff;
  transition: all 0.5s;
}
#section-1 .content-slider #banner1:checked ~ nav label:nth-of-type(1) .progressbar,
#section-1 .content-slider #banner2:checked ~ nav label:nth-of-type(2) .progressbar,
#section-1 .content-slider #banner3:checked ~ nav label:nth-of-type(3) .progressbar {
  background: #fff;
}
#section-1 .content-slider #banner1:checked ~ nav label:nth-of-type(1) .progressbar-fill,
#section-1 .content-slider #banner2:checked ~ nav label:nth-of-type(2) .progressbar-fill,
#section-1 .content-slider #banner3:checked ~ nav label:nth-of-type(3) .progressbar-fill {
  animation: progressBarFill 10s linear;
}
/* Animations */
@keyframes progressBarFill {
  from {
    margin-left: -100%;
  }
  to {
    margin-left: 0;
  }
}
.nav-row{display:flex ;}
.navbar-inverse {
    background-color: transparent !important;
    border-bottom: 1px solid #fff !important;
    border-radius: 0px;padding: 1.5625rem;
}
.navbar-brand {
    float: left;
    height: 60px;
    padding: 0px 15px !important;
    font-size: 18px;
    line-height: 20px;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -15px;
}
.navbar-inverse .navbar-nav>li>a {
    color: #000 !important;
}
.navbar {
    position: relative;
    min-height: 100px !important;
    margin-bottom: 36px !important;
    border: 1px solid transparent;
}
#myNavbar
{margin-right: 0;
    margin-left: 0;
    margin-top: 10px;   
    width: 100%;
}
    .para{color:#fff;font-size: 1.3em;text-transform: capitalize;line-height: 30px;margin-top: 10px;}
    .landsharebutton {
      margin-top: 1.875rem;
      display: flex;
      width: 100%;
      margin: 0 auto;
      font-family: 'Gambetta-Light';
      color: #fff;
      margin-bottom: 0px;
      display: inline-flex;
      color: black;
      gap: 0.98rem;
      align-items: center;
      border-radius: .145rem;
      letter-spacing: 3px;
      margin-bottom: 6px;
      font-size: 1.9rem;
      font-family: gambetta;
  }
#nav-class
  {
      display: flex;
      justify-content: center;
      align-items: center;

  }
/*-----------------------*/
  .landhsare-reverse {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.landhsare-newbutton {
    display: inline-flex;
    font-size: 1rem;
    color: inherit;
    user-select: none;
    appearance: none;
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    font-family: inherit;
    text-decoration: none !important;
    font-weight: 400;
    gap: 1rem;
    align-items: center;
    line-height: 1.2;
    font-family: var(--tt-commons);
}
.landhsare-newbutton>span {
  position: relative;
  overflow: hidden;
}

span:has([data-title]) {
  overflow: hidden;
}
span:has([data-title]) [data-title] {position: relative;display: block;transition: transform .4s ease-in-out;font-family: 'Gambetta-Medium';font-size: 1.7rem;font-size: 1.6rem;}

span:has([data-title]) [data-title]:hover {
 color:beige;
  }
  a:focus, a:hover {
    color: green;
    /* text-decoration: underline !important; */

    cursor: pointer;
}
.landhsare-newbutton {
display: inline-flex;
font-size: 1rem;
color: inherit;
user-select: none;
appearance: none;
border: none;
outline: none;
box-shadow: none;
background: transparent;
cursor: pointer;
padding: 0;
font-family: inherit;
text-decoration: none !important;
font-weight: 400;
gap: 1rem;
align-items: center;
line-height: 1.2;
font-family: var(--tt-commons);
}
.landhsare-newbutton i {
display: flex
;
width: 2.7rem;
aspect-ratio: 1 / 1;
align-items: center;
justify-content: center;
background: var(--accent-color);
color: #fff;
transition: transform .4s ease-in-out;
}
.landhsare-newbutton i svg {
width: .5625rem;
height: .5625rem;
transition: transform .4s ease-in-out;
}
.landhsare-newbutton:hover i {
transform: scale(1.1);
}
.landhsare-newbutton:hover i {
transform: scale(1.1);
}
.landhsare-newbutton {
  margin-top: 12px;
  display: inline-flex;
  font-size: 1.4rem;
  color: inherit;
  user-select: none;
  appearance: none;
  border: none;
  outline: none;
  box-shadow: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  font-family: inherit;
  text-decoration: none!important;
  font-weight: 400;
  gap: 1rem;
  align-items: center;
  line-height: 1.2;
  font-family: 'Gambetta-Medium';
  margin-bottom: 20px;
  display: inline-flex;
  color: black;
  gap: 0.98rem;
  align-items: center;
  border-radius: .145rem;
  letter-spacing: 3px;
  margin-bottom: 5px;
  font-size: 1.9rem;
  font-family: gambetta;
  }

.landhsare-newbutton:hover i {
transform: scale(1.1)
}

.landhsare-newbutton:hover i svg {
transform: rotate(45deg)
}

.landhsare-newbutton>span {
position: relative;
overflow: hidden
}

.landhsare-newbutton i {display: flex;width: 4.7rem;aspect-ratio: 1/1;align-items: center;justify-content: center;color: #fff;transition: transform .4s ease-in-out;background: #012e41b3;padding: 0px;}

.landhsare-newbutton i svg {
width: 1rem;
height: 4.5625rem;
transition: transform .4s ease-in-out;
}

.landhsare-reverse {
flex-direction: row-reverse;
justify-content: flex-end
}

.Button_anchor__sC15_ i svg {
transform: rotate(90deg)
}

.Button_anchor__sC15_:hover i svg {
transform: rotate(135deg)
}
.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 15px;
  font-size: 1.6rem;
}

.navbar-brand .mob-img 
  {display: none;}

  .navbar-inverse {
    background-color: #fff !important;
}

.aboutus-new
{
  width: 100%;
  float: left;
  padding: 75px 0px 75px;
  display: flex;
  justify-content: center;
  background: #fff;
  }

  .aboutus
{
  width: 100%;
  float: left;
  padding: 75px 0px 75px;
  display: flex;
  justify-content: center;
  background: #011526;
  }
  .elevate
  {
    font-size: 4em;
    text-align: left;
    font-family: 'Gambetta-Medium';
    font-weight: 900;
    margin-top: 0px;
    color: black;
    text-align: left;
    /* padding-top: 10.0625rem; */
    font-family: 'Gambetta-Medium';
    font-weight: 900;
    /* line-height: 50px; */
    font-size: 2.3em;
    text-align: left;
    font-family: 'Gambetta-Medium';
    font-weight: 500;
    line-height: 40px;
    margin-top: 20px;
    color: #000;
    margin-bottom: 2px !important;
    font-style: normal;
    font-weight: 450;
    font-family: gambetta;
    text-align: left !important;
}


.about_para{
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 2.1rem;
  text-transform: none;
  text-align: left;
  padding-top: 0.0625rem;
  text-align: left;
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 1.2em;
  text-transform: none;
  text-align: left;
  padding-top: 0.0625rem;
  line-height: 30px;
  text-align: left;
  font-size: 1.3em;
  font-size: 1.9rem;
  font-family: 'Monument Grotesk Mono';
  font-weight: normal;
  font-style: normal;
  color: #000;

  /* letter-spacing: 3px; */
  margin-bottom: 5px;
  font-size: 1.9rem;
  font-family: gambetta;
}


/*-------------------*/

.landshareAbout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5625rem;
  max-width: 57.5rem
}

@media (min-width: 480px) {
  .landshareAbout {
      gap: 0.4rem;
  }
}

.landshareAboutBlock {
  border-top: .0625rem solid rgba(0,0,0,.24);
  padding-top: 1rem;
}

.landshareAboutBlockvalue {
  font-size: 4.5em;
  text-align: left;
  font-family: 'Gambetta-Medium';
  font-weight: 900;
  line-height: 80px;
  margin-top: 0px;
  color: black;
}

.landshareAboutBlockvalue-new{
  display: flex;
  align-items: center;
  margin-top: .9375rem;
  gap: .375rem;
  font-size: .8rem
}

.AboutBlock_itemLabel__thxIW:before {
  content: "";
  display: block;
  width: .375rem;
  aspect-ratio: 1/1;
  background: var(--accent-color)
}

@media (min-width: 768px) {
  .landshareAboutBlockvalue-new{
      margin-top:1.25rem
  }
}
#about-sec
{
    width: 35%;
    margin-left: 6%;
}
.landshareAboutBlockvalue {
    font-size: 4em;
    text-align: left;
    font-family: 'Gambetta-Medium';
    font-weight: 900;
    line-height: 70px;
    margin-top: 0px;
    color: black;
    font-size: 2.3em;
    text-align: left;
    font-family: 'Gambetta-Medium';
    font-weight: 900;
    line-height: 40px;
    margin-top: 0px;
    color: #000;
    margin-bottom: 2px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    font-family: gambetta;
}
.landshareAboutBlockvalue{font-size: 4em;text-align: left;font-family: 'Gambetta-Medium';font-weight: 900;line-height: 70px;margin-top: 0px;color: black;font-size: 2.3em;text-align: left;font-family: 'Gambetta-Medium';font-weight: 900;line-height: 40px;margin-top: 0px;color: #000;margin-bottom: 2px !important;font-style: normal;font-weight: 700;line-height: 120%;font-family: gambetta;}

.landshareAboutBlockvalue-newlabel-small
    {
    padding-top: 0.295rem;
    line-height: 35px;
    text-align: justify;
    text-transform: uppercase;
    font-family: 'Gambetta-Medium';
    font-weight: 400;
    font-size: 2.1rem;
    }
    .sec-image
    {width: 100%;
    height: 500px;}


    .menu-image-holder {
      float: left;
      margin-right: 25px;
    }
    
    .menu-image-holder img{
      float: left;
      margin-right: 25px;
      max-width: 45vw;
    }
    
    .menu-list {
      margin: 0;
      padding: 0;
      max-width: 50vw;
      list-style: none;
      padding-top: 0px;
    }
    
    .menu-list a {
      color: black;
      margin-bottom: 22px !important;
      text-decoration: none;
      display: inline-block;
      text-transform: uppercase;
      font-family: 'Gambetta-Medium';
      font-weight: 400;
      font-size: 1.9em;
      text-transform: none;
      text-align: left;
      padding-top: 3.3rem;
      line-height: 0px;
      text-align: justify;
      padding-bottom: 1.6rem;
      font-style: normal;
      font-weight: 450;
      /* line-height: 120%; */
      font-family: gambetta;
      letter-spacing: 3px;
      margin-bottom: 5px;
      font-size: 1.9rem;
      font-family: gambetta;
      text-transform: uppercase;
  }
    
    .parent {
        width: 100%;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        display: flex;
        align-content: center;
        justify-content: center;
        flex-direction: row;
    }
    
  .second-aboutus
  {
    width: 100%;
    float: left;
    padding: 25px 0px 75px;
    display: flex;
    justify-content: center;
    background: #fff;
    }
    .menu-image-holder img {
      float: left;
      margin-right: 25px;
      max-width: 100%;
  }
  .slider-sec
  {
    width: 100%;
    float: left;
    padding: 25px 0px 75px;
    display: flex;
    justify-content: center;
    background: #fff;
    }
    .menu-image-holder img {
      float: left;
      margin-right: 25px;
      max-width: 100%;
  }

.sub-title {
  display: inline-flex;
  padding: 0.8375rem 1.5rem;
  background: #012E41;
  color: red;
  gap: 0.98rem;
  align-items: center;
  border-radius: .145rem;
  letter-spacing: 3px;
  margin-bottom: 20px;
  padding: 0.8375rem 1.5rem;
  /* background: #012e41b3; */
  color: #fff !important;
  gap: 0.98rem;
  align-items: center;
  border-radius: .145rem;
  letter-spacing: 2px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-size: 1rem;
  opacity: 8;
  font-family: 'Monument Grotesk Mono';
  letter-spacing: 3px;
  margin-bottom: 5px;
  font-size: 1.7rem;
  font-family: gambetta;
  text-transform: uppercase;
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  /* font-size: 2.1rem; */
  /* font-size: 1.9rem; */
  font-size: 1.9rem;
  display: inline-flex;
  color: black;
  gap: 0.98rem;
  align-items: center;
  border-radius: .145rem;
  letter-spacing: 3px;
  margin-bottom: 5px;
  font-size: 1.5rem;
  font-family: gambetta;
}

.sub-title:before {
  content: "";
  display: block;
  width: 0.8625rem;
  aspect-ratio: 1 / 1;
  background: #fff;
  padding: 0px 6px 0px 0px;
}

.elevate1 {
  font-size: 2.9em;
  text-align: left;
  font-family: 'Gambetta-Medium';
  font-weight: 500;
  line-height: 50px;
  margin-top: 0px;
  color: black;
  margin-bottom: 4.4%;
  font-size: 2.3em;
  text-align: left;
  font-family: 'Gambetta-Medium';
  font-weight: 500;
  line-height: 40px;
  margin-top: 0px;
  color: #000;
  margin-top: 4.4%;
}
.elevate1-blue {
  font-size: 2.9em;
  text-align: left;
  font-family: 'Gambetta-Medium';
  font-weight: 500;
  margin-top: 0px;
  color: #fff;
  margin-bottom: 5%;
  font-size: 2.3em;
  text-align: left;
  font-family: 'Gambetta-Medium';
  font-weight: 500;
  line-height: 40px;
  margin-top: 20px;
  color: #fff;
  font-style: normal;
  font-weight: 450;
  line-height: 120%;
  font-family: gambetta;
}
.about_para-blue {
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 2.1rem;
  text-transform: none;
  text-align: left;
  padding-top: 0.0625rem;
  text-align: left;
  color: #fff;
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 1.2em;
  text-transform: none;
  text-align: left;
  padding-top: 0.0625rem;
  /* line-height: 35px; */
  text-align: justify;
  font-size: 1.3em;
  font-size: 1.3em;
  font-family: 'Monument Grotesk Mono';
  font-weight: normal;
  font-style: normal;
  color: #fff;
  /* letter-spacing: 3px; */
  margin-bottom: 5px;
  font-size: 1.9rem;
  font-family: gambetta;
}
.services-list
{
    list-style-type: none;
    text-align: left;
    margin: 0;
    padding-left: 0px;
    /* border-top: .0625rem solid rgba(0, 0, 0, .24); */
    /* padding-top: .9375rem; */
}
.lists{
  border-bottom: .0625rem solid rgba(0, 0, 0, .24);
  padding-top: .9375rem;
  /* padding-bottom: 1.0375rem; */
  }
  .view{
    color: black;
    font-family: 'Gambetta-Medium';
    font-size: 1.3em;
    font-family: 'Monument Grotesk Mono';
    font-family: 'Monument Grotesk Mono';
    color: black;
    gap: 0.98rem;
    align-items: center;
    border-radius: .145rem;
    letter-spacing: 3px;
    margin-bottom: 5px;
    font-size: 1.5rem;
    font-family: gambetta;
    font-weight: 500;
    }
    .view-blue{
      color: #fff;
      font-family: 'Gambetta-Medium';
      font-size: 1.1em;
      }
     .menu-list a:hover {
    margin-bottom: 5px;
    font-size: 0.9em;

           color: black;
           margin-bottom: 22px !important;
           text-decoration: none;
           display: inline-block;
           text-transform: uppercase;
           font-family: 'Gambetta-Medium';
           font-weight: 400;
           font-size: 1.9em;
           text-transform: none;
           text-align: left;
           padding-top: 3.3rem;
           line-height: 0px;
           text-align: justify;
           padding-bottom: 1.6rem;
           font-style: normal;
           font-weight: 450;
           /* line-height: 120%; */
           font-family: gambetta;
           letter-spacing: 3px;
           margin-bottom: 5px;
           font-size: 1.9em;
           font-family: gambetta;
           color: black;
           margin-bottom: 22px !important;
           text-decoration: none;
           display: inline-block;
           text-transform: uppercase;
           font-family: 'Gambetta-Medium';
           font-weight: 400;
           font-size: 1.9em;
           text-transform: none;
           text-align: left;
           padding-top: 3.3rem;
           line-height: 0px;
           text-align: justify;
           padding-bottom: 1.6rem;
           font-style: normal;
           font-weight: 450;
           /* line-height: 120%; */
           font-family: gambetta;
           letter-spacing: 3px;
           margin-bottom: 5px;
           font-size: 1.9rem;
           font-family: gambetta;
           text-transform: uppercase;
  }
    
    span:has([data-title]) [data-title]:hover{
      color:beige;
    }

    .slider {
      --totSlides: 3;
      --slideWidth: 200px;
      --slideHeight: 100px;
      --animationSpeed: calc(4s * var(--totSlides));
      margin: auto;
      overflow: hidden;
      position: relative;
      width: 100%;
    }
    
    .slider .slides-track {
      animation: scroll var(--animationSpeed) linear infinite;
      display: flex;
      width: calc(var(--slideWidth) * var(--totSlides) * 8);
    }
    
    .slider .slide {
      height: auto;
      overflow: hidden;
    }
    
    .slider .slide img {
      height:auto;
      width: 76%;
      max-width: 100%;
      object-fit: contain;
      border: 1px solid grey;
      padding: 12px;
    }
    
    
    @keyframes scroll {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(calc(var(--slideWidth) * var(--totSlides) * -1));
      }
    }
    
/*---------------------*/

.container {
  position: relative;
  overflow: hidden;
}

.PostsBlock_items__rg8nV {
  display: flex;
      grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
      gap: .0625rem;
  transition: transform 0.3s ease-in-out;
}

.PostsBlock_post__qjBny {
  background-color: transparent;
  padding: 4.5rem 4.5rem 4.5rem 4.5rem;
  border-radius: 0px;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid #fff;
}

.PostsBlock_post__qjBny.up {
  transform: translateY(-10px);
  opacity: 1;
}

.PostsBlock_post__qjBny.down {
  transform: translateY(10px);
  opacity: 0.8;
}
.PostsBlock_post__qjBny {
  transition: margin-top 0.3s ease-in-out;
}
.grid-sec{
    width: 100%;
    float: left;
    padding: 0px 0px 0px;
    display: flex;
    justify-content: center;
    background: #011526;
    }
#grid-con{
    background: transparent;
    padding-right: 0px;
    padding-left: 0px;
}

.aboutus-choose
{
  width: 100%;
  float: left;
  padding: 75px 0px 75px;
  display: flex;
  justify-content: center;
  background: #011526;
  }
.posts-img
{ width: 100%;
}
.posts-head
{
  font-size: 2.1em;
  text-align: left;
  font-family: 'Gambetta-Medium';
  /* font-weight: 900; */
  margin-top: 0px;
  color: #fff;
  text-align: left;
  /* padding-top: 10.0625rem; */
  font-family: 'Gambetta-Medium';
  /* font-weight: 900; */
  font-size: 2.3em;
  text-align: center;
  font-family: 'Gambetta-Medium';
  font-weight: 500;
  line-height: 40px;
  /* margin-top: 0px; */
  color: #fff;
  margin-bottom: 2px !important;
  font-style: normal;
  font-weight: 450;
  line-height: 120%;
  font-family: gambetta;
  }
.posts-text
{
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 3rem;
  text-transform: none;
  text-align: left;
  text-align: left;
  color: #fff;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1.9em;
  text-align: left;
  font-family: 'Gambetta-Medium';
  font-weight: 500;
  line-height: 40px;
  margin-top: 20px;
  color: #fff;
  font-style: normal;
  font-weight: 450;
  line-height: 145%;
  font-family: gambetta;
}
.elevate-blue {
  font-size: 2.3em;
  text-align: left;
  font-family: 'Gambetta-Medium';
  font-weight: 500;
  line-height: 50px;
  margin-top: 20px;
  color: #fff;
  font-style: normal;
  font-weight: 450;
  line-height: 120%;
  font-family: gambetta;
}

.aboutus-caro
{  width: 100%;
  float: left;
  padding: 75px 0px 75px;
  display: flex;
  justify-content: center;
  background: #fff;}

.elevate2
{font-size: 2.9em;text-align: left;font-family: 'Gambetta-Medium';font-weight: 500;margin-top: 0px;color: black;font-size: 2.3em;text-align: left;font-family: 'Gambetta-Medium';font-weight: 500;line-height: 40px;margin-top: 20px;color: #000;font-style: normal;font-weight: 450;line-height: 120%;font-family: gambetta;}
.about_para-caro {
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 2.1rem;
  text-transform: none;
  text-align: left;
  padding-top: 0.0625rem;
  text-align: left;
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 1.2em;
  text-transform: none;
  text-align: left;
  padding-top: 0.0625rem;
  /* line-height: 35px; */
  text-align: left;
  font-size: 1.3em;
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 1.2em;
  text-transform: none;
  text-align: left;
  padding-top: 0.0625rem;
  /* line-height: 35px; */
  text-align: center;
  font-size: 1.3em;
  font-size: 1.3em;
  font-family: 'Monument Grotesk Mono';
  font-weight: normal;
  font-style: normal;
  color: #000;
  margin-bottom: 5px;
  font-size: 1.9rem;
  font-family: gambetta;
}
.latest1
{width: 100%;border-radius: 10px;}

.posts-head1
{
  font-size: 2em;
  text-align: left;
  font-family: 'Gambetta-Medium';
  font-weight: 900;
  line-height: 50px;
  margin-top: 20px;
  color: black;
  text-align: left;
  /* padding-top: 10.0625rem; */
  font-family: 'Gambetta-Medium';
  font-weight: 900;
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 2.1rem;
  text-transform: none;
  text-align: left;
  padding-top: 0.0625rem;
  line-height: 35px;
  text-align: left;
  }
  #left
  {
    padding-left: 0px;
    margin-top:30px;
    border-right: 1px solid grey;height:680px;
  }

  #right
  {
    padding-right: 0px;
    margin-top:30px;    border-right: 0px solid grey;
  }

.late-img
{width: 100%;border-radius: 10px;}
.posts-head2{font-family: 'Gambetta-Medium';font-weight: 400;font-size: 2.1rem;text-transform: none;text-align: left;padding-top: 0.0325rem;line-height: 30px;text-align: left;}
#sub
{
  border-right: 1px solid grey;
  height: 674px;
  }
  .top-left {
    position: absolute;
    top: 8px;
    left: 16px;
      padding: 75px 150px 0px 50px;
    color: white;
  }

  .bottom-img
  {
    border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    height: 500px;
  }
  .view-new{
    color: #fff;
    font-family: 'Gambetta-Medium';
    font-size: 1.1em;
    font-family: 'Gambetta-Medium';
    font-weight: 400;
    font-size: 1.2em;
    text-transform: none;
    text-align: left;
    padding-top: 0.0625rem;
    /* line-height: 35px; */
    text-align: left;
    font-size: 1.3em;
    }
   
    .view-new-last{
      color: #000;
      font-family: 'Gambetta-Medium';
      font-size: 1.1em;
      }

    .elevate3 {
      font-size: 2.9em;
      text-align: left;
      font-family: 'Gambetta-Medium';
      font-weight: 500;
      line-height: 50px;
      margin-top: 0px;
      color: #fff;
  }
  .footer
  {
  background: #011526;
  width: 100%;
  float: left;
  padding: 75px 0px 75px;
  border-bottom:1px solid grey;
  }
  .posts-headfooter{
    font-size: 2.3em;
    text-align: left;
    font-family: 'Gambetta-Medium';
    font-weight: 500;
    line-height: 35px;
    margin-top: 0px;
    color: #fff;
}
  .foot-head
  {
    font-size: 1.5em;
    text-align: left;
    font-family: 'Gambetta-Medium';
    font-weight: 900;
    line-height: 35px;
    margin-top: 10px;
    color: #fff;
    text-align: left;
    /* padding-top: 10.0625rem; */
    font-family: 'Gambetta-Medium';
    font-weight: 900;
    margin-bottom: 0px;
}
  .lists{
    /* font-size: 2em; */
    text-align: left;
    font-family: 'Gambetta-Medium';
    font-weight: 900;
    line-height: 50px;
    margin-top: 0px;
    color: #fff;
    text-align: left;
    /* padding-top: 10.0625rem; */
    font-family: 'Gambetta-Medium';
    font-weight: 900;
    font-family: 'Gambetta';
    font-weight: 400;
    /* font-size: 1.9rem; */
    text-transform: none;
    text-align: left;
    padding-top: 0rem;
    line-height: 25px;
    text-align: left;
    margin-left: 0px;
    list-style-type: none;
    padding-left: 0px;
    letter-spacing: 3;
}
  .foot_para{
    font-family: 'Gambetta-Medium';
    font-weight: 400;
    font-size: 1.1em;
    text-transform: none;
    text-align: left;
    padding-top: 0.0625rem;
    line-height: 25px;
    text-align: left;
    margin-left: 0px;
    list-style-type: none;
    padding-left: 0px;
    color: #fff;
}
.name{
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 1.1em;
  text-transform: none;
  text-align: left;
  padding-top: 0.0625rem;
  line-height: 10px;
  text-align: left;
  margin-left: 0px;
  list-style-type: none;
  padding-left: 0px;
  color: #fff;
  border-bottom: 0px solid;
  padding: 10px 0px 0px 0px;
}
.name1
{    font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 1.1em;
  text-transform: none;
  text-align: left;
  padding-top: 0.0625rem;
  line-height: 30px;
  text-align: left;
  margin-left: 0px;
  list-style-type: none;
  padding-left: 0px;
  color: #fff;}

  .footer1
  {
  background: #011526;
  width: 100%;
  float: left;
  padding: 20px 0px 20px;
  }
  .facebook{
    color: #fff;
    letter-spacing: 10px;
    font-size: 15px;
}
.copy{    color: #fff;
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 1.1em;
  text-transform: none;
  text-align: left;
  /* padding-top: 0.0625rem; */
  /* line-height: 30px; */
  text-align: left;
  margin-left: 0px;
  list-style-type: none;
  padding-left: 0px;
  color: #fff;
  float: inline-end;}
  .director{border: 0px solid grey;padding: 0px 70px 0px 70px;height:auto;border-radius: 10px;}
  .team
  {
    padding: 0px 70px 0px 70px;
}
  .elevate-team{
    margin-top: 0px;
    font-size: 2.1em;
    color: black;
    text-align: left;
    font-family: 'Gambetta-Medium';
    /* font-weight: 900; */
    margin-top: 10px;
    font-size: 2.3em;
    text-align: center;
    font-family: 'Gambetta-Medium';
    font-weight: 500;
    line-height: 40px;
    /* margin-top: 0px; */
    color: black;
    margin-bottom: 2px !important;
}
  .about_para-caro
  {}
  #about-second{}
  #about-second1{}
  .about_greenNGOContentabt
  {padding: 0px 20px 0px 20px;}
  .owl-nav
  {float: right;}

  .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    border: 1px solid grey;
    border-radius: 50px;
    height: 50px;
    width: 50px;
    font-size: 3.5rem;
    line-height: 0px;
    margin-left: 20px;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  border: 1px solid grey;
  border-radius: 50px;
  height: 50px;
  width: 50px;
  font-size: 3.5rem;
  line-height: 0px;
}
.owl-prev
{border:1px solid grey;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev  {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  border: 1px solid grey !important;
  font-size: 2rem !important;
  line-height: 20px !important;
}

.landsharebutton1 {
  margin-top: 1.875rem;
  display: flex;
  width: 100%;
  margin: 0 auto;
  font-family: 'Gambetta-Light';
  color: #fff;
}
.user1
{     margin-left: -1px;
  margin-top: 0px;
  font-size: 20px;}
  .about-img
  {width: 100%;}

  .foot-dis
  {color: #fff;
    padding: 0px 13px 0px 13px; 
    font-family: 'Gambetta-Medium';
    font-size: 1.1em;}

.foot-dis:hover{    
  color: #5790e1;
  padding: 0px 13px 0px 13px;
  font-family: 'Gambetta-Medium';
  font-size: 1.1em;}

.usericon{
  background: transparent;
  border-radius: 10px;
  margin-left: 10px;
  height: 49px;
  width: 40px;}

.usericon1
{ background: #012E41;
  border-radius: 10px;}


.sub-title1 {
  display: inline-flex;
  color: black;
  gap: 0.98rem;
  align-items: center;
  border-radius: .145rem;
  letter-spacing: 3px;
  margin-bottom: 5px;
  font-size: 1.9rem;
  font-family: gambetta;
}

.sub-title1:before {
  content: "";
  display: block;
  width: 0.5625rem;
  aspect-ratio: 1 / 1;
  background: #172747;
  padding: 0px 6px 0px 0px;
}
.foot-logo
{
    width: 20%;
    float: right;
    margin-top: 315px;
}
#fullname {
  background-color: #011526;
  color: white;
  border: none;
  outline: none;
  box-shadow: none;
  padding: 5px;
  font-size: 1.9rem;
  border-bottom: 1px solid #fff;
  width: 100%;
  font-family: 'Gambetta-Medium';
}

#email_address
{  background-color: #011526;
  color: white;
  border: none;
  outline: none;
  box-shadow: none;
  padding: 5px;
  font-size: 1.9rem;
  border-bottom: 1px solid #fff;
  width: 100%;
  font-family: 'Gambetta-Medium';}

#message
{background-color: #011526;
  color: white;
  border: none;
  outline: none;
  box-shadow: none;
  padding: 5px;
  font-size: 1.9rem;
  border: 1px solid #fff;
  width: 100%;
  font-family: 'Gambetta-Medium';}
.remember-text{font-family: 'Gambetta-Medium';font-size: 1.1em;color: #fff;padding-left: 7px;}

.twitter
{    width: 13px;
  margin-right: 5px;}
  .otp-input {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}
.otp-input input {
    width: 50px;
    height: 50px;
    margin: 0 8px;
    text-align: center;
    font-size: 1.5rem;
    border: 2px solid #6665F1;
    border-radius: 12px;
    background-color: rgba(42, 42, 42, 0.8);
    color: #ffffff;
    transition: all 0.3s ease;
}
.otp-input input:focus {
    border-color: #A556F6;
    box-shadow: 0 0 0 2px rgba(166, 86, 246, 0.3);
    outline: none;
}
.otp-input input::-webkit-outer-spin-button,
.otp-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.otp-input input[type=number] {
    -moz-appearance: textfield;
}
button {
    background: linear-gradient(135deg, #6665F1, #A556F6);
    color: white;
    border: 2px solid #6665F1;
    padding: 12px 24px;
    font-size: 1rem;
    border-radius: 8px;
    cursor: pointer;
    margin: 5px;
    transition: all 0.3s ease;
    font-weight: 500;
    letter-spacing: 0.5px;
}
button:hover {
background:white;
color: black;
}
button:disabled {
    background: #cccccc;
    border-color: #999999;
    color: #666666;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}
#timer {
    font-size: 1rem;
    color: #A556F6;
    font-weight: 500;
    margin-left: 10px;
}
@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}
.expired {
    animation: pulse 2s infinite;
    color: #ff4444;
}
.resend-text {
    margin-top: 1rem;
    font-size: 0.9rem;
    color: #b0b0b0;
}
.resend-link {
    color: #6665F1;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s ease;
}
.resend-link:hover {
    color: #A556F6;
    text-decoration: underline;
}
#email {
    color: #A556F6;
    font-weight: 500;
}
.elevate3-footdesign {
  font-size: 1.9em;
  text-align: left;
  font-family: 'Gambetta-Medium';
  font-weight: 500;
  line-height: 35px;
  margin-top: 0px;
  color: #000;
  font-size: 2.1rem;
}
.py-3new
{
  background: #011526;
  color: #fff;
  border: 1px solid #fff;
  margin-top: 20px;
  }
  .terms
  {    display: flex;
        justify-content: center;}

        .landhsare-newbutton .fisrt-bn {
          display: flex;
          width: 4.7rem;
          aspect-ratio: 1 / 1;
          align-items: center;
          justify-content: center;
          color:#012E41;
          transition: transform .4s ease-in-out;
          background: #fff;
          padding: 0px;
      }

      .landhsare-newbutton .new-bn {
        display: flex;
        width: 4.7rem;
        aspect-ratio: 1 / 1;
        align-items: center;
        justify-content: center;
        color:#012E41;
        transition: transform .4s ease-in-out;
        background: #fff;
        padding: 0px;
    }
    .news-sections
    {display: flex;
    gap:15px;}
    .news{}
    .news1{
      background: #012E41;
      width: 100%;
      padding: 6px 6px 6px 6px;
      color: #fff;
      font-size: 0.9em;
      font-family: 'Gambetta-Medium';
      text-align: center;
      border-radius: 10px;
      margin-top: 20px;
      font-family: 'Monument Grotesk Mono';
  }
  
  html {
    font-size: 10px;
    /* -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
}
.img-wrapper {
  width: 100%;
  /* height: 400px; */
  overflow: hidden;
}

.inner-img {
  transition: 0.3s;
}

.inner-img:hover {
  transform: scale(1.1);
}

/* Other styling elements, that are not necessary for the example */

.img-wrapper {
  display: inline-block;
  box-sizing: border-box;   
  border-radius: 10px !important;
}
.posts-text-new
{
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 2.1rem;
  text-transform: none;
  text-align: left;
  padding-top: 0.0625rem;
  line-height: 25px;
  text-align: left;
  color: #fff;
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 1.2em;
  text-transform: none;
  text-align: left;
  padding-top: 0.0625rem;
  /* line-height: 35px; */
  text-align: left;
  font-size: 1.3em;
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 1.2em;
  text-transform: none;
  padding-top: 1.0625rem;
  /* line-height: 35px; */
  text-align: center;
  font-size: 1.3em;
  font-size: 1.3em;
  font-family: 'Monument Grotesk Mono';
  font-weight: normal;
  font-style: normal;
  color: #fff;
  /* letter-spacing: 3px; */
  margin-bottom: 5px;
  font-size: 1.9rem;
  font-family: gambetta;
}.remember-box
{margin-top:10px;}#togglePassword
{position: absolute;
  right: 110px;
  top: 62.5%;
  transform: translateY(-50%);
  cursor: pointer;}

  #togglePassword1
{position: absolute;
  right: 110px;
  top: 70.5%;
  transform: translateY(-50%);
  cursor: pointer;}

  .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: 'Gambetta-Medium';
    font-weight: 100;
    font-size: 1.5em;
    font-family: 'Monument Grotesk Mono';
    font-weight: normal;
    font-style: normal;
    color: #000;
}
.banner {
  position: relative; /* Required for positioning the overlay */
  /* Ensure your background image styles are applied here */
  /* e.g., background-image: url('your-image.jpg'); */
  /* background-size: cover; */
  /* background-position: center; */
  overflow: hidden; /* Optional: Ensures overlay doesn't spill out */
}

.banner::before {
  content: ""; /* Necessary for the pseudo-element to show */
  position: absolute; /* Position it relative to the .banner container */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 35%); /* Black color with 50% opacity */
  z-index: 1; /* Place the overlay behind the content */
}

.banner .banner-inner-wrapper {
  position: relative; /* Needed to stack above the pseudo-element */
  z-index: 2; /* Ensure content (text) is above the overlay */
  color: white; /* Assuming your text is white */
  /* Add any necessary padding or alignment for the text */
  padding: 20px; /* Example padding */
}

/* You might need to adjust existing styles for h1, h2, etc. */
.banner .land1,
.banner .land2 {
  /* Ensure text color is white or another contrasting color */
  color: white;
  /* Optional: Add a subtle text shadow for even better readability */
  /* text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); */
}

/* --- Keep your existing slider styles below --- */

/* Example placeholder for existing styles */
.content-slider { /* ... */ }
.sec-1-input { /* ... */ }
.slider { /* ... */ }
nav { /* ... */ }
.controls label { /* ... */ }
.progressbar { /* ... */ }
.posts-text-new1
{
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 2.1rem;
  text-transform: none;
  text-align: left;
  padding-top: 0.0625rem;
  line-height: 25px;
  text-align: left;
  color: #fff;
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 1.2em;
  text-transform: none;
  text-align: left;
  padding-top: 0.0625rem;
  /* line-height: 35px; */
  text-align: left;
  font-size: 1.3em;
  font-family: 'Gambetta-Medium';
  font-weight: 400;
  font-size: 1.2em;
  text-transform: none;
  text-align: left;
  padding-top: 1.0625rem;
  font-size: 1.3em;
  font-size: 1.3em;
  font-family: 'Monument Grotesk Mono';
  font-weight: normal;
  font-style: normal;
  color: #fff;
  margin-bottom: 5px;
  font-size: 1.9rem;
  font-family: gambetta;
}
.about_para-blue
{margin-top: 57px;}


    footer {
      background-color: #03182f;
      color: #fff;
    }

    .footer-container {
      max-width: 1200px;
      margin: auto;
      padding: 40px 20px 10px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .footer-left {
      flex: 1 1 60%;
      padding: 0px;
    }

    .footer-left h2 {
      font-size: 2.3em;
    margin-bottom: 40px;
      font-style: normal;
      font-weight: 450;
      line-height: 120%;
      font-family: gambetta;
      text-align: left;
    }

    .subscribe-form {
      display: flex;
      max-width: 500px;
      margin-bottom: 10px;
      border: 1px solid #fff;
    }

    .subscribe-form input {
      flex: 1;
      padding: 10px;
      font-size: 14px;
      border: 1px solid #ccc;
      background: transparent;
    }

    .subscribe-form button {
      padding: 10px 20px;
      background: transparent;
      color: #fff;
      border: 1px solid #fff;
      font-style: italic;
      cursor: pointer;
      border-radius: 0px;
    }

    .form-note {
      font-size: 12px;
      margin: 5px 0;
      font-size: 0.9em;
      font-family: 'Monument Grotesk Mono';
      font-weight: normal;
      font-style: normal;
      font-style: italic;
    }

    .footer-menu {
      display: inline-block;
      flex-wrap: wrap;
      gap: 15px 25px;
      margin: 50px 0 0;
      font-size: 14px;
      float: left;
    }

    .footer-menu a {
      color: #fff;
      text-decoration: none;
      font-size: 1.3em;
      font-family: 'Monument Grotesk Mono';
      font-weight: normal;
      font-style: normal;
    }

    .footer-right {
      flex: 1 1 35%;
      text-align: right;
    padding: 125px 0px 25px 0px;
      font-family: gambetta;
      display: inline-grid;
    }

    .footer-logo {
      max-width: 167px;
      margin-bottom: 10px;
      float: right;
      margin-right: 0px;
    }

    .footer-right p {
      margin: 6px 0;
      font-size: 14px;
      font-size: 1.3em;
      font-family: 'Monument Grotesk Mono';
      font-weight: normal;
      font-style: normal;
      font-family: gambetta;
    }

    .footer-socials {
      margin-top: 10px;
      font-size:20px;
    }

    .footer-socials a {
      color: #fff;
      margin-left: 10px;
      font-size: 25px;
      text-decoration: none;
    }

    .footer-bottom {
      background-color: #03182f;
          padding: 20px 0px 30px 0px;
      text-align: center;
      font-size: 13px;
      font-family: gambetta;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .footer-bottom a {
      color: #fff;
      margin: 0 12px;
      text-decoration: none;
      font-size: 13px;
      font-size: 1.3em;
      font-family: 'Monument Grotesk Mono';
      font-weight: normal;
      font-style: normal;
      /* font-family: gambetta; */
      font-size: 1.5em;
      font-family: 'Monument Grotesk Mono';
      font-weight: normal;
      font-style: normal;
    }

    .footer-bottom p {
      margin-top: 0px;
      font-size: 12px;
      font-size: 1.3em;
      font-family: 'Monument Grotesk Mono';
      font-weight: normal;
      font-style: italic;
      float: left;
      text-align: left !important;
      color: #fff;
    }

    @media screen and (max-width: 768px) {
      .footer-container {
        flex-direction: column;
        text-align: center;
      }

      .footer-right {
        text-align: center;
        margin-top: 30px;
      }

      .footer-menu {
        justify-content: center;
      }

      .footer-socials a {
        margin-left: 5px;
        margin-right: 5px;
      }
    }
 .footer-bottom1 {
      background-color: #03182f;
      padding: 25px 0px 25px 0px;
      text-align: center;
      font-size: 13px;
      font-family: gambetta;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-top: 1px solid grey;
    }

 .footer-bottom1 a {
      color: #fff;
      margin: 0 12px 0px 0px;
      text-decoration: none;
      font-size: 13px;
      font-size: 1.3em;
      font-family: 'Monument Grotesk Mono';
      font-weight: normal;
      font-style: normal;
      /* font-family: gambetta; */
      font-size: 1.5em;
      font-family: 'Monument Grotesk Mono';
      font-weight: normal;
      font-style: normal;
    }

    .footer-bottom1 p {
      margin-top: 0px;
      font-size: 12px;
      font-size: 1.3em;
      font-family: 'Monument Grotesk Mono';
      font-weight: normal;
      font-style: normal;
      float: left;
      text-align: left !important;
      color: #fff;
    }

    .footer-bottom .number-foot {
    margin-top: 0px;
    font-size: 12px;
    font-size: 1.3em;
    font-family: 'Monument Grotesk Mono';
    font-weight: normal;
    font-style: normal;
    float: right;
    color: #fff;
    text-align: right !important;
    margin-bottom: 5px;
    font-size: 1.9rem;
    font-family: gambetta;
}   /* Ensure section fills the screen */
#section-1 {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

/* Video fills parent, not fixed */
.video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Overlay content stays on top */
.content-over-video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  /* Optional: center content */
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.newfoot_svg
{margin-right: 0;
    float: right;
    width: 100%;
    padding: 10px 0px 20px 200px;}

.usericon1 a
{
color:#fff !important;}

.insights_btn
{    background: transparent;
    border: 0px;
    padding: 0px;
    text-align: left;padding:0px;
}.insights_btn1
{    background: transparent;
    border: 0px;
    padding: 0px;
    text-align: left;    padding-left: 30px;
}


.insights_btn:hover
{    background: transparent;
    border: 0px;
    padding: 0px;
    text-align: left;padding:0px;
}
.insights_btn1:hover
{    background: transparent;
    border: 0px;
    padding: 0px;
    text-align: left;    padding-left: 30px;
}