body { padding-top:0 !important;}

/* HERO SECTION */
.heroSection { color:#fff; padding-top:9rem; padding-bottom:7rem; background:#071e2e url(../../Images/homepage/hero-bg.jpg) no-repeat center / cover;}
.heroSection p { font-size:1.125rem; color:#fff;}

/* CARD STYLE */
.cardStyle { background:#fff; border-radius:4px; padding:2rem; height:100%; border-bottom:6px solid transparent;}
.financialServices .col-12:first-child .cardStyle{ border-bottom-color:#40d8ff;}
.financialServices .col-12:nth-child(2) .cardStyle { border-bottom-color:#ffc42c;}
.financialServices .col-12:last-child .cardStyle { border-bottom-color:#ff8071;}

.solutionServices { padding:6rem 0 }

/* INTEGRATE WITH */
.integrateWith { padding:4rem 0;}
.integrateWith .col { text-align:center; margin-bottom:3rem;}
.integrateWith .col img { height:60px;}

/* EASY SOLUTIONS */
.easySolutions { background:#ffeef7; padding:5rem 0;}
.easySolutions .cardStyle { border-bottom:0;}

/* CTA */
.solutionsCta { background-color:#fff; position:relative; overflow:hidden; padding:4rem 0;}
.solutionsCta h2 { font-weight:500;}
.touchnetLogo { margin: 10px 0; width: 200px;}

/* RESPONSIVE */
@media screen and (max-width:767px) {
  .heroSection { padding-top:7rem; padding-bottom:5rem;}
  .customPd { padding: 4rem 1rem !important; }
  .landingPageFormSec { padding: 20px 0 !important; }
  .heroSectionTabloid { padding-bottom: 5rem !important; }
  .landingPageFormSec h4 { font-size: 28px !important; line-height: 36px !important; }

}
@media screen and (max-width:479px) {
  .integrateWith .col { flex:0 auto; width:50% }
}