
.timeline-container {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.time-box {
  background-color: #4CAF50;
  color: white;
  border-radius: 10px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: bold;
  width: 300px;
}
.icon-circle {
  width: 40px;
  height: 40px;
  background-color: white;
  border: 2px solid #4CAF50;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.details-box {
  background-color: #f8f9fa;
  border-radius: 10px;
  padding: 15px 20px;
  flex-grow: 1;
  margin-left: 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.event-title {

    font-size: 20px;
  font-weight: bold;
}
.event-location {
  color: #6c757d;
  font-size: 14px;
}

.pitch-party{
  font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.time-box {
background-color: #4CAF50; /* Professional green shade */
color: #fff; /* Text color for contrast */
border-radius: 8px; /* Smooth corners */
display: flex;
align-items: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for professionalism */
}

.icon-circle {
width: 40px; /* Circle size */
height: 40px; /* Circle size */
border-radius: 50%; /* Makes it circular */
background-color: #fff; /* White background for the icon */
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px; /* Space between icon and text */
}

.icon-circle img {
width: 24px; /* Image size inside the circle */
height: 24px;
}

.time-text {
font-size: 16px; /* Readable font size */
font-weight: 500; /* Medium weight for better emphasis */
text-wrap: nowrap;
}

.time-range {
color: #fff; /* Text color matches the box */
}


.image-container {
    position: relative;
    display: inline-block;
    width: fit-content;
}

.image-container img {
    display: block;
}

.time-text {
    position: absolute;
    top: 50%; /* Adjust to position the text */
    left: 60%; /* Adjust to position the text */
    transform: translate(-50%, -50%);
    font-size: 17px; /* Customize the font size */
    color: white; /* Set text color */
   
    padding: 5px 10px; /* Optional: Padding around text */
    border-radius: 5px; /* Optional: Rounded corners */
    font-weight: bold; /* Optional: Make text bold */
    text-align: center;
}

