body, html {
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  /*3d Globe*/
  canvas { display: block; }
  /*HS input*/
  .hs-input {width: 100% !important}
  fieldset {max-width: 100% !important}
/** Swiper styles **/
:root {
  --swiper-navigation-color: rgba(34, 40, 46, 1);
  --swiper-pagination-color: rgba(44, 44, 44, 1);
  --swiper-pagination-bullet-inactive-color: rgba(44, 44, 44, 1);
  --swiper-navigation-top-offset: 0%;
  --swiper-navigation-slides-offset: 0px;
  --swiper-navigation-size: 16px;
  --light-grey: #D9D9D9;
  --neutral-50: #F2F2F6;
}
/** Demo styles **/

/** Buttons **/
.swiper-button {
  border: #1D1D1D solid 1px;
  padding: 12px 16px;
  border-radius: 100px;
}
.swiper-buttons {
  margin-top: 24px;
  z-index: 10;
  width: 100%;
  height: 40px;
}
.swiper-button-prev, .swiper-button-next {
  margin: 0 !important;
}
.swiper-button-prev {
  position: relative !important;
}
.swiper-button-next {
  position: relative !important;
}
.swiper-button-prev, .swiper-button-next {
  transition: all 0.5s;
}
.swiper-button-prev:hover, .swiper-button-next:hover {
  background: var(--light-grey);
}