.gecko-banner {
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 130px 10px 150px;
  background-position: center !important;
  background-size: cover !important;
  background-attachment: fixed;
}
.gecko-banner a {
  text-decoration: unset;
  color: #000;
}
@media (max-width: 991px) {
  .gecko-banner {
    padding: 80px 10px;
  }
  .gecko-banner .content__title {
    font-size: 34px !important;
  }
}
@media (max-width: 640px) {
  .gecko-banner {
    padding: 95px 10px;
  }
  .gecko-banner .content__title {
    font-size: 28px !important;
  }
}
@media (max-width: 380px) {
  .gecko-banner .content__title {
    font-size: 24px !important;
  }
}
.gecko-banner .container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gecko-banner .container .content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  width: 100%;
  color: #fff;
}
.gecko-banner .container .content .content__top-title {
  font-size: 22px;
}
.gecko-banner .container .content .content__title {
  font-size: 42px;
  font-weight: bold;
  margin: 10px 0 25px;
}
.gecko-banner .container .content .content__link {
  padding: 7px 26px;
  color: #fff;
  border: 2px solid #fff;
  transition: 0.4s;
}
.gecko-banner .container .content .content__link:hover {
  background-color: #a4876d;
  border-color: #a4876d;
}/*# sourceMappingURL=banner.css.map */