/*  Theme Name:   VALTB AVOCATS THEME
Theme URI:    https://www.valtb-avocats.com/
Description:  Thème du cabinet VALTB
Author:       Guilhem Delachapelle  
Author URI:   https://guilhemdelachapelle.com/
Template:     hello-elementor
Version:      1.0.0 */

html {
	overflow-x: hidden;
}

body {
	--font-sans-serif: "bai-jamjuree", sans-serif;
	--blanc-valtb: #FFFFFF;
	--orange-valtb: #FF7644;
	--bleu-valtb: #4843F4;
	--bleu-fonce-valtb: #070538;
	--orange-fonce-valtb: #290F06;
	--bleu-clair-valtb: #EEEDFD;
	--orange-clair-valtb: #FFF5F3;
	--border-radius: 0px;
	--blur-effect-heavy: blur(50px);
	--blur-effect-light: blur(10px);
	--bg-transparent-white: rgba(255, 255, 255, .2);
	/* backdrop-filter: blur(50px); */
	--rgba-variable: rgba(7, 5, 56, .6);
	--rgba-variable-bg:rgba(7, 5, 56, .8);
	--border-variable: 2px solid black;
	/* overflow-x: hidden; */
}

body h1, body h2, body h3, body h4, body h5, body h6 {
	font-family: var(--font-sans-serif);
	color: var(--bleu-fonce-valtb);
	font-weight: 900;
}

body p {
	font-family: var(--font-sans-serif);
	color: var(--bleu-fonce-valtb);
	font-size: 1em;
	line-height: 2.5;
}

body span {
	font-family: var(--font-sans-serif);
	color: var(--bleu-fonce-valtb);
}

body h1 {
	font-size: 32px;
}

body button {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	border-radius: var(--border-radius);
	font-family: var(--font-sans-serif);
	border: 0px;
	padding: 1em 4em 1em 4em;
	border: var(--border-variable);
	white-space: normal;
}

body button:hover {
	background-color: var(--bleu-valtb);
	color: var(--blanc-valtb);
	transition: .2s;
}

body section {
	margin-bottom: 10em;
}

body a {
	color: var(--bleu-valtb);
	font-family: var(--font-sans-serif);
}

body ul {
	font-size: 1em;
	font-family: var(--font-sans-serif);
	color: var(--bleu-fonce-valtb);
	line-height: 2.5;
	
}

.single ul {
	margin-bottom: 2em;
}

/* Background blur */

.valtb-main-bg {
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: -1;
	opacity: .3;
	top: 0;
	left: 0;
}

.valtb-main-bg-blur {
	width: 100vw;
	height: 100vh;
	backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px);
	-moz-backdrop-filter: blur(50px);
	background-color: rgba(255, 255, 255, .1);
}

/* .valtb-main-bg-dark {
	width: 100vw;
	height: 100vh;
	background-color: var(--bleu-fonce-valtb);
	position: absolute;
	z-index: -2;
}

@media (max-width: 900px) {
	.valtb-main-bg-dark {
		height: 150vh;
	}
}

@media (max-width: 450px) {
	.valtb-main-bg-dark {
		height: 170vh;
	}
}

@media (max-width: 400px) {
	.valtb-main-bg-dark {
		height: 200vh;
	}
} */

.orange-button {
	background-color: var(--orange-valtb);
	color: var(--blanc-valtb);
}

.title-uppercase {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 4px;
}

.title-main {
	font-size: 40px;
}

.title-main-hero-front-page {
	font-size: 50px;
}

@media (max-width: 1200px) {
	.title-main-hero-front-page {
		font-size: 40px;
	}
}

.hero-section-bg {
	position: relative;
}

.hero-section-bg::before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -5;
	background-color: var(--bleu-fonce-valtb);
	top: 0px;
	left: 0px;
}

/* 
* Header Design
*
* */

.main-header {
	z-index: 1000;
	position: absolute;
	height: 130px;
	width: 100vw;
	display: flex;
	justify-content: space-between;
	padding: 1em 3em 1em 3em;
	align-items: center;
}

.main-header .custom-logo-link {
	display: block;
	width: 40px;
}

.header-menu-container {
	position: relative;
	min-width: 40%;
	height: 100%;
	border-radius: var(--border-radius);
	border: var(--border-variable);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 1em;

}

.header-menu-container-bg {
	background-color: var(--bleu-fonce-valtb);
	opacity: .6;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius);
	right: 0;
}

.header-menu-container-blur {
	position: absolute;
	backdrop-filter: var(--blur-effect-light);
	-webkit-backdrop-filter: var(--blur-effect-light);
	-moz-backdrop-filter: var(--blur-effect-light);
	border-radius: var(--border-radius);
	width: 100%;
	height: 100%;
	right: 0;
}

#main-menu-header {
	list-style: none;
	display: flex;
	height: 100%;
	flex-wrap: wrap;
	align-content: center;
}

#main-menu-header {
	margin-bottom: 0px;
}

#main-menu-header li {
	margin-right: 1em;
}

#main-menu-header li a {
	color: var(--blanc-valtb);
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1.5px;
}

#main-menu-header li a:hover {
	color: var(--orange-valtb);
}

#main-menu-header ul {
	padding-inline-start: 0px;
}



.header-menu-container .menu-menu-principal-container, .header-menu-container a {
	z-index: 1;
}

.mobile-nav-container {
	display: none;
}

.site-branding {
	z-index: 2;
}

#main-menu-header .menu-item-95 .sub-menu {
	list-style: none;
	overflow: hidden;
	position: absolute;
	max-height: 0px;
}

@media (min-width: 850px) {

	
	#main-menu-header .menu-item-95:hover .sub-menu {
		padding: 2em;
		border: var(--border-variable);
		max-height: fit-content;
		overflow: auto;
		top: 100px;
		left: -2px;
		backdrop-filter: var(--blur-effect-light);
		-webkit-backdrop-filter: var(--blur-effect-light);
		-moz-backdrop-filter: var(--blur-effect-light);
		background-color: var(--rgba-variable);
	}
	
	#main-menu-header .menu-item-95:hover::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 300px;
		width: 50%;
		z-index: -1;
	}
}

@media (max-width: 850px) {
	.header-menu-container {
		display: none;
	}
	
	.main-header {
		padding: 1em 1.5em 1em 1.5em;
	}
	
	.mobile-nav-container {
		display: block;
	}
	
	.hamburger-button-container {
		z-index: 2;
		position: relative;
		width: 70px;
		height: 70px;
		background-color: var(--rgba-variable);
		backdrop-filter: var(--blur-effect-light);
		-webkit-backdrop-filter: var(--blur-effect-light);
		-moz-backdrop-filter: var(--blur-effect-light);
		border: var(--border-variable);
	}
	
	.mobile-menu-container {
		max-height: 0px;
		overflow: hidden;
		position: absolute;
		transition-duration: 1s;
		width: 100%;
		left: 0px;
		top: 0px;
		min-height: 0px;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: flex-start;
	}
	
	.mobile-menu-container #main-menu-header {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-inline-start: 0px;
		text-align: center;
		opacity: 0;
	}
	
	.mobile-menu-container button {
		opacity: 0;
		transition-duration: .5s;
	}
	
	.mobile-menu-container-active {
		position: fixed;
		/* max-height: fit-content; */
		overflow-y: scroll;
		width: 100%;
		min-height: 100vh;
		backdrop-filter: var(--blur-effect-light);
		-webkit-backdrop-filter: var(--blur-effect-light);
		-moz-backdrop-filter: var(--blur-effect-light);
		background-color: var(--rgba-variable);
		padding-top: 200px;
		padding-bottom: 100px;
		transition-duration: .5s;
	}
	
	.mobile-menu-container-active #main-menu-header, .mobile-menu-container-active button {
		transition-delay: .5s;
		opacity: 1;
		transition-duration: .5s;
	}
	

	
	.mobile-menu-container #main-menu-header li {
		margin-right: 0px;
		margin-bottom: 1em;
	}
	
	.mobile-menu-container #main-menu-header a  {
		font-size: 20px;
	}
	
	/* Manage the list of competence */
	#main-menu-header .competence-item-active .sub-menu {
		overflow: visible;
		max-height: fit-content;
		position: static;
	}
	#main-menu-header .competence-item-active .sub-menu a {
		font-size: 16px;
	}
	
}


/* 
* Homepage hero Section
*
* */

.homepage-hero-section {
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: flex-end;
	position: relative;
	border: var(--border-variable);
}

.homepage-hero-image-container {
	width: 60%;
	height: 100%;
	background-position: center;
	background-size: cover;
	border-left: var(--border-variable);
}

.homepage-hero-image-container::before {
	content: " ";
	width: 100%;
	height: 100%;
	background-color: rgba(7, 5, 56, .4);
	position: absolute;
}

.hero-home-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* .homepage-hero-image-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--bleu-fonce-valtb);
	opacity: .3;
} */

.homepage-hero-content-container {
	position: absolute;
	left: 5%;
	top: 50%;
	transform: translateY(-50%);
	width: 60%;
	padding: 5em;
	text-align: left;
}

.homepage-hero-content-container h1, .homepage-hero-content-container h2,
.homepage-hero-content-container p {
	color: var(--blanc-valtb);
}

@media (max-width: 1500px) {
	.homepage-hero-image-container {
		width: 50%;
	}
	.homepage-hero-content-container {
		width: 70%;
		left: 2%;
	}
}

@media (max-width: 1200px) {
	.homepage-hero-content-container {
		width: 90%;
		padding: 2em;
	}
}

@media (max-width: 900px) {
	.homepage-hero-section {
		height: 120vh;
	}
	.homepage-hero-image-container {
		width: 100%;
		height: 40%;
	}
}

@media (max-width: 550px) {
	.homepage-hero-section {
		height: 150vh;
	}
	.homepage-hero-content-container {
		width: 100%;
		padding: 1em;
	}
}

@media (max-width: 400px) {
	.homepage-hero-section {
		height: 200vh;
	}
	
}

/* Cirlce BG DESIGN */

.circle-bg-border {
	position: relative;
	border-radius: 100%;
	border: var(--border-variable);
}

[class*="circle-bg-border"]::before {
	content: " ";
	border: var(--border-variable);
	display: block;
	border-radius: 100%;
	position: absolute;
	/* margin: -1em 1em 1em -1em; */
	width: 120%;
	height: 120%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

[class*="circle-bg-border"]::after {
	content: " ";
	border: var(--border-variable);
	display: block;
	border-radius: 100%;
	position: absolute;
	/* margin: -1em 1em 1em -1em; */
	width: 140%;
	height: 140%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.circle-bg-border-carroussel {
	width: 400px;
	height: 400px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

[class*="circle-absolute-"] {
	position: relative;
}

[class*="circle-absolute-"]::before {
	display: block;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: .4;
	content: " ";
	width: 130px;
	height: 130px;
	z-index: -1;
}

[class*="circle-absolute-white"]::before {
	background-image: url("http://test.guilhemdelachapelle.com/wp-content/uploads/2025/03/circle-image.png");
}

.circle-absolute-white-top-left::before {
	top: -200%;
	left: -5%;
}

.circle-absolute-white-bottom-left::before {
	bottom: -200%;
	left: -5%;
}

[class*="circle-absolute-dark"]::before {
	background-image: url("http://localhost:8888/valtb-avocats/wp-content/uploads/2025/03/dark-circle.png");
}

.circle-absolute-dark-top-left::before {
	top: -200%;
	left: -5%;
}

.circle-absolute-dark-bottom-left::before {
	bottom: -200%;
	left: -5%;
}

/* 
* Swiper Double Template
*
*
 */
 
 .swiper-double {
	 min-height: 100vh;
	 padding-right: 5em;
	 padding-left: 5em;
 }
 
 .swiper-double .swiper-button-next, .swiper-double .swiper-button-prev {
	 /* color: var(--bleu-valtb); */
 }
 
 .swiper-double .swiper-button-prev {
	 left: 3em;
 }
 .swiper-double .swiper-button-next {
	 right: 3em;
 }
 
.swiper-double .swiper-slide {
	 display: flex;
	 justify-content: space-around;
	 height: 90vh;
	 position: relative;
 }

.swiper-slide-content-container {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: var(--rgba-variable-bg);
	z-index: 2;
	backdrop-filter: var(--blur-effect-light);
	-webkit-backdrop-filter: var(--blur-effect-light);
	-moz-backdrop-filter: var(--blur-effect-light);
	color: var(--blanc-valtb);
	display: flex;
	text-align: center;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 3em;
	border-radius: var(--border-radius);
	border: var(--border-variable);
}
.swiper-slide-content-wrapper {
	width: 50%;
}
.swiper-slide-image-container {
	width: 100%;
	height: 100%;
	max-width: 100%;
	border-radius: var(--border-radius);
	border: var(--border-variable);
	object-fit: cover;
	position: absolute;
	z-index: -1;
}

.swiper-slide-content-container h2, .swiper-slide-content-container h3, .swiper-slide-content-container p {
	color: var(--blanc-valtb);
}

@media (max-width: 1100px) {
	.swiper-slide-content-wrapper {
		width: 100%;
	}
}

@media (max-width: 600px) {
	.swiper-double {
		padding-right: 1em;
		padding-left: 1em;
	}
	
	.swiper-double .swiper-slide {
		height: 120vh;
	}
	.swiper-double .swiper-button-prev {
		left: .5em;
	}
	.swiper-double .swiper-button-next {
		right: .5em;
	}
}

/* 
* Swiper Competence Template
*
*
* */

.swiper-competence-introduction-container {
	padding: 0px 10em 5em 10em;
}

.swiper-competence-description {
	column-count: 2;
	column-gap: 5em;
}

.swiper-competences {
	padding-left: 10em;
	min-height: 700px;
	display: flex;
	align-items: center;
	position: relative;
	cursor: grab;
}

.swipper-competences-buttons-container {
	position: absolute;
	top: 0;
	width: 140px;
	height: fit-content;
	display: flex;
	justify-content: space-between;
}

.swiper-competences .swiper-button-custom {
	position: static;
}

.swiper-button-custom {
	margin-top: 0px;
	color: var(--bleu-fonce-valtb);
	background-color: var(--blanc-valtb);
	width: 60px;
	height: 60px;
	border-radius: 100%;
	border: var(--border-variable);
}

.swiper-button-custom::after {
	font-size: 30px;
	font-weight: bold;
}

.swiper-competences .swiper-slide {
	width: auto;
	min-height: 500px;
	position: relative;
}

.swiper-competence-img-container {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius);
	border: var(--border-variable);
	background-size: cover;
	background-position: center;
}

.swiper-competences .swiper-slide .swiper-slide-blur {
	position: absolute;
	width: 100%;
	max-height: 100%;
	height: 100%;
	backdrop-filter: var(--blur-effect-light);
	-webkit-backdrop-filter: var(--blur-effect-light);
	-moz-backdrop-filter: var(--blur-effect-light);
	border-radius: var(--border-radius);
	padding: 2em;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	/* justify-content: flex-end; */
	left: 40px;
	bottom: 40px;
}

.swiper-competence-item-description, .swiper-competence-item-link {
	display: none;
	opacity: 0;
	font-size: 16px;
}

.swiper-competence-item-link {
	font-weight: bold;
}

.swiper-slide-blur p, .swiper-slide-blur h3 {
	color: var(--blanc-valtb);
}

.swiper-slide-blur a {
	color: var(--orange-valtb);
}

.swiper-competences .swiper-scrollbar-drag {
	background: var(--bleu-valtb);
}

.swiper-competences .swiper-horizontal>.swiper-scrollbar, .swiper-competences .swiper-scrollbar.swiper-scrollbar-horizontal {
	height: 5px;
	bottom: 0px;
}

@media (max-width: 1400px) {
	.swiper-competence-introduction-container {
		padding: 0px 5em 5em 5em;
	}
	.swiper-competence-description {
		column-count: 1;
	}
}

@media (max-width: 650px) {
	.swiper-competence-introduction-container {
		padding: 0px 1.5em 5em 1.5em;
	}
}

/* Swiper Competence Responsive */

@media (max-width: 1400px) {
	.swiper-competences {
		padding-left: 5em;
		min-height: 800px;
	}
	.swiper-competences .swiper-slide {
		min-height: 500px;
	}
	.circle-bg-border-carroussel {
		height: 450px;
		width: 450px;
	}
}

@media (max-width: 800px) {
	.swiper-competences {
		padding-left: 0px;
	}
}

@media (max-width: 600px) {
	.swiper-competences {
		min-height: 850px;
	}
	
	.circle-bg-border-carroussel {
		display: none;
	}
	
	.swiper-competences .swiper-slide {
		min-height: 600px;
	}
}

@media (max-width: 400px) {
	.swiper-competences {
		min-height: 950px;
	}
	.swiper-competences .swiper-slide {
		min-height: 750px;
	}
}

/* 
* Template Swiper Avocats
*
*
*
 */
 
 .section-swiper-avocats {
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
	 position: relative;
	 overflow: hidden;
 }

 
 .bg-section-avocats {
	width: 700px;
 	height: 700px;
 	background-size: cover;
 	background-position: center;
 	position: absolute;
 	border-radius: 100%;
 }
 
 .bg-section-avocats::before, .bg-section-avocats::after { 
	 opacity: .1;
 } 
 
 .liste-avocats-container {
	width: 1000px;
	height: 600px;
	 backdrop-filter: var(--blur-effect-heavy);
	 -webkit-backdrop-filter: var(--blur-effect-heavy);
	 -moz-backdrop-filter: var(--blur-effect-heavy);
	 background-color: var(--bg-transparent-white);
	 border-radius: var(--border-radius);
	 display: flex;
	 flex-direction: column;
	 justify-content: space-around;
	 align-items: center;
	 padding: 3em;
	 border: var(--border-variable);
	 margin-top: 5em;
	 margin-bottom: 5em;
 }
 
 .swiper-avocats {
	 width: 100%;
	 height: 100%;
 }
 
 .swiper-avocats .swiper-slide {
	 background-position: center;
	 background-size: cover;
	 height: 100%;
	 border-radius: var(--border-radius);
	 border: var(--border-variable);
	 padding: 1em;
	 display: flex;
	 flex-direction: column;
	 justify-content: flex-end;
 }
 
.section-swiper-avocats .title-uppercase, .section-swiper-avocats .title-main {
	text-align: center;
}
 
 .swiper-avocat-info-container {
	 backdrop-filter: var(--blur-effect-light);
	 -webkit-backdrop-filter: var(--blur-effect-light);
	 -moz-backdrop-filter: var(--blur-effect-light);
	 border: var(--border-variable);
	 border-radius: var(--border-radius);
	 background-color: var(--rgba-variable);
	 min-height: 150px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-direction: column;
	 padding: 1em;
	 text-align: center;
 }
 
 .swiper-avocat-info-container h3 {
	 color: var(--blanc-valtb);
 }
 .swiper-avocat-info-container span {
	 color: var(--orange-valtb);
	 font-size: .8em;
 }
 
 .swiper-avocat-info-container a {
	 margin-top: 1em;
	 font-size: .9em;
	 color: var(--blanc-valtb);
 }
 
 .section-swiper-avocats button {
	 margin-top: 2em;
 }
 
 @media (max-width: 1000px) {
	 .liste-avocats-container {
		 width: 100vw;
	 }
 }
 
 @media (max-width: 500px) {
	 .liste-avocats-container {
		 padding: 1em;
		 margin-top: 8em;
	 }
 }
 
 /* 
 * Presentation Cabinet Template
 *
 *
 * */
 
 
 .section-cabinet {
 	width: 100vw;
  	min-height: 100vh;
  	background-color: var(--bleu-fonce-valtb);
  	color: var(--orange-clair-valtb);
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	background-position: -70%, -50%;
  	background-repeat: no-repeat;
  	background-size: 70%;
 }

.section-cabinet h2, .section-cabinet h3, .section-cabinet p, .section-cabinet span {
	color: var(--orange-clair-valtb);
}

.container-left-presentation-cabinet, .container-right-presentation-cabinet {
	width: 50%;
	height: 100%;
	padding: 5em;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.item-repeteur-cabinet {
	height: 25%;
	border-top: 2px solid var(--orange-clair-valtb);
	padding-top: 2em;
	position: relative;
}

.chiffre-cabinet {
	font-size: 70px;
	font-weight: bold;
}

.texte-cabinet {
	font-size: 25px;
	font-weight: bold;
	position: absolute;
	top: 1em;
	right: 1em;
	text-align: right;
}

@media (max-width: 1300px) {
	.container-left-presentation-cabinet, .container-right-presentation-cabinet {
		padding: 2em;
	}
}

@media (max-width: 1200px) {
	.section-cabinet {
		flex-direction: column;
		background-image: none!important;
	}
	
	.container-left-presentation-cabinet, .container-right-presentation-cabinet {
		width: 100%;
	}
	.container-left-presentation-cabinet {
		padding: 5em 5em 0px 5em;
	}
	.container-right-presentation-cabinet {
		padding: 5em;
	}
}

@media (max-width: 600px) {
	.item-repeteur-cabinet {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	.texte-cabinet {
		position: static;
	}
	.container-left-presentation-cabinet, .container-right-presentation-cabinet {
		padding: 1em;
	}
}

/* 
* FAQ SECTION
*
*
* */

.section-faq {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.section-faq h2, .section-faq h3 {
	text-align: center;
}

.faq-container {
	width: 60%;
	margin-top: 2em;
}

.faq-question-answer-container {
	width: 100%;
	cursor: pointer;
	padding: 2em;
	border-bottom: var(--border-variable);
}

.faq-question-title-container {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.faq-question-title-container img {
	width: 26px;
	height: 26px;
	object-fit: contain;
}

.faq-question-title {
	font-weight: 700;
	text-align: left!important;
}

.faq-question-title h3 {
	text-align: left;
}

.faq-answer-container {
	max-height: 0px;
	overflow: hidden;
	transition: .5s var(--cubic-beziers-va);
	opacity: 0;
}


.faq-answer-container li {
	padding-left: 2em;
}

.faq-question-answer-container.active .faq-answer-container {
	max-height: fit-content;
	opacity: 1;
	transition: .5s var(--cubic-beziers-va);
}

.faq-question-answer-container.active:after {
	bottom: 0;
	right: 0;
	transition: .2s var(--cubic-beziers-va);
}

.faq-question-answer-container.active .faq-question-title-container img {
	transform: rotate(180deg);
	transition: .2s;
}

@media (max-width: 1199px) {
	.faq-title-description-container {
		width: 95%;
	}
	.faq-container {
		width: 90%;
	}
}
@media (max-width: 600px) {
	.faq-container {
		width: 95%;
		padding: .7em;
	}
	.faq-question-answer-container {
		padding: 0.5em 0.7em 0.5em 0.7em;
	}
	.faq-q-a-bg-rectangles:after {
		bottom: -.5em;
		right: -.5em;
	}
}

/* 
* Footer Template
*
*
*
 */

.footer-section {
	width: 100vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.footer-dark-bg {
	position: absolute;
	height: 100%;
	width: 100%;
	background: linear-gradient(0deg, var(--bleu-fonce-valtb) 0%, var(--bleu-fonce-valtb) 59%, rgba(255, 255, 255, 0) 100%);
	z-index: -2;
}

.footer-container {
	width: 80%;
	border: var(--border-variable);
	border-radius: var(--border-radius);
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 5em;
}

.footer-logo-container {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.footer-navigation-wrapper {
	width: 100%;
	min-height: 450px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	justify-content: center;
	justify-items: center;
	padding-top: 5em;
}

.footer-container .custom-logo-link {
	width: 100px;
	display: block;
}

.gesica-logo {
	/* margin-top: 2em; */
	width: 200px;
}

.footer-map-container {
	width: 100%;
	border-top: var(--border-variable);
	height: 450px;
}

.footer-map-container iframe {
	height: 100%;
	width: 100%;
	border-bottom-right-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}

.footer-copyright-container {
	width: 80%;
	height: 100px;
	padding-right: 2em;
	padding-left: 2em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

@media (max-width: 600px) {
	.footer-copyright-container {
		justify-content: center;
	}
	
	.footer-copyright-container span {
		text-align: center;
	}
	.footer-copyright-container a {
		text-align: center;
	}
}

@media (max-width: 500px) {
	.footer-container {
		width: 90%;
	}
	
	.footer-navigation-wrapper {
		grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
	}
}

.footer-container .footer-navigation-container {
	text-align: center;
}

.footer-container ul {
	margin-top: 2em;
	list-style: none;
	padding-inline-start: 0px;
}

.footer-container li {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 2em;
}

.footer-container li a {
	color: var(--blanc-valtb);
}

.footer-container li a:hover {
	color: var(--orange-valtb);
}

.footer-container h3 {
	color: var(--blanc-valtb);
}

.footer-copyright-container span {
	color: var(--blanc-valtb);
}

.footer-copyright-container a {
	color: var(--blanc-valtb);
}

/* 
* Hero Circle Right Template
*
*
* */

.hero-circle-right-section {
	min-height: 100vh;
	width: 100vw;
	display: flex;
	margin-bottom: 0px!important;
	/* background-color: var(--rgba-variable); */
}

.hero-circle-right-section::before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -5;
}

.hero-circle-right-left-container {
	width: 50%;
	padding: 5em;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.hero-circle-right-right-container {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.circle-image-hero {
	width: 500px;
	height: 500px;
	background-size: cover;
	background-position: center;
	position: relative;
}

[class*="hero-argument-"] {
	position: absolute;
	backdrop-filter: var(--blur-effect-light)!important;
	-webkit-backdrop-filter: var(--blur-effect-light)!important;
	-moz-backdrop-filter: var(--blur-effect-light)!important;
	border-radius: var(--border-radius);
	border: var(--border-variable);
	padding: 2em 2em 2em 2em;
	font-weight: bold;
	letter-spacing: 1.5px;
	font-size: 16px;
	text-transform: uppercase;
	z-index: 3;
	color: var(--blanc-valtb);
	text-align: center;
}

.hero-argument-1 {
	left: -10%;
}

.hero-argument-2 {
	right: -20%;
	top: 30%;
}

.hero-argument-3 {
	bottom: 0;
	left: 0%;
}

.hero-circle-right-section h1, .hero-circle-right-section h2, .hero-circle-right-section p {
	color: var(--blanc-valtb);
}

@media (max-width: 1500px) {
	.hero-circle-right-section .title-main {
		font-size: 30px;
	}
	.hero-circle-right-left-container {
		padding: 2.5em;
	}
	.circle-image-hero {
		width: 400px;
		height: 400px;
	}
}

@media (max-width: 1050px) {
	.hero-circle-right-section {
		flex-direction: column;
		padding-top: 120px;
	}
	.hero-circle-right-left-container {
		width: 100%;
	}
	
	.hero-circle-right-right-container {
		width: 100%;
		padding-top: 10em;
		padding-bottom: 10em;
	}	
}

@media (max-width: 600px) {
	.circle-image-hero {
		width: calc(100vw * 0.8);
		height: calc(100vw * 0.8);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	[class*="hero-argument-"] {
		position: static;
		margin-bottom: 1em;
	}
}

/* 
*
*
*
* Main Content Archive Template */

.main-content-archive-section {
	background-position: left;
	background-size: cover;
	padding-top: 20em;
	border-top: var(--border-variable);
}

.main-content-archive-container {
	width: 60%;
	background-color: var(--blanc-valtb);
	padding: 10em;
	border: var(--border-variable);
}

@media (max-width: 1300px) {
	.main-content-archive-container {
		padding: 5em;
	}	
}

@media (max-width: 1000px) {
	
	.main-content-archive-section {
		padding-top: 0px;
	}
	
	.main-content-archive-container {
		width: 100%;
		height: 100%;
		background-color: var(--rgba-variable);
	}
	
	.main-content-archive-container h2, 
	.main-content-archive-container h3, 
	.main-content-archive-container p, 
	.main-content-archive-container li {
		color: var(--blanc-valtb);
	}
}

@media (max-width: 600px) {
	.main-content-archive-container {
		padding: 2em;
	}
	
	/* .main-content-archive-container h2 {
		font-size: 30px;
	} */
}

/* 
*	Circle Content Archive Template
*
*
*
* */

.content-circle-archive {
	display: flex;
	
}

.item-circle-content-archive-left-container {
	width: 40%;
	padding: 2em 2em 2em 5em;
	position: relative;
}

.item-circle-content-archive-right-container {
	width: 60%;
}

.item-circle-content-archive {
	margin-top: 4em;
	padding-top: 2em;
	border-top: var(--border-variable);
}

.image-circle-content {	
	width: 100%;
	height: calc(100vh - 100px);
	position: sticky;
	top: 100px;
	bottom: 100px;
	background-position: center;
	background-size: cover;
	z-index: -1;
	border: var(--border-variable);
}

.image-circle-content::after, .image-circle-content::before {
	opacity: .2;
} 

/* @media (max-width: 1500px) {
	.image-circle-content {
		width: 800px;
		height: 800px;
	}
}

@media (max-width: 1150px) {
	.image-circle-content {
		width: 600px;
		height: 600px;
	}
} */

@media (max-width: 1050px) {
	.content-circle-archive {
		flex-direction: column;
	}
	.item-circle-content-archive-left-container {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 5em;
	}
	.image-circle-content {
		position: static;
		left: 0;
		margin-top: 5em;
		margin-bottom: 5em;
		width: 600px;
		height: 600px;
		background-position: center;
		background-size: cover;
	}
	.item-circle-content-archive-right-container  {
		width: 100%;
		padding-right: 5em;
		padding-left: 5em;
	}
}

@media (max-width: 600px) {
	.image-circle-content {
		width: calc(100vw * 0.8);
		height: calc(100vw * 0.8);
	}
	.item-circle-content-archive-left-container {
		padding: 2em;
	}
	.item-circle-content-archive-right-container {
		padding-right: 2em;
		padding-left: 2em;
	}
}

/* 
*
*
*
* CTA Template */

.section-cta {
	width: 100vw;
	min-height: 800px;
	display: flex;
	align-items: center;
	justify-content: center;
	
}

.cta-container {
	width: 90%;
	height: 90%;
	padding: 5em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--border-radius);
	border: var(--border-variable);
}

.cta-blur-container {
	width: 80%;
	height: 80%;
	backdrop-filter: var(--blur-effect-heavy);
	-webkit-backdrop-filter: var(--blur-effect-heavy);
	-moz-backdrop-filter: var(--blur-effect-heavy);
	background-color: rgba(0, 0, 0, .2);
	padding: 5em;
	border-radius: var(--border-radius);
	border: var(--border-variable);
}

.cta-container h2, .cta-container h3, .cta-container p, .cta-container li {
	color: var(--blanc-valtb);
}

.cta-container ul {
	margin-bottom: 2em;
}

@media (max-width: 1100px) {
	.cta-container {
		padding: 2em;
	}
	.cta-blur-container {
		width: 90%;
		min-height: 90%;
		padding: 3em;
	}
}

@media (max-width: 600px) {
	.cta-container {
		width: 100%;
		height: 100%;
		padding: 0px;
	}
	.cta-blur-container {
		width: 100%;
		border: none;
	}
}

@media (max-width: 400px) {
	.cta-blur-container {
		padding: 1em;
	}
	.cta-blur-container h3 {
		font-size: 30px;
	}
}

/* 
*
*
*
* List Article Template
 */
 .list-article-section {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
  }
 
 .list-article-container {
	 width: 100%;
	 display: grid;
	 grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
	 row-gap: 10em;
	 column-gap: 5em;
	 padding-left: 5em;
	 padding-right: 5em;
	 margin-top: 10em;
	 justify-items: center;
 }
 
 .list-article-container .swiper-slide {
	 max-width: 700px;
     min-height: 450px;
     position: relative;
 }
 
 .list-article-container .swiper-slide .swiper-slide-blur {
	 position: absolute;
	 width: 100%;
	 max-height: 100%;
	 height: 100%;
	 backdrop-filter: var(--blur-effect-light);
	 -webkit-backdrop-filter: var(--blur-effect-light);
	 -moz-backdrop-filter: var(--blur-effect-light);
	 border-radius: var(--border-radius);
	 padding: 2em;
	 display: flex;
	 flex-direction: column;
	 align-items: flex-start;
	 justify-content: flex-end;
	 left: 40px;
	 bottom: 40px;
 }
 
 @media (max-width: 850px) {
	 .list-article-container {
		 grid-template-columns: repeat(auto-fit, minmax(90vw, 1fr));
		 padding-right: 0px;
		 padding-left: 0px;
	 }
	 .list-article-container .swiper-slide {
		 max-width: 90vw;
	 }
 }
 
 /* 
 * Single Model
 *
 *
 * */
 
 .single-hero-section {
	 width: 100vw;
	 height: 100vh;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin-bottom: 0px;
 }
 
 .single-hero-title-container {
	 margin-top: 0px;
	 width: 60%;
	 text-align: center;
 }
 
 .article-content-section {
	 display: flex;
 }
 
 .left-sidebar-container, .right-sidebar-container {
	 width: 27.5%;
 }
 
 .article-content-container {
	 width: 55%;
 }
 
 .single-featured-image {
	 margin-top: -10em;
	 border-radius: var(--border-radius);
	 width: 100%;
	 height: 60vh;
	 object-fit: cover;
	 object-position: center;
	 border: var(--border-variable);
 }
 
 .article-text-container {
 	padding-top: 5em;
}
 
 .single-hero-title-container h1 {
	 color: var(--blanc-valtb);
	 font-size: 50px;
 }
 
 @media (max-width: 1250px) {
	 .article-content-container {
		 width: 70%;
	 }
	 .left-sidebar-container {
		 width: 15%;
	 }
	 .right-sidebar-container {
		 width: 15%;
	 }
 }
 
 @media (max-width: 900px) {
	 .article-content-container {
		 width: 80%;
	 }
	 .left-sidebar-container {
		  width: 10%;
	  }
	  .right-sidebar-container {
		  width: 10%;
	  }
	  .single-hero-title-container h1 {
		  font-size: 40px;
	  }
 }
 @media (max-width: 700px) {
	 .article-content-section {
		 flex-direction: column;
		 align-items: center;
	 }
	 .article-content-container {
		 width: 95%;
	 }
	 .single-hero-title-container {
		 width: 80%;
	 }
	 .single-hero-title-container h1 {
		   font-size: 30px;
	   }
 }
 
 /* 
 * Archive Équipes
 *
 *
 *
  */
  
  .archive-equipe-hero {
	  width: 100vw;
	  height: 100vh;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  margin-bottom: 0px;
  }
  
  .archive-equipe-hero-content-container {
  	display: flex;
  	flex-direction: column;
  	align-items: center;
	justify-content: center;
	padding-right: 1em;
	padding-left: 1em;
  }
  
  .archive-equipe-hero h1, .archive-equipe-hero p {
	  color: var(--blanc-valtb);
	  text-align: center;
  }
  
  .archive-equipe-section {
	  display: flex;
	  align-items: center;
	  justify-content: center;

  }
  
  .archive-equipe-grid {
	  margin-top: -5em;
	  width: 80%;
	  display: grid;
	  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	  justify-content: center;
	  justify-items: center;
	  column-gap: 3em;
	  row-gap: 3em;
  }
  
  .archive-equipe-grid .swiper-slide {
	  height: 600px;
	  padding: 2em;
	  border: var(--border-variable);
	  display: flex;
	  flex-direction: column;
	  justify-content: flex-end;
	  background-size: cover;
	  background-position: center;
	  background-repeat: no-repeat;
  }
 
 @media (max-width: 350px) {
	 .archive-equipe-grid {
		 grid-template-columns: repeat(auto-fit, minmax(100vw, 1fr));
	 }
 }
 
 /* Single Avocat Design
 * 
 *
 *
 *
  */
  
  .single-avocat-hero {
	  width: 100vw;
	  height: 100vh;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  margin-bottom: 0px;
  }
  
  .single-avocat-hero-container {
	  width: 80%;
	  height: 90%;
	  display: flex;
	  align-items: center;
	  justify-content: space-around;
	  text-align: center;
  }
  
  .single-avocat-hero-container img {
	  height: 700px;
	  width: 500px;
	  object-fit: cover;
	  border: var(--border-variable);
  }
  
  .single-avocat-title-container {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
  }
  
  .single-avocat-title-container h1 {
	  font-size: 3em;
	  color: var(--blanc-valtb);
  }
  
  .single-avocat-title-container span {
	  text-transform: uppercase;
	  color: var(--orange-valtb);
	  letter-spacing: 2px;
	  font-size: 1.5em;
  }
  
  @media (max-width: 1200px) {
	  .single-avocat-hero-container {
		  width: 90%;
	  }
  }
  
  @media (max-width: 1050px) {
	  .single-avocat-hero-container img {
		  height: 600px;
		  width: 400px;
	  }
  }
  
  @media (max-width: 900px) {
	  .single-avocat-hero-container {
		  flex-direction: column;
		  justify-content: center;
	  }
	  .single-avocat-hero-container img {
		  height: 400px;
		  width: 400px;
		  margin-bottom: 2em;
	  }
  }
 
 /* Anim OnScroll */
 
 
 [class*="reveal-"] {
	 opacity: 0;
	 transform: translateY(100px);
	 filter: blur(100px);
 }
 
 .reveal-visible {
	 opacity: 1;
	 transform: translateY(0);
	 filter: none;
	 transition: 1s cubic-bezier(.5, 0, 0, 1);
 }
 
 .reveal-1 {
	 transition-delay: .1s;
 }
 .reveal-2 {
	 transition-delay: .2s;
 }
 .reveal-3 {
	 transition-delay: .3s;
 }
 .reveal-4 {
	 transition-delay: .4s;
 }
 .reveal-5 {
	 transition-delay: .5s;
 }
 .reveal-6 {
	 transition-delay: .6s;
 }
 .reveal-7 {
	 transition-delay: .7s;
 }
 
 [class*="opacity-"] {
 	opacity: 0;
  	filter: blur(100px);
  	translateZ: 0px;
  	will-change: transform;
 }
 
 .opacity-visible {
	opacity: 1;
	filter: none;
	transition: 1s cubic-bezier(.5, 0, 0, 1);
 }
 
 .opacity-1 {
	 transition-delay: .1s;
 }
 .opacity-2 {
	 transition-delay: .2s;
 }
 .opacity-3 {
	 transition-delay: .3s;
 }
 .opacity-4 {
	 transition-delay: .4s;
 }
 .opacity-5 {
	 transition-delay: .5s;
 }
 .opacity-6 {
	 transition-delay: .6s;
 }
 .opacity-7 {
	 transition-delay: .7s;
 }
 
 /* Transition */
 
 .transition-container {
	 width: 100vw;
	 height: 100vh;
	 position: fixed;
	 z-index: -5;
	 backdrop-filter: blur(0px);
	 display: flex;
	 align-items: center;
	 justify-content: center;
 }
 
 .logo-transition {
	 opacity: 0;
	 width: 200px;
 }