#HomeGallery > main {
  overflow: hidden;
  padding: 300px 0;
  position: relative;
}
@media (max-width: 767.98px) {
  #HomeGallery > main {
    padding: 250px 0;
  }
}
#HomeGallery > main > .TopGallery {
  position: absolute;
  top: 2rem;
  display: flex;
  align-items: flex-start;
  width: 2710px;
  animation: Horizontal 10s linear infinite alternate;
}
@keyframes Horizontal {
  from {
    right: 0;
  }
  to {
    right: -20%;
  }
}
#HomeGallery > main > .TopGallery:hover {
  animation-play-state: paused;
}
#HomeGallery > main > .TopGallery > div {
  width: 75px;
  min-width: 75px;
  max-width: 75px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  #HomeGallery > main > .TopGallery > div {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
  }
}
#HomeGallery > main > .TopGallery > div:not(:last-child) {
  margin-left: 10px;
}
#HomeGallery > main > .TopGallery > div img {
  width: 100%;
  transition: 0.2s;
}
#HomeGallery > main > .TopGallery > div img:nth-of-type(2) {
  margin-top: 10px;
}
#HomeGallery > main > .TopGallery > div img:hover {
  box-shadow: 0 0 0 4px #f7b538;
  transform: scale(1.3);
}
@media (min-width: 768px) {
  #HomeGallery > main > .Gallery {
    width: 400px;
  }
}
#HomeGallery > main > .Gallery h4 {
  position: relative;
  color: #000000;
}
#HomeGallery > main > .Gallery h4::after {
  content: "";
  position: absolute;
  width: 70px;
  height: 3px;
  background: #f7b538;
  bottom: 0;
}
#HomeGallery > main > .Gallery a {
  text-decoration: none;
  background-color: #6F1517;
  color: #FFFFFF;
  transition: 0.2s;
  white-space: nowrap;
}
#HomeGallery > main > .Gallery a:hover {
  background-color: #f7b538;
  color: #6F1517;
}
#HomeGallery > main > .BottomGallery {
  position: absolute;
  bottom: 2rem;
  display: flex;
  align-items: flex-end;
  width: 2710px;
  animation: Horizontal 10s linear infinite alternate;
}
@keyframes Horizontal {
  from {
    right: -20%;
  }
  to {
    right: 0;
  }
}
#HomeGallery > main > .BottomGallery:hover {
  animation-play-state: paused;
}
#HomeGallery > main > .BottomGallery > div {
  width: 75px;
  min-width: 75px;
  max-width: 75px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  #HomeGallery > main > .BottomGallery > div {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
  }
}
#HomeGallery > main > .BottomGallery > div:not(:last-child) {
  margin-left: 10px;
}
#HomeGallery > main > .BottomGallery > div img {
  width: 100%;
  transition: 0.2s;
}
#HomeGallery > main > .BottomGallery > div img:nth-of-type(2) {
  margin-top: 10px;
}
#HomeGallery > main > .BottomGallery > div img:hover {
  box-shadow: 0 0 0 4px #f7b538;
  transform: scale(1.3);
}

/*# sourceMappingURL=homeGallery.css.map */

#HomeGallery.RtlDir > header h4 {
  position: relative;
  color: #000000;
}
#HomeGallery.RtlDir > header h4::after {
  content: "";
  position: absolute;
  width: 70px;
  height: 3px;
  background: #f7b538;
  bottom: 0;
}

#HomeGallery.LtrDir > header h4 {
  position: relative;
  color: #000000;
}
#HomeGallery.LtrDir > header h4::after {
  content: "";
  position: absolute;
  width: 70px;
  height: 3px;
  background: #f7b538;
  bottom: 0;
}