@keyframes phone-pulse {
	0%   { box-shadow: 0 0 0 0 color-mix(in srgb, var(--agex-secondary) 55%, transparent); }
	60%  { box-shadow: 0 0 0 14px color-mix(in srgb, var(--agex-secondary) 0%, transparent); }
	100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--agex-secondary) 0%, transparent); }
}

@keyframes phone-ring {
	0%   { transform: translate(0, -50%) rotate(0deg); }
	10%  { transform: translate(0, -50%) rotate(-12deg); }
	20%  { transform: translate(0, -50%) rotate(12deg); }
	30%  { transform: translate(0, -50%) rotate(-10deg); }
	40%  { transform: translate(0, -50%) rotate(10deg); }
	50%  { transform: translate(0, -50%) rotate(0deg); }
	100% { transform: translate(0, -50%) rotate(0deg); }
}

.phone-theme-btn.phone-bt-support-now {
	background: var(--agex-secondary) !important;
	bottom: 90px !important;
	animation: phone-pulse 2.4s ease-out infinite;
}

.phone-theme-btn.phone-bt-support-now svg {
	animation: phone-ring 2.4s ease-in-out infinite;
	transform-origin: top center;
}

.phone-theme-btn {
	background-color: var(--agex-secondary);
	border-radius: 40px;
	position: fixed;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 50px;
	height: 50px;
	min-width: 50px;
	z-index: 99999;
	color: #fff;
	text-align: center;
	overflow: hidden;
	transition: width 0.3s ease;
	cursor: pointer;
	padding: 0 20px;
}

.phone-theme-btn svg {
	fill: #fff;
	width: 26px;
	height: 26px;
	flex-shrink: 0;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translate(0, -50%);
	transition: transform 0.3s ease;
}

.phone-theme-btn span {
	white-space: nowrap;
	font-size: 16px;
	opacity: 0;
	margin-left: 10px;
	transform: translateX(-10px);
	transition: opacity 0.3s ease, transform 0.3s ease;
	text-transform: uppercase;
	pointer-events: none;
	color: #fff;
}

.phone-theme-btn:hover {
	width: 180px; // largeur agrandie pour afficher le texte
padding: 0 10px;
}


.phone-theme-btn:hover span {
	opacity: 1;
	transform: translateX(0);
}

.about-area.style-one .about-content .counter-card-wrap .counter-card h3 {
	font-size: 64px;
}

/* ============================= */
/* WRAPPER GÉNÉRAL */
/* ============================= */

.header-top {
	width: 100%;
	position: relative;
	z-index: 998;
	padding: 10px 0px;
	background-color: #111;
	font-size: 16px;
}



.header-top .container-fluid {
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	z-index: 1;
}

.header-top .d-flex {
	display: flex;
	align-items: center;
	gap: 15px;
}

.header-top .container-actualite-defilante {
	width: 100%;
}

.header-top .menu {
	flex: 0 1 auto;
	white-space: nowrap;
}

.header-top .container-actualite-defilante p {
	margin-bottom: 0;
	color: white;
}

.header-top .menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ============================= */
/* MENU PRINCIPAL */
/* ============================= */

.header-top .menu > ul {
	display: flex;
	gap: 20px;
}

.header-top .menu > ul > li {
	position: relative;
}

.header-top .menu > ul > li > a {
	display: flex;
	align-items: center;
	gap: 6px;
	text-decoration: none;
	white-space: nowrap;
	color: white;
}

/* ============================= */
/* SOUS-MENU */
/* ============================= */

.header-top .menu .menu-subs {
	position: absolute;
	top: 100%;
	transform: translateY(20%);
	left: 0;
	background-color: #fff;
	flex-direction: column;
	min-width: 200px;
	padding: 10px 0;
	z-index: -1;
	pointer-events: none;
	opacity: 0;
	transition: all 0.3s ease;
	display: flex;
	border-radius: 10px;
	border-top: 4px solid var(--agex-primary);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.header-top .menu .menu-subs.right {
	left: auto;
	right: 0;
}

.header-top .menu .menu-subs li {
	width: 100%;
}

.header-top .menu .menu-subs a {
	display: block;
	padding: 8px 16px;
	text-decoration: none;
	white-space: nowrap;
	color: #000;
	transition: all 0.3s ease;
}

.header-top .menu .menu-subs a:hover {
	transform: translateX(5px);
	color: var(--agex-primary);
}

/* ============================= */
/* AFFICHAGE AU HOVER */
/* ============================= */

.header-top .menu .menu-item-has-children:hover > .menu-subs {
	opacity: 1;
	transform: translateY(0);
	z-index: 1000;
	pointer-events: auto;
}

/* ============================= */
/* HEADER-TOP : LOCATION + CONTACT */
/* ============================= */

.header-top__location {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #fff;
	font-weight: 500;
	white-space: nowrap;
	flex-shrink: 0;
}

.header-top__location svg {
	width: 14px;
	height: 14px;
	fill: #fff;
	flex-shrink: 0;
}

.header-top__contact {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
}

.header-top__contact a {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	white-space: nowrap;
	transition: opacity 0.2s ease;
}

.header-top__contact a:hover {
	opacity: 0.75;
}

@media (max-width: 991px) {
	.header-top__contact {
		display: none;
	}
}

.header-top__contact svg {
	width: 14px;
	height: 14px;
	fill: #fff;
	flex-shrink: 0;
}

/* ============================= */
/* MAIN NAV LINKS EN NOIR */
/* ============================= */

@media only screen and (min-width: 992px) {
	.navbar-area.style-one .menu > ul > li > a {
		color: #000 !important;
	}
	.navbar-area.style-one .menu > ul > li > a:hover,
	.navbar-area.style-one .menu > ul > li > a.active {
		color: var(--agex-primary) !important;
	}
}

/* ============================= */
/* BOUTON CONTACT HEADER EN NOIR */
/* ============================= */

.navbar-area .other-options .option-item .btn.style-one .btn-icon-one,
.navbar-area .other-options .option-item .btn.style-one .btn-icon-two {
	background-color: var(--agex-secondary);
}


.navbar-area .other-options .option-item .btn.style-one .btn-text {
	background-color: var(--agex-secondary);
	color: #fff;
}

.navbar-area .other-options .option-item .btn.style-one:hover .btn-icon-one,
.navbar-area .other-options .option-item .btn.style-one:hover .btn-icon-two {
	background-color: var(--agex-secondary-light);
}

.navbar-area .other-options .option-item .btn.style-one:hover .btn-text {
	background-color: var(--agex-secondary-light);
}

/* ============================= */
/* ABOUT-CARD BG_SECONDARY TEXTE BLANC */
/* ============================= */

.about-card.style-one.bg_secondary h3,
.about-card.style-one.bg_secondary p {
	color: #fff;
}

/* ============================= */
/* SECTION EXPERTS-COMPTABLES : CARTE GRISE → NOIRE */
/* ============================= */

.about-area.style-two .about-card.style-one.bg-albastor {
	background-color: #000;
}

.about-area.style-two .about-img-wrap {
	background-color: #000 !important;
}

.about-area.style-two .about-card.style-one.bg-albastor h3,
.about-area.style-two .about-card.style-one.bg-albastor p {
	color: #fff;
}

.partner.owl-carousel.owl-theme {
	margin-top: 0;
}

@media (max-width: 991px) {
	.header-top {
		position: static;
	}
}

.navbar-brand img {
	width: 207px;
}

/* ============================= */
/* HOMEPAGE — SECTION ABOUT 1   */
/* ============================= */

.about-area.style-one {
	background-color: var(--offwhiteBgColor);
}

.about-area.style-one .counter-card-wrap .counter-card {
	padding-bottom: 16px;
	border-bottom: 2px solid var(--agex-secondary-light);
}


/* ============================= */
/* NAV — ACTIVE ITEM             */
/* ============================= */

.navbar-area .menu > ul > li > a.text_secondary {
    color: var(--agex-secondary) !important;
}

.mt-150 {
	margin-top: 150px !important;
}