.fmecsp_timer_container.fmecsp_countdown-timer {
padding: 55px 70px;
text-align: center;
background-color: white;
border-radius: 20px;
border: 1px solid #EBEBEB;
}
.fmecsp_countdown-timer .fmecsp_coming-soon {
color: #454545;
font-size: 32px;
font-weight: 500;
line-height: 42px;
margin-bottom: 20px;
}
.fmecsp_countdown-timer .fmecsp_timer {
display: flex;
justify-content: center;
gap: 15px;
align-items: center;
}
.fmecsp_countdown-timer .fmecsp_timer .fmecsp_timer-item .fmecsp_timer-value {
font-size: 36px;
line-height: 46px;
font-weight: 400;
color: var(--timerTextColor);
background-color: var(--timerBgColor);
border: 1px solid #EBEBEB;
padding: 15px;
border-radius: 6px;
margin-bottom: 15px;
box-shadow: 0 1px 4px 0.25px rgba(0, 0, 0, 12%);
}
.fmecsp_countdown-timer .fmecsp_timer .fmecsp_timer-item .fmecsp_timer-label {
font-size: 18px; line-height: 5px;  font-weight: bold; color: #666666;
text-transform: uppercase;
}
@media screen and (min-width: 250px) and (max-width: 767px) {
.fmecsp_timer_container.fmecsp_countdown-timer {
padding: 25px;
}
.fmecsp_countdown-timer .fmecsp_coming-soon {
font-size: 24px;
line-height: 32px;
margin-bottom: 12px;
}
.fmecsp_countdown-timer .fmecsp_timer {
gap: 8px;
}
.fmecsp_countdown-timer .fmecsp_timer .fmecsp_timer-item .fmecsp_timer-value {
font-size: 24px;
line-height: 34px;
padding: 10px;
margin-bottom: 10px;
}
.fmecsp_countdown-timer .fmecsp_timer .fmecsp_timer-item .fmecsp_timer-label {
font-size: 18px;
line-height: 26px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.fmecsp_timer_container.fmecsp_countdown-timer {
padding: 40px;
}
.fmecsp_countdown-timer .fmecsp_coming-soon {
font-size: 26px;
line-height: 34px;
margin-bottom: 15px;
}
.fmecsp_countdown-timer .fmecsp_timer {
gap: 10px;
}
.fmecsp_countdown-timer .fmecsp_timer .fmecsp_timer-item .fmecsp_timer-value {
font-size: 28px;
line-height: 38px;
padding: 10px;
margin-bottom: 10px;
}
.fmecsp_countdown-timer .fmecsp_timer .fmecsp_timer-item .fmecsp_timer-label {
font-size: 21px;
line-height: 28px;
}
} .fme_timer_product_container .fme_timer_container.fme_countdown-timer {
text-align: left;
}
.fme_timer_product_container .fme_countdown-timer .fme_timer {
justify-content: flex-start;
}
.fme_timer_container.fme_countdown-timer { text-align: center; }
.fme_countdown-timer{ font-size: 12px;
font-weight: bold;
margin-top: 2px;
color: #666666;
}
.fme_coming-soon{
font-size: 16px;
font-weight: bold;
margin-bottom: 2px;
color: #666666;
}
.fme_countdown-timer .fme_timer {
margin-top:8px;
display: flex;
justify-content: center;
gap: 10px;
align-items: center;
}
.fme_countdown-timer .fme_timer .fme_timer-item .fme_timer-value {
font-size: 20px !important;
line-height: 32px !important;
font-weight: bold;
color: var(--timerTextColor);
background-color: var(--timerBgColor);
border: 1px solid #EBEBEB;
padding: 2px 8px !important;
border-radius: 6px !important; box-shadow: 0 1px 4px 0.25px rgba(0, 0, 0, 12%);
}
.fme_countdown-timer .fme_timer .fme_timer-item .fme_timer-label {
font-size: 16px;
line-height: 26px;
font-weight: bold;
margin-top: 2px;
color: #666666;
text-transform: uppercase;
}
@media screen and (min-width: 320px) and (max-width: 767px) { .fme_countdown-timer .fme_coming-soon {
font-size: 24px;
line-height: 32px;
margin-bottom: 14px;
}
.fme_countdown-timer .fme_timer {
gap: 4px;
}
.fme_countdown-timer .fme_timer .fme_timer-item .fme_timer-value {
font-size: 16px;
line-height: 22px;
padding: 10px;
margin-bottom: 10px;
}
.fme_countdown-timer .fme_timer .fme_timer-item .fme_timer-label {
font-size: 12px;
line-height: 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) { .fme_countdown-timer .fme_coming-soon {
font-size: 26px;
line-height: 34px;
margin-bottom: 15px;
}
.fme_countdown-timer .fme_timer {
gap: 10px;
}
.fme_countdown-timer .fme_timer .fme_timer-item .fme_timer-value {
font-size: 18px;
line-height: 26px;
padding: 8px;
margin-bottom: 10px;
}
.fme_countdown-timer .fme_timer .fme_timer-item .fme_timer-label {
font-size: 14px;
line-height: 22px;
}
}