.banner-wrapper {
  background-image: url('banner.png');
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
}
.banner-wrapper .banner-title {
  font-size: 56px;
}
.banner-wrapper .icons-title {
  font-size: 24px;
}
.banner-wrapper .countdown-timer {
  border-radius: 4px;
}
.banner-wrapper .countdown-timer div {
  border-right: 1px solid white;
}
.banner-wrapper .countdown-timer div p {
  font-size: 11px;
}
.banner-wrapper .countdown-timer div span {
  font-size: 24px;
}
.banner-wrapper .booking-button {
  font-size: 18px;
  border-radius: 4px;
}

.secondary-text-color {
  color: rgb(255, 222, 89);
}

.primary-bg {
  background: linear-gradient(70deg, #673AB7, #992F9B);
}

.about-section-wraper .about-title {
  font-size: 36px;
}
.about-section-wraper .about-description {
  font-size: 18px;
}
.about-section-wraper .about-description-list {
  font-size: 16px;
}

@media (max-width: 768px) {
  about-section-wraper .about-title {
    font-size: 24px;
  }
  about-section-wraper .about-description {
    font-size: 16px;
  }
  about-section-wraper .about-description-list {
    font-size: 15px;
  }
  .countdown-timer {
    border-radius: 4px;
  }
  .countdown-timer div {
    border-right: 1px solid white;
  }
  .countdown-timer div p {
    font-size: 11px;
  }
  .countdown-timer div span {
    font-size: 16px;
  }
}

}
.venue-map {
  height: 100%;
}

.venue-picture img {
  height: 242px !important;
}
.bs-button.primary
{
    background: var(--primary-button-bg-color,#f03a39);
    color: var(--primary-button-text-color,#fff);
    box-shadow: 0 0 0 1px var(--primary-button-border-color) inset;
    position: relative;
}
.bs-section {
    position: relative;
    color: var(--section-text-color,var(--text-color,#000));
}
.custom-button{
    background-color: #ff5733; /* Change this to your desired color */
    color: white; /* Text color */
    padding: 10px 20px; /* Adjust padding as needed */
    border: none; /* Remove button border */
    border-radius: 5px; /* Rounded corners */
    cursor: pointer; /* Change cursor style on hover */
}

/* CSS for button hover effect */
.custom-button:hover {
    background-color: #ff4500; /* Change to a different color for hover effect */
}
.venue{
  background-color:rgb(247, 247, 218);
}
.bs-frame{
    
  background-color:white;
}





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