﻿.headquarters{
	padding-bottom:4rem;
	position:relative;
}
.headquarters > .row{
	align-items:stretch;
	position: relative;
}
.headquarters> .row > .col-lg-4{
	position:absolute;
	left: 1rem;
	height: 100%;
	width: 100%;
	object-fit: cover;
	z-index: 1;
	padding: 0;
}
.headquarters > .row > .col-lg-4 .card{
	height: 100%;
	width: 100%;
	opacity: 0;
	transform: translateX(-100%);
}
.headquarters > .row > .col-lg-4 .card .card-img-top{
	height:100%;
	width:100%;
	object-fit:cover;
	border-radius: .5rem;
}
.headquarters .col-lg-8{
	position:relative;
	max-width:100%;
	flex:0 0 100%;
	padding: 0;
}
.headquarters .col-lg-8 .topSection{
	padding-top:4rem;
	padding-bottom:2rem;
	background-color:#f5f6f8
}
.headquarters .col-lg-8 .topSection .appTitle{
	margin-bottom: 1.5rem;
	opacity: 0;
	transform: translateY(100%);
}
.headquarters .col-lg-8 .topSection p{
	line-height: 2.5rem;
	font-family: var(--avenirMedium);
	opacity: 0;
	transform: translateY(100%);
}
.headquarters .col-lg-8 .contactInformations{
	display:flex;
	flex-wrap:wrap;
	padding-top:1rem;
}
.headquarters .col-lg-8 .contactInformations  .col-lg-4{
	/* padding:0; */
	max-width: 30%;
	border-right:1px solid rgb(0 0 0 / 10%);
}
.headquarters .col-lg-8 .contactInformations  .col-lg-4:last-child{
	border:none;
}
.headquarters .col-lg-8 .contactInformations .card{
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	border: 1px solid #d9d9d9;
	width: 21.4rem;
	padding: 1rem;
	margin-right: 2rem;
	border-radius: 0.6rem;
	opacity: 0;
	transform: translateY(100%);
}
.headquarters .col-lg-8 .contactInformations .card .icon{
	height: 3.8rem;
	width: 3.8rem;
	border-radius: 100%;
	border: none;
	background-color: var(--light-purple);
	padding:1rem;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right: 1.5rem;
}
.headquarters .col-lg-8 .contactInformations .card .icon img{
	height:100%;
	width:100%;
	object-fit:contain;
}
.headquarters .col-lg-8 .contactInformations .card .card-title{
	font-family:var(--avenirMedium);
	margin-bottom: .3rem;
}
.headquarters .col-lg-8 .contactInformations .card .card-text{
	font-size:.8rem;
	margin: 0;
}
.headquarters .col-lg-8 .contactInformations .card a,
.headquarters .col-lg-8 .contactInformations .card span{
	color:var(--purple);
	font-family: var(--avenirRegular);
	font-weight: 800;
	font-size:.95rem;
}
.headquarters .col-lg-8 .contactInformations .card a:hover,
.headquarters .col-lg-8 .contactInformations .card span:hover{
	color:var(--purpleHover);
}
@media(min-width:992px){
	.headquarters .col-lg-8 .topSection,
	.headquarters .col-lg-8 .contactInformations{
	padding-left: 33.333333%;
}
.headquarters .col-lg-8 .contactInformations{
	padding-top:3rem;
}
}
@media(min-width:1200px){
	.headquarters > .row > .col-lg-4{
		left:6rem;
		padding-top: 4rem;
	}
	.headquarters .col-lg-8 .topSection,
	.headquarters .col-lg-8 .contactInformations{
	padding-left: 43.666667%;
}
}