*,:after,:before{box-sizing:border-box}body{min-height:100vh;display:flex;flex-basis:100%;flex-direction:column;background:linear-gradient(90deg,rgba(0,158,249,.47) 1%,rgba(0,158,249,.05) 99%),url(/media/landing-page/basic/basic-header-bg.png) no-repeat fixed 100%;background-size:cover}.main-page-container{margin:2%;min-height:90%;padding:1em}.wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:0;min-height:90%;max-width:1400px;margin:auto}.box{position:relative;padding-bottom:115px!important}.box .top-left-corner{position:absolute;top:10px;left:10px}.box .header-title{margin-top:1em;text-align:left;padding:.4em .5em 1em 1.5em;font-size:2em;font-weight:700}.box .header-sub-title{margin-top:.1em;min-height:4em;text-align:left;padding:0 .2em .2em .5em;font-size:1.2em;font-weight:500}.box .box-list{margin:.1em 1em 1em 2em;min-height:18em}.box .divider{width:70%;height:1px;margin:1.5em}.box.debtor{background-color:#009ef9;opacity:.9;padding:3em 1em}.box.debtor .header-sub-title,.box.debtor .header-title{color:#fff}.box.debtor .header,.box.debtor .icon{color:#fff!important}.box.debtor .divider{background-color:#fff}.box.debtor .info{position:absolute;height:40px;bottom:0;left:0;right:0;text-align:right;padding:.4em}.box.client{background-color:#fff;padding:3em 1em}.box.client .header,.box.client .header-title .box.client .header-sub-title,.box.client .icon{color:#009ef9!important}.box.client .divider{background-color:#009ef9}.box.client .info{background-color:#a9adbc;padding:1.2em .3em;position:absolute;height:100px;bottom:0;left:0;right:0;text-align:center}