﻿.box-count.box-count-square {
    margin: 5px;
    background-color:white;
    border:0.1px solid lightgray;
    border-radius:5px;
    padding:10px;
}
.box-count {
    text-align: center;
    margin: 0px 0px 20px 0px;
}
    .box-count.box-count-square .deals-countdown {
        background-color: #ffffff;
        width: 100%;
        margin: auto;
        text-align: center;
        display: inline-block;
        max-width: 250px;
        border-radius: 34px;
    }
        .box-count.box-count-square .deals-countdown .countdown-section {
            display: inline-block;
            text-align: center;
            line-height: 12px;
            position: relative;
            margin: 0px 7px;
            width: auto;
        }
            .box-count.box-count-square .deals-countdown .countdown-section::before {
                content: ":";
                position: absolute;
                top: 12px;
                right: -9px;
                font-weight: bold;
                font-size: 16px;
                color: #425A8B;
                text-align: center;
                line-height: 12px;
            }
        .box-count.box-count-square .deals-countdown .countdown-amount {
            background-color: #FD9636;
            border-radius: 4px;
            color: #ffffff;
            padding: 10px 0px;
            width: 42px;
            display: inline-block;
            margin-bottom: 5px;
        }
.lh-16 {
    line-height: 16px !important;
}
.lh-14 {
    line-height: 14px !important;
}
.font-sm-bold {
    font-family: "DM Sans", sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: bold !important;
}
.font-xs {
    font-family: "DM Sans", sans-serif;
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 400;
}
.box-count .deals-countdown .countdown-section span {
    display: block;
    color: #ffffff;
}
.box-count.box-count-square .deals-countdown .countdown-section .countdown-period {
    color: #8C9EC5;
}
.box-count .deals-countdown .countdown-section .countdown-period {
    text-transform: capitalize;
}

.box-count.box-count-square .deals-countdown .countdown-section:last-child::before {
    content: "";
}
.font-base {
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.color-gray-500 {
    color: #8C9EC5;
}
@media (max-width: 1199.98px) {
    .box-count.box-count-square .deals-countdown {
        padding: 4px 0px;
    }
}
