.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: brightness(0);
}

.badge-icon-cl {
    background-color: red;
    padding: inherit !important;
    display: inline-block;
}

.ub-count-down-circle {
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.16);
}


.flash-time-container {
    display: flex;
    justify-content: space-around;
    /* Adjust as needed */
    align-items: center;
    /* Adjust as needed */
    padding: 10px;
}

.ub-count-down-circle .flash-time-container .circle {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: relative;
}

.ub-count-down-circle .flash-time-container .circle svg {
    width: 60px;
    height: 60px;
}

.ub-count-down-circle .flash-time-container .circle svg circle {
    fill: transparent;
    stroke-width: 1;
    stroke: #f7f2f2;
    stroke-linecap: round;
}

.ub-count-down-circle .flash-time-container .circle svg circle:nth-child(2) {
    stroke: var(--primary);
    stroke-width: 2;
    stroke-dasharray: 190;
    stroke-dashoffset: 190;
}

.ub-count-down-circle .flash-time-container .circle div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.width-100 {
    width: 100%;
}

.set_aspect_ration {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: contain;
}

.testimonial_card {
    height: 370px;
    position: relative;
    background-color: #ffffff;

}

.rounded_card_more {
    border-radius: 25px;
}

.testimonial_card_name {
    position: relative;
    font-weight: 700;
    font-size: 1.25rem;
    z-index: 2;
}

.Quotes_icon {
    width: 64px;
    height: 64px;
    position: absolute;
    top: -20;
    left: -2px;
}

.Quotes_icon img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.w_20_percent {
    width: 20%;
}

.w_80_percent {
    width: 80%;
}



@media (max-width:1200px) {
    .w_80_percent {
        width: 100%;
    }
}


@media (max-width: 767px) {
    #flash_deal .flash-deals-baner {
        height: 203px !important;
    }
}

.custom-select {
    color: #000;  
    background-color: #fff;  
    border: 1px solid #0c0c0c !important;  
    border-radius: 4px;  
    font-size: 16px;  
    line-height: 1.5;  
}

.custom-select:focus,
.custom-select:hover {
    color: #000;  
    background-color: #f8f9fa;  
    outline: none;  
}

.custom-select option {
    color: #000; 
    background-color: #fff;  
}

