.timer-area {
            background: #1d1d1d;
            display: inline-block;
			margin-top: 20px;
            border-radius: 4px;
			width: 250px;

        		}
ul#countdown {
            list-style: none;
            padding: 0;
            display: flex;
            justify-content: center;
            gap: 2px;
        		}
ul#countdown li {
            text-align: center;
        }
ul#countdown span {
            font-size: 0.2em;
            display: block;
        }
 h4		{   	
		font-size: 15px;
        color: #fff;
margin-block-start: 0.5em;
margin-block-end: 0.5em;
}

.timer-area ul, p		{   	
margin-block-start: 0.5em;
margin-block-end: 0.5em;
}



 
/* ---------- LAYOUT ---------- */
.container {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.timer-area {
  text-align: center;
  padding-top: 1em;
}

 
/* ---------- TIMER ---------- */
ul#countdown li {
  display: inline-block;
  width: 55px;
  margin-bottom: 10px;
  text-align: center;
}
ul#countdown li span {
  font-size: 1.5em;
  color: #f5007a;
  position: relative;
}
ul#countdown li span::before {
  content: '';
  width: 100%;
  height: 1px; 
  position: absolute;
  top: 10px;
}
ul#countdown li p.timeRefDays,
ul#countdown li p.timeRefHours,
ul#countdown li p.timeRefMinutes,
ul#countdown li p.timeRefSeconds {
  margin-top: 0.2em;
  color: #909091;
  text-transform: uppercase;
  font-size: 12px;
}