.cob-dark
{background:#333;
); border:6px solid #467fd3; }


.dark-box {background: #333; padding:15px; border:10px solid var(--primary-300);}

.white-line {
    border:0;
    margin:0;
    width:100%;
    height:2px;
    background:white;
}

.text-white {color:#fff;}

.video-text {
  display: flex;
  align-items: flex-start;
  gap: 1em;
}

.video-wrapper {
  flex: 0 0 60%;
  min-width: 320px;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.video-wrapper iframe {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
}

.video-text .text {
  flex: 1;
}

@media (max-width: 768px) {
  .video-text {
    flex-direction: column;
  }

  .video-wrapper,
  .text-block {
    width: 100%;
    flex: none;
  }
}