.section{padding: 2.5rem 0;}
.section-under-construction{
    /*background-image: url('images/uc-bg.jpg');*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 5rem 0;
}
.vh-100{min-height: 100vh;height: auto !important;}
.site-logo{max-width: 350px;}
.under-construction{border-radius: 1.25rem;max-width: 850px;overflow: hidden;}
.under-construction__head{padding:2rem 4rem;background-color: #000;color:#fff;}
.under-construction__body{padding:2.5rem 2.5rem 5rem 2.5rem;background-color: #fff;color:#000;}
.under-construction__media{margin-bottom: 2rem;}
.under-construction__content{font-size: 2rem;font-weight: 700;line-height: 1.3;}
.timer-counter{display: flex;align-items: center;gap: 1.75rem;}
.timer-counter .timer{position: relative;}
.timer-counter .timer span{display: block;text-align: center;position: relative;}
.timer-counter .timer .value{background-color: #07c4ee;color: #000;font-size: 2.5rem;line-height: 1.25;
    font-weight: 700;padding: .25rem 1.25rem;border-radius:6px;}
.timer-counter .timer .lbl{font-size: 1.5rem;font-weight: 500;}
.timer-counter .timer:last-child .value:after{display: none;}
.timer-counter .timer .value:after{content: ":";position: absolute;right: -1.25rem;font-size: 2.5rem;top: 0;bottom: 0;font-weight: 600;}

.theme-btn{background-color: #07c4ee;color: #000;border-radius: 6rem;display: inline-flex;align-items: center;gap: 1.125rem;padding: 1.25rem 3rem;text-decoration: none;font-size: 1.5rem;font-weight: 600;min-height: 65px;}
.theme-btn.white{background-color: #fff;color: #000;}
.theme-btn.black{background-color: #000;color: #fff;}
.theme-btn:hover{background-color: #07c4ee;color: #000;}
.theme-btn.black:hover{background-color: #000;color: #fff;}

/*.theme-btn:hover{opacity: .8;}*/
.btn-wrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}
.theme-btn .icon {max-width: 40px;}
@media (max-width:767px) {
    .under-construction{border-radius: .625rem;}
    .under-construction__head{padding:1.5rem 2rem;}
    .under-construction__body{padding:1.5rem 2rem 3rem 2rem;}
    .site-logo{max-width: 150px;}
    .under-construction__content{font-size: 1.25rem;}
    .timer-counter{gap: 1rem;}
    .timer-counter .timer .value{font-size: 1.5rem;padding: .25rem .75rem;}
    .timer-counter .timer .lbl{font-size: 1rem;}
    .timer-counter .timer .value:after{font-size: 1.75rem;right: -.75rem;}
    .theme-btn{padding: .75rem 1.5rem;font-size: 14px;font-weight: 600;min-height: 42px;gap: .5rem;}
    .theme-btn .icon{max-width: 24px;}
}


.timer-counter-wrapper{display: inline-flex;gap:1rem;align-items: center;padding: 1rem;}
.timer-counter-wrapper .heading{max-width: 160px;font-size: 1rem;font-weight: 600;line-height: 1.1;padding-right: 1.25rem;border-right: 1px solid #ddd;}
.timer-counter-wrapper .timer-counter {gap: 1.5rem;}
.timer-counter-wrapper .timer-counter .timer .value{font-size: 1.125rem;padding: 0; background-color: transparent;line-height: 1.1;color: currentColor;}
.timer-counter-wrapper .timer-counter .timer .value:after{font-size: 1.125rem;right: -0.75rem;}
.timer-counter-wrapper .timer-counter .timer .lbl{font-size: .75rem;}