/* -- style -- */
@font-face {
  font-family: "Moon Walk2";
  font-style: normal;
  font-format: opentype;
  font-weight: 400;
  src: url("public/fonts/moonwalk21.otf") ;
}
:root {
  --dl-color-gray-500: #595959;
  --dl-color-gray-700: #999999;
  --dl-color-gray-900: #D9D9D9;
  --dl-size-size-large: 144px;
  --dl-size-size-small: 48px;
  --dl-color-danger-300: #A22020;
  --dl-color-danger-500: #BF2626;
  --dl-color-danger-700: #E14747;
  --dl-color-gray-black: #000000;
  --dl-color-gray-white: #FFFFFF;
  --dl-size-size-medium: 96px;
  --dl-size-size-xlarge: 192px;
  --dl-size-size-xsmall: 16px;
  --dl-space-space-unit: 16px;
  --dl-color-primary-100: #003EB3;
  --dl-color-primary-300: #0074F0;
  --dl-color-primary-500: #14A9FF;
  --dl-color-primary-700: #85DCFF;
  --dl-color-success-300: #199033;
  --dl-color-success-500: #32A94C;
  --dl-color-success-700: #4CC366;
  --dl-size-size-xxlarge: 288px;
  --dl-size-size-maxwidth: 1400px;
  --dl-radius-radius-round: 50%;
  --dl-space-space-halfunit: 8px;
  --dl-space-space-sixunits: 96px;
  --dl-space-space-twounits: 32px;
  --dl-radius-radius-radius2: 2px;
  --dl-radius-radius-radius4: 4px;
  --dl-radius-radius-radius8: 8px;
  --dl-space-space-fiveunits: 80px;
  --dl-space-space-fourunits: 64px;
  --dl-color-primary-dropdown: #b5ffffff;
  --dl-space-space-threeunits: 48px;
  --dl-space-space-oneandhalfunits: 24px;
}
.button {
  display: inline-block;
  padding: var(--dl-space-space-halfunit);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius2);
}


.list {
  width: 100%;
  margin: 1em 0px 1em 0px;
  display: block;
  padding: 0px 0px 0px 1.5rem;
  list-style-type: none;
  list-style-position: outside;
}
.list-item {
  display: list-item;
}
.teleport-show {
  display: flex !important;
  transform: none !important;
}
.Content {
  font-size: 16px;
  font-family: Roboto;
  font-weight: 400;
  line-height: 1.15;
  text-transform: none;
  text-decoration: none;
}
.Heading {
  font-size: 32px;
  font-family: Rajdhani;
  font-weight: 700;
  line-height: 1.15;
  text-transform: none;
  text-decoration: none;
}

/* -- index -- */
.home-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-image: radial-gradient(circle at center bottom, rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.97) 99.00%);
}
.home-container01 {
  width: 100%;
  height: 1024px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-self: center;
  align-items: center;
  flex-direction: row;
  background-size: cover;
  justify-content: center;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)),url("public/external/background-index-1100h.webp");
  background-repeat: no-repeat;
  background-position: top;
}
.home-container02 {
  width: 100%;
  display: flex;
  z-index: 100;
  position: relative;
  align-self: flex-start;
  align-items: center;
  padding-top: var(--dl-space-space-oneandhalfunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: space-between;
}
.home-navlink {
  display: contents;
}
.home-image {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.home-image:hover {
  transform: scale(0.9);
}
.home-container03 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.home-container04 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: flex-end;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.home-container05 {
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.home-navlink01,
.home-navlink02,
.home-navlink03,
.home-link,
.home-navlink04 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.home-navlink01:hover,
.home-navlink02:hover,
.home-navlink03:hover,
.home-link:hover,
.home-navlink04:hover {
  text-decoration: underline;
}
.home-container06 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: flex-end;
  transition: 0.7s;
  align-items: center;
  justify-content: center;
}
.home-navlink05,
.home-navlink06,
.home-navlink07,
.home-navlink08,
.home-navlink09,
.home-navlink10 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.home-navlink05:hover,
.home-navlink06:hover,
.home-navlink07:hover,
.home-navlink08:hover,
.home-navlink09:hover,
.home-navlink10:hover {
  text-decoration: underline;
}
.home-text {
  color: rgb(14, 45, 62);
  width: auto;
  cursor: default;
  height: auto;
  font-size: 64px;
  align-self: flex-start;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Moon Walk2";
  font-weight: 700;
  text-transform: uppercase;
}
.home-text:hover {
  color: #FFF;
  text-shadow: #FFF 1px 0 10px;
}
.home-container07 {
  width: 100%;
  height: 100%;
  display: flex;
  max-width: var(--dl-size-size-maxwidth);
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.home-container08 {
  width: 1024px;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin-top: 256px;
  align-items: flex-end;
  margin-bottom: 256px;
  justify-content: flex-start;
}
.home-navlink11,
.home-navlink12,
.home-navlink13,
.home-navlink14,
.home-navlink15,
.home-navlink16,
.home-navlink17 {
  display: contents;
}
.home-container09,
.home-container10,
.home-container11,
.home-container12,
.home-container13,
.home-container14,
.home-container15,
.home-container16 {
  width: 256px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-position: center;
}
.home-container09 {
  background-image: url("public/external/rboost-300h.webp");
  border-top-left-radius: var(--dl-radius-radius-radius4);
}
.home-container10 { background-image: url("public/external/rdesign-300h.webp"); }
.home-container11 { background-image: url("public/external/rhosting-300h.webp"); }
.home-container12 {
  background-image: url("public/external/rlabs-300h.webp");
  border-top-right-radius: var(--dl-radius-radius-radius4);
}
.home-container13 {
  background-image: url("public/external/rsoup-300h.webp");
  border-bottom-left-radius: var(--dl-radius-radius-radius4);
}
.home-container14 { background-image: url("public/external/rteam-300h.webp"); }
.home-container15 { background-image: url("public/external/rweb-300h.webp"); }
.home-container16 {
  background-image: url("public/external/background-index-1100h.webp");
  border-bottom-right-radius: var(--dl-radius-radius-radius4);
}
.home-container09:hover,
.home-container10:hover,
.home-container11:hover,
.home-container12:hover,
.home-container13:hover,
.home-container14:hover,
.home-container15:hover,
.home-container16:hover {
  transform: scale(0.90);
  border-radius: var(--dl-radius-radius-radius8);
}
.home-text03,
.home-text05,
.home-text07,
.home-text09,
.home-text11,
.home-text13,
.home-text15,
.home-text17 {
  color: #ffffff;
  font-size: 48px;
  font-style: normal;
  font-family: "Moon Walk2";
  font-weight: 700;
}
.home-text03,
.home-text05,
.home-text15,
.home-text17 { text-shadow: 1px 1px 2px black; }
.home-text07 {
  text-shadow: 1px 1px 2px black;
  text-transform: uppercase;
}
.home-text09,
.home-text11,
.home-text13 { text-shadow: 0px 3px 0px rgb(0 0 0 / 33%); }
.home-text17 { cursor: default; }
.home-text04,
.home-text06,
.home-text08,
.home-text10,
.home-text12,
.home-text14,
.home-text16,
.home-text18 {
  color: #ffffff;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-transform: uppercase;
}
.home-text04,
.home-text10 { text-align: center; }
.home-text10,
.home-text12,
.home-text14 { text-shadow: 0px 3px 0px rgb(0 0 0 / 33%); }
.home-text18 { cursor: default; }
.home-container17 {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.home-container18 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-image1 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.home-text19 {
  color: rgb(255, 255, 255);
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.home-container19 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 800px;
  bottom: 0px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.home-icon-group {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: center;
  flex-direction: row;
}
.home-link1,
.home-link2,
.home-link3,
.home-link4 {
  display: contents;
}
.home-image2,
.home-image3,
.home-image4,
.home-image5 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.home-image2:hover,
.home-image3:hover,
.home-image4:hover,
.home-image5:hover {
  opacity: 0.5;
}
.home-container20 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}
.home-link5,
.home-navlink18,
.home-navlink19,
.home-navlink20,
.home-navlink21 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.home-link5:hover,
.home-navlink18:hover,
.home-navlink19:hover,
.home-navlink20:hover,
.home-navlink21:hover {
  opacity: 0.5;
}
.home-container21 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: center;
  align-items: space-between;
  flex-direction: row;
}
.home-text20 {
  color: #ffffff;
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.home-link6 {
  display: contents;
}
.home-image6 {
  flex: 1;
  width: 32px;
  height: 32px;
  transform: rotate(180deg);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  object-position: center;
  text-decoration: none;
}
.home-image6:hover {
  opacity: 0.5;
}

/* -- about -- */
.about-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  background-image: radial-gradient(circle at center bottom, rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.97) 99.00%);
  background-repeat: top left;
  background-position: top left,bottom left;
}
.about-container01 {
  width: 100%;
  height: 650px;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.about-container02 {
  width: 100%;
  display: flex;
  z-index: 100;
  position: relative;
  align-self: flex-start;
  align-items: center;
  padding-top: var(--dl-space-space-oneandhalfunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: space-between;
}
.about-navlink {
  display: contents;
}
.about-image {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.about-image:hover {
  transform: scale(0.9);
  transition: 0.7s;
}
.about-container03 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.about-container04 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: flex-end;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.about-container05 {
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.about-navlink01 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.about-navlink01:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.about-navlink02 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.about-navlink02:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.about-navlink03 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.about-navlink03:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.about-navlink04 {
  color: rgb(255, 255, 255);
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.about-navlink04:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.about-navlink05 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.about-navlink05:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.about-container06 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: flex-end;
  transition: 0.7s;
  align-items: center;
  justify-content: center;
}
.about-navlink06 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.about-navlink06:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.about-navlink07 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.about-navlink07:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.about-navlink08 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.about-navlink08:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.about-navlink09 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.about-navlink09:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.about-navlink10 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.about-navlink10:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.about-navlink11 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.about-navlink11:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.about-container07 {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  display: flex;
  z-index: 0;
  position: absolute;
  align-self: center;
  align-items: center;
  padding-top: 110px;
  flex-direction: column;
  justify-content: center;
}
.about-text {
  color: rgba(0, 0, 0, 0);
  cursor: default;
  font-size: 96px;
  background: linear-gradient(90deg, hsla(266, 63%, 26%, 1) 0%, hsla(354, 55%, 63%, 1) 50%, hsla(31, 100%, 74%, 1) 100%);
  font-style: normal;
  font-family: "Moon Walk2";
  font-weight: 700;
  text-transform: uppercase;
  -webkit-background-clip: text;
}
.about-text01 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.about-container08 {
  width: 100%;
  cursor: default;
  height: auto;
  display: flex;
  position: relative;
  margin-top: 128px;
  align-items: center;
  margin-bottom: 128px;
  flex-direction: column;
  justify-content: center;
}
.about-container09 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.about-container10 {
  gap: var(--dl-space-space-twounits);
  width: 280px;
  height: 400px;
  display: flex;
  padding: var(--dl-space-space-halfunit);
  transition: 0.7s;
  align-items: flex-start;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: flex-start;
}
.about-container10:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.about-container11 {
  gap: var(--dl-space-space-unit);
  display: flex;
  flex-direction: column;
}
.about-text02 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-family: "Dosis";
}
.about-text03 {
  color: rgb(255, 255, 255);
  cursor: default;
  align-self: flex-start;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 500;
}
.about-container12 {
  gap: 2px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
.about-container13 {
  gap: var(--dl-space-space-halfunit);
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
}
.about-image01 {
  width: 24px;
  align-self: center;
  object-fit: cover;
}
.about-text04 {
  color: #ffffff;
  cursor: default;
  font-size: 24px;
  align-self: center;
  font-family: "Dosis";
}
.about-container14 {
  gap: var(--dl-space-space-halfunit);
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
}
.about-image02 {
  width: 24px;
  align-self: center;
  object-fit: cover;
}
.about-text05 {
  color: #ffffff;
  cursor: default;
  font-size: 24px;
  font-family: "Dosis";
}
.about-container15 {
  gap: var(--dl-space-space-halfunit);
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
}
.about-image03 {
  width: 24px;
  align-self: center;
  object-fit: cover;
}
.about-text06 {
  color: #ffffff;
  cursor: default;
  font-size: 24px;
  font-family: "Dosis";
}
.about-container16 {
  gap: var(--dl-space-space-halfunit);
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
}
.about-image04 {
  width: 24px;
  align-self: center;
  object-fit: cover;
}
.about-text07 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  font-family: "Dosis";
}
.about-container17 {
  gap: var(--dl-space-space-halfunit);
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
}
.about-image05 {
  width: 24px;
  align-self: center;
  object-fit: cover;
}
.about-text08 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  font-family: "Dosis";
}
.about-container18 {
  gap: var(--dl-space-space-halfunit);
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
}
.about-image06 {
  width: 24px;
  align-self: center;
  object-fit: cover;
}
.about-text09 {
  color: #ffffff;
  cursor: default;
  font-size: 24px;
  font-family: "Dosis";
}
.about-container19 {
  gap: var(--dl-space-space-halfunit);
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
}
.about-image07 {
  width: 24px;
  align-self: center;
  object-fit: cover;
}
.about-text10 {
  color: #ffffff;
  cursor: default;
  font-size: 24px;
  font-family: "Dosis";
}
.about-container20 {
  width: 280px;
  height: 400px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  background-image: url("public/external/rboost-400h.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.about-container20:hover {
  transform: translateY(-3px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.about-container21 {
  gap: 128px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.about-container22 {
  width: 256px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.about-text11 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  margin-bottom: var(--dl-space-space-halfunit);
}
.about-text12 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  text-align: center;
  font-family: "Dosis";
  font-weight: 500;
  padding-left: 4px;
  padding-right: 4px;
  text-transform: uppercase;
}
.about-button {
  color: rgb(255, 255, 255);
  width: 96px;
  cursor: pointer;
  height: 24px;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 1px black;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  text-transform: lowercase;
  text-decoration: none;
  background-color: #64b5f6;
}
.about-button:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.about-container23 {
  width: 280px;
  height: 400px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  background-image: url("public/external/rdesign-400h.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.about-container23:hover {
  transform: translateY(-3px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.about-container24 {
  gap: 128px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.about-container25 {
  width: 256px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.about-text15 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  margin-bottom: var(--dl-space-space-halfunit);
}
.about-text16 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  text-align: center;
  font-family: "Dosis";
  font-weight: 500;
  padding-left: 4px;
  padding-right: 4px;
  text-transform: uppercase;
}
.about-button1 {
  color: rgb(255, 255, 255);
  width: 96px;
  cursor: pointer;
  height: 24px;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 1px black;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  text-transform: lowercase;
  text-decoration: none;
  background-color: #64b5f6;
}
.about-button1:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.about-container26 {
  width: 280px;
  height: 400px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  background-image: url("public/external/rhosting-400h.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.about-container26:hover {
  transform: translateY(-3px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.about-container27 {
  gap: 128px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.about-container28 {
  width: 256px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.about-text20 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  margin-bottom: var(--dl-space-space-halfunit);
}
.about-text21 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  text-align: center;
  font-family: "Dosis";
  font-weight: 500;
  padding-left: 4px;
  padding-right: 4px;
  text-transform: uppercase;
}
.about-button2 {
  color: rgb(255, 255, 255);
  width: 96px;
  cursor: pointer;
  height: 24px;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 1px black;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  text-transform: lowercase;
  text-decoration: none;
  background-color: #64b5f6;
}
.about-button2:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.about-container29 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-unit);
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: row;
  justify-content: flex-start;
}
.about-container30 {
  width: 280px;
  height: 400px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  background-image: url("public/external/rlabs-400h.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.about-container30:hover {
  transform: translateY(-3px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.about-container31 {
  gap: 128px;
  width: 100%;
  height: 100%;
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.about-container32 {
  width: 256px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.about-text22 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  margin-bottom: var(--dl-space-space-halfunit);
}
.about-text23 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  text-align: center;
  font-family: "Dosis";
  font-weight: 500;
  padding-left: 4px;
  padding-right: 4px;
  text-transform: uppercase;
}
.about-button3 {
  color: rgb(255, 255, 255);
  width: 96px;
  cursor: pointer;
  height: 24px;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 1px black;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  text-transform: lowercase;
  text-decoration: none;
  background-color: #64b5f6;
}
.about-button3:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.about-container33 {
  width: 280px;
  height: 400px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  background-image: url("public/external/rsoup-400h.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.about-container33:hover {
  transform: translateY(-3px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.about-container34 {
  gap: 128px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.about-container35 {
  width: 256px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.about-text24 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  margin-bottom: var(--dl-space-space-halfunit);
}
.about-text25 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  text-align: center;
  font-family: "Dosis";
  font-weight: 500;
  padding-left: 4px;
  padding-right: 4px;
  text-transform: uppercase;
}
.about-button4 {
  color: rgb(255, 255, 255);
  width: 96px;
  cursor: pointer;
  height: 24px;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 1px black;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  text-transform: lowercase;
  text-decoration: none;
  background-color: #64b5f6;
}
.about-button4:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.about-container36 {
  width: 280px;
  height: 400px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  background-image: url("public/external/rteam-400h.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.about-container36:hover {
  transform: translateY(-3px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.about-container37 {
  gap: 128px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.about-container38 {
  width: 256px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.about-text26 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  margin-bottom: var(--dl-space-space-halfunit);
}
.about-text27 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  text-align: center;
  font-family: "Dosis";
  font-weight: 500;
  padding-left: 4px;
  padding-right: 4px;
  text-transform: uppercase;
}
.about-button5 {
  color: rgb(255, 255, 255);
  width: 96px;
  cursor: pointer;
  height: 24px;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 1px black;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  text-transform: lowercase;
  text-decoration: none;
  background-color: #64b5f6;
}
.about-button5:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.about-container39 {
  width: 280px;
  height: 400px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  background-image: url("public/external/rweb-400h.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.about-container39:hover {
  transform: translateY(-3px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.about-container40 {
  gap: 128px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.about-container41 {
  width: 256px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.about-text28 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  margin-bottom: var(--dl-space-space-halfunit);
}
.about-text29 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  text-align: center;
  font-family: "Dosis";
  font-weight: 500;
  padding-left: 4px;
  padding-right: 4px;
  text-transform: uppercase;
}
.about-button6 {
  color: rgb(255, 255, 255);
  width: 96px;
  cursor: pointer;
  height: 24px;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 1px black;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  text-transform: lowercase;
  text-decoration: none;
  background-color: #64b5f6;
}
.about-button6:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.about-container42 {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.about-container43 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-image08 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.about-text30 {
  color: rgb(255, 255, 255);
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.about-container44 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 800px;
  bottom: 0px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.about-icon-group {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: center;
  flex-direction: row;
}
.about-link {
  display: contents;
}
.about-image09 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.about-image09:hover {
  opacity: 0.5;
}
.about-link1 {
  display: contents;
}
.about-image10 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.about-image10:hover {
  opacity: 0.5;
}
.about-link2 {
  display: contents;
}
.about-image11 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.about-image11:hover {
  opacity: 0.5;
}
.about-link3 {
  display: contents;
}
.about-image12 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.about-image12:hover {
  opacity: 0.5;
}
.about-container45 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}
.about-link4 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.about-link4:hover {
  opacity: 0.5;
}
.about-navlink12 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.about-navlink12:hover {
  opacity: 0.5;
}
.about-navlink13 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.about-navlink13:hover {
  opacity: 0.5;
}
.about-navlink14 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.about-navlink14:hover {
  opacity: 0.5;
}
.about-navlink15 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.about-navlink15:hover {
  opacity: 0.5;
}
.about-container46 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: center;
  align-items: space-between;
  flex-direction: row;
}
.about-text31 {
  color: #ffffff;
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.about-link5 {
  display: contents;
}
.about-image13 {
  flex: 1;
  width: 32px;
  height: 32px;
  transform: rotate(180deg);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  object-position: center;
  text-decoration: none;
}
.about-image13:hover {
  opacity: 0.5;
}
@media(max-width: 1200px) {
  .about-image13 {
    width: 32px;
  }
}

/* -- boost -- */
.boost-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  background-image: radial-gradient(circle at center bottom, rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.97) 99.00%);
}
.boost-container01 {
  width: 100%;
  height: 650px;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.boost-container02 {
  width: 100%;
  display: flex;
  z-index: 100;
  position: relative;
  align-self: flex-start;
  align-items: center;
  padding-top: var(--dl-space-space-oneandhalfunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: space-between;
}
.boost-navlink {
  display: contents;
}
.boost-image {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.boost-image:hover {
  transform: scale(0.9);
  transition: 0.7s;
}
.boost-container03 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.boost-container04 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: flex-end;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.boost-container05 {
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.boost-navlink01 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.boost-navlink01:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.boost-navlink02 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.boost-navlink02:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.boost-navlink03 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.boost-navlink03:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.boost-text {
  color: rgb(255, 255, 255);
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.boost-text:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.boost-navlink04 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.boost-navlink04:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.boost-container06 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: flex-end;
  transition: 0.7s;
  align-items: center;
  justify-content: center;
}
.boost-navlink05 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.boost-navlink05:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.boost-navlink06 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.boost-navlink06:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.boost-navlink07 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.boost-navlink07:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.boost-navlink08 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.boost-navlink08:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.boost-navlink09 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.boost-navlink09:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.boost-navlink10 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.boost-navlink10:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.boost-container07 {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  display: flex;
  z-index: 0;
  position: absolute;
  align-self: center;
  align-items: center;
  padding-top: 110px;
  flex-direction: column;
  justify-content: center;
}
.boost-text01 {
  color: rgba(0, 0, 0, 0);
  cursor: default;
  font-size: 96px;
  background: linear-gradient(90deg, hsla(33, 100%, 53%, 1) 0%, hsla(58, 100%, 68%, 1) 100%);
  font-style: normal;
  font-family: "Moon Walk2";
  font-weight: 700;
  text-transform: uppercase;
  -webkit-background-clip: text;
}
.boost-text02 {
  color: #fff;
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.boost-container08 {
  height: 100%;
  display: flex;
  position: relative;
  align-self: center;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
.boost-container09 {
  gap: var(--dl-space-space-halfunit);
  width: 1400px;
  height: 800px;
  display: flex;
  padding: var(--dl-space-space-unit);
  position: relative;
  align-self: center;
  margin-top: 128px;
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: 128px;
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  background-image: url("public/external/rboost2-800h.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.boost-container09:hover {
  transition: 0.7s;
  border-color: #1A2332;
  border-width: 1px;
  -webkit-background-clip: text;
}
.boost-text03 {
  color: rgba(0, 0, 0, 0);
  width: 1000px;
  cursor: default;
  font-size: 48px;
  align-self: center;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}
.boost-container10 {
  gap: var(--dl-space-space-threeunits);
  width: var(--dl-size-size-maxwidth);
  height: 512px;
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: row;
  justify-content: center;
}
.boost-container10:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.boost-container11 {
  display: flex;
  align-self: center;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.boost-image1 {
  width: 680px;
  height: 410px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius4);
}
.boost-container12 {
  gap: var(--dl-space-space-halfunit);
  height: 410px;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.boost-heading {
  color: #ffffff;
  width: 100%;
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-transform: uppercase;
}
.boost-text04 {
  color: #ffffff;
  width: 570px;
  cursor: default;
  font-size: 24px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 500;
}
.boost-container13 {
  width: var(--dl-size-size-maxwidth);
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-oneandhalfunits);
  align-items: center;
  border-radius: var(--dl-radius-radius-radius8);
  margin-bottom: var(--dl-space-space-fourunits);
  flex-direction: row;
  justify-content: center;
}
.boost-container14 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.boost-text05 {
  color: #ffffff;
  cursor: default;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 600;
  text-transform: uppercase;
}
.boost-container15 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.boost-container16 {
  flex: 0 0 auto;
  width: 450px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.boost-container17 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 450px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.boost-container17:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.boost-container18 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.boost-container19 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.boost-text06 {
  color: #ffffff;
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.boost-text09 {
  color: #ffffff;
  width: 350px;
  cursor: default;
  font-size: 20px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 400;
}
.boost-container20 {
  flex: 0 0 auto;
  width: 450px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.boost-container21 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 450px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.boost-container21:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.boost-container22 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.boost-container23 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.boost-text10 {
  color: #ffffff;
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.boost-text13 {
  color: #ffffff;
  width: 350px;
  cursor: default;
  font-size: 20px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 400;
}
.boost-container24 {
  flex: 0 0 auto;
  width: 450px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.boost-container25 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 450px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.boost-container25:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.boost-container26 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.boost-container27 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.boost-text14 {
  color: #ffffff;
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.boost-text17 {
  color: #ffffff;
  width: 350px;
  cursor: default;
  font-size: 20px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 400;
}
.boost-container28 {
  width: var(--dl-size-size-maxwidth);
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: column;
}
.boost-navlink11 {
  display: contents;
}
.boost-container29 {
  gap: var(--dl-space-space-oneandhalfunits);
  width: var(--dl-size-size-maxwidth);
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
}
.boost-container29:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.boost-container30 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.boost-image2 {
  width: 32px;
  height: 32px;
  object-fit: cover;
}
.boost-text18 {
  color: #ffffff;
  font-size: 32px;
  font-family: "Dosis";
}
.boost-container31 {
  gap: var(--dl-space-space-unit);
  width: var(--dl-size-size-maxwidth);
  height: 100%;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-fourunits);
  align-items: center;
  border-radius: var(--dl-radius-radius-radius8);
  margin-bottom: 128px;
  flex-direction: column;
  justify-content: center;
}
.boost-container32 {
  gap: var(--dl-space-space-unit);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.boost-navlink12 {
  display: contents;
}
.boost-container33 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rboost-1400w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.boost-container33:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.boost-text19 {
  color: #ffffff;
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.boost-navlink13 {
  display: contents;
}
.boost-container34 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rdesign-1400w.webp");
  background-position: center;
}
.boost-container34:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.boost-text20 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.boost-navlink14 {
  display: contents;
}
.boost-container35 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rhosting-1400w.webp");
  background-position: center;
}
.boost-container35:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.boost-text21 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.boost-container36 {
  gap: var(--dl-space-space-unit);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.boost-navlink15 {
  display: contents;
}
.boost-container37 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rsoup-1400w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.boost-container37:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.boost-text22 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.boost-navlink16 {
  display: contents;
}
.boost-container38 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rteam-1400w.webp");
  background-position: center;
}
.boost-container38:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.boost-text23 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.boost-navlink17 {
  display: contents;
}
.boost-container39 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rweb-1400w.webp");
  background-position: center;
}
.boost-container39:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.boost-text26 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.boost-container40 {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.boost-container41 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.boost-image3 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.boost-text27 {
  color: rgb(255, 255, 255);
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.boost-container42 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 800px;
  bottom: 0px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.boost-icon-group {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: center;
  flex-direction: row;
}
.boost-link {
  display: contents;
}
.boost-image4 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.boost-image4:hover {
  opacity: 0.5;
}
.boost-link1 {
  display: contents;
}
.boost-image5 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.boost-image5:hover {
  opacity: 0.5;
}
.boost-link2 {
  display: contents;
}
.boost-image6 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.boost-image6:hover {
  opacity: 0.5;
}
.boost-link3 {
  display: contents;
}
.boost-image7 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.boost-image7:hover {
  opacity: 0.5;
}
.boost-container43 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}
.boost-link4 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.boost-link4:hover {
  opacity: 0.5;
}
.boost-navlink18 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.boost-navlink18:hover {
  opacity: 0.5;
}
.boost-navlink19 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.boost-navlink19:hover {
  opacity: 0.5;
}
.boost-navlink20 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.boost-navlink20:hover {
  opacity: 0.5;
}
.boost-navlink21 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.boost-navlink21:hover {
  opacity: 0.5;
}
.boost-container44 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: center;
  align-items: space-between;
  flex-direction: row;
}
.boost-text28 {
  color: #ffffff;
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.boost-link5 {
  display: contents;
}
.boost-image8 {
  flex: 1;
  width: 32px;
  height: 32px;
  transform: rotate(180deg);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  object-position: center;
  text-decoration: none;
}
.boost-image8:hover {
  opacity: 0.5;
}
@media(max-width: 1200px) {
  .boost-image8 {
    width: 32px;
  }
}

/* -- contact -- */
.contact-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  background-image: radial-gradient(circle at center bottom, rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.97) 99.00%);
}
.contact-container01 {
  width: 100%;
  height: 650px;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.contact-container02 {
  width: 100%;
  display: flex;
  z-index: 100;
  position: relative;
  align-self: flex-start;
  align-items: center;
  padding-top: var(--dl-space-space-oneandhalfunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: space-between;
}
.contact-navlink {
  display: contents;
}
.contact-image {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.contact-image:hover {
  transform: scale(0.9);
  transition: 0.7s;
}
.contact-container03 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.contact-container04 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: flex-end;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.contact-container05 {
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.contact-navlink01 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.contact-navlink01:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.contact-navlink02 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.contact-navlink02:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.contact-navlink03 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.contact-navlink03:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.contact-link {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.contact-link:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.contact-navlink04 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.contact-navlink04:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.contact-container06 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: flex-end;
  transition: 0.7s;
  align-items: center;
  justify-content: center;
}
.contact-navlink05 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.contact-navlink05:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.contact-navlink06 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.contact-navlink06:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.contact-navlink07 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.contact-navlink07:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.contact-navlink08 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.contact-navlink08:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.contact-navlink09 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.contact-navlink09:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.contact-navlink10 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.contact-navlink10:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.contact-container07 {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  display: flex;
  z-index: 0;
  position: absolute;
  align-self: center;
  align-items: center;
  padding-top: 110px;
  flex-direction: column;
  justify-content: center;
}
.contact-text {
  color: rgba(0, 0, 0, 0);
  cursor: default;
  font-size: 96px;
  background: linear-gradient(90deg, hsla(152, 100%, 50%, 1) 0%, hsla(186, 100%, 69%, 1) 100%);
  font-style: normal;
  font-family: "Moon Walk2";
  font-weight: 700;
  text-transform: uppercase;
  -webkit-background-clip: text;
}
.contact-text01 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.contact-container08 {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.contact-container09 {
  width: 1400px;
  height: 600px;
  display: flex;
  position: relative;
  margin-top: 128px;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius8);
  margin-bottom: var(--dl-space-space-fourunits);
  flex-direction: column;
  justify-content: center;
}
.contact-form {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  border-radius: var(--dl-radius-radius-radius8);
  flex-direction: column;
  justify-content: center;
}
.contact-container10 {
  gap: var(--dl-space-space-fourunits);
  width: 100%;
  height: 100%;
  display: flex;
  align-self: center;
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: row;
  justify-content: center;
}
.contact-container10:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.contact-container11 {
  gap: var(--dl-space-space-oneandhalfunits);
  width: 600px;
  height: 450px;
  display: flex;
  padding: var(--dl-space-space-unit);
  align-self: center;
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.contact-container11:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.contact-text02 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: default;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: underline;
}
.contact-container12 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
}
.contact-container13 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.contact-text03 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  margin-bottom: var(--dl-space-space-halfunit);
  text-transform: uppercase;
}
.contact-textinput {
  color: #fff;
  padding: 0.5rem 1rem;
  transition: 0.7s;
  font-family: "Dosis";
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  background-color: transparent;
}
.contact-textinput:hover {
  border-color: #242423;
  border-width: 1px;
}
.contact-container14 {
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  margin-bottom: var(--dl-space-space-halfunit);
  flex-direction: column;
  justify-content: center;
}
.contact-heading {
  color: #ffffff;
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  margin-bottom: var(--dl-space-space-halfunit);
}
.contact-textinput1 {
  color: #fff;
  padding: 0.5rem 1rem;
  transition: 0.7s;
  font-family: "Dosis";
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  background-color: transparent;
}
.contact-textinput1:hover {
  border-color: #242423;
  border-width: 1px;
}
.contact-container15 {
  width: 100%;
  height: 180px;
  display: flex;
  position: relative;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.contact-container16 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.contact-text04 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  margin-right: var(--dl-space-space-halfunit);
  margin-bottom: var(--dl-space-space-halfunit);
}
.contact-text05 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 12px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 400;
  margin-bottom: var(--dl-space-space-halfunit);
}
.contact-textarea {
  color: #fff;
  width: 520px;
  height: 300px;
  resize: none;
  align-self: flex-start;
  transition: 0.7s;
  font-family: "Dosis";
  padding-top: 0.5rem;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  padding-left: 1rem;
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  background-color: transparent;
}
.contact-textarea:hover {
  border-color: #242423;
  border-width: 1px;
}
.contact-container17 {
  gap: var(--dl-space-space-twounits);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.contact-button {
  color: #ffffff;
  width: 128px;
  cursor: pointer;
  font-size: 16px;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: rgba(0, 0, 0, 0);
  border-radius: var(--dl-radius-radius-radius4);
  text-transform: uppercase;
  background-color: transparent;
}
.contact-button:hover {
  border-color: #fff;
  border-width: 1px;
}
.contact-text06 {
  color: #ffffff;
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.contact-container18 {
  gap: 12px;
  width: 600px;
  height: 450px;
  display: flex;
  padding: var(--dl-space-space-unit);
  align-self: center;
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.contact-container18:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.contact-text07 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: default;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: underline;
}
.contact-link01 {
  display: contents;
}
.contact-container19 {
  width: 100%;
  height: 350px;
  display: flex;
  align-self: center;
  align-items: flex-start;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  justify-content: center;
  text-decoration: none;
}
.contact-container20 {
  width: 420px;
  height: 80px;
  display: flex;
  align-self: center;
  align-items: flex-start;
  background-size: cover;
  background-image: url("public/external/full_logo_white_rgb-200h.png");
}
.contact-container21 {
  width: var(--dl-size-size-maxwidth);
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: column;
}
.contact-container22 {
  width: var(--dl-size-size-maxwidth);
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.contact-container22:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.contact-container23 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.contact-link02 {
  display: contents;
}
.contact-image01 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  text-decoration: none;
}
.contact-link03 {
  display: contents;
}
.contact-image02 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  text-decoration: none;
}
.contact-link04 {
  display: contents;
}
.contact-image03 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  text-decoration: none;
}
.contact-link05 {
  display: contents;
}
.contact-image04 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  text-decoration: none;
}
.contact-link06 {
  display: contents;
}
.contact-image05 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  text-decoration: none;
}
.contact-link07 {
  display: contents;
}
.contact-image06 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  text-decoration: none;
}
.contact-link08 {
  display: contents;
}
.contact-image07 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  text-decoration: none;
}
.contact-link09 {
  display: contents;
}
.contact-image08 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  text-decoration: none;
}
.contact-container24 {
  gap: var(--dl-space-space-unit);
  width: var(--dl-size-size-maxwidth);
  height: 100%;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-fourunits);
  align-items: center;
  border-radius: var(--dl-radius-radius-radius8);
  margin-bottom: 128px;
  flex-direction: column;
  justify-content: center;
}
.contact-container25 {
  gap: var(--dl-space-space-unit);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.contact-navlink11 {
  display: contents;
}
.contact-container26 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rboost-1400w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.contact-container26:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.contact-text08 {
  color: #ffffff;
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.contact-navlink12 {
  display: contents;
}
.contact-container27 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rdesign-1400w.webp");
  background-position: center;
}
.contact-container27:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.contact-text09 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.contact-navlink13 {
  display: contents;
}
.contact-container28 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rhosting-1400w.webp");
  background-position: center;
}
.contact-container28:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.contact-text10 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.contact-container29 {
  gap: var(--dl-space-space-unit);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.contact-navlink14 {
  display: contents;
}
.contact-container30 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rsoup-1400w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.contact-container30:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.contact-text11 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.contact-navlink15 {
  display: contents;
}
.contact-container31 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rteam-1400w.webp");
  background-position: center;
}
.contact-container31:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.contact-text12 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.contact-navlink16 {
  display: contents;
}
.contact-container32 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rweb-1400w.webp");
  background-position: center;
}
.contact-container32:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.contact-text15 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.contact-container33 {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.contact-container34 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-image09 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.contact-text16 {
  color: rgb(255, 255, 255);
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.contact-container35 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 800px;
  bottom: 0px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.contact-icon-group {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: center;
  flex-direction: row;
}
.contact-link10 {
  display: contents;
}
.contact-image10 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.contact-image10:hover {
  opacity: 0.5;
}
.contact-link11 {
  display: contents;
}
.contact-image11 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.contact-image11:hover {
  opacity: 0.5;
}
.contact-link12 {
  display: contents;
}
.contact-image12 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.contact-image12:hover {
  opacity: 0.5;
}
.contact-link13 {
  display: contents;
}
.contact-image13 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.contact-image13:hover {
  opacity: 0.5;
}
.contact-container36 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}
.contact-link14 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.contact-link14:hover {
  opacity: 0.5;
}
.contact-navlink17 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.contact-navlink17:hover {
  opacity: 0.5;
}
.contact-navlink18 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.contact-navlink18:hover {
  opacity: 0.5;
}
.contact-navlink19 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.contact-navlink19:hover {
  opacity: 0.5;
}
.contact-navlink20 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.contact-navlink20:hover {
  opacity: 0.5;
}
.contact-container37 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: center;
  align-items: space-between;
  flex-direction: row;
}
.contact-text17 {
  color: #ffffff;
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.contact-link15 {
  display: contents;
}
.contact-image14 {
  flex: 1;
  width: 32px;
  height: 32px;
  transform: rotate(180deg);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  object-position: center;
  text-decoration: none;
}
.contact-image14:hover {
  opacity: 0.5;
}
@media(max-width: 1200px) {
  .contact-image14 {
    width: 32px;
  }
}

/* -- design -- */
.design-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  background-image: radial-gradient(circle at center bottom, rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.97) 99.00%);
}
.design-container01 {
  width: 100%;
  height: 650px;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.design-container02 {
  width: 100%;
  display: flex;
  z-index: 100;
  position: relative;
  align-self: flex-start;
  align-items: center;
  padding-top: var(--dl-space-space-oneandhalfunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: space-between;
}
.design-navlink {
  display: contents;
}
.design-image {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.design-image:hover {
  transform: scale(0.9);
  transition: 0.7s;
}
.design-container03 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.design-container04 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: flex-end;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.design-container05 {
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.design-navlink01 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.design-navlink01:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.design-navlink02 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.design-navlink02:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.design-navlink03 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.design-navlink03:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.design-navlink04 {
  color: rgb(255, 255, 255);
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.design-navlink04:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.design-navlink05 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.design-navlink05:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.design-container06 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: flex-end;
  transition: 0.7s;
  align-items: center;
  justify-content: center;
}
.design-navlink06 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.design-navlink06:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.design-navlink07 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.design-navlink07:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.design-navlink08 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.design-navlink08:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.design-navlink09 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.design-navlink09:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.design-navlink10 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.design-navlink10:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.design-navlink11 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.design-navlink11:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.design-container07 {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  display: flex;
  z-index: 0;
  position: absolute;
  align-self: center;
  align-items: center;
  padding-top: 110px;
  flex-direction: column;
  justify-content: center;
}
.design-text {
  color: rgba(0, 0, 0, 0);
  cursor: default;
  font-size: 96px;
  background: linear-gradient(90deg, hsla(217, 100%, 50%, 1) 0%, hsla(186, 100%, 69%, 1) 100%);
  font-style: normal;
  font-family: "Moon Walk2";
  font-weight: 700;
  text-transform: uppercase;
  -webkit-background-clip: text;
}
.design-text01 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.design-container08 {
  height: 100%;
  display: flex;
  position: relative;
  align-self: center;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
.design-container09 {
  gap: var(--dl-space-space-halfunit);
  width: 1400px;
  height: 800px;
  display: flex;
  padding: var(--dl-space-space-unit);
  position: relative;
  align-self: center;
  margin-top: 128px;
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: 128px;
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  background-image: url("public/external/rdesign2-800h.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.design-container09:hover {
  transition: 0.7s;
  border-color: #1A2332;
  border-width: 1px;
  -webkit-background-clip: text;
}
.design-text02 {
  color: rgba(0, 0, 0, 0);
  width: 1000px;
  cursor: default;
  font-size: 48px;
  align-self: center;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}
.design-container10 {
  gap: var(--dl-space-space-threeunits);
  width: var(--dl-size-size-maxwidth);
  height: 512px;
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: row;
  justify-content: center;
}
.design-container10:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.design-container11 {
  display: flex;
  align-self: center;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.design-image1 {
  width: 680px;
  height: 410px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius4);
}
.design-container12 {
  gap: var(--dl-space-space-halfunit);
  height: 410px;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.design-heading {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-transform: uppercase;
}
.design-text03 {
  color: rgb(255, 255, 255);
  width: 570px;
  cursor: default;
  font-size: 24px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 500;
}
.design-container13 {
  width: var(--dl-size-size-maxwidth);
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-oneandhalfunits);
  align-items: center;
  border-radius: var(--dl-radius-radius-radius8);
  margin-bottom: var(--dl-space-space-fourunits);
  flex-direction: row;
  justify-content: center;
}
.design-container14 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.design-text04 {
  color: #ffffff;
  cursor: default;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 600;
  text-transform: uppercase;
}
.design-container15 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.design-container16 {
  flex: 0 0 auto;
  width: 450px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.design-container17 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 450px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.design-container17:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.design-container18 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.design-container19 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.design-text05 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.design-text06 {
  color: rgb(255, 255, 255);
  width: 350px;
  cursor: default;
  font-size: 20px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 400;
}
.design-container20 {
  flex: 0 0 auto;
  width: 450px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.design-container21 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 450px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.design-container21:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.design-container22 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.design-container23 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.design-text07 {
  color: #ffffff;
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.design-text10 {
  color: #ffffff;
  width: 350px;
  cursor: default;
  font-size: 20px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 400;
}
.design-container24 {
  flex: 0 0 auto;
  width: 450px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.design-container25 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 450px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.design-container25:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.design-container26 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.design-container27 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.design-text11 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.design-text12 {
  color: rgb(255, 255, 255);
  width: 350px;
  cursor: default;
  font-size: 20px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 400;
}
.design-container28 {
  width: var(--dl-size-size-maxwidth);
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: column;
}
.design-navlink12 {
  display: contents;
}
.design-container29 {
  gap: var(--dl-space-space-oneandhalfunits);
  width: var(--dl-size-size-maxwidth);
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
}
.design-container29:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.design-container30 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.design-image2 {
  width: 32px;
  height: 32px;
  object-fit: cover;
}
.design-text13 {
  color: #ffffff;
  font-size: 32px;
  font-family: "Dosis";
}
.design-container31 {
  gap: var(--dl-space-space-unit);
  width: var(--dl-size-size-maxwidth);
  height: 100%;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-fourunits);
  align-items: center;
  border-radius: var(--dl-radius-radius-radius8);
  margin-bottom: 128px;
  flex-direction: column;
  justify-content: center;
}
.design-container32 {
  gap: var(--dl-space-space-unit);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.design-navlink13 {
  display: contents;
}
.design-container33 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rboost-1400w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.design-container33:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.design-text14 {
  color: #ffffff;
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.design-navlink14 {
  display: contents;
}
.design-container34 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rdesign-1400w.webp");
  background-position: center;
}
.design-container34:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.design-text15 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.design-navlink15 {
  display: contents;
}
.design-container35 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rhosting-1400w.webp");
  background-position: center;
}
.design-container35:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.design-text16 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.design-container36 {
  gap: var(--dl-space-space-unit);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.design-navlink16 {
  display: contents;
}
.design-container37 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rsoup-1400w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.design-container37:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.design-text17 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.design-navlink17 {
  display: contents;
}
.design-container38 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rteam-1400w.webp");
  background-position: center;
}
.design-container38:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.design-text18 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.design-navlink18 {
  display: contents;
}
.design-container39 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rweb-1400w.webp");
  background-position: center;
}
.design-container39:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.design-text21 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.design-container40 {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.design-container41 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.design-image3 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.design-text22 {
  color: rgb(255, 255, 255);
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.design-container42 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 800px;
  bottom: 0px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.design-icon-group {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: center;
  flex-direction: row;
}
.design-link {
  display: contents;
}
.design-image4 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.design-image4:hover {
  opacity: 0.5;
}
.design-link1 {
  display: contents;
}
.design-image5 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.design-image5:hover {
  opacity: 0.5;
}
.design-link2 {
  display: contents;
}
.design-image6 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.design-image6:hover {
  opacity: 0.5;
}
.design-link3 {
  display: contents;
}
.design-image7 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.design-image7:hover {
  opacity: 0.5;
}
.design-container43 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}
.design-link4 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.design-link4:hover {
  opacity: 0.5;
}
.design-navlink19 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.design-navlink19:hover {
  opacity: 0.5;
}
.design-navlink20 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.design-navlink20:hover {
  opacity: 0.5;
}
.design-navlink21 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.design-navlink21:hover {
  opacity: 0.5;
}
.design-navlink22 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.design-navlink22:hover {
  opacity: 0.5;
}
.design-container44 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: center;
  align-items: space-between;
  flex-direction: row;
}
.design-text23 {
  color: #ffffff;
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.design-link5 {
  display: contents;
}
.design-image8 {
  flex: 1;
  width: 32px;
  height: 32px;
  transform: rotate(180deg);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  object-position: center;
  text-decoration: none;
}
.design-image8:hover {
  opacity: 0.5;
}
@media(max-width: 1200px) {
  .design-image8 {
    width: 32px;
  }
}

/* -- faq -- */
.faq-container {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  background-image: radial-gradient(circle at center bottom, rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.97) 99.00%);
}
.faq-container01 {
  width: 100%;
  height: 650px;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.faq-container02 {
  width: 100%;
  display: flex;
  z-index: 100;
  position: relative;
  align-self: flex-start;
  align-items: center;
  padding-top: var(--dl-space-space-oneandhalfunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: space-between;
}
.faq-navlink {
  display: contents;
}
.faq-image {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.faq-image:hover {
  transform: scale(0.9);
  transition: 0.7s;
}
.faq-container03 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.faq-container04 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: flex-end;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.faq-container05 {
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.faq-navlink01 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.faq-navlink01:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.faq-navlink02 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.faq-navlink02:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.faq-navlink03 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.faq-navlink03:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.faq-link {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.faq-link:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.faq-navlink04 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.faq-navlink04:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.faq-container06 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: flex-end;
  transition: 0.7s;
  align-items: center;
  justify-content: center;
}
.faq-navlink05 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.faq-navlink05:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.faq-navlink06 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.faq-navlink06:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.faq-navlink07 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.faq-navlink07:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.faq-navlink08 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.faq-navlink08:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.faq-navlink09 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.faq-navlink09:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.faq-navlink10 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.faq-navlink10:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.faq-container07 {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  display: flex;
  z-index: 0;
  position: absolute;
  align-self: center;
  align-items: center;
  padding-top: 110px;
  flex-direction: column;
  justify-content: center;
}
.faq-text {
  color: rgba(0, 0, 0, 0);
  cursor: default;
  font-size: 96px;
  background: linear-gradient(135deg, #007bff, #3498db, #6cb9e1, #9cd2e6, #c6e4ec);
  font-style: normal;
  font-family: "Moon Walk2";
  font-weight: 700;
  text-transform: uppercase;
  background-image: linear-gradient(135deg, rgb(0, 123, 255), rgb(52, 152, 219), rgb(108, 185, 225), rgb(156, 210, 230), rgb(198, 228, 236));
  -webkit-background-clip: text;
}
.faq-text01 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.faq-container08 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.faq-container09 {
  width: auto;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-twounits);
  align-items: flex-start;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-twounits);
  margin-bottom: var(--dl-space-space-twounits);
  padding-right: var(--dl-space-space-twounits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: flex-start;
}
.faq-container10 {
  flex: 0 0 auto;
  width: 1024px;
  height: auto;
  display: flex;
  align-items: flex-start;
  margin-right: var(--dl-space-space-oneandhalfunits);
  flex-direction: column;
}
.faq-container11 {
  gap: var(--dl-space-space-unit);
  display: flex;
  padding: var(--dl-space-space-unit);
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-twounits);
  flex-direction: column;
}
.faq-container11:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.faq-text02 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  transition: 0.3s;
  font-family: "Dosis";
}

.faq-text03 {
  color: rgb(255, 255, 255);
  width: auto;
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.faq-container12 {
  gap: var(--dl-space-space-unit);
  display: flex;
  padding: var(--dl-space-space-unit);
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-twounits);
  flex-direction: column;
}
.faq-container12:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.faq-text04 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  transition: 0.3s;
  font-family: "Dosis";
}

.faq-text07 {
  color: rgb(255, 255, 255);
  width: auto;
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.faq-container13 {
  gap: var(--dl-space-space-unit);
  display: flex;
  padding: var(--dl-space-space-unit);
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
}
.faq-container13:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.faq-text08 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  transition: 0.3s;
  font-family: "Dosis";
}

.faq-text09 {
  color: rgb(255, 255, 255);
  width: auto;
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.faq-container14 {
  top: 16px;
  flex: 0 0 auto;
  width: 525px;
  height: auto;
  display: flex;
  position: sticky;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.faq-container15 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.faq-link1 {
  display: contents;
}
.faq-container16 {
  flex: 0 0 auto;
  width: 100%;
  height: 128px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  background-size: cover;
  justify-content: flex-start;
  text-decoration: none;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),url("public/external/ca0a1884a7884501ac9707c6dd16f4c1-600w.png");
  background-repeat: repeat,no-repeat;
  background-position: top left,center;
}
.faq-container16:hover {
  transform: translateY(-3px);
  transition: 0.7s;
}
.faq-container17 {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  height: auto;
  display: flex;
  margin-left: var(--dl-space-space-unit);
  flex-direction: column;
}
.faq-text10 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 2px black;
  text-transform: lowercase;
}
.faq-text11 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-shadow: 0px 1px 2px black;
}
.faq-image01 {
  width: 24px;
  filter: drop-shadow(0 0 2px black);
  height: 24px;
  align-self: flex-end;
  object-fit: cover;
  margin-right: var(--dl-space-space-threeunits);
  margin-bottom: 27px;
}
.faq-navlink11 {
  display: contents;
}
.faq-container18 {
  flex: 0 0 auto;
  width: 100%;
  height: 128px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  background-size: cover;
  justify-content: flex-start;
  text-decoration: none;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),url("public/external/rterms-600w.webp");
  background-repeat: repeat,no-repeat;
  background-position: top left,center;
}
.faq-container18:hover {
  transform: translateY(-3px);
  transition: 0.7s;
}
.faq-container19 {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  height: auto;
  display: flex;
  margin-left: var(--dl-space-space-unit);
  flex-direction: column;
}
.faq-text14 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 2px black;
  text-transform: lowercase;
}
.faq-text15 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-shadow: 0px 1px 2px black;
}
.faq-image02 {
  width: 24px;
  filter: drop-shadow(0 0 2px black);
  height: 24px;
  align-self: flex-end;
  object-fit: cover;
  margin-right: var(--dl-space-space-threeunits);
  margin-bottom: 27px;
}
.faq-navlink12 {
  display: contents;
}
.faq-container20 {
  flex: 0 0 auto;
  width: 100%;
  height: 128px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  background-size: cover;
  justify-content: flex-start;
  text-decoration: none;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),url("public/external/rprivacy-600w.webp");
  background-repeat: repeat,no-repeat;
  background-position: top left,center;
}
.faq-container20:hover {
  transform: translateY(-3px);
  transition: 0.7s;
}
.faq-container21 {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  height: auto;
  display: flex;
  margin-left: var(--dl-space-space-unit);
  flex-direction: column;
}
.faq-text18 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 2px black;
  text-transform: lowercase;
}
.faq-text19 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-shadow: 0px 1px 2px black;
}
.faq-image03 {
  width: 24px;
  filter: drop-shadow(0 0 2px black);
  height: 24px;
  align-self: flex-end;
  object-fit: cover;
  margin-right: var(--dl-space-space-threeunits);
  margin-bottom: 27px;
}
.faq-container22 {
  width: 1574px;
  height: var(--dl-size-size-medium);
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  margin-bottom: var(--dl-space-space-fourunits);
  flex-direction: column;
}
.faq-navlink13 {
  display: contents;
}
.faq-container23 {
  gap: var(--dl-space-space-oneandhalfunits);
  width: 100%;
  height: 100%;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
}
.faq-container23:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.faq-container24 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.faq-image04 {
  width: 32px;
  height: 32px;
  object-fit: cover;
}
.faq-text22 {
  color: #ffffff;
  font-size: 32px;
  font-family: "Dosis";
}
.faq-container25 {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.faq-container26 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.faq-image05 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.faq-text23 {
  color: rgb(255, 255, 255);
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.faq-container27 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 800px;
  bottom: 0px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.faq-icon-group {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: center;
  flex-direction: row;
}
.faq-link2 {
  display: contents;
}
.faq-image06 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.faq-image06:hover {
  opacity: 0.5;
}
.faq-link3 {
  display: contents;
}
.faq-image07 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.faq-image07:hover {
  opacity: 0.5;
}
.faq-link4 {
  display: contents;
}
.faq-image08 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.faq-image08:hover {
  opacity: 0.5;
}
.faq-link5 {
  display: contents;
}
.faq-image09 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.faq-image09:hover {
  opacity: 0.5;
}
.faq-container28 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}
.faq-link6 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.faq-link6:hover {
  opacity: 0.5;
}
.faq-navlink14 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.faq-navlink14:hover {
  opacity: 0.5;
}
.faq-navlink15 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.faq-navlink15:hover {
  opacity: 0.5;
}
.faq-navlink16 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.faq-navlink16:hover {
  opacity: 0.5;
}
.faq-navlink17 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.faq-navlink17:hover {
  opacity: 0.5;
}
.faq-container29 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: center;
  align-items: space-between;
  flex-direction: row;
}
.faq-text24 {
  color: #ffffff;
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.faq-link7 {
  display: contents;
}
.faq-image10 {
  flex: 1;
  width: 32px;
  height: 32px;
  transform: rotate(180deg);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  object-position: center;
  text-decoration: none;
}
.faq-image10:hover {
  opacity: 0.5;
}
@media(max-width: 1200px) {
  .faq-image10 {
    width: 32px;
  }
}

/* -- hosting -- */
.hosting-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  background-image: radial-gradient(circle at center bottom, rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.97) 99.00%);
}
.hosting-container01 {
  width: 100%;
  height: 650px;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.hosting-container02 {
  width: 100%;
  display: flex;
  z-index: 100;
  position: relative;
  align-self: flex-start;
  align-items: center;
  padding-top: var(--dl-space-space-oneandhalfunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: space-between;
}
.hosting-navlink {
  display: contents;
}
.hosting-image {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.hosting-image:hover {
  transform: scale(0.9);
  transition: 0.7s;
}
.hosting-container03 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.hosting-container04 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: flex-end;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.hosting-container05 {
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.hosting-navlink01 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.hosting-navlink01:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.hosting-navlink02 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.hosting-navlink02:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.hosting-navlink03 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.hosting-navlink03:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.hosting-navlink04 {
  color: rgb(255, 255, 255);
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.hosting-navlink04:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.hosting-navlink05 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.hosting-navlink05:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.hosting-container06 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: flex-end;
  transition: 0.7s;
  align-items: center;
  justify-content: center;
}
.hosting-navlink06 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.hosting-navlink06:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.hosting-navlink07 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.hosting-navlink07:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.hosting-navlink08 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.hosting-navlink08:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.hosting-navlink09 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.hosting-navlink09:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.hosting-navlink10 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.hosting-navlink10:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.hosting-navlink11 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.hosting-navlink11:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.hosting-container07 {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  display: flex;
  z-index: 0;
  position: absolute;
  align-self: center;
  align-items: center;
  padding-top: 110px;
  flex-direction: column;
  justify-content: center;
}
.hosting-text {
  color: rgba(0, 0, 0, 0);
  cursor: default;
  font-size: 96px;
  background: linear-gradient(90deg, hsla(136, 82%, 72%, 1) 0%, hsla(205, 84%, 36%, 1) 100%);
  font-style: normal;
  font-family: "Moon Walk2";
  font-weight: 700;
  text-transform: uppercase;
  -webkit-background-clip: text;
}
.hosting-text01 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.hosting-container08 {
  height: 100%;
  display: flex;
  position: relative;
  align-self: center;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
.hosting-container09 {
  gap: var(--dl-space-space-halfunit);
  width: 1400px;
  height: 800px;
  display: flex;
  padding: var(--dl-space-space-unit);
  position: relative;
  align-self: center;
  margin-top: 128px;
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: 128px;
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  background-image: url("public/external/rhosting2-800h.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.hosting-container09:hover {
  transition: 0.7s;
  border-color: #1A2332;
  border-width: 1px;
  -webkit-background-clip: text;
}
.hosting-text02 {
  color: rgba(0, 0, 0, 0);
  width: 1000px;
  cursor: default;
  font-size: 48px;
  align-self: center;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}
.hosting-container10 {
  gap: var(--dl-space-space-threeunits);
  width: var(--dl-size-size-maxwidth);
  height: 512px;
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: row;
  justify-content: center;
}
.hosting-container10:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.hosting-container11 {
  display: flex;
  align-self: center;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.hosting-image01 {
  width: 680px;
  height: 410px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius4);
}
.hosting-container12 {
  gap: var(--dl-space-space-halfunit);
  height: 410px;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.hosting-heading {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-transform: uppercase;
}
.hosting-text03 {
  color: rgb(255, 255, 255);
  width: 570px;
  cursor: default;
  font-size: 24px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-container13 {
  width: var(--dl-size-size-maxwidth);
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-oneandhalfunits);
  align-items: center;
  border-radius: var(--dl-radius-radius-radius8);
  margin-bottom: var(--dl-space-space-fourunits);
  flex-direction: row;
  justify-content: center;
}
.hosting-container14 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.hosting-text04 {
  color: #ffffff;
  cursor: default;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 600;
  text-transform: uppercase;
}
.hosting-container15 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.hosting-container16 {
  flex: 0 0 auto;
  width: 450px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.hosting-container17 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 450px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.hosting-container17:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.hosting-container18 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.hosting-container19 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.hosting-text05 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.hosting-text06 {
  color: rgb(255, 255, 255);
  width: 350px;
  cursor: default;
  font-size: 20px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 400;
}
.hosting-container20 {
  flex: 0 0 auto;
  width: 450px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.hosting-container21 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 450px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.hosting-container21:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.hosting-container22 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.hosting-container23 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.hosting-text07 {
  color: #ffffff;
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.hosting-text10 {
  color: #ffffff;
  width: 350px;
  cursor: default;
  font-size: 20px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 400;
}
.hosting-container24 {
  flex: 0 0 auto;
  width: 450px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.hosting-container25 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 450px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.hosting-container25:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.hosting-container26 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.hosting-container27 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.hosting-text11 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.hosting-text12 {
  color: rgb(255, 255, 255);
  width: 350px;
  cursor: default;
  font-size: 20px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 400;
}
.hosting-container28 {
  width: 1400px;
  height: 800px;
  display: flex;
  position: relative;
  align-items: flex-start;
  border-radius: var(--dl-radius-radius-radius8);
  margin-bottom: var(--dl-space-space-fourunits);
  flex-direction: row;
  justify-content: center;
}
.hosting-container29 {
  width: var(--dl-size-size-maxwidth);
  height: 800px;
  display: flex;
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: row;
  justify-content: center;
}
.hosting-container29:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.hosting-ul {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
  position: relative;
  align-self: center;
}
.hosting-li {
  width: 200px;
  height: 155px;
  padding: var(--dl-space-space-unit);
  position: relative;
  font-size: 22px;
  text-align: center;
  font-family: Roboto;
  line-height: 1.5;
}
.hosting-text13 {
  top: 0px;
  left: 0px;
  color: #ffffff;
  right: 0px;
  bottom: 0px;
  cursor: default;
  margin: auto;
  padding: var(--dl-space-space-unit);
  position: absolute;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-transform: uppercase;
}
.hosting-li01 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  border-color: 242423;
  border-style: solid;
  border-width: 1px;
  border-top-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text16 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li02 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  border-color: 242423;
  border-style: solid;
  border-width: 1px;
  border-top-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text17 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li03 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  border-color: 242423;
  border-style: solid;
  border-width: 1px;
  border-top-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text18 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li04 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  border-color: 242423;
  border-style: solid;
  border-width: 1px;
  border-top-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text19 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li05 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  border-color: 242423;
  border-style: solid;
  border-width: 1px;
  border-top-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text20 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li06 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  border-color: 242423;
  border-style: solid;
  border-width: 1px;
  border-top-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text21 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li07 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  border-color: 242423;
  border-style: solid;
  border-width: 1px;
  border-top-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text22 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li08 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  border-color: 242423;
  border-style: solid;
  border-width: 1px;
  border-top-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text23 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li09 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  border-color: 242423;
  border-style: solid;
  border-width: 1px;
  border-top-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text24 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li10 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  border-color: 242423;
  border-style: solid;
  border-width: 1px;
  border-top-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text25 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-ul1 {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
  align-self: center;
  list-style-image: none;
}
.hosting-li11 {
  width: 200px;
  height: 155px;
  padding: var(--dl-space-space-unit);
  position: relative;
  font-size: 22px;
  text-align: center;
  font-family: Roboto;
  line-height: 1.5;
  border-color: 242423;
  border-width: 1px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text26 {
  color: #e3f2fd;
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-transform: uppercase;
}
.hosting-text29 {
  color: rgb(255, 255, 255);
  right: 47px;
  bottom: 64px;
  cursor: default;
  position: absolute;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 600;
}
.hosting-navlink12 {
  left: 0px;
  color: #000000;
  right: 0px;
  width: var(--dl-size-size-large);
  bottom: 30px;
  cursor: pointer;
  height: 30px;
  margin: auto;
  position: absolute;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: 16px;
  letter-spacing: 1px;
  text-transform: lowercase;
  text-decoration: none;
  background-color: #e3f2fd;
}
.hosting-navlink12:hover {
  transition: 0.7s;
  border-color: #000000;
  border-width: 1px;
}
.hosting-li12 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text32 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li13 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text33 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li14 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text34 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li15 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text35 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li16 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text36 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li17 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image02 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-li18 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image03 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-li19 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image04 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-li20 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image05 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-li21 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-left-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image06 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-ul2 {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
  align-self: center;
}
.hosting-li22 {
  width: 200px;
  height: 155px;
  padding: var(--dl-space-space-unit);
  position: relative;
  font-size: 22px;
  text-align: center;
  font-family: Roboto;
  line-height: 1.5;
  border-color: 242423;
  border-width: 1px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text37 {
  color: #bbdefb;
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-transform: uppercase;
}
.hosting-text40 {
  color: rgb(255, 255, 255);
  right: 47px;
  bottom: 64px;
  cursor: default;
  position: absolute;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 600;
}
.hosting-navlink13 {
  left: 0px;
  color: #000000;
  right: 0px;
  width: var(--dl-size-size-large);
  bottom: 30px;
  cursor: pointer;
  height: 30px;
  margin: auto;
  position: absolute;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: 16px;
  letter-spacing: 1px;
  text-transform: lowercase;
  text-decoration: none;
  background-color: #bbdefb;
}
.hosting-navlink13:hover {
  transition: 0.7s;
  border-color: #000000;
  border-width: 1px;
}
.hosting-li23 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text43 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li24 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text44 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li25 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text45 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li26 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text46 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li27 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text47 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li28 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image07 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-li29 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image08 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-li30 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image09 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-li31 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image10 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-li32 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  border-color: 242423;
  border-width: 1px;
  border-left-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image11 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-ul3 {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
  align-self: center;
}
.hosting-li33 {
  width: 200px;
  height: 155px;
  padding: var(--dl-space-space-unit);
  position: relative;
  font-size: 22px;
  text-align: center;
  font-family: Roboto;
  line-height: 1.5;
  border-color: 242423;
  border-width: 1px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text48 {
  color: #90caf9;
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-transform: uppercase;
}
.hosting-text51 {
  color: rgb(255, 255, 255);
  right: 47px;
  bottom: 64px;
  cursor: default;
  position: absolute;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 600;
}
.hosting-navlink14 {
  left: 0px;
  color: #000000;
  right: 0px;
  width: var(--dl-size-size-large);
  bottom: 30px;
  cursor: pointer;
  height: 30px;
  margin: auto;
  position: absolute;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: 16px;
  letter-spacing: 1px;
  text-transform: lowercase;
  text-decoration: none;
  background-color: #90caf9;
}
.hosting-navlink14:hover {
  transition: 0.7s;
  border-color: #000000;
  border-width: 1px;
}
.hosting-li34 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text54 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li35 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text55 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li36 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text56 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li37 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text57 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li38 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text58 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li39 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image12 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-li40 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image13 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-li41 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image14 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-li42 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image15 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-li43 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  border-color: 242423;
  border-width: 1px;
  border-left-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image16 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-ul4 {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
  align-self: center;
}
.hosting-li44 {
  width: 200px;
  height: 155px;
  padding: var(--dl-space-space-unit);
  position: relative;
  font-size: 22px;
  text-align: center;
  font-family: Roboto;
  line-height: 1.5;
  border-color: 242423;
  border-width: 1px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text59 {
  color: #64b5f6;
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-transform: uppercase;
}
.hosting-text62 {
  color: rgb(255, 255, 255);
  right: 47px;
  bottom: 64px;
  cursor: default;
  position: absolute;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 600;
}
.hosting-navlink15 {
  left: 0px;
  color: #000000;
  right: 0px;
  width: var(--dl-size-size-large);
  bottom: 30px;
  cursor: pointer;
  height: 30px;
  margin: auto;
  position: absolute;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: 16px;
  letter-spacing: 1px;
  text-transform: lowercase;
  text-decoration: none;
  background-color: #64b5f6;
}
.hosting-navlink15:hover {
  transition: 0.7s;
  border-color: #000000;
  border-width: 1px;
}
.hosting-li45 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text65 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li46 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text66 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li47 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text67 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li48 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text68 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li49 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  text-align: center;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-text69 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-li50 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image17 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-li51 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image18 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-li52 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image19 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-li53 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  border-color: 242423;
  border-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image20 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-li54 {
  width: 200px;
  height: 50px;
  padding: var(--dl-space-space-unit);
  position: relative;
  border-color: 242423;
  border-width: 1px;
  border-left-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.hosting-image21 {
  left: 0px;
  right: 0px;
  width: 22px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.hosting-container30 {
  width: var(--dl-size-size-maxwidth);
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: column;
}
.hosting-navlink16 {
  display: contents;
}
.hosting-container31 {
  gap: var(--dl-space-space-oneandhalfunits);
  width: var(--dl-size-size-maxwidth);
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
}
.hosting-container31:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.hosting-container32 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.hosting-image22 {
  width: 32px;
  height: 32px;
  object-fit: cover;
}
.hosting-text70 {
  color: #ffffff;
  font-size: 32px;
  font-family: "Dosis";
}
.hosting-container33 {
  gap: var(--dl-space-space-unit);
  width: var(--dl-size-size-maxwidth);
  height: 100%;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-fourunits);
  align-items: center;
  border-radius: var(--dl-radius-radius-radius8);
  margin-bottom: 128px;
  flex-direction: column;
  justify-content: center;
}
.hosting-container34 {
  gap: var(--dl-space-space-unit);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.hosting-navlink17 {
  display: contents;
}
.hosting-container35 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rboost-1400w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.hosting-container35:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.hosting-text71 {
  color: #ffffff;
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.hosting-navlink18 {
  display: contents;
}
.hosting-container36 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rdesign-1400w.webp");
  background-position: center;
}
.hosting-container36:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.hosting-text72 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.hosting-navlink19 {
  display: contents;
}
.hosting-container37 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rhosting-1400w.webp");
  background-position: center;
}
.hosting-container37:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.hosting-text73 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.hosting-container38 {
  gap: var(--dl-space-space-unit);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.hosting-navlink20 {
  display: contents;
}
.hosting-container39 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rsoup-1400w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.hosting-container39:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.hosting-text74 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.hosting-navlink21 {
  display: contents;
}
.hosting-container40 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rteam-1400w.webp");
  background-position: center;
}
.hosting-container40:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.hosting-text75 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.hosting-navlink22 {
  display: contents;
}
.hosting-container41 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rweb-1400w.webp");
  background-position: center;
}
.hosting-container41:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.hosting-text78 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.hosting-container42 {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.hosting-container43 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hosting-image23 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.hosting-text79 {
  color: rgb(255, 255, 255);
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-container44 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 800px;
  bottom: 0px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.hosting-icon-group {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: center;
  flex-direction: row;
}
.hosting-link {
  display: contents;
}
.hosting-image24 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.hosting-image24:hover {
  opacity: 0.5;
}
.hosting-link1 {
  display: contents;
}
.hosting-image25 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.hosting-image25:hover {
  opacity: 0.5;
}
.hosting-link2 {
  display: contents;
}
.hosting-image26 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.hosting-image26:hover {
  opacity: 0.5;
}
.hosting-link3 {
  display: contents;
}
.hosting-image27 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.hosting-image27:hover {
  opacity: 0.5;
}
.hosting-container45 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}
.hosting-link4 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.hosting-link4:hover {
  opacity: 0.5;
}
.hosting-navlink23 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.hosting-navlink23:hover {
  opacity: 0.5;
}
.hosting-navlink24 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.hosting-navlink24:hover {
  opacity: 0.5;
}
.hosting-navlink25 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.hosting-navlink25:hover {
  opacity: 0.5;
}
.hosting-navlink26 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.hosting-navlink26:hover {
  opacity: 0.5;
}
.hosting-container46 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: center;
  align-items: space-between;
  flex-direction: row;
}
.hosting-text80 {
  color: #ffffff;
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.hosting-link5 {
  display: contents;
}
.hosting-image28 {
  flex: 1;
  width: 32px;
  height: 32px;
  transform: rotate(180deg);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  object-position: center;
  text-decoration: none;
}
.hosting-image28:hover {
  opacity: 0.5;
}
@media(max-width: 1200px) {
  .hosting-image28 {
    width: 32px;
  }
}

/* -- jobs -- */
.jobs-container {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  background-image: radial-gradient(circle at center bottom, rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.97) 99.00%);
}
.jobs-container01 {
  width: 100%;
  height: 650px;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.jobs-container02 {
  width: 100%;
  display: flex;
  z-index: 100;
  position: relative;
  align-self: flex-start;
  align-items: center;
  padding-top: var(--dl-space-space-oneandhalfunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: space-between;
}
.jobs-navlink {
  display: contents;
}
.jobs-image {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.jobs-image:hover {
  transform: scale(0.9);
  transition: 0.7s;
}
.jobs-container03 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.jobs-container04 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: flex-end;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.jobs-container05 {
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.jobs-navlink01 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.jobs-navlink01:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.jobs-navlink02 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.jobs-navlink02:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.jobs-navlink03 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.jobs-navlink03:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.jobs-link {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.jobs-link:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.jobs-navlink04 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.jobs-navlink04:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.jobs-container06 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: flex-end;
  transition: 0.7s;
  align-items: center;
  justify-content: center;
}
.jobs-navlink05 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.jobs-navlink05:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.jobs-navlink06 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.jobs-navlink06:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.jobs-navlink07 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.jobs-navlink07:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.jobs-navlink08 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.jobs-navlink08:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.jobs-navlink09 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.jobs-navlink09:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.jobs-navlink10 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.jobs-navlink10:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.jobs-container07 {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  display: flex;
  z-index: 0;
  position: absolute;
  align-self: center;
  align-items: center;
  padding-top: 110px;
  flex-direction: column;
  justify-content: center;
}
.jobs-text {
  color: rgba(0, 0, 0, 0);
  cursor: default;
  font-size: 96px;
  background: linear-gradient(135deg, #007bff, #3498db, #6cb9e1, #9cd2e6, #c6e4ec);
  font-style: normal;
  font-family: "Moon Walk2";
  font-weight: 700;
  text-transform: uppercase;
  background-image: linear-gradient(135deg, rgb(0, 123, 255), rgb(52, 152, 219), rgb(108, 185, 225), rgb(156, 210, 230), rgb(198, 228, 236));
  -webkit-background-clip: text;
}
.jobs-text01 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.jobs-container08 {
  width: auto;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-twounits);
  align-items: flex-start;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-twounits);
  margin-bottom: var(--dl-space-space-twounits);
  padding-right: var(--dl-space-space-twounits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: flex-start;
}
.jobs-container09 {
  gap: var(--dl-space-space-fourunits);
  flex: 0 0 auto;
  width: 1024px;
  height: auto;
  display: flex;
  align-items: flex-start;
  margin-right: var(--dl-space-space-twounits);
  flex-direction: column;
}
.jobs-container10 {
  width: 1024px;
  height: auto;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-color: var(--dl-color-gray-black);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: flex-start;
}
.jobs-container10:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.jobs-container11 {
  flex: 0 0 auto;
  width: 100%;
  height: 94px;
  display: flex;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  justify-content: center;
  background-color: #AEB9CC;
  border-top-left-radius: var(--dl-radius-radius-radius4);
  border-top-right-radius: var(--dl-radius-radius-radius4);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.jobs-text02 {
  color: #000000;
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.jobs-container12 {
  height: auto;
  display: flex;
  padding: 16px;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
.jobs-text03 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Roboto";
  font-weight: 700;
}
.jobs-text04 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 16px;
  align-self: flex-start;
  font-style: normal;
  margin-top: var(--dl-space-space-halfunit);
  font-family: "Dosis";
  font-weight: 500;
  margin-bottom: var(--dl-space-space-halfunit);
}
.jobs-container13 {
  display: flex;
  margin-top: var(--dl-space-space-halfunit);
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.jobs-text05 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 600;
}
.jobs-ul {
  margin-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-oneandhalfunits);
  margin-bottom: var(--dl-space-space-halfunit);
  list-style-type: disc;
}
.jobs-li {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text06 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li01 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text07 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li02 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text08 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li03 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text09 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-container14 {
  display: flex;
  margin-top: var(--dl-space-space-halfunit);
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.jobs-text10 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 600;
}
.jobs-ul1 {
  margin-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-oneandhalfunits);
  margin-bottom: var(--dl-space-space-halfunit);
  list-style-type: disc;
}
.jobs-li04 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text11 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li05 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text12 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li06 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text13 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-container15 {
  display: flex;
  margin-top: var(--dl-space-space-halfunit);
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.jobs-text14 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 600;
}
.jobs-ul2 {
  margin-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-oneandhalfunits);
  margin-bottom: var(--dl-space-space-halfunit);
  list-style-type: disc;
}
.jobs-li07 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text15 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li08 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text16 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li09 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text17 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li10 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text18 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-container16 {
  display: flex;
  margin-top: var(--dl-space-space-halfunit);
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.jobs-text19 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 600;
}
.jobs-ul3 {
  margin-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-oneandhalfunits);
  margin-bottom: var(--dl-space-space-halfunit);
  list-style-type: disc;
}
.jobs-li11 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text20 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li12 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text21 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li13 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text22 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li14 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text23 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li15 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text24 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-text25 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 16px;
  align-self: flex-start;
  font-style: normal;
  margin-top: var(--dl-space-space-halfunit);
  font-family: "Dosis";
  font-weight: 500;
  margin-bottom: var(--dl-space-space-halfunit);
}
.jobs-container17 {
  width: 1024px;
  height: auto;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-color: var(--dl-color-gray-black);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: flex-start;
}
.jobs-container17:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.jobs-container18 {
  flex: 0 0 auto;
  width: 100%;
  height: 94px;
  display: flex;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  justify-content: center;
  background-color: #AEB9CC;
  border-top-left-radius: var(--dl-radius-radius-radius4);
  border-top-right-radius: var(--dl-radius-radius-radius4);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.jobs-text26 {
  color: #000000;
  cursor: default;
  font-size: 32px;
  font-family: "Dosis";
}
.jobs-container19 {
  height: auto;
  display: flex;
  padding: 16px;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.jobs-text27 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.jobs-text28 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 16px;
  align-self: flex-start;
  font-style: normal;
  margin-top: var(--dl-space-space-halfunit);
  font-family: "Dosis";
  font-weight: 500;
  margin-bottom: var(--dl-space-space-halfunit);
}
.jobs-container20 {
  display: flex;
  align-self: flex-start;
  margin-top: var(--dl-space-space-halfunit);
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.jobs-text29 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 600;
}
.jobs-ul4 {
  margin-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-oneandhalfunits);
  margin-bottom: var(--dl-space-space-halfunit);
  list-style-type: disc;
}
.jobs-li16 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text30 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li17 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text33 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li18 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text34 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li19 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text35 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li20 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text36 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li21 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text37 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-container21 {
  display: flex;
  align-self: flex-start;
  margin-top: var(--dl-space-space-halfunit);
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.jobs-text38 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 600;
}
.jobs-ul5 {
  margin-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-oneandhalfunits);
  margin-bottom: var(--dl-space-space-halfunit);
  list-style-type: disc;
}
.jobs-li22 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text39 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li23 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text40 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li24 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text41 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-container22 {
  display: flex;
  align-self: flex-start;
  margin-top: var(--dl-space-space-halfunit);
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.jobs-text42 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 600;
}
.jobs-ul6 {
  margin-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-oneandhalfunits);
  margin-bottom: var(--dl-space-space-halfunit);
  list-style-type: disc;
}
.jobs-li25 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text43 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li26 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text44 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li27 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text45 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li28 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text46 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li29 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text47 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-container23 {
  display: flex;
  align-self: flex-start;
  margin-top: var(--dl-space-space-halfunit);
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.jobs-text48 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 600;
}
.jobs-ul7 {
  margin-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-oneandhalfunits);
  margin-bottom: var(--dl-space-space-halfunit);
  list-style-type: disc;
}
.jobs-li30 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text49 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li31 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text50 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li32 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text51 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li33 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text52 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-li34 {
  color: #ffffff;
  margin-top: var(--dl-space-space-halfunit);
}
.jobs-text53 {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-text54 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 16px;
  align-self: flex-start;
  font-style: normal;
  margin-top: var(--dl-space-space-halfunit);
  font-family: "Dosis";
  font-weight: 500;
  margin-bottom: var(--dl-space-space-halfunit);
}
.jobs-container24 {
  top: 16px;
  width: 525px;
  height: auto;
  display: flex;
  position: sticky;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.jobs-container25 {
  width: 525px;
  height: auto;
  display: flex;
  padding: var(--dl-space-space-twounits);
  align-self: center;
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-twounits);
  flex-direction: column;
}
.jobs-container25:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.jobs-link1 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: auto;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: #000000;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  text-decoration: none;
}
.jobs-link1:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.jobs-link2 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: auto;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: #000000;
  border-radius: var(--dl-radius-radius-radius4);
  text-decoration: none;
}
.jobs-link2:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.jobs-container26 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.jobs-navlink11 {
  display: contents;
}
.jobs-container27 {
  flex: 0 0 auto;
  width: 100%;
  height: 128px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  background-size: cover;
  justify-content: flex-start;
  text-decoration: none;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),url("public/external/rprivacy-600w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.jobs-container27:hover {
  transform: translateY(-3px);
  transition: 0.7s;
}
.jobs-container28 {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  height: auto;
  display: flex;
  margin-left: var(--dl-space-space-unit);
  flex-direction: column;
}
.jobs-text55 {
  color: rgb(255, 255, 255);
  height: auto;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 2px black;
  text-transform: lowercase;
}
.jobs-text56 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 900;
  text-shadow: 0px 1px 2px black;
}
.jobs-image01 {
  width: 24px;
  filter: drop-shadow(0 0 2px black);
  height: 24px;
  align-self: flex-end;
  object-fit: cover;
  margin-right: var(--dl-space-space-threeunits);
  margin-bottom: 27px;
}
.jobs-navlink12 {
  display: contents;
}
.jobs-container29 {
  flex: 0 0 auto;
  width: 100%;
  height: 128px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  background-size: cover;
  justify-content: flex-start;
  text-decoration: none;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),url("public/external/rterms-600w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.jobs-container29:hover {
  transform: translateY(-3px);
  transition: 0.7s;
}
.jobs-container30 {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  height: auto;
  display: flex;
  margin-left: var(--dl-space-space-unit);
  flex-direction: column;
}
.jobs-text57 {
  color: rgb(255, 255, 255);
  height: auto;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 2px black;
  text-transform: lowercase;
}
.jobs-text58 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 900;
  text-shadow: 0px 1px 2px black;
}
.jobs-image02 {
  width: 24px;
  filter: drop-shadow(0 0 2px black);
  height: 24px;
  align-self: flex-end;
  object-fit: cover;
  margin-right: var(--dl-space-space-threeunits);
  margin-bottom: 27px;
}
.jobs-navlink13 {
  display: contents;
}
.jobs-container31 {
  width: 100%;
  height: 128px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  background-size: cover;
  justify-content: flex-start;
  text-decoration: none;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),url("public/external/rstaff-600w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.jobs-container31:hover {
  transform: translateY(-3px);
  transition: 0.7s;
}
.jobs-container32 {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  height: auto;
  display: flex;
  margin-left: var(--dl-space-space-unit);
  flex-direction: column;
}
.jobs-text59 {
  color: rgb(255, 255, 255);
  height: auto;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 2px black;
  text-transform: lowercase;
}
.jobs-text60 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 900;
  text-shadow: 0px 1px 2px black;
}
.jobs-image03 {
  width: 24px;
  filter: drop-shadow(0 0 2px black);
  height: 24px;
  align-self: flex-end;
  object-fit: cover;
  margin-right: var(--dl-space-space-threeunits);
  margin-bottom: 27px;
}
.jobs-container33 {
  width: 1574px;
  height: var(--dl-size-size-medium);
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  margin-bottom: var(--dl-space-space-fourunits);
  flex-direction: column;
}
.jobs-navlink14 {
  display: contents;
}
.jobs-container34 {
  gap: var(--dl-space-space-oneandhalfunits);
  width: 100%;
  height: 100%;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
}
.jobs-container34:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.jobs-container35 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.jobs-image04 {
  width: 32px;
  height: 32px;
  object-fit: cover;
}
.jobs-text61 {
  color: #ffffff;
  font-size: 32px;
  font-family: "Dosis";
}
.jobs-container36 {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.jobs-container37 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.jobs-image05 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.jobs-text62 {
  color: rgb(255, 255, 255);
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-container38 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 800px;
  bottom: 0px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.jobs-icon-group {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: center;
  flex-direction: row;
}
.jobs-link3 {
  display: contents;
}
.jobs-image06 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.jobs-image06:hover {
  opacity: 0.5;
}
.jobs-link4 {
  display: contents;
}
.jobs-image07 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.jobs-image07:hover {
  opacity: 0.5;
}
.jobs-link5 {
  display: contents;
}
.jobs-image08 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.jobs-image08:hover {
  opacity: 0.5;
}
.jobs-link6 {
  display: contents;
}
.jobs-image09 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.jobs-image09:hover {
  opacity: 0.5;
}
.jobs-container39 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}
.jobs-link7 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.jobs-link7:hover {
  opacity: 0.5;
}
.jobs-navlink15 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.jobs-navlink15:hover {
  opacity: 0.5;
}
.jobs-navlink16 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.jobs-navlink16:hover {
  opacity: 0.5;
}
.jobs-navlink17 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.jobs-navlink17:hover {
  opacity: 0.5;
}
.jobs-navlink18 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.jobs-navlink18:hover {
  opacity: 0.5;
}
.jobs-container40 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: center;
  align-items: space-between;
  flex-direction: row;
}
.jobs-text63 {
  color: #ffffff;
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.jobs-link8 {
  display: contents;
}
.jobs-image10 {
  flex: 1;
  width: 32px;
  height: 32px;
  transform: rotate(180deg);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  object-position: center;
  text-decoration: none;
}
.jobs-image10:hover {
  opacity: 0.5;
}
@media(max-width: 1200px) {
  .jobs-image10 {
    width: 32px;
  }
}

/* -- labs -- */
.labs-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  background-image: radial-gradient(circle at center bottom, rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.97) 99.00%);
}
.labs-container01 {
  width: 100%;
  height: 650px;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.labs-container02 {
  width: 100%;
  display: flex;
  z-index: 100;
  position: relative;
  align-self: flex-start;
  align-items: center;
  padding-top: var(--dl-space-space-oneandhalfunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: space-between;
}
.labs-navlink {
  display: contents;
}
.labs-image {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.labs-image:hover {
  transform: scale(0.9);
  transition: 0.7s;
}
.labs-container03 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.labs-container04 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: flex-end;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.labs-container05 {
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.labs-navlink01 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.labs-navlink01:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.labs-navlink02 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.labs-navlink02:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.labs-navlink03 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.labs-navlink03:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.labs-navlink04 {
  color: rgb(255, 255, 255);
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.labs-navlink04:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.labs-navlink05 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.labs-navlink05:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.labs-container06 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: flex-end;
  transition: 0.7s;
  align-items: center;
  justify-content: center;
}
.labs-navlink06 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.labs-navlink06:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.labs-navlink07 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.labs-navlink07:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.labs-navlink08 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.labs-navlink08:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.labs-navlink09 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.labs-navlink09:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.labs-navlink10 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.labs-navlink10:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.labs-navlink11 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.labs-navlink11:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.labs-container07 {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  display: flex;
  z-index: 0;
  position: absolute;
  align-self: center;
  align-items: center;
  padding-top: 110px;
  flex-direction: column;
  justify-content: center;
}
.labs-text {
  color: rgba(0, 0, 0, 0);
  cursor: default;
  font-size: 96px;
  background: linear-gradient(90deg, hsla(177, 87%, 79%, 1) 0%, hsla(235, 89%, 70%, 1) 100%);
  font-style: normal;
  font-family: "Moon Walk2";
  font-weight: 700;
  text-transform: uppercase;
  -webkit-background-clip: text;
}
.labs-text01 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.labs-container08 {
  gap: var(--dl-space-space-halfunit);
  width: 1400px;
  height: 800px;
  display: flex;
  padding: var(--dl-space-space-unit);
  position: relative;
  align-self: center;
  margin-top: 128px;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: 128px;
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  background-image: url("public/external/rlabs-1400w.webp");
}
.labs-text02 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 80px;
  align-self: center;
  font-style: normal;
  transition: 0.3s;
  font-family: "Dosis";
  font-weight: 900;
}
.labs-text02:hover {
  text-align: justify;
  text-shadow: #BFF 1px 0 10px;
}
.labs-text03:hover {
  text-shadow: #BFF 1px 0 10px;
}
.labs-container09 {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.labs-container10 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.labs-image1 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.labs-text05 {
  color: rgb(255, 255, 255);
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.labs-container11 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 800px;
  bottom: 0px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.labs-icon-group {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: center;
  flex-direction: row;
}
.labs-link {
  display: contents;
}
.labs-image2 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.labs-image2:hover {
  opacity: 0.5;
}
.labs-link1 {
  display: contents;
}
.labs-image3 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.labs-image3:hover {
  opacity: 0.5;
}
.labs-link2 {
  display: contents;
}
.labs-image4 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.labs-image4:hover {
  opacity: 0.5;
}
.labs-link3 {
  display: contents;
}
.labs-image5 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.labs-image5:hover {
  opacity: 0.5;
}
.labs-container12 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}
.labs-link4 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.labs-link4:hover {
  opacity: 0.5;
}
.labs-navlink12 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.labs-navlink12:hover {
  opacity: 0.5;
}
.labs-navlink13 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.labs-navlink13:hover {
  opacity: 0.5;
}
.labs-navlink14 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.labs-navlink14:hover {
  opacity: 0.5;
}
.labs-navlink15 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.labs-navlink15:hover {
  opacity: 0.5;
}
.labs-container13 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: center;
  align-items: space-between;
  flex-direction: row;
}
.labs-text06 {
  color: #ffffff;
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.labs-link5 {
  display: contents;
}
.labs-image6 {
  flex: 1;
  width: 32px;
  height: 32px;
  transform: rotate(180deg);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  object-position: center;
  text-decoration: none;
}
.labs-image6:hover {
  opacity: 0.5;
}
@media(max-width: 1200px) {
  .labs-image6 {
    width: 32px;
  }
}

/* -- privacy -- */
.privacy-container {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  background-image: radial-gradient(circle at center bottom, rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.97) 99.00%);
}
.privacy-container01 {
  width: 100%;
  height: 650px;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.privacy-container02 {
  width: 100%;
  display: flex;
  z-index: 100;
  position: relative;
  align-self: flex-start;
  align-items: center;
  padding-top: var(--dl-space-space-oneandhalfunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: space-between;
}
.privacy-navlink {
  display: contents;
}
.privacy-image {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.privacy-image:hover {
  transform: scale(0.9);
  transition: 0.7s;
}
.privacy-container03 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.privacy-container04 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: flex-end;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.privacy-container05 {
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.privacy-navlink01 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-navlink01:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.privacy-navlink02 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-navlink02:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.privacy-navlink03 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-navlink03:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.privacy-link {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-link:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.privacy-navlink04 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-navlink04:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.privacy-container06 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: flex-end;
  transition: 0.7s;
  align-items: center;
  justify-content: center;
}
.privacy-navlink05 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-navlink05:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.privacy-navlink06 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-navlink06:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.privacy-navlink07 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-navlink07:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.privacy-navlink08 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-navlink08:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.privacy-navlink09 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-navlink09:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.privacy-navlink10 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-navlink10:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.privacy-container07 {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  display: flex;
  z-index: 0;
  position: absolute;
  align-self: center;
  align-items: center;
  padding-top: 110px;
  flex-direction: column;
  justify-content: center;
}
.privacy-text {
  color: rgba(0, 0, 0, 0);
  cursor: default;
  font-size: 96px;
  background: linear-gradient(135deg, #007bff, #3498db, #6cb9e1, #9cd2e6, #c6e4ec);
  font-style: normal;
  font-family: "Moon Walk2";
  font-weight: 700;
  text-transform: uppercase;
  background-image: linear-gradient(135deg, rgb(0, 123, 255), rgb(52, 152, 219), rgb(108, 185, 225), rgb(156, 210, 230), rgb(198, 228, 236));
  -webkit-background-clip: text;
}
.privacy-text01 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.privacy-container08 {
  width: auto;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-twounits);
  align-items: flex-start;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-twounits);
  margin-bottom: var(--dl-space-space-twounits);
  padding-right: var(--dl-space-space-twounits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: flex-start;
}
.privacy-container09 {
  gap: var(--dl-space-space-twounits);
  flex: 0 0 auto;
  width: 1024px;
  height: auto;
  display: flex;
  padding: var(--dl-space-space-unit);
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  margin-right: var(--dl-space-space-twounits);
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
}
.privacy-container09:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.privacy-container10 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-right: var(--dl-space-space-oneandhalfunits);
  justify-content: space-between;
}
.privacy-text02 {
  color: rgb(255, 255, 255);
  font-size: 32px;
  align-self: center;
  font-style: normal;
  margin-top: var(--dl-space-space-unit);
  font-family: "Dosis";
  font-weight: 700;
  margin-bottom: var(--dl-space-space-unit);
  text-decoration: underline;
}
.privacy-text03 {
  color: rgb(255, 255, 255);
  font-size: 16px;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.privacy-container11 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.privacy-text04 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.privacy-text05 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  margin-top: var(--dl-space-space-halfunit);
  font-family: "Dosis";
  font-weight: 500;
  margin-bottom: var(--dl-space-space-twounits);
}
.privacy-container12 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.privacy-text06 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.privacy-text07 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  margin-top: var(--dl-space-space-halfunit);
  font-family: "Dosis";
  font-weight: 500;
  margin-bottom: var(--dl-space-space-twounits);
}
.privacy-text09 {
  color: #ffffff;
}
.privacy-container13 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.privacy-text10 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.privacy-text11 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  margin-top: var(--dl-space-space-halfunit);
  font-family: "Dosis";
  font-weight: 500;
  margin-bottom: var(--dl-space-space-twounits);
}
.privacy-text13 {
  color: #ffffff;
}
.privacy-container14 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.privacy-text14 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.privacy-text15 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  margin-top: var(--dl-space-space-halfunit);
  font-family: "Dosis";
  font-weight: 500;
  margin-bottom: var(--dl-space-space-twounits);
}
.privacy-container15 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.privacy-text16 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.privacy-text17 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  margin-top: var(--dl-space-space-halfunit);
  font-family: "Dosis";
  font-weight: 500;
  margin-bottom: var(--dl-space-space-twounits);
}
.privacy-container16 {
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-space-space-unit);
  flex-direction: column;
  justify-content: flex-start;
}
.privacy-text18 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.privacy-text19 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  margin-top: var(--dl-space-space-halfunit);
  font-family: "Dosis";
  font-weight: 500;
  margin-bottom: var(--dl-space-space-twounits);
}
.privacy-container17 {
  top: 16px;
  flex: 0 0 auto;
  width: 525px;
  height: auto;
  display: flex;
  position: sticky;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.privacy-container18 {
  width: 525px;
  height: auto;
  display: flex;
  padding: var(--dl-space-space-twounits);
  align-self: center;
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-twounits);
  flex-direction: column;
}
.privacy-container18:hover {
  border-color: #fff;
  border-width: 1px;
}
.privacy-link01 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: auto;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-link01:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.privacy-link02 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: auto;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-link02:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.privacy-link03 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: auto;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-link03:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.privacy-link04 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: auto;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-link04:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.privacy-link05 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: auto;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-link05:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.privacy-link06 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: auto;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-link06:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.privacy-container19 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.privacy-navlink11 {
  display: contents;
}
.privacy-container20 {
  flex: 0 0 auto;
  width: 100%;
  height: 128px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  background-size: cover;
  justify-content: flex-start;
  text-decoration: none;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),url("public/external/rprivacy-600w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.privacy-container20:hover {
  transform: translateY(-3px);
}
.privacy-container21 {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  height: auto;
  display: flex;
  margin-left: var(--dl-space-space-unit);
  flex-direction: column;
}
.privacy-text22 {
  color: rgb(255, 255, 255);
  height: auto;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 2px black;
  text-transform: lowercase;
}
.privacy-text23 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-shadow: 0px 1px 2px black;
}
.privacy-image01 {
  width: 24px;
  filter: drop-shadow(0 0 2px black);
  height: 24px;
  align-self: flex-end;
  object-fit: cover;
  margin-right: var(--dl-space-space-threeunits);
  margin-bottom: 27px;
}
.privacy-navlink12 {
  display: contents;
}
.privacy-container22 {
  flex: 0 0 auto;
  width: 100%;
  height: 128px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  background-size: cover;
  justify-content: flex-start;
  text-decoration: none;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),url("public/external/rstaff-600w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.privacy-container22:hover {
  transform: translateY(-3px);
}
.privacy-container23 {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  height: auto;
  display: flex;
  margin-left: var(--dl-space-space-unit);
  flex-direction: column;
}
.privacy-text24 {
  color: rgb(255, 255, 255);
  height: auto;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 2px black;
  text-transform: lowercase;
}
.privacy-text25 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-shadow: 0px 1px 2px black;
}
.privacy-image02 {
  width: 24px;
  filter: drop-shadow(0 0 2px black);
  height: 24px;
  align-self: flex-end;
  object-fit: cover;
  margin-right: var(--dl-space-space-threeunits);
  margin-bottom: 27px;
}
.privacy-navlink13 {
  display: contents;
}
.privacy-container24 {
  flex: 0 0 auto;
  width: 100%;
  height: 128px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  background-size: cover;
  justify-content: flex-start;
  text-decoration: none;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),url("public/external/rjobs-600w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.privacy-container24:hover {
  transform: translateY(-3px);
}
.privacy-container25 {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  height: auto;
  display: flex;
  margin-left: var(--dl-space-space-unit);
  flex-direction: column;
}
.privacy-text26 {
  color: rgb(255, 255, 255);
  height: auto;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 2px black;
  text-transform: lowercase;
}
.privacy-text27 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-shadow: 0px 1px 2px black;
}
.privacy-image03 {
  width: 24px;
  filter: drop-shadow(0 0 2px black);
  height: 24px;
  align-self: flex-end;
  object-fit: cover;
  margin-right: var(--dl-space-space-threeunits);
  margin-bottom: 27px;
}
.privacy-container26 {
  width: 1574px;
  height: var(--dl-size-size-medium);
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  margin-bottom: var(--dl-space-space-fourunits);
  flex-direction: column;
}
.privacy-navlink14 {
  display: contents;
}
.privacy-container27 {
  gap: var(--dl-space-space-oneandhalfunits);
  width: 100%;
  height: 100%;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
}
.privacy-container27:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.privacy-container28 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.privacy-image04 {
  width: 32px;
  height: 32px;
  object-fit: cover;
}
.privacy-text28 {
  color: #ffffff;
  font-size: 32px;
  font-family: "Dosis";
}
.privacy-container29 {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.privacy-container30 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.privacy-image05 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.privacy-text29 {
  color: rgb(255, 255, 255);
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.privacy-container31 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 800px;
  bottom: 0px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.privacy-icon-group {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: center;
  flex-direction: row;
}
.privacy-link07 {
  display: contents;
}
.privacy-image06 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.privacy-image06:hover {
  opacity: 0.5;
}
.privacy-link08 {
  display: contents;
}
.privacy-image07 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.privacy-image07:hover {
  opacity: 0.5;
}
.privacy-link09 {
  display: contents;
}
.privacy-image08 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.privacy-image08:hover {
  opacity: 0.5;
}
.privacy-link10 {
  display: contents;
}
.privacy-image09 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.privacy-image09:hover {
  opacity: 0.5;
}
.privacy-container32 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}
.privacy-link11 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-link11:hover {
  opacity: 0.5;
}
.privacy-navlink15 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-navlink15:hover {
  opacity: 0.5;
}
.privacy-navlink16 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-navlink16:hover {
  opacity: 0.5;
}
.privacy-navlink17 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-navlink17:hover {
  opacity: 0.5;
}
.privacy-navlink18 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.privacy-navlink18:hover {
  opacity: 0.5;
}
.privacy-container33 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: center;
  align-items: space-between;
  flex-direction: row;
}
.privacy-text30 {
  color: #ffffff;
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.privacy-link12 {
  display: contents;
}
.privacy-image10 {
  flex: 1;
  width: 32px;
  height: 32px;
  transform: rotate(180deg);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  object-position: center;
  text-decoration: none;
}
.privacy-image10:hover {
  opacity: 0.5;
}
@media(max-width: 1200px) {
  .privacy-image10 {
    width: 32px;
  }
}

/* -- soup -- */
.soup-container {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  background-image: radial-gradient(circle at center bottom, rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.97) 99.00%);
}
.soup-container01 {
  width: 100%;
  height: 650px;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.soup-container02 {
  width: 100%;
  display: flex;
  z-index: 100;
  position: relative;
  align-self: flex-start;
  align-items: center;
  padding-top: var(--dl-space-space-oneandhalfunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: space-between;
}
.soup-navlink {
  display: contents;
}
.soup-image {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.soup-image:hover {
  transform: scale(0.9);
  transition: 0.7s;
}
.soup-container03 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.soup-container04 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: flex-end;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.soup-container05 {
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.soup-navlink01 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.soup-navlink01:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.soup-navlink02 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.soup-navlink02:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.soup-navlink03 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.soup-navlink03:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.soup-navlink04 {
  color: rgb(255, 255, 255);
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.soup-navlink04:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.soup-navlink05 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.soup-navlink05:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.soup-container06 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: flex-end;
  transition: 0.7s;
  align-items: center;
  justify-content: center;
}
.soup-navlink06 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.soup-navlink06:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.soup-navlink07 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.soup-navlink07:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.soup-navlink08 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.soup-navlink08:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.soup-navlink09 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.soup-navlink09:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.soup-navlink10 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.soup-navlink10:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.soup-navlink11 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.soup-navlink11:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.soup-container07 {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  display: flex;
  z-index: 0;
  position: absolute;
  align-self: center;
  align-items: center;
  padding-top: 110px;
  flex-direction: column;
  justify-content: center;
}
.soup-text {
  color: rgba(0, 0, 0, 0);
  cursor: default;
  font-size: 96px;
  background: linear-gradient(90deg, hsla(29, 92%, 70%, 1) 0%, hsla(0, 87%, 73%, 1) 100%);
  font-style: normal;
  font-family: "Moon Walk2";
  font-weight: 700;
  text-transform: uppercase;
  -webkit-background-clip: text;
}
.soup-text01 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.soup-container08 {
  height: 100%;
  display: flex;
  position: relative;
  align-self: center;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
.soup-container09 {
  gap: var(--dl-space-space-halfunit);
  width: 1400px;
  height: 800px;
  display: flex;
  padding: var(--dl-space-space-unit);
  position: relative;
  align-self: center;
  margin-top: 128px;
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: 128px;
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  background-image: url("public/external/rsoup2-800h.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.soup-container09:hover {
  transition: 0.7s;
  border-color: #1A2332;
  border-width: 1px;
  -webkit-background-clip: text;
}
.soup-text02 {
  color: rgba(0, 0, 0, 0);
  width: 1000px;
  cursor: default;
  font-size: 48px;
  align-self: center;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 700;
  line-height: 1.2;
  border-radius: var(--dl-radius-radius-radius4);
  text-transform: uppercase;
}
.soup-container10 {
  gap: var(--dl-space-space-threeunits);
  width: var(--dl-size-size-maxwidth);
  height: 512px;
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: row;
  justify-content: center;
}
.soup-container10:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.soup-container11 {
  display: flex;
  align-self: center;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.soup-image1 {
  width: 680px;
  height: 410px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius4);
}
.soup-container12 {
  gap: var(--dl-space-space-halfunit);
  height: 410px;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.soup-heading {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-transform: uppercase;
}
.soup-text03 {
  color: rgb(255, 255, 255);
  width: 570px;
  cursor: default;
  font-size: 24px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 500;
}
.soup-container13 {
  width: var(--dl-size-size-maxwidth);
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-oneandhalfunits);
  align-items: center;
  border-radius: var(--dl-radius-radius-radius8);
  margin-bottom: var(--dl-space-space-fourunits);
  flex-direction: row;
  justify-content: center;
}
.soup-container14 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.soup-text04 {
  color: #ffffff;
  cursor: default;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 600;
  text-transform: uppercase;
}
.soup-container15 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.soup-container16 {
  flex: 0 0 auto;
  width: 450px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.soup-container17 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 450px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.soup-container17:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.soup-container18 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.soup-container19 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.soup-text05 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.soup-text06 {
  color: rgb(255, 255, 255);
  width: 350px;
  cursor: default;
  font-size: 20px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 400;
}
.soup-container20 {
  flex: 0 0 auto;
  width: 450px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.soup-container21 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 450px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.soup-container21:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.soup-container22 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.soup-container23 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.soup-text07 {
  color: #ffffff;
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.soup-text10 {
  color: rgb(255, 255, 255);
  width: 350px;
  cursor: default;
  font-size: 20px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 400;
}
.soup-container24 {
  flex: 0 0 auto;
  width: 450px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.soup-container25 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 450px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.soup-container25:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.soup-container26 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.soup-container27 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.soup-text11 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.soup-text12 {
  color: rgb(255, 255, 255);
  width: 350px;
  cursor: default;
  font-size: 20px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 400;
}
.soup-container28 {
  width: var(--dl-size-size-maxwidth);
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: column;
}
.soup-container29 {
  gap: var(--dl-space-space-oneandhalfunits);
  width: var(--dl-size-size-maxwidth);
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.soup-container29:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.soup-container30 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.soup-image2 {
  width: 32px;
  height: 32px;
  object-fit: cover;
}
.soup-text13 {
  color: rgb(255, 255, 255);
  font-size: 32px;
  font-family: "Dosis";
  text-transform: uppercase;
}
.soup-container31 {
  gap: var(--dl-space-space-unit);
  width: var(--dl-size-size-maxwidth);
  height: 100%;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-fourunits);
  align-items: center;
  border-radius: var(--dl-radius-radius-radius8);
  margin-bottom: 128px;
  flex-direction: column;
  justify-content: center;
}
.soup-container32 {
  gap: var(--dl-space-space-unit);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.soup-navlink12 {
  display: contents;
}
.soup-container33 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rboost-1400w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.soup-container33:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.soup-text14 {
  color: #ffffff;
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.soup-navlink13 {
  display: contents;
}
.soup-container34 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rdesign-1400w.webp");
  background-position: center;
}
.soup-container34:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.soup-text15 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.soup-navlink14 {
  display: contents;
}
.soup-container35 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rhosting-1400w.webp");
  background-position: center;
}
.soup-container35:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.soup-text16 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.soup-container36 {
  gap: var(--dl-space-space-unit);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.soup-navlink15 {
  display: contents;
}
.soup-container37 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rsoup-1400w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.soup-container37:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.soup-text17 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.soup-navlink16 {
  display: contents;
}
.soup-container38 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rteam-1400w.webp");
  background-position: center;
}
.soup-container38:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.soup-text18 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.soup-navlink17 {
  display: contents;
}
.soup-container39 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rweb-1400w.webp");
  background-position: center;
}
.soup-container39:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.soup-text21 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.soup-container40 {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.soup-container41 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.soup-image3 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.soup-text22 {
  color: rgb(255, 255, 255);
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.soup-container42 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 800px;
  bottom: 0px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.soup-icon-group {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: center;
  flex-direction: row;
}
.soup-link {
  display: contents;
}
.soup-image4 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.soup-image4:hover {
  opacity: 0.5;
}
.soup-link1 {
  display: contents;
}
.soup-image5 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.soup-image5:hover {
  opacity: 0.5;
}
.soup-link2 {
  display: contents;
}
.soup-image6 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.soup-image6:hover {
  opacity: 0.5;
}
.soup-link3 {
  display: contents;
}
.soup-image7 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.soup-image7:hover {
  opacity: 0.5;
}
.soup-container43 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}
.soup-link4 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.soup-link4:hover {
  opacity: 0.5;
}
.soup-navlink18 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.soup-navlink18:hover {
  opacity: 0.5;
}
.soup-navlink19 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.soup-navlink19:hover {
  opacity: 0.5;
}
.soup-navlink20 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.soup-navlink20:hover {
  opacity: 0.5;
}
.soup-navlink21 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.soup-navlink21:hover {
  opacity: 0.5;
}
.soup-container44 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: center;
  align-items: space-between;
  flex-direction: row;
}
.soup-text23 {
  color: #ffffff;
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.soup-link5 {
  display: contents;
}
.soup-image8 {
  flex: 1;
  width: 32px;
  height: 32px;
  transform: rotate(180deg);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  object-position: center;
  text-decoration: none;
}
.soup-image8:hover {
  opacity: 0.5;
}
@media(max-width: 1200px) {
  .soup-image8 {
    width: 32px;
  }
}

/* -- staff -- */
.staff-container {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  background-image: radial-gradient(circle at center bottom, rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.97) 99.00%);
}
.staff-container01 {
  width: 100%;
  height: 650px;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.staff-container02 {
  width: 100%;
  display: flex;
  z-index: 100;
  position: relative;
  align-self: flex-start;
  align-items: center;
  padding-top: var(--dl-space-space-oneandhalfunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: space-between;
}
.staff-navlink {
  display: contents;
}
.staff-image {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.staff-image:hover {
  transform: scale(0.9);
  transition: 0.7s;
}
.staff-container03 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.staff-container04 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: flex-end;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.staff-container05 {
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.staff-navlink01 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.staff-navlink01:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.staff-navlink02 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.staff-navlink02:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.staff-navlink03 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.staff-navlink03:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.staff-link {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.staff-link:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.staff-navlink04 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.staff-navlink04:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.staff-container06 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: flex-end;
  transition: 0.7s;
  align-items: center;
  justify-content: center;
}
.staff-navlink05 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.staff-navlink05:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.staff-navlink06 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.staff-navlink06:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.staff-navlink07 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.staff-navlink07:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.staff-navlink08 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.staff-navlink08:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.staff-navlink09 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.staff-navlink09:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.staff-navlink10 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.staff-navlink10:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.staff-container07 {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  display: flex;
  z-index: 0;
  position: absolute;
  align-self: center;
  align-items: center;
  padding-top: 110px;
  flex-direction: column;
  justify-content: center;
}
.staff-text {
  color: rgba(0, 0, 0, 0);
  cursor: default;
  font-size: 96px;
  background: linear-gradient(90deg, hsla(333, 100%, 53%, 1) 0%, hsla(33, 94%, 57%, 1) 100%);
  font-style: normal;
  font-family: "Moon Walk2";
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: underline;
  -webkit-background-clip: text;
}
.staff-text01 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.staff-container08 {
  width: auto;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-twounits);
  align-items: flex-start;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-twounits);
  margin-bottom: var(--dl-space-space-twounits);
  padding-right: var(--dl-space-space-twounits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: flex-start;
}
.staff-container09 {
  gap: var(--dl-space-space-twounits);
  flex: 0 0 auto;
  width: 1024px;
  height: auto;
  display: flex;
  align-items: flex-start;
  margin-right: var(--dl-space-space-twounits);
  flex-direction: column;
}
.staff-container10 {
  width: 1024px;
  height: auto;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-color: var(--dl-color-gray-black);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: flex-start;
}
.staff-container10:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.staff-container11 {
  flex: 0 0 auto;
  width: 100%;
  height: 94px;
  display: flex;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  justify-content: center;
  background-color: #AEB9CC;
  border-top-left-radius: var(--dl-radius-radius-radius4);
  border-top-right-radius: var(--dl-radius-radius-radius4);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.staff-image01 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.staff-text02 {
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.staff-container12 {
  height: auto;
  display: flex;
  align-self: stretch;
  transition: 0.7s;
  align-items: center;
  padding-top: var(--dl-space-space-unit);
  border-color: #000000;
  padding-left: var(--dl-space-space-unit);
  padding-right: var(--dl-space-space-unit);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-unit);
  justify-content: flex-start;
}
.staff-container12:hover {
  transform: scale(1.01);
}
.staff-image02 {
  width: 256px;
  object-fit: cover;
}
.staff-container13 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.staff-text03 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.staff-container14 {
  width: 1024px;
  height: auto;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-color: var(--dl-color-gray-black);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: flex-start;
}
.staff-container14:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.staff-container15 {
  flex: 0 0 auto;
  width: 100%;
  height: 94px;
  display: flex;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  justify-content: center;
  background-color: #AEB9CC;
  border-top-left-radius: var(--dl-radius-radius-radius4);
  border-top-right-radius: var(--dl-radius-radius-radius4);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.staff-image03 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.staff-text04 {
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.staff-container16 {
  height: auto;
  display: flex;
  align-self: stretch;
  transition: 0.7s;
  align-items: center;
  padding-top: var(--dl-space-space-unit);
  border-color: #000000;
  padding-left: var(--dl-space-space-unit);
  padding-right: var(--dl-space-space-unit);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-unit);
  justify-content: flex-start;
}
.staff-container16:hover {
  transform: scale(1.01);
}
.staff-image04 {
  width: 256px;
  object-fit: cover;
}
.staff-text05 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.staff-container17 {
  top: 16px;
  flex: 0 0 auto;
  width: 525px;
  height: auto;
  display: flex;
  position: sticky;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.staff-container18 {
  width: 525px;
  height: auto;
  display: flex;
  padding: var(--dl-space-space-twounits);
  align-self: center;
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-twounits);
  flex-direction: column;
}
.staff-container18:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.staff-link1 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: auto;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  text-transform: uppercase;
  text-decoration: none;
}
.staff-link1:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.staff-link2 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: auto;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  text-transform: uppercase;
  text-decoration: none;
}
.staff-link2:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.staff-container19 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.staff-navlink11 {
  display: contents;
}
.staff-container20 {
  flex: 0 0 auto;
  width: 100%;
  height: 128px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  background-size: cover;
  justify-content: flex-start;
  text-decoration: none;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),url("public/external/rjobs-600w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.staff-container20:hover {
  transform: translateY(-3px);
  transition: 0.7s;
}
.staff-container21 {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  height: auto;
  display: flex;
  margin-left: var(--dl-space-space-unit);
  flex-direction: column;
}
.staff-text06 {
  color: rgb(255, 255, 255);
  height: auto;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 2px black;
  text-transform: lowercase;
}
.staff-text07 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-shadow: 0px 1px 2px black;
}
.staff-image05 {
  width: 24px;
  filter: drop-shadow(0 0 2px black);
  height: 24px;
  align-self: flex-end;
  object-fit: cover;
  margin-right: var(--dl-space-space-threeunits);
  margin-bottom: 27px;
}
.staff-navlink12 {
  display: contents;
}
.staff-container22 {
  flex: 0 0 auto;
  width: 100%;
  height: 128px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  background-size: cover;
  justify-content: flex-start;
  text-decoration: none;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),url("public/external/rterms-600w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.staff-container22:hover {
  transform: translateY(-3px);
  transition: 0.7s;
}
.staff-container23 {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  height: auto;
  display: flex;
  margin-left: var(--dl-space-space-unit);
  flex-direction: column;
}
.staff-text08 {
  color: rgb(255, 255, 255);
  height: auto;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 2px black;
  text-transform: lowercase;
}
.staff-text09 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-shadow: 0px 1px 2px black;
}
.staff-image06 {
  width: 24px;
  filter: drop-shadow(0 0 2px black);
  height: 24px;
  align-self: flex-end;
  object-fit: cover;
  margin-right: var(--dl-space-space-threeunits);
  margin-bottom: 27px;
}
.staff-navlink13 {
  display: contents;
}
.staff-container24 {
  flex: 0 0 auto;
  width: 100%;
  height: 128px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  background-size: cover;
  justify-content: flex-start;
  text-decoration: none;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),url("public/external/rprivacy-600w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.staff-container24:hover {
  transform: translateY(-3px);
  transition: 0.7s;
}
.staff-container25 {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  height: auto;
  display: flex;
  margin-left: var(--dl-space-space-unit);
  flex-direction: column;
}
.staff-text10 {
  color: rgb(255, 255, 255);
  height: auto;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 2px black;
  text-transform: lowercase;
}
.staff-text11 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-shadow: 0px 1px 2px black;
}
.staff-image07 {
  width: 24px;
  filter: drop-shadow(0 0 2px black);
  height: 24px;
  align-self: flex-end;
  object-fit: cover;
  margin-right: var(--dl-space-space-threeunits);
  margin-bottom: 27px;
}
.staff-container26 {
  width: 1574px;
  height: var(--dl-size-size-medium);
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  margin-bottom: var(--dl-space-space-fourunits);
  flex-direction: column;
}
.staff-navlink14 {
  display: contents;
}
.staff-container27 {
  gap: var(--dl-space-space-oneandhalfunits);
  width: 100%;
  height: 100%;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
}
.staff-container27:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.staff-container28 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.staff-image08 {
  width: 32px;
  height: 32px;
  object-fit: cover;
}
.staff-text12 {
  color: #ffffff;
  font-size: 32px;
  font-family: "Dosis";
}
.staff-container29 {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.staff-container30 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.staff-image09 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.staff-text13 {
  color: rgb(255, 255, 255);
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.staff-container31 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 800px;
  bottom: 0px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.staff-icon-group {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: center;
  flex-direction: row;
}
.staff-link3 {
  display: contents;
}
.staff-image10 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.staff-image10:hover {
  opacity: 0.5;
}
.staff-link4 {
  display: contents;
}
.staff-image11 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.staff-image11:hover {
  opacity: 0.5;
}
.staff-link5 {
  display: contents;
}
.staff-image12 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.staff-image12:hover {
  opacity: 0.5;
}
.staff-link6 {
  display: contents;
}
.staff-image13 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.staff-image13:hover {
  opacity: 0.5;
}
.staff-container32 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}
.staff-link7 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.staff-link7:hover {
  opacity: 0.5;
}
.staff-navlink15 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.staff-navlink15:hover {
  opacity: 0.5;
}
.staff-navlink16 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.staff-navlink16:hover {
  opacity: 0.5;
}
.staff-navlink17 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.staff-navlink17:hover {
  opacity: 0.5;
}
.staff-navlink18 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.staff-navlink18:hover {
  opacity: 0.5;
}
.staff-container33 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: center;
  align-items: space-between;
  flex-direction: row;
}
.staff-text14 {
  color: #ffffff;
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.staff-link8 {
  display: contents;
}
.staff-image14 {
  flex: 1;
  width: 32px;
  height: 32px;
  transform: rotate(180deg);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  object-position: center;
  text-decoration: none;
}
.staff-image14:hover {
  opacity: 0.5;
}
@media(max-width: 1200px) {
  .staff-image14 {
    width: 32px;
  }
}

/* -- team -- */
.team-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  background-image: radial-gradient(circle at center bottom, rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.97) 99.00%);
}
.team-container01 {
  width: 100%;
  height: 650px;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.team-container02 {
  width: 100%;
  display: flex;
  z-index: 100;
  position: relative;
  align-self: flex-start;
  align-items: center;
  padding-top: var(--dl-space-space-oneandhalfunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: space-between;
}
.team-navlink {
  display: contents;
}
.team-image {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.team-image:hover {
  transform: scale(0.9);
  transition: 0.7s;
}
.team-container03 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.team-container04 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: flex-end;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.team-container05 {
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.team-navlink01 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.team-navlink01:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.team-navlink02 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.team-navlink02:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.team-navlink03 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.team-navlink03:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.team-navlink04 {
  color: rgb(255, 255, 255);
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.team-navlink04:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.team-navlink05 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.team-navlink05:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.team-container06 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: flex-end;
  transition: 0.7s;
  align-items: center;
  justify-content: center;
}
.team-navlink06 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.team-navlink06:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.team-navlink07 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.team-navlink07:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.team-navlink08 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.team-navlink08:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.team-navlink09 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.team-navlink09:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.team-navlink10 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.team-navlink10:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.team-navlink11 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.team-navlink11:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.team-container07 {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  display: flex;
  z-index: 0;
  position: absolute;
  align-self: center;
  align-items: center;
  padding-top: 110px;
  flex-direction: column;
  justify-content: center;
}
.team-text {
  color: rgba(0, 0, 0, 0);
  cursor: default;
  font-size: 96px;
  background: linear-gradient(90deg, hsla(175, 79%, 63%, 1) 0%, hsla(82, 96%, 57%, 1) 100%);
  font-style: normal;
  font-family: "Moon Walk2";
  font-weight: 700;
  text-transform: uppercase;
  -webkit-background-clip: text;
}
.team-text01 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.team-container08 {
  height: 100%;
  display: flex;
  position: relative;
  align-self: center;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
.team-container09 {
  gap: var(--dl-space-space-halfunit);
  width: 1400px;
  height: 800px;
  display: flex;
  padding: var(--dl-space-space-unit);
  position: relative;
  align-self: center;
  margin-top: 128px;
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: 128px;
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  background-image: url("public/external/rteam2-800h.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.team-container09:hover {
  transition: 0.7s;
  border-color: #1A2332;
  border-width: 1px;
  -webkit-background-clip: text;
}
.team-text02 {
  color: rgba(0, 0, 0, 0);
  width: 1000px;
  cursor: default;
  font-size: 48px;
  align-self: center;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}
.team-container10 {
  gap: var(--dl-space-space-threeunits);
  width: var(--dl-size-size-maxwidth);
  height: 512px;
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: row;
  justify-content: center;
}
.team-container10:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.team-container11 {
  display: flex;
  align-self: center;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.team-image1 {
  width: 680px;
  height: 410px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius4);
}
.team-container12 {
  gap: var(--dl-space-space-halfunit);
  height: 410px;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.team-heading {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-transform: uppercase;
}
.team-text03 {
  color: rgb(255, 255, 255);
  width: 570px;
  cursor: default;
  font-size: 24px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 500;
}
.team-container13 {
  width: var(--dl-size-size-maxwidth);
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-oneandhalfunits);
  align-items: center;
  border-radius: var(--dl-radius-radius-radius8);
  margin-bottom: var(--dl-space-space-fourunits);
  flex-direction: row;
  justify-content: center;
}
.team-container14 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.team-text04 {
  color: #ffffff;
  cursor: default;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 600;
  text-transform: uppercase;
}
.team-container15 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.team-container16 {
  flex: 0 0 auto;
  width: 450px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.team-container17 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 450px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.team-container17:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.team-container18 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.team-container19 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.team-text05 {
  color: #ffffff;
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.team-text08 {
  color: rgb(255, 255, 255);
  width: 350px;
  cursor: default;
  font-size: 20px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 400;
}
.team-container20 {
  flex: 0 0 auto;
  width: 450px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.team-container21 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 450px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.team-container21:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.team-container22 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.team-container23 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.team-text09 {
  color: #ffffff;
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.team-text12 {
  color: #ffffff;
  width: 350px;
  cursor: default;
  font-size: 20px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 400;
}
.team-container24 {
  flex: 0 0 auto;
  width: 450px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.team-container25 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 450px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.team-container25:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.team-container26 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.team-container27 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.team-text13 {
  color: #ffffff;
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.team-text16 {
  color: #ffffff;
  width: 350px;
  cursor: default;
  font-size: 20px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 400;
}
.team-container28 {
  width: var(--dl-size-size-maxwidth);
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: column;
}
.team-navlink12 {
  display: contents;
}
.team-container29 {
  gap: var(--dl-space-space-oneandhalfunits);
  width: var(--dl-size-size-maxwidth);
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
}
.team-container29:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.team-container30 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.team-image2 {
  width: 32px;
  height: 32px;
  object-fit: cover;
}
.team-text17 {
  color: #ffffff;
  font-size: 32px;
  font-family: "Dosis";
}
.team-container31 {
  gap: var(--dl-space-space-unit);
  width: var(--dl-size-size-maxwidth);
  height: 100%;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-fourunits);
  align-items: center;
  border-radius: var(--dl-radius-radius-radius8);
  margin-bottom: 128px;
  flex-direction: column;
  justify-content: center;
}
.team-container32 {
  gap: var(--dl-space-space-unit);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.team-navlink13 {
  display: contents;
}
.team-container33 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rboost-1400w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.team-container33:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.team-text18 {
  color: #ffffff;
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.team-navlink14 {
  display: contents;
}
.team-container34 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rdesign-1400w.webp");
  background-position: center;
}
.team-container34:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.team-text19 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.team-navlink15 {
  display: contents;
}
.team-container35 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rhosting-1400w.webp");
  background-position: center;
}
.team-container35:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.team-text20 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.team-container36 {
  gap: var(--dl-space-space-unit);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.team-navlink16 {
  display: contents;
}
.team-container37 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rsoup-1400w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.team-container37:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.team-text21 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.team-navlink17 {
  display: contents;
}
.team-container38 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rteam-1400w.webp");
  background-position: center;
}
.team-container38:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.team-text22 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.team-navlink18 {
  display: contents;
}
.team-container39 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rweb-1400w.webp");
  background-position: center;
}
.team-container39:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.team-text25 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.team-container40 {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.team-container41 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-image3 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.team-text26 {
  color: rgb(255, 255, 255);
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.team-container42 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 800px;
  bottom: 0px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.team-icon-group {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: center;
  flex-direction: row;
}
.team-link {
  display: contents;
}
.team-image4 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.team-image4:hover {
  opacity: 0.5;
}
.team-link1 {
  display: contents;
}
.team-image5 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.team-image5:hover {
  opacity: 0.5;
}
.team-link2 {
  display: contents;
}
.team-image6 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.team-image6:hover {
  opacity: 0.5;
}
.team-link3 {
  display: contents;
}
.team-image7 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.team-image7:hover {
  opacity: 0.5;
}
.team-container43 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}
.team-link4 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.team-link4:hover {
  opacity: 0.5;
}
.team-navlink19 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.team-navlink19:hover {
  opacity: 0.5;
}
.team-navlink20 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.team-navlink20:hover {
  opacity: 0.5;
}
.team-navlink21 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.team-navlink21:hover {
  opacity: 0.5;
}
.team-navlink22 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.team-navlink22:hover {
  opacity: 0.5;
}
.team-container44 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: center;
  align-items: space-between;
  flex-direction: row;
}
.team-text27 {
  color: #ffffff;
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.team-link5 {
  display: contents;
}
.team-image8 {
  flex: 1;
  width: 32px;
  height: 32px;
  transform: rotate(180deg);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  object-position: center;
  text-decoration: none;
}
.team-image8:hover {
  opacity: 0.5;
}
@media(max-width: 1200px) {
  .team-image8 {
    width: 32px;
  }
}

/* -- terms -- */
.terms-container {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  background-image: radial-gradient(circle at center bottom, rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.97) 99.00%);
}
.terms-container01 {
  width: 100%;
  height: 650px;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.terms-container02 {
  width: 100%;
  display: flex;
  z-index: 100;
  position: relative;
  align-self: flex-start;
  align-items: center;
  padding-top: var(--dl-space-space-oneandhalfunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: space-between;
}
.terms-navlink {
  display: contents;
}
.terms-image {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.terms-image:hover {
  transform: scale(0.9);
  transition: 0.7s;
}
.terms-container03 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.terms-container04 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: flex-end;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.terms-container05 {
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.terms-navlink01 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-navlink01:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.terms-navlink02 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-navlink02:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.terms-navlink03 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-navlink03:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.terms-link {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-link:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.terms-navlink04 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-navlink04:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.terms-container06 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: flex-end;
  transition: 0.7s;
  align-items: center;
  justify-content: center;
}
.terms-navlink05 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-navlink05:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.terms-navlink06 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-navlink06:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.terms-navlink07 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-navlink07:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.terms-navlink08 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-navlink08:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.terms-navlink09 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-navlink09:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.terms-navlink10 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-navlink10:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.terms-container07 {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  display: flex;
  z-index: 0;
  position: absolute;
  align-self: center;
  align-items: center;
  padding-top: 110px;
  flex-direction: column;
  justify-content: center;
}
.terms-text {
  color: rgba(0, 0, 0, 0);
  cursor: default;
  font-size: 96px;
  background: linear-gradient(135deg, #007bff, #3498db, #6cb9e1, #9cd2e6, #c6e4ec);
  font-style: normal;
  font-family: "Moon Walk2";
  font-weight: 700;
  text-transform: uppercase;
  background-image: linear-gradient(135deg, rgb(0, 123, 255), rgb(52, 152, 219), rgb(108, 185, 225), rgb(156, 210, 230), rgb(198, 228, 236));
  -webkit-background-clip: text;
}
.terms-text01 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.terms-container08 {
  width: auto;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-twounits);
  align-items: flex-start;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-twounits);
  margin-bottom: var(--dl-space-space-twounits);
  padding-right: var(--dl-space-space-twounits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: flex-start;
}
.terms-container09 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: 1024px;
  height: auto;
  display: flex;
  padding: var(--dl-space-space-unit);
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  margin-right: var(--dl-space-space-twounits);
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
}
.terms-container09:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.terms-container10 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-right: var(--dl-space-space-oneandhalfunits);
  justify-content: space-between;
}
.terms-text02 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  margin-top: var(--dl-space-space-unit);
  font-family: "Dosis";
  font-weight: 700;
  margin-bottom: var(--dl-space-space-unit);
  text-decoration: underline;
}
.terms-text03 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.terms-container11 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-space-space-unit);
  flex-direction: column;
  justify-content: flex-start;
}
.terms-text04 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.terms-text05 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.terms-container12 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-space-space-unit);
  flex-direction: column;
  justify-content: flex-start;
}
.terms-text06 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.terms-text07 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.terms-container13 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-space-space-unit);
  flex-direction: column;
  justify-content: flex-start;
}
.terms-text08 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.terms-text09 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.terms-container14 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-space-space-unit);
  flex-direction: column;
  justify-content: flex-start;
}
.terms-text10 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.terms-text11 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.terms-container15 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-space-space-unit);
  flex-direction: column;
  justify-content: flex-start;
}
.terms-text12 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.terms-text13 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.terms-container16 {
  gap: var(--dl-space-space-unit);
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-space-space-unit);
  flex-direction: column;
  justify-content: flex-start;
}
.terms-text14 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.terms-text15 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.terms-container17 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-space-space-unit);
  flex-direction: column;
  justify-content: flex-start;
}
.terms-text16 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.terms-text17 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.terms-container18 {
  gap: var(--dl-space-space-unit);
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-space-space-unit);
  flex-direction: column;
  justify-content: flex-start;
}
.terms-text18 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.terms-text19 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  align-self: flex-start;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.terms-container19 {
  top: 16px;
  flex: 0 0 auto;
  width: 525px;
  height: auto;
  display: flex;
  position: sticky;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.terms-container20 {
  width: 525px;
  height: auto;
  display: flex;
  padding: var(--dl-space-space-twounits);
  align-self: center;
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-twounits);
  flex-direction: column;
}
.terms-container20:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.terms-link01 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: auto;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: #000000;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-link01:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.terms-link02 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: auto;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: #000000;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-link02:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.terms-link03 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: auto;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: #000000;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-link03:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.terms-link04 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: auto;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: #000000;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-link04:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.terms-link05 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: auto;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: #000000;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-link05:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.terms-link06 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: auto;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: #000000;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-link06:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.terms-link07 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: auto;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: #000000;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-link07:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.terms-link08 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: auto;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  border-color: #000000;
  border-radius: var(--dl-radius-radius-radius4);
  text-transform: uppercase;
  text-decoration: none;
}
.terms-link08:hover {
  color: #64b5f6;
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.terms-container21 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.terms-navlink11 {
  display: contents;
}
.terms-container22 {
  flex: 0 0 auto;
  width: 100%;
  height: 128px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  background-size: cover;
  justify-content: flex-start;
  text-decoration: none;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),url("public/external/rprivacy-600w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.terms-container22:hover {
  transform: translateY(-3px);
  transition: 0.7s;
}
.terms-container23 {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  height: auto;
  display: flex;
  margin-left: var(--dl-space-space-unit);
  flex-direction: column;
}
.terms-text22 {
  color: rgb(255, 255, 255);
  height: auto;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 2px black;
  text-transform: lowercase;
}
.terms-text23 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-shadow: 0px 1px 2px black;
}
.terms-image01 {
  width: 24px;
  filter: drop-shadow(0 0 2px black);
  height: 24px;
  align-self: flex-end;
  object-fit: cover;
  margin-right: var(--dl-space-space-threeunits);
  margin-bottom: 27px;
}
.terms-navlink12 {
  display: contents;
}
.terms-container24 {
  flex: 0 0 auto;
  width: 100%;
  height: 128px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: var(--dl-space-space-unit);
  background-size: cover;
  justify-content: flex-start;
  text-decoration: none;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),url("public/external/rstaff-600w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.terms-container24:hover {
  transform: translateY(-3px);
  transition: 0.7s;
}
.terms-container25 {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  height: auto;
  display: flex;
  margin-left: var(--dl-space-space-unit);
  flex-direction: column;
}
.terms-text24 {
  color: rgb(255, 255, 255);
  height: auto;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 2px black;
  text-transform: lowercase;
}
.terms-text25 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-shadow: 0px 1px 2px black;
}
.terms-image02 {
  width: 24px;
  filter: drop-shadow(0 0 2px black);
  height: 24px;
  align-self: flex-end;
  object-fit: cover;
  margin-right: var(--dl-space-space-threeunits);
  margin-bottom: 27px;
}
.terms-navlink13 {
  display: contents;
}
.terms-container26 {
  flex: 0 0 auto;
  width: 100%;
  height: 128px;
  display: flex;
  position: relative;
  transition: 0.7s;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  background-size: cover;
  justify-content: flex-start;
  text-decoration: none;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),url("public/external/rjobs-600w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.terms-container26:hover {
  transform: translateY(-3px);
  transition: 0.7s;
}
.terms-container27 {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  height: auto;
  display: flex;
  margin-left: var(--dl-space-space-unit);
  flex-direction: column;
}
.terms-text26 {
  color: rgb(255, 255, 255);
  height: auto;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-shadow: 0px 1px 2px black;
  text-transform: lowercase;
}
.terms-text27 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-shadow: 0px 1px 2px black;
}
.terms-image03 {
  width: 24px;
  filter: drop-shadow(0 0 2px black);
  height: 24px;
  align-self: flex-end;
  object-fit: cover;
  margin-right: var(--dl-space-space-threeunits);
  margin-bottom: 27px;
}
.terms-container28 {
  width: 1574px;
  height: var(--dl-size-size-medium);
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  margin-bottom: var(--dl-space-space-fourunits);
  flex-direction: column;
}
.terms-navlink14 {
  display: contents;
}
.terms-container29 {
  gap: var(--dl-space-space-oneandhalfunits);
  width: 100%;
  height: 100%;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
}
.terms-container29:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.terms-container30 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.terms-image04 {
  width: 32px;
  height: 32px;
  object-fit: cover;
}
.terms-text28 {
  color: #ffffff;
  font-size: 32px;
  font-family: "Dosis";
}
.terms-container31 {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.terms-container32 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.terms-image05 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.terms-text29 {
  color: rgb(255, 255, 255);
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.terms-container33 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 800px;
  bottom: 0px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.terms-icon-group {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: center;
  flex-direction: row;
}
.terms-link09 {
  display: contents;
}
.terms-image06 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.terms-image06:hover {
  opacity: 0.5;
}
.terms-link10 {
  display: contents;
}
.terms-image07 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.terms-image07:hover {
  opacity: 0.5;
}
.terms-link11 {
  display: contents;
}
.terms-image08 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.terms-image08:hover {
  opacity: 0.5;
}
.terms-link12 {
  display: contents;
}
.terms-image09 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.terms-image09:hover {
  opacity: 0.5;
}
.terms-container34 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}
.terms-link13 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.terms-link13:hover {
  opacity: 0.5;
}
.terms-navlink15 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.terms-navlink15:hover {
  opacity: 0.5;
}
.terms-navlink16 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.terms-navlink16:hover {
  opacity: 0.5;
}
.terms-navlink17 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.terms-navlink17:hover {
  opacity: 0.5;
}
.terms-navlink18 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.terms-navlink18:hover {
  opacity: 0.5;
}
.terms-container35 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: center;
  align-items: space-between;
  flex-direction: row;
}
.terms-text30 {
  color: #ffffff;
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.terms-link14 {
  display: contents;
}
.terms-image10 {
  flex: 1;
  width: 32px;
  height: 32px;
  transform: rotate(180deg);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  object-position: center;
  text-decoration: none;
}
.terms-image10:hover {
  opacity: 0.5;
}
@media(max-width: 1200px) {
  .terms-image10 {
    width: 32px;
  }
}

/* -- web -- */
.web-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  background-image: radial-gradient(circle at center bottom, rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.97) 99.00%);
}
.web-container01 {
  width: 100%;
  height: 650px;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.web-container02 {
  width: 100%;
  display: flex;
  z-index: 100;
  position: relative;
  align-self: flex-start;
  align-items: center;
  padding-top: var(--dl-space-space-oneandhalfunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: space-between;
}
.web-navlink {
  display: contents;
}
.web-image {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.web-image:hover {
  transform: scale(0.9);
  transition: 0.7s;
}
.web-container03 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.web-container04 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: flex-end;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.web-container05 {
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.web-navlink01 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.web-navlink01:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.web-navlink02 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.web-navlink02:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.web-navlink03 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.web-navlink03:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.web-navlink04 {
  color: rgb(255, 255, 255);
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.web-navlink04:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.web-navlink05 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.web-navlink05:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.web-container06 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: flex-end;
  transition: 0.7s;
  align-items: center;
  justify-content: center;
}
.web-navlink06 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.web-navlink06:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.web-navlink07 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.web-navlink07:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.web-navlink08 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.web-navlink08:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.web-navlink09 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.web-navlink09:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.web-navlink10 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.web-navlink10:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.web-navlink11 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.web-navlink11:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.web-container07 {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  display: flex;
  z-index: 0;
  position: absolute;
  align-self: center;
  align-items: center;
  padding-top: 110px;
  flex-direction: column;
  justify-content: center;
}
.web-text {
  color: rgba(0, 0, 0, 0);
  cursor: default;
  font-size: 96px;
  background: linear-gradient(90deg, hsla(238, 100%, 71%, 1) 0%, hsla(295, 100%, 84%, 1) 100%);
  font-style: normal;
  font-family: "Moon Walk2";
  font-weight: 700;
  text-transform: uppercase;
  -webkit-background-clip: text;
}
.web-text01 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.web-container08 {
  height: 100%;
  display: flex;
  position: relative;
  align-self: center;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
.web-container09 {
  gap: var(--dl-space-space-halfunit);
  width: 1400px;
  height: 800px;
  display: flex;
  padding: var(--dl-space-space-unit);
  position: relative;
  align-self: center;
  margin-top: 128px;
  transition: 0.7s;
  align-items: flex-start;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: 128px;
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  background-image: url("public/external/rweb2-800h.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.web-container09:hover {
  transition: 0.7s;
  border-color: #1A2332;
  border-width: 1px;
  -webkit-background-clip: text;
}
.web-text02 {
  color: rgba(0, 0, 0, 0);
  width: 1000px;
  cursor: default;
  font-size: 48px;
  align-self: center;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}
.web-container10 {
  gap: var(--dl-space-space-threeunits);
  width: var(--dl-size-size-maxwidth);
  height: 512px;
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: row;
  justify-content: center;
}
.web-container10:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.web-container11 {
  display: flex;
  align-self: center;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.web-image1 {
  width: 680px;
  height: 410px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius4);
}
.web-container12 {
  gap: var(--dl-space-space-halfunit);
  height: 410px;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.web-heading {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: default;
  font-size: 32px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
  text-transform: uppercase;
}
.web-text03 {
  color: rgb(255, 255, 255);
  width: 570px;
  cursor: default;
  font-size: 24px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 500;
}
.web-container13 {
  width: var(--dl-size-size-maxwidth);
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-oneandhalfunits);
  align-items: center;
  border-radius: var(--dl-radius-radius-radius8);
  margin-bottom: var(--dl-space-space-fourunits);
  flex-direction: row;
  justify-content: center;
}
.web-container14 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.web-text04 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 600;
  text-transform: uppercase;
}
.web-container15 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.web-container16 {
  flex: 0 0 auto;
  width: 450px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.web-container17 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 450px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.web-container17:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.web-container18 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.web-container19 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.web-text05 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.web-text06 {
  color: rgb(255, 255, 255);
  width: 350px;
  cursor: default;
  font-size: 20px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 400;
}
.web-container20 {
  flex: 0 0 auto;
  width: 450px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.web-container21 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 450px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.web-container21:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.web-container22 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.web-container23 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.web-text07 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.web-text08 {
  color: rgb(255, 255, 255);
  width: 350px;
  cursor: default;
  font-size: 20px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 400;
}
.web-container24 {
  flex: 0 0 auto;
  width: 450px;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.web-container25 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 450px;
  height: 256px;
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
}
.web-container25:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.web-container26 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.web-container27 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.web-text09 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
}
.web-text10 {
  color: rgb(255, 255, 255);
  width: 350px;
  cursor: default;
  font-size: 20px;
  font-style: normal;
  text-align: justify;
  font-family: "Dosis";
  font-weight: 400;
}
.web-container28 {
  width: var(--dl-size-size-maxwidth);
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: column;
}
.web-navlink12 {
  display: contents;
}
.web-container29 {
  gap: var(--dl-space-space-oneandhalfunits);
  width: var(--dl-size-size-maxwidth);
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: #000000;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
}
.web-container29:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.web-container30 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.web-image2 {
  width: 32px;
  height: 32px;
  object-fit: cover;
}
.web-text11 {
  color: #ffffff;
  font-size: 32px;
  font-family: "Dosis";
}
.web-container31 {
  gap: var(--dl-space-space-unit);
  width: var(--dl-size-size-maxwidth);
  height: 100%;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-fourunits);
  align-items: center;
  border-radius: var(--dl-radius-radius-radius8);
  margin-bottom: 128px;
  flex-direction: column;
  justify-content: center;
}
.web-container32 {
  gap: var(--dl-space-space-unit);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.web-navlink13 {
  display: contents;
}
.web-container33 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rboost-1400w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.web-container33:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.web-text12 {
  color: #ffffff;
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.web-navlink14 {
  display: contents;
}
.web-container34 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rdesign-1400w.webp");
  background-position: center;
}
.web-container34:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.web-text13 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.web-navlink15 {
  display: contents;
}
.web-container35 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rhosting-1400w.webp");
  background-position: center;
}
.web-container35:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.web-text14 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.web-container36 {
  gap: var(--dl-space-space-unit);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.web-navlink16 {
  display: contents;
}
.web-container37 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rsoup-1400w.webp");
  background-repeat: no-repeat;
  background-position: center;
}
.web-container37:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.web-text15 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.web-navlink17 {
  display: contents;
}
.web-container38 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rteam-1400w.webp");
  background-position: center;
}
.web-container38:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.web-text16 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.web-navlink18 {
  display: contents;
}
.web-container39 {
  width: 100%;
  cursor: pointer;
  height: var(--dl-size-size-medium);
  display: flex;
  transition: 0.7s;
  align-items: center;
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  text-decoration: none;
  background-image: url("public/external/rweb-1400w.webp");
  background-position: center;
}
.web-container39:hover {
  transform: translateY(-2px);
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.web-text19 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 700;
}
.web-container40 {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.web-container41 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.web-image3 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.web-text20 {
  color: rgb(255, 255, 255);
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.web-container42 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 800px;
  bottom: 0px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.web-icon-group {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: center;
  flex-direction: row;
}
.web-link {
  display: contents;
}
.web-image4 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.web-image4:hover {
  opacity: 0.5;
}
.web-link1 {
  display: contents;
}
.web-image5 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.web-image5:hover {
  opacity: 0.5;
}
.web-link2 {
  display: contents;
}
.web-image6 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.web-image6:hover {
  opacity: 0.5;
}
.web-link3 {
  display: contents;
}
.web-image7 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.web-image7:hover {
  opacity: 0.5;
}
.web-container43 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}
.web-link4 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.web-link4:hover {
  opacity: 0.5;
}
.web-navlink19 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.web-navlink19:hover {
  opacity: 0.5;
}
.web-navlink20 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.web-navlink20:hover {
  opacity: 0.5;
}
.web-navlink21 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.web-navlink21:hover {
  opacity: 0.5;
}
.web-navlink22 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.web-navlink22:hover {
  opacity: 0.5;
}
.web-container44 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: center;
  align-items: space-between;
  flex-direction: row;
}
.web-text21 {
  color: #ffffff;
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.web-link5 {
  display: contents;
}
.web-image8 {
  flex: 1;
  width: 32px;
  height: 32px;
  transform: rotate(180deg);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  object-position: center;
  text-decoration: none;
}
.web-image8:hover {
  opacity: 0.5;
}
@media(max-width: 1200px) {
  .web-image8 {
    width: 32px;
  }
}

/* -- 404 -- */
.page-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-image: radial-gradient(circle at center bottom, rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.93) 0.00%,rgba(0, 0, 0, 0.97) 99.00%);
}
.page-container01 {
  width: 100%;
  height: 800px;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.page-container02 {
  width: 100%;
  display: flex;
  z-index: 100;
  position: relative;
  align-self: flex-start;
  align-items: center;
  padding-top: var(--dl-space-space-oneandhalfunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: space-between;
}
.page-navlink {
  display: contents;
}
.page-image {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.page-image:hover {
  transform: scale(0.9);
  transition: 0.7s;
}
.page-container03 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.page-container04 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: flex-end;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.page-container05 {
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.7s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.page-navlink01 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.page-navlink01:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.page-navlink02 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.page-navlink02:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.page-navlink03 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.page-navlink03:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.page-link {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.page-link:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.page-navlink04 {
  color: #fff;
  font-size: 32px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.page-navlink04:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.page-container06 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: flex-end;
  transition: 0.7s;
  align-items: center;
  justify-content: center;
}
.page-navlink05 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.page-navlink05:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.page-navlink06 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.page-navlink06:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.page-navlink07 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.page-navlink07:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.page-navlink08 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.page-navlink08:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.page-navlink09 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.page-navlink09:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.page-navlink10 {
  color: #fff;
  font-size: 24px;
  align-self: center;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 700;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  text-transform: uppercase;
  text-decoration: none;
}
.page-navlink10:hover {
  transition: 0.7s;
  text-decoration: underline;
}
.page-container07 {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  display: flex;
  z-index: 0;
  position: absolute;
  align-self: center;
  align-items: center;
  padding-top: 110px;
  flex-direction: column;
  justify-content: center;
}
.page-text {
  color: rgba(0, 0, 0, 0);
  cursor: default;
  font-size: 96px;
  background: linear-gradient(135deg, #007bff, #3498db, #6cb9e1, #9cd2e6, #c6e4ec);
  font-style: normal;
  font-family: "Moon Walk2";
  font-weight: 700;
  margin-bottom: var(--dl-space-space-unit);
  text-transform: uppercase;
  background-image: linear-gradient(135deg, rgb(0, 123, 255), rgb(52, 152, 219), rgb(108, 185, 225), rgb(156, 210, 230), rgb(198, 228, 236));
  -webkit-background-clip: text;
}
.page-container08 {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.page-text1 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 32px;
  align-self: center;
  font-family: "Dosis";
}
.page-text2 {
  color: rgb(255, 255, 255);
  cursor: default;
  font-size: 24px;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.page-navlink11 {
  color: rgb(255, 255, 255);
  width: 100%;
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-style: normal;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  border-color: rgba(255, 255, 255, 0);
  border-radius: var(--dl-radius-radius-radius4);
  text-transform: uppercase;
  text-decoration: none;
}
.page-navlink11:hover {
  transition: 0.7s;
  border-color: #fff;
  border-width: 1px;
}
.page-container09 {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.page-container10 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-image1 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.page-text3 {
  color: rgb(255, 255, 255);
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.page-container11 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 800px;
  bottom: 0px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.page-icon-group {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: center;
  flex-direction: row;
}
.page-link1 {
  display: contents;
}
.page-image2 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.page-image2:hover {
  opacity: 0.5;
}
.page-link2 {
  display: contents;
}
.page-image3 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.page-image3:hover {
  opacity: 0.5;
}
.page-link3 {
  display: contents;
}
.page-image4 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.page-image4:hover {
  opacity: 0.5;
}
.page-link4 {
  display: contents;
}
.page-image5 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transition: 0.7s;
  text-decoration: none;
}
.page-image5:hover {
  opacity: 0.5;
}
.page-container12 {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-space-space-halfunit);
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}
.page-link5 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.page-link5:hover {
  opacity: 0.5;
}
.page-navlink12 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.page-navlink12:hover {
  opacity: 0.5;
}
.page-navlink13 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.page-navlink13:hover {
  opacity: 0.5;
}
.page-navlink14 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.page-navlink14:hover {
  opacity: 0.5;
}
.page-navlink15 {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  transition: 0.7s;
  font-family: "Dosis";
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.page-navlink15:hover {
  opacity: 0.5;
}
.page-container13 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: center;
  align-items: space-between;
  flex-direction: row;
}
.page-text4 {
  color: #ffffff;
  cursor: default;
  align-self: center;
  font-style: normal;
  font-family: "Dosis";
  font-weight: 500;
}
.page-link6 {
  display: contents;
}
.page-image6 {
  flex: 1;
  width: 32px;
  height: 32px;
  transform: rotate(180deg);
  align-self: center;
  object-fit: cover;
  transition: 0.7s;
  object-position: center;
  text-decoration: none;
}
.page-image6:hover {
  opacity: 0.5;
}
@media(max-width: 1200px) {
  .page-image6 {
    width: 32px;
  }
}