.callout[data-callout="example"] {
    background-color: #1e1e3d !important;
    --callout-icon: table-of-contents;
}
  .callout[data-callout="example"] .callout-content {
  color: #D3D3D3!important; /* Use your desired HEX color code */
  }
    .callout[data-callout="example"] .callout-title .callout-title-inner {
  color: #D3D3D3!important; /* Use your desired HEX color code */
  }
/* Change the icon color for a specific custom callout type */
.callout[data-callout="example"] .callout-icon .svg-icon {
  color: #D3D3D3!important;
}
.callout[data-callout="info"] {
    background-color: #162674!important ;
    --callout-icon: info;
}
.callout[data-callout="success"] {
    background-color: #1e1e3d !important;
    --callout-icon: info;
}
  .callout[data-callout="success"] .callout-content {
  color: #D3D3D3!important; /* Use your desired HEX color code */
  }
 .callout[data-callout="success"] .callout-title .callout-title-inner {
  color: #D3D3D3!important; /* Use your desired HEX color code */
  }
/* Change the icon color for a specific custom callout type */
.callout[data-callout="success"] .callout-icon .svg-icon {
  color: #D3D3D3!important;
}
.yt-border iframe {
  border: 8px solid #1e2735; /* Customize color and thickness */
  border-radius: 6px;      /* Optional rounded corners */
  box-shadow: 4px 4px 10px rgb(54, 69, 94); /* Optional shadow */
}