.container {
  max-width: 1274px;
  margin: 0 auto; }

.container2 {
  max-width: 1238px;
  margin: 0 auto; }

.container3 {
  max-width: 1280px;
  margin: 0 auto; }

.container4 {
  max-width: 1275px;
  margin: 0 auto; }

.container5 {
  max-width: 1201px;
  margin: 0 auto; }

.container6 {
  max-width: 1282px;
  margin: 0 auto; }

.container7 {
  max-width: 1386px;
  margin: 0 auto; }

.container8 {
  max-width: 1020px;
  margin: 0 auto; }

.container9 {
  max-width: 868px;
  margin: 0 auto; }

.containermd {
  max-width: 1277px;
  margin: 0 auto; }

.containermd-2 {
  max-width: 1272px;
  margin: 0 auto; }

.containermd-3 {
  max-width: 1165px;
  margin: 0 auto; }

.containermd-4 {
  max-width: 1044px;
  margin: 0 auto; }

.containermd-5 {
  max-width: 1196px;
  margin: 0 auto; }

.containermd-6 {
  max-width: 718px;
  margin: 0 auto; }

.containermd-7 {
  max-width: 832px;
  margin: 0 auto; }

.containermd-8 {
  max-width: 1256px;
  margin: 0 auto; }

.containermd-9 {
  max-width: 1282px;
  margin: 0 auto; }

.containermd-10 {
  max-width: 837px;
  margin: 0 auto; }

.containermd-11 {
  max-width: 1280px;
  margin: 0 auto; }

.containermd-12 {
  max-width: 1077px;
  margin: 0 auto; }

.containermd-13 {
  max-width: 855px;
  margin: 0 auto; }

.black-outline-button button {
  border: 2px solid #292929;
  cursor: pointer;
  color: #292929;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-weight: 500;
  padding: 10px 29px;
  border-radius: 999px;
  background-color: transparent;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  transition: .8s;
  z-index: 99; }
  .black-outline-button button:hover {
    border-color: #2787ac;
    color: #FFFFFF; }
    .black-outline-button button:hover::after {
      background-color: #2787ac;
      border-radius: 999px;
      transform: translate(-50%, 0%);
      height: 120%;
      width: 120%; }
  .black-outline-button button::after {
    content: "";
    background-color: #2787ac;
    display: block;
    height: 40%;
    left: 50%;
    position: absolute;
    top: 0%;
    border-radius: 999px;
    transform: translate(-50%, -100%);
    transition: .8s;
    width: 40%;
    z-index: -1; }

.mobile-view-fill-button button {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  border: none;
  background-color: #2787ac;
  padding: 12px 14px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-weight: 500;
  border-radius: 999px;
  color: #fff; }

.radio-button input[type="radio"] + label {
  display: block;
  cursor: pointer; }
.radio-button input[type="radio"] {
  display: none; }
.radio-button label {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  font-weight: 400;
  color: #363636;
  letter-spacing: 0px; }
.radio-button input[type="radio"] + label:before {
  content: "";
  border: 2px solid #292929;
  border-radius: 50%;
  display: flex;
  width: 16px;
  height: 16px;
  vertical-align: bottom;
  color: transparent;
  transition: 0.2s;
  font-size: 10px !important;
  justify-content: center;
  align-items: center; }
.radio-button input[type="radio"]:checked + label:before {
  background-color: #2787ac;
  border: 2px solid #2787ac; }
.radio-button input[type="radio"]:checked + label:after {
  display: block;
  position: absolute;
  top: 11px;
  left: 16px;
  width: 4px;
  height: 10px;
  border: 1px solid none !important;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); }

.GetInTouchHero {
  border: 2px solid #fff;
  width: 140px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  transition: .5s ease-in-out;
  overflow: hidden;
  position: relative; }
  .GetInTouchHero:hover {
    border: 2px solid #2787ac;
    transition: .5s ease-in-out; }
    .GetInTouchHero:hover::before {
      transform: translateY(0%);
      opacity: 1;
      transition: .5s ease-in-out; }
    .GetInTouchHero:hover .secText,
    .GetInTouchHero:hover .textIcon {
      position: relative; }
  .GetInTouchHero::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2787ac;
    content: "";
    border-radius: 50%;
    transform: translateY(100%);
    opacity: 0;
    transition: .5s ease-in-out; }
  @media (max-width: 767px) {
    .GetInTouchHero {
      width: 110px;
      height: 110px;
      background-color: #2787ac;
      border: 2px solid #2787ac; } }
  .GetInTouchHero .secText span {
    display: block;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-weight: 500;
    color: #fff; }
    @media (max-width: 767px) {
      .GetInTouchHero .secText span {
        color: #fff; } }
  .GetInTouchHero .textIcon {
    display: flex;
    align-items: center;
    gap: 10px; }
    .GetInTouchHero .textIcon svg {
      stroke: #fff; }
      .GetInTouchHero .textIcon svg path {
        stroke: #fff; }
    .GetInTouchHero .textIcon span {
      display: block;
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 500;
      color: #fff; }
      @media (max-width: 767px) {
        .GetInTouchHero .textIcon span {
          color: #fff; } }

.scrollDown {
  transition-duration: 0.2s;
  transform: translateY(-117px); }
  @media (max-width: 767px) {
    .scrollDown {
      transform: translateY(-161px);
      position: sticky; } }

.onTop {
  position: static;
  transition-duration: 0s; }

.scrolled {
  transform: translateY(-117px);
  transition-duration: 0s; }
  @media (max-width: 767px) {
    .scrolled {
      transform: translateY(-161px);
      position: sticky; } }

#map {
  width: 100%;
  height: 800px; }
  @media (max-width: 767px) {
    #map {
      height: 861px; } }

#map .mapboxgl-ctrl-logo {
  display: none !important; }

.header {
  transition: .3s ease-in-out;
  padding: 10px 0;
  cursor: pointer; }
  @media (max-width: 767px) {
    .header {
      padding: 9px 12px; } }
  .header.transparnetHeader {
    position: absolute;
    width: 100%;
    z-index: 9; }
    .header.transparnetHeader .headerAlignment .mobileMenu img[alt="MobileMenu"] {
      display: none; }
    .header.transparnetHeader .headerAlignment .mobileMenu img[alt="MobileMenuWhite "] {
      display: block; }
    .header.transparnetHeader .headerAlignment .logo img[alt="Logo"] {
      display: none; }
    .header.transparnetHeader .headerAlignment .logo img[alt="WhiteLogo"] {
      display: block; }
    .header.transparnetHeader .headerAlignment .button button {
      border: 2px solid #fff;
      color: #fff; }
    .header.transparnetHeader .headerAlignment .menu {
      color: #ffff; }
      .header.transparnetHeader .headerAlignment .menu span {
        color: #ffff; }
        .header.transparnetHeader .headerAlignment .menu span a {
          color: #ffff; }
  .header:hover {
    background-color: #fff; }
    .header:hover.transparnetHeader .headerAlignment .mobileMenu img[alt="MobileMenu"] {
      display: block; }
    .header:hover.transparnetHeader .headerAlignment .mobileMenu img[alt="MobileMenuWhite "] {
      display: none; }
    .header:hover.transparnetHeader .headerAlignment .logo img[alt="WhiteLogo"] {
      display: none; }
    .header:hover.transparnetHeader .headerAlignment .logo img[alt="Logo"] {
      display: block; }
    .header:hover .headerAlignment .scrolltoWebBlackIcon {
      display: block; }
      @media (max-width: 767px) {
        .header:hover .headerAlignment .scrolltoWebBlackIcon {
          display: none; } }
    .header:hover .headerAlignment .scrollheadermobilelogo {
      display: none; }
      @media (max-width: 767px) {
        .header:hover .headerAlignment .scrollheadermobilelogo {
          display: block; } }
    .header:hover .headerAlignment .mobileMenu {
      height: 44px; }
      .header:hover .headerAlignment .mobileMenu .searchblackMenu {
        display: none; }
        @media (max-width: 767px) {
          .header:hover .headerAlignment .mobileMenu .searchblackMenu {
            display: block; } }
      .header:hover .headerAlignment .mobileMenu .mobilemenunone {
        display: none; }
    .header:hover .headerAlignment .search .searchwhitenone {
      display: none; }
    .header:hover .headerAlignment .search .searchblack {
      display: none; }
      @media (max-width: 767px) {
        .header:hover .headerAlignment .search .searchblack {
          display: block; } }
    .header:hover .headerAlignment .scrollheader {
      display: block; }
      @media (max-width: 767px) {
        .header:hover .headerAlignment .scrollheader {
          display: none; } }
    .header:hover .headerAlignment .mobileNone,
    .header:hover .headerAlignment .mobileshow {
      display: none !important; }
    .header:hover .headerAlignment .button {
      display: flex;
      align-items: center;
      gap: 41px; }
      @media (max-width: 767px) {
        .header:hover .headerAlignment .button {
          gap: 12px; } }
      .header:hover .headerAlignment .button button {
        background-color: transparent;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #292929;
        padding: 10px 45px;
        cursor: pointer;
        border: 2px solid #292929;
        overflow: hidden;
        position: relative;
        transition: .8s; }
        .header:hover .headerAlignment .button button:hover {
          border-color: #2787ac;
          color: #FFFFFF; }
          .header:hover .headerAlignment .button button:hover::after {
            background-color: #2787ac;
            border-radius: 999px;
            transform: translate(-50%, 0%);
            height: 120%;
            width: 120%; }
        .header:hover .headerAlignment .button button::after {
          content: "";
          background-color: #2787ac;
          display: block;
          height: 40%;
          left: 50%;
          position: absolute;
          top: 0%;
          border-radius: 999px;
          transform: translate(-50%, -100%);
          transition: .8s;
          width: 40%;
          z-index: -1; }
    .header:hover .headerAlignment .menu span {
      color: #292929; }
      .header:hover .headerAlignment .menu span a {
        color: #292929; }
    .header:hover .headerAlignment .menu a {
      color: #292929; }
  .header .headerAlignment {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .header .headerAlignment .mobileMenu {
      display: none; }
      @media (max-width: 767px) {
        .header .headerAlignment .mobileMenu {
          display: block; } }
      .header .headerAlignment .mobileMenu img[alt="MobileMenuWhite "] {
        display: none; }
    .header .headerAlignment .logo {
      height: 82px; }
      @media (max-width: 767px) {
        .header .headerAlignment .logo {
          height: 59px; } }
      .header .headerAlignment .logo img[alt="WhiteLogo"] {
        display: none; }
      .header .headerAlignment .logo img {
        max-width: 237px;
        /* height: 82px;  */
        margin-top: 18px;
      }
        @media (max-width: 767px) {
          .header .headerAlignment .logo img {
            max-width: 172px;margin-top: 10px;
            height: auto; } }
    .header .headerAlignment .logo img,
    .header .headerAlignment .search img {
      cursor: pointer; }
    .header .headerAlignment .button {
      display: flex;
      align-items: center;
      gap: 41px; }
      @media (max-width: 767px) {
        .header .headerAlignment .button {
          gap: 12px; } }
      .header .headerAlignment .button button {
        background-color: transparent;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #292929;
        padding: 10px 45px;
        cursor: pointer;
        border-radius: 999px;
        border: 2px solid #292929;
        overflow: hidden;
        position: relative;
        z-index: 9;
        transition: .8s; }
        @media (max-width: 767px) {
          .header .headerAlignment .button button {
            display: none; } }
        .header .headerAlignment .button button:hover {
          border-color: #2787ac !important;
          color: #FFFFFF; }
          .header .headerAlignment .button button:hover::after {
            background-color: #2787ac !important;
            border-radius: 999px;
            transform: translate(-50%, 0%);
            height: 120%;
            width: 120%; }
        .header .headerAlignment .button button::after {
          content: "";
          background-color: #2787ac;
          display: block;
          height: 40%;
          left: 50%;
          position: absolute;
          top: 0%;
          border-radius: 999px;
          transform: translate(-50%, -100%);
          transition: .8s;
          width: 40%; }
    .header .headerAlignment .menu {
      display: flex;
      align-items: center;
      gap: 28px; }
      @media (max-width: 767px) {
        .header .headerAlignment .menu {
          display: none; } }
      .header .headerAlignment .menu span {
        display: block;
        cursor: pointer;
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        color: #292929;
        transition: .3s ease-in-out; }
        .header .headerAlignment .menu span:hover {
          color: #2787ac;
          transition: .3s ease-in-out; }
        .header .headerAlignment .menu span a {
          display: block;
          cursor: pointer;
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          color: #292929;
          transition: .3s ease-in-out; }
          .header .headerAlignment .menu span a:hover {
            color: #2787ac;
            transition: .3s ease-in-out; }

.headerdropdown {
  position: absolute;
  width: 100%; }

.anfordern-content-tab[data-show="true"] {
  height: 60px;
  z-index: 999; }

.headerdropdown {
  position: fixed;
  top: 97px;
  background-color: #fff;
  left: 0;
  width: 100%;
  z-index: 9999; }
  .headerdropdown .subdropdownGrid {
    display: grid;
    grid-template-columns: 347px 1fr;
    gap: 47px; }
    .headerdropdown .subdropdownGrid .subdropdownGridItems:nth-child(2) {
      border-left: 1px solid #CFCFCF; }
    .headerdropdown .subdropdownGrid .subdropdownGridItems .bread {
      padding: 40px 0 0 0; }
      .headerdropdown .subdropdownGrid .subdropdownGridItems .bread p {
        font-family: "Outfit", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #292929;
        font-weight: 400;
        letter-spacing: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 4px; }
        .headerdropdown .subdropdownGrid .subdropdownGridItems .bread p span {
          color: #2787ac; }
    .headerdropdown .subdropdownGrid .subdropdownGridItems .title h5 {
      font-family: "Outfit", sans-serif;
      font-size: 96px;
      font-style: normal;
      font-weight: 400;
      line-height: 125%;
      /* 120px */
      letter-spacing: -4.32px;
      color: #292929; }
    .headerdropdown .subdropdownGrid .subdropdownGridItems .leftContentAlignment {
      padding-left: 21px;
      max-width: calc(748px + 21px); }
      .headerdropdown .subdropdownGrid .subdropdownGridItems .leftContentAlignment ::placeholder {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-weight: 300;
        letter-spacing: 0;
        color: #CFCFCF; }
      .headerdropdown .subdropdownGrid .subdropdownGridItems .leftContentAlignment .alllistContnetAlignment .list:first-child {
        border-top: 1px solid #CFCFCF; }
      .headerdropdown .subdropdownGrid .subdropdownGridItems .leftContentAlignment .alllistContnetAlignment .list {
        border-bottom: 1px solid #CFCFCF;
        display: flex;
        align-items: center;
        cursor: pointer;
        justify-content: space-between;
        padding: 12px 0; }
        .headerdropdown .subdropdownGrid .subdropdownGridItems .leftContentAlignment .alllistContnetAlignment .list p {
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          font-weight: 300;
          color: #292929; }
      .headerdropdown .subdropdownGrid .subdropdownGridItems .leftContentAlignment .result {
        padding: 20px 0 11px 0; }
        .headerdropdown .subdropdownGrid .subdropdownGridItems .leftContentAlignment .result p {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */
          font-weight: 500;
          color: #292929;
          letter-spacing: 0; }
      .headerdropdown .subdropdownGrid .subdropdownGridItems .leftContentAlignment input {
        width: 100%;
        border: none;
        background-color: transparent;
        border-bottom: 1px solid #CFCFCF;
        height: 31px;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-weight: 300;
        letter-spacing: 0;
        color: #292929; }
        .headerdropdown .subdropdownGrid .subdropdownGridItems .leftContentAlignment input:focus {
          border-bottom: 1px solid #292929; }
        .headerdropdown .subdropdownGrid .subdropdownGridItems .leftContentAlignment input:focus {
          outline: none; }
  .headerdropdown.hide {
    max-height: 0px;
    overflow: hidden;
    transition: 0.3s ease-in-out; }
  .headerdropdown.show {
    max-height: 100vh;
    overflow: hidden;
    transition: 0.3s ease-in-out; }
  .headerdropdown .boxfooter {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .headerdropdown .boxfooter .socialMedia {
      display: flex;
      align-items: center;
      gap: 16px; }
      .headerdropdown .boxfooter .socialMedia img {
        cursor: pointer; }
    .headerdropdown .boxfooter a {
      display: block;
      font-family: "Outfit", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      font-weight: 600;
      color: #969696 !important; }
  .headerdropdown .heightbox {
    min-height: 400px; }
  .headerdropdown .dropdownGrid {
    padding: 12px 0 0 0;
    gap: 0 10px;
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
    .headerdropdown .dropdownGrid .box {
      padding: 16px 12px;
      cursor: pointer; }
      .headerdropdown .dropdownGrid .box:hover {
        background-color: #f5f5f5;
        transition: .3s ease-in-out;
        border-radius: 10px; }
        .headerdropdown .dropdownGrid .box:hover .boxheaderalignment .counter {
          background-color: #2787ac;
          color: #fff;
          border: 1px solid transparent;
          transition: .3s ease-in-out; }
        .headerdropdown .dropdownGrid .box:hover .details p::before {
          width: 66%;
          transition: .3s ease-in-out;
          border-bottom: 1px solid #292929; }
      .headerdropdown .dropdownGrid .box .details {
        padding: 0 0 4px 0;
        position: relative; }
        .headerdropdown .dropdownGrid .box .details p {
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          font-weight: 300;
          letter-spacing: 0;
          color: #969696;
          position: relative;
          text-transform: capitalize; }
          .headerdropdown .dropdownGrid .box .details p::before {
            width: 100%;
            position: absolute;
            left: 0;
            bottom: -4px;
            transition: .3s ease-in-out;
            content: "";
            border-bottom: 1px solid #969696; }
      .headerdropdown .dropdownGrid .box .boxheaderalignment {
        display: flex;
        padding: 0 0 4px 0;
        align-items: center;
        justify-content: space-between; }
        .headerdropdown .dropdownGrid .box .boxheaderalignment .counter {
          border: 1px solid #969696;
          width: 29px;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 18px;
          font-family: "Outfit", sans-serif;
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          border-radius: 20px;
          color: #969696; }
        .headerdropdown .dropdownGrid .box .boxheaderalignment span {
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          font-weight: 600;
          letter-spacing: 0;
          color: #969696;
          text-transform: capitalize; }

.header[data-show="true"] {
  z-index: 999;
  background-color: #fff;
  position: fixed;
  top: 0;
  transition: .3s ease-in-out;
  width: 100%;
  height: 101px;
  z-index: 999; }
  @media (max-width: 767px) {
    .header[data-show="true"] {
      height: 76px; } }
  .header[data-show="true"].transparnetHeader {
    position: fixed;
    width: 100%; }
    .header[data-show="true"].transparnetHeader .headerAlignment .mobileMenu img[alt="MobileMenu"] {
      display: block; }
    .header[data-show="true"].transparnetHeader .headerAlignment .mobileMenu img[alt="MobileMenuWhite"] {
      display: none; }
    .header[data-show="true"].transparnetHeader .headerAlignment .logo img[alt="WhiteLogo"] {
      display: none; }
    .header[data-show="true"].transparnetHeader .headerAlignment .logo img[alt="Logo"] {
      display: block; }
    .header[data-show="true"].transparnetHeader .headerAlignment .button button {
      border: 2px solid #292929;
      color: #292929; }
    .header[data-show="true"].transparnetHeader .headerAlignment .menu {
      color: #292929; }
      .header[data-show="true"].transparnetHeader .headerAlignment .menu span {
        color: #292929; }
        .header[data-show="true"].transparnetHeader .headerAlignment .menu span a {
          color: #292929; }

.footer {
  padding: 56px 0 119px 0;
  background-color: #2787ac;
  color: #F8F8F8;
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .footer:hover {
    background-color: #fff;
    color: #2787ac; }
    @media (max-width: 767px) {
      .footer:hover {
        background-color: #2787ac;
        color: #F8F8F8; } }
    .footer:hover a {
      color: #2787ac; }
      @media (max-width: 767px) {
        .footer:hover a {
          color: #F8F8F8 !important; } }
    .footer:hover .grid .gridItems .writeToUs button {
      background-color: #2787ac;
      color: #fff; }
    .footer:hover .grid .gridItems .findContact button {
      background-color: #2787ac;
      color: #fff; }
  .footer a {
    color: #F8F8F8;
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .footer ::placeholder {
    color: #F8F8F8; }
  @media (max-width: 767px) {
    .footer {
      padding: 17px 8px; } }
  .footer .footerMobileMenu {
    display: none;
    padding: 22px 0;
    border-bottom: 1px solid #fff; }
    @media (max-width: 767px) {
      .footer .footerMobileMenu {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px 16px;
        flex-wrap: wrap; } }
    .footer .footerMobileMenu a {
      display: block;
      cursor: pointer;
      font-family: "Outfit", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      font-weight: 400; }
  .footer .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 130px; }
    @media (max-width: 767px) {
      .footer .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 0; } }
    @media (max-width: 767px) {
      .footer .grid .gridItems:last-child {
        order: 2; } }
    .footer .grid .gridItems:nth-child(3) {
      display: flex;
      flex-direction: column;
      justify-content: end; }
      @media (max-width: 767px) {
        .footer .grid .gridItems:nth-child(3) {
          padding: 22px 0 22px 0;
          border-bottom: 2px solid #fff;
          order: 4; } }
    @media (max-width: 767px) {
      .footer .grid .gridItems:nth-child(2) {
        order: 3; } }
    .footer .grid .gridItems .talkSection {
      padding: 0 0 40px 0; }
      @media (max-width: 767px) {
        .footer .grid .gridItems .talkSection {
          padding: 0 0 28px 0; } }
      .footer .grid .gridItems .talkSection p {
        font-family: "Outfit", sans-serif;
        font-size: 120px;
        font-style: normal;
        font-weight: 400;
        line-height: 141px;
        letter-spacing: -5.4px; }
        @media (max-width: 767px) {
          .footer .grid .gridItems .talkSection p {
            font-family: "Outfit", sans-serif;
            font-size: 64px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            letter-spacing: 0;
            text-align: right; } }
    @media (max-width: 767px) {
      .footer .grid .gridItems .writeToUs {
        width: 276px;
        margin-left: auto; } }
    .footer .grid .gridItems .writeToUs button {
      width: 100%;
      background-color: transparent;
      padding: 0 32px;
      border-radius: 999px;
      height: 46px;
      border: 2px solid #F8F8F8;
      font-family: "Outfit", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #fff;
      position: relative;
      height: 45px;
      transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
      cursor: pointer; }
      .footer .grid .gridItems .writeToUs button:hover {
        background-color: #292929; }
        .footer .grid .gridItems .writeToUs button:hover span {
          transform: translate(70%, -50%); }
          @media (max-width: 767px) {
            .footer .grid .gridItems .writeToUs button:hover span {
              transform: none; } }
        .footer .grid .gridItems .writeToUs button:hover .desktopImage {
          opacity: 1;
          transform: translateY(-50%);
          transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1); }
          @media (max-width: 767px) {
            .footer .grid .gridItems .writeToUs button:hover .desktopImage {
              transform: none; } }
        .footer .grid .gridItems .writeToUs button:hover .mobileImage {
          opacity: 1;
          transform: translateY(-50%);
          transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1); }
          @media (max-width: 767px) {
            .footer .grid .gridItems .writeToUs button:hover .mobileImage {
              transform: none; } }
      .footer .grid .gridItems .writeToUs button span {
        position: absolute;
        transform: translate(32px, -50%);
        top: 47%;
        width: 100%;
        left: 0;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
        text-align: left; }
        @media (max-width: 767px) {
          .footer .grid .gridItems .writeToUs button span {
            position: initial;
            right: 0;
            transform: none; } }
      .footer .grid .gridItems .writeToUs button .desktopImage {
        position: absolute;
        right: 44px;
        transform: translateY(-100%);
        top: 50%;
        opacity: 0;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1); }
        @media (max-width: 767px) {
          .footer .grid .gridItems .writeToUs button .desktopImage {
            display: none; } }
      .footer .grid .gridItems .writeToUs button .mobileImage {
        display: none; }
        @media (max-width: 767px) {
          .footer .grid .gridItems .writeToUs button .mobileImage {
            display: block;
            position: initial;
            opacity: 1;
            right: 0;
            transform: none; } }
      @media (max-width: 767px) {
        .footer .grid .gridItems .writeToUs button {
          background-color: white;
          color: black;
          font-family: "Outfit", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          font-weight: 500;
          display: flex;
          align-items: center;
          gap: 10px;
          min-height: 46px; } }
    @media (max-width: 767px) {
      .footer .grid .gridItems .findContact {
        width: 276px;
        margin-left: auto;
        margin-right: auto; } }
    .footer .grid .gridItems .findContact button {
      width: 100%;
      background-color: transparent;
      padding: 0 32px;
      border-radius: 999px;
      height: 46px;
      border: 2px solid #F8F8F8;
      font-family: "Outfit", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #fff;
      position: relative;
      height: 45px;
      transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
      cursor: pointer; }
      .footer .grid .gridItems .findContact button:hover {
        background-color: #292929; }
        .footer .grid .gridItems .findContact button:hover span {
          transform: translate(50%, -50%); }
          @media (max-width: 767px) {
            .footer .grid .gridItems .findContact button:hover span {
              transform: none; } }
        .footer .grid .gridItems .findContact button:hover .desktopImage {
          opacity: 1;
          transform: translateY(-50%);
          transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1); }
          @media (max-width: 767px) {
            .footer .grid .gridItems .findContact button:hover .desktopImage {
              transform: none; } }
        .footer .grid .gridItems .findContact button:hover .mobileImage {
          opacity: 1;
          transform: translateY(-50%);
          transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1); }
          @media (max-width: 767px) {
            .footer .grid .gridItems .findContact button:hover .mobileImage {
              transform: none; } }
      .footer .grid .gridItems .findContact button span {
        position: absolute;
        transform: translate(32px, -50%);
        top: 47%;
        width: 100%;
        left: 0;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
        text-align: left; }
        @media (max-width: 767px) {
          .footer .grid .gridItems .findContact button span {
            position: initial;
            right: 0;
            transform: none; } }
      .footer .grid .gridItems .findContact button .desktopImage {
        position: absolute;
        right: 44px;
        transform: translateY(-100%);
        top: 50%;
        opacity: 0;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1); }
        @media (max-width: 767px) {
          .footer .grid .gridItems .findContact button .desktopImage {
            display: none; } }
      .footer .grid .gridItems .findContact button .mobileImage {
        display: none; }
        @media (max-width: 767px) {
          .footer .grid .gridItems .findContact button .mobileImage {
            display: block;
            position: initial;
            opacity: 1;
            right: 0;
            transform: none; } }
      @media (max-width: 767px) {
        .footer .grid .gridItems .findContact button {
          background-color: white;
          color: black;
          font-family: "Outfit", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          font-weight: 500;
          display: flex;
          align-items: center;
          gap: 10px;
          min-height: 46px; } }
    .footer .grid .gridItems .twoColGrid {
      display: grid;
      grid-template-columns: 125px 1fr;
      gap: 52px; }
      @media (max-width: 767px) {
        .footer .grid .gridItems .twoColGrid {
          padding: 40px 0 0 0;
          grid-template-columns: 1fr;
          gap: 0; } }
      @media (max-width: 767px) {
        .footer .grid .gridItems .twoColGrid div:first-child {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          gap: 8px 16px;
          border-top: 2px solid #fff;
          border-bottom: 1px solid #fff;
          padding: 22px 0; } }
      @media (max-width: 767px) {
        .footer .grid .gridItems .twoColGrid div:last-child {
          display: flex;
          align-items: center;
          gap: 12px;
          justify-content: center;
          padding: 22px;
          border-bottom: 2px solid #fff; } }
      .footer .grid .gridItems .twoColGrid div p {
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 8px 0; }
        @media (max-width: 767px) {
          .footer .grid .gridItems .twoColGrid div p {
            display: none; } }
      .footer .grid .gridItems .twoColGrid div a {
        display: block;
        cursor: pointer;
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        padding: 0 0 8px 0;
        font-weight: 300; }
        @media (max-width: 767px) {
          .footer .grid .gridItems .twoColGrid div a {
            padding: 0; } }
    .footer .grid .gridItems .mobilephone span,
    .footer .grid .gridItems .add span {
      display: block;
      cursor: pointer;
      padding: 0 0 2px 0;
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal; }
      @media (max-width: 767px) {
        .footer .grid .gridItems .mobilephone span,
        .footer .grid .gridItems .add span {
          font-family: "Outfit", sans-serif;
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          text-align: center; } }
    .footer .grid .gridItems .mobileAdd {
      display: none;
      padding: 0 0 10px 0; }
      @media (max-width: 767px) {
        .footer .grid .gridItems .mobileAdd {
          display: block; } }
      .footer .grid .gridItems .mobileAdd p {
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        font-weight: 400;
        color: #f8f8f8;
        max-width: 247px;
        margin: 0 auto;
        text-align: center; }
    .footer .grid .gridItems .social {
      padding: 0 0 10px 0; }
      .footer .grid .gridItems .social a {
        display: block;
        padding: 0 0 2px 0;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal; }
        @media (max-width: 767px) {
          .footer .grid .gridItems .social a {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            font-weight: 300; } }
      .footer .grid .gridItems .social span {
        display: flex;
        gap: 5px; }
        @media (max-width: 767px) {
          .footer .grid .gridItems .social span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            justify-content: center;
            font-weight: 600; } }
    .footer .grid .gridItems .officeinformation h5 {
      font-family: "Outfit", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 700;
      margin: 0 0 20px 0; }
      @media (max-width: 767px) {
        .footer .grid .gridItems .officeinformation h5 {
          text-align: center; } }
    .footer .grid .gridItems .mobileviewshow {
      display: none;
      font-family: "Outfit", sans-serif;
      font-size: 64px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      letter-spacing: 0;
      text-align: right;
      margin: 0 0 28px 0; }
      @media (max-width: 767px) {
        .footer .grid .gridItems .mobileviewshow {
          display: block; } }
    .footer .grid .gridItems h4 {
      font-family: "Outfit", sans-serif;
      font-size: 120px;
      font-style: normal;
      font-weight: 400;
      line-height: 141px;
      letter-spacing: -5.4px;
      margin: 0 0 0 0;
      line-height: 140.8px; }
      @media (max-width: 767px) {
        .footer .grid .gridItems h4 {
          font-family: "Outfit", sans-serif;
          font-size: 64px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          letter-spacing: 0;
          margin: 0 0 11px 0; } }
      @media (max-width: 767px) {
        .footer .grid .gridItems h4 br {
          display: none; } }

.herobannerNewAlignment {
  padding: 30px 0 70px 0; }
  @media (max-width: 767px) {
    .herobannerNewAlignment {
      padding: 32px 0 0 0; } }
  .herobannerNewAlignment .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px; }
    @media (max-width: 767px) {
      .herobannerNewAlignment .grid {
        grid-template-columns: repeat(1, 1fr);
        padding: 0 8px; } }
    .herobannerNewAlignment .grid .griditems .readmoreButton {
      max-width: 490px;
      padding: 20px 0 0 0; }
      @media (max-width: 767px) {
        .herobannerNewAlignment .grid .griditems .readmoreButton {
          display: none; } }
      .herobannerNewAlignment .grid .griditems .readmoreButton button {
        border: none;
        padding: 10px 32px;
        font-family: "Outfit", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        width: 100%;
        text-align: left;
        border-radius: 999px;
        color: #fff;
        cursor: pointer;
        background-color: #2787ac;
        position: relative;
        height: 45px;
        transition: 0.8s ease-in-out; }
        .herobannerNewAlignment .grid .griditems .readmoreButton button:hover {
          transition: 0.8s ease-in-out;
          background-color: #292929; }
          .herobannerNewAlignment .grid .griditems .readmoreButton button:hover span {
            transform: translate(73%, -50%); }
            @media (max-width: 767px) {
              .herobannerNewAlignment .grid .griditems .readmoreButton button:hover span {
                transform: none; } }
          .herobannerNewAlignment .grid .griditems .readmoreButton button:hover img {
            opacity: 1;
            transform: translateY(-50%);
            transition: 0.8s ease-in-out; }
            @media (max-width: 767px) {
              .herobannerNewAlignment .grid .griditems .readmoreButton button:hover img {
                transform: none; } }
        .herobannerNewAlignment .grid .griditems .readmoreButton button span {
          position: absolute;
          transform: translate(32px, -50%);
          top: 50%;
          width: 93%;
          left: 0;
          transition: 0.8s ease-in-out; }
          @media (max-width: 767px) {
            .herobannerNewAlignment .grid .griditems .readmoreButton button span {
              position: initial;
              right: 0;
              transform: none; } }
        .herobannerNewAlignment .grid .griditems .readmoreButton button img {
          position: absolute;
          right: 32px;
          transform: translateY(-100%);
          top: 50%;
          opacity: 0;
          transition: 0.8s ease-in-out; }
          @media (max-width: 767px) {
            .herobannerNewAlignment .grid .griditems .readmoreButton button img {
              display: block;
              position: initial;
              opacity: 1;
              right: 0;
              transform: none; } }
        @media (max-width: 767px) {
          .herobannerNewAlignment .grid .griditems .readmoreButton button {
            font-family: "Outfit", sans-serif;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 10px;
            min-height: 46px; } }
    @media (max-width: 767px) {
      .herobannerNewAlignment .grid .griditems .waveiconNew {
        display: none; } }
    .herobannerNewAlignment .grid .griditems .contentNew {
      padding: 20px 0;
      max-width: 490px;
      border-bottom: 2px solid #292929; }
      @media (max-width: 767px) {
        .herobannerNewAlignment .grid .griditems .contentNew {
          display: none; } }
      .herobannerNewAlignment .grid .griditems .contentNew p {
        font-family: "Outfit", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #292929;
        max-width: 490px;
        line-height: 18px; }
    .herobannerNewAlignment .grid .griditems .heading h2 {
      font-family: "Outfit", sans-serif;
      color: #292929;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      margin: 0 0 8px 0;
      line-height: 125%; }
      @media (max-width: 767px) {
        .herobannerNewAlignment .grid .griditems .heading h2 {
          font-size: 48px;
          line-height: 60px;
          max-width: 331px; } }
      .herobannerNewAlignment .grid .griditems .heading h2 span {
        font-weight: 300; }
    .herobannerNewAlignment .grid .griditems .cardgrid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      padding: 20px 0 0 0; }
      @media (max-width: 767px) {
        .herobannerNewAlignment .grid .griditems .cardgrid {
          padding: 8px 0 0 0;
          gap: 8px; } }
      .herobannerNewAlignment .grid .griditems .cardgrid .cardgriditems {
        position: relative;
        cursor: pointer;
        transition: 0.3s ease-in-out; }
        .herobannerNewAlignment .grid .griditems .cardgrid .cardgriditems:hover {
          transition: 0.3s ease-in-out; }
          .herobannerNewAlignment .grid .griditems .cardgrid .cardgriditems:hover .opacity {
            opacity: 1;
            transition: 0.3s ease-in-out; }
          .herobannerNewAlignment .grid .griditems .cardgrid .cardgriditems:hover .contnetAlignment .iconright img {
            transform: rotate(45deg);
            transition: .3s ease-in-out; }
        .herobannerNewAlignment .grid .griditems .cardgrid .cardgriditems .opacity {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: calc(100% - 4px);
          background: linear-gradient(0deg, rgba(186, 0, 0, 0.7) 0%, rgba(186, 0, 0, 0.7) 100%);
          border-radius: 20px;
          opacity: 0;
          transition: 0.3s ease-in-out; }
        .herobannerNewAlignment .grid .griditems .cardgrid .cardgriditems .lightdiv {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: calc(100% - 4px);
          border-radius: 20px;
          transition: 0.3s ease-in-out;
          background: linear-gradient(0deg, rgba(186, 0, 0, 0.3) 0%, rgba(186, 0, 0, 0.3) 100%); }
        .herobannerNewAlignment .grid .griditems .cardgrid .cardgriditems .image {
          width: 100%;
          height: 254px;
          object-fit: cover;
          border-radius: 20px; }
          @media (max-width: 767px) {
            .herobannerNewAlignment .grid .griditems .cardgrid .cardgriditems .image {
              height: 120px; } }
        .herobannerNewAlignment .grid .griditems .cardgrid .cardgriditems .bottomAlignment {
          position: absolute;
          width: 100%;
          left: 0;
          bottom: 0;
          padding: 21px 12px; }
          @media (max-width: 767px) {
            .herobannerNewAlignment .grid .griditems .cardgrid .cardgriditems .bottomAlignment {
              display: none; } }
          .herobannerNewAlignment .grid .griditems .cardgrid .cardgriditems .bottomAlignment .divider {
            width: 100%;
            background-color: #fff;
            height: 1px; }
          .herobannerNewAlignment .grid .griditems .cardgrid .cardgriditems .bottomAlignment p {
            font-family: "Outfit", sans-serif;
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            margin: 12px 0 0 0;
            line-height: 18px;
            text-align: right;
            color: #fff; }
        .herobannerNewAlignment .grid .griditems .cardgrid .cardgriditems .contnetAlignment {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          padding: 21px 12px; }
          @media (max-width: 767px) {
            .herobannerNewAlignment .grid .griditems .cardgrid .cardgriditems .contnetAlignment {
              padding: 10px; } }
          .herobannerNewAlignment .grid .griditems .cardgrid .cardgriditems .contnetAlignment h4 {
            font-family: "Outfit", sans-serif;
            font-size: 34px;
            font-style: normal;
            font-weight: 500;
            line-height: 44px;
            /* 129.412% */
            color: #fff;
            text-align: right; }
            @media (max-width: 767px) {
              .herobannerNewAlignment .grid .griditems .cardgrid .cardgriditems .contnetAlignment h4 {
                font-family: "Outfit", sans-serif;
                font-size: 20px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                font-weight: 700; } }
          .herobannerNewAlignment .grid .griditems .cardgrid .cardgriditems .contnetAlignment .iconright {
            display: flex;
            justify-content: flex-end; }
            .herobannerNewAlignment .grid .griditems .cardgrid .cardgriditems .contnetAlignment .iconright img {
              transition: .3s ease-in-out; }
    .herobannerNewAlignment .grid .griditems .redbox {
      border-radius: 20px;
      padding: 39px 37px;
      background: #2787ac; }
      @media (max-width: 767px) {
        .herobannerNewAlignment .grid .griditems .redbox {
          padding: 12px 12px 26px 12px; } }
      .herobannerNewAlignment .grid .griditems .redbox:hover .line {
        width: 80%;
        transition: .3s ease-in-out; }
      .herobannerNewAlignment .grid .griditems .redbox:hover .icon img {
        transform: rotate(45deg);
        transition: .3s ease-in-out; }
      .herobannerNewAlignment .grid .griditems .redbox .line {
        width: 100%;
        height: 1px;
        transition: .3s ease-in-out;
        background-color: #fff; }
      .herobannerNewAlignment .grid .griditems .redbox .subgrid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 43px;
        padding: 32px 0 0 0; }
        @media (max-width: 767px) {
          .herobannerNewAlignment .grid .griditems .redbox .subgrid {
            display: none; } }
        .herobannerNewAlignment .grid .griditems .redbox .subgrid .subgriditems>p {
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          font-weight: 700;
          margin: 0 0 4px 0;
          color: #fff; }
        .herobannerNewAlignment .grid .griditems .redbox .subgrid .subgriditems span {
          display: block;
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          font-weight: 400;
          color: #fff; }
      .herobannerNewAlignment .grid .griditems .redbox .icon {
        padding: 0 0 4px 0; }
        .herobannerNewAlignment .grid .griditems .redbox .icon img {
          transition: .3s ease-in-out; }
      .herobannerNewAlignment .grid .griditems .redbox .text {
        padding: 0 0 4px 0; }
        .herobannerNewAlignment .grid .griditems .redbox .text h1 {
          font-family: "Outfit", sans-serif;
          font-size: 64px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          color: #fff; }
          @media (max-width: 767px) {
            .herobannerNewAlignment .grid .griditems .redbox .text h1 {
              font-family: "Outfit", sans-serif;
              font-size: 34px;
              font-style: normal;
              font-weight: 500;
              line-height: 44px;
              /* 129.412% */ } }

.mapSection img {
  width: 100%;
  height: auto; }
  @media (max-width: 767px) {
    .mapSection img {
      height: auto; } }

.mapOverlay {
  position: relative; }

.pop {
  position: relative;
  background-color: white; }

.customMarker {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ff0303;
  cursor: pointer;
  animation-duration: 1s;
  animation-name: crescendo;
  animation-iteration-count: infinite; }

@keyframes crescendo {
  0% {
    opacity: 0.1;
    transition: .1s ease-in-out; }
  100% {
    opacity: 1;
    transition: .2s ease-in-out; } }
.mapOverlayContent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 4px);
  /*background-color: #29292973; */
    
}
  .mapOverlayContent .firsttext {
    padding: 60px 0 0 0; }
    .mapOverlayContent .firsttext p {
      color: #fff;
      font-size: 24px;
      font-style: normal;
      font-weight: 500;
      max-width: 548px;
      line-height: 41px;
      font-family: "Outfit", sans-serif; }
      @media (max-width: 767px) {
        .mapOverlayContent .firsttext p {
          max-width: 293px;
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          line-height: 125%;
          /* 25px */ } }
  .mapOverlayContent .allcontentAlignment {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .mapOverlayContent .allcontentAlignment {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0px;
        padding: 60px 0 0 0; } }
    .mapOverlayContent .allcontentAlignment .rightcontent {
      position: relative;
      top: -60px;
      width: 111px;
      margin-left: auto; }
      @media (max-width: 767px) {
        .mapOverlayContent .allcontentAlignment .rightcontent {
          width: 81px;
          margin-right: 8px; } }
      .mapOverlayContent .allcontentAlignment .rightcontent span {
        display: block;
        width: 100%;
        padding: 5px 0;
        border-bottom: 1px solid #fff;
        color: var(--blacks-000, #fff);
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 150%;
        text-align: center;
        cursor: pointer;
        user-select: none; }
        @media (max-width: 767px) {
          .mapOverlayContent .allcontentAlignment .rightcontent span {
            width: 81px;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            text-transform: uppercase; } }
      .mapOverlayContent .allcontentAlignment .rightcontent span:hover {
        color: var(--blacks-000, #ff0303);
        font-weight: 600;
        /* Change to the desired hover color */ }
      .mapOverlayContent .allcontentAlignment .rightcontent .activeCountry {
        display: block;
        width: 100%;
        padding: 5px 0;
        border-bottom: 1px solid #fff;
        color: var(--blacks-000, #ff0303);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        text-align: center;
        cursor: pointer;
        user-select: none; }
        @media (max-width: 767px) {
          .mapOverlayContent .allcontentAlignment .rightcontent .activeCountry {
            width: 81px;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            text-transform: uppercase;
            white-space: nowrap; } }
    .mapOverlayContent .allcontentAlignment .leftcontent {
      padding: 10px 0 0 0; }
      @media (max-width: 767px) {
        .mapOverlayContent .allcontentAlignment .leftcontent {
          padding: 10px 8px 0 8px; } }
      .mapOverlayContent .allcontentAlignment .leftcontent .sublist {
        padding: 5px 0 0 0; }
        @media (max-width: 767px) {
          .mapOverlayContent .allcontentAlignment .leftcontent .sublist {
            padding: 6px 0 0 0; } }
        .mapOverlayContent .allcontentAlignment .leftcontent .sublist a {
          font-size: 18px;
          display: block;
          font-style: normal;
          font-weight: 300;
          line-height: 150%;
          /* 27px */
          color: #fff;
          padding: 0 0 4px 0;
          cursor: pointer; }
        .mapOverlayContent .allcontentAlignment .leftcontent .sublist .city {
          color: #ff0303; }
        .mapOverlayContent .allcontentAlignment .leftcontent .sublist .selectedCity {
          font-size: 18px;
          display: block;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          /* 27px */
          color: var(--blacks-000, #ff0303);
          padding: 0 0 4px 0; }
      .mapOverlayContent .allcontentAlignment .leftcontent h2 {
        position: relative;
        color: #fff;
        font-size: 96px;
        font-style: normal;
        font-weight: 400;
        line-height: 125%;
        letter-spacing: -4.32px; }
        @media (max-width: 767px) {
          .mapOverlayContent .allcontentAlignment .leftcontent h2 {
            color: #fff;
            font-family: Outfit;
            font-size: 56px;
            font-style: normal;
            font-weight: 500;
            line-height: normal; } }
        .mapOverlayContent .allcontentAlignment .leftcontent h2::before {
          position: absolute;
          bottom: -2px;
          left: 0;
          width: 80%;
          height: 1px;
          background-color: #fff;
          content: ""; }

.showAnimation {
  max-height: 100vh;
  overflow: hidden;
  animation-duration: 2s;
  animation-name: crescendo; }

@keyframes crescendo {
  0% {
    opacity: 0.1;
    transition: 0.1s ease-out; }
  100% {
    opacity: 1;
    transition: 0.3s ease-out; } }
.hideAnimation {
  max-height: 0;
  overflow: hidden;
  transition: 0.5s ease-in-out;
  animation-duration: 2s;
  animation-name: crescendo; }

@keyframes crescendo {
  0% {
    opacity: 1;
    transition: 0.1s ease-in-out; }
  100% {
    opacity: 0.1;
    transition: 0.2s ease-in-out; } }
.homepageSlidesection {
  padding: 50px 0; }
  @media (max-width: 767px) {
    .homepageSlidesection {
      padding: 40px 20px; } }
  .homepageSlidesection .text {
    padding: 0 0 30px 0; }
    .homepageSlidesection .text h4 {
      font-family: "Outfit", sans-serif;
      font-size: 34px;
      font-style: normal;
      font-weight: 500;
      line-height: 44px;
      /* 129.412% */
      color: #292929; }
      @media (max-width: 767px) {
        .homepageSlidesection .text h4 {
          font-family: "Outfit", sans-serif;
          font-size: 20px;
          font-style: normal;
          font-weight: 500;
          line-height: normal; } }
  .homepageSlidesection .leftarrow {
    position: absolute;
    bottom: 28px;
    right: 75px;
    cursor: pointer;
    z-index: 9999; }
  .homepageSlidesection :global(.slick-dots li button:before) {
    color: #969696;
    opacity: 1;
    bottom: 15px; }
  .homepageSlidesection :global(.slick-dots li) {
    margin: 0; }
  .homepageSlidesection :global(.slick-dots li button:before) {
    font-size: 11px; }
  .homepageSlidesection :global(.slick-dots li.slick-active button:before) {
    opacity: 1;
    color: #fff; }
  .homepageSlidesection :global(.slick-dots) {
    text-align: left;
    bottom: 24px;
    left: 32px; }
  .homepageSlidesection .rightArrow {
    position: absolute;
    bottom: 28px;
    right: 33px;
    cursor: pointer;
    z-index: 9999; }
    .homepageSlidesection .rightArrow img {
      transform: rotate(180deg); }
  .homepageSlidesection .sliderDesign .img {
    width: 100%;
    height: 527px;
    object-fit: cover;
    border-radius: 20px; }
    @media (max-width: 767px) {
      .homepageSlidesection .sliderDesign .img {
        height: 320px;
        border-radius: 10px; } }
  .homepageSlidesection .sliderDesign div {
    border-radius: 20px; }
    @media (max-width: 767px) {
      .homepageSlidesection .sliderDesign div {
        border-radius: 10px; } }

.mobileviewsidebar {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: #2787ac; }
  .mobileviewsidebar.hide {
    transform: translateX(100%);
    transition: .3s ease-in-out; }
  .mobileviewsidebar.show {
    transform: translateX(0%);
    transition: .3s ease-in-out; }
  .mobileviewsidebar .mobileBody {
    padding: 73px 12px 12px 12px;
    height: calc(100vh - 225px);
    overflow: auto; }
    .mobileviewsidebar .mobileBody .textIconAlignment {
      display: flex;
      cursor: pointer;
      padding: 0 0 16px 0;
      align-items: center;
      justify-content: flex-end;
      gap: 20px; }
      .mobileviewsidebar .mobileBody .textIconAlignment .animation {
        transition: .3s ease-in-out; }
      .mobileviewsidebar .mobileBody .textIconAlignment .rotate {
        transform: rotate(180deg);
        transition: .3s ease-in-out; }
      .mobileviewsidebar .mobileBody .textIconAlignment .icon {
        min-width: 24px;
        width: 24px; }
      .mobileviewsidebar .mobileBody .textIconAlignment span {
        font-family: "Outfit", sans-serif;
        font-size: 34px;
        font-style: normal;
        font-weight: 500;
        line-height: 44px;
        /* 129.412% */
        color: #fff; }
  .mobileviewsidebar .mobileFooter {
    padding: 0 16px; }
    .mobileviewsidebar .mobileFooter .socialIcon {
      padding: 10px 0 0 0;
      display: flex;
      align-items: center;
      gap: 24px; }
      .mobileviewsidebar .mobileFooter .socialIcon img {
        cursor: pointer; }
    .mobileviewsidebar .mobileFooter a {
      display: block;
      cursor: pointer;
      padding: 0 0 8px 0;
      font-family: "Outfit", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      color: #fff;
      letter-spacing: 0;
      font-weight: 600; }
  .mobileviewsidebar .miniHeader {
    padding: 9px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .mobileviewsidebar .miniHeader .rightContnet {
      display: flex;
      align-items: center;
      gap: 12px;
      cursor: pointer; }

.companysubmenu {
  display: flex;
  justify-content: flex-end;
  padding: 0 12px; }
  .companysubmenu.hide {
    max-height: 0px;
    overflow: hidden;
    transition: .3s ease-in-out; }
  .companysubmenu.show {
    max-height: 100vh;
    overflow: hidden;
    transition: .3s ease-in-out; }
  .companysubmenu .rightBox {
    width: 194px; }
    .companysubmenu .rightBox a:last-child {
      border: none; }
    .companysubmenu .rightBox a {
      display: block;
      cursor: pointer;
      font-family: "Outfit", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      font-weight: 300;
      text-align: right;
      color: #fff;
      padding: 8px 0;
      border-bottom: 1px solid #FFF;
      letter-spacing: 0; }

.scrollheronone {
  display: none; }
  @media (max-width: 767px) {
    .scrollheronone {
      display: block; } }

.heroBanner {
  background-image: url("../images/company.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 711px;
  background-position: center center;
  width: 100%;
  display: flex;
  align-items: center; }
  @media (max-width: 767px) {
    .heroBanner {
      height: 660px; } }
  .heroBanner .wfull {
    width: 100%; }
    @media (max-width: 767px) {
      .heroBanner .wfull {
        padding: 0 8px; } }
    .heroBanner .wfull .textgrid {
      display: grid;
      grid-template-columns: 18px 1fr;
      gap: 12px; }
      @media (max-width: 767px) {
        .heroBanner .wfull .textgrid {
          align-items: center; } }
      .heroBanner .wfull .textgrid .textgridItems .icon {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #2787ac; }
      .heroBanner .wfull .textgrid .textgridItems span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #fff;
        font-weight: 300; }
        @media (max-width: 767px) {
          .heroBanner .wfull .textgrid .textgridItems span {
            font-family: "Outfit", sans-serif;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            font-weight: 400;
            max-width: 275px; } }
@keyframes rotate {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
    .heroBanner .wfull h2 {
      text-align: right; }
    .heroBanner .wfull h1, .heroBanner .wfull h2 {
      font-family: "Outfit", sans-serif;
      font-size: 120px;
      font-style: normal;
      font-weight: 400;
      line-height: 141px;
      letter-spacing: -5.4px;
      color: #fff; }
      @media (max-width: 767px) {
        .heroBanner .wfull h1, .heroBanner .wfull h2 {
          font-family: "Outfit", sans-serif;
          font-size: 64px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          letter-spacing: 0; } }
    .heroBanner .wfull h1 {
      margin: 150px 0 0 0; }
      @media (max-width: 767px) {
        .heroBanner .wfull h1 {
          margin: 130px 0 0 0; } }
    .heroBanner .wfull .iconRight {
      text-align: right;
      padding: 20px 0 0 0;
      display: flex;
      justify-content: flex-end; }
      @media (max-width: 767px) {
        .heroBanner .wfull .iconRight {
          display: none; } }
      .heroBanner .wfull .iconRight img {
        cursor: pointer;
        animation: rotate  2s linear infinite; }

.scrolldown {
  padding: 32px 0 48px 0;
  transform: translateY(0);
  cursor: pointer; }
  .scrolldown .lgviewnone {
    display: none; }
    @media (max-width: 767px) {
      .scrolldown .lgviewnone {
        display: block; } }
  @media (max-width: 767px) {
    .scrolldown .mobileviewAllContnetAlignment {
      display: flex;
      align-items: flex-end;
      justify-content: space-between; } }
  @media (max-width: 767px) {
    .scrolldown {
      padding: 28px 38px 74px 12px; } }
  .scrolldown .content {
    transition: .3s all ease-in-out; }
    .scrolldown .content:hover {
      opacity: .5;
      transition: .3s all ease-in-out; }
  .scrolldown .iconcenter {
    text-align: center;
    padding: 0 0 4px 0; }
    @media (max-width: 767px) {
      .scrolldown .iconcenter {
        text-align: left; } }
  .scrolldown span {
    display: block;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
    color: #292929;
    text-align: center; }
    @media (max-width: 767px) {
      .scrolldown span {
        text-align: left; } }

.ourStoryAllContnetAlignment .childText span {
  display: block;
  font-family: "Outfit", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  color: #595959; }
  @media (max-width: 767px) {
    .ourStoryAllContnetAlignment .childText span {
      padding: 0 8px; } }
.ourStoryAllContnetAlignment .grid {
  display: grid;
  grid-template-columns: 1fr 380px;
  padding: 40px 0 0 0;
  gap: 32px; }
  @media (max-width: 767px) {
    .ourStoryAllContnetAlignment .grid {
      grid-template-columns: repeat(1, 1fr);
      gap: 24px;
      padding: 24px  0 0 0; } }
  @media (max-width: 767px) {
    .ourStoryAllContnetAlignment .grid .gridItems:last-child {
      padding: 0 8px; } }
  .ourStoryAllContnetAlignment .grid .gridItems .image img {
    width: 100%;
    height: 650px;
    object-fit: cover; }
    @media (max-width: 767px) {
      .ourStoryAllContnetAlignment .grid .gridItems .image img {
        height: 244px; } }
  .ourStoryAllContnetAlignment .grid .gridItems .button {
    padding: 28px 0 0 0; }
    @media (max-width: 767px) {
      .ourStoryAllContnetAlignment .grid .gridItems .button {
        padding: 16px 0 0 0; } }
    .ourStoryAllContnetAlignment .grid .gridItems .button button {
      border: 2px solid #292929;
      cursor: pointer;
      color: #292929;
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 500;
      padding: 10px 29px;
      border-radius: 999px;
      background-color: transparent;
      cursor: pointer;
      transition: .8s;
      position: relative;
      z-index: 99;
      overflow: hidden; }
      .ourStoryAllContnetAlignment .grid .gridItems .button button:hover {
        border-color: #2787ac;
        color: #FFFFFF; }
        .ourStoryAllContnetAlignment .grid .gridItems .button button:hover::after {
          background-color: #2787ac;
          border-radius: 999px;
          transform: translate(-50%, 0%);
          height: 120%;
          width: 120%; }
      .ourStoryAllContnetAlignment .grid .gridItems .button button::after {
        content: "";
        background-color: #2787ac;
        display: block;
        height: 40%;
        left: 50%;
        position: absolute;
        top: 0%;
        border-radius: 999px;
        transform: translate(-50%, -100%);
        transition: .8s;
        width: 40%;
        z-index: -1; }
      @media (max-width: 767px) {
        .ourStoryAllContnetAlignment .grid .gridItems .button button {
          background-color: #2787ac;
          color: #fff;
          border: 2px solid #fff; } }
  .ourStoryAllContnetAlignment .grid .gridItems h6 {
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 16px 0;
    color: #363636;
    font-weight: 700; }
  .ourStoryAllContnetAlignment .grid .gridItems .waveicon {
    padding: 0 0 28px 0;
    border-bottom: 2px solid #292929; }
    @media (max-width: 767px) {
      .ourStoryAllContnetAlignment .grid .gridItems .waveicon {
        padding: 0 0 16px 0; } }
  .ourStoryAllContnetAlignment .grid .gridItems p {
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-weight: 300;
    margin: 0 0 28px 0;
    color: #363636; }
    @media (max-width: 767px) {
      .ourStoryAllContnetAlignment .grid .gridItems p {
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        max-width: 368px;
        margin: 0 0 16px 0;
        font-weight: 300;
        letter-spacing: 0; } }
.ourStoryAllContnetAlignment .titleCountAlignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 40px 0;
  border-bottom: 4px solid #292929; }
  @media (max-width: 767px) {
    .ourStoryAllContnetAlignment .titleCountAlignment {
      margin: 0 8px;
      padding: 0 0 24px 0;
      border-bottom: 2px solid #292929; } }
  .ourStoryAllContnetAlignment .titleCountAlignment h4 {
    font-family: "Outfit", sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #292929;
    font-weight: 500; }
    @media (max-width: 767px) {
      .ourStoryAllContnetAlignment .titleCountAlignment h4 {
        font-family: "Outfit", sans-serif;
        font-size: 34px;
        font-style: normal;
        font-weight: 500;
        line-height: 44px;
        /* 129.412% */ } }
  .ourStoryAllContnetAlignment .titleCountAlignment .counter {
    border: 2px solid #292929;
    display: flex;
    align-items: center;
    border-radius: 999px;
    justify-content: center;
    padding: 8px 24px;
    color: #292929;
    font-weight: 500; }
    @media (max-width: 767px) {
      .ourStoryAllContnetAlignment .titleCountAlignment .counter {
        padding: 10px 20px;
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        border-radius: 113px;
        letter-spacing: 0;
        font-weight: 500;
        line-height: 19px; } }
    .ourStoryAllContnetAlignment .titleCountAlignment .counter span {
      display: block;
      font-family: "Outfit", sans-serif;
      font-size: 24px;
      font-style: normal;
      font-weight: 500;
      line-height: 41px;
      /* 170.833% */ }
      @media (max-width: 767px) {
        .ourStoryAllContnetAlignment .titleCountAlignment .counter span {
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          line-height: 19px;
          letter-spacing: 0; } }

.ourValuesAllContnetAlignment {
  padding: 60px 0; }
  .ourValuesAllContnetAlignment .childText span {
    display: block;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    color: #595959; }
    @media (max-width: 767px) {
      .ourValuesAllContnetAlignment .childText span {
        padding: 0 8px 8px 8px; } }
  .ourValuesAllContnetAlignment .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    align-items: flex-end; }
    @media (max-width: 767px) {
      .ourValuesAllContnetAlignment .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px; } }
    @media (max-width: 767px) {
      .ourValuesAllContnetAlignment .grid.gridChange .gridItems:nth-child(1) {
        order: inherit;
        padding: 0; } }
    @media (max-width: 767px) {
      .ourValuesAllContnetAlignment .grid.gridChange .gridItems h6, .ourValuesAllContnetAlignment .grid.gridChange .gridItems p {
        text-align: right; } }
    .ourValuesAllContnetAlignment .grid.gridChange .gridItems:nth-child(2) {
      padding: 0 8px; }
    @media (max-width: 767px) {
      .ourValuesAllContnetAlignment .grid .gridItems:nth-child(1) {
        order: 2;
        padding: 0 8px; } }
    .ourValuesAllContnetAlignment .grid h6 {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #292929;
      font-weight: 700;
      margin: 0 0 16px 0; }
    .ourValuesAllContnetAlignment .grid .waveIcon {
      padding: 0 0 28px 0;
      border-bottom: 2px solid #292929; }
      @media (max-width: 767px) {
        .ourValuesAllContnetAlignment .grid .waveIcon {
          padding: 0 0 16px 0; } }
    .ourValuesAllContnetAlignment .grid p {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 300;
      color: #292929;
      margin: 0 0 28px 0; }
      @media (max-width: 767px) {
        .ourValuesAllContnetAlignment .grid p {
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          font-weight: 300;
          margin: 0 0 16px 0;
          letter-spacing: 0; } }
    .ourValuesAllContnetAlignment .grid .visionImage img {
      width: 100%;
      height: 380px;
      object-fit: cover; }
      @media (max-width: 767px) {
        .ourValuesAllContnetAlignment .grid .visionImage img {
          height: 244px; } }
  .ourValuesAllContnetAlignment .secBox {
    max-width: 1057px; }
    .ourValuesAllContnetAlignment .secBox .button {
      padding: 28px 0 0 0; }
      @media (max-width: 767px) {
        .ourValuesAllContnetAlignment .secBox .button {
          text-align: center;
          padding: 24px 0 0 0; } }
      .ourValuesAllContnetAlignment .secBox .button button {
        border: 2px solid #292929;
        cursor: pointer;
        color: #292929;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-weight: 500;
        padding: 10px 29px;
        border-radius: 999px;
        background-color: transparent;
        cursor: pointer;
        transition: .8s;
        position: relative;
        z-index: 99;
        overflow: hidden; }
        .ourValuesAllContnetAlignment .secBox .button button:hover {
          border-color: #2787ac;
          color: #FFFFFF; }
          .ourValuesAllContnetAlignment .secBox .button button:hover::after {
            background-color: #2787ac;
            border-radius: 999px;
            transform: translate(-50%, 0%);
            height: 120%;
            width: 120%; }
        .ourValuesAllContnetAlignment .secBox .button button::after {
          content: "";
          background-color: #2787ac;
          display: block;
          height: 40%;
          left: 50%;
          position: absolute;
          top: 0%;
          border-radius: 999px;
          transform: translate(-50%, -100%);
          transition: .8s;
          width: 40%;
          z-index: -1; }
        @media (max-width: 767px) {
          .ourValuesAllContnetAlignment .secBox .button button {
            background-color: #2787ac;
            color: #fff;
            border: 2px solid #fff; } }
  .ourValuesAllContnetAlignment .firstBoxrightAlignment {
    display: flex;
    justify-content: flex-end;
    padding: 40px 0 50px 0; }
    @media (max-width: 767px) {
      .ourValuesAllContnetAlignment .firstBoxrightAlignment {
        padding: 24px 0 60px 0; } }
    .ourValuesAllContnetAlignment .firstBoxrightAlignment .box {
      max-width: 1057px; }
  .ourValuesAllContnetAlignment .titleCountAlignment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 40px 0;
    border-bottom: 4px solid #292929; }
    @media (max-width: 767px) {
      .ourValuesAllContnetAlignment .titleCountAlignment {
        margin: 0 8px 0 8px;
        border-bottom: 2px solid #292929;
        padding: 0 0 24px 0; } }
    .ourValuesAllContnetAlignment .titleCountAlignment h4 {
      font-family: "Outfit", sans-serif;
      font-size: 64px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #292929;
      font-weight: 500; }
      @media (max-width: 767px) {
        .ourValuesAllContnetAlignment .titleCountAlignment h4 {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */ } }
    .ourValuesAllContnetAlignment .titleCountAlignment .counter {
      border: 2px solid #292929;
      display: flex;
      align-items: center;
      border-radius: 999px;
      justify-content: center;
      cursor: pointer;
      padding: 8px 24px;
      color: #292929;
      font-weight: 500; }
      @media (max-width: 767px) {
        .ourValuesAllContnetAlignment .titleCountAlignment .counter {
          padding: 10px 20px;
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          border-radius: 113px;
          letter-spacing: 0;
          font-weight: 500;
          line-height: 19px; } }
      .ourValuesAllContnetAlignment .titleCountAlignment .counter span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 41px;
        /* 170.833% */ }
        @media (max-width: 767px) {
          .ourValuesAllContnetAlignment .titleCountAlignment .counter span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            line-height: 19px;
            letter-spacing: 0; } }

.counterSectionAlignment {
  background-color: #F8F8F8;
  padding: 26px 0; }
  .counterSectionAlignment .alignment {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 148px; }
    @media (max-width: 767px) {
      .counterSectionAlignment .alignment {
        gap: 20px;
        padding: 0 16px; } }
    .counterSectionAlignment .alignment .firstwidth {
      width: 204px; }
      @media (max-width: 767px) {
        .counterSectionAlignment .alignment .firstwidth {
          width: auto; } }
    .counterSectionAlignment .alignment div p {
      font-family: "Outfit", sans-serif;
      font-size: 24px;
      font-style: normal;
      font-weight: 500;
      line-height: 41px;
      /* 170.833% */
      color: #363636;
      font-weight: 400;
      text-align: right; }
      @media (max-width: 767px) {
        .counterSectionAlignment .alignment div p {
          font-family: "Outfit", sans-serif;
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          font-weight: 400;
          max-width: 45px;
          margin: 0 auto;
          text-align: center; } }
    .counterSectionAlignment .alignment div h6 {
      font-family: "Outfit", sans-serif;
      font-size: 64px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #363636;
      text-align: right;
      margin: 0 0 12px 0; }
      @media (max-width: 767px) {
        .counterSectionAlignment .alignment div h6 {
          font-family: "Outfit", sans-serif;
          font-size: 24px;
          font-style: normal;
          font-weight: 500;
          line-height: 41px;
          /* 170.833% */
          margin: 0;
          text-align: center; } }
      .counterSectionAlignment .alignment div h6 span {
        color: #2787ac; }

.achivevementsAlignment {
  padding: 60px 0; }
  .achivevementsAlignment .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 40px 0 0 0; }
    @media (max-width: 767px) {
      .achivevementsAlignment .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
        padding: 24px 0 0 0; } }
    .achivevementsAlignment .grid .gridItems .image img {
      width: 100%;
      height: 490px;
      object-fit: cover; }
      @media (max-width: 767px) {
        .achivevementsAlignment .grid .gridItems .image img {
          height: 244px; } }
    .achivevementsAlignment .grid .gridItems .details {
      padding: 30px 0 0 0; }
      @media (max-width: 767px) {
        .achivevementsAlignment .grid .gridItems .details {
          padding: 24px 8px 0 8px; } }
      .achivevementsAlignment .grid .gridItems .details .black-outline-button {
        padding: 28px 0 0 0; }
        .achivevementsAlignment .grid .gridItems .details .black-outline-button button {
          padding: 10px 45px;
          min-width: 152px; }
          @media (max-width: 767px) {
            .achivevementsAlignment .grid .gridItems .details .black-outline-button button {
              background-color: #2787ac;
              color: #fff;
              border: 2px solid #fff; } }
      .achivevementsAlignment .grid .gridItems .details .wave {
        padding: 0 0 28px 0;
        border-bottom: 2px solid #292929; }
      .achivevementsAlignment .grid .gridItems .details span {
        display: block;
        padding: 0 0 16px 0;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        max-width: 630px;
        color: #292929;
        font-weight: 300; }
        @media (max-width: 767px) {
          .achivevementsAlignment .grid .gridItems .details span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            letter-spacing: 0;
            max-width: 368px;
            font-weight: 300; } }
      .achivevementsAlignment .grid .gridItems .details p {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #292929;
        margin: 0 0 16px 0;
        font-weight: 700; }
  .achivevementsAlignment .childText span {
    display: block;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    color: #595959; }
    @media (max-width: 767px) {
      .achivevementsAlignment .childText span {
        padding: 0 8px 8px 8px; } }
  .achivevementsAlignment .titleCountAlignment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 40px 0;
    border-bottom: 4px solid #292929; }
    @media (max-width: 767px) {
      .achivevementsAlignment .titleCountAlignment {
        padding: 0 0 24px 0;
        margin: 0 8px;
        border-bottom: 2px solid #292929; } }
    .achivevementsAlignment .titleCountAlignment h4 {
      font-family: "Outfit", sans-serif;
      font-size: 64px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #292929;
      font-weight: 500; }
      @media (max-width: 767px) {
        .achivevementsAlignment .titleCountAlignment h4 {
          max-width: 254px;
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */ } }
    .achivevementsAlignment .titleCountAlignment .counter {
      border: 2px solid #292929;
      display: flex;
      align-items: center;
      border-radius: 999px;
      justify-content: center;
      cursor: pointer;
      cursor: default;
      padding: 8px 24px;
      color: #292929;
      font-weight: 500; }
      @media (max-width: 767px) {
        .achivevementsAlignment .titleCountAlignment .counter {
          padding: 10px 20px;
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          border-radius: 113px;
          letter-spacing: 0;
          font-weight: 500;
          line-height: 19px; } }
      .achivevementsAlignment .titleCountAlignment .counter span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 41px;
        /* 170.833% */ }
        @media (max-width: 767px) {
          .achivevementsAlignment .titleCountAlignment .counter span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            line-height: 19px;
            letter-spacing: 0; } }

.qhseAllContentAlignment {
  padding: 0 0 60px 0; }
  .qhseAllContentAlignment .grid {
    display: grid;
    grid-template-columns: 1fr 495px;
    gap: 32px;
    padding: 32px 0 0 0;
    align-items: flex-end; }
    @media (max-width: 767px) {
      .qhseAllContentAlignment .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
        padding: 24px 0 0 0; } }
    @media (max-width: 767px) {
      .qhseAllContentAlignment .grid .gridItems:last-child {
        padding: 0 8px; } }
    .qhseAllContentAlignment .grid .image img {
      width: 100%;
      object-fit: cover;
      height: 650px; }
      @media (max-width: 767px) {
        .qhseAllContentAlignment .grid .image img {
          height: 244px; } }
    .qhseAllContentAlignment .grid h6 {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #363636;
      margin: 0 0 16px 0;
      font-weight: 700; }
    .qhseAllContentAlignment .grid .black-outline-button {
      padding: 28px 0 0 0; }
      @media (max-width: 767px) {
        .qhseAllContentAlignment .grid .black-outline-button button {
          background-color: #2787ac;
          color: #fff;
          border: 2px solid #fff; } }
    .qhseAllContentAlignment .grid .WaveIcon {
      padding: 0 0 28px 0;
      border-bottom: 2px solid #292929; }
    .qhseAllContentAlignment .grid p {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 300;
      color: #363636;
      margin: 0 0 28px 0; }
      @media (max-width: 767px) {
        .qhseAllContentAlignment .grid p {
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          font-weight: 300;
          letter-spacing: 0;
          margin: 0 0 16px 0; } }
  .qhseAllContentAlignment .childText span {
    display: block;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    color: #595959; }
    @media (max-width: 767px) {
      .qhseAllContentAlignment .childText span {
        padding: 0 8px 8px 8px; } }
  .qhseAllContentAlignment .titleCountAlignment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 40px 0;
    border-bottom: 4px solid #292929; }
    @media (max-width: 767px) {
      .qhseAllContentAlignment .titleCountAlignment {
        padding: 0 0 24px 0;
        border-bottom: 2px solid #292929;
        margin: 0 8px; } }
    .qhseAllContentAlignment .titleCountAlignment h4 {
      font-family: "Outfit", sans-serif;
      font-size: 64px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #292929;
      font-weight: 500; }
      @media (max-width: 767px) {
        .qhseAllContentAlignment .titleCountAlignment h4 {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */ } }
    .qhseAllContentAlignment .titleCountAlignment .counter {
      border: 2px solid #292929;
      display: flex;
      align-items: center;
      border-radius: 999px;
      justify-content: center;
      padding: 8px 24px;
      color: #292929;
      font-weight: 500; }
      @media (max-width: 767px) {
        .qhseAllContentAlignment .titleCountAlignment .counter {
          padding: 10px 20px;
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          border-radius: 113px;
          letter-spacing: 0;
          font-weight: 500;
          line-height: 19px; } }
      .qhseAllContentAlignment .titleCountAlignment .counter span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 41px;
        /* 170.833% */ }
        @media (max-width: 767px) {
          .qhseAllContentAlignment .titleCountAlignment .counter span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            line-height: 19px;
            letter-spacing: 0; } }

.careersSection {
  padding: 32px 0;
  background-color: #EAEAEA;
  margin: 0 0 60px 0; }
  @media (max-width: 767px) {
    .careersSection {
      padding: 20px 0; } }
  .careersSection .grid {
    display: grid;
    grid-template-columns: 512px 1fr;
    gap: 32px;
    padding: 40px 0 0 0; }
    @media (max-width: 767px) {
      .careersSection .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
        padding: 24px 0 0 0; } }
    @media (max-width: 767px) {
      .careersSection .grid .gridItems:last-child {
        padding: 0 8px; } }
    .careersSection .grid .black-outline-button {
      display: none;
      padding: 16px 0 0 0; }
      @media (max-width: 767px) {
        .careersSection .grid .black-outline-button {
          display: block; } }
      @media (max-width: 767px) {
        .careersSection .grid .black-outline-button button {
          background-color: #2787ac;
          color: #fff;
          border: 2px solid #fff; } }
    .careersSection .grid .subgrid {
      display: grid;
      grid-template-columns: 1fr 140px;
      gap: 80px;
      align-items: center; }
      @media (max-width: 767px) {
        .careersSection .grid .subgrid {
          grid-template-columns: repeat(1, 1fr); } }
      @media (max-width: 767px) {
        .careersSection .grid .subgrid .subgridItems:last-child {
          display: none; } }
      .careersSection .grid .subgrid .WaveIcon {
        padding: 0 0 16px 0;
        border-bottom: 2px solid #292929; }
      .careersSection .grid .subgrid img {
        cursor: pointer; }
      .careersSection .grid .subgrid h5 {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-weight: 700;
        color: #292929;
        margin: 0 0 16px 0; }
      .careersSection .grid .subgrid p {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #292929;
        margin: 0 0 16px 0;
        font-weight: 300; }
        @media (max-width: 767px) {
          .careersSection .grid .subgrid p {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            font-weight: 300;
            letter-spacing: 0; } }
    .careersSection .grid .gridItems .image img {
      width: 100%;
      height: 380px;
      object-fit: cover; }
      @media (max-width: 767px) {
        .careersSection .grid .gridItems .image img {
          height: 244px; } }
  .careersSection .childText span {
    display: block;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    color: #595959; }
    @media (max-width: 767px) {
      .careersSection .childText span {
        padding: 0 8px 8px 8px; } }
  .careersSection .titleCountAlignment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 40px 0;
    border-bottom: 4px solid #292929; }
    @media (max-width: 767px) {
      .careersSection .titleCountAlignment {
        margin: 0 8px;
        padding: 0 0 24px 0;
        border-bottom: 2px solid #292929; } }
    .careersSection .titleCountAlignment h4 {
      font-family: "Outfit", sans-serif;
      font-size: 64px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #292929;
      font-weight: 500; }
      @media (max-width: 767px) {
        .careersSection .titleCountAlignment h4 {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */ } }
    .careersSection .titleCountAlignment .counter {
      border: 2px solid #292929;
      display: flex;
      align-items: center;
      border-radius: 999px;
      justify-content: center;
      padding: 8px 24px;
      color: #292929;
      font-weight: 500; }
      @media (max-width: 767px) {
        .careersSection .titleCountAlignment .counter {
          padding: 10px 20px;
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          border-radius: 113px;
          letter-spacing: 0;
          font-weight: 500;
          line-height: 19px; } }
      .careersSection .titleCountAlignment .counter span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 41px;
        /* 170.833% */ }
        @media (max-width: 767px) {
          .careersSection .titleCountAlignment .counter span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            line-height: 19px;
            letter-spacing: 0; } }

.productheroBanner {
  background-image: url("../images/product.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 711px;
  background-position: center center;
  width: 100%;
  display: flex;
  align-items: center; }
  @media (max-width: 767px) {
    .productheroBanner {
      height: 660px; } }
  .productheroBanner .wfull {
    width: 100%; }
    @media (max-width: 767px) {
      .productheroBanner .wfull {
        padding: 0 8px; } }
    .productheroBanner .wfull .textgrid {
      display: grid;
      grid-template-columns: 18px 1fr;
      gap: 12px; }
      .productheroBanner .wfull .textgrid .textgridItems .icon {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #2787ac; }
      .productheroBanner .wfull .textgrid .textgridItems span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #fff;
        font-weight: 300; }
        @media (max-width: 767px) {
          .productheroBanner .wfull .textgrid .textgridItems span {
            font-family: "Outfit", sans-serif;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            font-weight: 400;
            letter-spacing: 0; } }
@keyframes rotate {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
    .productheroBanner .wfull h2 {
      text-align: right; }
    .productheroBanner .wfull h1, .productheroBanner .wfull h2 {
      font-family: "Outfit", sans-serif;
      font-size: 120px;
      font-style: normal;
      font-weight: 400;
      line-height: 141px;
      letter-spacing: -5.4px;
      color: #fff; }
      @media (max-width: 767px) {
        .productheroBanner .wfull h1, .productheroBanner .wfull h2 {
          font-family: "Outfit", sans-serif;
          font-size: 64px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          letter-spacing: 0; } }
    .productheroBanner .wfull h1 {
      margin: 150px 0 0 0; }
      @media (max-width: 767px) {
        .productheroBanner .wfull h1 {
          margin: 150px 0 12px 0; } }
    .productheroBanner .wfull .iconRight {
      text-align: right;
      display: flex;
      justify-content: flex-end;
      padding: 20px 0 0 0; }
      @media (max-width: 767px) {
        .productheroBanner .wfull .iconRight {
          display: none; } }
      .productheroBanner .wfull .iconRight img {
        cursor: pointer;
        animation: rotate  2s linear infinite; }

.discoverSectionContnetAlignment {
  padding-top: calc(76px - 48px); }
  @media (max-width: 767px) {
    .discoverSectionContnetAlignment .text {
      padding: 0 8px; } }
  .discoverSectionContnetAlignment .text h6 {
    font-family: "Outfit", sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
    /* 129.412% */
    color: #363636;
    max-width: 868px;
    margin: 0 0 12px 0; }
    @media (max-width: 767px) {
      .discoverSectionContnetAlignment .text h6 {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-weight: 500;
        letter-spacing: 0; } }
    .discoverSectionContnetAlignment .text h6 span {
      color: #2787ac; }
  .discoverSectionContnetAlignment .text .WaveIcon {
    padding: 0 0 12px 0; }
  .discoverSectionContnetAlignment .text p {
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    font-weight: 400;
    letter-spacing: 0px;
    color: #292929;
    max-width: 486px; }

.findProducts {
  padding: 141px 0 124px 0; }
  @media (max-width: 767px) {
    .findProducts {
      padding: 60px 0; } }
  .findProducts :global(.black-outline-button) {
    padding: 30px 0 0 0; }
    @media (max-width: 767px) {
      .findProducts :global(.black-outline-button) {
        padding: 10px 8px 0 8px; } }
    .findProducts :global(.black-outline-button) button {
      min-width: 140px; }
      @media (max-width: 767px) {
        .findProducts :global(.black-outline-button) button {
          min-width: 180px;
          display: flex;
          align-items: center;
          gap: 10px;
          justify-content: center; } }
      .findProducts :global(.black-outline-button) button img {
        display: none; }
        @media (max-width: 767px) {
          .findProducts :global(.black-outline-button) button img {
            display: block; } }
  .findProducts .alljobCardAlignment {
    padding: 32px 0 0 0; }
    @media (max-width: 767px) {
      .findProducts .alljobCardAlignment {
        padding: 24px 0 0 0;
        margin: 0 8px; } }
    .findProducts .alljobCardAlignment .findproduct {
      padding: 16px;
      cursor: pointer; }
      @media (max-width: 767px) {
        .findProducts .alljobCardAlignment .findproduct {
          background-color: #F8F8F8;
          margin: 0 0 16px 0; } }
      .findProducts .alljobCardAlignment .findproduct .childTextAlignment {
        padding: 16px 0 0 0; }
        @media (max-width: 767px) {
          .findProducts .alljobCardAlignment .findproduct .childTextAlignment {
            display: flex;
            align-items: center;
            justify-content: space-between; } }
        .findProducts .alljobCardAlignment .findproduct .childTextAlignment img {
          display: none; }
          @media (max-width: 767px) {
            .findProducts .alljobCardAlignment .findproduct .childTextAlignment img {
              display: block; } }
        .findProducts .alljobCardAlignment .findproduct .childTextAlignment p {
          font-family: "Outfit", sans-serif;
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          font-weight: 600;
          color: #292929; }
          .findProducts .alljobCardAlignment .findproduct .childTextAlignment p span {
            font-weight: 400; }
      .findProducts .alljobCardAlignment .findproduct .subgrid {
        display: grid;
        grid-template-columns: 1fr 46px;
        gap: 12px;
        padding: 0 0 16px 0;
        border-bottom: 1px solid #CFCFCF; }
        @media (max-width: 767px) {
          .findProducts .alljobCardAlignment .findproduct .subgrid {
            grid-template-columns: repeat(1, 1fr); } }
        .findProducts .alljobCardAlignment .findproduct .subgrid .textGrid {
          display: grid;
          grid-template-columns: 16px 1fr;
          gap: 16px;
          align-items: center; }
          @media (max-width: 767px) {
            .findProducts .alljobCardAlignment .findproduct .subgrid .textGrid {
              grid-template-columns: repeat(1, 1fr);
              gap: 0; } }
          .findProducts .alljobCardAlignment .findproduct .subgrid .textGrid .icon {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            border: 2px solid #292929; }
            @media (max-width: 767px) {
              .findProducts .alljobCardAlignment .findproduct .subgrid .textGrid .icon {
                display: none; } }
          .findProducts .alljobCardAlignment .findproduct .subgrid .textGrid p {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            color: #595959;
            font-weight: 300;
            letter-spacing: 0px; }
            @media (max-width: 767px) {
              .findProducts .alljobCardAlignment .findproduct .subgrid .textGrid p {
                font-family: "Outfit", sans-serif;
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                font-weight: 400;
                letter-spacing: 0;
                line-height: 150%;
                /* 18px */ } }
        .findProducts .alljobCardAlignment .findproduct .subgrid .arrowDesign {
          display: flex;
          align-items: center;
          justify-content: flex-end; }
          @media (max-width: 767px) {
            .findProducts .alljobCardAlignment .findproduct .subgrid .arrowDesign {
              display: none; } }
          .findProducts .alljobCardAlignment .findproduct .subgrid .arrowDesign img {
            cursor: pointer; }
      .findProducts .alljobCardAlignment .findproduct .firstContent {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .findProducts .alljobCardAlignment .findproduct .firstContent button {
          border: 1px solid #969696;
          border-radius: 999px;
          color: #969696;
          background-color: transparent;
          font-family: "Outfit", sans-serif;
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          line-height: 12px;
          font-weight: 400;
          width: 29px;
          height: 18px;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer; }
        .findProducts .alljobCardAlignment .findproduct .firstContent p {
          font-family: "Outfit", sans-serif;
          font-size: 24px;
          font-style: normal;
          font-weight: 500;
          line-height: 41px;
          /* 170.833% */
          font-weight: 500;
          color: #292929; }
          @media (max-width: 767px) {
            .findProducts .alljobCardAlignment .findproduct .firstContent p {
              font-family: "Outfit", sans-serif;
              font-size: 18px;
              font-style: normal;
              font-weight: 500;
              line-height: normal;
              font-weight: 700;
              max-width: 209px; } }
  .findProducts .searchBar input {
    margin-top: 20px;
    padding: 10px;
    border-radius: 5px;
    width: 300px; }
  .findProducts .allRadioButtonAlignment {
    display: flex;
    align-items: center;
    padding: 0 0 28px 0;
    border-bottom: 4px solid #292929;
    gap: 40px; }
    @media (max-width: 767px) {
      .findProducts .allRadioButtonAlignment {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
        display: grid;
        padding: 0 0 28px 0;
        margin: 0 8px; } }
    .findProducts .allRadioButtonAlignment .radio-button label {
      display: flex;
      align-items: center;
      gap: 16px; }
  .findProducts .sectionTitle {
    padding: 0 0 28px 0; }
    @media (max-width: 767px) {
      .findProducts .sectionTitle {
        padding: 0 8px 28px 8px; } }
    .findProducts .sectionTitle span {
      display: block;
      font-family: "Outfit", sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      text-transform: uppercase;
      color: #595959; }
      @media (max-width: 767px) {
        .findProducts .sectionTitle span {
          padding: 0 0 4px 0; } }
    .findProducts .sectionTitle h2 {
      font-family: "Outfit", sans-serif;
      font-size: 64px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      margin: 0;
      color: #363636; }
      @media (max-width: 767px) {
        .findProducts .sectionTitle h2 {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */
          letter-spacing: 0; } }

.productShowAllContnetAlignment {
  padding: 40px 0 80px 0; }
  @media (max-width: 767px) {
    .productShowAllContnetAlignment {
      padding: 2px 0 30px 0; } }
  .productShowAllContnetAlignment .allCardAlignment .grid:last-child {
    border-bottom: 4px solid #292929; }
    @media (max-width: 767px) {
      .productShowAllContnetAlignment .allCardAlignment .grid:last-child {
        border-bottom: 1px solid #292929; } }
  .productShowAllContnetAlignment .allCardAlignment .grid {
    display: grid;
    grid-template-columns: 74px 182px 1fr 152px;
    gap: 28px;
    padding: 40px 0;
    border-bottom: 1px solid #292929; }
    @media (max-width: 767px) {
      .productShowAllContnetAlignment .allCardAlignment .grid {
        padding: 28px 0;
        margin: 0 8px;
        gap: 12px;
        grid-template-columns: repeat(1, 1fr); } }
    @media (max-width: 767px) {
      .productShowAllContnetAlignment .allCardAlignment .grid .twobutton {
        padding: 20px 0 0 0;
        display: grid;
        gap: 12px; } }
    .productShowAllContnetAlignment .allCardAlignment .grid .twobutton button {
      width: 100%;
      cursor: pointer;
      padding: 10px;
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 500;
      border-radius: 999px; }
    .productShowAllContnetAlignment .allCardAlignment .grid .twobutton a:first-child button {
      background-color: transparent;
      margin: 0 0 18px 0;
      color: #000;
      border: 2px solid #292929; }
      @media (max-width: 767px) {
        .productShowAllContnetAlignment .allCardAlignment .grid .twobutton a:first-child button {
          order: 2;
          margin: 0; } }
    .productShowAllContnetAlignment .allCardAlignment .grid .twobutton button:first-child {
      background-color: transparent;
      margin: 0 0 18px 0;
      color: #000;
      border: 2px solid #292929; }
      @media (max-width: 767px) {
        .productShowAllContnetAlignment .allCardAlignment .grid .twobutton button:first-child {
          order: 2;
          margin: 0; } }
    .productShowAllContnetAlignment .allCardAlignment .grid .twobutton button:last-child {
      border: 2px solid #292929;
      background-color: #292929;
      color: #fff; }
      @media (max-width: 767px) {
        .productShowAllContnetAlignment .allCardAlignment .grid .twobutton button:last-child {
          background-color: #2787ac;
          border: 2px solid #2787ac; } }
    .productShowAllContnetAlignment .allCardAlignment .grid .twoContent {
      display: flex;
      align-items: center;
      gap: 60px; }
      @media (max-width: 767px) {
        .productShowAllContnetAlignment .allCardAlignment .grid .twoContent {
          display: grid;
          grid-template-columns: 1fr;
          gap: 4px; } }
      .productShowAllContnetAlignment .allCardAlignment .grid .twoContent p {
        font-family: "Outfit", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        font-weight: 400;
        color: #363636; }
        .productShowAllContnetAlignment .allCardAlignment .grid .twoContent p span {
          font-weight: 600;
          color: #2787ac; }
    .productShowAllContnetAlignment .allCardAlignment .grid .longText {
      padding: 0 0 16px 0; }
      .productShowAllContnetAlignment .allCardAlignment .grid .longText p {
        max-width: 706px;
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        color: #363636;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 24px; }
    .productShowAllContnetAlignment .allCardAlignment .grid .text {
      padding: 0 0 16px 0; }
      .productShowAllContnetAlignment .allCardAlignment .grid .text h5 {
        margin: 0 0 4px 0;
        font-family: "Outfit", sans-serif;
        font-size: 34px;
        font-style: normal;
        font-weight: 500;
        line-height: 44px;
        /* 129.412% */
        color: #363636; }
        @media (max-width: 767px) {
          .productShowAllContnetAlignment .allCardAlignment .grid .text h5 {
            margin: 0 0 16px 0; } }
      .productShowAllContnetAlignment .allCardAlignment .grid .text p {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-weight: 500;
        color: #363636; }
        .productShowAllContnetAlignment .allCardAlignment .grid .text p span {
          font-weight: 300; }
    .productShowAllContnetAlignment .allCardAlignment .grid .image img {
      width: 100%;
      height: 182px;
      object-fit: contain;
      cursor: pointer; }
      @media (max-width: 767px) {
        .productShowAllContnetAlignment .allCardAlignment .grid .image img {
          height: 230px; } }
    .productShowAllContnetAlignment .allCardAlignment .grid .counter button {
      background-color: transparent;
      border: 2px solid #292929;
      padding: 10px;
      cursor: pointer;
      width: 100%;
      border-radius: 999px;
      font-family: "Outfit", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 700;
      color: #292929; }
      @media (max-width: 767px) {
        .productShowAllContnetAlignment .allCardAlignment .grid .counter button {
          width: fit-content;
          padding: 10px 26px; } }

.productDetailsModal {
  background: black;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  left: 0; }

.modal {
  width: 710px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
  background-color: #fff;
  height: 100vh;
  overflow: auto; }
  @media (max-width: 767px) {
    .modal {
      width: 100%;
      overflow: auto; } }
  .modal.hide {
    transform: translateX(100%);
    transition: .3s ease-in-out; }
  .modal.show {
    transform: translateX(0%);
    transition: .3s ease-in-out; }
  .modal .modalspace {
    padding: 59px 74px; }
    @media (max-width: 767px) {
      .modal .modalspace {
        padding: 24px; } }
    .modal .modalspace ::placeholder {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 300;
      color: #CFCFCF; }
    .modal .modalspace .form {
      padding: 0 0 20px 0; }
      .modal .modalspace .form input {
        width: 100%;
        height: 35px;
        border: none;
        border-bottom: 1px solid #292929;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-weight: 300;
        color: #292929; }
        .modal .modalspace .form input:focus {
          outline: none;
          border-bottom: 1px solid #2787ac; }
      .modal .modalspace .form label {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-weight: 700;
        padding: 0 0 12px 0;
        color: #363636;
        display: block; }
        .modal .modalspace .form label span {
          color: #2787ac; }
    .modal .modalspace .button {
      padding: calc(48px - 20px) 0 0 0; }
      .modal .modalspace .button button, .modal .modalspace .button input {
        width: 100%;
        text-align: center;
        border: none;
        border-radius: 99px;
        cursor: pointer;
        background-color: #2787ac;
        padding: 10px 32px;
        color: #fff;
        font-family: "Outfit", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-weight: 500;
        letter-spacing: 0; }
    .modal .modalspace .childContnet {
      padding: 20px 0; }
      .modal .modalspace .childContnet p {
        font-family: "Outfit", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-weight: 700;
        color: #363636; }
    .modal .modalspace .twoContent {
      display: flex;
      align-items: center;
      gap: 60px;
      padding: 0 0 16px 0;
      border-bottom: 2px solid #292929; }
      @media (max-width: 767px) {
        .modal .modalspace .twoContent {
          display: grid;
          grid-template-columns: repeat(1, 1fr);
          gap: 4px; } }
      .modal .modalspace .twoContent p {
        font-family: "Outfit", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        font-weight: 400;
        color: #363636; }
        .modal .modalspace .twoContent p span {
          font-weight: 600;
          color: #2787ac; }
    .modal .modalspace .productCardgrid {
      display: grid;
      grid-template-columns: 58px 1fr;
      gap: 12px;
      padding: 0 0 12px 0; }
      .modal .modalspace .productCardgrid .productCardgridItems img {
        width: 58px;
        object-fit: cover;
        height: 58px; }
      .modal .modalspace .productCardgrid .productCardgridItems span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-weight: 300;
        color: #363636; }
        .modal .modalspace .productCardgrid .productCardgridItems span b {
          font-weight: 500; }
      .modal .modalspace .productCardgrid .productCardgridItems p {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #363636;
        margin: 0 0 4px 0;
        font-weight: 500;
        letter-spacing: 0; }
    .modal .modalspace .title {
      padding: 0 0 21px 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer; }
      .modal .modalspace .title h1 {
        font-family: "Outfit", sans-serif;
        font-size: 34px;
        font-style: normal;
        font-weight: 500;
        line-height: 44px;
        /* 129.412% */
        color: #292929; }
        @media (max-width: 767px) {
          .modal .modalspace .title h1 {
            font-family: "Outfit", sans-serif;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            font-weight: 500; } }

.solutionsheroBanner {
  background-image: url("../images/solutions.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 711px;
  background-position: center center;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative; }
  @media (max-width: 767px) {
    .solutionsheroBanner {
      height: 660px; } }
  .solutionsheroBanner::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 46.67%, rgba(0, 0, 0, 0.66) 100%);
    content: ""; }
  .solutionsheroBanner .wfull {
    width: 100%; }
    @media (max-width: 767px) {
      .solutionsheroBanner .wfull {
        padding: 0 8px; } }
    .solutionsheroBanner .wfull .textgrid {
      display: grid;
      grid-template-columns: 18px 1fr;
      gap: 12px;
      align-items: center; }
      .solutionsheroBanner .wfull .textgrid .textgridItems .icon {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #2787ac; }
      .solutionsheroBanner .wfull .textgrid .textgridItems span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #fff;
        font-weight: 300;
        max-width: 480px; }
        @media (max-width: 767px) {
          .solutionsheroBanner .wfull .textgrid .textgridItems span {
            font-family: "Outfit", sans-serif;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            font-weight: 400;
            max-width: 305px;
            letter-spacing: 0; } }
@keyframes rotate {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
    .solutionsheroBanner .wfull h2 {
      text-align: right; }
    .solutionsheroBanner .wfull h1, .solutionsheroBanner .wfull h2 {
      font-family: "Outfit", sans-serif;
      font-size: 120px;
      font-style: normal;
      font-weight: 400;
      line-height: 141px;
      letter-spacing: -5.4px;
      color: #fff; }
      @media (max-width: 767px) {
        .solutionsheroBanner .wfull h1, .solutionsheroBanner .wfull h2 {
          font-family: "Outfit", sans-serif;
          font-size: 64px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          letter-spacing: 0; } }
    .solutionsheroBanner .wfull h1 {
      margin: 150px 0 0 0; }
      @media (max-width: 767px) {
        .solutionsheroBanner .wfull h1 {
          margin: 50px 0 12px 0; } }
    .solutionsheroBanner .wfull .iconRight {
      text-align: right;
      padding: 20px 0 0 0;
      display: flex;
      justify-content: flex-end; }
      @media (max-width: 767px) {
        .solutionsheroBanner .wfull .iconRight {
          display: none; } }
      .solutionsheroBanner .wfull .iconRight img {
        cursor: pointer;
        animation: rotate  2s linear infinite; }

.solutionsheroBanner::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.1); }

.deliveringSectionAllContnetAlignment {
  padding: calc(80px - 48px) 0 80px 0; }
  .deliveringSectionAllContnetAlignment .text {
    max-width: 867px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .deliveringSectionAllContnetAlignment .text {
        padding: 0 8px; } }
    .deliveringSectionAllContnetAlignment .text h5 {
      font-family: "Outfit", sans-serif;
      font-size: 34px;
      font-style: normal;
      font-weight: 500;
      line-height: 44px;
      /* 129.412% */
      color: #000; }
      @media (max-width: 767px) {
        .deliveringSectionAllContnetAlignment .text h5 {
          font-family: "Outfit", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          line-height: 150%;
          /* 27px */
          font-weight: 500; } }
    .deliveringSectionAllContnetAlignment .text .WaveIcon {
      padding: 20px 0; }
    .deliveringSectionAllContnetAlignment .text p {
      font-family: "Outfit", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      font-weight: 400;
      color: #292929;
      max-width: 486px;
      letter-spacing: 0px; }
      @media (max-width: 767px) {
        .deliveringSectionAllContnetAlignment .text p {
          font-weight: 300; } }

.ourSolutionsContnetAlignment {
  padding: 80px 0; }
  @media (max-width: 767px) {
    .ourSolutionsContnetAlignment {
      padding: 60px 0; } }
  .ourSolutionsContnetAlignment .card {
    cursor: pointer; }
    .ourSolutionsContnetAlignment .card:hover .image img {
      transform: scale(1.2);
      transition: 1s ease-in-out; }
    .ourSolutionsContnetAlignment .card .image {
      overflow: hidden; }
      .ourSolutionsContnetAlignment .card .image img {
        transition: 1s ease-in-out;
        width: 100%;
        height: 220px;
        object-fit: contain; }
    .ourSolutionsContnetAlignment .card .details {
      padding: 15px 0 15px 0;
      border-bottom: 2px solid #292929; }
      .ourSolutionsContnetAlignment .card .details h6 {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-weight: 500;
        letter-spacing: 0px;
        margin: 0 0 4px 0;
        color: #292929; }
        @media (max-width: 767px) {
          .ourSolutionsContnetAlignment .card .details h6 {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            letter-spacing: 0; } }
      .ourSolutionsContnetAlignment .card .details .description {
        height: 50px;
        color: black; }
      .ourSolutionsContnetAlignment .card .details .explore {
        display: flex;
        gap: 8px;
        cursor: pointer;
        align-items: center; }
        .ourSolutionsContnetAlignment .card .details .explore:hover img {
          transform: translate(-3px, 0);
          transition: 0.3s ease-in-out; }
        .ourSolutionsContnetAlignment .card .details .explore img {
          transition: 0.3s ease-in-out; }
        .ourSolutionsContnetAlignment .card .details .explore span {
          display: block;
          font-family: "Outfit", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          color: #292929;
          font-weight: 500; }
      .ourSolutionsContnetAlignment .card .details p {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-weight: 300;
        color: #595959;
        min-height: 46px;
        margin: 0 0 20px 0;
        max-width: 334px; }
        @media (max-width: 767px) {
          .ourSolutionsContnetAlignment .card .details p {
            min-height: auto; } }
  .ourSolutionsContnetAlignment .threeColGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px; }
    @media (max-width: 767px) {
      .ourSolutionsContnetAlignment .threeColGrid {
        grid-template-columns: repeat(1, 1fr);
        margin: 0 8px; } }
  .ourSolutionsContnetAlignment .grid {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 84px;
    padding: 0 0 40px 0; }
    @media (max-width: 767px) {
      .ourSolutionsContnetAlignment .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
        padding: 0 0 20px 0; } }
    .ourSolutionsContnetAlignment .grid .gridItems .twoColGrid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 40px 20px; }
      @media (max-width: 767px) {
        .ourSolutionsContnetAlignment .grid .gridItems .twoColGrid {
          grid-template-columns: repeat(1, 1fr);
          gap: 20px;
          margin: 0 8px; } }
    @media (max-width: 767px) {
      .ourSolutionsContnetAlignment .grid .gridItems .leftContent {
        margin: 0 8px;
        padding: 0 0 16px 0;
        border-bottom: 1px solid #292929; } }
    .ourSolutionsContnetAlignment .grid .gridItems .leftContent button {
      border: none;
      cursor: pointer;
      background-color: #2787ac;
      color: #fff;
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 500;
      padding: 5px 20px;
      margin: 0 0 12px 0;
      border-radius: 999px;
      letter-spacing: 0px; }
      @media (max-width: 767px) {
        .ourSolutionsContnetAlignment .grid .gridItems .leftContent button {
          padding: 10px 20px;
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          letter-spacing: 0;
          font-weight: 400;
          margin: 0 0 16px 0; } }
    .ourSolutionsContnetAlignment .grid .gridItems .leftContent p {
      font-family: "Outfit", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      color: #292929;
      font-weight: 300;
      letter-spacing: 0px;
      max-width: 252px; }
      @media (max-width: 767px) {
        .ourSolutionsContnetAlignment .grid .gridItems .leftContent p {
          max-width: 328px; } }
    .ourSolutionsContnetAlignment .grid .gridItems .leftContent h1 {
      font-family: "Outfit", sans-serif;
      font-size: 64px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      margin: 0 0 12px 0;
      color: #292929; }
      @media (max-width: 767px) {
        .ourSolutionsContnetAlignment .grid .gridItems .leftContent h1 {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */
          margin: 0 0 16px 0; } }

.emergencyRepairs {
  background-color: #F8F8F8;
  padding: 52px 0; }
  .emergencyRepairs:nth-child(2n) .gridItems{
    text-align: right;
  }
  .emergencyRepairs:nth-child(2n) .gridItems p{
    max-width: unset!important;
  }
  @media (max-width: 767px) {
    .emergencyRepairs {
      padding: 32px 0; } }
  .emergencyRepairs .grid {
    display: grid;
    grid-template-columns: 1fr 680px;
    gap: 0;
    align-items: flex-end; }
    @media (max-width: 767px) {
      .emergencyRepairs .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px; } }
    @media (max-width: 767px) {
      .emergencyRepairs .grid .gridItems:last-child {
        order: 1; } }
    @media (max-width: 767px) {
      .emergencyRepairs .grid .gridItems:first-child {
        order: 2;
        margin: 0 8px; } }
    .emergencyRepairs .grid .gridItems h5 {
      font-family: "Outfit", sans-serif;
      font-size: 34px;
      font-style: normal;
      font-weight: 500;
      line-height: 44px;
      /* 129.412% */
      margin: 0 0 4px 0;
      color: #292929; }
      @media (max-width: 767px) {
        .emergencyRepairs .grid .gridItems h5 {
          font-family: "Outfit", sans-serif;
          font-size: 20px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          letter-spacing: 0;
          margin: 0 0 4px 0; } }
    .emergencyRepairs .grid .gridItems .WaveIconMobile {
      display: none;
      padding: 0 0 4px 0; }
      @media (max-width: 767px) {
        .emergencyRepairs .grid .gridItems .WaveIconMobile {
          display: block; } }
    .emergencyRepairs .grid .gridItems .WaveIcon {
      padding: 4px 0 35px 0;
      border-bottom: 2px solid #292929; }
      @media (max-width: 767px) {
        .emergencyRepairs .grid .gridItems .WaveIcon {
          display: none; } }
    .emergencyRepairs .grid .gridItems .mobileViewContentShow {
      display: none;
      margin: 24px 0 0 0;
      border-top: 2px solid #292929; }
      @media (max-width: 767px) {
        .emergencyRepairs .grid .gridItems .mobileViewContentShow {
          display: block; } }
      .emergencyRepairs .grid .gridItems .mobileViewContentShow .leftcontentAlignment {
        padding: 24px 0 0 0;
        margin: 0 8px; }
        .emergencyRepairs .grid .gridItems .mobileViewContentShow .leftcontentAlignment .icongrid {
          display: grid;
          grid-template-columns: 16px 1fr;
          gap: 8px; }
          .emergencyRepairs .grid .gridItems .mobileViewContentShow .leftcontentAlignment .icongrid .mIcon {
            width: 16px;
            height: 16px;
            position: relative;
            top: 5px;
            background-color: #2787ac;
            border-radius: 50%; }
          .emergencyRepairs .grid .gridItems .mobileViewContentShow .leftcontentAlignment .icongrid h6 {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            font-weight: 300;
            color: #292929;
            letter-spacing: 0;
            margin: 0 0 20px 0; }
          .emergencyRepairs .grid .gridItems .mobileViewContentShow .leftcontentAlignment .icongrid span {
            font-family: "Outfit", sans-serif;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            font-weight: 400;
            color: #292929;
            letter-spacing: 0;
            display: block;
            padding: 0 0 20px 0;
            line-height: 150%; }
    .emergencyRepairs .grid .gridItems p {
      font-family: "Outfit", sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      font-weight: 400;
      letter-spacing: 0px;
      /*max-width: 190px;*/
      /*text-transform: uppercase; */
        
    }
      @media (max-width: 767px) {
        .emergencyRepairs .grid .gridItems p {
          line-height: 150%;
          /* 18px */
          padding: 0 0 0 0; } }
    .emergencyRepairs .grid .gridItems .text {
      position: absolute;
      padding: 50px 21px;
      bottom: 0; }
      @media (max-width: 767px) {
        .emergencyRepairs .grid .gridItems .text {
          display: none; } }
      .emergencyRepairs .grid .gridItems .text h5 {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0px;
        font-weight: 400;
        color: #fff; }
    .emergencyRepairs .grid .gridItems .image {
      height: 582px;
      width: 100%;
      position: relative; }
      @media (max-width: 767px) {
        .emergencyRepairs .grid .gridItems .image {
          height: 207px; } }
      .emergencyRepairs .grid .gridItems .image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .emergencyRepairs .grid .gridItems .image::before {
      content: "";
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      background-color: rgba(0, 0, 0, 0.25); }

.partnersInformation {
  padding: 105px 0 calc(95px - 48px) 0; }
  @media (max-width: 767px) {
    .partnersInformation {
      padding: 80px 0 32px 0; } }
  .partnersInformation .texticonGrid {
    display: grid;
    grid-template-columns: 26px 1fr;
    gap: 12px; }
    @media (max-width: 767px) {
      .partnersInformation .texticonGrid {
        grid-template-columns: repeat(1, 1fr);
        padding: 0 8px; } }
    @media (max-width: 767px) {
      .partnersInformation .texticonGrid img {
        display: none; } }
    .partnersInformation .texticonGrid span {
      display: block;
      font-family: "Outfit", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      color: #292929;
      font-weight: 300;
      letter-spacing: 0;
      padding: 0 0 16px 0; }
      @media (max-width: 767px) {
        .partnersInformation .texticonGrid span {
          border-bottom: 1px solid #292929; } }
  .partnersInformation .text {
    padding: 0 0 60px 0; }
    @media (max-width: 767px) {
      .partnersInformation .text {
        padding: 0 8px 32px 8px; } }
    .partnersInformation .text h1 {
      font-family: "Outfit", sans-serif;
      font-size: 120px;
      font-style: normal;
      font-weight: 400;
      line-height: 141px;
      letter-spacing: -5.4px;
      color: #363636;
      line-height: 141px;
      font-size: 117px;
      position: relative; }
      @media (max-width: 767px) {
        .partnersInformation .text h1 {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */
          max-width: 309px;
          letter-spacing: 0; } }
      .partnersInformation .text h1 span {
        color: #fff;
        z-index: 9999;
        position: relative; }
      .partnersInformation .text h1::before {
        position: absolute;
        width: 275px;
        height: 275px;
        background-color: #2787ac;
        content: "";
        right: 0;
        top: 57%;
        border-radius: 50%;
        transform: translateY(-50%); }
        @media (max-width: 767px) {
          .partnersInformation .text h1::before {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            transform: translateY(-50%);
            left: 117px;
            top: 76%;
            right: inherit; } }
  .partnersInformation .button {
    padding: 0 0 17px 0; }
    @media (max-width: 767px) {
      .partnersInformation .button {
        display: none; } }
    .partnersInformation .button button {
      padding: 10px 20px;
      background-color: transparent;
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #292929;
      border: 2px solid #292929;
      font-weight: 500;
      border-radius: 999px; }

.collaboratingContnet {
  padding: calc(72px - 48px) 0 30px 0; }
  @media (max-width: 767px) {
    .collaboratingContnet {
      padding: 0 0 30px 0; } }
  .collaboratingContnet .iconCenter {
    text-align: center; }
    .collaboratingContnet .iconCenter img {
      cursor: pointer; }
  .collaboratingContnet p {
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    color: #292929;
    margin: 0 0 10px 0;
    font-weight: 600;
    text-align: center; }

@media (max-width: 767px) {
  .mobileviewscrolldownnone {
    display: none; } }

.partnersImagesAllContnetAlignment {
  padding: 0 0 80px 0; }
  .partnersImagesAllContnetAlignment .grid {
    display: flex;
    align-items: center;
    gap: 40px 0px;
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      .partnersImagesAllContnetAlignment .grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 0 20px;
        gap: 20px; } }
    .partnersImagesAllContnetAlignment .grid img {
      margin: 0 41px;
      min-width: 330px;
      max-width: 130px;
      max-height: 100px;
      object-fit: contain;
      mix-blend-mode: darken; }
      @media (max-width: 767px) {
        .partnersImagesAllContnetAlignment .grid img {
          margin: 0;
          max-width: 100%;
          height: 120px;
          width: 100%;
          max-height: none;
          object-fit: contain !important; } }

.bepartContentAlignment {
  padding: 0 0 112px 0; }
  @media (max-width: 767px) {
    .bepartContentAlignment {
      padding: 0 0 80px 0; } }
  .bepartContentAlignment .topalignment {
    padding: 20px 0 0 0; }
  .bepartContentAlignment .rightbox {
    display: flex;
    justify-content: flex-end; }
    @media (max-width: 767px) {
      .bepartContentAlignment .rightbox {
        justify-content: center; } }
    .bepartContentAlignment .rightbox .box h1 {
      font-family: "Outfit", sans-serif;
      font-size: 96px;
      font-style: normal;
      font-weight: 400;
      line-height: 125%;
      /* 120px */
      letter-spacing: -4.32px;
      color: #363636;
      margin: 0; }
      @media (max-width: 767px) {
        .bepartContentAlignment .rightbox .box h1 {
          font-family: "Outfit", sans-serif;
          font-size: 24px;
          font-style: normal;
          font-weight: 500;
          line-height: 41px;
          /* 170.833% */
          letter-spacing: 0;
          display: flex; } }
      .bepartContentAlignment .rightbox .box h1 span {
        color: #2787ac;
        display: none; }
        @media (max-width: 767px) {
          .bepartContentAlignment .rightbox .box h1 span {
            display: block;
            padding-left: 5px; } }
    .bepartContentAlignment .rightbox .box .twocontent {
      display: flex;
      gap: 40px; }
      @media (max-width: 767px) {
        .bepartContentAlignment .rightbox .box .twocontent {
          justify-content: center; } }
      .bepartContentAlignment .rightbox .box .twocontent h1 {
        color: #2787ac; }
        @media (max-width: 767px) {
          .bepartContentAlignment .rightbox .box .twocontent h1 {
            display: none; } }

.contactheroBanner {
  background-image: url("../images/contact.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 711px;
  background-position: center center;
  width: 100%;
  display: flex;
  align-items: center; }
  @media (max-width: 767px) {
    .contactheroBanner {
      height: 841px; } }
  .contactheroBanner .wfull {
    width: 100%; }
    .contactheroBanner .wfull .textgrid {
      display: grid;
      grid-template-columns: 18px 1fr;
      gap: 12px;
      align-items: center; }
      .contactheroBanner .wfull .textgrid .textgridItems .icon {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #2787ac; }
      .contactheroBanner .wfull .textgrid .textgridItems span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #fff;
        font-weight: 300;
        max-width: 480px; }
        @media (max-width: 767px) {
          .contactheroBanner .wfull .textgrid .textgridItems span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            letter-spacing: 0;
            font-weight: 300; } }
@keyframes rotate {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
    .contactheroBanner .wfull h2 {
      text-align: right; }
    .contactheroBanner .wfull h1, .contactheroBanner .wfull h2 {
      font-family: "Outfit", sans-serif;
      font-size: 120px;
      font-style: normal;
      font-weight: 400;
      line-height: 141px;
      letter-spacing: -5.4px;
      color: #fff; }
      @media (max-width: 767px) {
        .contactheroBanner .wfull h1, .contactheroBanner .wfull h2 {
          font-family: "Outfit", sans-serif;
          font-size: 64px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          letter-spacing: 0; } }
    .contactheroBanner .wfull h1 {
      margin: 150px 0 0 0; }
      @media (max-width: 767px) {
        .contactheroBanner .wfull h1 {
          margin: 120px 0 12px 0; } }
    .contactheroBanner .wfull .iconRight {
      text-align: right;
      padding: 20px 0 0 0; }
      .contactheroBanner .wfull .iconRight img {
        cursor: pointer;
        animation: rotate  2s linear infinite; }

.letsworkAllContentAlignment {
  padding: 0 0 120px 0; }
  @media (max-width: 767px) {
    .letsworkAllContentAlignment {
      padding: 0 0 60px 0; } }
  .letsworkAllContentAlignment .border {
    border-bottom: 4px solid #292929; }
    @media (max-width: 767px) {
      .letsworkAllContentAlignment .border {
        border: none; } }
  .letsworkAllContentAlignment .textCenterAlignment {
    text-align: center; }
    @media (max-width: 767px) {
      .letsworkAllContentAlignment .textCenterAlignment img {
        max-width: 250px; } }
  .letsworkAllContentAlignment .formAlignment {
    padding: 60px 0 0 0; }
    @media (max-width: 767px) {
      .letsworkAllContentAlignment .formAlignment {
        padding: 46px 16px 0 16px; } }
    .letsworkAllContentAlignment .formAlignment .button {
      padding: 9px 0 0 0; }
      @media (max-width: 767px) {
        .letsworkAllContentAlignment .formAlignment .button {
          padding: 0; } }
      .letsworkAllContentAlignment .formAlignment .button button, .letsworkAllContentAlignment .formAlignment .button input {
        width: 100%;
        text-align: center;
        border: none;
        border-radius: 99px;
        cursor: pointer;
        background-color: #2787ac;
        padding: 10px 32px;
        color: #fff;
        font-family: "Outfit", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-weight: 500;
        height: 46px;
        letter-spacing: 0;
        position: relative;
        transition: .8s ease-in-out; }
        .letsworkAllContentAlignment .formAlignment .button button:hover, .letsworkAllContentAlignment .formAlignment .button input:hover {
          transition: .8s ease-in-out;
          background-color: #292929; }
          .letsworkAllContentAlignment .formAlignment .button button:hover span, .letsworkAllContentAlignment .formAlignment .button input:hover span {
            transform: translate(73%, -50%); }
            @media (max-width: 767px) {
              .letsworkAllContentAlignment .formAlignment .button button:hover span, .letsworkAllContentAlignment .formAlignment .button input:hover span {
                transform: none; } }
          .letsworkAllContentAlignment .formAlignment .button button:hover img, .letsworkAllContentAlignment .formAlignment .button input:hover img {
            opacity: 1;
            transform: translateY(-50%);
            transition: .8s ease-in-out; }
            @media (max-width: 767px) {
              .letsworkAllContentAlignment .formAlignment .button button:hover img, .letsworkAllContentAlignment .formAlignment .button input:hover img {
                transform: none; } }
        .letsworkAllContentAlignment .formAlignment .button button span, .letsworkAllContentAlignment .formAlignment .button input span {
          position: absolute;
          transform: translate(32px, -50%);
          top: 47%;
          width: 100%;
          left: 0;
          transition: .8s ease-in-out;
          text-align: left; }
          @media (max-width: 767px) {
            .letsworkAllContentAlignment .formAlignment .button button span, .letsworkAllContentAlignment .formAlignment .button input span {
              position: initial;
              right: 0;
              transform: none; } }
        .letsworkAllContentAlignment .formAlignment .button button img, .letsworkAllContentAlignment .formAlignment .button input img {
          position: absolute;
          right: 44px;
          transform: translateY(-100%);
          top: 50%;
          opacity: 0;
          transition: .8s ease-in-out; }
          @media (max-width: 767px) {
            .letsworkAllContentAlignment .formAlignment .button button img, .letsworkAllContentAlignment .formAlignment .button input img {
              display: block;
              position: initial;
              opacity: 1;
              right: 0;
              transform: none; } }
        @media (max-width: 767px) {
          .letsworkAllContentAlignment .formAlignment .button button, .letsworkAllContentAlignment .formAlignment .button input {
            display: flex;
            align-items: center;
            gap: 10px; } }
    .letsworkAllContentAlignment .formAlignment .twoColgrid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 40px; }
      @media (max-width: 767px) {
        .letsworkAllContentAlignment .formAlignment .twoColgrid {
          grid-template-columns: repeat(1, 1fr);
          gap: 0; } }
    .letsworkAllContentAlignment .formAlignment ::placeholder {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 300;
      color: #CFCFCF; }
    .letsworkAllContentAlignment .formAlignment .form {
      padding: 0 0 28px 0; }
      @media (max-width: 767px) {
        .letsworkAllContentAlignment .formAlignment .form {
          padding: 0 0 40px 0; } }
      .letsworkAllContentAlignment .formAlignment .form input {
        width: 100%;
        height: 35px;
        border: none;
        border-bottom: 1px solid #292929;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-weight: 300;
        color: #292929; }
        .letsworkAllContentAlignment .formAlignment .form input:focus {
          outline: none;
          border-bottom: 1px solid #2787ac; }
      .letsworkAllContentAlignment .formAlignment .form label {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-weight: 700;
        padding: 0 0 12px 0;
        color: #363636;
        display: block; }
        .letsworkAllContentAlignment .formAlignment .form label span {
          color: #2787ac; }
      .letsworkAllContentAlignment .formAlignment .form span {
        color: red; }
  .letsworkAllContentAlignment .rightText {
    position: relative;
    left: 22%;
    top: -40px; }
    @media (max-width: 767px) {
      .letsworkAllContentAlignment .rightText {
        top: 0;
        left: 0;
        padding: 32px 0 0 0; } }
    .letsworkAllContentAlignment .rightText p {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #363636;
      max-width: 248px;
      margin: 0 auto 0 auto; }
      @media (max-width: 767px) {
        .letsworkAllContentAlignment .rightText p {
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          text-align: center;
          letter-spacing: 0;
          font-weight: 300;
          max-width: 219px; } }

.faq_wrap {
  margin-top: 80px; }
  .faq_wrap h1 {
    font-family: "Outfit", sans-serif;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -5.4px;
    color: #363636;
    line-height: 1.2;
    font-size: 74px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
    text-align: center;
    border-bottom: 4px solid #292929; }

.officeInformation {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0; }
  @media (max-width: 767px) {
    .officeInformation {
      grid-template-columns: repeat(1, 1fr); } }
  .officeInformation .twoMailalignment {
    padding: 12px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 767px) {
      .officeInformation .twoMailalignment {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 4px; } }
    .officeInformation .twoMailalignment span {
      display: block;
      font-weight: 500;
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #fff; }
      @media (max-width: 767px) {
        .officeInformation .twoMailalignment span {
          text-align: center; } }
    .officeInformation .twoMailalignment a {
      font-weight: 300;
      cursor: pointer;
      letter-spacing: 0px;
      color: #fff; }
  .officeInformation .items {
    padding: 60px; }
    @media (max-width: 767px) {
      .officeInformation .items {
        padding: 52px 8px;
        height: auto; } }
    .officeInformation .items .iconcenter {
      text-align: center;
      padding: 0 0 19px 0; }
    .officeInformation .items .fortext {
      padding: 0 0 12px 0;
      border-bottom: 1px solid #fff; }
      .officeInformation .items .fortext p {
        font-family: "Outfit", sans-serif;
        font-size: 34px;
        font-style: normal;
        font-weight: 500;
        line-height: 44px;
        /* 129.412% */
        color: #fff;
        margin: 0;
        text-align: center; }
        @media (max-width: 767px) {
          .officeInformation .items .fortext p {
            font-family: "Outfit", sans-serif;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-align: center;
            font-weight: 600; } }
    .officeInformation .items .leftContent {
      max-width: 457px;
      margin: 0 auto; }
      .officeInformation .items .leftContent .twoContnetAlignment {
        display: flex;
        justify-content: space-between;
        padding: 12px 0 0 0; }
        @media (max-width: 767px) {
          .officeInformation .items .leftContent .twoContnetAlignment {
            display: grid;
            grid-template-columns: repeat(1, 1fr); } }
        .officeInformation .items .leftContent .twoContnetAlignment div span:last-child {
          padding: 0; }
        .officeInformation .items .leftContent .twoContnetAlignment div span {
          display: block;
          font-weight: 500;
          font-family: "Outfit", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: normal; }
          @media (max-width: 767px) {
            .officeInformation .items .leftContent .twoContnetAlignment div span {
              text-align: center; } }
          .officeInformation .items .leftContent .twoContnetAlignment div span a {
            cursor: pointer;
            padding: 0 0 4px 0;
            font-weight: 300;
            color: #363636; }
      .officeInformation .items .leftContent h6 {
        font-family: "Outfit", sans-serif;
        font-size: 34px;
        font-style: normal;
        font-weight: 500;
        line-height: 44px;
        /* 129.412% */
        color: #363636;
        margin: 0 0 28px 0;
        font-weight: 500;
        letter-spacing: 0; }
        @media (max-width: 767px) {
          .officeInformation .items .leftContent h6 {
            font-family: "Outfit", sans-serif;
            font-size: 24px;
            font-style: normal;
            font-weight: 500;
            line-height: 41px;
            /* 170.833% */
            margin: 0 0 20px 0;
            text-align: center; } }
      .officeInformation .items .leftContent .location {
        padding: 0 0 12px 0;
        border-bottom: 1px solid #292929; }
        .officeInformation .items .leftContent .location p {
          font-family: "Outfit", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          font-weight: 300;
          color: #292929;
          max-width: 324px;
          letter-spacing: 0; }
          @media (max-width: 767px) {
            .officeInformation .items .leftContent .location p {
              font-family: "Outfit", sans-serif;
              font-size: 16px;
              font-style: normal;
              font-weight: 600;
              line-height: 150%;
              max-width: 325px;
              font-weight: 300;
              margin: 0 auto;
              text-align: center;
              letter-spacing: 0; } }
        .officeInformation .items .leftContent .location h5 {
          font-family: "Outfit", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          color: #363636;
          font-weight: 700;
          letter-spacing: 0;
          margin: 0 0 12px 0; }
          @media (max-width: 767px) {
            .officeInformation .items .leftContent .location h5 {
              font-family: "Outfit", sans-serif;
              font-size: 16px;
              font-style: normal;
              font-weight: 600;
              line-height: 150%;
              text-align: center;
              font-weight: 600; } }
  .officeInformation .childbox {
    width: 487px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .officeInformation .childbox {
        width: 100%; } }
  .officeInformation .items:nth-child(1) {
    background-color: #EAEAEA; }
  .officeInformation .items:nth-child(2) {
    background-color: #2787ac;
    display: flex;
    align-items: center; }

.officeLocationContentAlignment {
  padding: 120px 0; }
  @media (max-width: 767px) {
    .officeLocationContentAlignment {
      padding: 60px 0; } }
  .officeLocationContentAlignment .contactallradioButtonAlignment {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 0 40px 0;
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      .officeLocationContentAlignment .contactallradioButtonAlignment {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding: 0 14px;
        gap: 14px; } }
    .officeLocationContentAlignment .contactallradioButtonAlignment .radio-button {
      display: flex;
      align-items: center; }
      .officeLocationContentAlignment .contactallradioButtonAlignment .radio-button label {
        display: flex;
        gap: 16px; }
        .officeLocationContentAlignment .contactallradioButtonAlignment .radio-button label span {
          line-height: 1; }
  .officeLocationContentAlignment .lightBox {
    background-color: #F8F8F8;
    padding: 20px; }
    @media (max-width: 767px) {
      .officeLocationContentAlignment .lightBox {
        padding: 20px 8px; } }
    .officeLocationContentAlignment .lightBox .otherlink {
      padding: 12px 0 0 0; }
      .officeLocationContentAlignment .lightBox .otherlink a:last-child {
        padding: 0; }
      .officeLocationContentAlignment .lightBox .otherlink a {
        display: block;
        cursor: pointer;
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        font-weight: 400;
        color: #292929;
        font-weight: 400;
        padding: 0 0 4px 0; }
        @media (max-width: 767px) {
          .officeLocationContentAlignment .lightBox .otherlink a {
            color: #2787ac; } }
        .officeLocationContentAlignment .lightBox .otherlink a span {
          font-weight: 600; }
          @media (max-width: 767px) {
            .officeLocationContentAlignment .lightBox .otherlink a span {
              color: #292929; } }
    .officeLocationContentAlignment .lightBox .add {
      padding: 12px 0;
      border-bottom: 1px solid #292929; }
      .officeLocationContentAlignment .lightBox .add span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        font-weight: 400;
        color: #292929;
        transition: .3s ease-in-out; }
        @media (max-width: 767px) {
          .officeLocationContentAlignment .lightBox .add span {
            font-weight: 300; } }
    .officeLocationContentAlignment .lightBox .area span {
      display: block;
      width: 100%;
      padding: 4px 8px;
      color: #fff;
      font-family: "Outfit", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      font-weight: 600;
      letter-spacing: 0;
      background-color: #292929;
      transition: .3s ease-in-out; }
      @media (max-width: 767px) {
        .officeLocationContentAlignment .lightBox .area span {
          background-color: #2787ac; } }
    .officeLocationContentAlignment .lightBox .centerBox {
      display: flex;
      justify-content: center;
      padding: 80px 0 0 0; }
      @media (max-width: 767px) {
        .officeLocationContentAlignment .lightBox .centerBox {
          display: block;
          padding: 20px 0 0 0; } }
      .officeLocationContentAlignment .lightBox .centerBox .box {
        min-width: 295px;
        padding: 16px;
        max-width: 295px;
        width: 295px; }
        @media (max-width: 767px) {
          .officeLocationContentAlignment .lightBox .centerBox .box {
            width: 100%;
            padding: 16px 0;
            min-width: 100%;
            max-width: 100%; } }
    .officeLocationContentAlignment .lightBox .grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 80px 20px; }
      @media (max-width: 767px) {
        .officeLocationContentAlignment .lightBox .grid {
          grid-template-columns: repeat(1, 1fr);
          gap: 20px; } }
      .officeLocationContentAlignment .lightBox .grid .gridItems {
        padding: 16px;
        cursor: pointer; }
        .officeLocationContentAlignment .lightBox .grid .gridItems:hover .area span {
          background-color: #2787ac;
          transition: .3s ease-in-out; }
        .officeLocationContentAlignment .lightBox .grid .gridItems:hover .otherlink {
          transition: .3s ease-in-out; }
          .officeLocationContentAlignment .lightBox .grid .gridItems:hover .otherlink a {
            color: #2787ac; }
            .officeLocationContentAlignment .lightBox .grid .gridItems:hover .otherlink a span {
              color: #292929; }
        @media (max-width: 767px) {
          .officeLocationContentAlignment .lightBox .grid .gridItems {
            padding: 16px 0 36px 0;
            border-bottom: 1px solid #292929; } }

.navigationdetailsAlignment {
  padding: 0 0 119px 0; }
  @media (max-width: 767px) {
    .navigationdetailsAlignment {
      padding: 0 0 60px 0; } }
  .navigationdetailsAlignment .waveicon {
    padding: 0 0 12px 0;
    text-align: center; }
    @media (max-width: 767px) {
      .navigationdetailsAlignment .waveicon {
        display: flex;
        justify-content: center; } }
  .navigationdetailsAlignment h2.text-center {
    text-align: center; }
  .navigationdetailsAlignment h6 {
    font-family: "Outfit", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #363636;
    margin: 0;
    line-height: 150%;
    font-weight: 500;
    text-align: center; }
    @media (max-width: 767px) {
      .navigationdetailsAlignment h6 {
        margin: 0 20px;
        text-align: center;
        padding: 0 0 20px 0;
        border-bottom: 2px solid #292929; } }
  .navigationdetailsAlignment .line {
    padding: 12px 0 0 0;
    border-bottom: 1px solid #292929; }
    @media (max-width: 767px) {
      .navigationdetailsAlignment .line {
        display: none; } }
  .navigationdetailsAlignment .grid {
    padding: 32px 0 0 0;
    display: grid;
    gap: 20px;
    grid-template-columns: 427px 1fr; }
    @media (max-width: 767px) {
      .navigationdetailsAlignment .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        padding: 20px 20px 0 20px; } }
    .navigationdetailsAlignment .grid .textline {
      border-top: 2px solid #292929; }
    .navigationdetailsAlignment .grid p {
      font-family: "Outfit", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      font-weight: 300;
      color: #292929;
      line-height: 24px;
      margin: 0 0 20px 0; }
      @media (max-width: 767px) {
        .navigationdetailsAlignment .grid p {
          text-align: center; } }
    .navigationdetailsAlignment .grid .image img {
      display: block;
      height: 212px;
      object-fit: cover; }

.faq_section {
  margin-top: 60px; }
  .faq_section > div > p {
    background-color: #F8F8F8;
    padding: 20px;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    font-weight: 700;
    color: #363636;
    display: block;
    text-transform: capitalize; }
  .faq_section > div > div {
    padding: 20px; }
    .faq_section > div > div p {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-weight: 300; }

.faq-btn {
  position: relative; }

.faq-icon {
  height: 30px;
  width: 30px;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .faq-icon::after {
    height: 100%;
    width: 2px;
    background-color: red;
    content: ''; }

.ourStoryHeroBanner {
  background-image: url("../images/ourstory-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 711px;
  background-position: center center;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative; }
  @media (max-width: 767px) {
    .ourStoryHeroBanner {
      height: 660px; } }
  .ourStoryHeroBanner .wfull {
    width: 100%;
    z-index: 1; }
    @media (max-width: 767px) {
      .ourStoryHeroBanner .wfull {
        padding: 0 8px; } }
    .ourStoryHeroBanner .wfull .textgrid {
      display: grid;
      grid-template-columns: 18px 1fr;
      gap: 12px;
      align-items: center; }
      .ourStoryHeroBanner .wfull .textgrid .textgridItems .icon {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #2787ac; }
      .ourStoryHeroBanner .wfull .textgrid .textgridItems span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        max-width: 480px;
        color: #fff;
        font-weight: 300; }
        @media (max-width: 767px) {
          .ourStoryHeroBanner .wfull .textgrid .textgridItems span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            max-width: 319px;
            font-weight: 300; } }
@keyframes rotate {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
    .ourStoryHeroBanner .wfull h2 {
      text-align: right; }
    .ourStoryHeroBanner .wfull h1, .ourStoryHeroBanner .wfull h2 {
      font-family: "Outfit", sans-serif;
      font-size: 120px;
      font-style: normal;
      font-weight: 400;
      line-height: 141px;
      letter-spacing: -5.4px;
      color: #fff; }
      @media (max-width: 767px) {
        .ourStoryHeroBanner .wfull h1, .ourStoryHeroBanner .wfull h2 {
          font-family: "Outfit", sans-serif;
          font-size: 64px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          letter-spacing: 0; } }
    .ourStoryHeroBanner .wfull h1 {
      margin: 150px 0 0 0; }
      @media (max-width: 767px) {
        .ourStoryHeroBanner .wfull h1 {
          margin: 150px 0 12px 0; } }
    .ourStoryHeroBanner .wfull .iconRight {
      text-align: right;
      padding: 20px 0 0 0;
      display: flex;
      justify-content: flex-end; }
      @media (max-width: 767px) {
        .ourStoryHeroBanner .wfull .iconRight {
          display: none; } }
      .ourStoryHeroBanner .wfull .iconRight img {
        cursor: pointer;
        animation: rotate  2s linear infinite; }

.ourStoryHeroBanner::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.25); }

.continiousenvolutionAlignment {
  padding: 130px 0 60px 0; }
  @media (max-width: 767px) {
    .continiousenvolutionAlignment {
      padding: 0 0 60px 0; } }
  .continiousenvolutionAlignment .grid {
    display: grid;
    grid-template-columns: 1fr 455px;
    gap: 32px;
    padding: 40px 0 0 0; }
    @media (max-width: 767px) {
      .continiousenvolutionAlignment .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
        padding: 24px 0 0 0; } }
    @media (max-width: 767px) {
      .continiousenvolutionAlignment .grid .gridItems:last-child {
        padding: 0 11px; } }
    .continiousenvolutionAlignment .grid .gridItems .WaveIcon {
      padding: 0 0 28px 0;
      border-bottom: 2px solid #292929; }
      @media (max-width: 767px) {
        .continiousenvolutionAlignment .grid .gridItems .WaveIcon {
          padding: 0 0 0 0;
          border: none; } }
    .continiousenvolutionAlignment .grid .gridItems h6 {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 700;
      color: #363636;
      margin: 0 0 16px 0; }
    .continiousenvolutionAlignment .grid .gridItems p {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 300;
      color: #363636;
      margin: 0 0 28px 0;
      letter-spacing: 0px;
      line-height: 150%; }
      @media (max-width: 767px) {
        .continiousenvolutionAlignment .grid .gridItems p {
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          letter-spacing: 0;
          margin: 0 0 16px 0;
          font-weight: 300; } }
    .continiousenvolutionAlignment .grid .gridItems .image img {
      width: 100%;
      height: 650px;
      object-fit: cover; }
      @media (max-width: 767px) {
        .continiousenvolutionAlignment .grid .gridItems .image img {
          height: 244px; } }
  .continiousenvolutionAlignment .childText span {
    display: block;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    color: #595959; }
    @media (max-width: 767px) {
      .continiousenvolutionAlignment .childText span {
        padding: 0 8px 8px 8px; } }
  .continiousenvolutionAlignment .titleCountAlignment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 40px 0;
    border-bottom: 4px solid #292929; }
    @media (max-width: 767px) {
      .continiousenvolutionAlignment .titleCountAlignment {
        padding: 0 0 24px 0;
        margin: 0 8px;
        border-bottom: 2px solid #292929; } }
    .continiousenvolutionAlignment .titleCountAlignment h4 {
      font-family: "Outfit", sans-serif;
      font-size: 64px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #292929;
      font-weight: 500; }
      @media (max-width: 767px) {
        .continiousenvolutionAlignment .titleCountAlignment h4 {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */ } }
    .continiousenvolutionAlignment .titleCountAlignment .counter {
      border: 2px solid #292929;
      display: flex;
      align-items: center;
      border-radius: 999px;
      justify-content: center;
      padding: 8px 24px;
      color: #292929;
      font-weight: 500; }
      @media (max-width: 767px) {
        .continiousenvolutionAlignment .titleCountAlignment .counter {
          padding: 10px 20px; } }
      .continiousenvolutionAlignment .titleCountAlignment .counter span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 41px;
        /* 170.833% */ }
        @media (max-width: 767px) {
          .continiousenvolutionAlignment .titleCountAlignment .counter span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            line-height: normal;
            font-weight: 500; } }

.brandIdentityContentAlignment {
  padding: 0 0 60px 0; }
  .brandIdentityContentAlignment .grid {
    display: grid;
    grid-template-columns: 1fr 690px;
    gap: 32px;
    align-items: flex-start;
    padding: 40px 0 0 0; }
    @media (max-width: 767px) {
      .brandIdentityContentAlignment .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px; } }
    .brandIdentityContentAlignment .grid .griditems:nth-child(1) {
      display: flex;
      justify-content: flex-start; }
      @media (max-width: 767px) {
        .brandIdentityContentAlignment .grid .griditems:nth-child(1) {
          order: 2;
          padding: 0 11px; } }
    .brandIdentityContentAlignment .grid .griditems .image img {
      height: 490px;
      object-fit: cover;
      width: 100%; }
      @media (max-width: 767px) {
        .brandIdentityContentAlignment .grid .griditems .image img {
          height: 244px; } }
    .brandIdentityContentAlignment .grid .griditems .maxWidth {
      max-width: 466px; }
      .brandIdentityContentAlignment .grid .griditems .maxWidth .WaveIcon {
        border-bottom: 2px solid #292929;
        padding: 0 0 28px 0; }
        @media (max-width: 767px) {
          .brandIdentityContentAlignment .grid .griditems .maxWidth .WaveIcon {
            border: none;
            padding: 0; } }
      .brandIdentityContentAlignment .grid .griditems .maxWidth h6 {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #363636;
        font-weight: 700;
        text-align: left;
        margin: 0 0 16px 0;
        letter-spacing: 0; }
      .brandIdentityContentAlignment .grid .griditems .maxWidth p {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        line-height: 150%;
        /* 27px */
        margin: 0 0 28px 0;
        color: #363636;
        font-weight: 300; }
        @media (max-width: 767px) {
          .brandIdentityContentAlignment .grid .griditems .maxWidth p {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            font-weight: 300;
            letter-spacing: 0;
            margin: 0 0 16px 0; } }
  .brandIdentityContentAlignment .childText span {
    display: block;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    color: #595959; }
    @media (max-width: 767px) {
      .brandIdentityContentAlignment .childText span {
        padding: 0 8px;
        max-width: 175px; } }
  .brandIdentityContentAlignment .titleCountAlignment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 40px 0;
    border-bottom: 4px solid #292929; }
    @media (max-width: 767px) {
      .brandIdentityContentAlignment .titleCountAlignment {
        border-bottom: 2px solid #292929;
        padding: 0 0 24px 0;
        margin: 0 8px; } }
    .brandIdentityContentAlignment .titleCountAlignment h4 {
      font-family: "Outfit", sans-serif;
      font-size: 64px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #292929;
      font-weight: 500; }
      @media (max-width: 767px) {
        .brandIdentityContentAlignment .titleCountAlignment h4 {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */ } }
    .brandIdentityContentAlignment .titleCountAlignment .counter {
      border: 2px solid #292929;
      display: flex;
      align-items: center;
      border-radius: 999px;
      justify-content: center;
      padding: 8px 24px;
      color: #292929;
      font-weight: 500; }
      @media (max-width: 767px) {
        .brandIdentityContentAlignment .titleCountAlignment .counter {
          padding: 10px 20px; } }
      .brandIdentityContentAlignment .titleCountAlignment .counter span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 41px;
        /* 170.833% */ }
        @media (max-width: 767px) {
          .brandIdentityContentAlignment .titleCountAlignment .counter span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            line-height: normal;
            font-weight: 500; } }

.ourstorymobileviewContent {
  display: none; }
  @media (max-width: 767px) {
    .ourstorymobileviewContent {
      display: block; } }

.teamCultureAllContentAlignment {
  padding: 60px 0; }
  .teamCultureAllContentAlignment .WaveIcon {
    padding: 0 0 28px 0;
    border-bottom: 2px solid #292929; }
    @media (max-width: 767px) {
      .teamCultureAllContentAlignment .WaveIcon {
        padding: 0;
        border: none; } }
  @media (max-width: 767px) {
    .teamCultureAllContentAlignment .image {
      padding: 24px 0 0 0; } }
  .teamCultureAllContentAlignment .image img {
    object-fit: cover;
    width: 100%;
    height: 490px; }
    @media (max-width: 767px) {
      .teamCultureAllContentAlignment .image img {
        height: 244px; } }
  .teamCultureAllContentAlignment .maxWidth {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 32px;
    padding: 40px 0 0 0; }
    @media (max-width: 767px) {
      .teamCultureAllContentAlignment .maxWidth {
        padding: 24px 0 0 0;
        display: grid;
        grid-template-columns: none;
        gap: 24px; } }
    @media (max-width: 767px) {
      .teamCultureAllContentAlignment .maxWidth .order {
        order: 2;
        padding: 0 11px; } }
    .teamCultureAllContentAlignment .maxWidth h5 {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #363636;
      font-weight: 700;
      margin: 0 0 16px 0; }
    .teamCultureAllContentAlignment .maxWidth p {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #363636;
      max-width: 516px;
      font-weight: 300;
      margin: 0 0 28px 0;
      line-height: 150%; }
      @media (max-width: 767px) {
        .teamCultureAllContentAlignment .maxWidth p {
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          font-weight: 300;
          margin: 0 0 16px 0; } }
  .teamCultureAllContentAlignment .childText span {
    display: block;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    color: #595959; }
    @media (max-width: 767px) {
      .teamCultureAllContentAlignment .childText span {
        padding: 0 8px 8px 8px; } }
  .teamCultureAllContentAlignment .titleCountAlignment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 40px 0;
    border-bottom: 4px solid #292929; }
    @media (max-width: 767px) {
      .teamCultureAllContentAlignment .titleCountAlignment {
        border-bottom: 2px solid #292929;
        padding: 0 0 24px 0;
        margin: 0 8px; } }
    .teamCultureAllContentAlignment .titleCountAlignment h4 {
      font-family: "Outfit", sans-serif;
      font-size: 64px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #292929;
      font-weight: 500; }
      @media (max-width: 767px) {
        .teamCultureAllContentAlignment .titleCountAlignment h4 {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */ } }
    .teamCultureAllContentAlignment .titleCountAlignment .counter {
      border: 2px solid #292929;
      display: flex;
      align-items: center;
      border-radius: 999px;
      justify-content: center;
      padding: 8px 24px;
      color: #292929;
      font-weight: 500; }
      @media (max-width: 767px) {
        .teamCultureAllContentAlignment .titleCountAlignment .counter {
          padding: 10px 20px; } }
      .teamCultureAllContentAlignment .titleCountAlignment .counter span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 41px;
        /* 170.833% */ }
        @media (max-width: 767px) {
          .teamCultureAllContentAlignment .titleCountAlignment .counter span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            line-height: normal;
            font-weight: 500; } }

.QhseBanner {
  background-image: url("../images/qhse-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 711px;
  background-position: center center;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative; }
  @media (max-width: 767px) {
    .QhseBanner {
      height: 660px; } }
  .QhseBanner .wfull {
    width: 100%;
    z-index: 1; }
    @media (max-width: 767px) {
      .QhseBanner .wfull {
        margin: 0 8px; } }
    .QhseBanner .wfull .textgrid {
      display: grid;
      grid-template-columns: 18px 1fr;
      gap: 12px; }
      .QhseBanner .wfull .textgrid .textgridItems .icon {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #2787ac; }
      .QhseBanner .wfull .textgrid .textgridItems span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #fff;
        font-weight: 300; }
        @media (max-width: 767px) {
          .QhseBanner .wfull .textgrid .textgridItems span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            font-weight: 300;
            letter-spacing: 0; } }
@keyframes rotate {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
    .QhseBanner .wfull h2 {
      text-align: right; }
    .QhseBanner .wfull h1, .QhseBanner .wfull h2 {
      font-family: "Outfit", sans-serif;
      font-size: 120px;
      font-style: normal;
      font-weight: 400;
      line-height: 141px;
      letter-spacing: -5.4px;
      color: #fff; }
      @media (max-width: 767px) {
        .QhseBanner .wfull h1, .QhseBanner .wfull h2 {
          font-family: "Outfit", sans-serif;
          font-size: 64px;
          font-style: normal;
          font-weight: 500;
          line-height: normal; } }
    .QhseBanner .wfull h1 {
      margin: 150px 0 0 0; }
      @media (max-width: 767px) {
        .QhseBanner .wfull h1 {
          margin: 200px 0 12px 0; } }
    .QhseBanner .wfull .iconRight {
      text-align: right;
      padding: 20px 0 0 0;
      display: flex;
      justify-content: flex-end; }
      @media (max-width: 767px) {
        .QhseBanner .wfull .iconRight {
          display: none; } }
      .QhseBanner .wfull .iconRight img {
        cursor: pointer;
        animation: rotate  2s linear infinite; }

.QhseBanner::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.25); }

.qhseMasterSystems {
  padding: 150px 0 80px 0; }
  @media (max-width: 767px) {
    .qhseMasterSystems {
      padding: 0 0 60px 0; } }
  @media (max-width: 767px) {
    .qhseMasterSystems .text {
      margin: 0 8px; } }
  .qhseMasterSystems .text p {
    font-family: "Outfit", sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
    /* 129.412% */
    color: #363636; }
    @media (max-width: 767px) {
      .qhseMasterSystems .text p {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 27px; } }
  .qhseMasterSystems .waveicon {
    padding: 12px 0; }
    @media (max-width: 767px) {
      .qhseMasterSystems .waveicon {
        padding: 20px 0; } }
  .qhseMasterSystems span {
    display: block;
    max-width: 486px;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    font-weight: 400;
    color: #292929; }
    @media (max-width: 767px) {
      .qhseMasterSystems span {
        font-weight: 300; } }

.qualityContnetAlignment .grid {
  display: grid;
  grid-template-columns: 512px 1fr;
  gap: 32px;
  padding: 40px 0 0 0; }
  @media (max-width: 767px) {
    .qualityContnetAlignment .grid {
      padding: 24px 0 0 0;
      grid-template-columns: repeat(1, 1fr); } }
  @media (max-width: 767px) {
    .qualityContnetAlignment .grid .gridItems:last-child {
      margin: 0 8px; } }
  .qualityContnetAlignment .grid .gridItems .WaveIcon {
    padding: 0 0 28px 0;
    border-bottom: 2px solid #292929; }
    @media (max-width: 767px) {
      .qualityContnetAlignment .grid .gridItems .WaveIcon {
        padding: 0;
        border: none; } }
  .qualityContnetAlignment .grid .gridItems .maxWidth {
    max-width: 513px; }
    .qualityContnetAlignment .grid .gridItems .maxWidth h6 {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #363636;
      font-weight: 700;
      margin: 0 0 16px 0; }
    .qualityContnetAlignment .grid .gridItems .maxWidth p {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #363636;
      font-weight: 300;
      letter-spacing: 0px;
      line-height: 27px;
      margin: 0 0 28px 0; }
      @media (max-width: 767px) {
        .qualityContnetAlignment .grid .gridItems .maxWidth p {
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          font-weight: 300;
          letter-spacing: 0;
          margin: 0 0 16px 0; } }
  .qualityContnetAlignment .grid .gridItems .QualityImage img {
    width: 100%;
    height: 380px;
    object-fit: cover; }
    @media (max-width: 767px) {
      .qualityContnetAlignment .grid .gridItems .QualityImage img {
        height: 244px; } }
.qualityContnetAlignment .childText span {
  display: block;
  font-family: "Outfit", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  color: #595959; }
  @media (max-width: 767px) {
    .qualityContnetAlignment .childText span {
      padding: 0 8px 0 8px; } }
.qualityContnetAlignment .titleCountAlignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 40px 0;
  border-bottom: 4px solid #292929; }
  @media (max-width: 767px) {
    .qualityContnetAlignment .titleCountAlignment {
      padding: 0 0 24px 0;
      border-bottom: 2px solid #292929;
      margin: 0 8px; } }
  .qualityContnetAlignment .titleCountAlignment h4 {
    font-family: "Outfit", sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #292929;
    font-weight: 500; }
    @media (max-width: 767px) {
      .qualityContnetAlignment .titleCountAlignment h4 {
        font-family: "Outfit", sans-serif;
        font-size: 34px;
        font-style: normal;
        font-weight: 500;
        line-height: 44px;
        /* 129.412% */
        letter-spacing: 0; } }
  .qualityContnetAlignment .titleCountAlignment .counter {
    border: 2px solid #292929;
    display: flex;
    align-items: center;
    border-radius: 999px;
    justify-content: center;
    padding: 8px 24px;
    color: #292929;
    font-weight: 500; }
    @media (max-width: 767px) {
      .qualityContnetAlignment .titleCountAlignment .counter {
        padding: 10px 20px; } }
    .qualityContnetAlignment .titleCountAlignment .counter span {
      display: block;
      font-family: "Outfit", sans-serif;
      font-size: 24px;
      font-style: normal;
      font-weight: 500;
      line-height: 41px;
      /* 170.833% */ }
      @media (max-width: 767px) {
        .qualityContnetAlignment .titleCountAlignment .counter span {
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          font-weight: 500;
          line-height: normal; } }

.healthAllContnetAlignment {
  padding: 80px 0; }
  @media (max-width: 767px) {
    .healthAllContnetAlignment {
      padding: 60px 0; } }
  .healthAllContnetAlignment .grid {
    padding: 40px 0 0 0;
    display: grid;
    grid-template-columns: 1fr 512px;
    align-items: flex-end;
    gap: 32px; }
    @media (max-width: 767px) {
      .healthAllContnetAlignment .grid {
        grid-template-columns: repeat(1, 1fr);
        padding: 24px 0 0 0;
        gap: 24px; } }
    @media (max-width: 767px) {
      .healthAllContnetAlignment .grid .gridItems:first-child {
        order: 2;
        margin: 0 8px; } }
    .healthAllContnetAlignment .grid .gridItems .image img {
      width: 100%;
      height: 380px;
      object-fit: cover; }
      @media (max-width: 767px) {
        .healthAllContnetAlignment .grid .gridItems .image img {
          height: 244px; } }
    .healthAllContnetAlignment .grid .gridItems .rightBox {
      display: flex;
      justify-content: flex-end; }
      .healthAllContnetAlignment .grid .gridItems .rightBox .box {
        max-width: 501px; }
        .healthAllContnetAlignment .grid .gridItems .rightBox .box h6 {
          font-family: "Outfit", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          color: #363636;
          margin: 0 0 16px 0;
          font-weight: 700;
          text-align: left; }
        .healthAllContnetAlignment .grid .gridItems .rightBox .box .WaveIcon {
          border-bottom: 2px solid #292929;
          padding: 0 0 28px 0; }
          @media (max-width: 767px) {
            .healthAllContnetAlignment .grid .gridItems .rightBox .box .WaveIcon {
              padding: 0;
              border: none; } }
        .healthAllContnetAlignment .grid .gridItems .rightBox .box p {
          font-family: "Outfit", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          color: #363636;
          line-height: 27px;
          margin: 0 0 28px 0;
          font-weight: 300;
          max-width: 501px; }
          @media (max-width: 767px) {
            .healthAllContnetAlignment .grid .gridItems .rightBox .box p {
              font-family: "Outfit", sans-serif;
              font-size: 16px;
              font-style: normal;
              font-weight: 600;
              line-height: 150%;
              font-weight: 300;
              letter-spacing: 0;
              margin: 0 0 16px 0; } }
  .healthAllContnetAlignment .childText span {
    display: block;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    color: #595959; }
    @media (max-width: 767px) {
      .healthAllContnetAlignment .childText span {
        padding: 0 8px 0 8px; } }
  .healthAllContnetAlignment .titleCountAlignment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 40px 0;
    border-bottom: 4px solid #292929; }
    @media (max-width: 767px) {
      .healthAllContnetAlignment .titleCountAlignment {
        padding: 0 0 24px 0;
        border-bottom: 2px solid #292929;
        margin: 0 8px; } }
    .healthAllContnetAlignment .titleCountAlignment h4 {
      font-family: "Outfit", sans-serif;
      font-size: 64px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #292929;
      font-weight: 500; }
      @media (max-width: 767px) {
        .healthAllContnetAlignment .titleCountAlignment h4 {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */
          letter-spacing: 0; } }
    .healthAllContnetAlignment .titleCountAlignment .counter {
      border: 2px solid #292929;
      display: flex;
      align-items: center;
      border-radius: 999px;
      justify-content: center;
      padding: 8px 24px;
      color: #292929;
      font-weight: 500; }
      @media (max-width: 767px) {
        .healthAllContnetAlignment .titleCountAlignment .counter {
          padding: 10px 20px; } }
      .healthAllContnetAlignment .titleCountAlignment .counter span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 41px;
        /* 170.833% */ }
        @media (max-width: 767px) {
          .healthAllContnetAlignment .titleCountAlignment .counter span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            font-weight: 500;
            line-height: normal; } }

.qhsescrollbarmobileviewshow {
  display: none; }
  @media (max-width: 767px) {
    .qhsescrollbarmobileviewshow {
      display: block; } }

.Environment {
  padding: 80px 0; }
  @media (max-width: 767px) {
    .Environment {
      padding: 60px 0; } }
  .Environment .grid {
    padding: 40px 0 0 0;
    display: grid;
    grid-template-columns: 1fr 512px;
    align-items: flex-end;
    gap: 32px; }
    @media (max-width: 767px) {
      .Environment .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
        padding: 24px 0 0 0; } }
    @media (max-width: 767px) {
      .Environment .grid .gridItems:first-child {
        order: 2;
        margin: 0 8px; } }
    .Environment .grid .gridItems .image img {
      width: 100%;
      height: 380px;
      object-fit: cover; }
      @media (max-width: 767px) {
        .Environment .grid .gridItems .image img {
          height: 244px; } }
    .Environment .grid .gridItems .rightBox {
      display: flex;
      justify-content: flex-end; }
      .Environment .grid .gridItems .rightBox .box {
        max-width: 501px; }
        .Environment .grid .gridItems .rightBox .box h6 {
          font-family: "Outfit", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          color: #363636;
          margin: 0 0 16px 0;
          font-weight: 700;
          text-align: left; }
        .Environment .grid .gridItems .rightBox .box .WaveIcon {
          border-bottom: 2px solid #292929;
          padding: 0 0 28px 0; }
          @media (max-width: 767px) {
            .Environment .grid .gridItems .rightBox .box .WaveIcon {
              padding: 0;
              border: none; } }
        .Environment .grid .gridItems .rightBox .box p {
          font-family: "Outfit", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          color: #363636;
          line-height: 27px;
          margin: 0 0 28px 0;
          font-weight: 300;
          max-width: 501px; }
          @media (max-width: 767px) {
            .Environment .grid .gridItems .rightBox .box p {
              font-family: "Outfit", sans-serif;
              font-size: 16px;
              font-style: normal;
              font-weight: 600;
              line-height: 150%;
              font-weight: 300;
              letter-spacing: 0;
              margin: 0 0 16px 0; } }
  .Environment .childText span {
    display: block;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    color: #595959; }
    @media (max-width: 767px) {
      .Environment .childText span {
        padding: 0 8px 0 8px; } }
  .Environment .titleCountAlignment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 40px 0;
    border-bottom: 4px solid #292929; }
    @media (max-width: 767px) {
      .Environment .titleCountAlignment {
        padding: 0 0 24px 0;
        border-bottom: 2px solid #292929;
        margin: 0 8px; } }
    .Environment .titleCountAlignment h4 {
      font-family: "Outfit", sans-serif;
      font-size: 64px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #292929;
      font-weight: 500; }
      @media (max-width: 767px) {
        .Environment .titleCountAlignment h4 {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */
          letter-spacing: 0; } }
    .Environment .titleCountAlignment .counter {
      border: 2px solid #292929;
      display: flex;
      align-items: center;
      border-radius: 999px;
      justify-content: center;
      padding: 8px 24px;
      color: #292929;
      font-weight: 500; }
      @media (max-width: 767px) {
        .Environment .titleCountAlignment .counter {
          padding: 10px 20px; } }
      .Environment .titleCountAlignment .counter span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 41px;
        /* 170.833% */ }
        @media (max-width: 767px) {
          .Environment .titleCountAlignment .counter span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            font-weight: 500;
            line-height: normal; } }

.safetyAllContentAlignment .grid {
  display: grid;
  grid-template-columns: 512px 1fr;
  gap: 32px;
  padding: 40px 0 0 0; }
  @media (max-width: 767px) {
    .safetyAllContentAlignment .grid {
      padding: 24px 0 0 0;
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 24px; } }
  .safetyAllContentAlignment .grid .gridItems:last-child {
    margin: 0 8px; }
  .safetyAllContentAlignment .grid .gridItems .WaveIcon {
    padding: 0 0 28px 0;
    border-bottom: 2px solid #292929; }
    @media (max-width: 767px) {
      .safetyAllContentAlignment .grid .gridItems .WaveIcon {
        padding: 0;
        border: none; } }
  .safetyAllContentAlignment .grid .gridItems .maxWidth {
    max-width: 513px; }
    .safetyAllContentAlignment .grid .gridItems .maxWidth h6 {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #363636;
      font-weight: 700;
      margin: 0 0 16px 0; }
    .safetyAllContentAlignment .grid .gridItems .maxWidth p {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #363636;
      font-weight: 300;
      letter-spacing: 0px;
      line-height: 27px;
      margin: 0 0 28px 0; }
      @media (max-width: 767px) {
        .safetyAllContentAlignment .grid .gridItems .maxWidth p {
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          font-weight: 300;
          letter-spacing: 0;
          margin: 0 0 16px 0; } }
  .safetyAllContentAlignment .grid .gridItems .QualityImage img {
    width: 100%;
    height: 380px;
    object-fit: cover; }
    @media (max-width: 767px) {
      .safetyAllContentAlignment .grid .gridItems .QualityImage img {
        height: 244px; } }
.safetyAllContentAlignment .childText span {
  display: block;
  font-family: "Outfit", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  color: #595959; }
  @media (max-width: 767px) {
    .safetyAllContentAlignment .childText span {
      padding: 0 8px 0 8px; } }
.safetyAllContentAlignment .titleCountAlignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 40px 0;
  border-bottom: 4px solid #292929; }
  @media (max-width: 767px) {
    .safetyAllContentAlignment .titleCountAlignment {
      padding: 0 0 24px 0;
      border-bottom: 2px solid #292929;
      margin: 0 8px; } }
  .safetyAllContentAlignment .titleCountAlignment h4 {
    font-family: "Outfit", sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #292929;
    font-weight: 500; }
    @media (max-width: 767px) {
      .safetyAllContentAlignment .titleCountAlignment h4 {
        font-family: "Outfit", sans-serif;
        font-size: 34px;
        font-style: normal;
        font-weight: 500;
        line-height: 44px;
        /* 129.412% */
        letter-spacing: 0; } }
  .safetyAllContentAlignment .titleCountAlignment .counter {
    border: 2px solid #292929;
    display: flex;
    align-items: center;
    border-radius: 999px;
    justify-content: center;
    padding: 8px 24px;
    color: #292929;
    font-weight: 500; }
    @media (max-width: 767px) {
      .safetyAllContentAlignment .titleCountAlignment .counter {
        padding: 10px 20px; } }
    .safetyAllContentAlignment .titleCountAlignment .counter span {
      display: block;
      font-family: "Outfit", sans-serif;
      font-size: 24px;
      font-style: normal;
      font-weight: 500;
      line-height: 41px;
      /* 170.833% */ }
      @media (max-width: 767px) {
        .safetyAllContentAlignment .titleCountAlignment .counter span {
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          font-weight: 500;
          line-height: normal; } }

.OurValuesBanner {
  background-image: url("../images/our-values-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 711px;
  background-position: center center;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative; }
  @media (max-width: 767px) {
    .OurValuesBanner {
      height: 660px; } }
  .OurValuesBanner .wfull {
    width: 100%;
    z-index: 1; }
    @media (max-width: 767px) {
      .OurValuesBanner .wfull {
        padding: 0 8px; } }
    .OurValuesBanner .wfull .textgrid {
      display: grid;
      grid-template-columns: 18px 1fr;
      gap: 12px; }
      @media (max-width: 767px) {
        .OurValuesBanner .wfull .textgrid {
          align-items: center; } }
      .OurValuesBanner .wfull .textgrid .textgridItems .icon {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #2787ac; }
      .OurValuesBanner .wfull .textgrid .textgridItems span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #fff;
        font-weight: 300; }
        @media (max-width: 767px) {
          .OurValuesBanner .wfull .textgrid .textgridItems span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            font-weight: 300;
            letter-spacing: 0;
            max-width: 325px; } }
@keyframes rotate {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
    .OurValuesBanner .wfull h2 {
      text-align: right; }
    .OurValuesBanner .wfull h1, .OurValuesBanner .wfull h2 {
      font-family: "Outfit", sans-serif;
      font-size: 120px;
      font-style: normal;
      font-weight: 400;
      line-height: 141px;
      letter-spacing: -5.4px;
      color: #fff; }
      @media (max-width: 767px) {
        .OurValuesBanner .wfull h1, .OurValuesBanner .wfull h2 {
          font-family: "Outfit", sans-serif;
          font-size: 64px;
          font-style: normal;
          font-weight: 500;
          line-height: normal; } }
    .OurValuesBanner .wfull h1 {
      margin: 150px 0 0 0; }
      @media (max-width: 767px) {
        .OurValuesBanner .wfull h1 {
          margin: 360px 0 0 0; } }
    .OurValuesBanner .wfull .iconRight {
      text-align: right;
      padding: 20px 0 0 0;
      display: flex;
      justify-content: flex-end; }
      @media (max-width: 767px) {
        .OurValuesBanner .wfull .iconRight {
          display: none; } }
      .OurValuesBanner .wfull .iconRight img {
        cursor: pointer;
        animation: rotate  2s linear infinite; }

.OurValuesBanner::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.25); }

.textSectionAllContentAlignment {
  padding: 0 0 80px 0; }
  .textSectionAllContentAlignment .grid {
    display: grid;
    grid-template-columns: 512px 1fr;
    gap: 32px; }
    @media (max-width: 767px) {
      .textSectionAllContentAlignment .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 60px; } }
    .textSectionAllContentAlignment .grid .gridItems .image img {
      width: 100%;
      height: 380px;
      object-fit: cover; }
      @media (max-width: 767px) {
        .textSectionAllContentAlignment .grid .gridItems .image img {
          height: 244px; } }
    .textSectionAllContentAlignment .grid .gridItems .textGrid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 32px 60px; }
      @media (max-width: 767px) {
        .textSectionAllContentAlignment .grid .gridItems .textGrid {
          grid-template-columns: repeat(1, 1fr);
          gap: 32px;
          padding: 0 8px; } }
      .textSectionAllContentAlignment .grid .gridItems .textGrid .textGridItems h6 {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin: 0 0 16px 0;
        letter-spacing: 0;
        font-weight: 700;
        color: #2787ac; }
        @media (max-width: 767px) {
          .textSectionAllContentAlignment .grid .gridItems .textGrid .textGridItems h6 {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            font-weight: 600;
            margin: 0 0 16px 0; } }
      .textSectionAllContentAlignment .grid .gridItems .textGrid .textGridItems p {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-weight: 300;
        min-height: 195px;
        border-bottom: 1px solid #292929;
        color: #363636;
        line-height: 150%;
        /* 27px */
        letter-spacing: 0;
        max-width: 335px;
        padding: 0 0 32px 0; }
        @media (max-width: 767px) {
          .textSectionAllContentAlignment .grid .gridItems .textGrid .textGridItems p {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            min-height: auto;
            padding: 0 0 16px 0;
            font-weight: 300;
            max-width: 100%; } }

.visionMissionSectionContnetAlignment {
  padding: 190px 0 160px 0; }
  @media (max-width: 767px) {
    .visionMissionSectionContnetAlignment {
      padding: 0 0 60px 0; } }
  .visionMissionSectionContnetAlignment .grid {
    display: grid;
    grid-template-columns: 486px 1fr;
    gap: 42px; }
    @media (max-width: 767px) {
      .visionMissionSectionContnetAlignment .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        padding: 0 8px; } }
    .visionMissionSectionContnetAlignment .grid .gridItems p {
      font-family: "Outfit", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      letter-spacing: 0;
      color: #292929;
      font-weight: 400; }
      @media (max-width: 767px) {
        .visionMissionSectionContnetAlignment .grid .gridItems p {
          font-weight: 300; } }
    .visionMissionSectionContnetAlignment .grid .gridItems .iconGrid {
      display: grid;
      grid-template-columns: 26px 1fr;
      gap: 42px; }
      @media (max-width: 767px) {
        .visionMissionSectionContnetAlignment .grid .gridItems .iconGrid {
          grid-template-columns: repeat(1, 1fr);
          gap: 20px; } }
      .visionMissionSectionContnetAlignment .grid .gridItems .iconGrid .iconGridItems h6 {
        font-family: "Outfit", sans-serif;
        font-size: 34px;
        font-style: normal;
        font-weight: 500;
        line-height: 44px;
        /* 129.412% */
        color: #363636; }
        @media (max-width: 767px) {
          .visionMissionSectionContnetAlignment .grid .gridItems .iconGrid .iconGridItems h6 {
            font-family: "Outfit", sans-serif;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            letter-spacing: 0;
            font-weight: 500;
            line-height: 27px; } }

.mobileviewOurvalue {
  display: none; }
  @media (max-width: 767px) {
    .mobileviewOurvalue {
      display: block; } }

.CareersBanner {
  background-image: url("../images/careers-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 711px;
  background-position: center center;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative; }
  @media (max-width: 767px) {
    .CareersBanner {
      height: 660px; } }
  .CareersBanner .wfull {
    width: 100%;
    z-index: 1; }
    @media (max-width: 767px) {
      .CareersBanner .wfull {
        padding: 0 8px; } }
    .CareersBanner .wfull .textgrid {
      display: grid;
      grid-template-columns: 18px 1fr;
      gap: 12px; }
      .CareersBanner .wfull .textgrid .textgridItems .icon {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #2787ac; }
      .CareersBanner .wfull .textgrid .textgridItems span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #fff;
        font-weight: 300; }
        @media (max-width: 767px) {
          .CareersBanner .wfull .textgrid .textgridItems span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            font-weight: 300; } }
@keyframes rotate {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
    .CareersBanner .wfull h2 {
      text-align: right; }
    .CareersBanner .wfull h1,
    .CareersBanner .wfull h2 {
      font-family: "Outfit", sans-serif;
      font-size: 120px;
      font-style: normal;
      font-weight: 400;
      line-height: 141px;
      letter-spacing: -5.4px;
      color: #fff; }
      @media (max-width: 767px) {
        .CareersBanner .wfull h1,
        .CareersBanner .wfull h2 {
          font-family: "Outfit", sans-serif;
          font-size: 64px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          letter-spacing: 0;
          font-weight: 500; } }
    .CareersBanner .wfull h1 {
      margin: 150px 0 0 0; }
      @media (max-width: 767px) {
        .CareersBanner .wfull h1 {
          margin: 130px 0 12px 0; } }
    .CareersBanner .wfull .iconRight {
      text-align: right;
      padding: 20px 0 0 0;
      display: flex;
      justify-content: flex-end; }
      @media (max-width: 767px) {
        .CareersBanner .wfull .iconRight {
          display: none; } }
      .CareersBanner .wfull .iconRight img {
        cursor: pointer;
        animation: rotate 2s linear infinite; }

.CareersBanner::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.25); }

.careersContent .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 80px; }
  @media (max-width: 767px) {
    .careersContent .grid {
      grid-template-columns: repeat(1, 1fr);
      gap: 32px;
      padding: 0 8px; } }
  .careersContent .grid .gridItems p {
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #363636;
    font-weight: 700;
    letter-spacing: 0px;
    margin: 0 0 16px 0; }
    @media (max-width: 767px) {
      .careersContent .grid .gridItems p {
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        color: #2787ac;
        letter-spacing: 0; } }
  .careersContent .grid .gridItems .mobilewaveIcon {
    display: none;
    padding: 0 0 16px 0;
    border-bottom: 1px solid #292929; }
    @media (max-width: 767px) {
      .careersContent .grid .gridItems .mobilewaveIcon {
        display: block; } }
  .careersContent .grid .gridItems span {
    display: block;
    padding: 0 0 40px 0;
    border-bottom: 1px solid #292929;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #363636;
    font-weight: 300;
    letter-spacing: 0;
    max-width: 335px; }
    @media (max-width: 767px) {
      .careersContent .grid .gridItems span {
        max-width: 100%;
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: 0;
        margin: 0 0 16px 0;
        padding: 0;
        border: none;
        font-weight: 300; } }

.welcomeSectionContentAlignment {
  background-color: #F8F8F8;
  margin: 80px 0;
  padding: 80px 0;
  margin-bottom: 0; }
  @media (max-width: 767px) {
    .welcomeSectionContentAlignment {
      margin: 60px 0;
      padding: 30px 8px; } }
  .welcomeSectionContentAlignment .button {
    max-width: 490px; }
    .welcomeSectionContentAlignment .button button {
      width: 100%;
      padding: 10px 32px;
      cursor: pointer;
      background-color: #2787ac;
      color: #fff;
      border-radius: 9999px;
      text-align: left;
      font-family: "Outfit", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      border: none; }
      @media (max-width: 767px) {
        .welcomeSectionContentAlignment .button button {
          background-color: #292929;
          display: flex;
          align-items: center;
          gap: 10px; } }
      .welcomeSectionContentAlignment .button button img {
        display: none; }
        @media (max-width: 767px) {
          .welcomeSectionContentAlignment .button button img {
            display: block; } }
  .welcomeSectionContentAlignment .text {
    padding: 0 0 40px 0; }
    @media (max-width: 767px) {
      .welcomeSectionContentAlignment .text {
        padding: 0 0 16px 0; } }
    .welcomeSectionContentAlignment .text .mobileWaveICon {
      display: none;
      padding: 0 0 8px 0; }
      @media (max-width: 767px) {
        .welcomeSectionContentAlignment .text .mobileWaveICon {
          display: block; } }
    .welcomeSectionContentAlignment .text span {
      font-family: "Outfit", sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      font-weight: 400;
      letter-spacing: 0;
      text-transform: uppercase;
      color: #363636; }
      @media (max-width: 767px) {
        .welcomeSectionContentAlignment .text span {
          padding: 0 0 8px 0; } }
    .welcomeSectionContentAlignment .text h6 {
      font-family: "Outfit", sans-serif;
      font-size: 34px;
      font-style: normal;
      font-weight: 500;
      line-height: 44px;
      /* 129.412% */
      color: #363636;
      max-width: 859px; }
      @media (max-width: 767px) {
        .welcomeSectionContentAlignment .text h6 {
          font-family: "Outfit", sans-serif;
          font-size: 20px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          padding: 0 0 16px 0;
          border-bottom: 1px solid #292929; } }

.weofferAllContnetAlignment {
  padding: 150px 0 80px 0; }
  @media (max-width: 767px) {
    .weofferAllContnetAlignment {
      padding: 0 0 60px 0; } }
  .weofferAllContnetAlignment .firstText {
    padding: 0 0 12px 0; }
    @media (max-width: 767px) {
      .weofferAllContnetAlignment .firstText {
        padding: 0 8px 20px 8px; } }
    .weofferAllContnetAlignment .firstText p {
      font-family: "Outfit", sans-serif;
      font-size: 34px;
      font-style: normal;
      font-weight: 500;
      line-height: 44px;
      /* 129.412% */
      color: #363636;
      max-width: 868px; }
      @media (max-width: 767px) {
        .weofferAllContnetAlignment .firstText p {
          font-family: "Outfit", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: normal; } }
  .weofferAllContnetAlignment .grid {
    display: grid;
    grid-template-columns: 1fr 690px;
    gap: 40px; }
    @media (max-width: 767px) {
      .weofferAllContnetAlignment .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px; } }
    @media (max-width: 767px) {
      .weofferAllContnetAlignment .grid .gridItems:nth-child(1) {
        padding: 0 8px; } }
    .weofferAllContnetAlignment .grid .gridItems .WaveIcon {
      padding: 0 0 12px 0; }
    .weofferAllContnetAlignment .grid .gridItems p {
      font-family: "Outfit", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      letter-spacing: 0px;
      font-weight: 400;
      color: #000; }
    .weofferAllContnetAlignment .grid .gridItems .image img {
      height: 490px;
      object-fit: cover;
      width: 100%; }
      @media (max-width: 767px) {
        .weofferAllContnetAlignment .grid .gridItems .image img {
          height: 324px; } }

.mobileViewSectionShow {
  display: none; }
  @media (max-width: 767px) {
    .mobileViewSectionShow {
      display: block; } }

.achievementsCertificatesHerosection {
  padding: 39px 0 83px 0;
  background-color: #F8F8F8; }
  @media (max-width: 767px) {
    .achievementsCertificatesHerosection {
      padding: 60px 0 60px 0;
      border-bottom: 2px solid #292929;
      margin: 0 8px; } }
  .achievementsCertificatesHerosection .grid {
    display: grid;
    grid-template-columns: 512px 1fr;
    gap: 18px; }
    @media (max-width: 767px) {
      .achievementsCertificatesHerosection .grid {
        gap: 32px;
        grid-template-columns: repeat(1, 1fr); } }
    .achievementsCertificatesHerosection .grid .gridItems .image img {
      width: 100%;
      height: 380px;
      object-fit: cover; }
      @media (max-width: 767px) {
        .achievementsCertificatesHerosection .grid .gridItems .image img {
          height: 324px;
          object-position: center; } }
    .achievementsCertificatesHerosection .grid .gridItems .icontextGrid {
      display: grid;
      grid-template-columns: 26px 1fr;
      gap: 16px; }
      @media (max-width: 767px) {
        .achievementsCertificatesHerosection .grid .gridItems .icontextGrid {
          grid-template-columns: repeat(1, 1fr);
          gap: 8px; } }
      .achievementsCertificatesHerosection .grid .gridItems .icontextGrid .icontextGridItems .scrolldownText {
        margin-top: -20px; }
        @media (max-width: 767px) {
          .achievementsCertificatesHerosection .grid .gridItems .icontextGrid .icontextGridItems .scrolldownText {
            display: none; } }
        .achievementsCertificatesHerosection .grid .gridItems .icontextGrid .icontextGridItems .scrolldownText span {
          display: block;
          font-family: "Outfit", sans-serif;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal;
          color: #292929;
          cursor: pointer; }
      .achievementsCertificatesHerosection .grid .gridItems .icontextGrid .icontextGridItems .centerRound {
        display: flex;
        justify-content: center; }
        @media (max-width: 767px) {
          .achievementsCertificatesHerosection .grid .gridItems .icontextGrid .icontextGridItems .centerRound {
            justify-content: flex-end;
            padding-right: 30px; } }
      .achievementsCertificatesHerosection .grid .gridItems .icontextGrid .icontextGridItems .textGrid h6 {
        font-family: "Outfit", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin: 0 0 20px 0;
        color: #363636;
        font-weight: 700; }
        @media (max-width: 767px) {
          .achievementsCertificatesHerosection .grid .gridItems .icontextGrid .icontextGridItems .textGrid h6 {
            margin: 0 0 12px 0; } }
      .achievementsCertificatesHerosection .grid .gridItems .icontextGrid .icontextGridItems .textGrid p {
        font-family: "Outfit", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #363636;
        font-weight: 400;
        margin: 0 0 44px 0;
        max-width: 470px;
        line-height: 150%;
        /* 18px */
        letter-spacing: 0; }
  .achievementsCertificatesHerosection .text {
    padding: 0 0 16px 0; }
    @media (max-width: 767px) {
      .achievementsCertificatesHerosection .text {
        padding: 0 8px 60px 8px; } }
    .achievementsCertificatesHerosection .text h1 {
      text-align: right;
      font-family: "Outfit", sans-serif;
      font-size: 96px;
      font-style: normal;
      font-weight: 400;
      line-height: 125%;
      /* 120px */
      letter-spacing: -4.32px;
      color: #363636; }
      @media (max-width: 767px) {
        .achievementsCertificatesHerosection .text h1 {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */
          letter-spacing: 0; } }
    .achievementsCertificatesHerosection .text .texticon {
      display: flex;
      align-items: center;
      gap: 30px; }
      @media (max-width: 767px) {
        .achievementsCertificatesHerosection .text .texticon {
          gap: 9px; } }
      @media (max-width: 767px) {
        .achievementsCertificatesHerosection .text .texticon img {
          max-width: 27px; } }
      .achievementsCertificatesHerosection .text .texticon h2 {
        font-family: "Outfit", sans-serif;
        font-size: 96px;
        font-style: normal;
        font-weight: 400;
        line-height: 125%;
        /* 120px */
        letter-spacing: -4.32px;
        color: #363636; }
        @media (max-width: 767px) {
          .achievementsCertificatesHerosection .text .texticon h2 {
            font-family: "Outfit", sans-serif;
            font-size: 34px;
            font-style: normal;
            font-weight: 500;
            line-height: 44px;
            /* 129.412% */
            letter-spacing: 0; } }

.certificatesallContnetAlignment {
  padding: 0 0 80px 0;
  background-color: #F8F8F8; }
  @media (max-width: 767px) {
    .certificatesallContnetAlignment {
      padding: 0 0 60px 0; } }
  .certificatesallContnetAlignment .title {
    padding: 0 0 40px 0;
    border-bottom: 4px solid #292929; }
    @media (max-width: 767px) {
      .certificatesallContnetAlignment .title {
        border: none;
        padding: 0 0 60px 0; } }
    .certificatesallContnetAlignment .title p {
      font-family: "Outfit", sans-serif;
      font-size: 64px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 500;
      color: #363636;
      margin: 0; }
      @media (max-width: 767px) {
        .certificatesallContnetAlignment .title p {
          font-family: "Outfit", sans-serif;
          font-size: 24px;
          font-style: normal;
          font-weight: 500;
          line-height: 41px;
          /* 170.833% */
          font-weight: 500;
          text-align: center; } }
  .certificatesallContnetAlignment .grid {
    padding: 40px 0 0 0;
    display: grid;
    gap: 40px 25px;
    grid-template-columns: repeat(6, 1fr); }
    @media (max-width: 767px) {
      .certificatesallContnetAlignment .grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 0 8px; } }
    .certificatesallContnetAlignment .grid .gridItems .cardimage {
      height: 178px;
      width: 100%;
      background-color: #fff; }
      .certificatesallContnetAlignment .grid .gridItems .cardimage img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .certificatesallContnetAlignment .grid .gridItems .details {
      padding: 12px 0;
      border-bottom: 2px solid #292929; }
      .certificatesallContnetAlignment .grid .gridItems .details .iconText {
        display: grid;
        grid-template-columns: 9px 1fr;
        align-items: center;
        gap: 4px; }
        .certificatesallContnetAlignment .grid .gridItems .details .iconText span {
          font-family: "Outfit", sans-serif;
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          font-weight: 400;
          color: #292929; }
          .certificatesallContnetAlignment .grid .gridItems .details .iconText span a {
            font-weight: 600;
            color: #363636; }
        .certificatesallContnetAlignment .grid .gridItems .details .iconText div {
          width: 9px;
          height: 9px;
          border-radius: 50%;
          border: 2px solid #292929; }
      .certificatesallContnetAlignment .grid .gridItems .details p {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #292929;
        font-weight: 500;
        margin: 0;
        display: -webkit-box;
        max-width: 400px;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 500; }
        @media (max-width: 767px) {
          .certificatesallContnetAlignment .grid .gridItems .details p {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            letter-spacing: 0; } }

.milestonesContnetAlignment {
  background-color: #F8F8F8;
  padding: 0 0 80px 0; }
  @media (max-width: 767px) {
    .milestonesContnetAlignment {
      padding: 28px 0 60px 0; } }
  .milestonesContnetAlignment .leftrightMobileAlignment {
    padding: 0 0 28px 0;
    margin: 0 8px;
    border-bottom: 2px solid #292929;
    display: none; }
    @media (max-width: 767px) {
      .milestonesContnetAlignment .leftrightMobileAlignment {
        display: block; } }
    .milestonesContnetAlignment .leftrightMobileAlignment .buttonAlignment {
      display: flex;
      align-items: center;
      gap: 8px;
      justify-content: center;
      flex-wrap: wrap;
      max-width: 310px;
      margin: 0 auto; }
    .milestonesContnetAlignment .leftrightMobileAlignment button {
      padding: 4px 8px;
      font-family: "Outfit", sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0;
      font-weight: 400;
      color: #363636;
      border-radius: 8px;
      border: none;
      background-color: #EAEAEA;
      transition: 0.3s ease-in-out; }
      .milestonesContnetAlignment .leftrightMobileAlignment button:hover {
        background-color: #2787ac;
        color: #fff;
        transition: 0.3s ease-in-out; }
  .milestonesContnetAlignment .grid {
    display: grid;
    grid-template-columns: 1fr 560px;
    gap: 40px;
    padding: 32px 0;
    border-bottom: 1px solid #292929; }
    @media (max-width: 767px) {
      .milestonesContnetAlignment .grid {
        grid-template-columns: repeat(1, 1fr);
        border: none;
        padding: 0 0 32px 0; } }
    .milestonesContnetAlignment .grid .lineGrid {
      display: grid;
      grid-template-columns: 1px 1fr;
      gap: 50px;
      margin: 0 0 10px 0; }
      @media (max-width: 767px) {
        .milestonesContnetAlignment .grid .lineGrid {
          margin: 0 0 40px 0;
          gap: 30px; } }
      .milestonesContnetAlignment .grid .lineGrid .lineGridItems:nth-child(1) {
        border-left: 1px solid #292929; }
      .milestonesContnetAlignment .grid .lineGrid .lineGridItems .boxgrid {
        display: grid;
        grid-template-columns: 10px 1fr;
        gap: 24px;
        align-items: center; }
        @media (max-width: 767px) {
          .milestonesContnetAlignment .grid .lineGrid .lineGridItems .boxgrid {
            gap: 20px; } }
        .milestonesContnetAlignment .grid .lineGrid .lineGridItems .boxgrid .boxgridItems span {
          display: block;
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          font-weight: 300; }
        .milestonesContnetAlignment .grid .lineGrid .lineGridItems .boxgrid .boxgridItems .icon {
          width: 40px;
          height: 40px;
          border-radius: 4px;
          font-size: x-large;
          font-weight: 300;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #fff; }
    .milestonesContnetAlignment .grid .gridItems:last-child {
      max-height: 560px;
      overflow: auto; }
      @media (max-width: 767px) {
        .milestonesContnetAlignment .grid .gridItems:last-child {
          margin: 0 8px;
          max-height: 390px;
          background: linear-gradient(180deg, #f8f8f8 0%, rgba(248, 248, 248, 0) 11%, rgba(248, 248, 248, 0) 89.37%, #f8f8f8 100%); } }
    .milestonesContnetAlignment .grid ::-webkit-scrollbar-track {
      border-radius: 10px;
      background-color: transparent; }
    .milestonesContnetAlignment .grid ::-webkit-scrollbar-thumb {
      -webkit-border-radius: 10px;
      border-radius: 10px; }
    .milestonesContnetAlignment .grid .gridItems ul {
      display: flex;
      flex-direction: column;
      gap: 10px;
      height: 250px;
      overflow: auto; }
    .milestonesContnetAlignment .grid .gridItems .textGrid {
      display: grid;
      grid-template-columns: 138px 1fr;
      gap: 103px;
      align-items: center; }
      @media (max-width: 767px) {
        .milestonesContnetAlignment .grid .gridItems .textGrid {
          grid-template-columns: repeat(1, 1fr); } }
      @media (max-width: 767px) {
        .milestonesContnetAlignment .grid .gridItems .textGrid .textGridItems:nth-child(1) {
          display: none; } }
      .milestonesContnetAlignment .grid .gridItems .textGrid .twoColGrid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0; }
        .milestonesContnetAlignment .grid .gridItems .textGrid .twoColGrid span:last-child {
          border: none; }
        .milestonesContnetAlignment .grid .gridItems .textGrid .twoColGrid span {
          display: block;
          padding: 2px;
          text-align: center;
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          font-weight: 300;
          color: #363636;
          cursor: pointer;
          border-bottom: 1px solid #969696;
          transition: 0.3s ease-in-out; }
          .milestonesContnetAlignment .grid .gridItems .textGrid .twoColGrid span:hover {
            color: #2787ac;
            transition: 0.3s ease-in-out; }
      @media (max-width: 767px) {
        .milestonesContnetAlignment .grid .gridItems .textGrid .textGridItems .lgtext {
          padding: 0 8px; } }
      .milestonesContnetAlignment .grid .gridItems .textGrid .textGridItems .lgtext p {
        font-family: "Outfit", sans-serif;
        font-size: 120px;
        font-style: normal;
        font-weight: 400;
        line-height: 141px;
        letter-spacing: -5.4px;
        color: #363636;
        font-size: 128px;
        line-height: 128px; }
        @media (max-width: 767px) {
          .milestonesContnetAlignment .grid .gridItems .textGrid .textGridItems .lgtext p {
            font-family: "Outfit", sans-serif;
            font-size: 64px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-align: center; } }
  .milestonesContnetAlignment .sectionHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 32px 0;
    border-bottom: 2px solid #292929; }
    @media (max-width: 767px) {
      .milestonesContnetAlignment .sectionHeader {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        padding: 0 8px 28px 8px;
        border: none; } }
    .milestonesContnetAlignment .sectionHeader .rightContnet button {
      border: none;
      border-radius: 999px;
      padding: 8px 16px;
      cursor: pointer;
      font-family: "Outfit", sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      font-weight: 400;
      background-color: transparent;
      border: 2px solid #292929;
      color: #595959; }
    .milestonesContnetAlignment .sectionHeader .leftcontnet {
      display: flex;
      align-items: center;
      gap: 4px; }
      @media (max-width: 767px) {
        .milestonesContnetAlignment .sectionHeader .leftcontnet img {
          max-width: 20px; } }
      .milestonesContnetAlignment .sectionHeader .leftcontnet p {
        font-family: "Outfit", sans-serif;
        font-size: 64px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #363636; }
        @media (max-width: 767px) {
          .milestonesContnetAlignment .sectionHeader .leftcontnet p {
            font-family: "Outfit", sans-serif;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            font-weight: 700; } }

.GetInTouch {
  border: 2px solid #292929;
  width: 140px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  -webkit-appearance: textfield;
  overflow: hidden; }
  .GetInTouch:hover {
    border: 2px solid #2787ac;
    transition: .5s ease-in-out; }
    .GetInTouch:hover::before {
      transform: translateY(0%);
      opacity: 1;
      transition: .5s ease-in-out; }
    .GetInTouch:hover svg path {
      stroke: #fff; }
    .GetInTouch:hover .secText,
    .GetInTouch:hover .textIcon {
      position: relative; }
      .GetInTouch:hover .secText span,
      .GetInTouch:hover .textIcon span {
        color: #fff; }
  @media (max-width: 767px) {
    .GetInTouch svg path {
      stroke: #fff; } }
  .GetInTouch::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2787ac;
    content: "";
    border-radius: 50%;
    transform: translateY(100%);
    opacity: 0;
    transition: .5s ease-in-out; }
  @media (max-width: 767px) {
    .GetInTouch {
      width: 110px;
      height: 110px;
      background-color: #2787ac;
      border: 2px solid #2787ac; } }
  .GetInTouch .secText span {
    display: block;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-weight: 500;
    color: #292929; }
    @media (max-width: 767px) {
      .GetInTouch .secText span {
        color: #fff; } }
  .GetInTouch .textIcon {
    display: flex;
    align-items: center;
    gap: 10px; }
    @media (max-width: 767px) {
      .GetInTouch .textIcon .mobilenone {
        display: none; } }
    .GetInTouch .textIcon .mobileshow {
      display: none; }
      @media (max-width: 767px) {
        .GetInTouch .textIcon .mobileshow {
          display: block; } }
    .GetInTouch .textIcon span {
      display: block;
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 500;
      color: #292929; }
      @media (max-width: 767px) {
        .GetInTouch .textIcon span {
          color: #fff; } }

.automationherosection {
  padding: 117px 0 159px 0; }
  @media (max-width: 767px) {
    .automationherosection {
      padding: 60px 19px; } }
  .automationherosection .grid {
    display: grid;
    grid-template-columns: 505px 1fr;
    gap: 183px; }
    @media (max-width: 767px) {
      .automationherosection .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px; } }
    .automationherosection .grid .griditems .box {
      width: 100%;
      height: 389px;
      border: 1px solid #ECECEC;
      border-radius: 36px;
      padding: 39px 44px;
      background-color: #fff;
      box-shadow: 0px 0px 31.1px 0px rgba(0, 0, 0, 0.15);
      display: flex;
      align-items: flex-end; }
      @media (max-width: 767px) {
        .automationherosection .grid .griditems .box {
          height: auto;
          align-items: center;
          padding: 45px 30px; } }
      .automationherosection .grid .griditems .box .buttonrightAlignment {
        display: flex;
        justify-content: flex-end; }
        .automationherosection .grid .griditems .box .buttonrightAlignment button {
          padding: 12px;
          border: none;
          cursor: pointer;
          font-family: "Outfit", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          justify-content: center;
          display: flex;
          border-radius: 999px;
          min-width: 152px;
          align-items: center;
          gap: 8px;
          background-color: #2787ac;
          color: #fff; }
      .automationherosection .grid .griditems .box .imagecenter {
        display: flex;
        justify-content: center;
        padding: 0 0 28px 0; }
    @media (max-width: 767px) {
      .automationherosection .grid .griditems img[alt="WaveIcon"] {
        display: none; } }
    .automationherosection .grid .griditems img[alt="MobileWaveIcon"] {
      display: none; }
      @media (max-width: 767px) {
        .automationherosection .grid .griditems img[alt="MobileWaveIcon"] {
          display: block; } }
    .automationherosection .grid .griditems h1 {
      font-family: "Outfit", sans-serif;
      font-size: 96px;
      font-style: normal;
      font-weight: 400;
      line-height: 125%;
      /* 120px */
      letter-spacing: -4.32px;
      color: #292929;
      margin: 0 0 12px 0; }
      @media (max-width: 767px) {
        .automationherosection .grid .griditems h1 {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */
          letter-spacing: 0; } }
    .automationherosection .grid .griditems p {
      font-family: "Outfit", sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      color: #363636;
      line-height: 150%; }
      @media (max-width: 767px) {
        .automationherosection .grid .griditems p {
          max-width: 351px;
          margin: 0 0 12px 0; } }
    .automationherosection .grid .griditems h2 {
      font-family: "Outfit", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      margin: 0 0 12px 0;
      color: #363636;
      font-weight: 700; }
      @media (max-width: 767px) {
        .automationherosection .grid .griditems h2 {
          font-family: "Outfit", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          font-weight: 700; } }

@media (max-width: 767px) {
  .automationservicesallContnetAlignment .servicebutton {
    padding: 0 28px 16px 28px; } }
.automationservicesallContnetAlignment .servicebutton button {
  border: none;
  cursor: pointer;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-weight: 500;
  border-radius: 999px;
  background-color: #2787ac;
  padding: 5px 20px;
  color: #fff; }
.automationservicesallContnetAlignment h2 {
  font-family: "Outfit", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #363636;
  margin: 0; }
  @media (max-width: 767px) {
    .automationservicesallContnetAlignment h2 {
      font-family: "Outfit", sans-serif;
      font-size: 34px;
      font-style: normal;
      font-weight: 500;
      line-height: 44px;
      /* 129.412% */
      margin: 0 28px; } }
.automationservicesallContnetAlignment h3 {
  font-family: "Outfit", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #2787ac;
  margin: 0 0 48px 0; }
  @media (max-width: 767px) {
    .automationservicesallContnetAlignment h3 {
      font-family: "Outfit", sans-serif;
      font-size: 34px;
      font-style: normal;
      font-weight: 500;
      line-height: 44px;
      /* 129.412% */
      margin: 0 28px 24px 28px; } }
.automationservicesallContnetAlignment .lightbanner {
  background-color: #eaeaea;
  padding: 80px 0; }
  @media (max-width: 767px) {
    .automationservicesallContnetAlignment .lightbanner {
      padding: 24px 0;
      margin: 0 0 60px 0; } }
  .automationservicesallContnetAlignment .lightbanner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px; }
    @media (max-width: 767px) {
      .automationservicesallContnetAlignment .lightbanner .grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 9px;
        padding: 0 23px; } }
    .automationservicesallContnetAlignment .lightbanner .grid .image {
      height: 310px;
      width: 100%;
      border-radius: 20px; }
      @media (max-width: 767px) {
        .automationservicesallContnetAlignment .lightbanner .grid .image {
          height: 147px;
          border-radius: 9.492px; } }
      .automationservicesallContnetAlignment .lightbanner .grid .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px; }
        @media (max-width: 767px) {
          .automationservicesallContnetAlignment .lightbanner .grid .image img {
            border-radius: 9.492px; } }
    .automationservicesallContnetAlignment .lightbanner .grid .allContentImageUpper {
      background: linear-gradient(0deg, rgba(34, 135, 172, 0.5) 0%, rgba(34, 135, 172, 0.5) 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 20px;
      flex-direction: column; }
      @media (max-width: 767px) {
        .automationservicesallContnetAlignment .lightbanner .grid .allContentImageUpper {
          border-radius: 9.492px; } }
    .automationservicesallContnetAlignment .lightbanner .grid .griditems {
      position: relative; }
      .automationservicesallContnetAlignment .lightbanner .grid .griditems .iconcenteralignment {
        padding: 0 0 20px 0;
        display: flex;
        justify-content: center; }
        @media (max-width: 767px) {
          .automationservicesallContnetAlignment .lightbanner .grid .griditems .iconcenteralignment {
            padding: 0 0 9px 0; }
            .automationservicesallContnetAlignment .lightbanner .grid .griditems .iconcenteralignment img {
              max-width: 36px; } }
      .automationservicesallContnetAlignment .lightbanner .grid .griditems .listalignment {
        max-width: 305px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap; }
        @media (max-width: 767px) {
          .automationservicesallContnetAlignment .lightbanner .grid .griditems .listalignment {
            max-width: 90%;
            gap: 4px; font-size: 9px;} }
        .automationservicesallContnetAlignment .lightbanner .grid .griditems .listalignment span:first-child {
          padding-left: 0; }
          .automationservicesallContnetAlignment .lightbanner .grid .griditems .listalignment span:first-child::before {
            content: none; }
        .automationservicesallContnetAlignment .lightbanner .grid .griditems .listalignment span {
          display: block;
          font-family: "Outfit", sans-serif;
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          color: #fff;
          position: relative;
          padding-left: 15px; }
          @media (max-width: 767px) {
            .automationservicesallContnetAlignment .lightbanner .grid .griditems .listalignment span {
              font-size: 5.695px;
              font-style: normal;
              font-weight: 400;
              padding-left: 5px;
              line-height: 150%; } }
          .automationservicesallContnetAlignment .lightbanner .grid .griditems .listalignment span::before {
            width: 6px;
            height: 6px;
            background-color: #fff;
            border-radius: 6px;
            content: "";
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0; }
            @media (max-width: 767px) {
              .automationservicesallContnetAlignment .lightbanner .grid .griditems .listalignment span::before {
                width: 2px;
                height: 2px; } }
      .automationservicesallContnetAlignment .lightbanner .grid .griditems h6 {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #fff;
        margin: 0 0 8px 0;
        font-weight: 500;
        text-align: center; }
        @media (max-width: 767px) {
          .automationservicesallContnetAlignment .lightbanner .grid .griditems h6 {
            font-size: 8.543px;
            font-weight: 500;
            line-height: 150%; } }

.calibrationinstrumentationbanner {
  background-image: url("../images/solutions-calibration.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 711px;
  background-position: center center;
  width: 100%;
  display: flex;
  align-items: center; }
  @media (max-width: 767px) {
    .calibrationinstrumentationbanner {
      height: 660px;
      align-items: flex-end;
      padding-bottom: 68px; } }
  .calibrationinstrumentationbanner .wfull {
    width: 100%; }
    @media (max-width: 767px) {
      .calibrationinstrumentationbanner .wfull {
        padding: 0 8px; } }
    .calibrationinstrumentationbanner .wfull .textgrid {
      display: grid;
      grid-template-columns: 18px 1fr;
      gap: 12px;
      align-items: center; }
      .calibrationinstrumentationbanner .wfull .textgrid .textgridItems .icon {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #2787ac; }
      .calibrationinstrumentationbanner .wfull .textgrid .textgridItems span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        max-width: 550px;
        color: #fff;
        font-weight: 300; }
        @media (max-width: 767px) {
          .calibrationinstrumentationbanner .wfull .textgrid .textgridItems span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            max-width: 319px;
            font-weight: 300; } }
@keyframes rotate {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
    .calibrationinstrumentationbanner .wfull h2 {
      text-align: right; }
    .calibrationinstrumentationbanner .wfull h1, .calibrationinstrumentationbanner .wfull h2 {
      font-family: "Outfit", sans-serif;
      font-size: 120px;
      font-style: normal;
      font-weight: 400;
      line-height: 141px;
      letter-spacing: -5.4px;
      color: #fff; }
      @media (max-width: 767px) {
        .calibrationinstrumentationbanner .wfull h1, .calibrationinstrumentationbanner .wfull h2 {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */
          letter-spacing: 0; } }
    .calibrationinstrumentationbanner .wfull h1 {
      margin: 150px 0 0 0; }
      @media (max-width: 767px) {
        .calibrationinstrumentationbanner .wfull h1 {
          margin: 0 0 12px 0; } }
    .calibrationinstrumentationbanner .wfull .iconRight {
      text-align: right;
      padding: 20px 0 0 0;
      display: flex;
      justify-content: flex-end; }
      @media (max-width: 767px) {
        .calibrationinstrumentationbanner .wfull .iconRight {
          display: none; } }
      .calibrationinstrumentationbanner .wfull .iconRight img {
        cursor: pointer;
        animation: rotate  2s linear infinite; }

.calibrationinstrumentationtextContnetAlignment {
  padding: 30px 0 150px 0; }
  @media (max-width: 767px) {
    .calibrationinstrumentationtextContnetAlignment {
      padding: 0 20px 80px 20px; } }
  .calibrationinstrumentationtextContnetAlignment .iconcenter {
    display: flex;
    justify-content: center;
    padding: 0 0 12px 0; }
  .calibrationinstrumentationtextContnetAlignment h2 {
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 41px;
    /* 170.833% */
    color: #363636;
    max-width: 837px;
    margin: 0 auto;
    text-align: center; }
    @media (max-width: 767px) {
      .calibrationinstrumentationtextContnetAlignment h2 {
        font-family: "Outfit", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        line-height: 150%;
        /* 30px */ } }
    @media (max-width: 767px) {
      .calibrationinstrumentationtextContnetAlignment h2 br {
        display: none; } }
  .calibrationinstrumentationtextContnetAlignment p {
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    color: #363636;
    margin: 12px 0 0 0;
    font-weight: 300;
    text-align: center; }
    @media (max-width: 767px) {
      .calibrationinstrumentationtextContnetAlignment p {
        margin: 20px 0 0 0; } }

.findinstrumentsAllContnetAlignment {
  padding: 0 0 119px 0; }
  @media (max-width: 767px) {
    .findinstrumentsAllContnetAlignment {
      padding: 0 8px 60px 8px; } }
  .findinstrumentsAllContnetAlignment .showallButton {
    display: none; }
    @media (max-width: 767px) {
      .findinstrumentsAllContnetAlignment .showallButton {
        display: block; } }
    .findinstrumentsAllContnetAlignment .showallButton .leftRightalignment {
      padding: 12px 12px 0 12px; }
      .findinstrumentsAllContnetAlignment .showallButton .leftRightalignment button {
        padding: 4px 12px;
        border: 1px solid #969696;
        background-color: transparent;
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        font-weight: 400;
        display: flex;
        align-items: center;
        gap: 8px;
        color: #292929;
        border-radius: 999px; }
  .findinstrumentsAllContnetAlignment .text {
    padding: 0 0 28px 0; }
    @media (max-width: 767px) {
      .findinstrumentsAllContnetAlignment .text {
        padding: 0 12px 12px 12px;
        border-bottom: 2px solid #292929; } }
    .findinstrumentsAllContnetAlignment .text span {
      display: block;
      font-family: "Outfit", sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      text-transform: uppercase;
      color: #595959; }
    .findinstrumentsAllContnetAlignment .text h4 {
      font-family: "Outfit", sans-serif;
      font-size: 64px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #363636; }
      @media (max-width: 767px) {
        .findinstrumentsAllContnetAlignment .text h4 {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */ } }
  .findinstrumentsAllContnetAlignment .tabledesign {
    padding: 20px 70px;
    border-radius: 8px;
    background-color: #F3F3F3;
    display: flex; }
    @media (max-width: 767px) {
      .findinstrumentsAllContnetAlignment .tabledesign {
        padding: 0 38px; } }
    .findinstrumentsAllContnetAlignment .tabledesign .tableDesignalign {
      width: 50%; }
    .findinstrumentsAllContnetAlignment .tabledesign table {
      width: 100%;
      border-collapse: collapse; }
      .findinstrumentsAllContnetAlignment .tabledesign table thead tr th {
        padding: 16px;
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        color: #2787ac;
        font-weight: 600; }
        @media (max-width: 767px) {
          .findinstrumentsAllContnetAlignment .tabledesign table thead tr th {
            padding: 12px;
            font-family: "Outfit", sans-serif;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            font-weight: 600; } }
      .findinstrumentsAllContnetAlignment .tabledesign table tbody tr {
        border-top: 1px solid #CFCFCF; }
        .findinstrumentsAllContnetAlignment .tabledesign table tbody tr td {
          padding: 16px;
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          color: #363636; }
          @media (max-width: 767px) {
            .findinstrumentsAllContnetAlignment .tabledesign table tbody tr td {
              padding: 12px;
              font-family: "Outfit", sans-serif;
              font-size: 12px;
              font-style: normal;
              font-weight: 400;
              line-height: normal; } }
  .findinstrumentsAllContnetAlignment .tableAllContnetAlignment {
    padding: 40px 0 0 0; }
    @media (max-width: 767px) {
      .findinstrumentsAllContnetAlignment .tableAllContnetAlignment {
        padding: 32px 0 0 0; } }
    .findinstrumentsAllContnetAlignment .tableAllContnetAlignment h5 {
      margin: 0 0 12px 0;
      font-family: "Outfit", sans-serif;
      font-size: 34px;
      font-style: normal;
      font-weight: 500;
      line-height: 44px;
      /* 129.412% */
      color: #363636; }
      @media (max-width: 767px) {
        .findinstrumentsAllContnetAlignment .tableAllContnetAlignment h5 {
          display: none; } }
  .findinstrumentsAllContnetAlignment .allRadioButtonAlignment {
    display: flex;
    align-items: center;
    padding: 0 0 28px 0;
    border-bottom: 4px solid #292929;
    gap: 20px;
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      .findinstrumentsAllContnetAlignment .allRadioButtonAlignment {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
        padding: 0 0 0 0;
        margin: 0 0;
        display: none; } }
    .findinstrumentsAllContnetAlignment .allRadioButtonAlignment :global(.radio-button) label {
      display: flex;
      align-items: center;
      gap: 16px; }

.GetInTouchHero {
  border: 2px solid #fff;
  width: 140px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  transition: .5s ease-in-out;
  overflow: hidden;
  position: relative; }
  .GetInTouchHero:hover {
    border: 2px solid #2787ac;
    transition: .5s ease-in-out; }
    .GetInTouchHero:hover::before {
      transform: translateY(0%);
      opacity: 1;
      transition: .5s ease-in-out; }
    .GetInTouchHero:hover .secText,
    .GetInTouchHero:hover .textIcon {
      position: relative; }
  .GetInTouchHero::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2787ac;
    content: "";
    border-radius: 50%;
    transform: translateY(100%);
    opacity: 0;
    transition: .5s ease-in-out; }
  @media (max-width: 767px) {
    .GetInTouchHero {
      width: 110px;
      height: 110px;
      background-color: #2787ac;
      border: 2px solid #2787ac; } }
  .GetInTouchHero .secText span {
    display: block;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-weight: 500;
    color: #fff; }
    @media (max-width: 767px) {
      .GetInTouchHero .secText span {
        color: #fff; } }
  .GetInTouchHero .textIcon {
    display: flex;
    align-items: center;
    gap: 10px; }
    .GetInTouchHero .textIcon svg {
      stroke: #fff; }
      .GetInTouchHero .textIcon svg path {
        stroke: #fff; }
    .GetInTouchHero .textIcon span {
      display: block;
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 500;
      color: #fff; }
      @media (max-width: 767px) {
        .GetInTouchHero .textIcon span {
          color: #fff; } }

.scrollDown {
  transition-duration: 0.2s;
  transform: translateY(0px); }
  @media (max-width: 767px) {
    .scrollDown {
      transform: translateY(0px);
      position: sticky; } }

.onTop {
  position: static;
  transition-duration: 0s; }

.scrolled {
  transform: translateY(-117px);
  transition-duration: 0s; }
  @media (max-width: 767px) {
    .scrolled {
      transform: translateY(0px);
      position: sticky; } }

#map {
  width: 100%;
  height: 800px; }
  @media (max-width: 767px) {
    #map {
      height: 861px; } }

#map .mapboxgl-ctrl-logo {
  display: none !important; }

.navigationbanner {
  background-image: url("../images/solutions-navigation.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 711px;
  background-position: center center;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative; }
  @media (max-width: 767px) {
    .navigationbanner {
      height: 660px; } }
  .navigationbanner .wfull {
    width: 100%;
    z-index: 1; }
    @media (max-width: 767px) {
      .navigationbanner .wfull {
        padding: 0 8px; } }
    .navigationbanner .wfull .textgrid {
      display: grid;
      grid-template-columns: 18px 1fr;
      gap: 12px;
      align-items: center; }
      .navigationbanner .wfull .textgrid .textgridItems .icon {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #2787ac; }
      .navigationbanner .wfull .textgrid .textgridItems span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        max-width: 550px;
        color: #fff;
        font-weight: 300; }
        @media (max-width: 767px) {
          .navigationbanner .wfull .textgrid .textgridItems span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            max-width: 319px;
            font-weight: 300; } }
@keyframes rotate {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
    .navigationbanner .wfull h2 {
      text-align: right; }
    .navigationbanner .wfull h1, .navigationbanner .wfull h2 {
      font-family: "Outfit", sans-serif;
      font-size: 120px;
      font-style: normal;
      font-weight: 400;
      line-height: 141px;
      letter-spacing: -5.4px;
      color: #fff; }
      @media (max-width: 767px) {
        .navigationbanner .wfull h1, .navigationbanner .wfull h2 {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */
          letter-spacing: 0; } }
    .navigationbanner .wfull h1 {
      margin: 150px 0 0 0; }
      @media (max-width: 767px) {
        .navigationbanner .wfull h1 {
          margin: 150px 0 12px 0; } }
    .navigationbanner .wfull .iconRight {
      text-align: right;
      padding: 20px 0 0 0;
      display: flex;
      justify-content: flex-end; }
      @media (max-width: 767px) {
        .navigationbanner .wfull .iconRight {
          display: none; } }
      .navigationbanner .wfull .iconRight img {
        cursor: pointer;
        animation: rotate  2s linear infinite; }

.navigationbanner::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 0; }

.solutionCategory {
  background-image: none; }
  .solutionCategory img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 0;
    left: 0;
    z-index: -1; }

.navigationdetailsAlignment {
  padding: 0 0 119px 0; }
  @media (max-width: 767px) {
    .navigationdetailsAlignment {
      padding: 0 0 60px 0; } }
  .navigationdetailsAlignment .waveicon {
    padding: 0 0 12px 0;
    text-align: center; }
    @media (max-width: 767px) {
      .navigationdetailsAlignment .waveicon {
        display: flex;
        justify-content: center; } }
  .navigationdetailsAlignment h2.text-center {
    text-align: center; }
  .navigationdetailsAlignment h6 {
    font-family: "Outfit", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #363636;
    margin: 0;
    line-height: 150%;
    font-weight: 500;
    text-align: center; }
    @media (max-width: 767px) {
      .navigationdetailsAlignment h6 {
        margin: 0 20px;
        text-align: center;
        padding: 0 0 20px 0;
        border-bottom: 2px solid #292929; } }
  .navigationdetailsAlignment .line {
    padding: 12px 0 0 0;
    border-bottom: 1px solid #292929; }
    @media (max-width: 767px) {
      .navigationdetailsAlignment .line {
        display: none; } }
  .navigationdetailsAlignment .grid {
    padding: 32px 0 0 0;
    display: grid;
    gap: 20px;
    grid-template-columns: 427px 1fr; }
    @media (max-width: 767px) {
      .navigationdetailsAlignment .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        padding: 20px 20px 0 20px; } }
    .navigationdetailsAlignment .grid .textline {
      border-top: 2px solid #292929; }
    .navigationdetailsAlignment .grid p {
      font-family: "Outfit", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      font-weight: 300;
      color: #292929;
      line-height: 24px;
      margin: 0 0 20px 0; }
      @media (max-width: 767px) {
        .navigationdetailsAlignment .grid p {
          text-align: center; } }
    .navigationdetailsAlignment .grid .image img {
      display: block;
      height: 212px;
      object-fit: cover; }

.faq_section {
  margin-top: 60px; }
  .faq_section > div > p {
    background-color: #F8F8F8;
    padding: 20px;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    font-weight: 700;
    color: #363636;
    display: block;
    text-transform: capitalize; }
  .faq_section > div > div {
    padding: 20px; }
    .faq_section > div > div p {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-weight: 300; }

.faq-btn {
  position: relative; }

.faq-icon {
  height: 30px;
  width: 30px;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .faq-icon::after {
    height: 100%;
    width: 2px;
    background-color: red;
    content: ''; }

.communicationsolutions .twocardAlignment {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px; }
  @media (max-width: 767px) {
    .communicationsolutions .twocardAlignment {
      grid-template-columns: repeat(1, 1fr);
      display: grid; } }
  .communicationsolutions .twocardAlignment .items {
    min-width: 414px;
    width: 414px; }
    @media (max-width: 767px) {
      .communicationsolutions .twocardAlignment .items {
        width: 100%;
        min-width: 100%; } }
.communicationsolutions .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 0 0 40px 0;
  gap: 20px; }
  @media (max-width: 767px) {
    .communicationsolutions .grid {
      grid-template-columns: repeat(1, 1fr);
      padding: 0 0 20px 0; } }
.communicationsolutions .card {
  height: 310px;
  width: 100%;
  border-radius: 20px;
  position: relative;
  padding: 0; }
  .communicationsolutions .card:hover .line {
    width: 80%; }
  .communicationsolutions .card .image {
    height: 100%; }
    .communicationsolutions .card .image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 20px; }
  .communicationsolutions .card .line {
    width: 100%;
    height: 2px;
    transition: 0.3s ease-in-out;
    background-color: #292929; }
  .communicationsolutions .card .explore {
    padding: 10px 30px;
    display: flex;
    gap: 2px;
    cursor: pointer;
    align-items: center;
    margin-top: 20px;
    border: 1px solid #fff;
    border-radius: 20px; }
    .communicationsolutions .card .explore img {
      transition: 0.3s ease-in-out;
      filter: invert(1); }
    .communicationsolutions .card .explore span {
      display: block;
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #292929;
      font-weight: 500;
      color: #fff; }
  .communicationsolutions .card .details {
    background: linear-gradient(0deg, rgba(186, 0, 0, 0.9) 0%, rgba(186, 0, 0, 0.9) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    flex-direction: column; }
    .communicationsolutions .card .details h6 {
      font-family: "Outfit", sans-serif;
      font-size: 22px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      color: #fff;
      margin: 0 0 8px 0;
      font-weight: 500;
      text-align: center; }
    .communicationsolutions .card .details p {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 500;
      color: #292929;
      margin: 0 0 20px 0; }
@media (max-width: 767px) {
  .communicationsolutions .servicebutton {
    padding: 0 8px; } }
.communicationsolutions .servicebutton button {
  border: none;
  cursor: pointer;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-weight: 500;
  border-radius: 999px;
  background-color: #2787ac;
  padding: 5px 20px;
  color: #fff; }
  @media (max-width: 767px) {
    .communicationsolutions .servicebutton button {
      padding: 10px 20px; } }
.communicationsolutions h2 {
  font-family: "Outfit", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #363636;
  margin: 0; }
  @media (max-width: 767px) {
    .communicationsolutions h2 {
      font-family: "Outfit", sans-serif;
      font-size: 34px;
      font-style: normal;
      font-weight: 500;
      line-height: 44px;
      /* 129.412% */
      font-size: 30px;
      margin: 16px 8px 0 8px; } }
.communicationsolutions h3 {
  font-family: "Outfit", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #2787ac;
  margin: 0 0 48px 0; }
  @media (max-width: 767px) {
    .communicationsolutions h3 {
      font-family: "Outfit", sans-serif;
      font-size: 34px;
      font-style: normal;
      font-weight: 500;
      line-height: 44px;
      /* 129.412% */
      font-size: 30px;
      margin: 0 8px; } }
.communicationsolutions .lightbanner {
  background-color: #EAEAEA;
  padding: 80px 0; }
  @media (max-width: 767px) {
    .communicationsolutions .lightbanner {
      padding: 60px 8px;
      background-color: transparent; } }

.communicationbanner {
  background-image: url("../images/solutions-communication.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 711px;
  background-position: center center;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative; }
  @media (max-width: 767px) {
    .communicationbanner {
      height: 660px; } }
  .communicationbanner .wfull {
    width: 100%;
    z-index: 1; }
    @media (max-width: 767px) {
      .communicationbanner .wfull {
        padding: 0 8px; } }
    .communicationbanner .wfull .textgrid {
      display: grid;
      grid-template-columns: 18px 1fr;
      gap: 12px;
      align-items: center; }
      .communicationbanner .wfull .textgrid .textgridItems .icon {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #2787ac; }
      .communicationbanner .wfull .textgrid .textgridItems span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        max-width: 550px;
        color: #fff;
        font-weight: 300; }
        @media (max-width: 767px) {
          .communicationbanner .wfull .textgrid .textgridItems span {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            max-width: 319px;
            font-weight: 300; } }
@keyframes rotate {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
    .communicationbanner .wfull h2 {
      text-align: right; }
    .communicationbanner .wfull h1, .communicationbanner .wfull h2 {
      font-family: "Outfit", sans-serif;
      font-size: 120px;
      font-style: normal;
      font-weight: 400;
      line-height: 141px;
      letter-spacing: -5.4px;
      color: #fff; }
      @media (max-width: 767px) {
        .communicationbanner .wfull h1, .communicationbanner .wfull h2 {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */
          letter-spacing: 0; } }
    .communicationbanner .wfull h1 {
      margin: 150px 0 0 0; }
      @media (max-width: 767px) {
        .communicationbanner .wfull h1 {
          margin: 150px 0 12px 0; } }
    .communicationbanner .wfull .iconRight {
      text-align: right;
      padding: 20px 0 0 0;
      display: flex;
      justify-content: flex-end; }
      @media (max-width: 767px) {
        .communicationbanner .wfull .iconRight {
          display: none; } }
      .communicationbanner .wfull .iconRight img {
        cursor: pointer;
        animation: rotate  2s linear infinite; }

.communicationbanner::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.25); }

.communicationtextsectionalignment {
  padding: 30px 0 100px 0; }
  @media (max-width: 767px) {
    .communicationtextsectionalignment {
      padding: 0 0 20px 0;
      margin: 0 20px;
      border-bottom: 2px solid #292929; } }
  .communicationtextsectionalignment .iconcenterAlignment {
    display: flex;
    align-items: center;
    padding: 0 0 12px 0;
    justify-content: center; }
  .communicationtextsectionalignment h2 {
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 41px;
    /* 170.833% */
    color: #363636;
    margin: 0 0 12px 0;
    text-align: center; }
    @media (max-width: 767px) {
      .communicationtextsectionalignment h2 {
        font-family: "Outfit", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        line-height: 150%;
        /* 30px */
        letter-spacing: 0;
        margin: 0 0 20px 0; } }
  .communicationtextsectionalignment p {
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    color: #363636;
    text-align: center;
    font-weight: 400;
    line-height: 24px; }

.communicationtrusted {
  padding: 0 0 130px 0; }
  @media (max-width: 767px) {
    .communicationtrusted {
      padding: 80px 20px 80px 20px; } }
  .communicationtrusted .grid:last-child {
    padding: 0;
    grid-template-columns: 1fr 495px; }
    @media (max-width: 767px) {
      .communicationtrusted .grid:last-child {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px; } }
  .communicationtrusted .grid {
    display: grid;
    grid-template-columns: 495px 1fr;
    gap: 42px;
    align-items: flex-end;
    padding: 0 0 100px 0; }
    @media (max-width: 767px) {
      .communicationtrusted .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        padding: 0 0 80px 0; } }
    .communicationtrusted .grid p {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #292929;
      margin: 12px 0; }
      @media (max-width: 767px) {
        .communicationtrusted .grid p {
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          margin: 12px 0 0 0;
          font-weight: 300; } }
    .communicationtrusted .grid .line {
      padding: 0 0 12px 0;
      border-bottom: 2px solid #292929; }
    .communicationtrusted .grid .img {
      width: 100%;
      height: 308px;
      display: block;
      object-fit: cover; }
      @media (max-width: 767px) {
        .communicationtrusted .grid .img {
          height: 332px; } }
    .communicationtrusted .grid ul {
      padding: 0 0 0 1.25rem;
      margin: 0; }
      @media (max-width: 767px) {
        .communicationtrusted .grid ul {
          margin: 12px 0 0 0; } }
      .communicationtrusted .grid ul li {
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        font-weight: 400;
        color: #000; }
        @media (max-width: 767px) {
          .communicationtrusted .grid ul li {
            font-family: "Outfit", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            font-weight: 300; } }

.enquiryBannerAllContnetAlignment {
  padding: 70px 0 44px 0; }
  @media (max-width: 767px) {
    .enquiryBannerAllContnetAlignment {
      padding: 53px 8px 0 8px; } }
  .enquiryBannerAllContnetAlignment .button {
    padding: 0 0 17px 0; }
    @media (max-width: 767px) {
      .enquiryBannerAllContnetAlignment .button {
        display: none; } }
    .enquiryBannerAllContnetAlignment .button button {
      padding: 10px 20px;
      background-color: transparent;
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #292929;
      border: 2px solid #292929;
      font-weight: 500;
      border-radius: 999px; }
  .enquiryBannerAllContnetAlignment h1 {
    font-family: "Outfit", sans-serif;
    font-size: 96px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    /* 120px */
    letter-spacing: -4.32px;
    max-width: 1000px;
    color: #363636; }
    @media (max-width: 767px) {
      .enquiryBannerAllContnetAlignment h1 {
        font-family: "Outfit", sans-serif;
        font-size: 34px;
        font-style: normal;
        font-weight: 500;
        line-height: 44px;
        /* 129.412% */
        letter-spacing: 0; } }

.EnquiryFormAlignment {
  padding: 80px 0; }
  @media (max-width: 767px) {
    .EnquiryFormAlignment {
      padding: 97px 16px 110px 16px; } }
  .EnquiryFormAlignment .title {
    padding: 0 0 32px 0; }
    .EnquiryFormAlignment .title p {
      font-family: "Outfit", sans-serif;
      font-size: 64px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      color: #CFCFCF; }
      @media (max-width: 767px) {
        .EnquiryFormAlignment .title p {
          font-family: "Outfit", sans-serif;
          font-size: 34px;
          font-style: normal;
          font-weight: 500;
          line-height: 44px;
          /* 129.412% */ } }
  .EnquiryFormAlignment .formAlignment .button {
    padding: 9px 0 0 0; }
    @media (max-width: 767px) {
      .EnquiryFormAlignment .formAlignment .button {
        padding: 0; } }
    .EnquiryFormAlignment .formAlignment .button button, .EnquiryFormAlignment .formAlignment .button input {
      width: 100%;
      text-align: center;
      border: none;
      border-radius: 99px;
      height: 45px;
      position: relative;
      cursor: pointer;
      background-color: #2787ac;
      padding: 10px 32px;
      color: #fff;
      font-family: "Outfit", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 500;
      letter-spacing: 0; }
      @media (max-width: 767px) {
        .EnquiryFormAlignment .formAlignment .button button, .EnquiryFormAlignment .formAlignment .button input {
          display: flex;
          align-items: center;
          gap: 10px;
          height: auto; } }
      .EnquiryFormAlignment .formAlignment .button button:hover, .EnquiryFormAlignment .formAlignment .button input:hover {
        transition: .8s ease-in-out; }
        .EnquiryFormAlignment .formAlignment .button button:hover span, .EnquiryFormAlignment .formAlignment .button input:hover span {
          transform: translate(73%, -50%); }
          @media (max-width: 767px) {
            .EnquiryFormAlignment .formAlignment .button button:hover span, .EnquiryFormAlignment .formAlignment .button input:hover span {
              transform: none; } }
        .EnquiryFormAlignment .formAlignment .button button:hover img, .EnquiryFormAlignment .formAlignment .button input:hover img {
          opacity: 1;
          transform: translateY(-50%);
          transition: .8s ease-in-out; }
          @media (max-width: 767px) {
            .EnquiryFormAlignment .formAlignment .button button:hover img, .EnquiryFormAlignment .formAlignment .button input:hover img {
              transform: none; } }
      .EnquiryFormAlignment .formAlignment .button button span, .EnquiryFormAlignment .formAlignment .button input span {
        position: absolute;
        transform: translate(32px, -50%);
        top: 50%;
        width: 100%;
        left: 0;
        transition: .8s ease-in-out; }
        @media (max-width: 767px) {
          .EnquiryFormAlignment .formAlignment .button button span, .EnquiryFormAlignment .formAlignment .button input span {
            position: initial;
            right: 0;
            transform: none; } }
      .EnquiryFormAlignment .formAlignment .button button img, .EnquiryFormAlignment .formAlignment .button input img {
        position: absolute;
        right: 44px;
        transform: translateY(-100%);
        top: 50%;
        opacity: 0;
        transition: .8s ease-in-out; }
        @media (max-width: 767px) {
          .EnquiryFormAlignment .formAlignment .button button img, .EnquiryFormAlignment .formAlignment .button input img {
            display: block;
            position: initial;
            opacity: 1;
            right: 0;
            transform: none; } }
  .EnquiryFormAlignment .formAlignment .twoColgrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px; }
    @media (max-width: 767px) {
      .EnquiryFormAlignment .formAlignment .twoColgrid {
        grid-template-columns: repeat(1, 1fr);
        gap: 0; } }
  .EnquiryFormAlignment .formAlignment ::placeholder {
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-weight: 300;
    color: #CFCFCF; }
  .EnquiryFormAlignment .formAlignment .form {
    padding: 0 0 28px 0; }
    @media (max-width: 767px) {
      .EnquiryFormAlignment .formAlignment .form {
        padding: 0 0 40px 0; } }
    .EnquiryFormAlignment .formAlignment .form input {
      width: 100%;
      height: 35px;
      border: none;
      border-bottom: 1px solid #292929;
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 300;
      color: #292929; }
      .EnquiryFormAlignment .formAlignment .form input:focus {
        outline: none;
        border-bottom: 1px solid #2787ac; }
    .EnquiryFormAlignment .formAlignment .form label {
      font-family: "Outfit", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      font-weight: 700;
      padding: 0 0 12px 0;
      color: #363636;
      display: block; }
      .EnquiryFormAlignment .formAlignment .form label span {
        color: #2787ac; }
    .EnquiryFormAlignment .formAlignment .form span {
      color: red; }

.controlmonitoringAllContnetAlignment {
  padding: 63px 0 124px 0; }
  @media (max-width: 767px) {
    .controlmonitoringAllContnetAlignment {
      padding: 60px 20px; } }
  .controlmonitoringAllContnetAlignment .grid {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 100px; }
    .controlmonitoringAllContnetAlignment .grid .griditems:last-child {
      max-width: 954px; }
    @media (max-width: 767px) {
      .controlmonitoringAllContnetAlignment .grid {
        grid-template-columns: 1fr;
        gap: 0px; } }
    .controlmonitoringAllContnetAlignment .grid .griditems .lastext {
      border-bottom: 2px solid #292929;
      padding: 20px 0; }
      .controlmonitoringAllContnetAlignment .grid .griditems .lastext p {
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        color: #000;
        max-width: 954px;
        margin-bottom: 20px;
        font-weight: 400; }
    .controlmonitoringAllContnetAlignment .grid .griditems .textgridNew {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      border-bottom: 2px solid #292929;
      padding: 28px 0; }
      @media (max-width: 767px) {
        .controlmonitoringAllContnetAlignment .grid .griditems .textgridNew {
          grid-template-columns: 1fr; } }
      .controlmonitoringAllContnetAlignment .grid .griditems .textgridNew .textgriditems:last-child {
        border: none; }
      .controlmonitoringAllContnetAlignment .grid .griditems .textgridNew .textgriditems {
        border-bottom: 1px solid #000;
        padding: 0 0 20px 0; }
        .controlmonitoringAllContnetAlignment .grid .griditems .textgridNew .textgriditems p {
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          font-weight: 700;
          margin: 0 0 20px 0;
          line-height: 150%;
          color: #363636; }
        .controlmonitoringAllContnetAlignment .grid .griditems .textgridNew .textgriditems span {
          display: block;
          font-family: "Outfit", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          line-height: 150%;
          max-width: 466px;
          font-weight: 500;
          color: #363636; }
    .controlmonitoringAllContnetAlignment .grid .griditems .textstyle {
      padding: 28px 0;
      border-bottom: 2px solid #292929; }
      .controlmonitoringAllContnetAlignment .grid .griditems .textstyle h4 {
        font-family: "Outfit", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #000;
        font-weight: 500;
        line-height: 150%;
        /* 30px */ }
    .controlmonitoringAllContnetAlignment .grid .griditems .image {
      padding: 40px 0;
      max-width: 1281px; }
      @media (max-width: 767px) {
        .controlmonitoringAllContnetAlignment .grid .griditems .image {
          padding: 20px 0; } }
      .controlmonitoringAllContnetAlignment .grid .griditems .image img {
        width: 100%;
        height: 305px;
        object-fit: cover; }
    .controlmonitoringAllContnetAlignment .grid .griditems .textgrid {
      align-items: center;
      display: grid;
      padding: 0px 0 28px 0;
      border-bottom: 2px solid #292929;
      grid-template-columns: 1fr;
      gap: 32px; }
      @media (max-width: 767px) {
        .controlmonitoringAllContnetAlignment .grid .griditems .textgrid {
          grid-template-columns: 1fr;
          gap: 8px;
          padding: 12px 0; } }
      .controlmonitoringAllContnetAlignment .grid .griditems .textgrid h2 {
        font-family: "Outfit", sans-serif;
        font-size: 64px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #292929;
        margin: 0; }
        @media (max-width: 767px) {
          .controlmonitoringAllContnetAlignment .grid .griditems .textgrid h2 {
            font-family: "Outfit", sans-serif;
            font-size: 24px;
            font-style: normal;
            font-weight: 500;
            line-height: 41px;
            /* 170.833% */ } }
      .controlmonitoringAllContnetAlignment .grid .griditems .textgrid .icon {
        width: 100%;
        height: 61px;
        border: 2px solid #292929;
        color: #292929;
        font-family: "Outfit", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 41px;
        /* 170.833% */
        font-weight: 500;
        border-radius: 99px;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media (max-width: 767px) {
          .controlmonitoringAllContnetAlignment .grid .griditems .textgrid .icon {
            width: fit-content;
            min-width: 50px;
            height: 32px;
            font-size: 16px;
            line-height: 24px;
            font-weight: 600; } }
    .controlmonitoringAllContnetAlignment .grid .griditems .backButton {
      display: flex;
      align-items: center;
      cursor: pointer;
      gap: 4px; }
      .controlmonitoringAllContnetAlignment .grid .griditems .backButton span {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        color: #292929;
        font-weight: 400; }
      @media (max-width: 767px) {
        .controlmonitoringAllContnetAlignment .grid .griditems .backButton {
          display: none; } }

.blog-card-wrapper {
  padding: 50px 15px; }
  @media (max-width: 1279px) {
    .blog-card-wrapper {
      padding: 40px 15px; } }
  @media (max-width: 1023px) {
    .blog-card-wrapper {
      padding: 30px 15px; } }
  .blog-card-wrapper .blog-wrap {
    max-width: 1270px;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      .blog-card-wrapper .blog-wrap {
        justify-content: center; } }
    .blog-card-wrapper .blog-wrap .blog-card {
      max-width: 400px;
      width: 100%;
      margin-bottom: 20px;
      margin-right: 20px; }
      @media (max-width: 1279px) {
        .blog-card-wrapper .blog-wrap .blog-card {
          width: 300px;
          margin-right: 15px; } }
      @media (max-width: 1023px) {
        .blog-card-wrapper .blog-wrap .blog-card {
          width: 225px; } }
      @media (max-width: 767px) {
        .blog-card-wrapper .blog-wrap .blog-card {
          width: 100%; } }
      .blog-card-wrapper .blog-wrap .blog-card .blog-img {
        width: 400px;
        margin-bottom: 15px;
        height: 260px; }
        @media (max-width: 1279px) {
          .blog-card-wrapper .blog-wrap .blog-card .blog-img {
            width: 300px;
            height: 200px; } }
        @media (max-width: 1023px) {
          .blog-card-wrapper .blog-wrap .blog-card .blog-img {
            width: 225px;
            height: 150px; } }
        @media (max-width: 767px) {
          .blog-card-wrapper .blog-wrap .blog-card .blog-img {
            width: 100%;
            height: auto; } }
        .blog-card-wrapper .blog-wrap .blog-card .blog-img img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
      .blog-card-wrapper .blog-wrap .blog-card .blog-head {
        font-family: "Outfit", sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        font-weight: 500;
        letter-spacing: 0px;
        margin: 0 0 4px 0;
        color: #292929;
        margin-bottom: 10px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical; }
        @media (max-width: 1279px) {
          .blog-card-wrapper .blog-wrap .blog-card .blog-head {
            font-size: 20px; } }
        @media (max-width: 1023px) {
          .blog-card-wrapper .blog-wrap .blog-card .blog-head {
            font-size: 17px; } }
      .blog-card-wrapper .blog-wrap .blog-card .blog-text {
        color: #292929;
        font-size: 16px;
        min-height: 48px;
        margin-bottom: 10px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical; }
        @media (max-width: 1023px) {
          .blog-card-wrapper .blog-wrap .blog-card .blog-text {
            font-size: 14px; min-height: auto;} }
      .blog-card-wrapper .blog-wrap .blog-card .explore {
        display: flex;
        gap: 8px;
        cursor: pointer;
        align-items: center; }
        .blog-card-wrapper .blog-wrap .blog-card .explore span {
          display: block;
          font-family: "Outfit", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          color: #292929;
          font-weight: 500; }
          @media (max-width: 1279px) {
            .blog-card-wrapper .blog-wrap .blog-card .explore span {
              font-size: 16px; } }
          @media (max-width: 1023px) {
            .blog-card-wrapper .blog-wrap .blog-card .explore span {
              font-size: 15px; } }
        .blog-card-wrapper .blog-wrap .blog-card .explore:hover img {
          transform: translate(-3px, 0);
          transition: 0.3s ease-in-out; }
        .blog-card-wrapper .blog-wrap .blog-card .explore img {
          transition: 0.3s ease-in-out; }
      .blog-card-wrapper .blog-wrap .blog-card a {
        text-decoration: none; }
.emergencyRepairs .grid .gridItems .WaveIcon  .explore a{
    display: flex;
    gap: 8px;
    cursor: pointer;
    align-items: center;
}
.emergencyRepairs .grid .gridItems .WaveIcon .explore span {
    display: block;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #292929;
    font-weight: 500;
}
.emergencyRepairs .grid .gridItems .WaveIcon .explore img {
    transition: 0.3s ease-in-out;
}
.emergencyRepairs .grid .gridItems .WaveIcon .explore:hover img {
    transform: translate(-3px, 0);
    transition: 0.3s ease-in-out;
}
/*# sourceMappingURL=style.css.map */