.round-24{
    border-radius: 24px;
}
.pd-btn {
    border-radius: 6px;
    padding: .33rem .6rem;
    background-color: #199da7;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 14px;
}
.pd-btn:hover {
    background-color: #199da7;
    color: #FFFFFF;
}
.counter-btn{
    background-color: #199da7;
    color: #FFFFFF;
    border-radius: 24px;
}
.pd-icon-button{
    border: 1px solid #199da7;
    border-radius: 6px;
    background-color: #FFFFFF;
    padding: 0;
    color: #FFFFFF;
    overflow: hidden;
    height: 42px;
    width: 110px;
    cursor: pointer;
    user-select: none;
}
.pd-icon-button-icon{
    background-color: #199da7;
    height: 100%;
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pd-icon-button-text{
    background-color: #FFFFFF;
    height: 100%;
    width: 60%;
    color: #199da7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    text-align: start;
    padding: 0 .5rem;
}
.pd-btn-red{
    border: 1px solid #DA375E;
}
.pd-icon-button.pd-btn-red .pd-icon-button-icon{
    background-color: #DA375E;
}
.pd-icon-button.pd-btn-red .pd-icon-button-text{
    color: #DA375E;
}
.pd-badge {
    background: #199da7;
    color:#FFFFFF;
}
.seller-score{
    position: relative;
    cursor: pointer;
}
.seller-score .seller-score-info{
    display: none;
}
.seller-score:hover .seller-score-info{
    display: block;
    position: absolute;
    top: 100%;
    width: 240px;
    cursor: default;
    z-index: 1;
}
.fast-delivery-badge{
    display: flex;
    align-items: center;
    height: 60px;
    position: relative;
    font-size: 12px;
}
.fast-delivery-badge-body{
    width: 100%;
    background: #199da7;
    border-radius: 6px;
    display: flex;
    height: 100%;
    color: #FFFFFF;
    align-items: center;
    padding: 0 .5rem;
}
.fast-delivery-badge-button{
    border-radius: 6px;
    border: 1px solid #199da7;
    color: #199da7;
    font-weight: 500;
    padding: .33rem .5rem;
    background-color: #FFFFFF;
    display: flex;
    text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 992px)  {
    .fast-delivery-badge{
        font-size: 14px;
    }
}
@media screen and (min-width: 992px) {
    .fast-delivery-badge{
        font-size: 16px;
    }
}
@media screen and (min-width: 768px){
    .fast-delivery-badge:before{
        position: absolute;
        z-index: -1;
        content: "";
        right: 0;
        height: 60px;
        width: 251px;
        background: url("../../../Assets/images/fast-delivery-badge-icon.png") left no-repeat;
    }
    .fast-delivery-badge-body{
        width: 90%;
        background: linear-gradient(90deg, #ED6F22 45.07%, #ED6F22 45.08%, transparent 100%);
    }
}
.pd-madal{
    font-size: 12px;
    padding: .33rem .5rem;
    display: flex;
    border-radius: 6px;
    align-items: center;
    margin-bottom: .33rem;
}
.pd-madal-wrapper{
    height: auto;
}
@media screen and (min-width:992px) {
    .pd-madal{
        font-size: 14px;
        margin-bottom: 0;
    }
    .pd-madal-wrapper{
        height: 60px;
    }
}
.pd-madal-primary {
    background: #FFFFFF;
    border: 1px solid #EF7A26;
}
.pd-madal-red{
    background: linear-gradient(180deg, rgba(255, 54, 54, 0.14) 0%, rgba(242, 37, 37, 0.14) 0.01%, rgba(243, 78, 78, 0.07) 100%);
    border: 1px solid #DC3545;
}
.pd-madal-green{
    background: radial-gradient(100% 100% at 50.41% 0%, rgba(101, 255, 144, 0.14) 0%, rgba(47, 255, 155, 0.14) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    border: 1px solid #22AD41;
}
.pd-madal-orange{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(239, 122, 38, 0.14) 0.01%, rgba(240, 124, 42, 0.07) 100%);
    border: 1px solid #EF7A26;
}
.pd-madal .madal-icon{
    margin-right: .33rem;
}