#trending-events .event-box .content-box h4 {
             width: 100%;
             display: block;
             margin-bottom: 5px;
             font-weight: 600;
         }
        #trending-events .event-box .content-box {
             width: 100%;
             display: flex;
             flex-wrap: wrap;
             padding: 25px;
             border: 1px solid #ddd;
             border-top: none;
             background: url(../images/counter-box-bg.svg) right no-repeat #fff;
             background-size: contain !important;
             position: relative;
         }
        #trending-events-view-more .custom-button {
            width: 240px;
            height: 64px;
            float: right;
            position: relative;
            white-space: nowrap;
        }
        #featured-events .event-box .content-box h4 {
             width: 100%;
             display: block;
             margin-bottom: 5px;
             font-weight: 600;
         }
        #featured-events .event-box .content-box {
             width: 100%;
             display: flex;
             flex-wrap: wrap;
             padding: 25px;
             border: 1px solid #ddd;
             border-top: none;
             background: url(../images/counter-box-bg.svg) right no-repeat #fff;
             background-size: contain !important;
             position: relative;
         }
        #featured-events-view-more .custom-button {
            width: 240px;
            height: 64px;
            float: right;
            position: relative;
            white-space: nowrap;
        }

        #upcomming-events .event-box .content-box h4 {
             width: 100%;
             display: block;
             margin-bottom: 5px;
             font-weight: 600;
         }
        #upcomming-events .event-box .content-box {
             width: 100%;
             display: flex;
             flex-wrap: wrap;
             padding: 25px;
             border: 1px solid #ddd;
             border-top: none;
             background: url(../images/counter-box-bg.svg) right no-repeat #fff;
             background-size: contain !important;
             position: relative;
         }
        #upcomming-events-events-view-more .custom-button {
            width: 240px;
            height: 64px;
            float: right;
            position: relative;
            white-space: nowrap;
        }

        #past-events .event-box .content-box h4 {
             width: 100%;
             display: block;
             margin-bottom: 5px;
             font-weight: 600;
         }
        #past-events .event-box .content-box {
             width: 100%;
             display: flex;
             flex-wrap: wrap;
             padding: 25px;
             border: 1px solid #ddd;
             border-top: none;
             background: url(../images/counter-box-bg.svg) right no-repeat #fff;
             background-size: contain !important;
             position: relative;
         }
        #past-events-events-view-more .custom-button {
            width: 240px;
            height: 64px;
            float: right;
            position: relative;
            white-space: nowrap;
        }

        #current-events .event-box .content-box h4 {
             width: 100%;
             display: block;
             margin-bottom: 5px;
             font-weight: 600;
         }
        #current-events .event-box .content-box {
             width: 100%;
             display: flex;
             flex-wrap: wrap;
             padding: 25px;
             border: 1px solid #ddd;
             border-top: none;
             background: url(../images/counter-box-bg.svg) right no-repeat #fff;
             background-size: contain !important;
             position: relative;
         }
        #current-events-view-more .custom-button {
            width: 240px;
            height: 64px;
            float: right;
            position: relative;
            white-space: nowrap;
        }




    .highlight-border {
      position: relative;
      background: repeating-conic-gradient(from var(--a), #f8669e 0%, #f8669e 5%, transparent 5%, transparent 40%, #f8669e 50%);
      animation: animate 4s linear infinite;
      border-radius: 0px;
    }

    @property --a {
      syntax: '<angle>';
      inherits: false;
      initial-value: 0deg;
    }

    @keyframes animate {
      0% {
        --a: 0deg;
      }
      100% {
        --a: 360deg;
      }
    }

    .highlight-border .event-box {
      content: '';
      border: 4px ridge #3a3089;
    }


    #upcoming-event-page .pagination-ellipsis {
        padding: 8px 16px;
        color: #f8669e;
    }
    #upcoming-event-page .page-item {
        align-content: center;
    }

/*  */
       .badge-evol {
    /* Common styles for badge-evol */
    display: none; /* Hide by default */
}

.badge-evol.highlight {
    display: block;
    background-color: #f8669e;
    color: black;
    font-style: italic;
    font-size: 13px;
    font-weight: bold;
}

        .badge-evol {
            position: absolute;
            right: 5px;
            top: 5px;
            text-transform: uppercase;
            font-size: 10px;
            font-weight: 700;
            background: #3a3089;
            color: #fff;
            padding: 2px 5px;
        }
.event-box .badge-overlay {
  position: absolute;
  left: 0%;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 100;
  -webkit-transition: width 1s ease, height 1s ease;
  -moz-transition: width 1s ease, height 1s ease;
  -o-transition: width 1s ease, height 1s ease;
  transition: width 0.4s ease, height 0.4s ease;
}

/* ================== Badge CSS ========================*/
.event-box .badge {
  margin: 0;
  padding: 0;
  color: white;
  padding: 5px 10px;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  line-height: normal;
  text-transform: uppercase;
  background: #ed1b24;
  border-radius: 0rem;
}

/* ================== Badge Position CSS ========================*/
.event-box  .bottom-full {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

/* ================== Badge color CSS ========================*/
.event-box  .badge.orange {
  background: #000000cf;
}
    .content-box{
            justify-content: center;
            text-align: center;
        }
        .event-box:after {
            content: "";
            width: 120px;
            height: 55px;
            background: none!important;
            position: absolute;
            right: -15px;
            bottom: -25px;
            transition: all 0.25s ease-in-out;
        }
/*  */
/*  */
.event-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 340px; /* Adjust based on your design */
}

.content-box {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 20px; /* Default padding */
}

/* If the title is short, add more padding to the bottom */
.content-box h4 {
    min-height: 60px; /* Adjust based on your design */
    display: flex;
    align-items: center; /* Vertically center the text */
    margin-bottom: auto;
}

/* Ensure the "Read More" link is always at the bottom */
.custom-link {
    margin-top: auto;
    padding-top: 10px; /* Adjust based on your design */
}

.event-day-alert {
    display: inline-block;
    font-weight: 700!important;
    padding: 0px 5px!important;
    line-height: 14px!important;
    color: #000000!important;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    margin-left: 5px!important;
    -moz-user-select: none;
    user-select: none;
    background-color: #ffcc33!important;
    border: 0px solid #f8669e!important;
    padding: .375rem .75rem;
    font-size: 10px!important;
    border-radius: 0rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
/*  */