.banner_bf_main{
    min-height: 500px;
}
.main_bf_banner1{
    min-height:400px ;
}
.friday-topbar{
    display: flex;flex-direction: row;justify-content: center;
}
.main-heading {
    font-family: 'Unbounded', sans-serif;
    font-size: 61px;
    color: white;
    font-weight: 800;
    line-height: 61px;
    text-align: center;
    margin: 0px !important;
}
.main-text{
    font-family: Unbounded;
font-size: 27.93px;
font-weight: 800;
line-height: 33.52px;
color: #FFFFFF !important;
}

.sub-heading {
    font-family: 'Unbounded', sans-serif;
    font-size: 48.6px;
    color: white;
    font-weight: 800;
    line-height: 48.6px;
    text-align: center;
}

.discount-box {
    background-color: white;
    display: flex;
    align-items: center;
    width: auto !important;
    height: auto !important;
    padding: 5px;
}

.discount-text {
    font-family: 'Unbounded', sans-serif;
    text-align: left;
    font-size: 34px;
    font-weight: 900;
    margin: 0;
    line-height: 34px;
}

.button {
    font-family: 'Unbounded', sans-serif;
    background-color: white;
    font-size: 14.4px;
    color: black;
    border-radius: 0;
    margin-top: 20px;
    font-weight: 600;
    height: 48px;
    text-align: left;
    border: none;
    width: 201px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.button:hover{
    color: black !important;
}

.right-section {
    background-image: url('/web/assets/shop-new/images/right.png');
    background-size: cover;
    width: 100%;
    height: 100% !important;
    position: relative;
}
.right-section-speaker{
    background-image: url('/web/assets/shop-new/images/right-speaker-banner-24.png');
    background-size: cover;
    width: 100%;
    height: 100% !important;
    position: relative;
}
.right-section-performance{
    background-image: url('/web/assets/shop-new/images/right-perf-banner-24.png');
    background-size: cover;
    width: 100%;
    height: 100% !important;
    position: relative;
}
.speaker-banner-24-img{
    background-image: url('/web/assets/shop-new/images/main-speaker-banner-24.png');
    background-size: cover;
    width: 100%;
    height: 100% !important;
    position: relative;
}
.performance-banner-24-img{
    background-image: url('/web/assets/shop-new/images/main-perf-banner-24.png');
    background-size: cover;
    width: 100%;
    height: 100% !important;
    position: relative;
}
.overlay-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.topbar-discount-image{
    background-image: url('/web/assets/bf-24/images/bg-timer.png');
    background-size: cover; /* Ensures the image covers the element */
    background-position: center; /* Centers the image within the element */
    background-repeat: no-repeat;
    display: inline-block;
}

.topbar-discount-heading{
    margin:0px;
    width: 260px;
    font-family: Bebas Neue;
    font-size: 24px;
    font-weight: 400;
    line-height: 28.8px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #B2103B;

}
.topbar-idrive {
    width: 210px !important;
}
#Home .v-carousel .v-responsive__content{
    display: block !important;
}
.easycoding-card-24{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    width: 100%;
    height: 440.39px;
    position: relative;
    overflow: hidden;
    border: none !important;
    background-image: url('/web/assets/performance/img/Easycoding-banner-24.png');
    padding: 15px;
}
.alphaone-card-24{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    width: 100%;
    height: 440.39px;
    position: relative;
    overflow: hidden;
    border: none !important;
    background-image: url('/web/assets/performance/img/Alphaone-banner-24.png');
    padding: 15px;
}
.performance-card-24{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    width: 100%;
    height: 440.39px;
    position: relative;
    overflow: hidden;
    border: none !important;
    background-image: url('/web/assets/performance/img/Awaken-banner-24.png');
    padding: 15px;
}
.easycoding-card-24 .open-btn-24{
    position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);
}
.easycoding-card-24 .open-btn-24 .btn .ico{
background: #1CA3C2 !important;
}

.easycoding-card-24 .open-btn-24 .btn{
    font-family: "Rubik" !important;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    padding: 13px 33px;
    color: #1CA3C2 !important;
    height: unset;background-color: #FFFFFF !important;
    border: none !important;
    display: flex;
    align-items: center;

}
.alphaone-card-24 .open-btn-24{
    position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);
}
.alphaone-card-24 .open-btn-24 .btn{
    font-family: "Rubik" !important;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    padding: 13px 33px;
    height: unset;
    background-color: #FFC107 !important;
    border: none !important;
    display: flex;
    align-items: center;

}
.performance-card-24 .open-btn-24{
    position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);
}
.performance-card-24 .open-btn-24 .btn{
    font-family: "Rubik" !important;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    padding: 13px 33px;
    height: unset;
    background-color: #FF2F00 !important;
    border: none !important;
    display: flex;
    align-items: center;
}
.carplay-banner-24{
    background-image: url('/web/assets/shop-new/images/black-friday-24/carplay-banner.png');
    background-size: cover;
    width: 100%;
    height: 100% !important;
    position: relative;
    
}
.carplay-banner-24 .right-section{
    background-image: url('/web/assets/shop-new/images/black-friday-24/carplay-banner-right.png');
    height: 100% !important;
    padding: 50px;
    display: flex !important;
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
}
.remote-banner-24 {
    background-image: url('/web/assets/shop-new/images/black-friday-24/remote-banner.png');
    background-size: cover;
    width: 100%;
    height: 100% !important;
    position: relative;
}
.remote-banner-24 .right-section{
    background-image: url('/web/assets/shop-new/images/black-friday-24/carplay-banner-right.png');
    height: 100% !important;
    padding: 50px;
    display: flex !important;
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
}
.alpha-banner-24 {
    background-image: url('/web/assets/shop-new/images/black-friday-24/alpha-banner.png');
    background-size: cover;
    width: 100%;
    height: 100% !important;
    position: relative;
}
.alpha-banner-24 .right-section{
    background-image: url('/web/assets/shop-new/images/black-friday-24/alpha-banner-right.png');
    height: 100% !important;
    padding: 50px;
    display: flex !important;
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
}
.proxmity-banner-24 {
    background-image: url('/web/assets/shop-new/images/black-friday-24/proxmity-banner.png');
    background-size: cover;
    width: 100%;
    height: 100% !important;
    position: relative;
}
.proxmity-banner-24 .right-section{
    background-image: url('/web/assets/shop-new/images/black-friday-24/carplay-banner-right.png');
    height: 100% !important;
    padding: 50px;
    display: flex !important;
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
}
.hero-card-content {
    padding-top: 0px !important; 
    padding-bottom: 0px !important;
    display: flex !important;
    height: 100% !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
.discount_heading_speaker{
    color: white !important;;
    font-family: Unbounded !important;
font-size: 28.57px !important;
font-weight: 800 !important;
line-height: 28.57px !important;
text-align: center !important;
margin-top: 10px;

}
/* #appPerformance{
background-image: url('/web/assets/bf-24/images/performance-banner-bf24.png') !important;
} */
.banner_images_bf24{
    max-width: 461.07px;
    max-height: 370.34px;
}
.banner_images_bf24_a{
    max-width: 344.07px;
    max-height: 339.34px;
}
.from_text{
    font-family: Unbounded;
font-size: 14px;
font-weight: 400;
line-height: 14px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #FFFFFF;

}
.discount_price{
    font-family: Unbounded;
font-size: 21px;
font-weight: 400;
line-height: 21px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #FFC107;
}
.original_price{
font-family: Unbounded;
font-size: 12px;
font-weight: 400;
line-height: 12px;
text-align: center;
text-decoration-line: line-through;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #FF0000;
}

/* .performance_banner_bf24{
background-image: url('/web/assets/bf-24/images/performance-banner-bf24.png') !important;
ackground-color: #000;
    background-repeat: no-repeat;
    background-size: contain;
} */
 /* Media Query for Tablets */
 @media (max-width: 1400px) and (min-width: 1024px) {
    
    .main-heading{
        font-size: 40px;
    }
 }
 @media (max-width: 1200px) and (min-width: 768px) {
    .banner_bf_main{
        height: auto;
    }
    .main_bf_banner1{
        height: auto;
    }
    .banner_images_bf24{
        max-width: 461.07px;
        max-height: 370.34px;        
    }
    .friday-topbar .left{
        width: 40% !important;
    }
    .friday-topbar .right{
        width: fit-content !important;
    }
    .topbar-discount-heading{
        font-size: 20px !important;
    }
    .topbar-icon-friday{
        width: 41px !important;
    }
   
 }
 @media (max-width: 1024px) and (min-width: 768px) {
    
    .banner_images_bf24{
        max-width: 100% !important;
    }
    .banner_images_bf24_a{
        max-width: 100% !important;
    }

    .sub-heading {
        font-size: 36px;
        line-height: 36px;
    }
    .main-text{
        font-size: 15px !important;
        line-height: 20px !important;
    }
    .discount-box{
        background-color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
        height: auto;
    }
    .discount-text {
        font-size: 26px;
        line-height: 26px;
    }
    .discount-text span{
        font-size: 24px !important;
    }
    .button {
        font-size: 12px;
        width: 170px;
        height: 44px;
    }
    .main-heading {
        font-size: 32px;
        line-height: 32px;
    }
    .carplay-banner-24 .right-section {
        padding: 25px !important;
    }
    .remote-banner-24 .right-section {
        padding: 25px !important;
    }
    .alpha-banner-24 .right-section {
        padding: 25px !important;
    }
    .proxmity-banner-24 .right-section {
        padding: 25px !important;
    }
}
 /* Media Query for Mobiles */
@media only screen and (max-width: 768px) {
    .amp-header-corausal .slide-container-2 {
        height: auto !important;
        padding-bottom: 0px !important;
    }
    .amp-header-corausal .slide-container {
        height: auto !important;
        padding-bottom: 0px !important;
    }
    .banner_images_bf24{
        max-width: 100% !important;
    }
    .banner_images_bf24_a{
        max-width: 280px !important;
        margin-top: 25px;
    }
    .friday-topbar{
        display:flex;justify-content:center;align-items:center;flex-direction:column;
    }
    .topbar-discount-heading{
        font-size:14px !important;
        width: 110px !important;
    }
    .topbar-idrive {
        width: 85px !important;
    }
    .topbar-icon-friday{
        width:31px !important;
    }
    .speaker-banner-24-img{
        background-color: black !important;
    }
    .performance-banner-24-img{
        background-color: black !important;
    }
    .left-section{
        padding: 15px!important;padding-top: 50px !important;padding-bottom: 50px !important;
    }
    .right-section{
        background-image: url('/web/assets/shop-new/images/right-mbl.png');height: 100%;
        }
    .right-section-speaker{
            background-image: url('/web/assets/shop-new/images/right-speaker-mbl-24.png');
            height: 100% !important;
        }
        .right-section-performance{
            background-image: url('/web/assets/shop-new/images/right-perf-banner-mbl-24.png');
            height: 100% !important;
        }
    .sub-heading {
        font-size: 36px;
        line-height: 36px;
    }
    .main-heading{
        font-size: 38px;
        line-height: 38px;
    }
    .main-text{
    font-size: 17.32px;
    line-height: 20.78px;
    }
   
    .discount-box {
        background-color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
        height: auto;
    }
    .discount-text {
        font-family: 'Unbounded', sans-serif;
        text-align: center;
        font-size: 24px;
        font-weight: 900;
        margin: 0;
        line-height: 24px;
    }
    .discount-text span{
        font-size: 26px !important;
    }
    .button{
        margin-top: 5px;
    }
    .carplay-banner-24{
        background-image: url('/web/assets/shop-new/images/black-friday-24/carplay-banner-mbl.png');
        background-size: cover;
        width: 100%;
        height: 100% !important;
        position: relative;
        
    }
    .carplay-banner-24 .right-section{
        background-image: none;
        padding: 50px 15px;
        justify-content: space-between !important;        
    }
    .remote-banner-24{
        background-image: url('/web/assets/shop-new/images/black-friday-24/remote-banner-mbl.png');
        background-size: cover;
        width: 100%;
        height: 100% !important;
        position: relative;
        
    }
    .remote-banner-24 .right-section{
        background-image: none;
        padding: 50px 15px;
        justify-content: space-between !important;        
    }
    .alpha-banner-24{
        background-image: url('/web/assets/shop-new/images/black-friday-24/alpha-banner-mbl.png');
        background-size: cover;
        width: 100%;
        height: 100% !important;
        position: relative;
        
    }
    .alpha-banner-24 .right-section{
        background-image: none;
        padding: 50px 15px;
        justify-content: space-between !important;        
    }
    .proxmity-banner-24{
        background-image: url('/web/assets/shop-new/images/black-friday-24/proxmity-banner-mbl.png');
        background-size: cover;
        width: 100%;
        height: 100% !important;
        position: relative;
        
    }
    .proxmity-banner-24 .right-section{
        background-image: none;
        padding: 50px 15px;
        justify-content: space-between !important;        
    }
    .discount_heading_speaker{
        font-size: 18px !important;
        line-height: 18px !important;
    }
    .miss_btn{
        margin-top: 10px !important;
    }
    .amp-header-corausal .slide-container-2 {
        background-position: center;
    }
    .miss_btn{
        padding: 12px 25px !important;
    }

        
  }

  .stock-container{z-index: 100;}