.card {
      display: none;
      position: fixed;
      top: 30%;
      left: 50%;
      transform: translate(-50%, -30%);
      width: 300px;
      padding: 20px;
      background-color: white;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      border-radius: 8px;
      z-index: 1000;
    }

    .card-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .close-btn {
      background: none;
      border: none;
      font-size: 20px;
      cursor: pointer;
    }

    .overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.4);
      z-index: 999;
    }
.PersonCard{
    height:850px;
}


.mod-page-wrap {
    background: white;
}
.h1style, h1 {
    color: black;
}
p {
    color: #000000;
}
.h3style {
    color: black;
}
.mod-page-moduleWrap {
    min-height: 0em;
}
.h2style{
    color: black;
}
a:hover, a:focus{
    text-decoration:none;
}
.lendingFlex{
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 15px;
}
.lendingBox{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.defaultCTA::after, .defaultCTA:after{
    color:#fff;    
}

.borderBox{
    border:1px solid #000;
    width:20em;
    height: 6em;
    margin:auto;
    padding:1em 1em 0 1em;
}

ul li{
    max-width:100%;
    width:100%;
}

.lendingText{
    width:22em;
    margin: auto 0;
}

.whyFSB{
    font-size:28px;
}

@media screen and (max-width:670px){
    .lendingFleximg{
        width:5em;
    }
    .borderBox{
        width:16em;
    }
}

@media screen and (max-width:515px){
    .lendingBox{
        justify-content:center;
    }
}

@media screen and (max-width:370px){
    .lendingBox{
        width:12em;
    }
}