@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;700;900&display=swap");

html,
body {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	scroll-behavior: smooth;
	overflow-x: hidden;
}

a:hover {
	text-decoration: none;
}

.just-mobile {
	display: none;
}

.just-desktop {
	display: block;
}

header {
	position: relative;
}

header .container {
	position: relative;
}

header .container .logo-container {
	position: absolute;
	top: 0;
	left: 0;
	padding: 1em;
	background-color: #fff;
	box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.2);
}

header .container .logo-container img {
	width: 100%;
}

header .top-navbar {
	padding: 0em 0;
}

header .top-navbar .language-menu {
	display: flex;
}

header .top-navbar .language-menu .lang-item {
	padding: 0 0.3em;
}

header .top-navbar .language-menu .lang-item:hover img {
	transform: scale(1.1);
}

header .top-navbar .language-menu .lang-item:hover span {
	color: #661736;
}

header .top-navbar .language-menu .lang-item img {
	display: inline;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	border: 2px solid #fff;
	transition: 0.5s ease;
}

header .top-navbar .language-menu .lang-item span {
	color: #444;
	text-transform: uppercase;
	font-weight: 600;
	transition: 0.5s ease;
}

header .top-navbar .contact-list {
	display: flex;
}

header .top-navbar .contact-list .contact-item {
	border-inline-end: 1px solid #ddd;
	padding: 1.5em 0.5em;
}

header .top-navbar .contact-list .contact-item.mail a {
	color: #444;
	display: flex;
	justify-content: center;
	align-items: center;
}

header .top-navbar .contact-list .contact-item.mail a i {
	color: #661736;
	padding-inline-end: 0.7em;
	font-size: 1.5rem;
}

header .top-navbar .contact-list .contact-item.social-links a:hover i {
	color: #661736;
}

header .top-navbar .contact-list .contact-item.social-links a i {
	padding: 0 0.35em;
	transition: 0.3s ease;
}

header .top-navbar .contact-list .contact-item a {
	color: #444;
	transition: 0.3s ease;
}

header .top-navbar .contact-list .contact-item a:hover {
	color: #661736;
}

header .main-navbar {
	background-color: #661736;
	padding: 1.5em 0;
}

header .main-navbar ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
}

header .main-navbar ul li {
	padding: 0 0.8em;
}

header .main-navbar ul li:first-child {
	padding-inline-start: 0.5em;
}

header .main-navbar ul li a {
	color: #fff;
	transition: 0.3s ease;
}

header .main-navbar ul li a:hover {
	opacity: 0.6;
}

header.sticky .sticky-navbar {
	transform: translate(0);
}

header .sticky-navbar {
	position: fixed;
	top: 0;
	left: 0;
	transform: translate(0, -100%);
	transition: 0.5s ease;
	width: 100%;
	z-index: 99999999;
	background-color: #661736;
	box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.2);
	padding: 0.65em 0;
}

header .sticky-navbar .content {
	display: flex;
	justify-content: space-between;
}

header .sticky-navbar .content .menu-button {
	position: absolute;
	top: 50%;
	left: 0.5em;
	transform: translate(0, -50%);
	display: none;
	cursor: pointer;
}

header .sticky-navbar .content .menu-button i {
	color: #fff;
	font-size: 1.2rem;
}

header .sticky-navbar .content .logo-container {
	position: relative;
	background-color: transparent;
	box-shadow: none;
	padding: 0;
}

header .sticky-navbar .content .logo-container img {
	width: 4em;
}

header .sticky-navbar .content .links-container {
	display: flex;
	align-items: center;
}

header .sticky-navbar .content .links-container .nav-links {
	margin-inline-end: 2em;
}

header .sticky-navbar .content .links-container .nav-links ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
}

header .sticky-navbar .content .links-container .nav-links ul li {
	margin-inline-end: 1em;
}

header .sticky-navbar .content .links-container .nav-links ul li a {
	color: #fff;
}

header .sticky-navbar .content .links-container .lang-links {
	display: flex;
	align-items: center;
}

header .sticky-navbar .content .links-container .lang-links .lang-item {
	display: inline-flex;
	margin: 0 0.5em;
	color: #fff;
}

header .sticky-navbar .content .links-container .lang-links .lang-item:hover img {
	transform: scale(1.1);
}

header .sticky-navbar .content .links-container .lang-links .lang-item span {
	text-transform: uppercase;
}

header .sticky-navbar .content .links-container .lang-links .lang-item img {
	width: 1.65em;
	height: 1.65em;
	border-radius: 50%;
	border: 2px solid #fff;
	margin-inline-end: 0.7em;
	transition: 0.3s ease;
}

.contactBtn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 0.85rem;
	border-radius: 3em;
	padding: 0.6em 1.5em;
	background-color: #661736;
	color: #fff;
	position: relative;
}

.contactBtn i {
	padding-inline-start: 0.7em;
	position: absolute;
	top: 50%;
	left: 60%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: 0.5s ease;
}

.contactBtn span {
	transition: 0.5s ease;
}

.contactBtn:hover span {
	padding-inline-end: 1.5em;
	color: #fff;
}

.contactBtn:hover i {
	opacity: 1;
	left: 76%;
	color: #fff;
}

section {
	padding-top: 0em;
}

section.who-we {
	padding-top: 3em;
}

section .section-title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

section .section-title::before {
	content: "";
	width: 2em;
	height: 0.25em;
	background-color: #661736;
	margin-inline-end: 1em;
	display: inline-block;
}

section .section-title a {
	font-size: 1.7rem;
	font-weight: 500;
	color: #000;
}

section.who-we p {
	color: #888;
	font-weight: 400;
}

section.who-we h4 {
	font-weight: 500;
	margin-bottom: 0;
}

.slider-box {
	margin-top: 2em;
	border-top: 1px solid #eee;
}

.slider-box .top-slider {
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}

.slider-box .top-slider .slick-list {
	padding: 0 !important;
	width: 100%;
}

.slider-box .top-slider .slick-list .slick-track {
	transform: none !important;
}

.slider-box .top-slider .slick-list .slick-current {
	background-color: #eee;
}

.slider-box .top-slider .slider-item {
	padding: 1em 0;
	border-right: 1px solid #eee;
}

.slider-box .top-slider .slider-item p {
	margin: 0;
	text-align: center;
}

.slider-box .main-slider:hover .slick-next {
	right: 15px;
	opacity: 1;
}

.slider-box .main-slider:hover .slick-prev {
	left: 15px;
	opacity: 1;
}

.slider-box .main-slider .slick-prev::before,
  .slider-box .main-slider .slick-next::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.slider-box .main-slider .slick-prev {
	left: 0px;
	z-index: 2;
	opacity: 0;
	transition: 0.3s ease;
}

.slider-box .main-slider .slick-prev::before {
	content: "\f060";
}

.slider-box .main-slider .slick-next {
	right: 0px;
	z-index: 2;
	opacity: 0;
	transition: 0.3s ease;
}

.slider-box .main-slider .slick-next::before {
	content: "\f061";
}

.slider-box .main-slider .slick-dots {
	bottom: 15px;
}

.slider-box .main-slider .slick-dots li button::before {
	font-size: 0.8rem;
}

.our-partners {
	margin-bottom: 2em;
}

.our-partners .partner-item {
	padding: 1em 0;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}

.our-partners .partner-item:nth-child(4n) {
	border-right: none;
}

.our-partners .partner-item:hover a img {
	transform: scale(1.1);
}

.our-partners .partner-item a {
	display: block;
}

.our-partners .partner-item a img {
	display: block;
	margin: 0 auto;
	transition: 0.3s ease;
}

.contact-section {
	margin-bottom: 3em;
}

.contact-section .top-area {
	height: 10em;
	background-image: url("../images/our_partners.jpg");
	background-repeat: no-repeat;
	background-size: 100vw 100vh;
	background-attachment: fixed;
}

.contact-section .title {
	height: 6em;
	background-color: #661736;
	display: inline-flex;
	justify-content: center;
	align-items: flex-end;
	margin-top: -3em;
	padding: 1em 0.5em 0.5em 0.5em;
	margin-bottom: 3em;
}

.contact-section .title.black {
	background-color: #000;
}

.contact-section .title p {
	margin: 0;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
}

.contact-section .contact-infos .contact-item {
	margin-bottom: 1.5em;
}

.contact-section .contact-infos .contact-item a {
	color: #000;
}

.contact-section .contact-infos .contact-item a:hover span {
	color: #661736;
}

.contact-section .contact-infos .contact-item a i {
	color: #661736;
	padding-inline-end: 0.7em;
	font-size: 1.5rem;
}

.contact-section .contact-form input,
  .contact-section .contact-form textarea {
	border: none;
	border-bottom: 1px solid #000;
	width: 100%;
	margin-bottom: 1.5em;
}

.contact-section .contact-form .formBtn {
	background-color: #000;
	color: #fff;
	padding: 0.45em 1.3em;
	border: none;
	transition: 0.3s ease;
}

.contact-section .contact-form .formBtn:hover {
	background-color: #661736;
}

.map-section #map {
	width: 100%;
	height: 30em;
}

.map-section .topBar {
	display: flex;
	background-color: #661736;
	padding: 0.7em 0;
	margin: 0;
}

.map-section .topBar .item {
	display: flex;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.map-section .topBar .item img {
	width: 4em;
	height: auto;
	object-fit: contain;
	padding-inline-end: 0.5em;
}

.map-section .topBar .item h3 {
	margin: 0;
	font-weight: 500;
	color: #fff;
	width: 100%;
}

.map-section .topBar .item p {
	margin: 0;
	color: #fff;
	font-size: 0.75rem;
	width: 100%;
}

.i4ewOd-pzNkMb-haAclf {
	display: none;
}

footer {
	background-color: #000;
}

footer .top-area {
	padding-bottom: 2em;
}

footer .top-area .first-section {
	background-color: rgba(255, 255, 255, 0.1);
	padding: 0.65em 1em;
	position: relative;
}

footer .top-area .first-section .red-area {
	height: 0.6em;
	width: 100%;
	background-color: #661736;
	position: absolute;
	left: 0;
	top: -0.6em;
}

footer .top-area .first-section img {
	display: block;
	width: 15em;
	margin: 2em auto;
}

footer .top-area .first-section p {
	color: #aaa;
}

footer .top-area .follow-us {
	padding-inline-end: 4em;
}

footer .top-area .follow-us .title {
	color: #fff;
}

footer .top-area .follow-us ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

footer .top-area .follow-us ul li {
	margin: 0.2em 0;
}

footer .top-area .follow-us ul li a {
	color: #fff;
}

footer .top-area .follow-us ul li a:hover i::after {
	height: 100%;
}

footer .top-area .follow-us ul li a i {
	margin-inline-end: 0.25em;
	padding: 0.5em;
	z-index: 2;
	font-size: 1.15rem;
	position: relative;
	width: 2em;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

footer .top-area .follow-us ul li a i::before {
	z-index: 2;
	position: relative;
}

footer .top-area .follow-us ul li a i::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	transition: 0.3s ease;
	background-color: attr(back-color);
	background-color: var(--backColor);
	z-index: 1;
}

footer .top-area .contact-info .title {
	color: #fff;
	margin-bottom: 1.5em;
}

footer .top-area .contact-info ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

footer .top-area .contact-info ul li {
	margin-bottom: 1em;
}

footer .top-area .contact-info ul li a {
	color: #fff;
	transition: 0.3s ease;
}

footer .top-area .contact-info ul li a:hover {
	color: #661736;
}

footer .top-area .contact-info ul li a i {
	padding-inline-end: 0.7em;
}

footer .bottom-area {
	background-color: rgba(255, 255, 255, 0.1);
	padding: 1.5em 0;
}

footer .bottom-area .copy-right p {
	margin: 0;
	color: #fff;
}

footer .bottom-area .back-to-top {
	border-radius: 1em;
	border: 2px solid #fff;
	transition: 0.3s ease;
	background-color: transparent;
}

footer .bottom-area .back-to-top:hover {
	background-color: #661736;
	border-color: #661736;
}

footer .bottom-area .back-to-top a {
	width: 3em;
	height: 3em;
	display: flex;
	align-items: center;
	justify-content: center;
}

footer .bottom-area .back-to-top a i {
	color: #fff;
}

@media screen and (max-width: 991px) {
	.just-desktop {
		display: none;
	}

	.just-mobile {
		display: block;
	}

	header .sticky-navbar {
		position: relative;
		transform: none;
	}

	header .sticky-navbar.opened .content .links-container .nav-links {
		max-height: 220px;
	}

	header .sticky-navbar.opened .content .links-container .lang-links {
		right: 0;
	}

	header .sticky-navbar.opened .content .logo-container {
		transform: scale(0);
	}

	header .sticky-navbar .content {
		justify-content: center;
	}

	header .sticky-navbar .content .menu-button {
		display: block;
	}

	header .sticky-navbar .content .logo-container {
		transition: 0.3s ease;
	}

	header .sticky-navbar .content .logo-container a img {
		width: 5em;
	}

	header .sticky-navbar .content .links-container .nav-links {
		position: fixed;
		top: 80px;
		width: 100%;
		left: 0;
		background-color: #444;
		max-height: 0;
		overflow: hidden;
		transition: 0.5s ease;
	}

	header .sticky-navbar .content .links-container .nav-links ul {
		display: block;
		padding: 0 0.5em;
	}

	header .sticky-navbar .content .links-container .nav-links ul li {
		display: block;
		margin: 0;
		padding: 0.5em 0;
		border-bottom: 1px solid #aaa;
	}

	header .sticky-navbar .content .links-container .nav-links ul li:last-of-type {
		border-bottom: none;
	}

	header .sticky-navbar .content .links-container .nav-links ul li a {
		display: block;
		text-align: center;
	}

	header .sticky-navbar .content .links-container .lang-links {
		position: absolute;
		top: 50%;
		right: -50%;
		transform: translate(0, -50%);
		transition: 0.3s ease;
	}

	.who-we {
		margin-top: 0;
	}

	.slider-box {
		border-top: none;
	}

	.slider-box .top-slider .slick-slide {
		width: 100% !important;
		display: none;
	}

	.slider-box .top-slider .slick-slide.slick-current {
		display: block;
	}

	.slider-box .main-slider .slider-item img {
		width: 100%;
		height: auto;
	}

	.map-section .topBar .col-6 {
		padding: 0 7.5px;
	}

	.our-partners {
		padding: 0 15px;
	}

	.our-partners .partner-item:nth-child(4n) {
		border-right: 1px solid #eee;
	}

	.our-partners .partner-item:nth-child(2n) {
		border-right: none;
	}

	.contact-section .container .contact-form {
		margin-top: 5em;
	}

	footer .top-area .d-flex {
		flex-wrap: wrap;
	}

	footer .top-area .follow-us {
		margin-bottom: 1.5em;
	}
}

@media screen and (max-width: 767px) {
	header .sticky-navbar {
		padding: 0.25em 0.7em;
	}

	footer .bottom-area .copy-right {
		order: 2;
	}

	footer .bottom-area .copy-right p {
		text-align: center;
	}

	footer .bottom-area .back-to-top {
		order: 1;
		margin: 0 auto 1em auto;
	}
}