.topbar-btn {
  text-decoration: none;
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.5px;
  display: inline-block;
  padding: 15px 28px !important;
  transition: 0.5s;
  border: 2px solid #fff;
  color: #fff !important;
}
.topbar-btn:hover {
  background-color: #f7c204;
  border: 2px solid #f7c204;
  color: black !important;
}

.swiper-container{
  overflow: hidden;
  height: 90vh;
}

.swiper-slide img{
  margin-top: -120px;
  object-fit: contain;
  width: 100%;
}


.primary-color{
    color:f7c204 !important;
}

.hide-on-mobile {
    display: block; /* or inline, inline-block, etc., depending on the element type */
  }

  /* Media query for screens with a maximum width of 767px (mobile devices) */
  @media (max-width: 767px) {
    .hide-on-mobile {
      display: none; /* Hide the element */
    }

    .swiper-slide img{
      height: 100vh; 
    object-fit: cover; 
    display: inline-table; 
    margin: 0 auto; 
    }
}