/* Hero */
.hero-banner-grid .card-img-bg:before {
    background: linear-gradient(90deg,#181818 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: 100% 90% !important;
}
@media only screen and (max-width: 768px) {
	.hero-banner-grid .card-img-bg {
		background-position: 50% 50% !important;
	}
}

/* Carousel 
.hero-carousel .hero-bg {
    background-size: contain !important;
    background-repeat: no-repeat !important;
	background-color: #fff;
}
.hero-carousel .btn {
	display: none;
}
.hero-carousel h3 {
	color: #000;
	padding-right: 15%;
}
.carousel-indicators li>button:focus:before, 
.carousel-indicators li>button:hover:before, 
.carousel-indicators li>button[aria-current]:before {
    background-color: #dddddd;
}
.carousel-control {
    color: black;
	right: 5%;
}
.carousel-indicators li>button:before {
    background-color: #000;
}
.carousel-controls {
	right: 5%;
}
*/

/* 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;
}