/* Content Panel Dialog - Text + video/image combined layout (half-page) */
/* Padding now inherited from .dialog-standard (31px) */

.dialog-video-only .video-only video {
  border-radius: 15px;
}

#dialog3-video1 {
  background: transparent;
  box-shadow: none;
  height: 400;
  border-radius: 5px;
  clip-path: inset(0 4px);
}

#dialog3-video1 video {
  border-radius: 5px;
  object-fit: fill;
}

#dialog3-video2 {
  background: transparent;
  box-shadow: none;
}

/* Content panel specific styling (inherits .dialog-standard for positioning/borders) */

.dialog-content-panel .text-content {
  width: 100%;
  color: #333;
  font-family: "Poppins", sans-serif;
}


.dialog-content-panel .text-content p {
  width: 480px;
  font-size: 16px;
  color: var(--gray);
  margin: 5px 0 7px;
  white-space: pre-line;
}

/* Circular Demo and Image Demo now use .dialog-standard directly */

#Assessment .text-content p,
#Assessment2 .text-content p,
#Assessment3 .text-content p {
  width: 260px;
  float: left;
  padding-top: 100px;
}
#logging .text-content p {
  width: 260px;
  float: left;
  padding-top: 50px;
}
#logging img {
  margin-top: 20px;
}

#Assessment video,
#Assessment2 video,
#Assessment3 video {
  height: 350px;
  width: 197px;
  clip-path: inset(0 13px);
  border-radius: 48px;
  margin: auto;
  float: right;
  margin-right: 25px;
  margin-top: 20px;
}
#Preparing video,
#Preparing2 video,
#Preparing3 video {
  clip-path: inset(0 3px);
}
.dialog-content-panel video {
  border-radius: 5px;
  width: 100%;
  padding: 0;
}