
.ss-card.ss-card-05 .wrapper,
.ss-card-column.card-column-02 .text-container .wrapper,
.ss-card.ss-card-04 .wrapper {
  flex-direction: column !important;
  justify-content: space-between;
}

/* .popup-embed {
  display: none;
} */

.ss-card-05 .text-container {
  width: 100%;
}

.ss-card-09.intranet .text-container .wrapper .title {
  width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
}

.global-search-container .content-lists {
  min-width: 43.75rem;
}

.ss-card-05 .text-container .desc {
  min-height: 58.5px;
}
.section-12 .arrows {
  opacity: 1 !important;
  left: -60px !important;
  right: -60px !important;
  padding: 0 !important;
}

.submenu-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 คอลัมน์เท่ากัน */
  gap: 16px; /* ระยะห่างระหว่างกล่อง */
}

nav.quicklink-nav .list-items .intranet{
  border-radius: 1.25rem;
}

.delete-file-btn {
  position: absolute;
  right: 16%;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  color: #636363;
  font-size: 18px;
  cursor: pointer;
  padding: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

video::-moz-media-controls-start-playback-button {
  display: none !important;
}

.video-wrapper {
  position: relative;
  margin: 0 auto;
  cursor: pointer;
}

.video-wrapper .video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

/* ปุ่มเล่นตรงกลาง */
.video-wrapper .playpause {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-wrapper .playpause-button {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
}

.video-wrapper .playpause-button:hover {
  transform: scale(1.1);
}

.video-wrapper .play-icon {
  width: 50px;
  height: 50px;
  color: white;
}

.section-07 .grid-column-1-3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22%, auto));
  gap: 1.5rem;
  justify-content: center;
}
