@font-face {
  font-family: 'radikal-bold';
  src: url('../fonts/Radikal/radikal-bold.otf') format('truetype');
  font-weight: 100;
  font-style: normal;
}


@font-face {
  font-family: 'radikal-light';
  src: url('../fonts/Radikal/radikal-light.otf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'radikal-medium';
  src: url('../fonts/Radikal/radikal-medium.otf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'radikal';
  src: url('../fonts/Radikal/radikal.otf') format('truetype');
  font-weight: 600;
  font-style: normal;
}



@font-face {
  font-family: 'Inter-Medium';
  src: url('../fonts/Inter/Inter-Medium.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Bold';
  src: url('../fonts/Inter/Inter-Bold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Georgia';
  src: url('../fonts/Georgia-Font/Georgia.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* Apply the font to the entire body */
body {
  font-family: 'radikal', sans-serif;
}

.radikal {
  font-family: 'radical-regular', sans-serif;
}

.radikal-bold {
  font-family: 'radikal-bold';
}

.radikal-medium {
  font-family: 'radikal-medium';
}

.radikal-light {
  font-family: 'radikal-light';
}

.georgia {
  font-family: 'Georgia', sans-serif;
}

.inter {
  font-family: 'Inter-Medium', sans-serif;
}

.inter-bold {
  font-family: 'Inter-Bold', sans-serif;
}

.group1:hover svg,
.group2:hover svg,
.group3:hover svg {
  transform: rotate(180deg);

}

.group1:hover .published,
.group2:hover .published,
.group3:hover .published {
  display: block;
}

.absoluteCountdown {
    position: absolute;
    bottom: -45px;
    right: -27px;
    max-width: 220px;
    background: #fff;
    padding: 10px 3px;
    border-radius: 5px;
    z-index: 9;
    border: 1px solid #e60251;
}
.absoluteCountdown div {
    margin-bottom: 00px;
    text-align: left;
    padding: 0px 6px;
    font-size: 13px;
    text-transform: uppercase;
    text-align:center;
    color:#290595;
  font-weight: 800;
}
.absoluteCountdown .count {
    display: block;
    font-size: 9px;
    text-align: left;
    padding: 0px 7px;
    font-weight: bold;
}
.absoluteCountdown .num {
    display: inline;
    color: black;
    font-size: 20px;
    letter-spacing: 0.2em;
    padding: 4px;
    margin: 0px 7px;
    background:url(assets/images/timer-box.webp) no-repeat;
    background-size: contain;
    text-align: center;
  font-weight: 400;
  font-style: normal;
}