.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;
  }
}
