.mod-page-moduleWrap .mod-safe-area:nth-of-type(1) {
    padding: 0;
    margin: 0;
    max-width: 1950px;
}
.htmlModuleWrap{
  padding:.4em 0;
}
#width, #width1, #loanContact{
    max-width: 86.5em;
    width: 100%;
    margin: 0 auto;
    padding: 0 2em;
}
#background{
    background-image:url("/uploads/images/250317144406.jpg");
    background-repeat:no-repeat;
    padding: 0;
    margin: 0;
    max-width: 1950px;
}
.moreInfo{
  z-index: 1000;
    position: absolute;
    width: 22em;
    background: rgb(255, 255, 255);
    bottom: 1em;
    padding:15px;
}
.upper{
  z-index: 1000;
    position: absolute;
    width: 22em;
    background: rgb(255, 255, 255);
    bottom: 18em;
}
.infoTitle, .theBio, .close, .moreInfo a{
  color:#414141 !important;
}
.teal{
  background:#00adb5;
}
.purple{
  background:#62215D;
}
.purple .crdH3{
  color:#fff;
}
.purple p, .purple a{
  color:#fff;
}
.purple li{
  color:#fff;
}
ul li.whiteBefore::before, ul li.whiteBefore:before {
    background: #fff;
}


.card-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 1000px;
  width: 100%;
      justify-content: center;
    margin: 0 0 0 6em;
}

.card {
  display: flex;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}

.card-image {
  flex: 1;
  width: 50%;
  height:auto;
}

.card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-content {
  flex: 1;
  padding: 20px;
}



@media screen and (max-width:1280px){
  .card-container{
    margin:0 0 0 2em;
  }
}

@media (max-width: 1080px) {
  .card-container {
    flex-direction: column;
    gap: 15px;
    margin:0;
  }

  .card {
    flex-direction: column;
  }

  .card-image {
    width: 100%;
  }

  .card-content {
    padding: 15px;
  }

  .mod-page-moduleWrap .mod-safe-area:nth-of-type(1){
    margin:0 auto;
    max-width:86.5em;
    padding:0 2em;
  }
  #width, #width1, #loanContact{
    padding:.4em;
  }
}

@media screen and (max-width:600px){
  .h1style, h1{
    font-size:30px;
  }
}