.main-vid {
  display: flex;
  flex-direction: column;
  text-align: left;
  background-color: #f2f4f8;
}

.more-vids {
  display: flex;
  background-color: #f2f4f8;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  flex-wrap: wrap;
  gap: 50px;
  row-gap: 40px;
}

.map {
  height: 335px;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.segment-image {
  height: 100%;
  width: 100%;
}

h2 {
  color: #0F2F49 !important;
}

h3 {
  color: #2676b6 !important;
}

.lecture-card {
  width: 306px;
  height: -moz-fit-content;
  height: fit-content;
}
.lecture-card .texts {
  margin-top: 10px;
  gap: 10px;
  align-items: start;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.lecture-card .texts p {
  color: #2676b6 !important;
}
.lecture-card .texts h5 {
  color: #0F2F49 !important;
  font-weight: 700 !important;
}

.overflow-x-scroll {
  overflow-x: scroll;
  scrollbar-width: none;
}
.overflow-x-scroll::-webkit-scrollbar {
  display: none !important;
}

.category {
  min-width: 150px;
  border-radius: 8px;
  border: 1px solid #666666;
  color: #666666;
  text-align: center;
  align-content: center;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  padding: 5px 10px;
  line-height: normal;
}
.category:hover {
  color: #ffffff;
  background-color: #2676b6;
  border: 1px solid #2676b6;
  transition: all 0.3s ease-in-out;
}

.active2 {
  color: #ffffff !important;
  background-color: #2676b6;
  border: 1px solid #2676b6;
}

.g-24 {
  gap: 24px;
}

#map,
#map_holder,
#map_inner,
#map_inner svg {
  /* height: 100% !important; */
  width: 100% !important;
}