/**
 * Home 2026 — Refonte page d'accueil
 * Toutes les sections de la nouvelle home.
 */

/* Décale légèrement vers le bas les lignes décoratives des H2 (alignement
   visuel avec le baseline du texte, plutôt qu'avec son centre). */
.reach-home__title::before,
.reach-home__title::after,
.ai-banner__title::before,
.ai-banner__title::after,
.services-home__title::before,
.services-home__title::after,
.why-home__title::before,
.why-home__title::after {
	transform: translateY(5px);
}

/* ============================================================
   Hero — slider plein viewport (image + texte + CTAs)
   ============================================================ */
.hero-home {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: #2F3D47; /* couleur de fond le temps que les images se chargent */
}

.hero-home__slider {
	visibility: hidden;          /* avant init Slick : évite le flash de slides empilées */
	margin: 0;                   /* override slick-theme.css .slick-dotted.slick-slider { margin-bottom: 30px } */
}

.hero-home__slider.slick-initialized {
	visibility: visible;
}

.hero-home .slick-dotted.slick-slider {
	margin-bottom: 0;
}

.hero-home__slide {
	position: relative;
	width: 100%;
	min-height: 600px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex !important;    /* !important car slick met display:none sur les slides masquées avant init */
	align-items: center;
}

@media (min-width: 992px) {
	.hero-home__slide {
		min-height: 700px;
	}
}

@media (max-width: 767.98px) {
	.hero-home__slide {
		min-height: 500px;
	}
}

/* Overlay sombre dégradé pour assurer la lisibilité du texte blanc */
.hero-home__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to right,
		rgba(0, 0, 0, 0.55) 0%,
		rgba(0, 0, 0, 0.30) 50%,
		rgba(0, 0, 0, 0.10) 100%
	);
	pointer-events: none;
}

.hero-home__container,
.hero-home__row {
	position: relative;
	z-index: 1;
	width: 100%;
}

.hero-home__content {
	color: #fff;
	padding: 60px 0;
	max-width: 720px;
}

.hero-home__headline {
	color: #fff;
	margin: 0 0 16px 0;
	line-height: 1.15;
}

.hero-home__subhead {
	color: #fff;
	margin: 0 0 28px 0;
	opacity: 0.95;
}

.hero-home__ctas {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.hero-home__cta.btn,
.hero-home__cta.btn-primary {
	background-color: #ff4e00;
	border-color: #ff4e00;
	color: #fff;
	padding: 12px 26px;
	font-size: 16px;
	white-space: nowrap;
}

.hero-home__cta.btn:hover,
.hero-home__cta.btn-primary:hover,
.hero-home__cta.btn:focus,
.hero-home__cta.btn-primary:focus {
	background-color: #fff;
	border-color: #ff4e00;
	color: #ff4e00;
}

@media (max-width: 575.98px) {
	.hero-home__ctas {
		flex-direction: column;
		align-items: flex-start;
	}

	.hero-home__cta.btn {
		width: 100%;
		text-align: center;
	}
}

/* ============================================================
   Slick dots — bottom-left, alignés avec le contenu (mockup)
   ============================================================ */
.hero-home .slick-dots {
	position: absolute;
	bottom: 24px;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0 calc(4.1666666667% + 0.75rem); /* aligné sur col-lg-1 + gutter */
	list-style: none;
	display: flex !important;
	justify-content: flex-start;
	gap: 8px;
	z-index: 2;
}

.hero-home .slick-dots li {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}

.hero-home .slick-dots li button {
	width: 8px;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.55);
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	transition: background-color .2s ease, transform .2s ease;
}

.hero-home .slick-dots li button:before {
	content: none; /* override slick-theme.css default */
}

.hero-home .slick-dots li button:hover {
	background: rgba(255, 255, 255, 0.85);
}

.hero-home .slick-dots li.slick-active button {
	background: #ff4e00;
}

/* Mobile : dots collés au bord viewport (pas de col-lg-1 visible) */
@media (max-width: 991.98px) {
	.hero-home .slick-dots {
		padding: 0 1rem;
	}
}

/* Suppression des flèches Slick (on reste sur dots only) */
.hero-home .slick-prev,
.hero-home .slick-next {
	display: none !important;
}

/* ============================================================
   When to reach out — carrousel de cartes
   ============================================================ */
.reach-home {
	padding: 56px 0;
	background: #fff;
}

.reach-home__title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	color: #2F3D47;
	font-weight: 400;
	margin: 0 0 12px 0;
	text-transform: lowercase;
	line-height: 1.25;
}

.reach-home__subtitle {
	max-width: 820px;
	margin: 0 auto 36px auto;
	color: #5a6470;
	text-align: center;
	line-height: 1.5;
	text-transform: none;
}

.reach-home__title::before,
.reach-home__title::after {
	content: "";
	flex: 1;
	height: 1px;
	background: #d8dde2;
	max-width: 220px;
}

.reach-home__title span {
	flex: 0 0 auto;
}

.reach-home__slider {
	visibility: hidden;          /* avant init Slick */
	position: relative;
}

.reach-home__slider.slick-initialized {
	visibility: visible;
}

.reach-home__slide {
	padding: 0 12px;             /* gutter entre cartes */
	box-sizing: border-box;
	height: auto !important;     /* slick force display block, on garde height auto pour que le card fill */
}

.reach-home__card {
	background: #f5f7f9;
	border-radius: 4px;
	padding: 36px 24px 32px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.reach-home__icon {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
}

.reach-home__icon img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

.reach-home__card-title {
	color: #2F3D47;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 16px 0;
	min-height: 2.6em;           /* aligne le bas des titres entre cartes (max 2 lignes) */
}

.reach-home__card-desc {
	color: #5a6470;
	line-height: 1.5;
	margin: 0;
}

/* Slick — même slider, hauteur uniforme */
.reach-home__slider .slick-list {
	overflow: hidden;
}

.reach-home__slider .slick-track {
	display: flex !important;
	align-items: stretch;
}

.reach-home__slider .slick-slide {
	height: auto;
	float: none;
}

.reach-home__slider .slick-slide > div {
	height: 100%;
}

/* Flèches Slick — chevrons gris à gauche/droite */
.reach-home__slider .slick-prev,
.reach-home__slider .slick-next {
	width: 32px;
	height: 32px;
	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
	z-index: 2;
	font-size: 0;
	line-height: 0;
}

.reach-home__slider .slick-prev {
	left: -48px;
}

.reach-home__slider .slick-next {
	right: -48px;
}

.reach-home__slider .slick-prev::before,
.reach-home__slider .slick-next::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	font-size: 28px;
	color: #b0b8c0;
	opacity: 1;
	transition: color .15s ease;
}

.reach-home__slider .slick-prev::before {
	content: "\f053"; /* chevron-left */
}

.reach-home__slider .slick-next::before {
	content: "\f054"; /* chevron-right */
}

.reach-home__slider .slick-prev:hover::before,
.reach-home__slider .slick-next:hover::before {
	color: #2F3D47;
}

.reach-home__slider .slick-prev.slick-disabled::before,
.reach-home__slider .slick-next.slick-disabled::before {
	color: #d8dde2;
	cursor: default;
}

/* Pas de dots sur cette section */
.reach-home__slider .slick-dots {
	display: none !important;
}

@media (max-width: 1199.98px) {
	.reach-home__slider .slick-prev {
		left: -36px;
	}
	.reach-home__slider .slick-next {
		right: -36px;
	}
}

@media (max-width: 767.98px) {
	.reach-home {
		padding-top: 40px;
		padding-bottom: 0;       /* couvert par main section { margin-bottom: 60px } */
	}

	.reach-home__title {
		gap: 14px;
		margin-bottom: 8px;
	}

	.reach-home__title::before,
	.reach-home__title::after {
		max-width: 60px;
	}

	.reach-home__subtitle {
		margin-bottom: 24px;
		font-size: 0.95rem;
	}

	.reach-home__slider .slick-prev {
		left: -20px;
	}
	.reach-home__slider .slick-next {
		right: -20px;
	}

	.reach-home__slider .slick-prev::before,
	.reach-home__slider .slick-next::before {
		font-size: 22px;
	}
}

/* ============================================================
   AI banner — bandeau pleine largeur, fond sombre
   ============================================================ */
.ai-banner {
	background: #2F3D47;
	color: #fff;
	padding: 36px 24px;
	text-align: center;
}

.ai-banner__content {
	max-width: 1100px;
	margin: 0 auto;
}

.ai-banner__title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	margin: 0 0 18px 0;
	color: #fff;
	font-weight: 400;
	line-height: 1.25;
}

/* Lignes décoratives à gauche et à droite du titre */
.ai-banner__title::before,
.ai-banner__title::after {
	content: "";
	flex: 1;
	height: 1px;
	background: rgba(255, 255, 255, 0.4);
	max-width: 220px;
}

.ai-banner__title span {
	flex: 0 0 auto;
}

.ai-banner__desc {
	margin: 0;
	color: #fff;
	line-height: 1.5;
}

@media (max-width: 767.98px) {
	.ai-banner {
		padding: 28px 20px;
	}

	.ai-banner__title {
		gap: 12px;
	}

	.ai-banner__title::before,
	.ai-banner__title::after {
		max-width: 40px;
	}
}

/* ============================================================
   About — texte + vidéo + liens
   ============================================================ */
.about-home {
	padding: 56px 0;
	background: #fff;
}

.about-home__row {
	align-items: center;          /* vidéo et texte alignés verticalement */
	gap: 0;
}

/* Colonne texte */
.about-home__text-col {
	padding-right: 32px;
}

.about-home__text {
	color: #2F3D47;
	font-size: 0.95rem;           /* réduit pour matcher la hauteur de la vidéo */
	line-height: 1.55;
}

.about-home__text p {
	margin: 0 0 12px 0;
}

.about-home__text p:last-child {
	margin-bottom: 0;
}

/* Colonne vidéo */
.about-home__video-col {
	padding-left: 32px;
}

.about-home__video {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 4px;
	background: #2F3D47;
	text-decoration: none;
	line-height: 0;
}

.about-home__poster {
	width: 100%;
	height: auto;
	display: block;
	transition: transform .4s ease;
}

a.about-home__video:hover .about-home__poster {
	transform: scale(1.03);
}

/* Bouton play — centré dans le poster */
.about-home__play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92);
	color: #2F3D47;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	transition: background-color .15s ease, transform .15s ease;
	z-index: 2;
}

a.about-home__video:hover .about-home__play {
	background: #ff4e00;
	color: #fff;
	transform: translate(-50%, -50%) scale(1.05);
}

/* Liens "about us / corporate / insights / career" */
.about-home__links {
	gap: 0;
}

.about-home__links .link-cta {
	font-size: 0.8rem;
}

/* Resserre la marge entre le texte et les liens (mt-4/mt-xl-5 hérités) */
.about-home__links.mt-4 {
	margin-top: 1rem !important;
}

@media (min-width: 1200px) {
	.about-home__links.mt-xl-5 {
		margin-top: 1.5rem !important;
	}
}

@media (max-width: 991.98px) {
	.about-home {
		padding-top: 0;
		padding-bottom: 0;       /* couvert par main section { margin-bottom: 60px } */
	}

	.about-home__text-col,
	.about-home__video-col {
		padding-left: 12px;
		padding-right: 12px;
	}

	.about-home__text-col {
		margin-bottom: 32px;
	}

	.about-home__play {
		width: 56px;
		height: 56px;
		font-size: 20px;
	}
}

/* ============================================================
   Services — 3 onglets (découvrez nos services)
   ============================================================ */
.services-home {
	padding: 56px 0;
	background: #fff;
}

.services-home__title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	color: #2F3D47;
	margin: 0 0 32px 0;
	text-transform: lowercase;
	font-weight: 400;
	line-height: 1.25;
}

.services-home__title::before,
.services-home__title::after {
	content: "";
	flex: 1;
	height: 1px;
	background: #d8dde2;
	max-width: 220px;
}

.services-home__title span {
	flex: 0 0 auto;
}

/* Tabs ----------------------------------------------------------- */
/* On laisse BS5 .nav-tabs gérer la border-bottom du conteneur et la
   border des nav-link active. On override juste l'apparence/poids visuel. */
.services-home__tabs {
	flex-wrap: wrap;
	gap: 0;
	padding: 0;
	margin: 0;
	list-style: none;
}

.nav-link:hover,
.nav-link:focus {
	opacity: 1;
	border-bottom-color: #fff;
}

.services-home__tabs .nav-item {
	flex: 1 1 0;
	min-width: 0;
}

.services-home__tab.nav-link {
	display: flex;
	align-items: center;
	justify-content: center;          /* image toujours centrée */
	width: 100%;
	background: transparent;
	cursor: pointer;
	padding: 30px 12px 16px 12px;
	border-top: 3px solid transparent;
}

/* Bordure top plus visible sur l'onglet actif (couleur brand) +
   bordure bottom blanche pour bien couvrir le filet du nav-tabs.
   Idem au hover pour éviter le filet gris hérité de BS5. */
.services-home__tab.nav-link.active {
	border-top-color: #ff4e00;
	border-bottom-color: #fff;
	margin-bottom: -2px;
}

.services-home__tab.nav-link:hover,
.services-home__tab.nav-link:focus {
	border-bottom-color: #fff;
	margin-bottom: -2px;
}

.services-home__tab-img {
	display: block;
	height: 56px;
	width: auto;
	max-width: 100%;
	filter: grayscale(1);
	opacity: 0.4;
	transition: filter .2s ease, opacity .2s ease;
}

@media (max-width: 991.98px) {
	.services-home__tab-img {
		height: 44px;
	}
}

.services-home__tab.nav-link.active .services-home__tab-img,
.services-home__tab.nav-link:hover .services-home__tab-img {
	filter: none !important;
	opacity: 1 !important;
}

/* Fallback texte si pas de SVG correspondant */
.services-home__tab-name {
	color: #c5cbd1;
	font-weight: 700;
	text-transform: lowercase;
	line-height: 1.05;
	font-size: clamp(1.4rem, 2vw, 2rem);
	transition: color .2s ease;
}

.services-home__tab.active .services-home__tab-name,
.services-home__tab:hover .services-home__tab-name {
	color: #2F3D47;
}

/* Tab content ---------------------------------------------------- */
.services-home__content {
	position: relative;
	margin-top: -2px;
	border-left:   2px solid var(--bs-nav-tabs-border-color, #dee2e6);
	border-right:  2px solid var(--bs-nav-tabs-border-color, #dee2e6);
	border-bottom: 2px solid var(--bs-nav-tabs-border-color, #dee2e6);
	padding: 24px;
}

.services-home__cards {
	margin-left: 0;
	margin-right: 0;
}

.services-home__card-col {
	padding: 0 16px;
}

.services-home__card {
	padding: 28px 0 32px;
	height: 100%;
}

.services-home__card-tag {
	margin-bottom: 16px;
}

.services-home__card-title {
	color: #2F3D47;
	font-weight: 600;
	margin: 0 0 16px 0;
	line-height: 1.3;
}

.services-home__card-desc {
	color: #5a6470;
	margin: 0;
	line-height: 1.5;
}

/* CTA ------------------------------------------------------------ */
.services-home__cta-wrap {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.services-home__cta.btn,
.services-home__cta.btn-primary {
	background-color: #ff4e00;
	border-color: #ff4e00;
	color: #fff;
	padding: 12px 26px;
	font-size: 0.95rem;
}

.services-home__cta.btn:hover,
.services-home__cta.btn-primary:hover,
.services-home__cta.btn:focus,
.services-home__cta.btn-primary:focus {
	background-color: #2F3D47;
	border-color: #2F3D47;
	color: #fff;
}

@media (max-width: 991.98px) {
	.services-home {
		padding: 0;              /* couvert par main section { margin-bottom: 60px } */
	}

	.services-home__title {
		gap: 14px;
		margin-bottom: 28px;
	}

	.services-home__title::before,
	.services-home__title::after {
		max-width: 60px;
	}

	/* Onglets empilés, tous alignés à gauche */
	.services-home__tabs {
		flex-direction: column;
		gap: 16px;
		margin-bottom: 28px;
	}

	.services-home__tabs .nav-item {
		flex: 0 0 auto;
		width: 100%;
	}

	.services-home__tab-img {
		max-width: 100%;
	}

	/* Tap target plus généreux */
	.services-home__tab {
		padding: 6px 0;
	}

	/* Contenu de l'onglet (cartes) en 100% de large : on neutralise les marges
	   du row et le padding des col pour que le bloc tab-pane s'étende au max. */
	.services-home__content > .tab-pane {
		width: 100%;
	}

	.services-home__cards {
		row-gap: 12px;
		margin-left: 0;
		margin-right: 0;
		--bs-gutter-x: 0;
	}

	.services-home__card-col {
		padding: 0;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.services-home__card {
		padding: 20px 0;
	}

	/* Visuellement, un séparateur entre les cartes empilées */
	.services-home__card-col + .services-home__card-col .services-home__card {
		border-top: 1px solid #e6eaee;
	}

	.services-home__cta-wrap {
		justify-content: center;
		margin-top: 24px;
	}
}

/* Petits écrans : SVG un peu plus petit */
@media (max-width: 575.98px) {
	.services-home__tab-img {
		height: 36px;
	}
}

/* ============================================================
   Why us — pourquoi choisir Itecor
   ============================================================ */
.why-home {
	padding: 56px 0;
	background: #f5f7f9;
}

.why-home__title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	margin: 0 0 32px 0;
	color: #2F3D47;
	font-weight: 400;
	line-height: 1.25;
	text-transform: lowercase;
}

.why-home__title::before,
.why-home__title::after {
	content: "";
	flex: 1;
	height: 1px;
	background: #d8dde2;
	max-width: 220px;
}

.why-home__title span {
	flex: 0 0 auto;
}

.why-home__items {
	margin-left: 0;
	margin-right: 0;
}

.why-home__item-col {
	padding: 0 16px;
}

.why-home__item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	height: 100%;
	padding: 0;
}

.why-home__icon {
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.why-home__icon img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	opacity: 0.55;             /* icônes discrètes comme dans le mockup */
}

.why-home__body {
	flex: 1 1 auto;
	min-width: 0;
}

.why-home__item-title {
	color: #2F3D47;
	font-weight: 600;
	margin: 0 0 12px 0;
	line-height: 1.3;
}

.why-home__item-desc {
	color: #5a6470;
	margin: 0;
	line-height: 1.5;
}

.about-home__cta-wrap {
	display: flex;
	justify-content: center;
	margin-top: 32px;
}

.about-home__cta.btn,
.about-home__cta.btn-primary {
	background-color: #ff4e00;
	border-color: #ff4e00;
	color: #fff;
	padding: 12px 26px;
	font-size: 0.95rem;
}

.about-home__cta.btn:hover,
.about-home__cta.btn-primary:hover,
.about-home__cta.btn:focus,
.about-home__cta.btn-primary:focus {
	background-color: #2F3D47;
	border-color: #2F3D47;
	color: #fff;
}

@media (max-width: 991.98px) {
	.why-home {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.why-home__title {
		gap: 14px;
		margin-bottom: 28px;
	}

	.why-home__title::before,
	.why-home__title::after {
		max-width: 60px;
	}

	.why-home__items {
		row-gap: 28px;
		--bs-gutter-x: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.why-home__item-col {
		padding: 0;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.about-home__cta-wrap {
		justify-content: center;
		margin-top: 24px;
	}
}

/* ============================================================
   Insights — carrousel de tuiles compactes
   ============================================================ */
.insights-home {
	padding: 56px 0 64px 0;
	background: #f5f7f9;
}

/* Titre centré avec traits latéraux — même pattern que services/why/reach */
.insights-home__title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	color: #2F3D47;
	font-weight: 400;
	margin: 0 0 12px 0;
	text-transform: lowercase;
	line-height: 1.25;
}

.insights-home__title::before,
.insights-home__title::after {
	content: "";
	flex: 1;
	height: 1px;
	background: #d8dde2;
	max-width: 220px;
	transform: translateY(5px);
}

.insights-home__title span {
	flex: 0 0 auto;
}

.insights-home__subtitle {
	max-width: 820px;
	margin: 0 auto 36px auto;
	color: #5a6470;
	text-align: center;
	line-height: 1.5;
	text-transform: none;
}

/* Lien "more insights" — sous le carrousel, aligné à droite */
.insights-home__more-wrap {
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
}

.insights-home__more {
	color: #2F3D47;
	white-space: nowrap;
	font-size: 0.95rem;
	transition: color .15s ease;
}

.insights-home__more:hover {
	color: #ff4e00;
}

/* Slider Slick — uniformise hauteurs */
.insights-home__slider {
	visibility: hidden;
	position: relative;
}

.insights-home__slider.slick-initialized {
	visibility: visible;
}

.insights-home__slider .slick-list {
	overflow: hidden;
}

.insights-home__slider .slick-track {
	display: flex !important;
	align-items: stretch;
}

.insights-home__slider .slick-slide {
	height: auto;
	float: none;
}

.insights-home__slider .slick-slide > div {
	height: 100%;
}

.insights-home__slide {
	padding: 0 10px;
	box-sizing: border-box;
	height: auto !important;
}

/* Carte = lien plein qui couvre la tuile */
.insights-home__card {
	position: relative;
	display: block;
	width: 100%;
	height: 260px;
	overflow: hidden;
	background: #2F3D47;
	text-decoration: none;
	color: #fff;
}

.insights-home__card-img {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	transition: transform .4s ease;
}

.insights-home__card:hover .insights-home__card-img {
	transform: scale(1.05);
}

.insights-home__card-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.65) 100%);
}

.insights-home__card-body {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px;
}

.insights-home__card-title {
	color: #fff;
	margin: 0;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.3;
}

/* Flèches Slick — mêmes chevrons que la section reach */
.insights-home__slider .slick-prev,
.insights-home__slider .slick-next {
	width: 32px;
	height: 32px;
	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
	z-index: 2;
	font-size: 0;
	line-height: 0;
}

.insights-home__slider .slick-prev {
	left: -48px;
}

.insights-home__slider .slick-next {
	right: -48px;
}

.insights-home__slider .slick-prev::before,
.insights-home__slider .slick-next::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	font-size: 28px;
	color: #b0b8c0;
	opacity: 1;
	transition: color .15s ease;
}

.insights-home__slider .slick-prev::before {
	content: "\f053";
}

.insights-home__slider .slick-next::before {
	content: "\f054";
}

.insights-home__slider .slick-prev:hover::before,
.insights-home__slider .slick-next:hover::before {
	color: #2F3D47;
}

.insights-home__slider .slick-prev.slick-disabled::before,
.insights-home__slider .slick-next.slick-disabled::before {
	color: #d8dde2;
	cursor: default;
}

.insights-home__slider .slick-dots {
	display: none !important;
}

@media (max-width: 1199.98px) {
	.insights-home__slider .slick-prev { left: -36px; }
	.insights-home__slider .slick-next { right: -36px; }
}

@media (max-width: 991.98px) {
	.insights-home {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.insights-home__title {
		gap: 14px;
		margin-bottom: 8px;
	}

	.insights-home__title::before,
	.insights-home__title::after {
		max-width: 60px;
	}

	.insights-home__subtitle {
		margin-bottom: 24px;
		font-size: 0.95rem;
	}

	.insights-home__card {
		height: 220px;
	}

	.insights-home__slider .slick-prev { left: -20px; }
	.insights-home__slider .slick-next { right: -20px; }

	.insights-home__slider .slick-prev::before,
	.insights-home__slider .slick-next::before {
		font-size: 22px;
	}
}