figure.image {
  display: inline-block;
  text-align: center;
  margin: 10px auto;
  background: #f5f5f5;
  border-radius: 8px;
  clip: 8px;
}

figure.image img {
  margin: 0 8px 0 8px;
}

figure.align-left {
  float: left;
  margin: 20px 20px 20px 0;
}

figure.align-right {
  float: right;
  margin: 20px 0 20px 20px;
}

figure.align-center {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
}



figure.image figcaption {
  margin: 6px 8px 6px 8px;
  text-align: center;
  max-width: 100%;
}

/*
 Alignment using classes rather than inline styles
 check out the "formats" option
*/

img.align-left {
  float: left;
}

img.align-right {
  float: right;
}

/* Basic styles for Table of Contents plugin (tableofcontents) */
.mce-toc {
  border: 1px solid gray;
}

.mce-toc h2 {
  margin: 4px;
}

.mce-toc li {
  list-style-type: none;
}


.inner {
  text-align: center;
}
.inner p {
  text-align: left;
}


.fe-custom-container {
    max-width: 80vw; /* Adjust the percentage as needed */
    margin: 0 auto; /* Center the container */
    /*display: flex;*/
}

.custom-card {
    width: 80%;
    margin-bottom: 6rem;
}