/* Upcoming_events-sec-start */



.upcoming_events-sec { background: #ffffff; padding: 80px 0 80px;}
.events-left-col { width: 100%; max-width: 525px;}
.events-sec {    display: flex; flex-direction: column; padding: 60px 0; gap: 30px;}
.event-left-col {display: flex; width:500px;}
.event-left-col .featured_image{border-radius:12px; overflow:hidden; position:relative; width:100%; line-height:0;}
.event-left-col .featured_image img{width:100%; border-radius:12px;  object-fit:cover; aspect-ratio:16/9}
.event-left-col .featured_image .date{position:absolute; left:10px; top:10px; background:rgba(235,178,17,0.7); backdrop-filter:blur(5px); border:1px solid rgba(235,178,17,0.8); font-size:15px; line-height:16px; font-weight:500; border-radius:40px; padding:8px 12px; display:flex; align-items:center; gap:5px;  }

.events-sec .event-row { display: flex;flex-wrap:wrap;  border: 1px solid #cccccc;
    border-radius: 16px;  padding: 10px; transition:all ease 0.2s;}
.events-sec .event-row:hover{transform:scale(1.02); border-color:#ffffff; box-shadow:0 0 20px rgba(0,0,0,0.2);}
.event-right-col {width: calc(100% - 500px); padding:20px 40px 85px 40px; position:relative;}
.event-right-col .event-info{display:flex; flex-direction:column; gap:10px;}
.event-right-col .event-info h2{ font-size:30px; line-height:36px; font-weight:500}
.event-right-col .event-info h2 a{color:#111111; text-decoration:none;}
.event-right-col .event-info .event_meta{margin:15px 0;}
.event-right-col .event-info .event_meta ul{display:flex; list-style-type:none; margin:0; padding:0; gap:20px;}
.event-right-col .event-info .event_meta ul li{color:#333333; font-size:13px; font-weight:500; border:1px solid rgba(0,0,0,0.3); border-radius:50px; padding:8px 15px; display:flex; align-items:center; gap:10px;}
.event-right-col .event-info .event_meta ul li svg{}
.event-right-col .event-info .excerpt p{font-size:17px; line-height:27px; color:#333333;  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;}
.event-right-col .event-info .btn-area{position:absolute; left:40px; bottom:20px; display:flex; gap:15px; align-items:center; justify-content:flex-end;}
.event-right-col .event-info .event-cost{display:flex; gap:3px; flex-direction:column; align-items:flex-end; font-weight:600; font-size:20px; color:#111111}
.event-right-col .event-info .event-cost .free{font-size:13px; color:#333333}

.upcoming_events-sec .btn-grp{display:flex; align-items:center; justify-content:center;}
.upcoming_events-sec .btn-grp svg{max-height:50px; max-width:50px;}


@media (max-width: 1199px) {
 .event-left-col { width: 400px;}  
 .event-right-col { width: calc(100% - 400px); padding: 20px 20px 100px 20px;}
 .event-right-col .event-info h2 { font-size: 25px; line-height: 31px;}
 .event-right-col .event-info .btn-area{left:20px;}

}


@media (max-width: 991px) {
 .event-left-col { width: 250px;}  
 .event-right-col { width: calc(100% - 250px); padding: 20px 20px 100px 20px;}
 .event-right-col .event-info h2 { font-size: 20px; line-height: 25px;}
 .event-right-col .event-info .excerpt p { font-size: 15px; line-height: 24px;}
 .event-right-col .event-info .event_meta ul{gap:10px;}
 .event-right-col .event-info .event_meta ul li svg{display:none;}

}

@media (max-width: 767px) {
.events-sec {padding: 40px 0;} 
.event-left-col {  width: 100%; }
.event-right-col {   width: 100%;   padding: 15px;    }  
.event-right-col .event-info .btn-area{position:static; margin-top: 20px; justify-content:flex-start;}	
.event-right-col .event-info .event_meta ul{flex-wrap:wrap;}
.event-right-col .event-info .event_meta ul li{font-size:13px;}
.event-right-col .event-info .event_meta ul{gap:10px;}
    .event-right-col .event-info .event_meta ul li svg {display: inherit;     }


.event-right-col .event-info .excerpt p{font-size:16px; line-height:25px;   -webkit-line-clamp: 3;}

.upcoming_events-sec .btn-grp{gap:10px;}
.upcoming_events-sec .btn-grp svg { max-height: 40px;  max-width: 40px;}
}

/* Upcoming_events-sec-end */