.mcis-purple-bg {
  background-color: #522e91;
  padding: 50px 0;
  color: white;
}
.mcis-white-bg {
  background-color: white;
  padding: 50px 0;
  color: #333e48;
}
.mcis-light-purple-bg {
  background-color: #eeeaf4;
  padding: 50px 0;
  color: #333e48;
}
.mcis-light-white-bg {
  background-color: #efefef;
  color: #333e48;
  padding: 50px 0;
}
.mcis-font-purple {
  color: #522e91;
}
.mcis-font-darkgrey {
  color: #333e48;
}
.fw-bold {
  font-weight: bold;
}
.img-benefit {
  max-width: 80px;
  max-height: 80px;
}
.img-wrapper {
  padding: 20px;
}
@media (max-width: 576px) {
  .img-wrapper {
    padding: 20px 15px;
  }
}

.img-more-benefit {
  padding: 0 15px;
}
li::marker {
  color: #333e48;
}

.icon-mcis-income-fund:before {
  content: "\43";
}

.gap-r-2 {
  margin-right: 10px;
}
/* .card {
  height: 150px;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  margin-bottom: 10px;
}
.card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px;
}
.card-title {
  color: #333e48;
  font-weight: bold;
  text-align: center;
}
.card img {
  margin-bottom: 10px;
  object-fit: contain;
}
.card .card-img-wrapper {
  height: 50px;
  width: 50px;
}
.object-fit-contain {
  object-fit: contain;
} */
.card {
  padding: 5px 10px;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}
.card-body {
  padding: 5px;
}
.card img {
  object-fit: contain;
}
.card-title {
  color: #333e48;
  font-weight: bold;
  text-align: center;
}
.card-img-top {
  width: 50px;
  height: 50px;
}
.card-img-wrapper {
  padding: 10px;
}
.custom-header {
  background-color: #522e91; /* Header background color */
  color: white;
  text-align: center;
}
.table-bordered td,
.table-bordered th {
  border-color: #522e91; /* Make all borders purple */
}

.table-bordered th:first-child {
  border-right: 2px solid white;
}
.table-bordered td {
  text-align: center;
}

.table-bordered ul {
  list-style-position: inside;
  padding-left: 0;
  display: inline-block;
  text-align: left;
}

#learnMore .card-body {
  background-color: #eeeaf48a;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  text-align: start;
  padding: 30px;
}

.mcis-font-blue {
  color: #0075c9;
}
.btn:focus,
.btn:active {
  outline: none !important;
  box-shadow: none !important;
}

.btn-outline-primary {
  outline: none;
  color: #0d6efd;
  font-weight: 500;
  padding: 10px;
}
.btn-outline-primary:hover {
  background-color: #0d6efd;
  color: white;
  font-weight: 500;
  padding: 10px;
}
.btn-outline-primary:focus {
  outline: none;
}
.btn-primary:focus {
  outline: none;
}
.btn-primary {
  background-color: #0d6efd;
  color: white;
  font-weight: 500;
  padding: 10px 20px;
}
.btn-primary:hover {
  color: #0d6efd;
  background-color: white;
  font-weight: 500;
  padding: 10px 20px;
}

.mcis-content-pages .text-content {
  display: flex;
}
.mcis-content-pages .button-wrapper {
  padding: 10px;
  display: inline-block;
}
@media (max-width: 767px) {
  .mcis-content-pages .button-wrapper {
    padding: 5px;
    display: inline-block;
  }
}
.mcis-content-pages .banner {
  display: grid;
  margin: auto;
}
.mcis-content-pages .banner > * {
  grid-area: 1/1;
  position: relative;
}

.mcis-content-pages .banner.i-linked .texts {
  --gradient: #c8cad9;
}
.mcis-content-pages .banner .texts {
  padding: 40px;
  z-index: 2;
  background: linear-gradient(
    270deg,
    var(--gradient) 0%,
    var(--gradient) 45%,
    rgba(255, 255, 255, 0) 55%
  );
}
@media (min-width: 768) and (max-width: 991px) {
  .mcis-content-pages .banner .texts {
    padding: 10px;
  }
}
.mcis-content-pages .banner .background-inner {
  position: absolute!important;
  height: 100%!important;
  width: 100%!important;
}
.mcis-content-pages .banner .background-inner img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right;
  object-position: center!important;
}

@media screen and (width < 992px) {
  .mcis-content-pages .banner .background-inner {
    position: relative;
    width: 100%;
  }
  .mcis-content-pages .banner .background-inner img {
    -o-object-position: center;
    object-position: center;
  }
  .mcis-content-pages .banner .texts {
    text-align: center;
  }
  .mcis-content-pages .banner .texts .d-flex {
    justify-content: center;
  }
  .mcis-content-pages .text-content {
    display: flex;
    justify-content: center;
    padding: 10px;
  }
}
.line-height-1 {
  line-height: 1;
}