/* BA custom theme. */


/* internal masthead */
.masthead-internal-section{padding:var(--padding-large) 0; border-radius:var(--radius-normal); background: var(--color-light-grey);}
.masthead-internal-section .image{width:calc(var(--page-side-gap) + var(--container)*0.5 - 1.5rem); position: absolute; top:0; bottom:0; right:0;}
.masthead-internal-section.compact{padding-top: var(--margin-big); padding-bottom: var(--margin-big);}


/* services */
.services-listing{display: flex; align-items:stretch; gap:3.5rem;}
.services-listing .item{display: flex; align-items:stretch; width:calc((100% - 3.5rem*3)/4);}
.services-listing .inner-wrap{margin-bottom:var(--bottom-padding); display: flex; flex-direction: column; align-items: flex-start; background: #fff; padding:1.5rem; border-radius:var(--radius-normal); transition:box-shadow 0.4s ease, margin 0.4s ease;}
.services-listing .item:hover .inner-wrap{margin-bottom:0; box-shadow:0.75rem 0.75rem 0 0 var(--color-indigo);}
.services-listing .area-link:focus ~ .inner-wrap{box-shadow:0.75rem 0.75rem 0 0 var(--color-green);}
.services-listing .icon{height:6.875rem; margin-bottom:var(--margin-normal);}
.services-listing .icon img{max-height: 100%;}
.services-listing .title{font-size: var(--h5); transition:color 0.2s ease;}
.services-listing .item:hover .title, .services-listing .area-link:focus ~ .inner-wrap .title{color:var(--color-indigo);}
.services-listing .textbox{margin-bottom:0;}
.services-listing a:not(.area-link){z-index: 5;}


/* main-slider */
#main-slider{z-index: 2;}
#main-slider .item{display: flex; align-items: center; padding:10rem 0; border-radius:var(--radius-normal);}
#main-slider .item .image{ left:calc(var(--page-side-gap) + var(--container)*0.3333 + 0.75rem); position: absolute; top:2rem; bottom:0;}
#main-slider .item .image img, #main-slider .item .image video{aspect-ratio:1.8998/1; width:auto; clip-path: polygon(0 100%, 50% 0, 100% 100%);}
#main-slider .item .image:after{content: ''; background: url("../img/shape-tri-right-green.svg") no-repeat left bottom / contain; aspect-ratio:1.0771/1; position: absolute; top:2.49rem; bottom:0; right:-10.96rem; }
#main-slider .slick-dots{bottom:3.5rem; justify-content: flex-start; padding-left:var(--page-side-gap);}


/* trust */
.trust-tab-content .tab-images{margin-bottom:var(--margin-big); display: flex; align-items: stretch; gap:1.5rem;}
.trust-tab-content .tab-images img{aspect-ratio:1.3/1; object-fit: cover; width:100%; height:100%; border-radius:var(--radius-normal);}
.trust-tab-content .tab-images.single-image img{aspect-ratio:2.675/1;}


/* technology */
.tech-section{padding-top:11rem; padding-bottom:var(--padding-normal);}
.tech-section .section-bg:after{content: ''; background: linear-gradient(90deg, rgba(21, 37, 104, 0.80) 0%, rgba(21, 37, 104, 0.00) 100%); position: absolute; top:0; right:0; bottom:0; left:0;}
.tech-section .section-bg:before{content: ''; clip-path: polygon(0 100%, 50% 0, 100% 100%); background: var(--color-indigo); z-index: 2; aspect-ratio:1.8967/1; position: absolute; top:0; bottom:0; right:calc(var(--page-side-gap) + var(--container)*0.5833);}
.tech-section .container{z-index: 3;}


/* resources */
.resources-listing{display: flex; align-items: stretch; gap:3.5rem;}
.resources-listing .item{display: flex; align-items: stretch; width:calc((100% - 3.5rem*2)/3);}


/* logos */
.logos-slider{margin-left:3.5rem; margin-right:3.5rem; margin-top:-1rem; margin-bottom:-1rem;}
.logos-slider .item{display: flex; align-items: center; margin:0 1.75rem; padding-top:1rem; padding-bottom:1rem;}
.logos-slider .item img{max-width: 100%; top:0; transition:top 0.4s ease;}
.logos-slider .item a:hover img{top:-1rem;}

.logos-slider .slick-arrow{position: absolute; top:50%; transform: translateY(-50%);}
.logos-slider .slick-prev{left:-3.5rem;}
.logos-slider .slick-next{right:-3.5rem;}


/* cta-full-block */
.cta-full-block{text-align: center; padding:var(--padding-large) 0;}





/* ************************* */
/* FOOTER					 */
/* ************************* */
#footer{background:#fff; margin-top:auto; flex:none; border-top:1px solid var(--color-grey); }

.footer-top{padding:var(--padding-normal) 0;}

.footer-brand{width: 19.125rem; max-width: 100%;}
.footer-brand img{max-width: 100%;}

.site-map .title{font-size: var(--h6);}
.site-map ul{padding:0; list-style-type: none; display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
.site-map a{color:var(--color-base); text-decoration: none;}
.site-map a:hover, .site-map a:focus{color:var(--color-hover); text-decoration: underline;}

.footer-bottom{padding:var(--margin-normal) 0; border-top:1px solid var(--color-grey); font-size: var(--text-small); color:var(--color-dark-grey);}
.footer-bottom .container{display: flex; align-items: flex-start; justify-content: space-between; gap:3.5rem;}
.footer-bottom .footer-group{display: flex; align-items: flex-start;}
.footer-bottom .footer-group > div{display: flex; align-items: center;}
.footer-bottom .footer-group > div + div:before{content: '|'; margin:0 0.25rem;}
.footer-bottom a:not(:hover):not(:focus){color:inherit;}


/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 1399.98px) {/* xl */
	#page-wrap{box-shadow:inset 0 0 0 0 black;}
	
	.services-listing{gap:2rem;}
	.services-listing .item{width:calc((100% - 2rem*3)/4);}
	
	#main-slider .item{padding:9rem 0;}
	#main-slider .item .image::after {right:-9.5rem;}
	
	.resources-listing{gap:2rem;}
	.resources-listing .item{width:calc((100% - 2rem*2)/3);}

	.logos-slider{margin-left:2rem; margin-right:2rem;}
	.logos-slider .item{margin:0 1rem;}
	.logos-slider .slick-prev{left:-2rem;}
	.logos-slider .slick-next{right:-2rem;}
	
	.tech-section .section-bg:before{right:calc(var(--page-side-gap) + var(--container)*0.5);}

	

}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{box-shadow:inset 0 0 0 0 red;}
	
	.masthead-internal-section{padding:var(--padding-normal) 0;}
	
	.services-listing{gap:1.5rem;}
	.services-listing .item{width:calc((100% - 1.5rem*3)/4);}
	
	#main-slider .item{padding:var(--padding-normal) 0;}
	#main-slider .item .image{top:6rem;}
	#main-slider .item .image::after {right:-8rem;}
	#main-slider .slick-dots{bottom:1.5rem;}
	
	.resources-listing{gap:1.5rem;}
	.resources-listing .item{width:calc((100% - 1.5rem*2)/3);}
	
	.masthead-internal-section .image{width:calc(var(--page-side-gap) + var(--container)*0.4166 - 1.5rem);}
	
	.tech-section .section-bg:before{right:calc(var(--page-side-gap) + var(--container)*0.4166);}

}

@media (max-width: 991.98px) {/* md */
	#page-wrap{box-shadow:inset 0 0 0 0 green;}
	
	.services-listing{flex-wrap:wrap;}
	.services-listing .item{width:calc((100% - 1.5rem)/2);}
	.services-listing .inner-wrap{margin-bottom:0;}
	.services-listing .link, .services-listing .item:hover .link{height:auto;}
	
	.tech-section .section-bg:after{background: linear-gradient(90deg, rgba(21, 37, 104, 0.80) 0%, rgba(21, 37, 104, 0.2) 100%);}
	.tech-section .section-bg:before{right:100%; transform: translateX(calc(50% + var(--container)/12));}
	
	.resources-listing{gap:0.75rem;}
	.resources-listing .item{width:calc((100% - 0.75rem*2)/3);}
	
	.logos-slider{margin-left:0; margin-right:0;}
	.logos-slider .slick-dots{bottom:0; position: relative; margin-top:var(--margin-normal);}
	
	#main-slider .item .image{top:7rem;}
	#main-slider .item .image::after {right:-7.5rem;}
	

}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{box-shadow:inset 0 0 0 0 blue;}
	
	#footer{text-align: center;}
	.footer-brand{margin-left:auto; margin-right:auto;}
	.site-map ul{padding:0 10vw; flex-direction: row; justify-content: center; flex-wrap:wrap; gap:0.5rem 1.5rem;}
	.footer-bottom .container{flex-direction: column-reverse; align-items: center; gap:var(--margin-normal);}
	
	#main-slider .item{padding-top:0;}
	#main-slider .item .image{margin-bottom:var(--margin-big); position: relative; bottom:0; top:0; left:0; width:100%;}
	#main-slider .item{flex-direction: column;}
	#main-slider .slick-track{display: block;}
	#main-slider .slick-list{overflow: hidden;}
	#main-slider .item .image img, #main-slider .item .image video{width:100%;}
	#main-slider .item .image::after {right:auto; left:63%;}
	
	.resources-listing{flex-wrap:wrap; gap:var(--margin-normal);}
	.resources-listing .item{width:100%;}
	
	.masthead-internal-section .image{margin-bottom:var(--margin-big); aspect-ratio:1.777/1; position: relative; margin-top:calc(-1*var(--padding-normal)); width:100%;}
	
	.tech-section .section-bg:after{background: linear-gradient(90deg, rgba(21, 37, 104, 0.80) 0%, rgba(21, 37, 104, 0.4) 100%);}
	.tech-section .section-bg:before{top:7rem;}
	
	.cta-full-block{padding:var(--padding-large) 3.5rem;}
	
}

@media (max-width: 575.98px) {
	#page-wrap{box-shadow:inset 0 0 0 0 yellow;}
	
	.services-listing .item{width:100%;}
	.services-listing .inner-wrap{width:100%;}
	
	.footer-bottom .footer-group{flex-direction: column-reverse; align-items: center; gap:var(--margin-normal);}
	.footer-bottom .footer-group > div + div:before{display: none;}
	
	#main-slider .item .image::after { left:65%;}
	
}

@media (max-width: 360px) {
	#page-wrap{box-shadow:inset 0 0 0 0 red;}

}




