.branchHero {
	display: flex;
    height: 81vh;
	max-height: 870px;
    justify-content: center;
    align-items: center;
	background-image: url("../jpg/findyourbranch_hero-2026-scaled.jpg");
	background-color: rgba(40, 40, 40, .25);
	background-repeat: no-repeat;
	background-blend-mode: overlay;
	background-size: cover;
	background-position: center;
}
.branchHeroH1{
	color: #ffffff;
	text-shadow: 0px 0px 5px #000000;
}
.branchSearchSection {
	padding: 65px 30px;
}
.branchSearchInner{
	max-width: 885px;
	margin: 0 auto;
	text-align: center;
	color: #222222;
}
.branchSearchInner h2 {
	margin-bottom: 38px;
}
.branchSearchInner p {
	font-size: 17px;
	line-height: 25px;
	margin-bottom: 38px;
}
.branchSearchInner fieldset {
	border: none;
/* 	max-height: 39px; */
	padding: 0; 
}
.branchSearchInner input {
	padding: 10px 11px;
	line-height: 1em;
	background-color: transparent;
	width: 208px;
	border: 1px solid #707070;
	margin-right: 15px;
}
.branchSearchInner input:placeholder {
	color: #D0D0D0;
}
.branchSearchInner button {
	font-family: Gotham-Book,Helvetica,Arial,sans-serif;
	font-size: 18px;
	padding: 10px 27px;
}

.myBranchInner {
	background-color: #005E99;
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px;
	text-align: center;
	color: #FDFDFD;
}
.myBranchInner h2 {
	color: #FDFDFD;
	font-size: 20px;
	margin-bottom: 20px;
}
#My-Branch > span {
	font-size: 28px;
	font-family: Gotham-Medium,Helvetica,Arial,sans-serif;
	margin-bottom: 18px;
	font-weight: 500;
}
#My-Branch p {
	color: #ffffff;
	font-size: 17px;
	margin-bottom: 15px;
}

.myBranch {
	display: none;
	padding-bottom: 65px;
}

.Address {
	margin-top: 15px;
}
#My-Branch a {
	text-decoration: none;
	color: #ffffff;
	margin-bottom: 15px;
	font-size: 17px;
}
.myBranchHRContainer {
	max-width: 220px;
	margin: 25px auto 15px auto;
}
.myBranchHRContainer hr {
	background-color: #ffffff;
	height: 2px;
}
#My-Info {
	font-family: Gotham-Medium,Helvetica,Arial,sans-serif;
	font-weight: 500;
}
.allBranches {
	background-color: #F4F4F4;
	padding: 95px 30px;
}
.allBranchesInner {
	max-width: 1200px;
	margin: 0 auto;
}
.allBranchesInner h2 {
	color: #222222;
}
.allBranchesHRContainer {
	max-width: 220px;
	margin-top: 10px;
	margin-bottom: 90px;
}
.allBranchesHRContainer hr {
	background-color: #005E99;
	height: 2px;
}
.allBranchesContainer {
	display:grid;
	grid-template-columns: repeat(3, auto);	
	row-gap: 85px;
}
.Individual-Branch span {
	font-family: Gotham-Medium,Helvetica,Arial,sans-serif;
	font-size: 20px;
	color: #222222;
	line-height: 31px;
	font-weight: 500;
}
.Individual-Branch p {
	color: #222222;
	font-size: 17px;
	margin-bottom: 15px;
}
.Individual-Branch a {
	font-size: 17px;
}
@media (max-width: 1065px) {
	.allBranchesContainer {
		grid-template-columns: repeat(2, auto);	
		row-gap: 60px;
		justify-content: space-evenly;
	}
	.branchHero {
		background-size: cover;
	}
}
@media (max-width: 768px) {
	.allBranchesContainer {
		grid-template-columns: repeat(1, auto);	
		row-gap: 40px;
	}
}