.blueish{border:dashed 1px blue}
.redish{border:dashed 1px red}

.nonish{opacity:0!important;width:0!important;height:0!important;display:block!important;}
.txt-center{text-align:center;}
.mg-b-0{margin-bottom:0;}
.mg-tp5-b1{margin:1rem 0 .5rem!important}
body{background:#dadada2e;min-height:100vh;position:relative}
.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}
.alert.success,.success-block{color:#155724;background-color:#d4edda;border-color:#c3e6cb;}
.alert.error{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;}
.success-block{padding:.5rem!important}
.success-block i{float:left;margin-right:.5rem;}
.btn.back{background:#5a5a5a}
.btn.back:hover,.btn.back:focus{background:#757575}
.btn.back i.left{margin-right:10px}
.hidden{display:none!important;}
.title-blue{color:#1674b5;font-size:1.2rem;}
.title-blue.big{font-size:1.5rem;}

.menu{height:70px;color:#fff;margin-bottom:-70px;position:relative;z-index:100;}
.menu::before{content:'';position:absolute;background:#006DB7;top:0;left:0;width:100%;height:7px;z-index:10;}
.menu .col{height:70px;line-height:70px;}
.menu .col.logo{padding:0}
.menu .col.logo a{display:block;height:80px;width:160px;background:#fff url(../images/logo.png) no-repeat;background-size:contain;background-position:center;position:absolute;top:1rem;left:0;border-top-right-radius:40px;border-bottom-right-radius:40px;}
.menu .col.title{padding-top:1rem}
.menu .col.title.links-align{display:grid;align-items:center;justify-items:end;padding:0}
.menu .col.title.links-align a{color:#fff;text-shadow:0px 0px 5px rgba(0,0,0,.2);}
.menu .col.title h2{line-height:1;font-size:1.2rem;font-weight:700;margin:0 0 .5rem 0;padding:0}
.menu .col.title p{line-height:1;font-size:1rem;margin:0;background:#006DB7;padding:.3rem 1rem;border-radius:4px;}
.menu .col.title p a i,.menu .col.title p a span{display:block;float:left;line-height:2rem;}
.menu .col.title p a span{padding-right:.2rem;font-size:1.1rem;}

.hero-desc-wrap{height:100%;padding:70px 0 60px}
.hero-desc-wrap .hero-desc{display:grid;height:100%;align-content:center;justify-items:start;}
.hero-desc-wrap .hero-desc h2{font-size:2.8rem;margin:0 0 .5rem;color:#006DB7;font-weight:700;text-shadow:0px 0px 10px rgb(255 255 255);}
.hero-desc-wrap .hero-desc p{font-size:1.5rem;font-weight:700;margin:0;color:#006DB7;text-shadow:0px 0px 10px rgb(255 255 255);border-left:solid 4px #fba454;padding-left:8px;}

.content-wrap .hero{height:360px;background:#E0CFBD url(../images/two_2.jpg) no-repeat;background-size:cover}
.content-wrap .card-content{min-height:30vh;}
.card.errors .card-content{padding-bottom:12px;}
.content-wrap .container.up{margin-top:-70px;padding-bottom:1rem;}
.card .card-action{text-align:right;}
.card .card-action button,.card .card-action a{margin-left:1rem}
.card .card-title{color:#006DB7;}

.footer-wrap{width:100%;}
.footer-wrap .footer{background:rgba(64,64,64,0.9);color:#fff;padding:.5rem 0 .5rem;font-size:.95rem}
.footer-wrap .footer.bottom{background:#404040;}
.footer-wrap .row{margin-bottom:0;}
/* .footer .icons p{text-align:center;} */
.footer .icn{display:inline-block;width:1.2rem;height:1.2rem;margin-right:.5rem;}
.footer .icn.twitter{background:url(../images/twitter.svg) no-repeat;background-size:contain;filter:invert(100%) sepia(0%);}
.footer .icn.facebook{background:url(../images/facebook.svg) no-repeat;background-size:contain;filter:invert(100%) sepia(0%);}
.footer .icn.linkedin{background:url(../images/linkedin.svg) no-repeat;background-size:contain;filter:invert(100%) sepia(0%);}
.footer .icn.instagram{background:url(../images/instagram.svg) no-repeat;background-size:contain;filter:invert(100%) sepia(0%);}
.footer .icn.youtube{background:url(../images/youtube.svg) no-repeat;background-size:contain;filter:invert(100%) sepia(0%);}
.footer p{margin:.5rem 0 .5rem;word-wrap:break-word;}
.footer p a{color:#fff}
.footer p a span{font-size:1.3rem;display:block;float:left;margin-right:.5rem;}
.footer p i{font-style:normal;opacity:.5;display:block;font-size:.8rem;}

.card-content h3{font-size:1.3rem;font-weight:700;color:#006DB7;margin:0}
.card-content h5{font-size:1rem;font-weight:700;margin:0}
.card-content .collection-item span{font-weight:700;}
.card-content .collection-item{text-transform:capitalize;}
.card-content .collection-item b{text-transform:none;}
.card-content .collection-item i{text-transform:lowercase;font-style:normal;}
.card-title.sucess span{display:block;width:100%;text-align:center;color:#4caf50}
.card-title.sucess span.material-icons{font-size:4rem;}

.preloader-wrapper.small.button-loader{display:inline-block;height:20px;width:20px;margin:10px 0 0 10px;float:right;}
.preloader-wrapper.small.button-loader .spinner-green-only{border-color:#fff}

.togggle-ish{transition:all .2s;max-height:0px;max-width:0;overflow:hidden;opacity:0;}
.togggle-ish.show{max-height:200vh;max-width:100%;opacity:1;}

a.pay_cat{display:block;height:3.5rem;line-height:3.5rem;padding:0 1rem 0 4rem;position:relative;margin-bottom:.8rem;border-radius:3px;border:1px solid rgba(160,160,160,0.2);font-size:1.1rem;}
a.pay_cat::before{content:'';position:absolute;top:.5rem;left:.5rem;width:2.5rem;height:2.5rem;background:url(../images/other.svg) no-repeat;background-size:contain;filter:invert(28%) sepia(100%) saturate(1395%) hue-rotate(183deg) brightness(89%) contrast(102%)}

a.pay_cat.Education::before{background:url(../images/education.svg) no-repeat;background-size:contain;}
a.pay_cat.Real.Estate::before{background:url(../images/real_estate.svg) no-repeat;background-size:contain;}
a.pay_cat.Medical::before{background:url(../images/medical.svg) no-repeat;background-size:contain;}
a.pay_cat.Trading::before{background:url(../images/trading.svg) no-repeat;background-size:contain;}
a.pay_cat.Manufacturing::before{background:url(../images/manufacturing.svg) no-repeat;background-size:contain;}

a.pay_cat:hover{color:#fba454}
a.pay_cat:hover::before{filter: invert(81%) sepia(12%) saturate(5338%) hue-rotate(322deg) brightness(106%) contrast(97%);}


@media (max-width: 575.98px) {
    .menu .col.title.links-align{width:100%}
    .content-wrap .hero{background-position:right;}
    .hero-desc-wrap .hero-desc p{background:rgba(255,255,255,.6)}
    .card .card-action button,.card .card-action a{margin:0 0 1rem;width:100%;}
}





