/*
Theme Name: MEPSC Events
Author: Harmeet Singh
Description: A simple custom WordPress theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-custom-theme
*/
.border-box{border: 1px solid #2f2f2f; display: flex; gap:10px}
.spon-boxes {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns */
    gap: 20px;
    padding: 10px;
}

.spon-box {
    text-align: center;
}

.spon-box img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

/* Responsive: 2 columns on tablets */
@media (max-width: 992px) {
    .spon-boxes {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Responsive: 1 column on mobile */
@media (max-width: 600px) {
    .spon-boxes {
        grid-template-columns: 1fr;
    }
}
.clearfix{clear: both;}






.strategy-containers {
    width: 85%;
    margin: 0 auto; /* Center container */
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px 0;
    box-sizing: border-box;
}
.strategy-boxs:hover {background-color: #b2ebf290;}

.strategy-boxs {
    flex: 1 1 calc(25% - 20px); /* 4 boxes per row */
    box-sizing: border-box;
    border: 2px solid #c5e2e6;
    padding: 20px;
    border-radius: 8px;
    text-align: left; 
    transition: background-color 1s ease-in-out;

   
}

/* Responsive: 2 per row on tablets */
@media (max-width: 992px) {
    .strategy-boxs {
        flex: 1 1 calc(50% - 20px);
    }
}

/* Responsive: 1 per row on mobile */
@media (max-width: 600px) {
    .strategy-boxs {
        flex: 1 1 100%;
    }
}

.mt-50{margin-top: 30px;}
.agenda-section {
    max-width: 80%;
    margin: 40px auto 0px auto;
    padding: 50px 20px;
    height: 500px;
    overflow-y: scroll;
     
    /* For WebKit browsers (Chrome, Safari) */
    scrollbar-width: thin;              /* For Firefox */
    scrollbar-color: #007BFF #f0f0f0;   /* Thumb and track for Firefox */
  

}
.text-white{color: #fff;}
.why0ss img{width: 50px;}
.agenda-item .agenda-description{ color:#fff;}
.agenda-item { color:#fff;
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  border-left: 4px solid #007BFF;
  padding-left: 15px;
}

.agenda-time {
  font-weight: bold;
  font-size: 1.1rem;
  color: #007BFF;
  min-width: 100px;
   margin-right:10px;
}

.agenda-content {
  flex: 1;
}

.agenda-title {
  font-size: 1.25rem;
  margin: 0 0 5px;
}

.agenda-description {
  font-size: 1rem;
  color: #555;
}

.agendass{background:#10102a ;}