/* **** New Sec **** */
.birthday-banner-bar{
	position: relative;
}
.birthday-banner-bar .banner-block{
	position: relative;
}
.birthday-banner-bar .wrapper2 .row{
	display: flex;
	align-items: center;
}
.birthday-banner-bar .wrapper2 .col-md-6{
	padding: 0 10px;
	width: 50%;
}
.birthday-banner-bar .banner-block:before {
    content: '';
    width: 50%;
    height: 100%;
    background: rgba(23,33,92,1);
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
    position: absolute;
    left: 0%;
    top: 0;
    z-index: 5;
}
.birthday-banner-bar .banner-block .banner-info {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 9;
}
.birthday-banner-bar .banner-block .banner-info h6{
	font-weight: 200;
	font-size: 18px;
	letter-spacing: 0.1em;
	text-align: left;
	color: #fff;
	opacity: 0.7;
	margin: 0 0 18px;
}
.birthday-banner-bar .banner-block .banner-info h2{
	font-weight: 200;
	font-size: 45px;
	line-height: 45px;
	text-align: left;
	color: #fff;
	margin: 0;
	padding: 0;
}
.birthday-banner-bar .banner-block .banner-info h2 span{
	color: #31D0FF;
	display: flex;
	align-items: center;
	font-size: 35px;
}
.play-btn {
    width: 100%;
    text-align: center;
}
.play-btn a{
    padding: 90px 0 0 0;
    display: inline-block;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff;
    background: url("../images/video_img.png") no-repeat;
    background-position: center top;
    letter-spacing: 0.72px;
}
.birthday-banner-bar .banner-img{
	width: 60%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	margin-left: auto;
	position: relative;
}
.birthday-banner-bar .banner-img:before{
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.33;
	top: 0;
	right: 0;
	bottom: 0;
}
.birthday-banner-bar .banner-img img{
	margin-left: auto;
	margin-right: 0;
	display: table;
	width: 100%;
}

.mt-0{
	margin-top: 0 !important;
}
.page-template-template-bank-merger .whowe-box.whowe-box2 .whowe-top,
.page-template-template-bank-merger .news_sec.globalnews,
.page-template-template-bank-merger .reports-box {
    margin: 0;
    padding: 60px 0;
}


/* **** responsive **** */
@media(min-width:768px) and (max-width:991px){
	.birthday-banner-bar .banner-block .banner-info h2{font-size:32px;line-height:40px;}
	.birthday-banner-bar .banner-block .banner-info h2 span{font-size: 18px;}
}

@media(min-width:576px) and (max-width:767px){
	.birthday-banner-bar .banner-block .banner-info h2{font-size:26px;line-height:30px;}
	.birthday-banner-bar .banner-block .banner-info h2 span{font-size: 18px;}
}

@media(min-width:448px) and (max-width:575px){
	.birthday-banner-bar .wrapper2 .row{display: block;}
	.birthday-banner-bar .wrapper2 .row .col-md-6{width: 100%;}
	.birthday-banner-bar .banner-block{padding: 150px 0 0;}
	.birthday-banner-bar .banner-block:before{width: 100%;clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);height: 200px;}
	.birthday-banner-bar .banner-block .banner-info{top: 0;left: 0;right: 0;text-align: center;transform: unset;padding: 60px 0 0;}
	.birthday-banner-bar .banner-block .banner-info h6{text-align: center;}
	.birthday-banner-bar .banner-block .banner-info h2{font-size:26px;line-height:30px; text-align: center;margin: 0 0 100px;}
	.birthday-banner-bar .banner-block .banner-info h2 span{font-size: 18px;text-align: center;display: block;}
	.birthday-banner-bar .banner-img{width: 100%;left: 0;position: relative;}
	.birthday-banner-bar .banner-img img{height: 250px;object-fit: cover;}
}

@media(max-width:447px){
	.birthday-banner-bar .wrapper2 .row{display: block;}
	.birthday-banner-bar .wrapper2 .row .col-md-6{width: 100%;}
	.birthday-banner-bar .banner-block{padding: 150px 0 0;}
	.birthday-banner-bar .banner-block:before{width: 100%;clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);height: 200px;}
	.birthday-banner-bar .banner-block .banner-info{top: 0;left: 0;right: 0;text-align: center;transform: unset;padding: 60px 0 0;}
	.birthday-banner-bar .banner-block .banner-info h6{text-align: center;}
	.birthday-banner-bar .banner-block .banner-info h2{font-size:26px;line-height:30px; text-align: center;margin: 0 0 100px;}
	.birthday-banner-bar .banner-block .banner-info h2 span{font-size: 18px;text-align: center;display: block;}
	.birthday-banner-bar .banner-img{width: 100%;left: 0;position: relative;}
	.birthday-banner-bar .banner-img img{height: 250px;object-fit: cover;}
}
/* **** End New Sec **** */


/*19-04-2023*/
/* .home-buyer-inner {
	background: #fff;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
} */

.home-buyer-main .news_sec {
	padding: 0;
	background-color:#f0f0f0;
	box-shadow: none;
	margin: 0;
}

.home-buyer-main .news_sec .news_col {
	padding: 0;
	margin: 0 11px;
	width: calc(31.33% - 16px);
}	

.home-buyer-main .news_sec .news_col img {
	width: 100%;
    transition: all .3s;
    -webkit-transition: .3s;
}

.home-buyer-block {
	padding: 41px 32px 64px;
}

/* .home-buyer-block > a, */
.home-buyer-block h2 {
	text-decoration: none;
    font-family: 'TradeGothic';
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    text-align: left;
    color: #035642;
    padding: 0;
	padding-bottom: 10px;
	text-decoration: none;
}

.home-buyer-block span {
	font-family: 'TradeGothicBold';
	font-size: 20px;
	text-align: center;
	color: #035642;
	opacity: 0.7;
	display: block;
}

.home-buyer-block p {
	font-family: 'Area Normal';
	font-size: 16px;
	letter-spacing: 0.1em;
	text-align: center;
	color: #0E153E;
	padding: 0;
}

.home-buyer-main .news_sec .news_col .pic {
    width: auto;
    display: block;
    margin: 0 -15px 15px;
    overflow: hidden;
}

.home-buyer-main .news_sec .news_col:after {
	display: none;
}

.home-buyer-block .detail strong {
	font-family: 'Area Normal';
    letter-spacing: 0.3px;
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	color: #0E153E;
}

.home-buyer-block .detail {
	margin: 24px 0;
}

.home-buyer-wrp {
	background-color:#f0f0f0;
	padding: 114px 0;
}

.home-buyer-pg .inner-banner-bar:after {
	display: none;
}

.home-buyer-pg .inner-banner-bar {
	margin-bottom: 0;
}

.home-buyer-wrp .wrapper2 {
	max-width: 1240px;
}

.home-buyer-main .news_sec #oldlist {
	justify-content: center;
}

.home-buyer-location img {
	width: 15px !important;
	height: 15px;
	margin-right: 7px;
	margin-top: 5px;
}

.home-buyer-location {
	display: flex;
    /* align-items: center; */
    justify-content: center;
	align-items: flex-start;
}

/*education page*/

.education-main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 70px 0 99px 0;
    position: relative;
    z-index: 99;
}

.education-main .title h3 {
	font-family: 'Area Extended';
	font-weight: bold;
	font-size: 35px;
	text-align: left;
	color: #095642;
}

.education-main .title span {
	font-family: 'Area Extended';
	font-weight: 300;
	font-size: 18px;
	letter-spacing: 0.1em;
	text-align: left;
	color: #0E153E;
	display: block;
	padding: 14px 0 12px 0;
}

.edu-top .location {
	max-width: 282px;
	align-items: flex-start;
}

.edu-top .location img {
	margin-top: 5px;
}

.share-edu,
.edu-top .location {
	display: flex;
	/* align-items: center; */
}

.share-edu {
	margin: 34px 0 102px 0;
	align-items: baseline;
}

.share-edu img {
	padding-right: 5px;
}

.edu-bottom .title {
	padding-bottom: 45px;
}

.edu-top .location img {
	padding-right: 10px;
}

.edu-top .location p {
	padding: 0;
	font-family: 'Area Normal';
	font-weight: 300;
	font-size: 18px;
	letter-spacing: 0.1em;
	text-align: left;
	color: #0E153E;
}

.edu-form .form-group {
	display: flex;
	flex-direction: column;
	max-width: 379px;
	padding-bottom: 28px;
}

.edu-form .form-group label {
	font-size: 16px;
	line-height: 18px;
	color: #999899;
}

.edu-form .form-group .form-control {
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid rgba(153, 152, 153, 0.72);
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	padding: 10px 10px;
}

.edu-form .form-group .learnBtn {
	max-width: 188px;
	border: none;
}

.education-left {
	width: 50%;
}

.education-right {
    width: 50%;
    position: relative;
    padding: 0 0 0 60px;
}

.education-wrp {
	position: relative;
}

.education-wrp::after {
    content: "";
    position: absolute;
    /* width: 6000px; */
    top: 0;
    right: 0;
    height: 100%;
    background: #fcfcfc;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    z-index: 1;
    width: 52%;
}

.education-right .edu-block {
	display: flex;
	align-items: center;
	padding: 0 0 39px 0;
}

.education-right .edu-block img {
	width: 99px;
	height: 99px;
	object-fit: cover;
	object-position: top;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.edu-block .detail {
	padding-left: 22px;
}

.edu-block .detail span {
	display: block;
	font-family: 'Area Extended';
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	color: #17215C;
}

.edu-block .detail ul li {
	font-family: 'Area Normal';
	font-weight: 400;
	font-size: 16px;
	text-align: left;
	color: #0E153E;
	display: flex;
	align-items: center;
}

.edu-block .detail ul li p {
	padding: 0;
}

.edu-block .detail ul li a {
	color: #0E153E;
	padding: 0 4px;
}

.edu-block .detail ul li a:hover {
	color: #17215C;
}

.edu-about-list span {
	display: block;
	font-family: 'Area Normal';
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	color: #17215C;
	padding: 30px 0;
}

.edu-about-list p,
.edu-about-list ul li {
	font-family: 'Area Normal';
	font-weight: 300;
	font-size: 18px;
	line-height: 31px;
	text-align: left;
	color: #0E153E;
	list-style: disc;
	padding-bottom: 12px;
}

.edu-about {
	padding-top: 35px;
}

.education-right .title {
	padding: 0 0 25px 0;
}

.home-buyer-inner-pg .banner-bar {
	border-bottom: none;
}

/*education page*/

@media(min-width:1024px) and (max-width:1036px) {
	.logo:after {right: 29px;}
	.header-bottom ul li a {width: 152px;}
}

@media(min-width:992px) and (max-width:1199px) {
	.home-buyer-block { padding: 20px 22px 30px; }

	.education-right {padding: 0 0 0 20px;}
	.edu-about { padding-top: 34px; }
	.edu-about-list span {padding: 20px 0;}
	.share-edu { margin: 24px 0 62px 0;}
	.edu-bottom .title { padding-bottom: 25px; }
}

@media(min-width:768px) and (max-width:991px) {
	.home-buyer-block { padding: 20px 22px 30px; }
	.home-buyer-main .news_sec .news_col {width: calc(41.33% - 16px); margin: 10px 11px;}
	.home-buyer-wrp {padding: 84px 0;}

	.header-bottom ul li a { padding: 11px 15px; }
	.header-top ul li a { padding: 4px 11px;}
	.header-bottom ul li a { padding: 15px 12px; }
	.header-bar .inner { padding: 0 0 0 155px; }

	.education-right .edu-block {flex-direction: column;}
	.edu-block .detail {padding: 0;}
	.edu-form .form-group {max-width: 319px; padding-bottom: 18px;}
	.education-right {padding: 0 0 0 40px;}
	.share-edu { margin: 24px 0 32px 0; }
	.education-wrp::after {width: 50%;}
	.education-right .edu-block {align-items: flex-start;}
	.edu-top .location p {font-size: 16px;}
	.education-main .title span {font-size: 16px;}
	.edu-bottom .title { padding-bottom: 25px; }
	.edu-about { padding-top: 14px; }
	.edu-about-list span { padding: 20px 0; font-size: 18px;}
	.edu-about .title { padding: 0 0 5px 0; }
	.education-main .title h3 {font-size: 30px;}
	.edu-about-list p, .edu-about-list ul li { font-size: 17px; line-height: 22px;}
	.education-main {padding: 60px 0 39px 0;}
}

@media (max-width:767px) {
	.home-buyer-block { padding: 20px 22px 30px; }
	.home-buyer-main .news_sec .news_col { width: calc(48.33% - 16px); margin: 10px 11px; }
	.home-buyer-main .news_sec #oldlist {width: 100%;margin: 0;}
	.home-buyer-main .news_sec { margin: 0; }
	.home-buyer-wrp {padding: 44px 0;}

	.education-right {padding: 0;}
	.edu-about { padding-top: 0px; }
	.edu-about .title {padding: 0;}
	.edu-about-list span {padding: 10px 0;}
	.share-edu { margin: 24px 0 62px 0;}
	.edu-bottom .title { padding-bottom: 15px; }
	.education-left {width: 100%;}
	.education-right {width: 100%;}
	.education-wrp::after { top: auto; right: 0; height: 58%; width: 100%; bottom: 0px; }
	.education-main { padding: 50px 0 29px 0; }
	.share-edu, .edu-top .location {justify-content: center;margin: 0 auto;}
	.education-main .title span {text-align: center;}
	.education-main .title h3 {text-align: center;font-size: 26px;}
	.edu-form .form-group {margin: 0 auto;padding-bottom: 18px;}
	.share-edu { margin: 14px auto; }
	.education-right .edu-block {justify-content: center;padding: 0 0 29px 0;}
	.edu-about-list span {text-align: center;}
	.edu-about-list p, .edu-about-list ul li {text-align: center;}
	.edu-about-list ul { display: flex; flex-direction: column; align-items: center; }
	.edu-about-list ul li { position: relative; display: inline-block; }
	.edu-about-list ul li::before { content: ""; position: absolute; top: 13px; left: -10px; width: 5px; height: 5px; background: #707070; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
	.edu-top .location p {font-size: 16px;text-align: center;}
	.education-main .title span {font-size: 16px;}
	.edu-about-list p, .edu-about-list ul li { font-size: 16px; line-height: 22px;}
	.education-main {padding: 60px 0 39px 0;}
	.edu-form .form-group .learnBtn {width: 100%; max-width: 128px;margin: 0 auto;}
	.share-edu img {width: 26px;}
	.edu-bottom {padding: 0 0 10px 0;}
	.edu-top .location img { padding-right: 0; }
	.education-right .edu-block img {margin-bottom: 5px;}
	.edu-about-list span {font-size: 16px;}
}

@media (max-width:575px) {
	.home-buyer-main .news_sec .news_col { width: 100%; margin: 10px 11px; }
	.home-buyer-block h2 {font-size: 24px; line-height: 30px;}
	.home-buyer-block span {font-size: 16px;}
	.home-buyer-block p {font-size: 15px;line-height: 17px;}
	.home-buyer-block .detail { margin: 14px 0; }
	.home-buyer-block .detail strong { font-size: 15px;line-height: 17px;}
	.home-buyer-block { padding: 10px 18px 20px; }
	.home-buyer-inner .learnBtn { padding: 10px 18px 6px; }

	.education-right .edu-block {flex-direction: column;}
	.edu-block .detail ul li {justify-content: center;font-size: 14px;}
	.edu-block .detail span {text-align: center;}
	.education-wrp::after {height: 68%;}
	.education-main .title span { font-size: 15px; }
	.edu-top .location p { font-size: 15px; }
	.share-edu img { width: 20px; }
	.edu-bottom .title { padding-bottom: 10px; }
	.education-main .title span {padding: 6px 0 0px 0;}
	.education-main { padding: 30px 0 39px 0; }
}

/*single page start*/

/*single page end*/

/* Celebrate 90 years page css */
.inner-banner-bar.no-border:after {
    display: none;
}
.inner-banner-bar.no-border {
    margin-bottom: 0;
}
.celebrating-section {
    padding: 85px 0;
    background-color: #F0F0F0;
}
.wrapper {
    max-width: 1170px;
    margin: 0 auto;
}
.celebrating-wraaper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 65px;
}
.img-box {
    max-width: 236px;
}
.celebrating-content {
    max-width: 867px;
}
.section-title-2 {
    font-size: 48px;
    color: #17215C;
    font-weight: bold;
    text-transform: capitalize;
}
#password-popup > p,
.financial-corporation p,
.content-info p {
    padding-bottom: 40px;
    letter-spacing: normal;
    line-height: 1.7;
    font-size: 18px;
    color: #0E153E;
    font-family: 'TradeGothicNextLTPro-Lt';
}
.content-info p:last-child{
    padding-bottom: 0;
}

.content-info p {
    padding-bottom: 0;
}

.share_docs {
    margin-top: 15px;
}

.share_docs a {
    font-family: 'TradeGothicBold';
    font-size: 20px;
    text-decoration: underline;
    line-height: 1.7;
}


.full_video_sec.version2 {
    margin-bottom: 0 !important;
}
.full_video_sec.version2:after {
    mix-blend-mode: multiply;
}
.full_video_sec.version2 .wrapper2 {
    height: auto;
    width: 100%;
}
.full_video_sec.version2 .video_thumb {
    margin: 0;
}
.founders-area {
	position: relative;
	z-index: 1;
	padding: 101px 0;
}

.founder-img {
	background-position: 50% 20%;
	background-repeat: no-repeat;
	background-size: cover;
	width: calc(50% - 63px);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.founders-wrapper {
	display: flex;
	align-items: center;
	justify-content: end;
}

.founders-content {
	width: calc(50% + 63px);
	padding-left: 115px;
}

.vendor {
	font-size: 30px;
	color: #035642;
	font-weight: 400;
	margin-bottom: 28px;
}

.upcoming-festivals-area {
	background: #f0f0f0;
	padding: 102px 0 108px;
}

.upcoming-festivals-area .wrapper {
	max-width: 1238px;
}

.upcoming-festivals-title {
	margin-bottom: 50px;
}

.upcoming-festivals-row {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 18px;
	margin-left: -9px;
	margin-right: -9px;
	margin-top: -18px;
}

.festivals-card {
	background: #ffffff;
	padding: 27px 31px 23px 42px;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
	min-height: 208px;
}

.festival-col {
	flex-basis: 33%;
	padding-right: 9px;
	padding-left: 9px;
	margin-top: 18px;
}

.festivals-title {
    font-size: 24px;
    color: #035642;
    margin-bottom: 15px;
    font-family: 'TradeGothicBold';
}

.date-box {
    color: #0E153E;
    font-size: 16px;
    font-family: 'TradeGothicNextLTPro-Lt';
    margin-bottom: 21px;
}

.festivals-btn {
    display: flex;
    align-items: center;
    font-family: 'TradeGothicNextLTPro-Lt';
    font-size: 16px;
}

.festivals-btn svg {
	margin-right: 5px;
}
.event-modal {
    padding: 0;
    max-width: 760px;
}
.vendor-modal .carousel__button.is-close,
.event-modal .carousel__button.is-close {
    top: 25px !important;
    right: 25px !important;
    border: 3px solid #17215C !important;
    background: #ffffff !important;
    padding: 5px !important;
}
.vendor-modal .carousel__button.is-close path,
.event-modal .carousel__button.is-close path {stroke: #17215C;}

.event-modal img {
    display: block;
    width: 100%;
}

.event-details {
    padding: 65px;
}

.flex-child {
    flex-basis: 50%;
    padding: 0 10px;
}

.flex-box {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.event-details .section-title-2 {
    padding-bottom: 50px;
}

.event-sub-title {
    font-size: 30px;
    line-height: 1.2;
    color: #035642;
    padding-bottom: 15px;
}

.content-box {
    margin-bottom: 30px;
}

.flex-box .date-box {
    margin-bottom: 0;
}

.content-box p:last-child {
    padding-bottom: 0;
}

.flex-box address.date-box {
    font-style: normal;
}

.expect.content-box {
    font-family: 'TradeGothic';
    font-size: 16px;
    line-height: 1.5;
}

.vendors.content-box * {
    list-style: disc !important;
}

.content-box:last-child {
    margin-bottom: 0;
}

.vendors.content-box ul {
    padding-left: 17px;
    font-family: 'TradeGothicNextLTPro-Lt';
    font-size: 16px;
}
/* Upcoming festivals area end */
.vendor-modal {
    max-width: 760px;
    padding: 48px 64px;
}

.vendor-modal .section-title-2 {
    text-align: center;
    padding-bottom: 30px;
}

.vendor-modal input[type="text"], .vendor-modal input[type="email"], .vendor-modal input[type="tel"], .vendor-modal select, .vendor-modal textarea {
    display: block;
    width: 100%;
    border-radius: 0;
    margin: 0;
    border: 1px solid #000000;
    font-size: 18px;
    color: #505050;
    padding: 11px 15px;
}

.vendor-modal label {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    display: block;
    margin-bottom: 5px;
}

.vendor-modal .form-group {
    margin-bottom: 15px;
}

.vendor-modal .wpcf7-radio {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.vendor-modal .wpcf7-radio .wpcf7-list-item {
    flex-basis: 50%;
    margin: 0;
}
.vendor-modal select {
    background-image: url('https://www.pinnaclebank.com/wp-content/themes/pinnacle/assets/images/chevron-down.png');
    background-repeat: no-repeat;
    background-position: right 7px;
    background-size: 34px;
}
.vendor-modal .wpcf7-radio .wpcf7-list-item input[type="radio"] {
    display: none;
}

.vendor-modal .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
    position: relative;
    z-index: 1;
    padding-left: 25px;
}

.vendor-modal .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:before {
    position: absolute;
    height: 18px;
    width: 18px;
    display: block;
    border: 1px solid #000000;
    border-radius: 50%;
    top: 1px;
}

.vendor-modal .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:after {
    height: 10px;
    width: 10px;
    background-color: #000000;
    position: absolute;
    border-radius: 50%;
    top: 5px;
    left: 4px;
    display: none;
}

.vendor-modal .wpcf7-radio .wpcf7-list-item input[type="radio"]:checked~.wpcf7-list-item-label:after {
    display: block;
}
.vendor-modal #accept {
    display: none;
}

.vendor-modal #accept~.wpcf7-list-item-label {
    position: relative;
    z-index: 1;
    padding-left: 25px;
}

.vendor-modal #accept~.wpcf7-list-item-label:before {
    height: 18px;
    width: 18px;
    position: absolute;
    border: 1px solid #000000;
    left: 0;
    top: 0;
}

.vendor-modal .wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}

.vendor-modal #accept~.wpcf7-list-item-label:after {
    height: 10px;
    width: 10px;
    background-color: #000000;
    position: absolute;
    top: 4px;
    left: 4px;
    display: none;
}

.vendor-modal #accept:checked~.wpcf7-list-item-label:after {
    display: block;
}


/* responsive */
@media only screen and (max-width: 1023px) {
	.festival-col {
		flex-basis: 50%;
	}

	.founders-content {
		padding-left: 70px;
	}

	.section-title-2 {
		font-size: 40px;
	}

	.founder-img {
		position: static;
		display: block;
		height: 1000px;
		width: 100%;
		margin: 0 auto;
		background-position: top center;
	}

	.founders-wrapper {
		justify-content: center;
		margin-top: 20px;
	}

	.founders-content {
		padding-left: 0px;
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.celebrating-wraaper {
		flex-wrap: wrap;
	}
	


.page-template-template-business-and-commercial-credit-card .inner-banner-bar .text::before, .page-template-template-personal-credit-card .inner-banner-bar .text::before
{
    opacity: 0.70;
    transform: none;
    -webkit-transform: none;
    right: 0;
    width: 100%;
}

	.vendor {
		font-size: 25px;
	}
	.event-details {
        padding: 40px;
    }
    
    .event-details .section-title-2, .section-title-2 {
        font-size: 32px;
        padding-bottom: 30px;
    }
    
    .event-sub-title {
        font-size: 24px;
    }
    .vendor-modal {
        padding: 30px;
    }
    
    .vendor-modal .form-group.flex-child {
        flex-basis: 100%;
    }
    
    
}

@media only screen and (max-width: 643px) {
	.festival-col {
		flex-basis: 100%;
	}

	.founder-img {
		height: 500px;
	}

	.content-info {
		padding-left: 0;
	}
}

@media only screen and (max-width: 373px) {
	.section-title-2 {
		font-size: 30px;
	}

	.founder-img {
		height: 350;
	}
}
    
/* Celebrate 90 years page css End */


/* Credit Card Page CSS */
.compare-accounts {
    display: flex;
    flex-wrap: wrap;
    border-top: 0.5px solid #29475C;
}

.compare-accounts:nth-child(3n) {}

.column-item:nth-child(3n+1) {
    width: 20%;
    border-left: none;
}

.column-item:nth-child(3n+2) {
    width: 40%;
}

.column-item:nth-child(3n+3) {
    width: 40%;
}

.column-item {
    border-left: 0.5px solid #29475C;
    border-bottom: 0.5px solid #29475C;
}

.column-top {
    background-color: #F0F0F0;
    min-height: 400px;
    display: flex;
    padding: 50px;
    justify-content: center;
}

.card-name img {
    max-width: 135px;
    border-radius: 10px;
    margin: 0 auto 17px;
}

.account-section {
    padding-top: 40px;
}
.section-title-wrap{
    margin-bottom: 55px;
}
.account-section h3,
.benefit-content h3{
    text-align: center;
    font-size: 48px;
    color: #17215C;
    font-weight: 700;
    font-family: 'Area Extended';
}

.column-top h6, .column-bottom h6 {
    font-weight: 700;
    color: #17215C;
    font-size: 15px;
    font-family: 'Area Extended';
    text-align: center;
}

.card-name h4 {
    color: #17215C;
    font-size: 23px;
    font-weight: 700;
    font-family: 'Area Extended';
    text-align: center;
    line-height: 1.3;
}

.column-bottom ul * {
    list-style: disc;
}
.column-bottom ul {
    padding-left: 19px;
}
.column-bottom ul p {
    padding-bottom: 12px;
}
.column-bottom {
    font-size: 17px;
    color: #17215C;
    padding: 30px;
    height: calc(100% - 400px);
    position: relative;
    z-index: 1;
    padding-bottom: 230px;
}
.personal-checking-account-section .personal-checking-main-detail,
.personal-checking-account-section .personal-checking-account-block .checking-account-list .account-block,
.opening-account-type-block .opening-account-type-detail .detail { color: #17215C!important; }
.bottom-buttons {
    margin-top: 40px;
    position: absolute;
    bottom: 30px;
    left: 0;
    text-align: center;
    width: 100%;
}
.term-link {
    margin-top: 15px;
    display: inline-block;
    text-decoration: underline;
    font-family: 'Area Normal';
    font-size: 16px;
	color: #45B97A;
}
.column-bottom .wp-block-button__link.no-border-radius {
    padding: 10px 70px;
}
.note {
    color: #0E153E;
    font-family: 'TradeGothic';
    font-size: 14px;
    margin-top: 24px;
}
.benefit-thumbnail {
    background-size: cover;
    background-position: center;
    background-color: #000000;
    height: 100%;
    width: 40%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}
.personal_image { position: relative; }
.benefit-thumbnail:before, .personal_image:after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;  background: linear-gradient(
    to top,
    rgba(90, 55, 45, 0.3),   /* shadow tone: warm dark */
    rgba(240, 210, 180, 0.3)  /* highlight tone: warm light */
  ); mix-blend-mode: color;  pointer-events: none; }
.inner-banner-bar1:before { z-index:1; content:''; width: 50%; height: 100%; position: absolute; left:0; top:0;
background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
 }
.benefits-section {
    position: relative;
    z-index: 1;
    background-color: #F0F0F0;
    padding: 80px 0;
}
.benefit-content {
    width: 50%;
}
.benefits-section .wrapper2 {
    display: flex;
    justify-content: flex-end;
}
.benefit-content h3 {
    font-weight: 400;
    text-align: left;
    margin-bottom: 25px;
}
.benefit-list li p:before {
    content: "✓";
    display: inline-block;
    padding-right: 8px;
}
.accounts-abr.cta-section {
    padding: 85px 0;
}
.benefit-list {
    color: #17215C;
    font-size: 20px;
    font-family: 'Area Normal'; 
}
.benefit-list li:last-child p {
    padding-bottom: 0;
}
.accounts-abr.cta-section .item-bar {
    margin: 0;
}
.bottom-content .wrapper {
    max-width: 1094px;
}

.bottom-content h5 {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 15px;
}

.bottom-content p {
    padding-bottom: 10px;
}
.bottom-content a {
    text-decoration: underline;
}

.bottom-content a:hover {
    text-decoration: none;
}

.bottom-content {
    padding-bottom: 66px;
    color: #0E153E;
}

.exitpop.new-exit-popup {
    background-image: none;
    background-color: #ffffff;
    padding: 40px 64px;
}

.popup-button-group .eplink {
    position: static;
}

.popup-button-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

.ui-widget-overlay {
    background-color: #17215C;
    opacity: 0.67;
}

.exitpop.new-exit-popup h3 {
    text-align: center;
    color: #035642;
    margin-bottom: 25px;
    font-size: 37px;
    font-family: 'TradeGothicLTBoldNo_2';
    font-weight: 700;
}

.popup-content {
    color: #141414;
    font-size: 17px;
}
.exitpop.new-exit-popup .closeBtn {
    background-color: rgb(160 160 160 / 45%);
    height: 26px;
    width: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: auto;
    left: 10px;
    top: 10px;
}

.exitpop.new-exit-popup .closeBtn:hover {
    background-color: rgb(0 46 34 / 45%);
}
.bottom-content:before {
    content: "";
    display: block;
    height: 80px;
    margin-top: -80px;
}
.title-desc {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
    padding-top: 24px;
    color: #0E153E;
    font-size: 16px;
    font-family: 'TradeGothic';
}
.compare-accounts.column-3 .column-item:nth-child(4n+1) {
    width: 13%;
}

.compare-accounts.column-3 .column-item:nth-child(4n+2) {
    width: 29%;
}

.compare-accounts.column-3 .column-item:nth-child(4n+3) {
    width: 29%;
}

.compare-accounts.column-3 .column-item:nth-child(4n+4) {
    width: 29%;
    border-left: 0.5px solid #29475C;
}

.compare-accounts.column-3 .column-item {
    border-bottom: none;
}
.benefits-section.column-2 .benefit-thumbnail {
    width: 30%;
}

.benefits-section.column-2 .benefit-content {
    width: 80%;
}
.list-wrap {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.list-wrap .benefit-list {
    flex-basis: calc(50% - 15px);
}
.form-wrap {
    text-align: center;
    margin-top: 50px;
}

.form-wrap p {
    opacity: 0.7;
}
div#apply_form {
    background-image: none;
    background-color: #ffffff;
    padding: 40px 64px;
    position: relative;
}

.closeApplyBtn {
    background-color: rgb(160 160 160 / 45%);
    height: 26px;
    width: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: auto;
    left: 10px;
    top: 10px;
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}

.closeApplyBtn:hover {
    background-color: rgb(0 46 34 / 45%);
}

#apply_form .form-group {
    margin-bottom: 15px;
}

#apply_form .form-control {
    border-radius: 0;
    width: 100%;
    padding: 12px 10px;
    font-size: 16px;
}

#apply_form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 16px;
}



.hustle-ui.module_id_48 .hustle-main-wrapper {
    background-image: none;
    background-color: #ffffff;
    padding: 40px 64px !important;
}


.hustle-ui.module_id_48 .hustle-popup-content .hustle-info {
    padding: 0 !important;
}

.hustle-ui.module_id_48 .hustle-button-icon.hustle-button-close {
    position: absolute;
    background-color: rgb(160 160 160 / 45%);
    height: 26px;
    width: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: auto;
    left: 10px;
    top: 10px;
    color: #ffffff;
}

.hustle-ui.module_id_48 .hustle-layout .hustle-layout-header {
    text-align: center;
    color: #035642;
    margin-bottom: 25px !important;
    font-size: 37px;
    font-family: 'TradeGothicLTBoldNo_2';
    font-weight: 700;
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
}

.hustle-ui.module_id_48 .hustle-layout .hustle-content {
    padding: 0 !important;
}

.hustle-ui.module_id_48 .hustle-layout .hustle-group-content p:not([class*="forminator-"]) {
    color: #141414;
    font-size: 17px !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 400;
    text-decoration: none;
    padding: 0;
}

.hustle-ui.module_id_48 .hustle-layout a.hustle-button-cta {
    padding: 12px 34px 8px !important;
    line-height: 25px !important;
    font-size: 18px !important;
    color: #fff;
    letter-spacing: 0.72px !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    font-family: 'TradeGothic' !important;
    background: #17215C;
    font-weight: 400 !important;
}

.hustle-ui.module_id_48 .hustle-layout a.hustle-button-cta:hover {
    background: #17215C;
}

.hustle-ui.module_id_48 .hustle-layout .hustle-layout-footer {
    padding: 0 !important;
}

@media only screen and (max-width: 1850px) {
	.benefits-section.column-2 .benefit-content {
        width: 70%;
    }
}
@media only screen and (max-width: 1200px) {
	.benefits-section.column-2 .benefit-thumbnail {
        width: 35%;
    }
    .benefits-section.column-2 .benefit-content {
        width: 62%;
    }
    .column-top {
        padding: 30px 15px;
        min-height: 428px;
    }
    .card-name h4 {
        font-size: 28px;
    }
    
    .column-bottom .wp-block-button__link.no-border-radius {
        padding: 12px 50px 8px;
    }
    .column-bottom {
        height: calc(100% - 428px);
    }
}
@media only screen and (max-width: 991px){
    .card-name h4 {
        font-size: 28px;
    }
    
    .column-bottom .wp-block-button__link.no-border-radius {
        padding: 12px 50px 8px;
    }
    .compare-accounts.column-3 .column-item:first-child {
        display: none;
    }
    
    .column-item-label:nth-child(3n+1) {
        display: none;
    }
    
    /*.column-item:nth-child(3n+1),
    .compare-accounts.column-3 .column-item:first-child {
        display: none;
    }*/
    
    .column-item:nth-child(3n+2),
    .column-item:nth-child(3n+3),
    .compare-accounts.column-3 .column-item {
        width: 100% !important;
        border: none !important;
    }
    
    .compare-accounts {
        border: none;
    }
    
    .list-wrap {
        gap: 20px;
    }
    .list-wrap .benefit-list {
        flex-basis: calc(50% - 10px);
    }
    .benefits-section .benefit-thumbnail {
        width: 100% !important;
        position: static;
        height: 500px;
        margin-bottom: 50px;
    }
    
    .benefits-section {
        padding-top: 0;
        margin-top: 80px;
    }
    
    .benefits-section .benefit-content {
        width: 100% !important;
    }
    
    .exitpop.new-exit-popup h3,
    .benefit-content h3,
    .account-section h3{
        font-size: 30px;
    }
    .benefit-list {
        font-size: 18px;
    }
    
    .column-bottom {
        font-size: 16px;
        height: auto;
        padding-bottom: 30px;
    }
    
    .column-top {
        padding: 40px 15px 30px;
        min-height: auto;
    }
    .bottom-buttons {
        position: static;
        transform: none;
    }
}

@media only screen and (max-width: 767px){
    .list-wrap .benefit-list {
        flex-basis: calc(50% - 10px);
    }
    
    .list-wrap .benefit-list {
        flex-basis: 100%;
    }
    
    .benefit-list {
        font-size: 16px;
    }
    .hustle-ui.module_id_48 .hustle-layout .hustle-layout-header,
    .exitpop.new-exit-popup h3, .benefit-content h3, .account-section h3 {
        font-size: 24px;
    }
    
    .card-name h4 {
        font-size: 24px;
    }
    .hustle-ui.module_id_48 .hustle-main-wrapper,
    .exitpop.new-exit-popup {
        padding: 40px 20px !important;
    }
    .hustle-ui.module_id_48 .hustle-layout .hustle-group-content p:not([class*="forminator-"]),
    .popup-content {
        font-size: 14px !important;
    }
    
    .popup-button-group .learnBtn {
        text-align: center;
    }
    
    .popup-button-group {
        gap: 15px;
    }
    .accounts-abr.cta-section {
        padding: 60px 0 30px;
    }
    
    .benefits-section {
        padding: 0 0 60px;
        margin-top: 30px;
    }

}
@media only screen and (max-width: 767px){
    .benefits-section .benefit-thumbnail {
        height: 330px;
    }    
}


/* Share Holder Page */
.financial-corporation {
    background-color: #F0F0F0;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 87px 0 107px;
    text-align: center;
}

.corporation-bg {
    position: absolute;
    z-index: -1;
    max-width: 800px;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
}

.financial-corporation p {
    max-width: 700px;
    margin: 0 auto;
    font-family: 'TradeGothicNextLTPro-Lt';
    padding-bottom: 0;
}
.has-question {
    background-color: #17215C;
    color: #ffffff;
    text-align: center;
    padding: 83px 0;
    font-family: 'TradeGothicNextLTPro-Lt';
    font-size: 18px;
    line-height: 31px;
}

.has-question .section-title-2 {
    color: #ffffff;
}
.map-growth .wrapper,
.has-question .wrapper {
    max-width: 984px;
}


.map-growth {
    background-color: #efefef;
    text-align: center;
    padding: 97px 0 107px;
}
.map-growth p{
    font-size: 18px;
    line-height: 31px;
    color: #0E153E;
}

.map-indicators {
    max-width: 520px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    padding-bottom: 30px;
    margin-bottom: 30px;
    cursor: grab;
}

.map-indicator {
    color: #606060;
    text-align: center;
    font-family: 'TradeGothicNextLTPro-Lt';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    background-color: transparent !important;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.map-indicator:after {
    content: "";
    height: 31px;
    width: 1px;
    background-color: #606060;
    position: absolute;
    top: 27px;
    left: 20px;
}

.map-indicators:after {
    content: "";
    position: absolute;
    background-color: #606060;
    height: 1px;
    width: calc(100% - 40px);
    bottom: 11px;
    left: 20px;
}

.indicator-circle {
    height: 14px;
    width: 14px;
    position: absolute;
    border-radius: 50%;
    background-color: #72253D;
    top: 35px;
    left: 13px;
    z-index: 2;
    transition: all 0.3s ease-in-out;
}
.indicator-circle.active {
    left: calc(100% - 28px);
}

.single-map img {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.single-map {
    padding: 8px;
}

#password-popup {
    background-color: #ffffff;
    text-align: center;
    padding: 63px 40px;
}

#password-popup h2 {
    padding-bottom: 0;
}

#page-password {
    display: block;
    width: 100%;
    border-radius: 0;
    max-width: 640px;
    margin: 0 auto;
    padding: 14px 20px;
}
#password-popup input[type="password"] {
    max-width: 640px;
    display: block;
    width: 100%;
    border-radius: 0;
    padding: 11px 20px;
    color: #0E153E;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1; /* 172.222% */
}

input.learnBtn {
    border-radius: 0;
    border: none;
}
.map-growth .section-title-2 {
    color: #17215C;
}
.wp-video br{
    display: none;
}
.busines-contant-bar .subtext #credit-sense {
    text-align: left;
}

.column-content {
    display: flex;
    flex-wrap: wrap;
    gap: 58px;
}

.left-column {
    width: 583px;
}
.right-column {
    width: calc(100% - 641px);
}
.right-column img {
    margin-top: 30px;
}

.right-column .buttons {
    margin-top: 30px;
    text-align: left;
}
.inner-banner-bar p {
    font-size: 18px;
    font-family: 'Area Normal'; 
    line-height: 1.38;
	color: #0E153E;
}
@media (max-width: 991px){
    .left-column {
        width: 100%;
    }
    
    .right-column {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    
    .right-column img {
        margin-top: 0;
    }
    .right-column .buttons{
        margin-top: 15px;
    }
}
@media (max-width: 767px){
    body.page-id-19836 .inner-banner-bar .text::before {
        right: 0;width: 120%;
        
    }

    .page-id-19836 .inner-banner-bar .text {
        max-width: 414px;
    }
    
    .page-id-19836 .inner-banner-bar h1 {
        padding-left: 0;
    }
    
    .page-id-19836 .inner-banner-bar h2 {
        display: block;
    }
}

/*Share holder CSS*/

.meet-mortgage-team-section {
	background-color: #F0F0F0;
	padding: 80px 0 70px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.meet-mortgage-team-section .wrapper2
{
	position: relative;
	z-index: 2;
}
.meet-mortgage-team-section .pattern-wrapper img {
	position: absolute;
	bottom: -38px;
	max-width: 655px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.content-wrapper-team
{
	position: relative;
	max-width: 750px;
	display: block;
	margin: 0 auto;
}
.content-wrapper-team .heading-wrapper 
{
	position: relative;
}
.content-wrapper-team .heading-wrapper h2 
{
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	color: #17215C;
	font-size: 48px;
}
.content-wrapper-team .desc-wrapper 
{
	position: relative;
}
.content-wrapper-team .desc-wrapper p 
{
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	color: #0E153E;
	font-size: 18px;
}
.shareholders-members-section {
	background-color: #fff;
	padding: 190px 0 0;
}
.shareholders-members 
{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.shareholders-members .item {
	max-width: 33.33%;
	width: 100%;
	flex: 0 0 33.33%;
	padding: 0 15px;
	margin-bottom: 160px;
}
.shareholders-member-box {
	background-color: #F0F0F0;
	padding: 130px 25px 35px;
	border-bottom: 6px solid #17215C;
	position: relative;
}
.read_more_button a {  color: #17215C !important; }
.read_more_button a:after {     background-color: #17215C; }
.shareholders-member-box-inner .heading-wrapper
{
	position: relative;
	margin-bottom: 4px;
}
.shareholders-member-box-inner .heading-wrapper h3 {
	text-align: center;
	color: #17215C;
	font-size: 34px;
}
.shareholders-member-box-inner .heading-wrapper h3 a
{
	color: #17215C;
	text-decoration: none;
}
.shareholders-member-box-inner .desc-wrapper
{
	position: relative;
	margin-bottom: 15px;
}
.shareholders-member-box-inner .desc-wrapper p {
	text-align: center;
	font-size: 16px;
	color: #0E153E;
	font-weight: 600;
	padding-bottom: 0;
}
.shareholders-member-box-inner .location-wrapper
{
	text-align: center;
	margin-bottom: 7px;
}
.shareholders-member-box-inner .location-wrapper a {
	display: flex;
	color: #17215C;
	font-weight: 600;
	justify-content: center;
	gap: 4px;
	font-size: 16px;
}
.shareholders-member-box-inner .location-wrapper a span
{
	position: relative;
	top: 2px;
}
.shareholders-member-box-inner .location-wrapper a span svg path {
fill: #17215C;	
}

.content-left h3, .form-wrap h4 { color: #17215C !important; font-family: 'Area Extended' !important; font-weight: 700 !important; }

.content-left ul { font-family: 'Area Normal' !important; color: #0E153E !important; }
.content-left { font-family: 'Area Normal' !important; color: #0E153E !important; }

.shareholders-member-box-inner .buttons-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 30px 0 0;
	justify-content: center;
	padding: 0 0px;
}
.shareholders-member-box-inner .buttons-wrapper > div
{
	display: block;
	position: relative;
	/*-width: 100%;*/
	padding: 5px 10px;
}
.shareholders-member-box-inner .buttons-wrapper > div:not(.btn-outer) a 
{
	display: inline-block;
	background-color: #17215C;
	color: #fff;
	padding: 5px 5px;
	font-weight: 600;
	font-size: 16px;
	width: 100%;
	text-align: center;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.shareholders-member-box-inner .buttons-wrapper > div a:hover 
{
	color: #17215C; background-color: #31D0FF;    		
}
.shareholders-member-box-inner .buttons-wrapper > div a.ct-learn-more {
	display: flex;
	align-items: center;
	background-color: #f0f0f0;
	color: #17215C;
	gap: 6px;
	/*min-width: 130px;*/
	justify-content: center;
}
.shareholders-member-box-inner .buttons-wrapper > div a.ct-learn-more:hover
{
	text-decoration: underline;
}
.shareholders-member-box-inner .buttons-wrapper > div a.ct-learn-more span 
{
	position: relative;
	top: 2px;
}
.shareholders-member-box .image-wrapper img {
	position: absolute;
	top: -105px;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	max-width: 210px;
	max-height: 210px;
	height: 100%;
	text-align: center;
	border-radius: 50%;
  object-fit: cover;
    border: solid 4px #fff;
}
.shareholders-members-section .wrapper2 
{
  	margin-bottom: -50px;
}
.mortgage_lenders_section {
	position: relative;
	padding: 32px 0;
}
.back_to_mortgage_lenders
{
	position: relative;
	padding: 15px 0;
	display: inline-block;
}
.back_to_mortgage_lenders a {
	text-align: left;
	display: flex;
	align-items: center;
	color: #0E153E;
	text-decoration: underline;
	font-size: 16px;
	font-weight: 600;
	gap: 10px;
}
.back_to_mortgage_lenders a span {
	position: relative;
	top: 4px;
}
.profile_about_wrapper {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
	padding: 45px 0 70px;
	border-bottom: 1px solid #ddd;
}
.profile_about_wrapper .item:first-child 
{
	max-width: 45%;
	flex: 0 0 45%;
	width: 100%;
	padding: 0 15px;
}
.profile_about_wrapper .item:last-child 
{
	max-width: 55%;
	flex: 0 0 55%;
	width: 100%;
	padding: 0 15px;
}
.profile-about-content
{
	position: relative;
}
.profile-about-content .heading-wrapper 
{
	position: relative;
	margin-bottom: 4px;
}
.profile-about-content .heading-wrapper h2 {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #17215C;
	font-size: 52px;
}
.profile-about-content .title-wrapper
{
	position: relative;
}
.profile-about-content .title-wrapper p {
	font-size: 30px;
	font-weight: 400;
	color: #0E153E;
	margin-bottom: 0;
	padding-bottom: 0;
}
.profile-about-content .id_wrapper
{
	position: relative;
	padding-top: 15px;
}
.profile-about-content .id_wrapper p
{
	padding-bottom: 0;
	text-align: left;
	font-size: 24px;
	color: #0E153E;
}
.get_in_touch_wrapper
{
	margin-top: 45px;
}
.get_in_touch_wrapper .heading-wrapper {
	position: relative;
	margin-bottom: 28px;
}
.get_in_touch_wrapper .heading-wrapper h2 {
	color: #17215C;
	font-size: 35px;
	text-align: left;
	margin-bottom: 0;
	padding-bottom: 0;
}
.get_in_touch_wrapper .contact-wrapper 
{
	position: relative;
}
.get_in_touch_wrapper .contact-wrapper ul
{
	margin-bottom: -7px;
	line-height: 1.7;
}
.get_in_touch_wrapper .contact-wrapper ul li 
{
	display: inline-block;
	margin-right: 18px;
}
.get_in_touch_wrapper .contact-wrapper ul li:last-child 
{
	margin-right: 0;			
}
.get_in_touch_wrapper .contact-wrapper ul li a
{
	display: flex;
	color: #0E153E;
	font-size: 22px;
	align-items: center;
	gap: 10px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.get_in_touch_wrapper .contact-wrapper ul li a:hover
{
	color: #17215C;
}
.get_in_touch_wrapper .contact-wrapper ul li a span
{
	position: relative;
	top: 2px;
}
.get_in_touch_wrapper .email_wrapper
{
	position: relative;
}
.get_in_touch_wrapper .email_wrapper a 
{
	display: flex;
	color: #0E153E;
	font-size: 22px;
	align-items: flex-start;
	gap: 10px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.get_in_touch_wrapper .email_wrapper a:hover
{
  	color: #17215C;			
}
.get_in_touch_wrapper .address_wrapper
{
	position: relative;
}
.get_in_touch_wrapper .address_wrapper a 
{
	display: flex;
	color: #0E153E;
	font-size: 22px;
	align-items: flex-start;
	gap: 10px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.get_in_touch_wrapper .address_wrapper a:hover
{
  	color: #17215C;			
}
.get_in_touch_wrapper .address_wrapper a span
{
	position: relative;
	top: 2px;			
}
.get_in_touch_wrapper .flex_gap {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.profile-large-image
{
	position: relative;
}
.profile-large-image img
{
	width: 410px;
  height: 410px;
  max-width: 410px;
  border-radius: 50%;
  object-fit: cover;
    border: solid 4px #fff;
}
.single-about-shareholder
{
	  	padding: 35px 0;
}
.single-about-shareholder .heading-wrapper
{
	position: relative;
	margin-bottom: 18px;
}
.single-about-shareholder .heading-wrapper h2
{
	color: #17215C;
	font-size: 35px;
	text-align: left;
	padding-bottom: 0;
}
.single-about-shareholder .content-wrapper 
{
	position: relative;
}
.single-about-shareholder .content-wrapper p,
.single-about-shareholder .content-wrapper ol,
.single-about-shareholder .content-wrapper ul
{
	color: #0E153E;
	font-size: 18px;
	padding-bottom: 0;
	margin-bottom: 15px;
}
.shareholder-learn-more {
	background-color: #F0F0F0;
	padding: 70px 0 25px;
}
.shareholder-learn-more-cols {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.shareholder-learn-more-cols .item
{
	width: 100%;
	max-width: 33.33%;
	flex: 0 0 33.33%;
	display: block;
	padding: 0 15px;
	margin-bottom: 45px;
}
.shareholder-learn-more-wrapper {
	position: relative;
	padding-bottom: 45px;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.shareholder-learn-more-wrapper .heading-wrapper
{
	position: relative;
	margin-bottom: 15px;
}
.shareholder-learn-more-wrapper .heading-wrapper h3 {
	color: #17215C;
	font-size: 33px;
	text-align: left;
	margin-bottom: 0;
}
.shareholder-learn-more-wrapper .desc-wrapper
{
	position: relative;
	margin-bottom: 15px;
}
.shareholder-learn-more-wrapper .desc-wrapper p
{
	text-align: left;
	color: #0E153E;
	font-size: 18px;
	padding-bottom: 0;
}
.shareholder-learn-more-wrapper .button-wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
}
a.small-learn-more-btn {
	display: inline-block;
	background-color: #17215C;
	color: #fff !important;
	padding: 4px 12px 7px;
	font-weight: 500;
	font-size: 18px;
	width: auto;
	text-align: center;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
a.small-learn-more-btn:hover
{
  	background-color: #48715B;			
}
.get_in_touch_wrapper .button-wrapper
{
	position: relative;
	margin-top: 15px;
}
.get_in_touch_wrapper .button-wrapper a
{
	/*font-size: 18px;
	color: #fff;*/
}
.shareholder-reviews-section
{
	position: relative;
	padding: 70px 0;
}
.shareholder-reviews-wrapper .heading-wrapper
{
	position: relative;
	margin-bottom: 15px;
}
.shareholder-reviews-wrapper .heading-wrapper h2 {
	color: #17215C;
	font-size: 35px;
	margin-bottom: 0;
	padding-bottom: 0;
}
.shareholder-reviews-wrapper .desc-wrapper
{
	position: relative;
  	margin-bottom: 30px;
}
.shareholder-reviews-wrapper .desc-wrapper p
{
	color: #0E153E;
	font-size: 18px;
	text-align: left;
	padding-bottom: 0;
}
.shareholder-reviews-wrapper .widget_code_reviews
{
	position: relative;
}
@media only screen and (max-width: 991px)
{
	.meet-mortgage-team-section
	{
	  	padding: 60px 0 60px;
	}
	.content-wrapper-team .heading-wrapper h2
	{
		font-size: 36px;
	}
	.content-wrapper-team .desc-wrapper p
	{
		font-size: 16px;
	}
	.shareholders-members .item {
		max-width: 50%;
		flex: 0 0 50%;
	}
	.shareholders-member-box-inner .buttons-wrapper
	{
		/*max-width: 300px;*/
		margin-left: auto;
		margin-right: auto;
	}
	.profile_about_wrapper .item:first-child {
		max-width: 100%;
		flex: 0 0 100%;
		width: 100%;
		padding: 0 15px;
	}
	.profile_about_wrapper .item:last-child {
		max-width: 100%;
		flex: 0 0 100%;
		width: 100%;
		padding: 0 15px;
	}
	.profile-large-image img
	{
		margin: 0 auto;
	}
	.profile-large-image
	{
		margin-bottom: 28px;
	}
	.profile-about-content .heading-wrapper h2
	{
		text-align: center;
	}
	.profile-about-content .title-wrapper
	{
		text-align: center;
	}
	.profile-about-content .id_wrapper p
	{
		text-align: center;
	}
	.get_in_touch_wrapper .heading-wrapper h2
	{
		text-align: center;
	}
	.get_in_touch_wrapper .contact-wrapper
	{
		text-align: center;
	}
	.get_in_touch_wrapper .email_wrapper a
	{
		justify-content: center;
	}
	.get_in_touch_wrapper .address_wrapper a
	{
		justify-content: center;
	}
	.get_in_touch_wrapper .button-wrapper
	{
		text-align: center;
	}
}
@media only screen and (max-width: 767px) 
{
	.shareholders-members .item {
		max-width: 100%;
		flex: 0 0 100%;
		display: flex;
		justify-content: center;
	}
	.shareholders-members .item .shareholders-member-box {
		margin-left: auto;
		margin-right: auto;
	}
	.shareholders-members-section {
		background-color: #fff;
		padding: 170px 0 0;
	}
	.shareholders-members-section .wrapper2 {
		margin-bottom: -90px;
	}
	.meet-mortgage-team-section {
		padding: 55px 0 55px;
	}
	.profile-about-content .heading-wrapper h2
	{
		font-size: 36px;
	}
	.profile-about-content .title-wrapper p
	{
		font-size: 26px;
	}
	.profile-about-content .id_wrapper p
	{
		font-size: 20px;
	}
	.get_in_touch_wrapper {
		margin-top: 35px;
	}
	.get_in_touch_wrapper .contact-wrapper ul li a
	{
		font-size: 18px;
	}
	.get_in_touch_wrapper .email_wrapper a
	{
		font-size: 18px;
	}
	.get_in_touch_wrapper .address_wrapper a
	{
		font-size: 18px;
	}
	.shareholder-learn-more-cols .item
	{
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
		margin-bottom: 40px;
	}
	.shareholder-learn-more-cols .item:last-child
	{
		margin-bottom: 0;
	}
	.shareholder-reviews-section {
		position: relative;
		padding: 60px 0;
	}
	.profile-large-image img
	{
		max-width: 320px;
	}
	.shareholder-learn-more
	{
	  	padding: 55px 0 50px;
	}
}

.lenders_videos_carousel_section {
	position: relative;
	padding: 70px 0 0;
}
.videos_carousel_wrapper
{
	position: relative;
}
.videos_carousel_wrapper .heading-wrapper {
	position: relative;
	margin-bottom: 32px;
}
.videos_carousel_wrapper .heading-wrapper h2 {
	text-align: left;
	color: #17215C;
	font-size: 35px;
	margin-bottom: 0;
	padding-bottom: 0;
}
.video_resources_carousel
{
	position: relative;
}
.video_resource_wrapper
{
	position: relative;
}
.video_resource_wrapper .bg_wrapper {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 20% 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.video_resource_wrapper .bg_wrapper > button {
	display: flex;
	flex-direction: column;
	gap: 12px;
	border: none;
	box-shadow: none;
	background-color: transparent !important;
	cursor: pointer;
}
.video_resource_wrapper .bg_wrapper > button > div 
{
	color: #fff;
	font-weight: 400;
}
.video_resource_wrapper .bg_wrapper > button span 
{
	display: flex;
	font-size: 16px;
	align-items: center;
	justify-content: center;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	margin: 0 auto;
}
.video_resource_wrapper .bg_wrapper > button span:hover 
{
	transform: scale(1.1);    		
}
.video_resource_wrapper .title_wrapper {
	position: relative;
	background-color: #17215C;
	text-align: center;
	color: #fff;
	font-size: 18px;
	padding: 18px 15px;
	min-height: 85px;
}
.owl-carousel-nav-dots {
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: center;
	margin-top: 28px;
}
.owl-carousel-nav-dots .owl-nav 
{
	display: flex;
	align-items: center;
	gap: 5px;
	margin-top: 0;
}
.owl-carousel-nav-dots .owl-nav .owl-prev, 
.owl-carousel-nav-dots .owl-nav .owl-next 
{
	width: 31px;
	height: 31px;
	background-color: #17215C !important;
	border-radius: 100%;
	color: #fff !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.owl-carousel-nav-dots .owl-nav .owl-prev:hover, 
.owl-carousel-nav-dots .owl-nav .owl-next:hover
{
  	background-color: #48715B !important;
}
.owl-carousel-nav-dots .owl-nav .owl-prev span,
.owl-carousel-nav-dots .owl-nav .owl-next span
{
	line-height: 0 !important;
	font-size: 25px;
	padding: 12px 0;
}
.owl-carousel-nav-dots .owl-dots
{
  	margin-top: 8px;
}
.modal-video-close-btn
{
	background-color: transparent !important;
}
.video_resources_carousel .large_text {
	font-size: 32px;
	margin-top: 12px;
}
@media only screen and (max-width: 991px)
{
	.lenders_videos_carousel_section {
		padding: 50px 0 0;
	}
}
@media only screen and (max-width: 767px)
{
	.video_resource_wrapper .bg_wrapper > button span svg 
	{
		width: 56px;
		height: 56px;
	}
	.video_resources_carousel .large_text
	{
		font-size: 16px;
		margin-top: 2px;
	}
}

.learn-more-btn a{
	position: relative;
	display: inline-flex;
	align-items: center;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	color: #73243e;
	text-transform: capitalize;
	margin-top: 15px;
	border: none;
	box-shadow: none;
}
#wpsl-result-list .learn-more-btn a { font-size: 16px; color: #17215C; }

.learn-more-btn a:after{
	position: relative;
	content: "";
	width: 15px;
	height: 15px;
	margin-left: 5px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%2373243e'%3E%3Cpath d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E") no-repeat;
	background-size: 100% 100%;
	transition: 0.4s linear;
}
#wpsl-result-list .learn-more-btn a:after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%2317215C'%3E%3Cpath d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E") no-repeat;
	background-size: 100% 100%; }

.learn-more-btn a:hover{
	color: #17215C;
}

.learn-more-btn a:hover:after{
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%2371A087'%3E%3Cpath d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E") no-repeat;
	background-size: 100% 100%;
}


/**/

.careers_video_section
{
	position: relative;
	padding: 80px 0;
	background-color: #fff;
}
.careers_video_section .heading_wrapper
{
	position: relative;
}
.careers_video_section .heading_wrapper h2
{	
	color: #17215C;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.careers_video_section .desc_wrapper
{
	position: relative;
}
.careers_video_section .desc_wrapper p
{
	color: #0E153E;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	padding: 0 30px 20px 30px;
}
.careers_video_section .video_wrapper
{
  	margin-top: 30px;
  	position: relative;
}
.careers_video_section .video_wrapper .overlay
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.15);
}
.careers_video_section .video_wrapper .overlay > a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;
	background-image: none;
	padding: 0;
}
.careers_video_section .video_wrapper .overlay > a span.title_text
{
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.careers_video_section .video_wrapper .overlay > a span:first-child
{
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.careers_video_section .video_wrapper .overlay > a:hover span:first-child
{
	transform: scale(1.1);
}
.careers_what_can {
	background-color: #F0F0F0;
	padding: 80px 0;
	background-position: bottom center;
	background-repeat: no-repeat;
}
.careers_what_can_content
{
	position: relative;
}
.careers_what_can_content .heading_wrapper
{
	position: relative;
}
.careers_what_can_content .heading_wrapper h2
{
	color: #17215C;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.careers_what_can_content .desc_wrapper
{
	position: relative;
	margin-bottom: 20px;
}
.careers_what_can_content .desc_wrapper p
{
	color: #0E153E;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
}
.careers_what_can_content .btn_wrapper
{
	text-align: center;
}
.careers_what_can .overlay img
{
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.careers_image_section .wrapper2 
{
	background-color: #ffffff;
	padding: 100px 0 110px;
	border-bottom: 1px solid #D5D5D5;
}
.full_width
{
	width: 100%;
	height: auto;
}
.careers_image_section .row 
{
	display: flex;
	margin: 0 -20px;
	align-items: center;
}
.careers_image_section .row .col
{
	padding: 0 20px;
}
.careers_image_section .row .col:first-child
{
	width: 100%;
	max-width: 66.66%;
}
.careers_image_section .row .col:last-child
{
	width: 100%;
	max-width: 33.33%;
}
.careers_image_content {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.careers_image_content .item
{
	position: relative;
}
.careers_image_content .item .heading_wrapper {
	position: relative;
	margin-bottom: 15px;
}
.careers_image_content .item .heading_wrapper h3
{
	text-align: left;
	color: #17215C;
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 0;
	margin: 0;
}
.careers_image_content .item .desc_wrapper
{
	position: relative;
}
.careers_image_content .item .desc_wrapper p
{	
	color: #0E153E;
	leading-trim: both;
	text-edge: cap;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
	padding: 0;
	margin: 0;
}
.careers_perks_section
{
	position: relative;
}
.careers_perks_section .wrapper2 .row
{
	display: flex;
	flex-wrap: wrap;
}
.careers_perks_section {
	position: relative;
	padding: 80px 0;
}
.careers_perks_section .heading_wrapper
{
	position: relative;
}
.careers_perks_section .heading_wrapper h2
{
	color: #17215C;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;			
}
.careers_perks_section .desc_wrapper
{
	position: relative;
}
.careers_perks_section .desc_wrapper p
{
	color: #0E153E;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
}
.careers_perks_section .row 
{
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}
.careers_perks_section .row .col
{
	width: 100%;
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 15px;
	margin-bottom: 45px;
}
.perks_content_wrapper 
{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.perks_content_wrapper .icon_wrapper
{
	position: relative;
}
.perks_content_wrapper .title_wrapper
{
	position: relative;
}
.perks_content_wrapper .title_wrapper h3
{
	color: #17215C;
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.perks_content_wrapper .desc_wrapper
{
	position: relative;
}
.perks_content_wrapper .desc_wrapper p
{
	color: #0E153E;
	leading-trim: both;
	text-edge: cap;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
}
.careers_customer_support
{
	position: relative;
}
.careers_customer_support p
{
	color: #0E153E;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
}
.explore_opportunities_section
{
	position: relative;
	background-color: #346e84;
}
.explore_opportunities_content 
{
	position: relative;
	max-width: 500px;
}
.explore_opportunities_content .heading_wrapper
{
	position: relative;
}
.explore_opportunities_content .heading_wrapper h2
{
	color: #FFF;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.explore_opportunities_content .desc_wrapper
{
	position: relative;
}
.explore_opportunities_content .desc_wrapper p
{
	color: #FFF;
	leading-trim: both;
	text-edge: cap;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
}
.explore_opportunities_section {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 105px 0;
}
.explore_opportunities_content .btn_wrapper
{
	margin-top: 20px;
}

@media only screen and (max-width: 991px)
{
	.careers_video_section
	{
	  	padding: 60px 0;
	}
	.careers_video_section .heading_wrapper h2
	{
	  	font-size: 38px;
	}
	.careers_what_can
	{
	  	padding: 60px 0;
	}
	.careers_what_can_content .heading_wrapper h2
	{
		font-size: 38px;
	}
	.careers_image_section .wrapper2
	{
	  	padding: 0 0 0;
	}
	.careers_image_section .row .col
	{
		max-width: 100% !important;
		width: 100%;
	}
	.careers_image_section .row
	{
		display: block;
	}
	.careers_image_content
	{
    	padding: 50px 20px 50px;
	}
	.careers_perks_section 
	{
		padding: 60px 5px;
	}
	.careers_perks_section .heading_wrapper h2
	{
	  	font-size: 38px;
		text-align: left;
	}
	
	.careers_perks_section .desc_wrapper p {
		text-align: left;
	}
	
	.careers_customer_support p {
		text-align: left;
	}
}
@media only screen and (max-width: 767px)
{
	.perks_content_wrapper .title_wrapper h3
	{
		font-size: 24px;
	}
	.explore_opportunities_section
	{
	  	padding: 80px 0;
	}
	.explore_opportunities_content .heading_wrapper h2
	{
		font-size: 38px;
	}
	.careers_perks_section .row .col 
	{
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0;
		margin-bottom: 45px;
	}
}


.type_of_mortgage_section 
{
	padding: 35px 0 70px;
}
.type_of_mortgage_section .heading_wrapper 
{
	position: relative;
	margin-bottom: 55px;
}
.type_of_mortgage_section .heading_wrapper h2 {
	text-align: center;
	font-size: 48px;
	color: #17215C;
	padding-bottom: 0;
}
.table_wrapper_mortgage
{
	position: relative;
	font-family: 'Area Extended';
}
.table_wrapper_mortgage thead tr th 
{
	background-color: #335262;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 23px;
	line-height: 1.2;
	vertical-align: middle;
	padding: 20px 15px;
}
.table_wrapper_mortgage tbody tr td 
{
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #ECEDEC;
	border: 1px solid #AEAEAE;
	padding: 15px 30px !important;
	font-size: 22px;
	line-height: 1.3;
}
.table_wrapper_mortgage tbody tr td span 
{
	font-weight: 400;
	display: block;
	font-size: 15px;
	line-height: 1.3;
	margin-top: 6px;
}
.table_wrapper_mortgage tbody tr td:last-child 
{
	text-align: left;
	font-size: 15px;
}
.table_wrapper_mortgage tbody tr td ul
{
	position: relative;
}	
.table_wrapper_mortgage tbody tr td ul > li
{
	list-style: disc;
	margin-bottom: 3px;
}
.table_wrapper_mortgage tbody tr td ul li > ul
{
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.table_wrapper_mortgage tbody tr td ul li > ul li
{
  	list-style: circle;
}
.news_sec2
{
	padding: 0;
	background: transparent;
	box-shadow: none;
}
.col_offer_ct
{
	position: relative;
}
.col_offer_ct img
{
	display: block;
}
.col_offer_ct h3
{
	text-align: center;
	min-height: auto;
	margin-top: 30px;
}
.col_offer_ct p
{
	text-align: center;
	margin-bottom: 15px;
}
.col_offer_ct a.more 
{
	background: #17215C;
	padding: 10px 20px;
	color: #fff !important;
	text-decoration: none;
}
.access_mortgage_page
{
	background: rgba(44, 108, 132, 0.90);
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
	display: flex;
	align-items: center;
	justify-content: center;
}
.access_mortgage_page .innner_wrapper {
	position: relative;
	background-color: #fff;
	border-radius: 15px;
	padding: 40px 40px;
	max-width: 613px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 22px;
}
.access_mortgage_page .access_form_wrapper
{
	width: 100%;
	text-align: center;
}
.access_mortgage_page .heading_wrapper
{
	position: relative;
}
.access_mortgage_page .heading_wrapper h3 
{
	color: #17215C;
	font-size: 29px;
	text-align: center;
	font-weight: 400;
}
.access_mortgage_page .access_form_wrapper .form-group
{
	display: block;
	margin-bottom: 25px;
}
.access_mortgage_page .access_form_wrapper .form-group:last-child
{
	margin-bottom: 0;
}
.access_mortgage_page .access_form_wrapper .form-group input[type="email"] {
	display: block;
	padding: 15px 15px;
	width: 100%;
	font-size: 16px;
	font-weight: 600;
}
.access_mortgage_page .access_form_wrapper .form-group input[type="submit"] {
	background-color: #17215C !important;
	color: #fff !important;
	padding: 10px 40px;
	font-weight: 600;
	border-radius: 0;
	font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
	border: 2px solid #17215C;
}
.access_mortgage_page .access_form_wrapper .form-group input[type="submit"]:hover {
	background-color: #31D0FF !important;
	color: #0E153E !important;
	border-color: #31D0FF;
}
.access_mortgage_page .wpcf7
{
	width: 100%;
}
.access_mortgage_page span.wpcf7-not-valid-tip
{
	display: block !important;
	margin-top: 12px !important;
}
.access_mortgage_page .wpcf7-response-output
{
	max-width: none !important;
	text-align: center !important;
	margin-top: 16px !important;
}
.access_form_wrapper br,
.access_form_wrapper p:empty
{
	display: none;
}
.access_form_wrapper .wpcf7-spinner
{
	position: absolute;
	margin-top: 11px;
	margin-left: 7px;
}

@media only screen and (max-width: 991px) 
{
	.type_of_mortgage_section .heading_wrapper h2
	{
		font-size: 38px;
	}
	.type_of_mortgage_section {
		padding: 35px 0 30px;
	}
}
@media only screen and (max-width: 575px)
{
	.profile-large-image img
	{
		max-width: none;
		width: 100%;
	}
}

.michael_shelby_bar .itembox .item .team-lead-img {
  margin-top: -25px;
}

.michael_shelby_bar .team-lead-img:before {
  color: #fff;
  background-color: #235741;
  font-family: 'TradeGothicLTBoldNo_2';
  text-transform: uppercase;
  width: 140px;
  display: block;
  padding:
3px 10px;
  font-size: 18px;
  letter-spacing: -0.5px;
  position: relative;
  left: -14px;
  top: 39px;
}


/**/

.garden_city_locations_section 
{
	position: relative;
	padding: 70px 0;
}
.garden_city_locations_section .wrapper2
{
	position: relative;
}
.garden_city_locations_section .wrapper2 h2 
{
	text-align: center;
	color: #17215C;
	font-size: 43px;
	font-weight: 700;
	padding-bottom: 0;
	margin-bottom: 0;
	display: flex;
	justify-content: center;
	gap: 18px;
	font-family: 'Area Extended';
	font-weight: 600;
}

.garden_city_locations_section div.findus_desc {
    max-width: 700px;
  margin: 25px auto 50px;
  text-align: center;
    font-weight: 400;
  font-size: 16px !important;
    color: #0E153E;
}

.garden_city_location {
	background-color: #ffffff;
	box-shadow: 0px 4px 8px rgba(99, 98, 98, 0.25);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.garden_city_location .image_wrapper
{
	padding-top: 75%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.garden_city_locations_section .wrapper2 .row 
{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
	gap: 45px 0;
}
.garden_city_locations_section .wrapper2 .row .col
{
	max-width: 33.33%;
	width: 100%;
	flex: 0 0 33.33%;
	padding: 0 15px;
}
.garden_city_locations_section .content_wrapper 
{
	background-color: #ffffff;
	padding: 25px 14px;
	text-align: center;
}
.garden_city_locations_section .content_wrapper .title_wrapper
{
	position: relative;
	margin-bottom: 11px;
}
.garden_city_locations_section .content_wrapper .title_wrapper h3
{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 24px;
	color: #17215C;
	font-family: 'Area Extended';
	font-weight: 600;
}
.garden_city_locations_section .content_wrapper .desc_wrapper
{
	position: relative;
}
.garden_city_locations_section .content_wrapper .desc_wrapper .address_text {
	text-align: center;
	display: block;
	color: #0E153E;
	font-size: 16px;
  	margin-bottom: 4px;
  	font-family: 'Area Normal';
}
.garden_city_locations_section .content_wrapper .desc_wrapper .phone_text 
{
	text-align: center;
	display: block;
	color: #0E153E;
	font-size: 16px;
  	font-family: 'Area Normal';
}
.garden_city_locations_section .content_wrapper .desc_wrapper .phone_text a
{
	text-decoration: underline;
	color: #0E153E;
  	font-family: 'Area Normal';
  	text-decoration: none;
}
.garden_city_locations_section .content_wrapper .desc_wrapper .phone_text a:hover
{
	text-decoration: underline;	
}
.content_wrapper_flex
{
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}
.meet_team_section h3 
{
	font-weight: 700 !important;
	color: #17215C !important;
}
.meet_team_section p
{
	font-weight: 400;
	font-size: 16px !important;
}
.meet_team_section .main_video_wrapper
{
	margin-top: 50px;
}
.team_videos_wrapper .row 
{
	display: flex;
	flex-wrap: wrap;
	gap: 42px 0;
	margin: 0 -15px;
}
.team_videos_wrapper
{
	position: relative;
	margin-top: 80px;
}
.team_videos_wrapper .row .col
{
	width: 100%;
	max-width: 50%;
	flex: 0 0 50%;
	position: relative;
  	padding: 0 15px;
}
.team_video_wrapper 
{
	position: relative;
}
.team_video_wrapper a {
	position: absolute !important;
	left: 2px !important;
	width: auto;
	top: 55px !important;
	transform: none;
	background-position: 15px center !important;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.team_video_wrapper img
{
	display: block;
	width: 100%;
	max-width: 100%;
}
.augusta_webpage_image_section
{
	margin-top: 50px;
}
.augusta_webpage_team_section.shareholders-members-section 
{
	padding: 80px 0 0;
}
.augusta_webpage_team_section .desc-wrapper p
{
	color: #000000;
}
.augusta_webpage_team_section .desc-wrapper p a
{
	color: #000000;
	font-weight: 500;
}
.augusta_webpage_team_section .desc-wrapper p a:hover
{
	color: #21624c;			
}
.accounts-abr .item-bar .image
{
	position: relative;
}
.accounts-abr .item-bar .text .sub
{
	position: relative;
	z-index: 1;
}
.augusta_webpage_image_section .wrapper
{
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.shareholders-member-box
{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.meet_team_section
{
  	padding: 70px 0 90px;
}
.mortgage-commercial-section{
	background-color: #f5f5f5;
	padding: 70px 0;
	margin-bottom: 90px;
}
.community-bar .overlay
{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(49, 208, 255, 0.6) !important;
  	z-index: 1;
}
.community-bar .left
{
	position: relative;
	z-index: 2;
}

.page-template-template-zelle-business .community-bar .left {
    background: none;
}

.augusta_webpage_image_section.accounts-abr .item-bar .text .sub h2
{
	font-size: 41px;
	color: #17215C;
	font-family: 'Area Extended';
	font-weight: 600;
}
.augusta_webpage_image_section.accounts-abr .item-bar:nth-child(even) .text .sub h2
{
	color: #ffffff;
}
.augusta_webpage_team_section .shareholders-member-box-inner .heading-wrapper h3
{
	font-family: 'Area Extended';
	font-weight: 600;
	font-size: 29px;
	margin-bottom: 14px;
}
.welcome_hero_section .inner-banner-bar .text::before
{
	background: linear-gradient(180deg, rgba(78, 114, 139, 0.62) 0%, #011F18 100%);
}
.welcome_hero_section .inner-banner-bar
{
	margin-bottom: 0;
}
.welcome_hero_section .inner-banner-bar::after
{
	content: none;
}
@media only screen and (max-width: 767px) 
{
	.garden_city_locations_section {
		position: relative;
		padding: 60px 0;
	}
	.garden_city_locations_section .wrapper2 h2
	{
		font-size: 34px;
		display: inline-block;
	}
	.garden_city_locations_section .wrapper2 .row .col {
		max-width: 100%;
		width: 100%;
		flex: 0 0 100%;
		padding: 0 15px;
	}
	.garden_city_locations_section .wrapper2 .row
	{
	  	gap: 30px 0;
	}
	.meet_team_section {
		padding: 45px 0 90px;
	}
	.team_videos_wrapper
	{
	  	margin-top: 50px;
	}
	.team_videos_wrapper .row .col
	{
		max-width: 100%;
		flex: 0 0 100%;
	}
	.team_videos_wrapper .row
	{
	  	gap: 30px 0;
	}
	.augusta_webpage_image_section
	{
		margin-top: 0;
	}
	.accounts-abr.augusta_webpage_image_section .item-bar .image
	{
		display: block;
	}
	.augusta_webpage_team_section.shareholders-members-section {
		padding: 110px 0 0;
	}
	.augusta_webpage_image_section .wrapper
	{
		gap: 0 0;
	}
}

/**/


.mobile_wallet_hero
{
	position: relative;
}
.mobile_wallet_hero .inner-banner-bar h2
{
	padding-bottom: 10px;
}
.mobile_wallet_hero .inner-banner-bar p
{
	font-size: 23px;
	font-family: 'TradeGothicNextLTPro-Lt';
	line-height: 1.38;
	max-width: 300px;
}
.mobile_wallet_video_wrapper .community-bar
{
  	height: 608px;
}

.mobile_wrapper_video_section h3 
{
	color: #17215C !important;
	padding-bottom: 22px !important;
}
.mobile_wrapper_video_section .videobg
{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.why_use_mobile_wallet
{
	position: relative;
	margin-top: 140px;
}
.why_use_mobile_wallet_content
{
	position: relative;
	margin-top: 45px;
}
.why_use_mobile_wallet_content h2
{
	margin-bottom: 0;
	margin-top: 0;
	background-color: #17215C;
	padding: 20px 20px;
	text-align: center;
	color: #ffffff;
	font-size: 38px;
	font-family: 'Area Extended';
}
.why_use_mobile_wallet .image_wrapper
{
	transform: scale(1.1);
	padding-left: 40px;
	position: relative;
	z-index: 1;
}
.why_use_mobile_wallet .row
{
	display: flex;
	flex-wrap: wrap;
}
.why_use_mobile_wallet .row .col
{
	max-width: 50%;
	widows: 100%;
	flex: 0 0 50%;
	display: block;
	padding-left: 0;
	padding-right: 0;
}
.why_use_mobile_wallet_content
{
	position: relative;
}
.why_use_mobile_wallet_content .inner_content {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 28px;
	padding-left: 75px;
	padding-top: 35px;
	padding-bottom: 35px;
}
.why_use_mobile_wallet_content .inner_content .item
{
	position: relative;
}
.why_use_mobile_wallet_content .inner_content .item h3 {
	text-align: left;
	padding-bottom: 10px !important;
	font-size: 32px;
}
.why_use_mobile_wallet_content .inner_content .item ul
{
	margin-bottom: 0;
	padding-left: 0;
}
.why_use_mobile_wallet_content .inner_content .item ul li 
{
	display: block;
	margin-bottom: 3px;
	font-family: 'Area Normal';
	font-size: 16px;
	line-height: 1.4;
	position: relative;
	color: #17215C;
	padding-left: 15px;
}
.why_use_mobile_wallet_content .inner_content .item ul li::before {
	content: "";
	width: 6px;
	height: 6px;
	background-color: #000000;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 9px;
}
.where_can_use_it
{
	position: relative;
	margin-top: 60px;
}
.where_can_use_it .subtext h3
{
	font-size: 42px;
}
.where_can_use_it .row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
	gap: 20px 0;
}
.where_can_use_it .row .col
{
	max-width: 50%;
	width: 100%;
	flex: 0 0 50%;
	display: block;
	padding: 0 10px;
}
.where_can_use_it .subtext
{
	margin-bottom: 40px;
}
.where_can_use_it .row .col .image_wrapper 
{
	position: relative;
	padding-top: 65%;
	background-size: cover;
	background-position: center center;
}
.where_can_use_it .row .col .image_wrapper .overlay 
{
	background: linear-gradient(180deg, #17215C 0%, rgba(8, 74, 57, 0) 100%);
	transform: rotate(-180deg);
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	bottom: 0;
	width: 100%;
	height: 50%;
	z-index: 1;
}
.where_can_use_it .row .col .image_wrapper .overlay div 
{
	display: flex;
	align-items: center;
	color: #ffffff;
	font-size: 31px;
	font-weight: bold;
	gap: 12px;
	padding: 32px 26px;
	font-family: 'Area Normal';
	transform: rotate(180deg);
}
.tapping_section
{
	background-color: #17215C;
	padding: 80px 0;
	position: relative;
}
.tapping_section .tapping_content h2
{
	text-align: left;
	color: #ffffff;
	font-size: 28px;
	font-family: 'Area Extended';
}
.tapping_section .tapping_content ol
{
	margin-bottom: 0;
	padding-left: 0;
	color: #ffffff;
	font-size: 16px;
	list-style: none;          
	counter-reset: section;
}
.tapping_section .tapping_content ol li
{
	display: block;
	color: #ffffff;
	font-family: 'Area Normal';
	font-size: 23px;
	margin-bottom: 15px;
	counter-increment: section; 
}
.tapping_section .tapping_content ol li::before 
{
	content: counter(section) ". "; 
}
.tapping_section .overlay
{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}
.tapping_section .overlay img
{
	height: 100%;
	max-height: 230px;			
}
.tapping_section .wrapper2
{
	position: relative;
	z-index: 2;
}
.mobile_wallet_hero .inner-banner-bar
{
	margin-bottom: 0;
	padding-bottom: 0;
}
.mobile_wallet_hero .inner-banner-bar::after 
{
	content: none;
}
@media only screen and (max-width: 767px) {
	.why_use_mobile_wallet
	{
		margin-top: 80px;
	}
	.why_use_mobile_wallet .row .col {
		max-width: 100%;
		flex: 0 0 100%;
		display: block;
		padding-left: 0;
		padding-right: 0;
	}
	.why_use_mobile_wallet .image_wrapper
	{
		padding-left: 0;
	}
	.why_use_mobile_wallet_content
	{
		margin-top: 65px;
	}
	.why_use_mobile_wallet_content h2
	{
		font-size: 28px;
	}
	.why_use_mobile_wallet_content .inner_content
	{
		padding-left: 5px;
	}
	.where_can_use_it {
		position: relative;
		margin-top: 20px;
	}
	.where_can_use_it .subtext h3 {
		font-size: 32px;
		line-height: 1.4;
	}
	.where_can_use_it .row .col {
		max-width: 100%;
		width: 100%;
		flex: 0 0 100%;
		display: block;
		padding: 0 10px;
	}
	.where_can_use_it .row .col .image_wrapper .overlay div
	{
		font-size: 27px;
	}
	.tapping_section {
		background-color: #17215C;
		padding: 60px 0;
		position: relative;
	}
	.tapping_section .tapping_content ol li
	{
		font-size: 19px;
		margin-bottom: 9px;
	}
	.tapping_section .tapping_content h2
	{
	  	font-size: 27px;
	}
	.meet_team_section {
		padding: 45px 0 75px;
	}
}


/*.....*/


.video_thumb_smart_online 
{
	top: auto !important;
	bottom: 0 !important;
	text-align: right !important;
	padding-left: 20px !important;
	padding-right: 70px !important;
	background-position: calc(100% - 105px) top !important;
	font-weight: bold !important;
}
.smart_online_banking_video_wrapper
{
	margin-top: 35px !important;
}
.smart_online_banking_video_section
{
	position: relative;
}
.smart_online_banking_video_section .overlay
{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 540px;
	width: 100%;
	background-color: #F0F0F0;
}
.wrapper_whats_new
{
	margin-top: 50px;
}
.whats_new_cols
{
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 40px;
	gap: 15px 0;
}
.whats_new_cols .col
{
	width: 100%;
	max-width: 50%;
	flex: 0 0 50%;
	padding-left: 15px;
	padding-right: 15px;
}
.whats_new_box {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
  	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}
.whats_new_box img
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: auto;
	width: 100%;
	z-index: 1;
}
.whats_new_box .image_wrapper
{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 62%;
	position: relative;
}
.whats_new_box .image_wrapper img 
{
	position: absolute;
	width: 100%;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
}
.whats_new_box .content_wrapper {
	position: relative;
	padding: 10px 30px 30px;
	z-index: 2;
	background-color: #4e738a;
	display: flex;
	height: 100%;
	flex-direction: column;
}
.whats_new_box .content_wrapper .inner_content
{
	position: relative;
	z-index: 1;
}
.whats_new_box .content_wrapper::before 
{
	content: "";
	height: 100px;
	width: calc(100% - 7px);
	background-color: #4e738a;
	opacity: 0.7;
	position: absolute;
	left: 3px;
	right: 0;
  	top: -62px;
	transform: skew(-9deg) rotate(-9deg);
}
.whats_new_box .content_wrapper::after {
	content: "";
	height: 100px;
	width: calc(100% - 7px);
	background-color: #4e738a;
	opacity: 1;
	position: absolute;
	left: 3px;
	right: 0;
	top: -43px;
	transform: skew(-9deg) rotate(-9deg);
}
.whats_new_box .content_wrapper h4 
{
	color: #ffffff;
	font-size: 32px;
	font-weight: 700;
	display: block;
	line-height: 1.4;
	margin-bottom: 15px;
}
.whats_new_box .content_wrapper ul,
.whats_new_box .content_wrapper ol
{
	padding-left: 10px;
}
.whats_new_box .content_wrapper p,
.whats_new_box .content_wrapper ul,
.whats_new_box .content_wrapper ol
{
	font-size: 16px;
	line-height: 1.4;
	color: #ffffff;
}
.whats_new_box .content_wrapper ul li,
.whats_new_box .content_wrapper ol li
{
	margin-bottom: 5px;
	position: relative;
	padding-left: 12px;
}
.whats_new_box .content_wrapper ul li:before,
.whats_new_box .content_wrapper ol li:before
{
	content: "";
	width: 5px;
	height: 5px;
	background-color: #ffffff;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 8px;
}
.whats_new_box .content_wrapper ul li:last-child,
.whats_new_box .content_wrapper ol li:last-child
{
	margin-bottom: 0;
}
.wrapper_what_need_know
{
	margin-top: 50px;
}
.what_need_know_cols
{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 22px;
	gap: 15px 0;
}
.what_need_know_cols .col
{
	max-width: 33.33%;
	flex: 0 0 33.33%;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
.title_content_box
{
	position: relative;
	background-color: #f7f7f7;
	display: flex;
	flex-direction: column;
	height: 100%;
  	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}
.title_content_box h4 {
	color: #fff;
	font-weight: 600;
	background-color: #015841;
	font-size: 23px;
	padding: 20px;
	line-height: 1.4;
}

.what_need_know_cols .title_content_box h4 {
	padding: 15px 10px 20px;
	text-align: center;
	max-width: 100%;
	height: auto;
}
.wrapper_what_need_know .what_need_know_cols .title_content_box h4
{
	min-height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.title_content_box .content_wrapper
{
	background-color: #F0F0F08C;
	padding: 25px 25px;
}
.custom_green_heading {
	min-height: auto !important;
	justify-content: flex-start !important;
  	padding-left: 25px !important;
	padding-right: 20px !important;
	text-align: left !important;
}
.what_need_know_cols .title_content_box .content_wrapper
{
	background-color: transparent;
}

.title_content_box .content_wrapper ul
{
	padding-left: 0;
}
.title_content_box .content_wrapper > ul li::before {
	content: "";
	width: 5px;
	height: 5px;
	top: 7px;
	left: 0;
	position: absolute;
	background-color: #000000;
	border-radius: 100%;
}
.title_content_box .content_wrapper > ul li
{
	position: relative;
	padding-left: 12px;
	line-height: 1.4;
	font-size: 16px;
	font-weight: 400;
}
.title_content_box .content_wrapper > ul > li
{
	margin-bottom: 20px;			
}
.title_content_box .content_wrapper > ul > li:last-child
{
	margin-bottom: 0;			
}
.title_content_box .content_wrapper > ul li::before {
	content: "";
	width: 5px;
	height: 5px;
	top: 8px;
	left: 0;
	position: absolute;
	background-color: #000000;
}
.title_content_box .content_wrapper > ul li ul {
	padding-left: 15px;
	margin-top: 10px;
}
.title_content_box .content_wrapper > ul > li ul li
{
	position: relative;
}
.title_content_box .content_wrapper > ul > li ul li
{
	margin-bottom: 8px;
}
.title_content_box .content_wrapper > ul > li ul li:last-child
{
	margin-bottom: 0;
}
.what_need_know_cols_treasure .col 
{
	max-width: 50%;
	flex: 0 0 50%;
}
.service_change_timeline_p
{
	font-size: 18px !important;
}
.service_change_timeline_p  span
{
	color: #72253D !important;
    font-weight: 600;
}
.service_changes_timeline .col .title_content_box
{
	background-color: #ffffff;
	position: relative;
	height: auto;
	box-shadow: none;
}
.service_changes_timeline .col .title_content_box .content_wrapper
{
	border-bottom: 1px solid #C7C7C7;
	background-color: #ffffff;
  	padding: 15px 0;
}
.service_changes_timeline .col .title_content_box .content_wrapper:last-child
{
	border-bottom: none;
}
.service_changes_timeline .col .title_content_box .content_wrapper h5
{
	color: #17215C;
	font-size: 20px;
	text-align: left;
	margin-bottom: 15px;
}
.service_changes_timeline .col .title_content_box .content_wrapper ul
{
	position: relative;
    margin-left: 10px;
} 
.service_changes_timeline .col .title_content_box .content_wrapper ul li
{
	margin-bottom: 7px;
}
.support_resources_block 
{
	position: relative;
	background-color: #4e738a;
	margin-top: 40px;
  	padding: 40px 55px !important;
  	box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.15);
}
.support_resources_block h2 {
	color: #ffffff;
	font-size: 40px;
	display: inline-block;
	padding-bottom: 0;
	margin-bottom: 15px;
}
.support_resources_block p 
{
	color: #ffffff;
	font-size: 18px !important;
	text-align: left;
	max-width: 650px;
}
.support_resources_block .overlay {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	justify-content: flex-end;
	align-items: flex-end;
	z-index: 1;
	height: auto;
	background-color: transparent;
	display: flex;
}
.support_resources_block .overlay img
{
	height: 152px;
	width: auto;
	display: block;
}
.support_resources_block .inner_wrapper
{
	position: relative;
	z-index: 2;
}

@media only screen and (max-width: 767px)
{
	.whats_new_cols .col
	{
		max-width: 100%;
		flex: 0 0 100%;
	}
	.whats_new_box .content_wrapper h4
	{
		font-size: 31px;
	}
	.whats_new_cols
	{
  		gap: 25px 0;
	}
	.what_need_know_cols .col
	{
		max-width: 100%;
		flex: 0 0 100%;
	}
	.what_need_know_cols
	{
  		gap: 25px 0;
	}
	.what_need_know_cols_treasure .col {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.title_content_box h4
	{
		font-size: 24px;
	}
	.service_change_timeline_p
	{
		margin-bottom: 45px;
	}
}

.online_banking_coming_soon {
	position: relative;
	color: #17215C;
	font-size: 16px;
	display: flex;
	justify-content: center;
	gap: 8px;
	background-color: #fff;
	padding: 10px 0;
	font-weight: 600;
	text-decoration: none;
	font-family: 'Area Normal';
}
.online_banking_coming_soon span {
	background-color: #A9CBB2;
	color: #012D20;
	border-radius: 100px;
	text-transform: uppercase;
	padding: 0 8px;
	font-size: 15px;
	font-family: 'Area Normal';
}
.online_banking_coming_soon:hover div
{
	text-decoration: underline !important;
}
.online_banking_coming_soon_outer
{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	background-color: #fff;
}


.multiBtns {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
    margin-bottom: 60px;
}
.multiBtns .button { 
  width: 100%;
  max-width: 420px;

 }

.multiBtns .learnBtn {
  display: inline-block;
  text-align: center;
  width: 100%;
  max-width: 420px;
  padding: 0 0 15px 0;
  line-height: 1.2;
}
@media only screen and (max-width: 767px)
{
  	.smart_banking_hero .inner-banner-bar .text h2 
  	{
	    display: block;
	    font-size: 27px;
	    line-height: 1.3;
  	}
	.mobile_wallet_video_wrapper .community-bar
	{
  		height: auto !important;
	}
	.video_thumb_smart_online
	{
	  	padding-right: 23px !important;
  	  	background-position: calc(100% - 50px) top !important;
	}
}
@media only screen and (max-width: 490px)
{
	.smart_online_banking_video_wrapper .community-bar .video .videobg
	{
		background-size: contain;
	}
	.title_content_box h4 {
		font-size: 21px;
	}
}

/**/


.careers_what_can_content .heading_wrapper h2 img
{
	display: inline-block;
}
.using_zelle_section
{
	padding: 60px 0;
}
.zelle_boxes_wrapper
{
	display: flex;
	align-items: flex-start;
	margin-left: -15px;
	margin-right: -15px;
	gap: 20px 0;
}
.zelle_boxes_wrapper .col
{
	flex: 0 0 33.33%;
	max-width: 33.33%;
	widows: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
.zelle_boxes_wrapper .col .content_wrapper 
{
	background-color: #F0F0F08C;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 40px 25px;
}
.zelle_boxes_wrapper .col .content_wrapper .icon_wrapper {
	position: relative;
	text-align: center;
	margin-bottom: 15px;
}
.zelle_boxes_wrapper .col .content_wrapper .icon_wrapper img 
{
	display: inline-block;
	height: 52px;
}
.zelle_boxes_wrapper .col .content_wrapper .title_wrapper
{
	position: relative;
	margin-bottom: 12px;
}
.zelle_boxes_wrapper .col .content_wrapper .title_wrapper h3 
{
	text-align: center;
	color: #17215C;
	font-weight: 400;
	font-size: 32px;
}
.zelle_boxes_wrapper .col .content_wrapper .desc_wrapper
{
	position: relative;
}
.zelle_boxes_wrapper .col .content_wrapper .desc_wrapper p
{
	text-align: center;
	padding-bottom: 0;
	font-size: 16px;
}
.using_zelle_section .zelle_boxes_wrapper
{
  	margin-top: 12px;
}
.Zelle_business_video_wrapper 
{
	background-color: #F7F7F7;
	padding-top: 20px;
	padding-bottom: 80px;
}
.video_content_wrapper 
{
	position: relative;
	display: flex;
	padding: 60px 0px 0;
	margin-left: -15px;
	margin-right: -15px;
}
.video_content_wrapper .col
{
	width: 100%;
	max-width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
.video_content_wrapper .col.first_col {
	flex: 0 0 63%;
	max-width: 63%;
	border-right: 1px solid #000000;
}
.video_content_wrapper .col.second_col {
	flex: 0 0 35%;
	max-width: 35%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.how_to_use_wrapper2 h3
{
	color: #17215C !important;
	font-size: 36px;
}
.how_to_use_wrapper2 p,
.how_to_use_wrapper2 ul,
.how_to_use_wrapper2 ol
{
	margin-bottom: 0;
	padding-left: 0;
	color: #3F3D3D;
	font-size: 18px !important;
	line-height: 1.3;
	margin-bottom: 20px;
}
.how_to_use_wrapper2 ol
{
	list-style: decimal;
	margin-left: 20px;
}
.how_to_use_wrapper2 ol li
{
	list-style: decimal;
}
.how_to_use_wrapper2 ul
{
	list-style: disc;
	margin-left: 20px;
}
.how_to_use_wrapper2 ul li
{
	list-style: disc;
}
.how_to_use_wrapper2 ul li,
.how_to_use_wrapper2 ol li
{
  	padding-bottom: 8px;
}
.how_to_use_wrapper2 p:last-child,
.how_to_use_wrapper2 ul:last-child,
.how_to_use_wrapper2 ol:last-child
{
	margin-bottom: 0;
}
.mobile_icons_zelle {
	list-style: none !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	margin-top: 35px !important;
}
.mobile_icons_zelle li
{
	list-style: none !important;
	padding-bottom: 15px !important;
}
.faq_wrapper 
{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 20px;
  	margin-top: 20px;
}
.faq_wrapper .item
{
	position: relative;
}	
.faq_wrapper .item button 
{
	display: block;
	width: 100%;
	background-color: #F0F0F08C;
	padding: 20px 20px;
	font-size: 24px;
	text-align: left;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	cursor: pointer;
	color: #17215C;
	font-weight: 700;
	font-family: 'Area Normal';
	padding-right: 50px;
	position: relative;
}
.faq_wrapper .item .faq_content
{
	position: relative;
	font-size: 18px;
	line-height: 1.6;
	display: none;
}
.faq_wrapper .item .faq_content .inner_content
{
	position: relative;
	padding: 25px 25px;
}
.faq_wrapper .item button span 
{
	position: absolute;
	right: 25px;
	top: 28px;
	transform: rotate(0deg);
	line-height: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.faq_wrapper .item button span svg path { fill: #17215C; }
.faq_wrapper .item button.active span
{
	transform: rotate(-180deg);
}
.text_faq_small_busienss p 
{
	font-size: 18px !important;
}
.faq_bottom_wrapper
{
	padding-top: 60px;
	text-align: left;
}
.faq_bottom_wrapper p 
{
	text-align: left !important;
}
.faq_section_zelle {
	position: relative;
	padding: 50px 0 55px;
}
.faq_wrapper .item .faq_content .inner_content p,
.faq_wrapper .item .faq_content .inner_content ol,
.faq_wrapper .item .faq_content .inner_content ul
{
	font-size: 18px !important;
	margin-bottom: 20px;
  	font-family: 'Area Normal';
	  	color: #0E153E;
}
.faq_wrapper .item .faq_content .inner_content p:last-child,
.faq_wrapper .item .faq_content .inner_content ol:last-child
.faq_wrapper .item .faq_content .inner_content ul:last-child
{
	margin-bottom: 0;
}
.faq_wrapper .item .faq_content .inner_content ol,
.faq_wrapper .item .faq_content .inner_content ul
{
  	font-size: 18px !important;
  	list-style: decimal;
  	padding-left: 20px;
}
.faq_wrapper .item .faq_content .inner_content ol li,
.faq_wrapper .item .faq_content .inner_content ul li
{
	list-style: decimal;
	font-size: 18px !important;
}
.faq_wrapper .item .faq_content .inner_content ol li:last-child,
.faq_wrapper .item .faq_content .inner_content ul li:last-child
{
	padding-bottom: 0;
}
.zelle_boxes_wrapper .col .content_wrapper
{
	width: 100%;
}
@media only screen and (max-width: 991px) 
{
	.zelle_boxes_wrapper .col
	{
		flex: 0 0 100%;
	  	max-width: 100%;
	}
	.zelle_boxes_wrapper .col .content_wrapper
	{
		width: 100%;
	}
	.zelle_boxes_wrapper
	{
		flex-wrap: wrap;
	}
}
@media only screen and (max-width: 767px) 
{
	.video_content_wrapper
	{
		flex-wrap: wrap;
	}
	.video_content_wrapper .col.first_col {
		flex: 0 0 100%;
		max-width: 100%;
		border-right: none;
		margin-bottom: 30px;
	}
	.video_content_wrapper .col.second_col {
		flex: 0 0 100%;
		max-width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.Zelle_business_video_wrapper 
	{
		background-color: #F7F7F7;
		padding-top: 20px;
		padding-bottom: 55px;
	}
	.faq_wrapper .item button
	{
		font-size: 20px;
	}
	.faq_bottom_wrapper {
		padding-top: 45px !important;
		text-align: left;
	}
}

/**/


.treasury_resources_section
{
	background-color: #f0f0f0;
	padding: 0 0 90px;
}
.treasury_resources_section .wrapper
{
	max-width: 1290px;
}
.treasury_resources_content
{
	position: relative;
}
.treasury_resources_content h3 {
	font-weight: 600;
	text-align: center;
	color: #51758c;
	font-size: 41px;
	margin-bottom: 20px;
}
.treasury_resources_content p {
	position: relative;
	text-align: center;
	color: #868686;
	font-size: 16px;
	font-weight: 500;
}
.pdf_column_boxes 
{
	position: relative;
	display: flex;
	align-items: flex-start;
	margin-top: 25px;
	margin-left: -15px;
	margin-right: -15px;
}
.pdf_column_boxes .col_item {
	width: 100%;
	max-width: 33.33%;
	flex: 0 0 33.33%;
	padding: 0 15px;
}
.pdf_column_boxes .col_item .heading_wrapper
{
	position: relative;
	margin-bottom: 25px;
}
.pdf_column_boxes .col_item .heading_wrapper h4
{
	font-weight: 600;
	text-align: center;
	color: #51758c;
	font-size: 23px;
	text-align: center;
}
.pdf_column_boxes .col_item .image_wrapper
{
	position: relative;
	min-height: 200px;
}
.pdf_column_boxes .col_item .image_wrapper img
{
	width: 100%;			
	max-width: 100%;
	height: auto;
}
.pdf_column_boxes .col_item .image_wrapper .overlay {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(81, 117, 140, 0.65);
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.pdf_column_boxes .col_item .image_wrapper .overlay a 
{
	color: #204a3b;
	font-size: 21px;
	display: flex;
	text-align: center;
	background-color: #ffffff;
	border-radius: 10px;
	padding: 11px 20px;
	font-weight: 600;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	font-family: 'TradeGothicBold';
  	box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
  	-webkit-transition: all .3s ease;
  	transition: all .3s ease;
}
.pdf_column_boxes .col_item .image_wrapper .overlay a:hover,
.pdf_column_boxes .col_item .image_wrapper .overlay a:focus
{
	transform: scale(1.06);
}
.pdf_column_boxes .col_item .image_wrapper .overlay a:focus
{
  	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}
.pdf_column_boxes .col_item .image_wrapper .overlay a span
{
	line-height: 0;
}
@media only screen and (max-width: 991px) 
{
	.treasury_resources_content h3
	{
		font-size: 34px;
	}
	.treasury_resources_section
	{
		padding: 0 0 55px;
	}
	.pdf_column_boxes
	{
		flex-direction: column;
		gap: 40px;
	}
	.pdf_column_boxes .col_item
	{
		max-width: 100%;
		flex: 0 0 100%;
	}
}

/* Investor Relations Page CSS */
.inner-banner-bar.inner-banner-bar2 {
    background-image: none !important;
    margin: 0;
    padding: 78px 0 51px;
}

.inner-banner-bar.inner-banner-bar2:before, .inner-banner-bar.inner-banner-bar2:after {
    display: none;
}

.inner-banner-bar.inner-banner-bar2 .text:before {
    display: none;
}

.inner-banner-bar.inner-banner-bar2 h1 {
    color: #31D0FF;
    font-size: 19px;
}

.inner-banner-bar.inner-banner-bar2 h2 {
    color: #17215C;
    padding: 0;
}

.inner-banner-bar.inner-banner-bar2 .text {
    min-height: inherit;
    max-width: inherit;
}
.inner-banner-logo {
    max-width: 195px;
}
.whowe-box.whowe-box2 {
    padding-top: 0;
}

.whowe-box.whowe-box2 .whowe-top {
    background-color: #F6F6F6;
    background-position: center 100px;
    padding: 45px 0 60px;
}
.united-in-purpose {
    background-color: #ffffff;
    border-top: 14px solid #17215C;
    margin-top: 30px;
    padding: 55px 30px 75px;
}

.united-in-purpose h2 {
    color: #17215C;
    font-size: 45px;
    font-weight: 700;
    font-family: 'TradeGothicLTBold';
}

.united-in-purpose h3 {
    color: #17215C;
    font-size: 24px;
    font-family: 'TradeGothicBold';
    padding-bottom: 30px;
}

.whowe-box .whowe-top .united-in-purpose p {
    max-width: 864px;
    color: #626262;
}

.button-group {
    padding-top: 48px;
    gap: 48px;
    display: flex;
    justify-content: center;
}

.button-group .button {
    padding: 12px 15px 8px;
}
.whowe-box.whowe-box2 .information-list {
    max-width: inherit;
}

.timeline-section {
    padding: 74px 0 114px;
}

.timeline-section h2 {
    padding-bottom: 48px;
}

.timeline-item {
    background-color: #F6F6F6;
    border-top: 5px solid #17215C;
    padding: 31px;
    min-height: 174px;
}

.timeline-content h4 {
    color: #17215C;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px; /* 95.833% */
    padding-bottom: 10px;
}

.timeline-content p {
    padding: 0;
}

.timeline-content {
    color: #393939;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    font-family: 'TradeGothicNextLTPro-Lt';
}
.timeline-wrapper {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.timeline-wrapper:after {
    content: "";
    height: 3px;
    background-color: #6992A1;
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    z-index: -1;
    width: 100%;
}
@media only screen and (max-width: 767px) {
	.inner-banner-bar.inner-banner-bar2 .text h2 {
		display: block;
	}

	.inner-banner-bar.inner-banner-bar2 .text {
		display: block;
	}

	.inner-banner-logo {
		margin-top: 30px;
	}
}

/* Investor Relations Page CSS */


.apexcardterms {
    text-align: left;
  font-size: 12px;
  line-height: 1.4;
  max-width: 580px;
  margin: 12px auto 0;
  font-weight: 600;
    padding: 15px 25px;
}


.page-template-template-bank-merger .inner-banner-bar.inner-banner-bar2 h2 {
    color: #17215C;
}

.page-template-template-bank-merger .inner-banner-bar.inner-banner-bar2 h1 {
    color: #17215C;
}

.page-template-template-bank-merger .news_sec h3 a {
    color: #17215C;
}

.page-template-template-bank-merger .reports-box .reports-block h3 {
    color: #17215C;
}

.page-template-template-bank-merger .reports-box .reports-block ul li a::after {
  background: url('../images/pdf-icon-blue.png')no-repeat;
}

.page-template-template-bank-merger .button {
    background-color: #17215C;
}

.page-template-template-bank-merger h2 {
    color: #17215C;
}

.page-template-template-bank-merger #header-part, .page-template-template-bank-merger .online_banking_coming_soon_outer, .page-template-template-bank-merger footer {
    display: none;
}
.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus):first-letter, .wp-block-button.is-style-outline, a {
    color: #45B97A;
}
.mayalso_bar, .birthday-banner-bar { margin-bottom: 0px !important; }


/*1-5-26*/
a { font-weight: 700; }
#wrapper .ant-btn { height: auto; text-align: center; transition:all 0.3s; -webkit-transition:all 0.3s; background: none !important; color: #0E153E; font-size: 15px; line-height: 20px; padding: 8px 12px; cursor: pointer; font-family: 'Area Extended'; font-weight: 800; letter-spacing: 0.6px; display: inline-block; border-radius: 3px; border: 2px solid #31D0FF; text-transform: capitalize; display: inline-flex; align-items: center; }
#wrapper .ant-btn:hover { color: #0E153E; background:#31D0FF !important; }
#wrapper .jnmGtf { height: auto; }
#wrapper .dJhvCK { align-items: center; }
#wrapper .ant-btn * { color: #0E153E !important; }
#wrapper .ant-btn svg path { stroke: #0E153E }

.get_in_touch_wrapper .address_wrapper svg path,
.get_in_touch_wrapper .email_wrapper svg path,
.get_in_touch_wrapper .contact-wrapper ul li svg path { fill:#45B97A; }
#wrapper .jnmGtf { flex-wrap: wrap; align-items: center; justify-content: center; }
.page-business-online-banking .busines-contant-bar.treschild .info { padding-bottom: 0px;}
/* === Tighten gap between intro/heading section and content article === */
/* Page: Business Construction & Mortgage Loans (and similar layouts) */

.contentintrobar {
    padding: 30px 0 0; /* was 40px 0 20px */
}

.contentintrobar .textbg {
    padding-bottom: 0; /* was 15px */
}

.busines-contant-bar {
    padding: 10px 0 30px; /* was 30px 0 */
}

/* Optional: also tighten the bottom of the intro <h2> heading */
.contentintrobar h2 {
    padding-bottom: 10px; /* was 20px */
}

/* Remove default left margin from bullet lists inside .mortgage_contant_bar */
.mortgage_contant_bar .subtext ul {
    margin-left: 0;
}

/* === Strip Title Case from .extra-small-main-block-title globally
   so backend sentence case is preserved. === */
.extra-small-main-block-title,
.extra-small-main-block-title *,
.extra-small-main-block-title h1,
.extra-small-main-block-title h2,
.extra-small-main-block-title h3,
.extra-small-main-block-title h4,
.extra-small-main-block-title h5,
.extra-small-main-block-title h6,
.extra-small-main-block-title p,
.extra-small-main-block-title span {
    text-transform: none !important;
}
#wrapper .jnmGtf .ant-btn { margin: 5px 10px; }

/* ============================================================
   868jkvpxw — Business Online Banking "Contact us" button.
   REBUILD: every prior attempt was placed in style.css but
   custom.css is enqueued AFTER style.css (functions.php:229
   loads `custom` with cache-buster `time()`). The cascade
   resolves here, so this is the only authoritative place to
   restore the cyan-bordered white box.

   We don't know which exact element renders the button on this
   page (could be ACF `<a class="button contact_btn">` from
   template-treasury-child.php, or a Gutenberg
   `<a class="wp-block-button__link">` inside `the_content()`),
   so target BOTH variants under any container, scoped to the
   page slug + the treschild article so we don't bleed into
   unrelated pages.
   ============================================================ */
html body.page-business-online-banking .busines-contant-bar a.button,
html body.page-business-online-banking .busines-contant-bar a.button.contact_btn,
html body.page-business-online-banking .busines-contant-bar a.contact_btn,
html body.page-business-online-banking .busines-contant-bar a.wp-block-button__link,
html body.page-business-online-banking .busines-contant-bar .wp-block-button > a,
html body.page-business-online-banking .busines-contant-bar.treschild a.button,
html body.page-business-online-banking .busines-contant-bar.treschild a.button.contact_btn,
html body.page-business-online-banking .busines-contant-bar.treschild a.contact_btn,
html body.page-business-online-banking .busines-contant-bar.treschild a.wp-block-button__link,
html body.page-business-online-banking .busines-contant-bar.treschild .wp-block-button > a {
    display: inline-block !important;
    position: relative !important;
    z-index: 5 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 200px !important;
    margin: 16px auto 0 !important;
    padding: 12px 36px !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #0E153E !important;
    font-family: 'Area Extended' !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    letter-spacing: 0.6px !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #31D0FF !important;
    border-top: 2px solid #31D0FF !important;
    border-right: 2px solid #31D0FF !important;
    border-bottom: 2px solid #31D0FF !important;
    border-left: 2px solid #31D0FF !important;
    border-radius: 3px !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: none !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    outline: none !important;
}
html body.page-business-online-banking .busines-contant-bar a.button:hover,
html body.page-business-online-banking .busines-contant-bar a.button.contact_btn:hover,
html body.page-business-online-banking .busines-contant-bar a.contact_btn:hover,
html body.page-business-online-banking .busines-contant-bar a.wp-block-button__link:hover,
html body.page-business-online-banking .busines-contant-bar .wp-block-button > a:hover,
html body.page-business-online-banking .busines-contant-bar.treschild a.button:hover,
html body.page-business-online-banking .busines-contant-bar.treschild a.button.contact_btn:hover,
html body.page-business-online-banking .busines-contant-bar.treschild a.contact_btn:hover,
html body.page-business-online-banking .busines-contant-bar.treschild a.wp-block-button__link:hover,
html body.page-business-online-banking .busines-contant-bar.treschild .wp-block-button > a:hover {
    background: #31D0FF !important;
    background-color: #31D0FF !important;
    color: #0E153E !important;
    border-color: #31D0FF !important;
}
/* Center the button cluster regardless of its wrapper */
html body.page-business-online-banking .busines-contant-bar .wp-block-buttons,
html body.page-business-online-banking .busines-contant-bar .buttons,
html body.page-business-online-banking .busines-contant-bar.treschild .wp-block-buttons,
html body.page-business-online-banking .busines-contant-bar.treschild .buttons {
    text-align: center !important;
    justify-content: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

/* Tighten the heading panel: AVS has 60px top / 80px bottom padding and
   contains an empty .new_video_embed div that adds ~80px of dead space
   between "Business Banking" and "Get started today...". Collapse it. */
html body.page-business-online-banking .busines-contant-bar .info .alert-video-section,
html body.page-business-online-banking .busines-contant-bar.treschild .info .alert-video-section {
    padding-top: 40px !important;
    padding-bottom: 20px !important;
}
html body.page-business-online-banking .busines-contant-bar .info .alert-video-section .new_video_embed:empty,
html body.page-business-online-banking .busines-contant-bar.treschild .info .alert-video-section .new_video_embed:empty {
    display: none !important;
}

/* Extend the grey "Get started today" <p> band so the Contact-us button
   below it sits on grey instead of straddling the grey/white edge.
   The <p> already has background:#f0f0f0; we just grow its padding-bottom
   to extend the band down past the button, then make .subtext relative
   so the button can be absolutely positioned at the bottom of the band. */
html body.page-business-online-banking .busines-contant-bar .info > p,
html body.page-business-online-banking .busines-contant-bar.treschild .info > p {
    padding-bottom: 120px !important;
    position: relative !important;
}
html body.page-business-online-banking .busines-contant-bar .subtext,
html body.page-business-online-banking .busines-contant-bar.treschild .subtext {
    position: relative !important;
}
html body.page-business-online-banking .busines-contant-bar .subtext > a.button.contact_btn,
html body.page-business-online-banking .busines-contant-bar.treschild .subtext > a.button.contact_btn {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 40px !important;
    top: auto !important;
    margin: 0 !important;
    z-index: 5 !important;
}
/* Hide the original (now redundant) bottom padding so the layout doesn't
   leave a huge gap below the gray band. */
html body.page-business-online-banking .busines-contant-bar {
    padding-bottom: 0 !important;
}

/* ============================================================
   Cluster A — Mobile hero text centering (single global rule
   covers 16 subtasks of 868jmr7pd):
     868jn0qm6, 868jn0uf6, 868jn1xr7, 868jn20ve, 868jn262h,
     868jn270t, 868jn287p, 868jn2a72, 868jn2arq, 868jn2bak,
     868jn2dap, 868jn2dpb, 868jn2g8r, 868jn2hrw, 868jn2jgj,
     868jn2kj6

   QA on /personal/mobile-wallet/ at 430px viewport showed
     .contentintrobar .textbg { text-align: start }
     .contentintrobar .textbg h1, h2 { text-align: start }
   while desktop renders these centered/styled. On mobile the
   eyebrow + headline drop into the natural flow below the
   hero image and read awkwardly when left-aligned. Center
   them site-wide at the standard ≤767px mobile breakpoint —
   does not touch desktop.

   Scope: only the .contentintrobar block (the hero title
   container that sits right under .inner-banner-bar). Body
   copy below in .busines-contant-bar / .work_more keeps
   whatever alignment it has per page.
   ============================================================ */
@media only screen and (max-width: 767px) {
    .contentintrobar,
    .contentintrobar .wrapper,
    .contentintrobar .wrapper2,
    .contentintrobar .textbg {
        text-align: center !important;
    }
    .contentintrobar .textbg h1,
    .contentintrobar .textbg h2,
    .contentintrobar .textbg h3,
    .contentintrobar .textbg p,
    .contentintrobar .textbg .subtitle,
    .contentintrobar h1,
    .contentintrobar h2,
    .contentintrobar h3,
    .contentintrobar p {
        text-align: center !important;
    }
    /* Buttons inside the intro bar should center too */
    .contentintrobar .textbg .buttons,
    .contentintrobar .textbg .wp-block-buttons,
    .contentintrobar .buttons,
    .contentintrobar .wp-block-buttons {
        justify-content: center !important;
        text-align: center !important;
    }
}

/* ============================================================
   Cluster B — Mobile hero/header whitespace cleanup
   (868jn1h4a, 868jn1vfh)

   Defect: on individual branch detail pages (single-locations.php),
   the .inner-banner-bar has:
     margin-bottom: 110px      (style.css:3206 — desktop overlay
                                title pattern)
     .text { position: absolute; top: 100% }   — places title
                                                 in the 110px gap
   And responsive.css:1443 at ≤767px hides .inner-banner-bar .text h2
   site-wide, leaving ONLY the small "LOCATIONS" h1 inside that
   110px reserved gap. Net effect: tall whitespace strip below
   the hero image with one orphan "LOCATIONS" label.

   Fix on mobile (≤767px):
     1. Reveal the location-name <h2> so the page identifies itself.
     2. Tighten the banner margin-bottom from 110px to a value that
        only reserves room for the actual overlay content (auto +
        small buffer).
     3. Pull the absolutely-positioned .text back inside the banner's
        natural flow so we don't depend on a fixed-px gap.
   ============================================================ */
@media only screen and (max-width: 767px) {
    /* Show the location name on mobile (it's the meaningful title).
       Sized down to ~18px so long location names like
       "Martinez – Furys Ferry Office" don't wrap to 3 lines and
       the header feels proportional to desktop. */
    .single-locations section.inner-banner-bar .text h2,
    body.single-locations .inner-banner-bar .text h2 {
        display: block !important;
        font-size: 18px !important;
        line-height: 1.25 !important;
        margin: 0 !important;
        padding: 0 !important;
        letter-spacing: 0 !important;
    }
    .single-locations section.inner-banner-bar .text h1,
    body.single-locations .inner-banner-bar .text h1 {
        font-size: 13px !important;
        line-height: 1.2 !important;
        padding-bottom: 2px !important;
    }
    /* Location detail section title ("Welcome to Vallant Bank")
       was 26px on mobile, oversized vs desktop scale. Bring down
       to 20px with a tighter line-height. The "On 375 Furys
       Ferry Road..." sub h4 stays modest. */
    body.single-locations .location-section .location-main-title h2 {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }
    body.single-locations .location-section .location-main-title h4 {
        font-size: 15px !important;
        line-height: 1.3 !important;
    }
    /* Shrink the over-reserved gap and pull the title overlay
       back into normal flow on mobile so there's no orphan
       whitespace strip below the hero image. */
    body.single-locations section.inner-banner-bar,
    body.single-locations section.inner-banner-bar:has(.inner h1),
    body.single-locations section.inner-banner-bar:has(.inner h2) {
        margin-bottom: 0 !important;
        overflow: visible !important;
    }
    body.single-locations section.inner-banner-bar .text,
    body.single-locations section.inner-banner-bar:has(.inner h1) .text,
    body.single-locations section.inner-banner-bar:has(.inner h2) .text {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        min-height: 0 !important;
        height: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 20px 0 24px !important;
        text-align: left !important;
        display: block !important;
    }
    body.single-locations section.inner-banner-bar .text .inner {
        text-align: left !important;
    }
    body.single-locations section.inner-banner-bar .text .inner h1,
    body.single-locations section.inner-banner-bar .text .inner h2,
    body.single-locations section.inner-banner-bar .text .inner .subtitle {
        text-align: left !important;
    }
    body.single-locations section.inner-banner-bar .text .inner h1 {
        padding-bottom: 4px !important;
    }
    /* The cyan underline after .inner sits left-aligned to match the
       heading above it. */
    body.single-locations section.inner-banner-bar .text .inner::after {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* "All Branch Locations" archive page (ticket 868jn1vfh):
       template-location.php has NO hero, so the only whitespace
       to remove is whatever empty wrapper padding sits above the
       navy "Find a branch near me" hero block. The .location-bar
       container itself starts flush with the header, but any
       residual padding-top on the embedded shortcode container
       reads as awkward space. Belt-and-suspenders: zero out
       margin/padding above the embedded map+search block. */
    body.page-id-223 #content-part,
    body.page-id-223 .location-bar,
    body.page-id-223 .location-bar > * {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

/* ============================================================
   Cluster C — Footer fixes

   868jn15aq — Business loan child pages render an empty
   `.birthday-banner-bar` (template-business-loans-child.php:127)
   as a 150px-tall band above the footer when its ACF fields
   (is_sub_title, is_main_title, is_video_popup_link, is_image)
   are all unset. With no content but a fixed height it reads as
   a "Stay Connected gets cut off" defect because the empty band
   visually merges with the footer-bar background. Hide the
   section entirely when it has no rendered content.

   Pages affected per ticket: Capital Expansion Loans,
   BusinessManager, Cashflow Lease, Commercial Line of Credit,
   Equipment Loans, Letter Of Credit, Revolving Lines of Credit,
   Short Term Inventory Loans — all use
   template-business-loans-child.php.
   ============================================================ */
section.birthday-banner-bar:not(:has(.banner-dt h2)):not(:has(.banner-dt h6)):not(:has(.play-btn a)):not(:has(.banner-img img)) {
    display: none !important;
}
/* Belt-and-suspenders: if a Banner-Block exists but its inner
   .banner-info is empty (no text content), collapse the
   section. */
section.birthday-banner-bar .banner-block:empty,
section.birthday-banner-bar .banner-info:empty,
section.birthday-banner-bar .banner-dt:empty {
    display: none !important;
}

/* ============================================================
   868jn1tzd — Branch Locations archive (/branch-locations/)
   falls back to index.php which calls
   template-parts/footer-menus-widgets and renders the default
   WordPress sidebar widgets (Search, Recent Comments, Archives,
   Categories, Meta, Log in, Entries feed, Comments feed,
   WordPress.org) on top of the map view. The page also auto-
   generates the title "Archives: Locations".

   Fix on the post-type-archive-locations body class only so
   this doesn't impact other archive pages:
     1. Hide the WP default widget sidebar
     2. Hide the auto-generated "Archives: Locations" header
     3. Hide the pagination if it renders empty
   ============================================================ */
body.post-type-archive-locations aside.footer-widgets-outer-wrapper,
body.post-type-archive-locations .footer-widgets-outer-wrapper,
body.post-type-archive-locations .footer-widgets,
body.post-type-archive-locations .footer-widgets-wrapper,
body.post-type-archive-locations .widget,
body.post-type-archive-locations .widget_recent_comments,
body.post-type-archive-locations .widget_archive,
body.post-type-archive-locations .widget_categories,
body.post-type-archive-locations .widget_meta,
body.post-type-archive-locations .widget_search,
body.post-type-archive-locations .footer-nav-widgets-wrapper,
body.post-type-archive-locations .footer-inner,
body.post-type-archive-locations .footer-top,
body.post-type-archive-locations nav.footer-menu-wrapper,
body.post-type-archive-locations ul.footer-menu,
body.post-type-archive-locations .footer-social-wrapper {
    display: none !important;
}
body.post-type-archive-locations header.archive-header,
body.post-type-archive-locations .archive-header,
body.post-type-archive-locations h1.archive-title {
    display: none !important;
}
/* Strip default index.php main padding so the location map
   sits flush under the header as it would on the standard
   template-location.php page. */
body.post-type-archive-locations main#site-content {
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================================
   868jn0gzx — Locations Phone/Fax label spacing.
   WPSL renders each contact line as:
     <p class="wpsl-contact-details">
       <span><strong>Phone</strong>: 706.425.2223</span>
       <span><strong>Fax</strong>: 706.425.2256</span>
     </p>
   The plugin's own CSS sets `#wpsl-result-list .wpsl-contact-details
   span { display: block }` so Phone/Fax stack — but on iOS Safari
   the auto data-detector wraps the phone number in an
   `<a class="x-apple-data-detectors" href="tel:...">` element that
   inherits some line-height/block behavior, breaking the number
   onto its own line and leaving "Phone:" stranded above an empty
   row. Force the span contents inline + tight line-height so
   "Phone: 706.425.2223" reads as a single compact line and the
   block-stack between Phone and Fax stays clean.
   ============================================================ */
.wpsl-contact-details,
#wpsl-result-list .wpsl-contact-details {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}
.wpsl-contact-details span,
#wpsl-result-list .wpsl-contact-details span {
    display: block !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
}
.wpsl-contact-details span > *,
#wpsl-result-list .wpsl-contact-details span > *,
.wpsl-contact-details span strong,
.wpsl-contact-details span a {
    display: inline !important;
    line-height: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* iOS Safari data-detector tel: link — keep inline, no
   line-break, no extra spacing. */
.wpsl-contact-details span a[href^="tel:"],
.wpsl-contact-details span a.x-apple-data-detectors,
#wpsl-result-list .wpsl-contact-details span a[href^="tel:"],
#wpsl-result-list .wpsl-contact-details span a.x-apple-data-detectors {
    display: inline !important;
    white-space: nowrap !important;
    color: inherit !important;
    text-decoration: inherit !important;
}
/* Tighten the strong label-to-number gap: a thin space after the
   colon reads cleaner than the browser's default word-spacing. */
.wpsl-contact-details span strong,
#wpsl-result-list .wpsl-contact-details span strong {
    margin-right: 2px !important;
}

/* ============================================================
   Locations "Find a branch near me" search block — center the
   Zip Code input and Search button on mobile.
   At 430px the WPSL search wrapper renders:
     .wpsl-input label    — text-align: center (OK)
     #wpsl-search-input   — float: left, x=53 (off-center)
     #wpsl-search-btn     — margin-left: 87.5px hack (acceptable
                             but cleaner via auto-center)
   Kill the float and use auto-margins to center both controls
   horizontally inside .wpsl-search on mobile.
   ============================================================ */
@media only screen and (max-width: 767px) {
    .location-bar .wpsl-search,
    .map_sec .wpsl-search,
    body.post-type-archive-locations .wpsl-search,
    body.page-id-223 .wpsl-search {
        text-align: center !important;
    }
    .location-bar #wpsl-search-input,
    .map_sec #wpsl-search-input,
    body.post-type-archive-locations #wpsl-search-input,
    body.page-id-223 #wpsl-search-input {
        float: none !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .location-bar #wpsl-search-btn,
    .map_sec #wpsl-search-btn,
    body.post-type-archive-locations #wpsl-search-btn,
    body.page-id-223 #wpsl-search-btn {
        float: none !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .location-bar .wpsl-search-btn-wrap,
    .map_sec .wpsl-search-btn-wrap,
    body.post-type-archive-locations .wpsl-search-btn-wrap,
    body.page-id-223 .wpsl-search-btn-wrap {
        text-align: center !important;
    }

    /* Locations result-list cards — reduce all text sizes so the
       cards feel proportional on mobile. Title was 17px, address +
       contact + more info were all 14px which renders oversized
       on iPhone widths. All text uses Area Normal, line-height 1.6,
       and paragraphs get 10px bottom padding for vertical rhythm. */
    #wpsl-stores li,
    #wpsl-stores li *,
    .location-bar #wpsl-stores li,
    .location-bar #wpsl-stores li * {
        font-family: 'Area Normal', sans-serif !important;
        line-height: 1.6 !important;
    }
    #wpsl-stores li strong,
    #wpsl-stores li .wpsl-title,
    .location-bar #wpsl-stores li strong {
        font-size: 14px !important;
    }
    #wpsl-stores li,
    #wpsl-stores li p,
    #wpsl-stores li .wpsl-address,
    .location-bar #wpsl-stores li,
    .location-bar #wpsl-stores li p {
        font-size: 12px !important;
    }
    .location-bar #wpsl-result-list li p {
        padding-bottom: 10px !important;
    }
    #wpsl-stores li .wpsl-contact-details,
    #wpsl-stores li .wpsl-contact-details span,
    #wpsl-stores li .wpsl-contact-details strong,
    .location-bar #wpsl-stores li .wpsl-contact-details,
    .location-bar #wpsl-stores li .wpsl-contact-details span {
        font-size: 12px !important;
    }
    #wpsl-stores li .wpsl-info-link,
    #wpsl-stores li a.wpsl-info,
    #wpsl-stores li .wpsl-directions-wrap a {
        font-size: 11px !important;
    }
    /* Distance label "5.3 mi" next to the pin icon */
    #wpsl-stores li .wpsl-distance,
    #wpsl-stores li .wpsl-direction-before,
    .location-bar #wpsl-stores li .wpsl-distance {
        font-size: 12px !important;
    }

    /* ============================================================
       868jn1qaf — Checking Accounts text overlap.
       On Business Checking + sister listing pages, each card uses
       `.money_market_bar .itembox .item .learnBtnDiv` with
       `position: absolute; bottom: 10px` (style.css:1163-1170).
       On mobile the feature list (Monthly Fee / Min to Open /
       Interest / Min Daily Balance) is tall enough that the
       absolutely-positioned "Account Details" button lands on
       top of the last row, overlapping the text.

       Source DOM order inside each .item is:
         0: H3 (title)
         1: P (description)
         2: DIV.learnBtnDiv (button + footnote)
         3: UL.month_list (feature list)
       So just dropping absolute positioning puts the button BEFORE
       the feature list. Use flex column + `order` to keep the
       button last visually while letting it flow normally.
       ============================================================ */
    .money_market_bar .itembox .item,
    .money_market_bar.businessloan .itembox .item {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: 0 !important;
        padding-bottom: 30px !important;
        margin-bottom: 24px !important;
    }
    .money_market_bar .itembox .item .learnBtnDiv,
    .money_market_bar .itembox .item.checking-acc-block .learnBtnDiv,
    .money_market_bar.businessloan .itembox .item .learnBtnDiv {
        position: static !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        width: auto !important;
        margin: 20px auto 0 !important;
        padding: 0 !important;
        text-align: center !important;
        order: 99 !important;          /* push button to the bottom of the flex column */
    }
    /* get_started_bar cards (Personal Loans "Ways To Get Started"
       — MyFasTrack / All-The-Way-Home / MyFlexFunds) render the
       CTA as a bare <a class="learnBtn"> directly inside .item,
       not wrapped in .learnBtnDiv. Same intent: drop it to the
       bottom of the flex column with spacing above. Keep its
       own button padding intact. Also covers .money_market_bar
       cards on Finding-a-Loan and similar templates that render
       the same bare-learnBtn pattern without the .get_started_bar
       modifier. */
    .money_market_bar.get_started_bar .itembox .item > a.learnBtn,
    .get_started_bar .itembox .item > a.learnBtn,
    .money_market_bar .itembox .item > a.learnBtn {
        position: static !important;
        margin-top: 20px !important;
        order: 99 !important;
    }
    /* All other children stay in their natural source order */
    .money_market_bar .itembox .item > h3,
    .money_market_bar .itembox .item > h4,
    .money_market_bar .itembox .item > p,
    .money_market_bar .itembox .item > ul,
    .money_market_bar .itembox .item > .month_list,
    .money_market_bar .itembox .item > .itembox_p,
    .money_market_bar .itembox .item > .contents,
    .get_started_bar .itembox .item > h3,
    .get_started_bar .itembox .item > .contents {
        order: 1 !important;
    }
    /* Same for the inner feature-list paragraph that had a forced
       350px min-height (style.css:1183 .itembox_p). On mobile it
       inflates the card unnecessarily, but content needs to flow,
       so just zero it. */
    .itembox_p {
        min-height: 0 !important;
    }

    /* ============================================================
       868jn24w8 — High-Yield Interest Checking (and any
       .money_market_bar.totally_free_bar / .interest_checking
       page) renders cards 2-per-row at ~168px wide on mobile
       because of higher-specificity desktop rule
         .money_market_bar.totally_free_bar .itembox .item
           { width: calc(48.3% - 13px) }  @ max-width:1023px
       which beats the 767px mobile width rule on specificity
       (0,4,0 vs 0,3,0). Force 100% width on mobile for all
       these card variants.
       ============================================================ */
    .money_market_bar .itembox .item,
    .money_market_bar.totally_free_bar .itembox .item,
    .money_market_bar.interest_checking .itembox .item,
    .money_market_bar.savingac .itembox .item,
    .money_market_bar.businessloan .itembox .item,
    .money_market_bar.investparent .itembox .item,
    .money_market_bar.twobytow .itembox .item,
    .money_market_bar.treasury .itembox .item {
        width: 100% !important;
        max-width: none !important;
        flex: 0 0 100% !important;
        flex-basis: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 24px !important;
    }
    /* Ensure the itembox lets cards stretch full width — kill any
       max-width that forced 375px on the parent. */
    .money_market_bar .itembox,
    .money_market_bar.totally_free_bar .itembox,
    .money_market_bar.interest_checking .itembox {
        max-width: none !important;
        width: 100% !important;
    }

    /* ============================================================
       868jn2ceg — Lost/Stolen Debit Card steps centering.
       Page uses .traditional_bar .itembox > .text containers,
       each holding an icon and a step description. The
       .traditional_bar rule at responsive.css:297 sets
         .traditional_bar .itembox .text { width: calc(50% - 10px) }
       which sticks at viewports ≤1023px. On mobile that gives 3
       different-width siblings (icons centered within each but
       each container is content-sized so icons drift horizontally
       step to step). Force each .text to 100% width on mobile so
       icons line up vertically down the page center.
       ============================================================ */
    .traditional_bar .itembox .text,
    .traditional_bar.report_card .itembox .text,
    .busines-contant-bar.traditional_bar .itembox .text {
        width: 100% !important;
        max-width: none !important;
        flex: 0 0 100% !important;
        margin: 0 auto 20px !important;
        text-align: center !important;
    }
    .traditional_bar .itembox .text img,
    .traditional_bar.report_card .itembox .text img {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }

    /* ============================================================
       868jn11nh — Meet the Team: Helen Caldwell's "Email" line
       sits flush against Michael Shelby's headshot below.
       Root cause: style.css:4481-4483 zeros margin-top on the
       FIRST TWO .item cards (intended for desktop 2-column grid
       where items 1+2 share row 1). On mobile the layout
       collapses to 1 column, so the :nth-child(2) override leaves
       Michael with no top margin — his headshot touches Helen's
       email line.

       Fix: on mobile, re-apply the 60px margin-top to
       :nth-child(2). Keep :first-child at 0 so the page doesn't
       start with extra space above Helen.

       NOTE: the ticket also requests "higher resolution headshots"
       — that's an asset/upload issue, not CSS. Leaving that part
       for a content fix; CSS only addresses the spacing defect.
       ============================================================ */
    .page-template-template-team .michael_shelby_bar .itembox .item:nth-child(2) {
        margin-top: 60px !important;
    }
    .michael_shelby_bar .itembox .item:nth-child(2) {
        margin-top: 60px !important;
    }

    /* ============================================================
       868jn1p8k — Online Banking Security chart cutoff.
       Page has 8 <table> elements with inline-style `width: 1000px`
       and `table-layout: fixed`, wrapped in `.information_box1`
       containers that have `overflow: scroll`. On mobile the
       tables overflow the 400px container by 600px so the chart
       text reads as cut off (horizontal scroll exists but isn't
       obvious to users).

       Fix on mobile: force tables to fit the container (width:
       100%, table-layout: auto, word-wrap on cell content). The
       first column has a `.factbox` badge with fixed 112-113px
       width which is OK — only kill the OUTER table width.
       ============================================================ */
    .privacy_content_bar .information_box1,
    .privacy_content_bar .information_box1 > table,
    .information_box1 > table,
    .information_box1 table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: auto !important;
        overflow: visible !important;
    }
    .privacy_content_bar .information_box1 {
        overflow-x: visible !important;
        overflow-y: visible !important;
    }
    .privacy_content_bar table td,
    .information_box1 table td,
    .information_box1 table th {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        max-width: 100% !important;
    }
    /* Keep the factbox badge column narrow but not pinned at
       113px when the container is tight. */
    .privacy_content_bar table td.factbox,
    .information_box1 table td.factbox {
        width: 50px !important;
        padding: 20px 8px !important;
    }
    /* For tables that have only one column (intro paragraphs),
       remove the 113px factbox restriction entirely. */
    .privacy_content_bar table tr:only-child td:only-child,
    .information_box1 table tr:only-child td:only-child {
        width: auto !important;
    }
}

/* iPad portrait (768-1023): the checking/savings account cards
   inherit the desktop `.money_market_bar .itembox .item .learnBtnDiv`
   rule (style.css:1163) which positions the CTA absolute at the
   bottom of the card. On iPad portrait the card heights collapse
   enough that the absolute button overlaps the Monthly Fee / Min to
   Open / Min Daily Balance feature list above it. Flip it to static
   flow at this range too (matching the mobile fix in the block above)
   so the button sits below the feature list instead of on top of it. */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .money_market_bar .itembox .item,
    .money_market_bar.businessloan .itembox .item {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        padding-bottom: 30px !important;
    }
    .money_market_bar .itembox .item .learnBtnDiv,
    .money_market_bar .itembox .item.checking-acc-block .learnBtnDiv,
    .money_market_bar.businessloan .itembox .item .learnBtnDiv {
        position: static !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        width: auto !important;
        margin: 20px auto 0 !important;
        padding: 0 !important;
        text-align: center !important;
        order: 99 !important;
    }
    .money_market_bar.get_started_bar .itembox .item > a.learnBtn,
    .get_started_bar .itembox .item > a.learnBtn,
    .money_market_bar .itembox .item > a.learnBtn {
        position: static !important;
        margin-top: 20px !important;
        order: 99 !important;
    }
    .money_market_bar .itembox .item > h3,
    .money_market_bar .itembox .item > h4,
    .money_market_bar .itembox .item > p,
    .money_market_bar .itembox .item > ul,
    .money_market_bar .itembox .item > .month_list,
    .money_market_bar .itembox .item > .itembox_p,
    .money_market_bar .itembox .item > .contents {
        order: 1 !important;
    }
}

body.single-locations section.inner-banner-bar {
    overflow: visible !important;
    margin-bottom: 135px !important;
}
body.single-locations section.inner-banner-bar .text {
    height: auto !important;
    min-height: 0 !important;
    align-items: flex-start !important;
    padding-top: 20px !important;
}
body.single-locations section.inner-banner-bar:has(.inner h1) .inner h1,
body.single-locations section.inner-banner-bar:has(.inner h2) .inner h2,
body.single-locations section.inner-banner-bar:has(.inner h1) .inner .subtitle {
    padding-bottom: 2px !important;
}
body.single-locations section.inner-banner-bar:has(.inner h1) .inner::after,
body.single-locations section.inner-banner-bar:has(.inner h2) .inner::after {
    margin-top: 6px !important;
}

body.page-how-to-get-a-mortgage .busines-contant-bar.treschild h3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.page-money-smart-games .busines-contant-bar .work_more .has-text-align-center > a.learnBtn {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#menu-item-22253,
#mega-menu-item-22253 {
    display: none !important;
}
body.page-id-17290 .content.home-buyer-pg,
body.page-classes-and-events .content.home-buyer-pg {
    display: none !important;
}

.Privacy_bar ol {
    list-style: decimal outside !important;
    padding-left: 1.5em !important;
    margin: 0 0 1em !important;
}
.Privacy_bar ol li {
    list-style: decimal outside !important;
    display: list-item !important;
}

body.page-id-123 .inner-banner-bar,
body.page-id-123 #content-part,
body.page-id-123 .content,
body.page-id-6334 .inner-banner-bar,
body.page-id-6334 #content-part,
body.page-id-6334 .content,
body.page-id-18414 .inner-banner-bar,
body.page-id-18414 .vdeo-resources-wrp,
body.page-id-18414 #content-part,
body.page-id-18414 .content,
body.page-id-2650 .inner-banner-bar,
body.page-id-2650 #content-part,
body.page-id-2650 .content,
body.page-id-18541 .inner-banner-bar,
body.page-id-18541 #content-part,
body.page-id-18541 .content,
body.page-id-18541 section.description,
body.page-id-18541 section.content-wrapper {
    display: none !important;
}

body.page-id-392 .mayalso_bar.temp-hide {
    display: block !important;
}

body.page-id-495 .inner-banner-bar,
body.page-id-440 .inner-banner-bar,
body.page-id-514 .inner-banner-bar {
    background-position: center top !important;
}

body.page-id-531 .inner-banner-bar,
body.page-id-531 #content-part {
    display: none !important;
}

.augusta_mlo_team_section .augusta_mlo_team_heading,
.augusta_webpage_team_section .augusta_mlo_team_heading {
    text-align: center;
    margin: 0 auto 140px;
    padding-top: 20px;
    font-size: 40px;
    line-height: 1.2;
    color: #0E153E;
    font-weight: 700;
    max-width: 100%;
}
@media only screen and (max-width: 767px) {
    .augusta_mlo_team_section .augusta_mlo_team_heading,
    .augusta_webpage_team_section .augusta_mlo_team_heading {
        font-size: 28px;
        margin-bottom: 130px;
        padding-top: 16px;
    }
}
body.page-id-20785 .garden_city_locations_section {
    padding: 30px 0 40px !important;
}
body.page-id-20785 .augusta_webpage_image_section {
    margin-top: 20px !important;
    padding-bottom: 30px !important;
}
body.page-id-20785 .augusta_mlo_team_section,
body.page-id-20785 .augusta_webpage_team_section {
    padding-top: 140px !important;
    padding-bottom: 50px !important;
}

.what_would_bar .itembox {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.what_would_bar .itembox > .text {
    display: flex;
    flex-direction: column;
    height: auto;
}
.what_would_bar .itembox > .text > img {
    flex-shrink: 0;
}
.what_would_bar .itembox > .text > .sub {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.what_would_bar .itembox > .text > .sub > a.learnBtn {
    margin-top: auto;
}

body.page-id-983 .contentintrobar .textbg h1:nth-of-type(2) {
    text-transform: none;
    font-size: 48px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 1.44px;
    color: #0E153E;
    padding-top: 8px;
}
@media only screen and (max-width: 767px) {
    body.page-id-983 .contentintrobar .textbg h1:nth-of-type(2) {
        font-size: 32px;
        letter-spacing: 0.96px;
    }
}
body.page-id-983 .mortgage_contant_bar .wrapper .subtext {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}
body.page-id-983 .contentintrobar .wrapper {
    max-width: 1170px !important;
}

.page-fraud-defense-with-positivepay .busines-contant-bar .info > h2:not(:first-of-type),
.page-fraud-defense-with-positivepay .busines-contant-bar .info > h3:not(:first-of-type),
.page-fraud-defense-with-positivepay .busines-contant-bar .info > h4:not(:first-of-type) {
    margin-top: 20px !important;
}
.page-fraud-defense-with-positivepay .busines-contant-bar .info > ul {
    padding-bottom: 24px !important;
}
html body.page-fraud-defense-with-positivepay .busines-contant-bar .info > p:last-of-type {
    padding-bottom: 110px !important;
    position: relative !important;
}
html body.page-fraud-defense-with-positivepay .busines-contant-bar .subtext {
    position: relative !important;
}
html body.page-fraud-defense-with-positivepay .busines-contant-bar .subtext > a.button.contact_btn {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 40px !important;
    margin: 0 !important;
    z-index: 5 !important;
}
html body.page-fraud-defense-with-positivepay .busines-contant-bar {
    padding-bottom: 0 !important;
}

body.page-id-613 .intro.strategies {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}

.services_contant_bar p {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #6c6c6c !important;
    padding: 0 0 16px !important;
    text-align: center !important;
    max-width: 100% !important;
}
.services_contant_bar p a {
    color: #6c6c6c !important;
    text-decoration: underline !important;
}
.services_contant_bar p a:hover {
    color: #0E153E !important;
}
.services_contant_bar .insured_list {
    border-color: #c8c8c8 !important;
    border-width: 1px !important;
    color: #6c6c6c !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    padding: 10px 16px !important;
}
.services_contant_bar .insured_list ul,
.services_contant_bar .insured_list ul li {
    color: #6c6c6c !important;
    font-size: 11px !important;
    font-weight: 400 !important;
}

body.page-id-2964 .pinnacle_checking_bar .wrapper2 {
    max-width: 1130px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}
body.page-id-2964 .pinnacle_checking_bar .vb-video-wrap {
    position: relative;
    margin: 20px 0;
    max-width: 800px;
    aspect-ratio: 16/9;
    background: #000;
    cursor: pointer;
}
body.page-id-2964 .pinnacle_checking_bar .vb-video-wrap video {
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
}
body.page-id-2964 .pinnacle_checking_bar .vb-video-wrap::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 88px;
    height: 88px;
    margin: -44px 0 0 -44px;
    border-radius: 50%;
    background: rgba(14, 21, 62, 0.75) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='%23ffffff'><path d='M10 6 L26 16 L10 26 Z'/></svg>") center/32px no-repeat;
    pointer-events: none;
    transition: background-color 0.2s;
}
body.page-id-2964 .pinnacle_checking_bar .vb-video-wrap:hover::after {
    background-color: rgba(49, 208, 255, 0.9);
}
body.page-id-2964 .pinnacle_checking_bar .vb-video-wrap.is-playing::after {
    display: none;
}

/* Meet Our Lenders: mobile lacks spacing between lender entries.
   Each lender is a single <p> inside .work_more; the global mobile rule
   (responsive.css ~L1581) zeroes the desktop 44px bottom padding, so the
   names run together. Restore breathing room scoped to this page only. */
@media only screen and (max-width: 767px) {
    body.page-meet-our-lenders .busines-contant-bar .work_more p {
        padding-bottom: 18px;
    }
}

/* Savings Accounts parent template: account tiles run edge-to-edge on mobile.
   .money_market_bar .wrapper has no horizontal padding at narrow widths, so
   the .item cards touch the viewport edges. Add side gutters scoped to this
   template (covers /personal/savings-accounts/ and /business/savings-accounts/). */
@media only screen and (max-width: 767px) {
    body.page-template-template-saving-accounts-parent .money_market_bar .wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Business/Commercial + Personal Credit Card templates: the comparison
   grid should read as alternating bands — card-image rows grey, feature
   rows white — matching pinnaclebank.com/small-business-commercial-cards/.

   The existing rule at style.css:6957-6958 attempted this but was
   overridden by style.css:6420 (.column-item, .column-top, .column-bottom
   { background: transparent !important }, 3 classes) and by the parent
   .compare-accounts grey panel (style.css:6348 / 6381). Adding a body.
   prefix here lifts specificity to 4 classes so .column-top grey and
   .column-bottom white win the cascade. The .compare-accounts container
   also needs to go white so the .column-bottom white cells aren't framed
   by a grey backdrop.

   On mobile the cards stack vertically (custom.css ~L1553-1567), so the
   same banded pattern reads as: card image (grey) → features (white) →
   next card image (grey) → features (white), giving the alternating
   grey/white block look from the reference. Same selectors cover the
   .compare-accounts.column-3 (Commercial Cards) variant. */
body.page-template-template-business-and-commercial-credit-card .compare-accounts,
body.page-template-template-personal-credit-card .compare-accounts {
    background: #ffffff !important;
}
body.page-template-template-business-and-commercial-credit-card .compare-accounts .column-item > .column-top,
body.page-template-template-personal-credit-card .compare-accounts .column-item > .column-top {
    background-color: #f0f0f0 !important;
}
body.page-template-template-business-and-commercial-credit-card .compare-accounts .column-item > .column-bottom,
body.page-template-template-personal-credit-card .compare-accounts .column-item > .column-bottom {
    background-color: #ffffff !important;
}


.vb-speedbump-overlay { position: fixed; inset: 0; background: rgba(14,21,62,0.75); display: flex; align-items: center; justify-content: center; z-index: 999999; padding: 20px; }
.vb-speedbump { position: relative; width: 100%; max-width: 732px; min-height: 429px; background: linear-gradient(135deg, #0E153E 0%, #17215C 60%, #2A55A6 100%); color: #fff; padding: 96px 80px 64px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; }
.vb-speedbump-overlay button.vb-speedbump__close,
body .vb-speedbump button.vb-speedbump__close { position: absolute !important; top: 0 !important; right: 0 !important; width: 64px !important; height: 64px !important; min-width: 0 !important; min-height: 0 !important; max-width: 64px !important; background: #17215C !important; background-color: #17215C !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; cursor: pointer; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; font: inherit !important; line-height: 1 !important; text-transform: none !important; letter-spacing: 0 !important; color: #fff !important; }
.vb-speedbump-overlay button.vb-speedbump__close:hover { background: #2A55A6 !important; background-color: #2A55A6 !important; }
.vb-speedbump-overlay button.vb-speedbump__close svg { width: 22px !important; height: 22px !important; display: block; }
.vb-speedbump-overlay button.vb-speedbump__close svg path { stroke: #31D0FF !important; }
.vb-speedbump__body { color: #fff; font-size: 18px; line-height: 1.5; text-align: center; margin: 0 0 48px; }
.vb-speedbump__actions { display: flex; justify-content: center; }
.vb-speedbump__continue { display: inline-block; padding: 14px 44px; border: 1px solid #31D0FF; color: #fff !important; background: transparent; text-decoration: none; font-weight: 600; font-size: 18px; letter-spacing: 0.3px; }
.vb-speedbump__continue:hover { background: #31D0FF; color: #0E153E !important; }
@media (max-width: 600px) {
    .vb-speedbump { min-height: 0; padding: 72px 24px 40px; }
    .vb-speedbump__body { font-size: 15px; margin-bottom: 28px; }
    .vb-speedbump-overlay button.vb-speedbump__close { width: 48px !important; height: 48px !important; max-width: 48px !important; }
    .vb-speedbump__continue { padding: 12px 32px; font-size: 16px; }
}


@media only screen and (min-width: 769px) {
	.header-bar #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu li.mega-menu-item ul.sub-menu { display: block; visibility: hidden; opacity: 0; transition: opacity .1s ease .14s, visibility 0s linear .25s; }
	.header-bar #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu li.mega-menu-item ul li:hover ul.sub-menu { visibility: visible; opacity: 1; transition: opacity .1s ease .14s, visibility 0s linear .14s; }
}