/* Hero */
.hero-banner-grid .card-img-bg:before {
    background: linear-gradient(90deg,#383838 0,transparent);
}
.hero-banner-grid .card-img-bg:before, .overlay-blue:before {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.hero-banner-grid .card-img-bg {
    background-position: 50% 25% !important;
}
@media only screen and (max-width: 768px){
	.hero-banner-grid .card-img-bg {
  		background-position: 50% 50% !important;
	}
}

/* Mobile Wallet grid */
.MobWalletSecurity .card {
	background: #006fcf !important;
    color: #fff !important;
}
.card a {  
	color: white !important;
}

/* Tabs */
.tabs .tab-menu .tab-link {
    background-color: #006fcf;
    color: #fff;
} 	
.tabs .tab-menu .tab-link:after {
    height: 0.4rem !important;
}
.tabs .tab-menu .tab-link:hover {
    background-color: #336699;
}
.tabs .tab-menu .tab-link:focus {
    outline: none !important;
}
.tabs .tab-content {
    background-color: #ececec;
}

/* Desktop and Mobile images */
@media only screen and (max-width: 768px) {
	.image-mb {
		display: block !important;
	}
	.image-dt {
		display: none;
	}
}
@media only screen and (min-width: 768px) {
	.image-mb {
		display: none !important;
	}
	.image-dt {
		display: block !important;
	}
}

.align-div-center .col-md-8 {
		margin-top: auto !important;
		margin-bottom: auto !IMPORTANT;
		text-align: left;
	}

/* Removing dotted borders */
.tabs .tab-content [role=tabpanel]:focus {
	outline: none !important;
}
.collapsible:focus {
	outline: none !important;
}