html,
body {
  width: 100%;
  height: 100%;
  margin: 0%;
  font-size: 1rem;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  background-color: #fff;
}

* {
  box-sizing: border-box;
}

img {
  display: block;
  width: 100%;
}

a {
  transition: 0.3s all;
  text-decoration: none;
}

a:hover {
  filter: brightness(1.1);
}

.hyperlink:active img{
  filter: brightness(0.9);
  transform: translate(0px, 1px);
}

.amico-link:active img{
  filter: brightness(0.9);
  transform: translate(0px, 1px);
}

.showMobile {
  display: block;
}
.showDesktop {
  display: none;
}

.main-wrapper {
  min-height: 100vh;
  max-width: 550px;
  margin: auto;
}

.top-wrapper {
  padding: 12px 0px 12px;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  /*gap: 10px;*/
}


.lh-logo {
  max-width: 140px;
}


.banner-wrapper {
  padding: 0px 16px 16px;
}

.banner-img{
  width:100%;
}

.middle-img{
  width: 100%;
  margin: 10px auto;
}


@media (max-width: 550px) {

}

@media (max-width: 500px) {
  html {
    font-size: 15px;
  }
}

@media (max-width: 480px) {

}

@media (max-width: 450px) {
  html {
    font-size: 14px;
  }


}

@media (max-width: 380px) {
  html {
    font-size: 12px;
  }


}

.top-banner-wrapper{
  position:relative;
  width:100%;
}

.amico-link{
  width:100%;
  height: auto;
  bottom: 0px;
  position: absolute;
  left:0px;
  right:0px;
  z-index:1;
}

.contact-group .thetext {
  font-size: 18px;
  font-weight: bold;
}

.contact-group .icon {
  width: 26px;
  height: 26px;
  margin-right: 15px;
}

.contact-group .icon img {
  width: 100%;
}

.hidexf.hide {
  display: none;
}

.hidelh.hide{
  display: none;
}

.showlh{
  display: none;
}
.showlh.show {
  display: flex;
}

.showxf {
  display: none;
}
.showxf.show {
  display: flex;
}

.content-container {
  margin-top: 5px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 10px;
}

.content-item {
  /* background-image: url(../img/item-bg.png); */
  background: linear-gradient(90deg, #e5b883 0%, #fff4de 48.27%, #e5b883 96.15%);
  background-size: 100% 100%;
  padding: 16px 16px 10px;
  min-height: 70px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
}

.item-icon {
  margin-left: 12px;
  margin-right: 12px;
}

.item-icon img {
  display: block;
  width: 100%;
  width: 40px;
}

.item-txt {
  color: #682500;
  font-size: 19px;
  font-weight: bold;
}

.item-btns {
  display: flex;
  gap: 10px;
  margin-left: auto;
  margin-right: 0px;
  font-size: 14px;
}

.item-btns .btn-brown-dark {
  background: #682500;
  padding: 6px 16px;
  width: 70px;
  text-decoration: none;
  color: #ffffff;
  /* border-radius: 40px; */
  border: 1px solid #682500;
  white-space: nowrap;
  text-align: center;
  border-radius: 6px;
}
.item-btns .btn-brown-light {
  /* background: #ffffff; */
  padding: 6px 16px;
  width: 70px;
  text-decoration: none;
  color: #682500;
  /* border-radius: 40px; */
  border: 1px solid #682500;
  white-space: nowrap;
  text-align: center;
  border-radius: 6px;
}