a {
    text-decoration: none;
}

.card {
    overflow: hidden; 
    transition: transform 0.3s ease;
}

.card:hover {
    transform: scale(1.05);
    z-index: 2;
}

.discount-badge {
    background-color: #e07b38; 
    color: #fff;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 6px;
    display: inline-block;
}

.hero-banner{
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 90vh !important;
}

.banner-text{
    text-align: left !important;
}

/*   B A N N E R S   */
.bestselling-banner {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), 
                url("/static/images/vox_bestselling_banner.jpg") center/cover no-repeat;
    border-radius: 10px;
    min-height: 30vh;
    transition: all 0.4s ease; 
}

.bestselling-banner:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); 
}

.discount-banner {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),  url("/static/images/vox_discount_banner.jpg") center/cover no-repeat;
    border-radius: 10px;
    min-height: 30vh;
    transition: all 0.4s ease; 
}

.discount-banner:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); 
}



/*   S E R V I C E S   */
.service-text{
    font-size: 1.5rem;
}



/*   F A Q   */
.accordion-button:not(.collapsed) {
    color: #e07b38 !important; 
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff8800' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button {
    font-weight: bold;
}



/*   M A P   */
.map {
    margin-bottom: -1px !important;
}



/*   F O O T E R   */
footer a{
    text-decoration: none;
    color: white;
}
footer a:hover{
    color: #e07b38;
}
footer a i:hover{
    color: #e07b38;
}

.pt-6 {
    padding-top: 6rem; /* or whatever size you want */
}


.pt-9 {
    padding-top: 9rem; /* or whatever size you want */
}

.h-5px { height: 5px; }
.w-20 { width: 20%; }

  .accent-orange {
        background-color: #e07b38;
    }



.banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 90vh;
}

.pb-23 {
    padding-bottom: 23%;
}

.bg-black-60 {
    background: rgba(0, 0, 0, 0.6);
}

.ms-10p {
    margin-left: 10%;
}
.fs-48 {
    font-size: 48px;
}
.h-30vh {
    height: 30vh !important;
}

.rounded-10 {
    border-radius: 10px;
}


.nav-text-black {
    color: #000 !important;
}



 /* Mobile styles */
    @media (max-width: 576px) {
        .hero-banner {
            height: 50vh !important;
        }

        .hero-banner h1 {
            font-size: 20px !important; /* adjust as needed */
        }
        .banner-text{
            text-align: center !important;
            padding-bottom: 3% !important;
        }
        .ms-10p{
            margin-left: 0 !important;
        }

        .navbar-logo {
            max-width: 180px !important;   
        }


    }