.event-outer{
 display:flex;
  gap:20px;
  flex-wrap: wrap;
      justify-content: center;
}
.event-inner img {
    border-radius: 50%;
}
.pop-up-content p {
    margin-bottom: 10px;
}


.event-inner {
    flex: 0 0 23%;
    text-align: center;
    padding: 20px;
    border: 1px solid #24346c;
}
.event-inner-5 {
    flex: 0 0 18%;
}

.event-inner h4 {
    margin-bottom: 5px;
}
.event-inner h4 a {
    font-weight: 600;
    padding-top: 5px;
    display: inline-block;
    margin-bottom: 0;
}
.event-inner p {
    margin-bottom: 0;
}

       .popup {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            justify-content: center;
            align-items: center;
         z-index: 999999;
  
        }

        .popup-content {
            background-color: #fff;
            width: 90%;
/*             max-width: 400px; */
            padding: 30px;
            border-radius: 8px;
            text-align: left;
            position: relative;
}
        }
.pop-up-content p {
    margin-bottom: 10px !important;
}
        .back-button {
            position: absolute;
            top: 30px;
            left: 30px;
/*             background-color: #007bff; */
            color: #fff;
            border: none;
            padding: 10px;
            border-radius: 5px;
            cursor: pointer;
        }

        .back-button:hover {
/*             background-color: #0056b3; */
        }

        .open-link {
            color: #007bff;
            cursor: pointer;
            text-decoration: none;
        }


.popup-image {
    padding-top: 80px;
}

.popup-nme-des {
    border-bottom: 1px solid #BBBB;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.event-speaker-name a {
    color: #0b278b;
    font-weight: 700;
  cursor: pointer !important;
}
.event-speaker-name {
    margin-bottom: 10px;
}
.popup-image img {
    max-width: 150px !important;
}
@media(max-width:767px){
  .popup {
    align-items: flex-start;
    overflow-y: scroll;
}
  .event-outer {
    flex-wrap: wrap;
}
 .event-inner {
    flex: 0 0 100%;
} 


.popup-content {
    top: 40px;
}
}