.navbar{

    background-color: #0c283c;

}

.form-section {

    margin-top: 20px;

}

.textHome{

    padding-bottom: 20px;

}

.contactForm{

    background-color: var(--base-color);

}

/* Responsive Logo */

.brand-logo {

    max-width: 150px; /* Adjust as needed */

    height: auto;

}



@media (max-width: 768px) {

    .brand-logo {

        max-width: 100px; /* Adjust as needed for smaller screens */

    }

}



.btn-custom {

    background-color: var(--base-color);

    color: white;

    border-color: var(--base-color);

    transition-duration: 0.4s;

}



.btn-custom:hover {

background-color: var(--base-color);

  color: white;

}

.navbar-brand {

    display: flex;

    align-items: center;

}



.brand-large {

    font-size: 1.75rem;

    font-weight: bold;

}



.brand-small {

    font-size: 1rem;

}



.search-section {

    background-color: #f8f9fa;

}



.search-bar {

    max-width: 600px;

    margin: 0 auto;

}



.slider-container {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
}


.whats-new img,

.featured-events img {

    width: 300px;

    height: 300px;

    object-fit: cover;

    border-radius: 3px;

}



.img-container {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.img-container img {

    max-width: 100%;

    max-height: 100%;

}





.top-selling-events img{

    width: 100%;

    height: 150px;

    object-fit: cover;

    border-radius: 3px;

}

.category-card{

    width: 100%;

    height: 120px;

    object-fit: cover;

    border-radius: 3px;

}



.whatsnew {

    color: var(--base-color);

    text-transform: uppercase;

    font-weight: bold;

    font-size: 18px;

}

.sectiongap{

    margin-top: 1.4cm;

}

.btn-outline-success{

    color: #fff;

    background-color: #28a745;

    border-color: #28a745;

}

.category-card {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    color: #0c283c;

    transition: color 0.3s ease;
}

.category-card:hover {

    color: #30a4dc;

}

.category-card i {
    font-size: 2rem;

    margin-bottom: 10px;

}



.category-ca30a4dc

    margin: 0;

}



.top-selling-events .event-card {

    border: none;

    text-align: center;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

    border-radius: 3px;

    overflow: hidden;

    position: relative;

    display: flex;

    flex-direction: column;

    height: 350px; /* Adjust this height as needed */

}



.featured-events .event-card p,

.top-selling-events .event-card p {

    margin: 10px 0 0;

    font-weight: bold;

}



.section-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

}


30a4dc
.section-header h2,

.section-header a {

    color: var(--base-color);

    text-decoration: none;

}



.event-card .event-details {

    text-align: left;

    padding: 15px;

    /* flex-grow: 1; */

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

}



.event-card .event-category {

    color: black;

    font-weight: bold;

    font-size: 0.9em;

}



.event-card .event-title {

    font-size: 1.1em;

}



.event-card .event-location,

.event-card .event-price {

    font-size: 0.9em;

    color: #555;

}



.instant-booking

{

    background-color: var(--base-color);

    color: black;

    padding: 0.2em 0.5em;

    border-radius: 5px;

    font-size: 0.8em;

    position: absolute;

    top: 10px;

}

.event-badge{

    color: var(--base-color);

    font-size: 0.5em;

}

.instant-booking {

    right: 10px;

    color: white;

}

.footerp{

    margin: 0;

    padding: 0;

}

.event-badge {

    left: 10px;

}



/* .app-banner {

    background: linear-gradient(to right, #a18cd1, #fbc2eb);

    padding: 30px 20px;

    border-radius: 10px;

    color: #fff;

}



.app-banner .btn-app {

    margin-top: 20px;

    margin-right: 10px;

}



.app-banner .app-image {

    max-width: 100%;

    border-radius: 10px;

} */



/* .app-banner {

    text-align: center;

}

.app-banner img {

    max-width: 100%;

    height: auto;

} */



.footer {

    background-color: #f8f9fa;

    color: #0c283c;

    padding-top: 40px;

}



.footer h5 {

    color: #0c283c;

    font-size: 1.1rem;

}



.footer a {

    color: #0c283c;

    text-decoration: none;

}



.footer a:hover {

    text-decoration: underline;

}



.footer .list-inline-item a {

    color: #0c283c;

    font-size: 1.25rem;

}



.footer .list-inline-item a:hover {

    color: #007bff;

}



.footer .list-unstyled {

    padding-left: 0;

    list-style: none;

}



.footer .list-unstyled li {

    padding: 5px 0;

}



.footer img {

    height: 30%;

    width: auto;

}



.footer img.payment-logo {

    height: auto;

    max-width: 50px;

    margin: 0 5px;

    display: inline-block;

}



.footer .contact-info {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 20px;

}



.footer .contact-info div {

    margin-right: 20px;

}



.footer .contact-info div:last-child {

    margin-right: 0;

}



.footer .social-icons a {

    color: #000;

    margin: 0 5px;

    font-size: 18px;

}



.footer .social-icons a:hover {

    color: #0056b3;

}



.footer-bottom {

    background-color: #0c283c;

    color: #fff;

    padding: 10px 0;

}



.footer-bottom p {

    margin: 0;

}



.footer-bottom a {

    color: #fff;

    text-decoration: none;

    margin-right: 10px;

}



.footer-bottom a:hover {

    text-decoration: underline;

}



.footer-bottom .container {

    max-width: 1200px;

    margin: auto;

    padding: 0 15px;

}



.payment-icons img {

    max-width: 40px;

    margin: 0 5px;

}



@media (max-width: 767px) {

    .footer .row {

        text-align: center;

    }



    .footer .col-md-3,

    .footer .col-md-2,

    .footer .col-md-4 {

        margin-bottom: 20px;

    }

}



.ticket-selector input {

    width: 50px;

    text-align: center;

    display: inline-block;

}



.ticket-selector button {

    width: 30px;

    height: 30px;

    padding: 0;

    display: inline-block;

    vertical-align: middle;

}