﻿@import url("/content/dam/amex/jp/business/subnav-enhancement.css");
/* Nav */
.nav-mob .san-child-wrapper {
	background-color: #F7F8F9 !important;
}
@media (max-width: 767px) {
	.nav-mob {
		display: none !important;
	}
}

.forms-btn .btn {
    height: 50px !important;
 padding:unset;
}

/* Hero */
.hero-grid .richtext {
	height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 767px) {
	.hero-grid .richtext {
		height: 240px;
	}
	.hero-grid .card-img-bg {
		background-position: top !important;
	}
	/* .hero-grid p {
		font-size: 42px !important;
	} */
}

/* Tab section */

.receipt-view-btn .btn {
	font-size: .8rem !important;
}
.tabs[aria-current=desktop] .tab-menu .desktop.smart-field>.tab-link, .tabs[aria-current=desktop] .tab-menu .form-control.desktop>.tab-link, .tabs[aria-current=desktop] .tab-menu .search>input.desktop>.tab-link {
	max-width: 100% !important;
}
.tab-grid-1 .container .row  > .border-dark:nth-child(1), .tab-grid-1 .container .row  > .border-dark:nth-child(2) {
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: 1px solid #c8c9c7 !important;
}
.tab-grid-1 .container .row  > .border-dark:nth-child(3) {
	border: none !important;
}
.tab-grid-2 .container .row  > .border-dark:nth-child(1), .tab-grid-2 .container .row  > .border-dark:nth-child(2), .tab-grid-2 .container .row  > .border-dark:nth-child(3) {
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: 1px solid #c8c9c7 !important;
}
.tab-grid-2 .container .row  > .border-dark:nth-child(4) {
	border: none !important;
}
@media (max-width: 767px) {
	.tab-grid-1 .container .row  > .border-dark:nth-child(1), .tab-grid-1 .container .row  > .border-dark:nth-child(2) {
		border-bottom: 1px solid #c8c9c7 !important;
		border-top: none !important;
		border-left: none !important;
		border-right: none !important;
	}
	.tab-grid-1 .container .row  > .border-dark:nth-child(3) {
		border: none !important;
	}
	.tab-grid-2 .container .row  > .border-dark:nth-child(1), .tab-grid-2 .container .row  > .border-dark:nth-child(2), .tab-grid-2 .container .row  > .border-dark:nth-child(3) {
		border-bottom: 1px solid #c8c9c7 !important;
		border-top: none !important;
		border-left: none !important;
		border-right: none !important;
	}
	.tab-grid-2 .container .row  > .border-dark:nth-child(4) {
		border: none !important;
	}
}

/* Lines */
.vl {
	border-left: 1px solid lightgray;
    margin-left: 50%;
    height: 310px;
    margin-top: -20px;
}
@media (max-width: 767px) {
	.vl {
		display: none !important;
	}
}
hr {
    border-top: 1px solid lightgray !important;
}

/* Bottom block */
.app-block {
	cursor: pointer;
}
.app-block .col-md-9 {
	margin-top: auto !important;
    margin-bottom: auto !important;
}
.app-block .image .pad {
	padding: 0 !important;
}
/* .app-block .image img {
	margin-left: -20px;
} */
.app-block .row {
	background-color: #fff;
}
.dls-resized-icon img {
	width: 50px !important;
}
@media (max-width: 767px) {
	.app-block .image img {
		margin-left: 0px !important;
	}
	.app-block .richtext {
		padding: 20px 10px 20px 10px;
	}
	.col-md-3 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

/*Bottom secondary navigation */
.bottom-sec-nav {
	display: none;
}
@media (max-width: 767px) {
	.bottom-sec-nav {
		display: block !important;
		border-bottom: 1px solid #ecedee;
	}
	.bottom-nav-item1 {
		border-top: 1px solid darkgrey !important;	
	}
	.bottom-nav-item5 {
		border-bottom: 1px solid darkgrey !important;
	}
	.bottom-sec-nav-p > p:before {
		font-family: dls-icons;
		content: "";
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 1.01rem;
		color: #00175A;
		margin: auto .425rem;
		margin-left: 0%;
	}	
}
/* Mar-08, 2023 */
@media (max-width: 767px) {
.tabs .tab-menu {
    flex-direction: row !important;
}
}