.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center
}

.rating>input {
    display: none
}

.rating>label {
    position: relative;
    cursor: pointer
}

.rating>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating>label:hover:before,
.rating>label:hover~label:before {
    opacity: 1 !important
}

.rating>input:checked~label:before {
    opacity: 1
}

.rating:hover>input:checked~label:before {
    opacity: 0.4
}

    .rounded-lg{
        border-radius: 1em !important;
    }
    .text-shadow-lg{
        text-shadow: 3px 3px 6px rgba(0,0,0,0.6), 6px 6px 12px rgba(0,0,0,0.16);
    }
    
    .img-fluid{
        object-fit: cover;
    }
    
    .card-size-fixed{
        height: 264px !important;
        /* min-width: 248px;
        max-width: 248px; */
    }
    /* .card-size-fixed:first-child{
        margin-left:0px !important;
    }
    .card-size-fixed:last-child{
        margin-right:0px !important;
    } */
    
    .bg-frost{
        backdrop-filter: blur(8px);
        background-color: rgba(255,255,255,0.15);
    }
    
    
    
    .position-top{
        top: 0px !important;
        left:0;
        }
        
        .position-bottom{
            bottom: 0px !important;
            left:0;
        }
        
        .position-left{
            left: 0px !important;
        }
        .position-right{
            right: 0px !important;
        }
    
    
    .product-recommendation::-webkit-scrollbar {
        width: 1em;
      }
       
    .product-recommendation::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      }
       
    .product-recommendation:-webkit-scrollbar-thumb {
        background-color: darkgrey;
        outline: 1px solid slategrey;
      }

          /** CSS For Start Rating Starts **/
.star-rating s:hover,
.star-rating s.active {
    color: #FEB928;
}


.star-rating s{
    color: #A3A3A3;
    font-size: 30px;
    cursor: default;
    text-decoration: none;
    line-height: 50px;
}
.star-rating {
    padding: 2px;
}

.star-rating s:hover:before,
.star-rating s.rated:before,
.star-rating s.active:before {
    content: "\2605";
}
.star-rating s:before {
    content: "\2606";
}
/** CSS For Start Rating Ends **/

.col-min-height {
    min-height: 200px ;
}

.tracking.hor-tracking-b > div:first-child h6{
    text-align: center !important;
} 

.tracking.hor-tracking-b > div:last-child h6{
    text-align: center !important;
} 

.tracking.hor-tracking-b > div h6{
    text-align: center !important;
}

.tracking.hor-tracking-b > div:first-child > .track-blip > span:last-child{
    position:relative;
    width: 50% !important;
    right: -50%;
    z-index: 0;
} 

.tracking.hor-tracking-b > div:last-child > .track-blip > span:last-child{
position:relative;
    width: 50% !important;
    left: 0%;
    z-index: 0;
} 

.tracking.hor-tracking-b > div > .media-body:first-child{
    display: flex;
    justify-content: center;
}

.tracking.hor-tracking-b > div > .track-blip > span:first-child{
    left:50%;
    transform: translateX(-50%);
}

.max-height-580 { max-height: 580px; }

.tracking.ver-tracking-b table {
    max-height:250px;
}

.product-details {
    max-height: 740px;
    overflow: auto;
}

.pointer-disabled {
    pointer-events: none;
}

.event-container .event-blip{ background-color:#e2e3e5}
.event-container.completed .event-blip{ background-color:var(--primary)}
.event-container.inprogress .event-blip{ background-color:#e2e3e5 !important}  
.event-track-line{background-color: #e2e3e5}
.event-container.completed .event-track-progress{background-color: var(--primary); width:100%;}
.event-container.inprogress .event-track-progress{background-color:var(--primary);width: 50%;}

.swiper-pagination-bullet-active{background: black}
.carousel-control-next, .carousel-control-prev{
  padding: 0;
  padding-bottom: 8.236%;
  background-color: transparent !important;
  border: 0px;
  width: 5%;
  opacity: 1;
}

.carousel-control-next:disabled, .carousel-control-prev:disabled{
  opacity: 0;
}

.carousel-control-next-icon, .carousel-control-prev-icon{
  padding: 0px;
  border-radius: 0;
  background: none;
  color: initial;
  font-size: 40px;
  height: auto;
  width: auto;
}

.carousel-control-next.swiper-button-disabled, .carousel-control-prev.swiper-button-disabled{
    opacity: 0;
}

.navbar-brand.footer img{
    height:32px; 
    display: inline-block;
}

.fl-bas{
    flex-basis: 50%;
}
  
@media (max-width: 767.98px) {
  .fl-bas{
    flex-basis: 100%;
  }
}

@media(max-width: 767.98px)  {
    .tracking.hor-tracking-b .media:not(:last-child) {
        display:none !important;
    }
    .tracking.hor-tracking-b .media:last-child > .track-blip > span:last-child{
        width:100% !important;
        margin:8px 30% !important;
    }
     .tracking.hor-tracking-b .media:last-child > .track-blip > span:first-child{
         transform:translateX(0%);
         left:0;
         margin:2px 30% !important;
    }
    .tracking.hor-tracking-b .media:last-child > .track-blip > span:after{
        content: '';
        display:flex;
        border-radius:50%;
        position:absolute;
        transform: translateX(50%);
        right: 0%;
        padding: .5rem!important;
        left: auto;
        top: -8px;
        background-color: inherit;
    }
    .tracking.hor-tracking-b .media:last-child > .track-blip{
        order:3;
        margin: 0px 0px 0px 0px !important;
    }
    .condensed-timeline{
       padding-bottom: 0px !important; 
    }
    .condensed-timeline .container{
       padding-bottom: 0px !important; 
        margin-bottom: 0px !important;
    }
}

@media(max-width: 767.98px) {
    .carousel-control-next, .carousel-control-prev {
        display: none !important;
    }

    .tracking.ver-tracking-b table thead {
        display: none;
    }
    .tracking.ver-tracking-b table tbody tr {
        display: flex;
        flex-direction: row;
        width: 100%;
        flex-wrap: wrap;
    }
    .tracking.ver-tracking-b table tbody tr td:first-child {
        flex-basis: 30%;
        display: inline-block;
        padding: 12px 0px 0px 0px;
        font-size: 0.866rem;
    }
    .tracking.ver-tracking-b table tbody tr td:nth-child(2) {
        flex-basis: 70%;
        display: inline-block;
        font-size: 0.866rem;
        padding: 12px 0px 12px 0px;
    }
    .tracking.ver-tracking-b table tbody tr td:last-child {
        flex-basis: 100%;
        display: block;
        flex-grow: 1;
        padding: 0px 12px 12px 30%;
        font-size: 0.866rem;
        border: none;
    }
}