::-webkit-scrollbar {
  display: none;
}

@media screen and (min-width: 767.98px) {
  html {
    scroll-behavior: smooth;
    scroll-snap-type: y mandatory;
  }
  section {
    scroll-snap-align: start;
  }
  .aboutUsPage .aboutUsContent {
    min-height: 100vh;
    width: 100%;
    padding-left: 8%;
    padding-block: calc(var(--1) * 100);
    color: #999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 3;
  }
  .aboutUsPage .aboutUsContent .videoBg {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
  }
  .aboutUsPage .aboutUsContent .videoBg video {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .aboutUsPage .aboutUsContent .videoBg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, #000 0%, transparent 150%);
  }
  .aboutUsPage .aboutUsContent .textLeft {
    max-width: calc(var(--1) * 950);
    display: flex;
    flex-direction: column;
    gap: calc(var(--1) * 20);
    z-index: 9999;
  }
  .aboutUsPage .aboutUsContent .textLeft h2 {
    font-size: calc(var(--1) * 40);
    color: #fff;
    font-weight: 700;
  }
  .aboutUsPage .aboutUsContent .textLeft p {
    max-width: calc(var(--1) * 750);
    font-size: calc(var(--1) * 28);
    font-weight: 300;
    color: #fff;
    opacity: 0.9;
  }
  .aboutUsPage .aboutUsContent .textLeft h4 {
    font-size: calc(var(--1) * 20);
    line-height: calc(var(--1) * 35);
    font-weight: 400;
  }
  .aboutUsPage .aboutUsContent .textLeft .textCentre {
    margin-block: calc(var(--1) * 15);
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    -moz-column-gap: calc(var(--1) * 15);
         column-gap: calc(var(--1) * 15);
  }
  .aboutUsPage .aboutUsContent .textLeft .Aboutlink {
    display: flex;
    align-items: center;
    gap: calc(var(--1) * 10);
  }
  .aboutUsPage .aboutUsContent .textLeft .Aboutlink a {
    font-size: calc(var(--1) * 20);
    font-weight: 700;
    transition: all 0.3s ease-in-out;
  }
  .aboutUsPage .aboutUsContent .textLeft .Aboutlink:hover {
    gap: calc(var(--1) * 20);
    color: #fff;
  }
  .aboutUsPage .aboutUsContent .wathButton {
    position: absolute;
    bottom: 10%;
    right: 3%;
    display: flex;
    align-items: center;
    background-color: #999;
    opacity: 0.5;
    border-radius: calc(var(--1) * 50);
    padding-inline: calc(var(--1) * 14);
    padding-block: calc(var(--1) * 5);
    transition: opacity 0.5s ease-in-out;
    cursor: pointer;
  }
  .aboutUsPage .aboutUsContent .wathButton img {
    width: calc(var(--1) * 40);
    width: calc(var(--1) * 40);
  }
  .aboutUsPage .aboutUsContent .wathButton p {
    font-size: calc(var(--1) * 18);
    color: #000;
  }
  .aboutUsPage .aboutUsContent .wathButton:hover {
    opacity: 0.8;
  }
  .aboutUsPage .aboutUsContent .popup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
  }
  .aboutUsPage .aboutUsContent .popup .popup video {
    max-width: 100%;
    max-height: 100%;
  }
  .aboutUsPage .aboutUsTeam {
    height: 100vh;
    width: 100vw;
    padding-inline: 8%;
    background-color: black;
    color: #999;
    display: flex;
    align-items: center;
  }
  .aboutUsPage .aboutUsTeam .container {
    padding-block: calc(var(--1) * 100);
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: calc(var(--1) * 50);
  }
  .aboutUsPage .aboutUsTeam .container .text {
    display: flex;
    flex-direction: column;
    gap: calc(var(--1) * 20);
  }
  .aboutUsPage .aboutUsTeam .container .text h2 {
    font-size: calc(var(--1) * 40);
    color: #fff;
    font-weight: 600;
  }
  .aboutUsPage .aboutUsTeam .container .text p {
    font-size: calc(var(--1) * 20);
    font-weight: 400;
    line-height: calc(var(--1) * 35);
  }
  .aboutUsPage .aboutUsTeam .container .text .Aboutlink {
    display: flex;
    align-items: center;
    gap: calc(var(--1) * 10);
    margin-top: calc(var(--1) * 50);
  }
  .aboutUsPage .aboutUsTeam .container .text .Aboutlink a {
    font-size: calc(var(--1) * 20);
    font-weight: 700;
    transition: all 0.3s ease-in-out;
  }
  .aboutUsPage .aboutUsTeam .container .text .Aboutlink:hover {
    gap: calc(var(--1) * 20);
    color: #fff;
  }
  .aboutUsPage .aboutUsTeam .container .slider {
    max-width: calc(var(--1) * 1000);
  }
  .aboutUsPage .aboutUsTeam .container .slider .swiper {
    width: auto;
    height: calc(var(--1) * 500);
  }
  .aboutUsPage .aboutUsTeam .container .slider .swiper-slide {
    background: #000;
    display: flex;
    flex-direction: column;
  }
  .aboutUsPage .aboutUsTeam .container .slider .swiper-slide h3 {
    margin-top: calc(var(--1) * 20);
    font-size: calc(var(--1) * 18);
  }
  .aboutUsPage .aboutUsTeam .container .slider .swiper-slide p {
    font-size: calc(var(--1) * 18);
  }
  .aboutUsPage .aboutUsTeam .container .slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .aboutUsPage .aboutUsTeam .container .slider .swiper-button-prev,
  .aboutUsPage .aboutUsTeam .container .slider .swiper-button-next {
    color: black;
  }
  .aboutUsPage .aboutUsTeam .container .slider .swiper-button-disabled {
    opacity: 0;
  }
  .aboutUsPage .aboutUsTrusted {
    height: 100vh;
    width: 100vw;
    padding-inline: 8%;
    background-color: black;
    color: #999;
    display: flex;
    padding-block: calc(var(--120));
  }
  .aboutUsPage .aboutUsTrusted .container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: calc(var(--1) * 50);
    overflow: hidden;
    padding-block: calc(var(--1) * 100);
  }
  .aboutUsPage .aboutUsTrusted .container .text {
    display: flex;
    flex-direction: column;
    gap: calc(var(--1) * 20);
  }
  .aboutUsPage .aboutUsTrusted .container .text h2 {
    font-size: calc(var(--1) * 40);
    color: #fff;
    font-weight: 600;
  }
  .aboutUsPage .aboutUsTrusted .container .text p {
    font-size: calc(var(--1) * 20);
    line-height: calc(var(--1) * 35);
    font-weight: 300;
  }
  .aboutUsPage .aboutUsTrusted .container .densegrid {
    padding-inline: calc(var(--1) * 50);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    color: #fff;
    gap: calc(var(--1) * 50);
  }
  .aboutUsPage .aboutUsTrusted .container .densegrid .dense {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--1) * 160);
    height: calc(var(--1) * 92);
  }
  .aboutUsPage .aboutUsTrusted .container .densegrid .dense img {
    width: calc(var(--1) * 120);
    /* height: calc(var(--1) * 80); */
    opacity: 0.2;
    transition: opacity 100ms ease-in-out;
  }
  .aboutUsPage .aboutUsTrusted .container .densegrid .dense img:hover {
    opacity: 0.7;
    cursor: pointer;
  }
}
@media screen and (max-width: 767.98px) {
  .aboutUsPage {
    overflow-x: hidden;
    height: auto;
    background-color: #000;
  }
  .aboutUsPage .aboutUsContent {
    min-height: 100vh;
    width: 100vw;
    padding-block: calc(var(--dsm-1) * 100);
    color: #999;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    position: relative;
    gap: calc(var(--dsm-1) * 20);
  }
  .aboutUsPage .aboutUsContent .videoBg {
    width: 100%;
    height: auto;
    position: relative;
  }
  .aboutUsPage .aboutUsContent .videoBg video {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .aboutUsPage .aboutUsContent .wathButton {
    position: absolute;
    bottom: 18%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    background-color: #999;
    opacity: 0.7;
    border-radius: calc(var(--dsm-1) * 50);
    padding-inline: calc(var(--dsm-1) * 14);
    padding-block: calc(var(--dsm-1) * 5);
    transition: opacity 0.5s ease-in-out;
    cursor: pointer;
  }
  .aboutUsPage .aboutUsContent .wathButton img {
    width: calc(var(--dsm-1) / 2 * 40);
    width: calc(var(--dsm-1) / 2 * 40);
  }
  .aboutUsPage .aboutUsContent .wathButton p {
    font-size: calc(var(--dsm-1) * 14);
    color: #000;
  }
  .aboutUsPage .aboutUsContent .wathButton:hover {
    opacity: 0.8;
  }
  .aboutUsPage .aboutUsContent .popup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
  }
  .aboutUsPage .aboutUsContent .popup .popup video {
    max-width: 100%;
    max-height: 100%;
  }
  .aboutUsPage .aboutUsContent .textLeft {
    padding-inline: 8%;
    max-width: calc(var(--dsm-1) * 850);
    display: flex;
    flex-direction: column;
    gap: calc(var(--dsm-1) * 20);
  }
  .aboutUsPage .aboutUsContent .textLeft h2 {
    font-size: calc(var(--dsm-1) * 20);
    color: #fff;
    font-weight: 600;
  }
  .aboutUsPage .aboutUsContent .textLeft p {
    font-size: calc(var(--dsm-1) * 14);
    font-weight: 300;
    line-height: calc(var(--dsm-1) * 20);
    color: #fff;
    opacity: 0.9;
  }
  .aboutUsPage .aboutUsContent .textLeft h4 {
    font-size: calc(var(--dsm-1) * 14);
    line-height: calc(var(--dsm-1) * 20);
    font-weight: 400;
  }
  .aboutUsPage .aboutUsContent .textLeft .textCentre {
    margin-block: calc(var(--dsm-1) * 15);
    display: grid;
    grid-template-columns: 1fr;
    gap: calc(var(--dsm-1) * 15);
  }
  .aboutUsPage .aboutUsContent .textLeft .Aboutlink {
    display: flex;
    align-items: center;
    gap: calc(var(--dsm-1) * 5);
  }
  .aboutUsPage .aboutUsContent .textLeft .Aboutlink a {
    font-size: calc(var(--dsm-1) * 14);
    font-weight: 700;
    transition: all 0.3s ease-in-out;
  }
  .aboutUsPage .aboutUsContent .textLeft .Aboutlink:hover {
    gap: calc(var(--dsm-1) * 10);
    color: #fff;
  }
  .aboutUsPage .aboutUsTeam {
    width: 100vw;
    background-color: black;
    color: #999;
    display: flex;
    align-items: center;
  }
  .aboutUsPage .aboutUsTeam .container {
    padding-block: calc(var(--dsm-1) * 50);
    display: grid;
    grid-template-columns: 1fr;
    gap: calc(var(--dsm-1) * 50);
  }
  .aboutUsPage .aboutUsTeam .container .text {
    display: flex;
    padding-inline: 8%;
    flex-direction: column;
    gap: calc(var(--dsm-1) * 10);
  }
  .aboutUsPage .aboutUsTeam .container .text h2 {
    font-size: calc(var(--dsm-1) * 20);
    color: #fff;
    font-weight: 600;
  }
  .aboutUsPage .aboutUsTeam .container .text p {
    font-size: calc(var(--dsm-1) * 14);
    line-height: calc(var(--dsm-1) * 20);
    font-weight: 300;
  }
  .aboutUsPage .aboutUsTeam .container .text .Aboutlink {
    display: flex;
    align-items: center;
    gap: calc(var(--dsm-1) * 5);
    margin-top: calc(var(--dsm-1) * 25);
  }
  .aboutUsPage .aboutUsTeam .container .text .Aboutlink a {
    font-size: calc(var(--dsm-1) * 14);
    font-weight: 700;
    transition: all 0.3s ease-in-out;
  }
  .aboutUsPage .aboutUsTeam .container .text .Aboutlink:hover {
    gap: calc(var(--dsm-1) * 10);
    color: #fff;
  }
  .aboutUsPage .aboutUsTeam .container .slider {
    max-width: calc(var(--dsm-1) * 1000);
    overflow: hidden;
  }
  .aboutUsPage .aboutUsTeam .container .slider .swiper {
    width: 90%;
  }
  .aboutUsPage .aboutUsTeam .container .slider .swiper-slide {
    background: #000;
    display: flex;
    flex-direction: column;
    width: calc(var(--dsm-1) * 250);
  }
  .aboutUsPage .aboutUsTeam .container .slider .swiper-slide h3 {
    margin-top: calc(var(--dsm-1) * 14);
    font-size: calc(var(--dsm-1) * 12);
  }
  .aboutUsPage .aboutUsTeam .container .slider .swiper-slide p {
    font-size: calc(var(--dsm-1) * 12);
  }
  .aboutUsPage .aboutUsTeam .container .slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .aboutUsPage .aboutUsTeam .container .slider .swiper-button-prev,
  .aboutUsPage .aboutUsTeam .container .slider .swiper-button-next {
    color: black;
  }
  .aboutUsPage .aboutUsTeam .container .slider .swiper-button-disabled {
    opacity: 0;
  }
  .aboutUsPage .aboutUsTrusted {
    width: 100vw;
    padding-inline: 8%;
    background-color: black;
    color: #999;
    display: flex;
    padding-block: calc(var(--1) * 120);
  }
  .aboutUsPage .aboutUsTrusted .container {
    display: flex;
    flex-direction: column;
    gap: calc(var(--dsm-1) * 25);
    overflow: hidden;
  }
  .aboutUsPage .aboutUsTrusted .container .text {
    display: flex;
    flex-direction: column;
    gap: calc(var(--dsm-1) * 10);
  }
  .aboutUsPage .aboutUsTrusted .container .text h2 {
    font-size: calc(var(--dsm-1) * 20);
    color: #fff;
    font-weight: 600;
  }
  .aboutUsPage .aboutUsTrusted .container .text p {
    font-size: calc(var(--dsm-1) * 14);
    line-height: calc(var(--dsm-1) * 20);
    font-weight: 300;
  }
  .aboutUsPage .aboutUsTrusted .container .densegrid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    color: #fff;
  }
  .aboutUsPage .aboutUsTrusted .container .densegrid .dense {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--dsm-1) / 2 * 160);
    height: calc(var(--dsm-1) / 2 * 92);
  }
  .aboutUsPage .aboutUsTrusted .container .densegrid .dense img {
    width: calc(var(--dsm-1) / 2 * 81);
    /* height: calc(var(--dsm-1) / 2 * 44); */
    opacity: 0.2;
    transition: opacity 100ms ease-in-out;
  }
  .aboutUsPage .aboutUsTrusted .container .densegrid .dense img:hover {
    opacity: 0.7;
    cursor: pointer;
  }
}/*# sourceMappingURL=about.css.map */