/* Events page styles */
.page-banner{
    width:100%;
    padding:120px 20px;
    background:linear-gradient(135deg, #cfcfcf, #000000);
    text-align:center;
}

/* breadcrumb */
.breadcrumb-custom{
    font-size:16px;
    margin-bottom:20px;
    color:#eee;
}

.breadcrumb-custom a{
    color:#b7d7f5;
    text-decoration:none;
}

.breadcrumb-custom span{
    margin:0 8px;
    color:#a04d4d;
}

.page-title{
    font-size:64px;
    font-weight:700;
    color:#f1f1f1;
    text-shadow:0 4px 6px rgba(0,0,0,0.4);
}

.page-subtitle{
    margin-top:15px;
    font-size:24px;
    color:#cfd8dc;
}

/* Responsive */

@media(max-width:992px){
.page-title{
font-size:48px;
}
}

@media(max-width:600px){
.page-banner{
padding:90px 15px;
}

.page-title{
font-size:34px;
}

.page-subtitle{
font-size:18px;
}

.breadcrumb-custom{
font-size:14px;
}
}
/* Events page styles */
.page-banner{
    width:100%;
    padding:120px 20px;
    background:linear-gradient(135deg, #cfcfcf, #000000);
    text-align:center;
}

/* breadcrumb */
.breadcrumb-custom{
    font-size:16px;
    margin-bottom:20px;
    color:#eee;
}

.breadcrumb-custom a{
    color:#b7d7f5;
    text-decoration:none;
}

.breadcrumb-custom span{
    margin:0 8px;
    color:#a04d4d;
}

.page-title{
    font-size:64px;
    font-weight:700;
    color:#f1f1f1;
    text-shadow:0 4px 6px rgba(0,0,0,0.4);
}

.page-subtitle{
    margin-top:15px;
    font-size:24px;
    color:#cfd8dc;
}

/* Responsive */

@media(max-width:992px){
.page-title{
font-size:48px;
}
}

@media(max-width:600px){
.page-banner{
padding:90px 15px;
}

.page-title{
font-size:34px;
}

.page-subtitle{
font-size:18px;
}

.breadcrumb-custom{
font-size:14px;
}
}

/* PAGE BANNER */

.page-banner{
width:100%;
padding:120px 20px;
background:linear-gradient(135deg,#cfcfcf,#000000);
text-align:center;
}

/* BREADCRUMB */

.breadcrumb-custom{
font-size:16px;
margin-bottom:18px;
color:#eee;
}

.breadcrumb-custom a{
color:#b7d7f5;
text-decoration:none;
}

.breadcrumb-custom span{
margin:0 8px;
color:#ffb3b3;
}

/* PAGE TITLE */

.page-title{
font-size:64px;
font-weight:700;
color:#fff;
text-shadow:0 4px 10px rgba(0,0,0,0.5);
}


/* EVENTS SECTION */

.events-section{
padding:60px 20px;
background:#f7f7f7;
}

.events-container{
max-width:1200px;
margin:auto;
display:flex;
gap:40px;
align-items:flex-start;
}

/* EVENTS LIST */

.events-list{
width:260px;
flex-shrink:0;
}

.event-item{
background:#eee;
padding:16px 20px;
margin-bottom:15px;
border-radius:6px;
cursor:pointer;
font-weight:500;
transition:0.3s;
}

.event-item:hover{
background:#dcdcdc;
}

.event-item.active{
background:#2f6fd6;
color:#fff;
}

/* CONTENT */

.event-content-wrapper{
flex:1;
background:#fff;
padding:40px;
border-radius:8px;
box-shadow:0 3px 12px rgba(0,0,0,0.05);
}

/* EVENT ROW */

.event-row{
display:flex;
gap:35px;
align-items:flex-start;
}

/* IMAGE */

.event-image{
width:260px;
flex-shrink:0;
}

.event-image img{
width:100%;
border-radius:6px;
}

/* TEXT */

.event-text{
flex:1;
}

.event-text h2{
font-size:28px;
margin-bottom:15px;
}

.event-text p{
font-size:16px;
line-height:1.8;
color:#555;
}


/* SHOW HIDE */

.event-content{
display:none;
}

.event-content.active{
display:block;
}


/* TABLET */

@media(max-width:992px){

.page-title{
font-size:48px;
}

.events-container{
flex-direction:column;
}

.events-list{
display:flex;
overflow-x:auto;
gap:10px;
width:100%;
}

.event-item{
white-space:nowrap;
margin-bottom:0;
}

.event-row{
flex-direction:column;
}

.event-image{
width:100%;
}

}


/* MOBILE */

@media(max-width:600px){

.page-banner{
padding:90px 15px;
}

.page-title{
font-size:34px;
}

.breadcrumb-custom{
font-size:14px;
}

.events-section{
padding:40px 15px;
}

.event-content-wrapper{
padding:25px;
}

.event-text h2{
font-size:22px;
}

.event-text p{
font-size:15px;
}

}

/* proexceli site css */
/* Title */
.section-title {
  font-size: 34px;
  font-weight: 700;
  position: relative;
  display: inline-block;
}



.section-title:hover::after {
  width: 100px;
}