.htmegavc-countdown-wrapper {
text-align: center;
}
.htmegavc-countdown-wrapper span.ht-count{
margin-bottom: 18px;
}
.htmegavc-countbox .ht-count {
display: inline-block;
position: relative;
margin: 0 22px;
}
.htmegavc-countbox .ht-count::before {
position: absolute;
content: ":";
right: -26px;
top: 50%;
transform: translateY(-50%);
color: #5e5b60;
font-size: 55px;
}
.htmegavc-countbox .ht-count:last-child{
margin-right: 0;
}
.htmegavc-countbox .ht-count:last-child::before {
display: none;
} .htmegavc-countdown-style-1 span.ht-count {
padding: 28px 0px;
border: 2px solid #18012c;
border-radius: 10px;
width: 139px;
text-align: center;
}
.htmegavc-countdown-style-1 span.ht-count:first-child{
margin-left: 0;
}
.htmegavc-countdown-style-1 span.time-count {
color: #242424;
font-size: 36px;
font-weight: 500;
line-height: 1;
display: block;
padding-bottom: 27px;
margin-bottom: 27px;
position: relative;
font-family: "Montserrat", sans-serif;
}
.htmegavc-countdown-style-1 span.time-count::before {
background-image: linear-gradient(to right, rgba(82, 65, 97, 0), rgba(82, 65, 97, 0.8) 40%, rgba(82, 65, 97, 0.8) 60%, rgba(82, 65, 97, 0));
background-position: center center;
background-repeat: no-repeat;
background-size: 84% auto;
content: "";
height: 2px;
left: 0;
position: absolute;
bottom: 0;
width: 100%;
}
.htmegavc-countdown-style-1 span.count-inner p {
color: #242424;
font-size: 30px;
font-weight: 400;
line-height: 1;
margin: 0;
} .htmegavc-countdown-style-2 .ht-count {
width: 160px;
height: 160px;
border: 1px solid #18012c;
border-radius: 100%;
overflow: hidden;
}
.htmegavc-countdown-style-2 span.count-inner {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
overflow: hidden !important;
border-radius: 100%;
}
.htmegavc-countdown-style-2 span.count-inner .time-count {
height: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #242424;
font-size: 36px;
font-weight: 500;
padding-top: 10px;
font-family: "Montserrat", sans-serif;
}
.htmegavc-countdown-style-2 span.count-inner p {
height: 50%;
margin: 0;
background: #18012c;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
color: #ffffff;
font-size: 24px;
line-height: 1;
font-weight: 500;
padding-bottom: 10px;
} .htmegavc-countdown-style-3 span.ht-count {
height: 160px;
width: 190px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.htmegavc-countdown-style-3 span.count-inner {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.htmegavc-countdown-style-3 span.count-inner .time-count {
color: #18012c;
font-size: 60px;
line-height: 24px;
display: block;
font-weight: 800;
padding-bottom: 20px;
font-family: "Montserrat", sans-serif;
}
.htmegavc-countdown-style-3 span.count-inner p {
margin: 0;
color: #18012c;
font-size: 30px;
font-weight: 400;
margin-top: 17px;
line-height: 24px;
} .htmegavc-countdown-style-4 .ht-count {
margin: 0 15px;
}
.htmegavc-countdown-style-4 .ht-count::before {
display: none;
}
.htmegavc-countdown-style-4 .count-inner .time-count {
display: inline-block;
color: #18012c;
font-size: 60px;
font-weight: 800;
padding-right: 9px;
line-height: 1;
font-family: "Montserrat", sans-serif;
}
.htmegavc-countdown-style-4 .count-inner p {
display: inline-block;
color: #18012c;
font-size: 24px;
line-height: 1;
margin: 0;
text-transform: uppercase;
font-weight: 500;
} .htmegavc-countdown-style-5 .htmegavc-countbox {
position: relative;
padding-top: 74px;
}
.htmegavc-countdown-style-5 .count-inner .time-count {
font-size: 60px;
color: #18012c;
font-weight: 800;
font-family: "Montserrat", sans-serif;
}
.htmegavc-countdown-style-5 .count-inner p {
color: #18012c;
font-size: 18px;
line-height: 1;
font-weight: 500;
margin: 0;
margin-top: 6px;
}
.htmegavc-countdown-style-5 .ht-count::before {
position: absolute;
content: ":";
right: -26px;
top: 21%;
transform: inherit;
color: #18012c;
font-size: 48px;
line-height: 1;
}
.htmegavc-countdown-style-5 .minutes::before {
display: none;
}
.htmegavc-countdown-style-5 .second {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
margin: 0;
}
.htmegavc-countdown-style-5 .second p {
display: none;
}
.htmegavc-countdown-style-5 .count-inner {
color: #18012c;
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
font-weight: 500;
}
.htmegavc-countdown-style-5 .second .time-count {
font-size: 80px;
} .htmegavc-countdown-style-6 .ht-count,
.htmegavc-countdown-style-6 .ht-count .count-inner{
line-height: 24px;
}
.htmegavc-countdown-style-6 .ht-count::before {
right: -26px;
top: 23%;
font-size: 47px;
line-height: 1;
}
.htmegavc-countdown-style-6 .count-inner p {
display: none;
}
.htmegavc-countdown-style-6 .count-inner .time-count {
font-size: 72px;
font-weight: 600;
color: #18012c;
} .htmegavc-countdown-style-7 .ht-count {
background: #18012c;
color: #fff;
height: 160px;
width: 140px;
border-radius: 10px;
}
.htmegavc-countdown-style-7 .count-inner {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.htmegavc-countdown-style-7 .count-inner .time-count {
height: 110px;
display: flex;
align-items: center;
justify-content: center;
font-size: 48px;
line-height: 1;
font-weight: 500;
border-radius: 10px 10px 0 0;
position: relative;
z-index: 1;
}
.htmegavc-countdown-style-7 .count-inner .time-count::before {
background: linear-gradient(to right, #ff6600, #ff0a00);
content: "";
height: 100%;
left: 0;
position: absolute;
bottom: 0;
width: 100%;
z-index: -1;
border-radius: 7px 7px 0 0;
}
.htmegavc-countdown-style-7 .count-inner p {
margin: 0;
height: 50px;
line-height: 50px;
font-size: 24px;
font-weight: 500;
} @media screen and (max-width: 767px){
.htmegavc-countdown-style-4 span.ht-count,
.htmegavc-countdown-style-6 span.ht-count{
width:100%;
}
}