.modal .btn.btn-get-started {
    background: #000;
    border-radius: 0;
    color: #fff !important;
}

.modal .btn.btn-get-started:hover,
.modal .btn.btn-get-started:focus {
    background: #00afef
}

.modal-header {
    position: absolute;
    right: 0;
    z-index: 9999;
    background: red;
    border-radius: 0;
    padding: 0;
    text-align: center;
}

.modal-header button {
    padding: 5px 5px 10px 5px !important;
    background: #fff;
    opacity: 1;
    line-height: 14px;
    border-radius: 20px;
}

.view-more-down {
    background: #193342;
    display: inline-block;
    pointer-events: none;
    font-weight: 600;
    padding: 6px 13px;
    line-height: 15px;
    border-radius: 5px;
    color: #fff;
    margin-top: -20px;
}

.view-more-down i {
    font-size: 16px;
}

.plus-shared .card {
    background: #f5f5f5;
    border: 1px solid #ccc;
}

.add-cart-btn {
    background: #ececec;
    display: inline-block;
    padding: 3px 12px;
    margin: 0;
    color: #2b2b2b;
    font-size: 13px;
    font-weight: 300;
}

.add-cart-btn:hover,
.add-cart-btn:focus {
    background: #01abef;
    color: #fff;
}

.table td,
.table th {
    padding: .40rem;
}




/*start announce */
.sp-ann-container {
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
       
    }

    .sp-ann-element {
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
    }
    
    .sp-ann-element marquee a {
        font-size: 18px;
    }
   
    .sp-ann-container span.ann-label {
        background: #101010;
        font-weight: bold;
        color: #fff;
        padding: 5px 10px;
    }

    .sp-ann-container span.ann-label1::before {
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        margin-top: 6px;
        margin-left: -18px;
        border-radius: 50%;
        vertical-align: unset;
        background-color: #fff;
        -webkit-mask: none;
        mask: none;
        animation: liveDotBlink 1.5s ease-in-out infinite;
    }

    .ann {
        position: relative;
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        margin: 10px;
    }

    .ann.indicator, .ann.indicator:before {
        background: #00aba9;
    }

    .ann:before {
        content: '';
        display: block;
        position: absolute;
        left: -5px;
        top: -5px;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        animation: pulse 1.5s infinite ease-in;
    }

    @keyframes pulse {
        from {
            transform: scale(0.5);
            opacity: 1;
        }
        to {
            transform: scale(1.5);
            opacity: 0;
        }
    }

    @keyframes liveDotBlink {
        0%, 100% {
            opacity: 0;
        }

        40%, 70% {
            opacity: 1;
        }
    }

    @media (max-width: 499px) {
        .container {
            padding-right: 0;
            padding-left: 0;
        }
        .sp-ann-element {
            width: 100%;
        }
    }
    
    /*end announce */