.tp-Of {
  box-sizing: border-box;
  width: 100vw;
  overflow-wrap: break-word;
}[dir] .tp-Of {
  padding: 1rem 4rem 2rem;
}
@media (min-width: 768px) {
  .tp-Of {
    width: auto;
  }
}

[dir=ltr] .xV7ai {
  margin-right: 2rem;
}

[dir=rtl] .xV7ai {
  margin-left: 2rem;
}

.HKG8P {
  display: block;
}

[dir] .HKG8P {
  margin: 3rem 0 2rem;
}

.ESQzB {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  row-gap: 2rem;
}
@media (min-width: 768px) {
  .ESQzB {
    flex-direction: row;
    column-gap: 2rem;
  }
}

.VTbPl {
  font-family: "Lato", "Lato-polyfill", "Constantia";
  font-weight: 700;
  transition: 0.1s background-color, 0.1s color;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 1.4rem;
  width: 100%;
}

[dir] .VTbPl {
  text-align: center;
  cursor: pointer;
  margin: 1rem 0;
  padding: 1.2rem;
  border-radius: 0.5rem;
}
@media (min-width: 768px) {
  .VTbPl {
    width: 14rem;
  }
}
.VTbPl {
  color: #545F69;
  fill: #545F69;
  stroke: #545F69;
}
[dir] .VTbPl {
  border: 1px solid #545F69;
  background-color: transparent;
}
.VTbPl:focus {
  outline: none;
}
[dir] .VTbPl:focus {
  box-shadow: 0 0 0 0.3rem rgba(84, 95, 105, 0.4);
}
.VTbPl:active {
  color: #FFF;
}
[dir] .VTbPl:active {
  background-color: #545F69;
}
.VTbPl:active:has(svg):not(:disabled) svg {
  fill: #FFF;
  stroke: #FFF;
}
@media (hover: hover) and (pointer: fine) {
  .VTbPl:hover {
    color: #FFF;
  }
  [dir] .VTbPl:hover {
    background-color: #545F69;
  }
  .VTbPl:hover:has(svg):not(:disabled) svg {
    fill: #FFF;
    stroke: #FFF;
  }
}
.VTbPl:disabled {
  color: #6F7E8B;
}
[dir] .VTbPl:disabled {
  background-color: #F5F5F5;
  border: 0.1rem solid #B5B5B5;
  cursor: not-allowed;
}

.JUj0C {
  font-family: "Lato", "Lato-polyfill", "Constantia";
  font-weight: 700;
  transition: 0.1s background-color, 0.1s color;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 1.4rem;
  width: 100%;
}

[dir] .JUj0C {
  text-align: center;
  cursor: pointer;
  margin: 1rem 0;
  padding: 1.2rem;
  border-radius: 0.5rem;
}
@media (min-width: 768px) {
  .JUj0C {
    width: 14rem;
  }
}
.JUj0C {
  color: #FFF;
  fill: #FFF;
  stroke: #FFF;
}
[dir] .JUj0C {
  border: 0.1rem solid #183884;
  background-color: #183884;
}
.JUj0C:focus {
  outline: none;
}
[dir] .JUj0C:focus {
  box-shadow: 0 0 0 0.3rem rgba(24, 56, 132, 0.4);
}
[dir] .JUj0C:active {
  background-color: #061945;
}
@media (hover: hover) and (pointer: fine) {
  [dir] .JUj0C:hover {
    background-color: #061945;
  }
}
.JUj0C:disabled {
  color: #FFF;
}
[dir] .JUj0C:disabled {
  background-color: #B5B5B5;
  border: 0.1rem solid #B5B5B5;
  cursor: not-allowed;
}

.uUfP8 {
  min-height: 4rem;
}