body {
    background: linear-gradient(39deg, #ffffff 0%, #fff2d8 100%);
}
section.bgnew {
    /* background: linear-gradient(
6deg, #ffbc3000 0%, #ffb41a2b 100%); */
    padding: 40px 0 20px;
}
    section.bgnew .container {
    width: 1180px;
}
    section.hero {
    /* background: linear-gradient(
126deg, #ffbc3000 0%, #ffb41a2b 100%); */
}
/* Event Card Container */
.upc-event-box {
    position: relative;
    background: #ffffff;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    height: 100%;
}

.upc-event-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

/* Position Classes */
.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

/* Date Badge - Top Left */
.border-webSecondary {
    border: 2px solid #f59e0b;
    top: 0.75rem;
    left: 0.75rem;
    z-index: 1;
    border-radius: 0.375rem;
    overflow: hidden;
}

.bg-webSecondary {
    background-color: #f59e0b;
    padding: 5px 10px;
    text-align: center;
}

.bg-webSecondary .event-month {
    margin: 0 0 3px;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 1;
}

.bg-webSecondary .event-date {
    margin: 0;
    padding: 0;
    font-size: 21px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1;
}

/* Event Image */
.img-event,
.widthclassaddevent {
    width: 100%;
    overflow: hidden;
}

.img-event img,
.widthclassaddevent img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.upc-event-box:hover .img-event img,
.upc-event-box:hover .widthclassaddevent img {
    transform: scale(1.05);
}

/* Event Content - Light Theme */
.bg-webPrimary {
    background-color: #ffffff;
    padding: 8px 10px 12px;
    border-top: 1px solid #e5e7eb;
}

/* Title */
.gallery-title,
.line-clamp.line-one {
    font-size: 15px;
    font-weight: 500;
    color: #111827;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Description */
.event-subdesc {
    margin-bottom: 0.75rem;
}

.act_details_tri,
.line-clamp.line-two {
    font-size: 12px;
    color: #6b7280;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
    font-weight: 400;
}

.act_details_tri span {
    color: #2563eb;
    font-weight: 500;
    margin-left: 0.25rem;
}

/* Read More Button */
.upc-event-btn {
    display: inline-block;
    padding: 2px 12px;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
    background-color: #ffaa00;
    border: 1px solid #ffaa00;
    border-radius: 0.25rem;
    text-decoration: none;
    transition: all 0.2s ease;
    outline: 0;
}

.upc-event-btn:hover {
    background-color: #bf7f00;
    color: #ffffff;
}

/* Grid Spacing */
.newpadding-bottomclasses {
    padding-bottom: 2rem;
}

.newmaxwidthclassqww {
    margin-bottom: 1.5rem;
}

/* Font Classes */
.font-Nunito-Semibold {
    font-weight: 600;
}

.font-Nunito-Regular {
    font-weight: 400;
}

.text-xs {
    font-size: 0.75rem;
}

.text-white {
    color: #6b7280 !important; /* Override - light theme me gray */
}

/* Utility */
.w-100 {
    width: 100%;
}

/* ===========================
   Responsive CSS
=========================== */

/* Laptop */
@media (max-width:1200px){

    section.bgnew .container{
        width:100%;
        max-width:1140px;
        padding:0 20px;
    }

}

/* Tablet */
@media (max-width:991px){

    section.bgnew{
        padding:35px 0 20px;
    }

    section.bgnew .container{
        width:100%;
        padding:0 18px;
    }

    .newpadding-bottomclasses{
        padding-bottom:24px;
    }

    .img-event img,
    .widthclassaddevent img{
        height: auto;
    }

    .gallery-title,
    .line-clamp.line-one{
        font-size:14px;
    }

    .act_details_tri,
    .line-clamp.line-two{
        font-size:12px;
    }

}

/* Mobile */
@media (max-width:767px){

    body{
        overflow-x:hidden;
    }

    section.bgnew{
        padding:30px 0 15px;
    }

    section.bgnew .container{
        width:100%;
        padding:0 15px;
    }

    .upc-event-box{
        border-radius:8px;
    }

    .img-event img,
    .widthclassaddevent img{
        height: auto;
    }

    .bg-webPrimary{
        padding:12px;
    }

    .gallery-title,
    .line-clamp.line-one{
        font-size:15px;
        white-space:normal;
        -webkit-line-clamp:2;
        display:-webkit-box;
        -webkit-box-orient:vertical;
    }

    .act_details_tri,
    .line-clamp.line-two{
        font-size:13px;
        line-height:1.6;
    }

    .upc-event-btn{
        width:100%;
        text-align:center;
        padding:8px 15px;
    }

    .border-webSecondary{
        top:10px;
        left:10px;
    }

    .bg-webSecondary .event-date{
        font-size:18px;
    }

}

/* Small Mobile */
@media (max-width:576px){

    section.bgnew{
        padding:25px 0 10px;
    }

    section.bgnew .container{
        padding:0 12px;
    }

    .img-event img,
    .widthclassaddevent img{
        height: auto;
    }

    .gallery-title,
    .line-clamp.line-one{
        font-size:14px;
    }

    .act_details_tri,
    .line-clamp.line-two{
        font-size:12px;
    }

    .bg-webPrimary{
        padding:10px;
    }

    .bg-webSecondary{
        padding:4px 8px;
    }

    .bg-webSecondary .event-month{
        font-size:10px;
    }

    .bg-webSecondary .event-date{
        font-size:16px;
    }

}

/* Extra Small Devices */
@media (max-width:400px){

    .img-event img,
    .widthclassaddevent img{
        height: auto;
    }

    .gallery-title,
    .line-clamp.line-one{
        font-size:13px;
    }

    .upc-event-btn{
        font-size:11px;
        padding:7px 12px;
    }

}