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