/* Featured Events CSS Here  */
.featured-events-inner,
.events-by-region-inner {
    padding: clamp(25px, 3.5vw, 60px) clamp(25px, 3.5vw, 30px) clamp(25px, 3.5vw, 30px);
    border-radius: 20px;
}

.featured-events-item img {
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    object-fit: cover;
}

.featured-events-item-icon {
    max-width: 146px;
    margin-inline: auto;
}

.box-shadow-24 {
    padding: 24px 15px;
    box-shadow: 1px 1px 20px #A8A8A829;
    border-radius: 8px;
}

.featured-events-item-descrp {
    max-width: 330px;
    margin-inline: auto;
}

/* EVENTS BY REGOIN CSS HERE  */
.more-info {
    padding: clamp(25px, 3.5vw, 50px);
    border-radius: 20px;
}

.more-info-content-wrapper a {
    font-weight: 600;
}

.rounded-20 {
    border-radius: 20px;
}

.events-by-region-item-icon {
    max-width: 300px;
    margin-inline: auto;
}

.events-by-region-item img {
    object-fit: contain;
    aspect-ratio: 16 / 9;
}

.featured-events-item>.col-inner,
.events-by-region-item>.col-inner {
    padding-bottom: 80px;
    position: relative;
}

.featured-events-item-btn {
    position: absolute;
    bottom: 24px;
    left: 0;
    width: 100%;
}