body, html {font-family: 'Quicksand';}
body { overflow-x: hidden; }
html[dir="rtl"] body { direction: rtl; text-align: right; }
/*
header h1, header .nav-link {font-family: 'Playfair Display', serif;color: #1C1C1C;}
header small {font-size: 0.75rem;color: #6c757d;}
*/
::-webkit-scrollbar {width: 8px; height: 8px;}
::-webkit-scrollbar-track {background-color: #F3F3F3;}
html[data-bs-theme="dark"] ::-webkit-scrollbar-track {background-color: #343a40;}
::-webkit-scrollbar-button {display:none;}
::-webkit-scrollbar-thumb {background-color: rgba(186, 186, 192, 0.7); border-radius: 8px; border: 1px solid #B9B9B9; transition: background-color 0.3s, opacity 0.3s,transform 0.1s, box-shadow 0.1s;}
::-webkit-scrollbar-thumb:hover {background-color: rgba(160, 160, 165, 0.5); opacity: 0.5; transform: scale(1.05);}
::-webkit-scrollbar-thumb:active {background-color: #8a8a8f; opacity: 1; transform: scale(0.95);}

	#back-to-top {display:none; position:fixed; bottom:20px; cursor:pointer; z-index:1000;}
	html[dir="ltr"] #back-to-top {right:20px; }
	html[dir="rtl"] #back-to-top {left:20px; }
/*-----------------------------------------------------------------*/


.navbar-light .nav-link {color: #3B4F66;}
.navbar-light .nav-link:hover {color: #0080bb;}
.navbar .dropdown-menu {font-size: 0.95rem;border-radius: 0.3rem;}
.dropdown-submenu {position: relative;}
.dropdown-submenu > .dropdown-menu {top: 0;left: 100%;margin-top: -1px;border-radius: 0.3rem;}
.dropdown-submenu > .dropdown-toggle {display: flex;justify-content: space-between;align-items: center;}
.dropdown-submenu > .dropdown-toggle::after {content: "▸";font-size: 0.6rem;margin-left: 8px;color: #aaa;transition: transform 0.2s ease;}
.dropdown-submenu:hover > .dropdown-toggle::after {color: #0080bb;transform: translateX(2px);}
@media (max-width: 767.98px) {
  .navbar-nav .nav-link {padding-top: 0.5rem;padding-bottom: 0.5rem;font-size: 1rem;}
  .navbar-nav .nav-item:not(:last-child) {border-bottom: 1px solid #f0f0f0;}
}
.submenu {display: none;padding-top: 0.5rem;}
.submenu.show {display: block;}
@media (max-width: 767.98px) {
  .navbar-collapse {display: none !important;}
}



.carousel {position: relative; height: 350px; overflow: hidden;}
.carousel-slide {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; transition: opacity 1s ease-in-out; display: flex; align-items: center; /*justify-content: center;*/ background-size: cover; background-position: center; padding-left: 3rem;}
.carousel-slide.show {opacity: 1; pointer-events: auto;}
.carousel-content {text-align: center; color: white; text-shadow: 0 0 4px rgba(0,0,0,0.4);}
.carousel-content h2 {font-size: 2rem; margin-bottom: 0.5rem;}
.carousel-content p {font-size: 1.2rem; margin-bottom: 1.2rem;}
.slide1 {background-image: url('/assets/img/hero1.png');}
.slide2 {background-image: url('/assets/img/hero2.png');}
.slide3 {background-image: url('/assets/img/hero3.png');}



.testimonial-container {}
.testimonial {transition: transform 0.3s ease;}
.testimonial:hover {transform: scale(1.03);}
.testimonial p {font-size: 1rem; line-height: 1.5; color: #333;}
.author {font-size: 0.9rem;}
@keyframes scroll {from {transform: translateX(0);} to {transform: translateX(-50%);}}
.scroller-wrapper:hover .scroller {animation-play-state: paused;}
.scroller-wrapper {overflow: hidden; position: relative;}
.scroller-wrapper::-webkit-scrollbar {display: none;}
.scroller {display: flex; gap: 1rem; animation: scroll 90s linear infinite; width: max-content;}
.scroller::-webkit-scrollbar {display: none;}
.scroller-item {flex: 0 0 300px;} /* ✅ Simule col-md-3 dans un flex horizontal */