/* BA custom theme. */


/* masthead-internal */
.masthead-internal-section{padding:var(--padding-large) 0; background: var(--color-black);}
.masthead-internal-section .section-bg:after{content: ''; background: var(--color-dark60); position: absolute; inset:0;}


/* main-slider */
#main-slider .item{padding-top:16.75rem; padding-bottom:var(--padding-normal);}
#main-slider .content{padding-left:3.9rem;}
#main-slider .item .section-bg:after{content: ''; background: linear-gradient(180deg, rgba(0, 28, 60, 0.20) 0%, rgba(0, 28, 60, 0.80) 100%); position: absolute; inset:0;}
#main-slider .slick-dots{position: absolute; top:17.75rem; left:var(--page-side-gap); margin:0; justify-content: flex-start;}


/* about */
.stat-listing{display: flex; align-items: stretch; gap:1.5rem; margin-top: var(--padding-normal);}
.stat-listing .item{display: flex; flex-direction: column; align-items: flex-start; width:calc((100% - 1.5rem*3)/4); background:var(--color-midnight); padding:2rem; }
.stat-listing .title{font-size:var(--h4);}
.stat-listing .title:after{content: ''; margin-top:var(--margin-small); display: block; height:1px; width:2.75rem; background: var(--color-azure);}
.stat-listing .textbox{margin-bottom:var(--margin-normal);}
.stat-listing .sp-link{margin-top:auto;}


/* services */
.services-section:before{content: ''; pointer-events: none; background: url("../img/bg-sign.svg") no-repeat left top / auto 100%; position: absolute; width:calc(var(--page-side-gap) + var(--container)*0.0833 + 1.5rem); height:9.5625rem; top:4.75rem; right:0;}
.services-section:after{content: ''; pointer-events: none; background: url("../img/bg-sign.svg") no-repeat right bottom / auto 100%; position: absolute; width:calc(var(--page-side-gap) + var(--container)*0.25 + 3rem); height:9.5625rem; bottom:0; left:0;}
.services-listing{display: flex; flex-wrap:wrap; align-items: stretch; gap:1.5rem;}
.services-listing .item{width:calc((100% - 1.5rem*3)/4); background: var(--color-dark-blue); min-height: 24rem; display: flex; align-items: stretch;}
.services-listing .image{position: absolute; inset:0;}
.services-listing .image img{object-fit: cover; width:100%; height:100%;}
.services-listing .image:after{content: ''; background: linear-gradient(180deg, rgba(0, 28, 60, 0.00) 0%, rgba(0, 28, 60, 0.80) 50%, rgba(0, 28, 60, 0.80) 100%) no-repeat left top / 100% 200%; position: absolute; inset:0; transition:background 0.4s ease;}
.services-listing .item:hover .image:after, .services-listing .item .area-link:focus ~ .image:after{background-position: left bottom;}
.services-listing .content{padding:1.5rem 3.5rem 1.5rem 1.5rem; width:100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end;}
.services-listing .title{font-size: var(--h5); font-weight: 500; text-transform: uppercase;}
.services-listing .content:after{content: '\f054'; position: absolute; right:0.5rem; bottom:0.5rem;  color:#fff; background: var(--color-blue); width:2.5rem; height:2.5rem; display: flex; align-items: center; justify-content: center; font: var(--font-icon); font-size:1.25rem; transition:background 0.2s ease;}
.services-listing .item:hover .content:after, .services-listing .item .area-link:focus ~ .content:after{background: var(--color-azure);}
/*.services-listing .item:last-child .content{justify-content: center;}
.services-listing .item:last-child .content:after{content: '\2b';}*/


/* solutions */
.solutions-slider{margin-left:calc(-1*var(--page-side-gap)); margin-right:calc(-1*var(--page-side-gap)); margin-top:var(--padding-normal);}
.solutions-slider .item{--item-height:20rem; min-height: var(--item-height); width:max(calc(var(--container)*0.25),21.25rem); margin:0 0.75rem; background: #fff; padding:2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.solutions-slider .item .textbox{margin-bottom:var(--margin-normal);}
.solutions-slider .item .image{margin-bottom:0; transition:margin 0.2s ease;}
.solutions-slider .item:hover .image{margin-bottom:var(--margin-normal);}
.solutions-slider .item .image img{max-width: 100%;}
.solutions-slider a:not(.area-link){z-index: 5;}

.solutions-slider-controls{display: flex; align-items: center; gap:1rem; padding-bottom:0.35rem;}
.solutions-slider-controls .swiper-button-next, .solutions-slider-controls .swiper-button-prev{position: relative; margin:0; inset:0;}


/* resources */
.res-home-listing{display: flex; align-items: stretch; gap:3.5rem;}
.res-home-listing .item{width:calc((100% - 3.5rem*2)/3); display: flex; align-items: stretch;}

.featured-resource{display: flex; align-items: stretch; margin-top:var(--padding-normal); margin-bottom:var(--padding-normal);}
.featured-resource .image{flex:none; margin-left:calc(-1*var(--page-side-gap)); width:calc(var(--page-side-gap) + var(--container)*0.5 - 1.5rem);}
.featured-resource .image img{position: absolute; inset:0; object-fit: cover; width:100%; height:100%;}
.featured-resource .resource-card{flex-grow:1; justify-content: center; padding:var(--padding-normal) 0 var(--padding-normal) 8.37rem;}
.featured-resource .resource-card:hover{box-shadow: none; background: var(--color-light-grey);}
.featured-resource .resource-card:before{content: ''; background: inherit; position: absolute; top:0; bottom:0; left:0; right:calc(-1*var(--page-side-gap));}
.featured-resource .resource-card .link{display: flex; align-items: center; gap:var(--margin-small) 3.5rem; flex-wrap:wrap; margin-top:0;}
.featured-resource .resource-card .title{margin-bottom:var(--margin-normal); font-size: var(--h3); text-transform: none; font-weight: 400;}
.featured-resource .resource-card .title:after{margin-top:var(--margin-normal);}


/* partnership */
.logos-listing{/* display: flex; flex-wrap:wrap; align-items: center; gap:0.5rem 1.5rem; justify-content: space-evenly; */}
.logos-listing .item{display: flex; align-items: center; justify-content: center; padding:0 1rem;}
.logos-listing .item img{max-width:100%; transition:transform 0.2s ease;}
.logos-listing .item a:hover img, .logos-listing .item :focus img{transform:scale(1.2);}



/* ************************* */
/* FOOTER					 */
/* ************************* */
#footer{margin-top:auto; flex:none; }


.footer-top{background: var(--color-light-grey); padding:var(--margin-big) 0;}
.footer-brand img{width:17rem; max-width: 100%;}
.footer-top address .title{margin-bottom:var(--margin-small); font-size: var(--h6); font-weight: 600; line-height: 1.2; text-transform: uppercase;}

.footer-bottom .container{display: flex; align-items: stretch;}
.footer-bottom .left{display: flex; flex-direction: column; align-items: stretch; width:calc(var(--container)*0.6666 + 2.5rem); flex:none; padding:var(--padding-normal) 3.5rem 0 0;}
.footer-bottom .left .middle{margin-bottom:var(--margin-big);}
.footer-bottom .left .bottom{padding:var(--margin-normal) 0; border-top:1px solid var(--color-light-grey); margin-top:auto;}
.footer-bottom .right{flex-grow:1; background: var(--color-blue); padding:var(--padding-normal) 0 var(--padding-normal) 3.5rem;}
.footer-bottom .right:before{content: ''; background: inherit; position: absolute; top:0; bottom:0; left:0; right:calc(-1*var(--page-side-gap) + 0.5rem);}
.footer-links .title{display: flex; flex-direction: column; font-size: var(--h5); margin-bottom:1rem; font-weight: 500; text-transform: uppercase;}
.footer-links .title:after{content: ''; display: block; margin-top:1rem; width:2.75rem; height:1px; background: var(--color-azure);}
.footer-links ul{padding:0; list-style-type: none; display: flex; flex-direction: column; align-items: flex-start; gap:1rem;}
.footer-links ul a:not(:hover):not(:focus){text-decoration: none; color:var(--color-base);}
.footer-bottom .contact-wrap{flex:none; width:calc(var(--container)*0.25 - 0.5rem); display: flex; flex-direction: column; align-items: center;}
.footer-bottom .contact-wrap .phone{display: flex; align-items: center; gap:0.5rem; font-size: var(--h4); margin-bottom: var(--margin-big);}
.footer-bottom .contact-wrap .phone [class*='fa']{color:var(--color-blue); font-size: 1.25rem;}
.footer-bottom .contact-wrap .phone a{text-decoration: none; color:var(--color-base);}
.footer-bottom .contact-wrap .phone a:hover, .footer-bottom .contact-wrap .phone a:focus{color:var(--color-hover);}
.footer-bottom .buttons-wrap{display: flex; flex-direction: column; align-items: stretch; gap:var(--margin-normal);}
.footer-bottom .bottom .copyright-wrap{gap:var(--margin-small); display: flex; flex-direction: column; align-items: flex-start; color:var(--color-dark-grey); font-size: var(--text-small);}
.footer-bottom .footer-group{display: flex; align-items: flex-start; flex-wrap:wrap;}
.footer-bottom .footer-group > div + div:before{content: '|'; margin:0 0.5rem;}
.footer-bottom .footer-group a:not(:hover):not(:focus){color:inherit;}
.footer-bottom .social-share{width:calc(var(--container)*0.25 - 0.5rem); gap:1rem; display: flex; flex-wrap:wrap; justify-content: center;}
.footer-bottom .social-share a{color:#fff; background: var(--color-blue); text-decoration: none; width:2.5rem; height:2.5rem; border-radius:50%;display: flex; align-items: center; justify-content: center;}
.footer-bottom .social-share a:hover, .footer-bottom .social-share a:focus{background: var(--color-hover);}





/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 1399.98px) {/* xl */
	#page-wrap{box-shadow:inset 0 0 0 0 black;}
	
	.footer-bottom .right{padding-right:1rem;}
	
	.services-section:before{width:calc(var(--page-side-gap) + var(--container)*0.1666);}
	.services-listing .title{font-size: var(--h6);}
	.services-listing .item{min-height: 22rem; }
	
	.res-home-listing{gap:2rem;}
	.res-home-listing .item{width:calc((100% - 2rem*2)/3);}
	
	.featured-resource .resource-card{padding-left:5rem;}
	.featured-resource .resource-card .link{gap:var(--margin-small) 1.5rem;}


}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{box-shadow:inset 0 0 0 0 red;}
	
	.masthead-internal-section{padding:var(--padding-normal) 0;}
	
	.footer-bottom .right{padding-left:2rem; padding-right:0.5rem;}
	.footer-bottom .left{padding-right:2rem;}
	.footer-bottom .social-share{gap:0.5rem;}
	
	#main-slider .item{padding-top:11.75rem;}
	#main-slider .slick-dots{top:12.75rem; }
	
	.stat-listing .item{padding:1.5rem;}
	
	.services-section:before{width:calc(var(--page-side-gap) + var(--container)*0.25);}
	.services-listing .item{min-height: 20rem; }
	
	.res-home-listing{gap:1.5rem;}
	.res-home-listing .item{width:calc((100% - 1.5rem*2)/3);}
	
	.featured-resource .resource-card{padding:var(--margin-big) 1.5rem var(--margin-big) var(--margin-big);}
	.featured-resource{margin-top:0; margin-bottom:var(--margin-big);}
	
	.solutions-slider{margin-top:var(--margin-big);}
	
}

@media (max-width: 991.98px) {/* md */
	#page-wrap{box-shadow:inset 0 0 0 0 green;}
	
	.footer-bottom .right:before{right:-0.75rem; left:-0.75rem;}
	.footer-bottom .right{padding-top:var(--margin-big);}
	.footer-bottom .right{padding-bottom:var(--margin-big);}
	.footer-bottom .container{flex-direction: column-reverse;}
	.footer-bottom .right{padding-left:1.5rem; padding-right:1.5rem;}
	.footer-bottom .left{width:auto; padding-left:1.5rem; padding-right:1.5rem; padding-top:var(--margin-big)}
	.footer-bottom .contact-wrap{width:auto;}
	.footer-bottom .social-share{width:auto;}
	.footer-bottom .left .middle{margin-bottom:var(--margin-big);}
	
	#main-slider .item{padding-top:var(--padding-large);}
	#main-slider .slick-dots{top:calc(var(--padding-large) + 0.75rem); left:2rem; }
	#main-slider .content{padding-left:3rem;}
	
	.stat-listing{flex-wrap:wrap; gap:0.75rem}
	.stat-listing .item{width:calc((100% - 0.75rem)/2); padding:2rem;}
	.stat-listing .title{font-size:var(--h3);}
	
	.services-section:before{width:calc(var(--page-side-gap) + var(--container)*0.25); top:6rem; height:8rem;}
	.services-section:after{height:8rem;}
	.services-listing{gap:0.75rem;}
	.services-listing .item{width:calc((100% - 0.75rem*2)/3);}
	.services-listing .title{font-size: var(--h5);}
	
	.res-home-listing{gap:0.75rem;}
	.res-home-listing .item{width:calc((100% - 0.75rem*2)/3);}
	
	.featured-resource .resource-card{padding-left:2rem;}
	
	.solutions-slider-controls{display: none;}
	.solutions-slider .collapse{display: block;}
	.solutions-slider .item{width:25rem;}
	.solutions-slider .item .image{margin-bottom: var(--margin-normal);}


}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{box-shadow:inset 0 0 0 0 blue;}
		
	#footer{text-align: center;}
	.footer-links ul{flex-direction: row; flex-wrap:wrap; justify-content: center; gap:0.5rem 1.5rem; padding-left:10vw; padding-right:10vw;}
	.footer-links .title{align-items: center;}
	.footer-bottom .bottom .row{flex-direction: column-reverse;}
	.footer-bottom .bottom .copyright-wrap{flex-direction: column-reverse; align-items: center;}
	
	#main-slider .item{padding-top:var(--padding-normal);}
	#main-slider .slick-dots{top:calc(var(--padding-normal) + 0.75rem);}
	
	.services-section:before{width:40vw; top:6rem; height:8rem;}
	.services-listing .item{width:calc((100% - 0.75rem)/2);}
	.services-section:after{height:6rem;}
	
	.res-home-listing{flex-wrap:wrap; gap:var(--margin-normal) 0.75rem;}
	.res-home-listing .item{width:calc((100% - 0.75rem)/2);}
	
	.featured-resource .image{width:calc(var(--page-side-gap) + var(--container)*0.5 - 1.25rem);}
	
}

@media (max-width: 575.98px) {
	#page-wrap{box-shadow:inset 0 0 0 0 yellow;}
	
	.footer-bottom .footer-group{flex-direction: column-reverse; gap:var(--margin-small); align-items: center;}
	.footer-bottom .footer-group > div + div:before{display: none;}
	
	.stat-listing .item{width:100%;}
	
	.services-listing .item{width:100%;}
	.services-listing .title{font-size: var(--h4);}
	.services-listing .item:last-child{min-height: inherit;}
	.services-listing .item:last-child .content:after{bottom:auto;}
	
	.res-home-listing .item{width:100%;}
	
	.featured-resource{flex-direction: column; align-items: stretch;}
	.featured-resource .image{aspect-ratio:1.7777/1; width:auto; margin-left:-0.75rem; margin-right:-0.75rem;}
	.featured-resource .resource-card{padding:1.85rem 1rem;}
	.featured-resource .resource-card:before{left:-0.75rem; right:-0.75rem;}
}

@media (max-width: 360px) {
	#page-wrap{box-shadow:inset 0 0 0 0 red;}

}