.root {
  width: 100%;
  height: 100%;
  background-color: rgb(56, 56, 56);
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
}

.banner {
  width: 100%;
  height: 260px;
}

.info {
  width: 100%;
  height: 120px;
}

.sections {
  width: 100%;
  height: 355px;
}

.rate {
  width: 100%;
  height: 110px;
  align-items: center;
}

.footer {
  width: 100%;
  height: 30px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-left: 5%; padding-right: 5%;
}

.info__title {
  height: 50px;
  -unity-text-align: middle-center;
  -unity-font-style: bold;
  font-size: 26px;
  color: rgb(255, 255, 255);
}

.info__content {
  -unity-text-align: middle-center;
  color: rgb(160, 160, 160);
  font-size: 18px;
  white-space: normal;
}

.section {
  width: 100%;
  height: 115px;
  align-items: center;
}

.section__container {
  width: 90%;
  height: 100%;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 2px;
  padding-bottom: 2px;
}

.section__labels {
  width: 100%;
  flex-direction: column;
  height: auto;
}

.section__title {
  align-items: center;
  -unity-text-align: middle-left;
  -unity-font-style: bold;
  font-size: 22px;
  color: rgb(243, 156, 33);
}

.section__content {
  color: rgb(207, 146, 11);
  font-size: 14px;
  white-space: normal;
}

.section__buttons {
  width: 100%;
  height: 50px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.section__button {
  width: 220px;
  height: 100%;
  background-color: rgb(93, 93, 93);
  font-size: 15px;
  color: rgb(250, 250, 250);
  -unity-font-style: bold;
  margin-left: 0;
  margin-right: 0;
  margin-top: 1px;
  margin-bottom: 1px;
}

.rate__container {
  width: 90%;
  height: 100%;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 0px;
  padding-bottom: 2px;
}

.rate__texts {
  width: 100%;
}

.rate__title {
  align-items: center;
  -unity-text-align: middle-left;
  -unity-font-style: bold;
  font-size: 22px;
  color: rgb(243, 156, 33);
}

.rate__content {
  color: rgb(207, 146, 11);
  font-size: 14px;
  white-space: normal;
}

.rate__buttons {
  width: 100%;
  height: 50px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.rate__button {
  width: 220px;
  height: 100%;
  background-color: rgb(93, 93, 93);
  font-size: 15px;
  color: rgb(250, 250, 250);
  -unity-font-style: bold;
  margin-left: 0;
  margin-right: 0;
  margin-top: 1px;
  margin-bottom: 1px;
}

.footer__lang {
  width: 160px;
  color: rgb(189, 189, 189);
  flex-direction: row-reverse;
  align-items: flex-end;
}

.footer__langtitle {
  left: 4px;
  right: 4px;
  color: rgb(189, 189, 189);
}

.footer__langmenu {
  left: 4px;
  right: 4px;
  flex-direction: row;
  background-color: rgb(56, 56, 56); 

  border-top-width: 0; 
  border-bottom-width: 1px; 
  border-left-width: 0; 
  border-right-width: 0;
  border-bottom-color: rgb(189, 189, 189);
}
.footer__langmenu TextElement {
  color: rgb(189, 189, 189);
}

.showonstart {
  flex-direction: row-reverse;
}

.showonstart Label {
  color: rgb(189, 189, 189);
}

.line1 {
  background-color: rgb(58, 58, 58);
  margin-left: 0;
  margin-right: 0;
  height: 4px;
}

.line2 {
  background-color: rgb(74, 74, 74);
  margin-left: 2px;
  margin-right: 2px;
  height: 2px;
}

.line3 {
  background-color: rgb(72, 72, 72);
  margin-left: 2px;
  margin-right: 2px;
  height: 1px;
}

.line4 {
  position: absolute; 
  bottom: 10px; 
  left: 30px; 
  right: 30px;
  background-color: rgb(100, 100, 100);
  height: 2px;
}
