@charset "UTF-8";
/*

@Author: Themezinho
@URL: http://www.themezinho.net

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


// Table of contents //

	01.	GOOGLE FONTS
	02.	BODY
	03.	CUSTOM CLASSES
	04. FORM ELEMENTS
	05.	SECTIONS
	06.	HTML TAGS
	07.	LINKS
	08.	MODAL
	09.	PAGINATION
	10. PRELOADER
	11.	TRANSITION OVERLAY
	12.	SANDWICH BUTTON
	13.	SCROLL DOWN
	14.	NAVIGATION MENU
	15.	HEADER
	16.	SOCIAL MEDIA
	17.	NAVBAR
	18.	SLIDER
	19.	PAGE HEADER
	20.	VIDEO BG
	21.	WORKS
	22.	FEATURES CONTENT
	23.	LISTING CONTENT
	24.	FULL MEDIA CONTENT
	25.	INTRODUCTION
	26. OUR TEAM
	27.	NEWS
	28.	SAY HELLO
	29.	LOGOS
	30.	FOOTER
	31.	RESPONSIVE TABLET FIXES
	32. REPSONSIVE MOBILE FIXES



*/
/* GOOGLE FONTS */
@import url("https://fonts.googleapis.com/css?family=Playfair+Display|Poppins:300,400,600,800&display=swap&subset=latin-ext");
/* BODY */
* {
  outline: none !important;
}
body {
  font-family: "Poppins", sans-serif;
}

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  color: #555;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}

li {
  list-style: none;
}

/* HTML ELEMENT */
img {
  max-width: 100%;
}

/* CUSTOM CLASSES */
.overflow {
  overflow: hidden;
}

/* LINKS */
a {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  color: #26282b;
}

a:hover {
  text-decoration: underline;
}

/* CUSTOM CONTAINER */
.container {
  max-width: 1280px;
}
.container-services {
  max-width: 1680px;
}

/* FORM ELEMENTS */
input[type="text"] {
  width: 100%;
  height: 54px !important;
  border: 1px solid #eee;
  padding: 0 20px;
}

textarea {
  width: 100%;
  height: 160px;
  border: 1px solid #4a4545;
  padding: 15px 20px;
}
/* 
button[type=submit] {
  height: 54px;
  border: none;
  background: #5E17EB;
  color: #fff;
  padding: 0 30px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
} */

/* ODOMETER */
.odometer {
  line-height: 1;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-car {
  padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-car .odometer-digit {
  padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
  left: 0;
}

/* ACCORDION */
.accordion {
  width: 100%;
  float: left;
  background: #fff;
  padding: 0;
}
.accordion .card {
  background: none;
  border-radius: 0;
  margin-top: -1px;
  border: 1px solid #eaebee;
}
.accordion .card .card-header {
  background: none;
  padding: 0;
  border-bottom: none;
}
.accordion .card .card-header a {
  width: 100%;
  float: left;
  font-weight: 500;
  padding: 20px 25px;
  color: #26282b;
  font-weight: 600;
}
.accordion .card .card-header a:before {
  content: "+";
  float: left;
  text-align: center;
  margin-right: 8px;
  color: #26282b;
  font-weight: 600;
}
.accordion .card .card-header a:hover {
  color: #6c22e9;
  text-decoration: none;
}
.accordion .card .card-body {
  width: 100%;
  border-top: 1px solid #eee;
  line-height: 26px;
}
.accordion .card [aria-expanded="true"] {
  color: #6c22e9 !important;
}
.accordion .card [aria-expanded="true"]:before {
  content: "-" !important;
  color: #6c22e9 !important;
}

/* PAGINATION */
.pagination {
  display: flex;
}
.pagination .page-item {
  display: inline-block;
  margin-right: 6px;
}
.pagination .page-item.active .page-link {
  background: #6c22e9;
  color: #fff;
  border-color: transparent;
  position: relative;
  z-index: 2;
}
.pagination .page-item.active .page-link:hover {
  background: #6c22e9;
  border-color: transparent;
  color: #fff;
}
.pagination .page-item .page-link {
  display: inline-block;
  border-radius: 0 !important;
  padding: 15px 20px;
  color: #26282b;
  font-weight: 600;
  font-size: 13px;
  border: 1px solid #dee2e6;
  line-height: 1;
}
.pagination .page-item .page-link:hover {
  background: none;
  border-color: #dee2e6;
  color: #6c22e9;
}

/* GALLERY SLIDER*/
.gallery-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin: 30px 0;
  background: #26282b;
}
.gallery-container .swiper-wrapper {
  width: 100%;
  float: left;
  position: relative;
}
.gallery-container .swiper-slide {
  width: 80%;
  margin: 0;
  opacity: 1;
}
.gallery-container .swiper-slide.swiper-slide-active {
  width: 80%;
  opacity: 1;
}
.gallery-container .swiper-slide img {
  width: 100%;
}
.gallery-container .gallery-pagination {
  bottom: 20px;
  position: absolute;
  z-index: 2;
}
.gallery-container .gallery-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
}
.gallery-container
  .gallery-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #6c22e9;
  opacity: 1;
}

.page-header {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Page header styling */
.page-header-serv {
  position: relative;
  height: 100vh; /* 100% of the viewport height */
  width: 100vw; /* 100% of the viewport width */
  overflow: hidden; /* Ensures content does not overflow */
}

/* Background video styling */
.background-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100vw; /* Ensures the video spans full width */
  min-height: 100vh; /* Ensures the video spans full height */
  transform: translate(-50%, -50%);
  object-fit: cover; /* Ensures the video fills the viewport without stretching */
  z-index: -1; /* Places the video behind the content */
}

/* Overlay for the content */
.content-overlay {
  position: relative;
  z-index: 1; /* Places content on top of the video */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; /* Make sure the content spans the full height of the viewport */
  background: rgba(
    255,
    255,
    255,
    0
  ); /* Semi-transparent overlay for readability */
  top: -180px;
  border-radius: 6px;
}

/* Container styling */
.container {
  color: rgba(0, 0, 0, 0.82);
}

#syndic-section .container {
  color: rgb(255, 255, 255);
}

h1 {
  font-size: 3rem;
  margin-bottom: 10px;
}

p {
  font-size: 1.1rem;
}

#transactions-section p {
  font-size: 1.1rem;
  color: #fff;
}

#syndic-section .card p {
  font-size: 1.1rem;
  color: #fff;
}

#syndic-section .card h3 {
  font-size: 1.75rem;
  color: #fff;
  font-weight: 700;
}

#syndic-section h2 {
  font-size: 3rem;
  color: #fff;
  font-weight: 700;
}

#transaction-section .card p {
  font-size: 1.1rem;
  color: #fff;
}

#transaction-section .card h3 {
  font-size: 1.75rem;
  color: #fff;
}

#syndic-section .card h2 {
  font-size: 2rem;
  color: #fff;
}

/* NAV PILLS */
.nav-pills {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.nav-pills .nav-item {
  display: inline-block;
  margin-right: 30px;
}
.nav-pills .nav-item:last-child {
  margin-right: 0;
}
.nav-pills .nav-item .nav-link {
  background: none;
  color: #26282b;
  border-bottom: 2px solid transparent;
  padding: 4px 0;
  border-radius: 0;
  font-weight: 600;
  font-size: 14px;
}
.nav-pills .nav-item .nav-link.active {
  border-bottom: 2px solid #26282b;
}

/* BREADCRUMB */
.breadcrumb {
  width: 100%;
  padding: 0;
  border-radius: 0;
  background: none;
}
.breadcrumb .breadcrumb-item {
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  padding: 0;
}
.breadcrumb .breadcrumb-item:first-child:before {
  display: none;
}
.breadcrumb .breadcrumb-item:before {
  content: "»";
  color: #fff;
  font-weight: 400;
  padding: 0 20px;
}
.breadcrumb .breadcrumb-item.active {
  color: #ebebeb;
}
.breadcrumb .breadcrumb-item a {
  color: #fff;
}

/* HAMBURGER */
.hamburger {
  position: relative;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.hamburger span {
  display: block;
  height: 2px;
  width: 30px;
  background: #fff;
  opacity: 1;
  position: absolute;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 0;
}
.hamburger span:nth-child(2) {
  top: 9px;
}
.hamburger span:nth-child(3) {
  width: 10px;
  top: 19px;
}
.hamburger span:nth-child(4) {
  width: 6px;
  top: 19px;
  left: 15px;
}
.hamburger.open {
  margin: 0;
}
.hamburger.open span:nth-child(1) {
  top: 9px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.hamburger.open span:nth-child(2) {
  opacity: 0;
  left: 20px;
}
.hamburger.open span:nth-child(3) {
  width: 30px;
  top: 9px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.hamburger.open span:nth-child(4) {
  opacity: 0;
  left: 20px;
}
.hamburger:hover span:nth-child(4) {
  width: 20px;
  left: 10px;
}

/* PRELAODER */
.preloader {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 12;
  background: #5e17eb;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 0.95s;
  overflow: hidden;
}
.preloader * {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.preloader .layer {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  background: #333;
  transition-delay: 0.3s;
}
.preloader .inner {
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 2;
}
.preloader .inner figure {
  display: block;
  margin-bottom: 10px;
  transition-delay: 0.1s;
}
.preloader .inner figure img {
  height: 60px;
}
.preloader .inner p {
  font-weight: 600;
  color: #fff;
  font-size: 13px;
  display: block;
}

/* TRANSITION OVERLAY */
.transition-overlay {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 12;
  background: #6c22e9;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  overflow: hidden;
}
.transition-overlay .layer {
  width: 100%;
  height: 100vh;
  position: absolute;
  right: -100%;
  top: 0;
  background: #333;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 0.6s;
}
.transition-overlay.active {
  left: 0;
}
.transition-overlay.active .layer {
  right: 0;
}

/* PAGE LOADED */
.page-loaded .preloader {
  right: -100%;
}

.page-loaded .preloader .inner figure {
  opacity: 0;
  transform: scale(1.5);
}

.page-loaded .preloader .inner p {
  transform: translateY(20px);
  opacity: 0;
}

.page-loaded .preloader .layer {
  left: -100%;
}

.page-loaded .navbar .container .upper-side {
  transform: translateY(0);
}

.page-loaded .navbar .container .menu {
  opacity: 1;
}

.page-loaded .slider .slider-container {
  transform: scale(1);
  opacity: 1;
}

/* SIDE NAVIGATION */
.side-navigation {
  width: 400px;
  max-width: 100%;
  height: 100vh;
  min-height: 400px;
  position: fixed;
  left: -100%;
  top: 0;
  background: #26282b;
  z-index: 10;
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 14px;
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.side-navigation .menu {
  display: none;
  margin-bottom: 20px;
}
.side-navigation .menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.side-navigation .menu ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  position: relative;
}
.side-navigation .menu ul li ul {
  width: 100%;
  display: none;
  padding-left: 20px;
  margin-bottom: 10px;
}
.side-navigation .menu ul li ul li {
  display: block;
}
.side-navigation .menu ul li ul li a {
  font-size: 2vw;
}
.side-navigation .menu ul li a {
  display: inline-block;
  color: #fff;
  font-size: 2vw;
  font-weight: 530;
}
.side-navigation .menu ul li a:hover {
  color: #6c22e9;
  text-decoration: none;
}
.side-navigation .side-content {
  width: 100%;
  display: block;
}

.side-content figure img {
  max-width: 100%; /* Ensures image scales responsively */
  height: auto;
  display: inline-flex;
}

.side-navigation figure {
  display: block;
  margin-bottom: 30px;
}
.side-navigation figure img {
  height: 100px !important;
}
.side-navigation address {
  display: block;
  margin-bottom: 20px;
}
.side-navigation h6 {
  font-weight: 600;
  font-size: 20px;
}
.side-navigation p {
  display: block;
  margin-bottom: 30px;
}
.side-navigation p a {
  color: #fff;
}
.side-navigation .gallery {
  margin-bottom: 20px;
  padding: 0;
  margin-left: -5px;
  margin-right: -5px;
}
.side-navigation .gallery li {
  width: 33.33333%;
  float: left;
  margin: 0;
  padding: 0 5px;
  list-style: none;
}
.side-navigation .gallery li img {
  width: 100%;
}
.side-navigation .social-media {
  width: 100%;
  float: left;
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
}
.side-navigation .social-media li {
  float: left;
  margin-left: 5px;
  padding: 0;
  list-style: none;
}
.side-navigation .social-media li a {
  width: 40px;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 42px;
  font-size: 13px;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
.side-navigation .social-media li a:hover {
  color: #26282b;
  background: #6c22e9;
}
.side-navigation.active {
  left: 0;
}

/* NAVBAR */
.navbar {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.navbar .container {
  flex-direction: column;
}
.navbar .container .upper-side {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
  align-items: center;
  transform: translateY(-80px);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 1.2s;
}
.navbar .container .upper-side .logo {
  margin-left: 0;
}
.navbar .container .upper-side .logo img {
  height: 100px;
}
.navbar .container .upper-side .phone-email {
  margin-right: 20px;
  margin-left: auto;
  margin-top: 5px;
  text-align: right;
  color: #fff;
}
.navbar .container .upper-side .phone-email img {
  float: right;
  height: 34px;
  margin-left: 15px;
}
.navbar .container .upper-side .phone-email h4 {
  margin-bottom: -5px;
  margin-top: 3px;
  font-size: 17px;
  font-weight: 600;
  display: -webkit-box;
  line-height: 1;
}
.navbar .container .upper-side .phone-email small {
  line-height: 1;
}
.navbar .container .upper-side .phone-email small a {
  opacity: 0.5;
  color: #fff;
}
.navbar .container .upper-side .phone-email small a:hover {
  text-decoration: none;
  color: #6c22e9;
  opacity: 1;
}
.navbar .container .upper-side .language {
  margin-right: 40px;
  margin-left: 60px;
  padding: 10px 0;
  padding-right: 30px;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.navbar .container .upper-side .language a {
  display: inline-block;
  margin: 0 5px;
  color: #fff;
  font-weight: 600;
}
.navbar .container .upper-side .language a:hover {
  color: #6c22e9;
  text-decoration: none;
}
.navbar .container .upper-side .hamburger {
  width: 30px;
  height: 21px;
  margin-right: 0;
}
.navbar .container .menu {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 1.4s;
  opacity: 0;
}
.navbar .container .menu ul {
  display: flex;
  flex-wrap: wrap;
  /* margin-left: auto; */
  margin-right: 0px;
  margin-top: -1px;
  /* background: #9d9a9a47; */
  width: 100%;
  gap: 3px;
}
.navbar .container .menu ul li {
  margin: 0;
  margin-left: 13px;
  padding: 0;
  list-style: none;
  position: relative;
}
.navbar .container .menu ul li:hover ul {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.navbar .container .menu ul li ul {
  min-width: 280px;
  position: absolute;
  left: -35px;
  top: 120%;
  background: #26282b;
  margin: 0;
  padding: 25px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.navbar .container .menu ul li ul:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #26282b transparent;
  position: absolute;
  left: 35px;
  top: -10px;
}
.navbar .container .menu ul li ul li {
  margin: 0;
  padding: 0 35px;
  white-space: nowrap;
}
.navbar .container .menu ul li ul li a {
  padding: 8px 0;
}
.navbar .container .menu ul li ul li a:hover {
  border-color: transparent;
}
.navbar .container .menu ul li a {
  color: #fff;
  display: inline-block;
  font-weight: 600;
  padding: 30px 0;
  border-top: 1px solid transparent;
  margin-right: 10px;
  font-family: "Poppins", sans-serif;
}
.navbar .container .menu ul li a:hover {
  text-decoration: none;
  color: #6c22e9;
  border-top: 1px solid #6c22e9;
}
/* Container and Flexbox settings */
.package_sec {
  padding: 0 0 150px 0;
  background-color: #f9f9f9;
}

.package_sec .inner {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 30px; /* Increased spacing between cards */
}

/* Card (Package Block) Styling */
.package_block {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  padding: 30px 20px;
  margin: 20px 0;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  width: calc(100% / 3);
  max-width: 417px;
}

/* Hover effect */
.package_block:hover {
  transform: translateY(-10px); /* Slightly lift the card */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Increased shadow on hover */
}

/* Title and price styling */
.package_block h3 {
  font-size: 22px;
  color: #333;
  font-weight: 600;
  margin-bottom: 10px;
}

.package_block h6 {
  font-size: 18px;
  color: #555;
  font-weight: 500;
  margin-bottom: 20px;
}

.price {
  font-size: 28px;
  font-weight: 700;
  color: #833ce7; /* Red for emphasis */
  margin-bottom: 15px;
}

.price small {
  font-size: 16px;
  color: #888;
}

/* Package list styling */
.package_list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

.package_list li {
  font-size: 16px;
  color: #666;
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.package_list li i {
  color: #833ce7; /* Red for emphasis */
  margin-right: 8px;
}

/* Button styling */
.btn-block-unique,
.btn-block {
  margin-top: 20px;
  position: relative;
  bottom: 0px;
}

.buy_btn {
  display: inline-block;
  border: 2px solid transparent;
  padding: 10px 25px;
  background-color: #833ce7; /* Green background */
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
}

.buy_btn:hover {
  background-color: #fff;
  color: #833ce7;
  text-decoration: none !important;
  border-color: #833ce7;
}

/* Responsive behavior */
@media (max-width: 768px) {
  .package_block {
    flex: 1 1 calc(50% - 30px); /* 2 cards per row on medium screens */
  }
}

@media (max-width: 480px) {
  .package_block {
    flex: 1 1 100%; /* Stack cards vertically on small screens */
  }
}

/* SLIDER */
.slider {
  width: 100%;
  height: 100vh;
  min-height: 600px;
  display: flex;
  flex-wrap: wrap;
  background: #26282b;
  overflow: hidden;
}
.slider .slider-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transform: scale(1.3);
  transition-delay: 1.25s;
  opacity: 0;
}
.slider .slider-container .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: center;
  background-size: cover;
  padding-left: 120px;
}
.slider .slider-container .swiper-slide:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #26282b;
  background: -moz-linear-gradient(
    161deg,
    #26282b 0%,
    #26282b 49%,
    #6c22e9 100%
  );
  background: -webkit-linear-gradient(
    161deg,
    #26282b 0%,
    #26282b 49%,
    #6b22e90a 100%
  );
  background: linear-gradient(161deg, #26282b 0%, #26282b 49%, #6b22e907 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26282b",endColorstr="#6c22e9",GradientType=1);
  opacity: 0.65;
}
.slider .slider-container .swiper-slide .container {
  position: relative;
  z-index: 9;
  padding-left: 100px;
}
.slider .slider-container .swiper-slide .container h1 {
  font-size: 4vw;
  color: #fff;
  font-family: "Poppins", sans-serif;
  color: #d9d9d9;
  margin-bottom: 20px;
}
.slider .slider-container .swiper-slide .container h1 span {
  display: inline-block;
  position: relative;
}
.slider .slider-container .swiper-slide .container h1 span:before {
  content: "";
  width: 247px;
  height: 70px;
  position: absolute;
  left: 0;
  top: 40px;
  background-size: contain;
  z-index: -1;
}
.slider .slider-container .swiper-slide .container h2 {
  font-weight: 600;
  color: #fff;
  margin-bottom: 50px;
}
.slider .slider-container .swiper-slide .container a {
  height: 60px;
  line-height: 56px;
  float: left;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
  position: relative;
  border: 2px solid #6c22e9;
  padding: 0 40px;
  box-shadow: 0 0 20px rgba(108, 34, 233, 0.6);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.post-tags a {
  height: 60px;
  line-height: 56px;
  float: left;
  color: #0e0d0d;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
  position: relative;
  border: 2px solid #6c22e9;
  padding: 0 40px;
  box-shadow: 0 0 20px rgba(235, 207, 167, 0.4);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.slider .slider-container .swiper-slide .container a i {
  margin-left: 10px;
}
.slider .slider-container .swiper-slide .container a:hover {
  text-decoration: none;
  background: #6c22e9;
  border-color: #6c22e9;
}
.slider .slider-container .swiper-slide .container figure {
  float: left;
  margin-left: 40px;
  margin-bottom: 0;
}
.slider .slider-container .swiper-slide .container figure img {
  height: 60px;
}
.slider .slider-container .inner-elements {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.slider .slider-container .inner-elements .container {
  position: relative;
  height: 100vh;
}
.slider .slider-container .inner-elements .container .social-media {
  width: 20px;
  position: absolute;
  left: 15px;
  top: calc(50% + 60px);
  transform: translateY(-50%);
  z-index: 4;
  text-align: center;
}
.slider .slider-container .inner-elements .container .social-media h6 {
  width: 120px;
  color: #fff;
  transform: rotate(90deg);
  transform-origin: left;
  margin-left: 9px;
  font-weight: 600;
  margin-bottom: 120px;
  font-size: 14px;
}
.slider .slider-container .inner-elements .container .social-media ul {
  margin: 0;
  padding: 0;
}
.slider .slider-container .inner-elements .container .social-media ul:before {
  content: "";
  width: 1px;
  height: 42px;
  background: #fff;
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 10px;
}
.slider .slider-container .inner-elements .container .social-media ul li {
  margin: 0;
  padding: 3px 0;
  list-style: none;
}
.slider .slider-container .inner-elements .container .social-media ul li a {
  color: #fff;
  font-size: 12px;
}
.slider
  .slider-container
  .inner-elements
  .container
  .social-media
  ul
  li
  a:hover {
  color: #6c22e9;
}
.slider .slider-container .inner-elements .container .pagination {
  width: auto;
  position: absolute;
  left: auto;
  right: 15px;
  bottom: 20px;
  z-index: 4;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 50px;
}
.slider
  .slider-container
  .inner-elements
  .container
  .pagination
  .swiper-pagination-current {
  font-size: 40px;
  font-weight: 800;
  margin-right: 5px;
}
.slider
  .slider-container
  .inner-elements
  .container
  .pagination
  .swiper-pagination-total {
  font-size: 20px;
  margin-left: 5px;
}
.slider .slider-container .inner-elements .container .button-prev {
  width: 40px;
  position: absolute;
  right: 10px;
  top: calc(50% + 60px);
  z-index: 4;
  transform: rotate(90deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  transform-origin: bottom;
  margin-top: -60px;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}
.slider .slider-container .inner-elements .container .button-prev:hover {
  color: #6c22e9;
}
.slider .slider-container .inner-elements .container .button-prev:after {
  content: "";
  width: 42px;
  height: 1px;
  background: #fff;
  position: absolute;
  right: calc(-100% - 20px);
  top: 5px;
}
.slider .slider-container .inner-elements .container .button-next {
  width: 40px;
  position: absolute;
  right: 10px;
  top: calc(50% + 60px);
  z-index: 4;
  transform: rotate(90deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  transform-origin: bottom;
  margin-top: 60px;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}
.slider .slider-container .inner-elements .container .button-next:hover {
  color: #6c22e9;
}

/* PAGE HEADER */
.page-header {
  width: 100%;
  height: 650px;
  display: flex;
  flex-wrap: wrap;
  padding-top: 180px;
  background-color: #26282b;
  position: relative;
  margin-bottom: 30px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page-header:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #26282b;
  background: -moz-linear-gradient(
    161deg,
    #26282b 0%,
    #26282b 49%,
    #6c22e9 100%
  );
  background: -webkit-linear-gradient(
    161deg,
    #26282b 0%,
    #26282b 49%,
    #6c22e9 100%
  );
  background: linear-gradient(161deg, #26282b 0%, #26282b 49%, #6c22e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26282b",endColorstr="#6c22e9",GradientType=1);
  opacity: 0.65;
}
.page-header .container {
  position: relative;
  z-index: 2;
}
.page-header .container h1 {
  font-size: 4vw;
  color: #fff;
  font-family: "Poppins", sans-serif;
  color: #d9d9d9;
  margin-bottom: 20px;
  font-weight: 500;
}

.page-header .container p {
  display: block;
  color: #fff;
  font-size: 20px;
  margin: 0;
}

.page-header .container .breadcrumb {
  position: absolute;
  bottom: -30px;
  background: #5e17eb;
  width: 98%;
  padding: 40px 30px;
  padding-right: 60px;
  margin: 0;
  border-radius: 4px;
  font-family: "Poppins", sans-serif;
}

/* INTRO */
.intro {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
.intro figure {
  display: inline-block;
  margin-bottom: 0;
  margin-top: -20px;
  background: #6c22e9;
  position: relative;
}
.intro figure .pattern-bg {
  width: 120%;
  height: 100%;
  position: absolute;
  left: 5%;
  top: -5%;
  background: url(../images/side-pattern-bg.png);
  background-size: contain;
}
.intro figure .holder {
  position: relative;
  width: 100%;
  float: left;
  display: block !important;
  transform: translate(85px, -65px);
}
.intro figure .holder img {
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
  width: 525px;
}
.intro .content-box {
  display: block;
  padding-left: 10%;
}
.intro .content-box b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.intro .content-box h4 {
  display: block;
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 15px;
  text-align: left;
}
.intro .content-box h4 span {
  color: #5e17eb;
}
.intro .content-box h3 {
  font-weight: 600;
  margin-bottom: 30px;
}
.intro .content-box p {
  display: block;
  margin-bottom: 30px;
  text-align: left;
}
.intro .content-box a {
  display: inline-block;
  color: #26282b;
  font-weight: 600;
}
.intro .content-box a img {
  height: 46px;
  margin-right: 15px;
}
.intro .content-box a:hover {
  color: #6c22e9;
  text-decoration: none;
}

/* LOGOS */
.logos {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0;
}
.logos * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.logos .col-lg-2 {
  border-right: 1px dashed #eee;
}
.logos .col-lg-2:last-child {
  border-right: none;
}
.logos figure {
  width: 100%;
  margin: 0;
  position: relative;
}
.logos figure:hover img {
  opacity: 0;
  transform: scale(1.2);
}
.logos figure:hover h6 {
  opacity: 1;
  transform: scale(1);
}
.logos figure img {
  width: 100%;
}
.logos figure h6 {
  width: 100%;
  height: 20px;
  line-height: 20px;
  margin: 0;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  text-align: center;
  opacity: 0;
  font-weight: 800;
  font-size: 13px;
  transform: scale(1.1);
}

/* BENEFITS */
.benefits {
  width: 100%;
  padding: 50px 0;
  background: #ebebeb;
  text-align: center;
}

.benefits .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.benefits .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.benefits .col {
  border-right: 1px solid #eee;
  padding: 20px;
  flex: 1 1 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.benefits .col:nth-child(odd) {
  margin-top: 0;
}

.benefits .col:hover figure:after {
  opacity: 1;
}

.benefits .col:last-child {
  border-right: none;
}

.benefits b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}

.benefits h4 {
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 15px;
}

.benefits h4 span {
  color: #5e17eb;
}

.benefits h3 {
  font-weight: 600;
  margin-bottom: 50px;
}

.benefits figure {
  display: block;
  margin-bottom: 20px;
  position: relative;
}

.benefits figure:after {
  content: "";
  width: 70px;
  height: 70px;
  position: absolute;
  left: 50%;
  top: 0;
  background: #6c22e9;
  border-radius: 50%;
  opacity: 0;
  z-index: 0;
  margin-left: -35px;
}

.benefits figure img {
  height: 100px;
  position: relative;
  z-index: 2;
}

.benefits h6 {
  font-weight: 600;
  font-size: 14px;
}

.benefits .odometer {
  font-size: 50px;
  line-height: 1;
  font-weight: 800;
}

.benefits .extra {
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  transform: translateY(10px);
}

/* Media Queries for Responsiveness */
@media (min-width: 576px) {
  .benefits .col {
    flex: 1 1 45%;
    max-width: 45%;
  }
}

@media (min-width: 768px) {
  .benefits .col {
    flex: 1 1 30%;
    max-width: 30%;
  }
}

@media (min-width: 992px) {
  .benefits .col {
    flex: 1 1 25%;
    max-width: 25%;
  }

  .benefits .container {
    justify-content: space-between;
  }

  .benefits .col:nth-child(odd) {
    margin-top: 50px;
  }
}

/* Ensure the section occupies full width and height */
.recent-gallery {
  display: flex;
  flex-wrap: wrap; /* Ensures the cards align properly */
  justify-content: space-between; /* Spacing between cards */
  align-items: stretch; /* Ensures equal height for cards */
  width: 100%;
  padding: 0; /* Remove padding to allow images to occupy full space */
  margin: 0;
  overflow: hidden;
}
.recent-gallery h4 {
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 30px;
  text-align: center;
}

.recent-gallery h4 span {
  color: #5e17eb;
}

.recent-gallery h3 {
  font-weight: 600;
  margin-bottom: 50px;
}

.recent-gallery .gallery-card {
  flex: 1 1 30%; /* Flex property to ensure cards grow/shrink and 3 per row */
  margin: 10px; /* Add margin between cards */
  position: relative;
  overflow: hidden;
}

.recent-gallery .gallery-card img {
  width: 100%; /* Ensure images take full width of the card */
  height: 100%; /* Ensure images take full height of the card */
  object-fit: cover; /* Ensures the image scales while maintaining aspect ratio */
  transition: transform 0.3s ease-in-out; /* Smooth hover effect */
}

.recent-gallery .gallery-card:hover img {
  transform: scale(1.05); /* Slight zoom effect on hover */
}

/* Optional: Add a title or description overlay on the cards */
.recent-gallery .gallery-card .card-info {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.6); /* Semi-transparent background */
  color: #fff;
  padding: 10px;
  font-size: 1.1em;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .recent-gallery .gallery-card {
    flex: 1 1 48%; /* Display 2 cards per row on smaller screens */
  }
}

@media (max-width: 480px) {
  .recent-gallery .gallery-card {
    flex: 1 1 100%; /* Display 1 card per row on very small screens */
  }
}

/* PROPERTY CALCULATOR */
.property-calculator {
  width: 100%;
  padding-bottom: 50px;
  margin-top: 50px;
  position: relative;
}

.property-calculator .row {
  display: flex;
  flex-wrap: wrap;
}

.property-calculator figure {
  display: inline-block;
  position: relative;
}

.property-calculator figure .pattern-bg {
  width: 120%;
  height: 100%;
  position: absolute;
  left: 5%;
  top: -5%;
  background: url(../images/side-pattern-bg.png);
  background-size: contain;
}

.property-calculator figure .holder {
  position: relative;
  width: 100%;
  float: left;
  display: block !important;
  transform: translate(85px, -35px);
}

.property-calculator figure .holder img {
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
  width: 525px;
}

.property-calculator .google-reviews {
  margin-top: 30px;
}

.property-calculator h4 {
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 15px;
}

.property-calculator h4 span {
  color: #6c22e9;
}

@media (max-width: 768px) {
  .property-calculator .col-lg-6 {
    margin-bottom: 50px;
    order: 2;
  }

  .property-calculator .google-reviews {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .property-calculator figure {
    order: 1;
    margin-bottom: 30px;
  }
}

/* PROPERTY PLANS */
.property-plans {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 150px;
}
.property-plans b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.property-plans h4 {
  display: block;
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 15px;
}
.property-plans h4 span {
  color: #6c22e9;
}
.property-plans h3 {
  font-weight: 600;
  margin-bottom: 30px;
}
.property-plans p {
  display: block;
  padding-right: 40%;
  margin-bottom: 30px;
}
.property-plans table {
  display: table;
  margin-bottom: 30px;
  font-size: 15px;
}
.property-plans table tr td {
  padding: 5px 0;
}
.property-plans table tr td:first-child {
  color: #6c22e9;
  width: 120px;
  font-weight: 600;
}
.property-plans .tab-nav {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.property-plans .tab-nav li {
  display: inline-block;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}
.property-plans .tab-nav li a {
  color: #26282b;
  font-weight: 600;
}

/* GET CONSULTATION */
.get-consultation {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 150px;
  margin-bottom: 100px;
  background-size: auto 120%;
  background-position: right;
  background-repeat: no-repeat;
  background-color: #e5e4df;
}
.get-consultation .content-box {
  width: 500px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 80px 50px;
  margin-bottom: -50px;
  color: #fff;
  background: #833ce7;
  position: relative;
  overflow: hidden;
  height: 657px;
}
.get-consultation .content-box:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 200px 100vh 0;
  border-color: transparent #6c22e9 transparent transparent;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.15;
}
.get-consultation b {
  width: 100%;
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.get-consultation h4 {
  display: block;
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 15px;
}
.get-consultation h4 span {
  color: #6c22e9;
}
.get-consultation h3 {
  font-weight: 600;
  margin-bottom: 30px;
}
.get-consultation p {
  display: block;
  padding-right: 20%;
  margin-bottom: 40px;
}
.get-consultation a {
  height: 60px;
  line-height: 60px;
  float: left;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
  position: relative;
  background: #26282b;
  padding: 0 40px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.get-consultation a i {
  margin-left: 10px;
}
.get-consultation a:hover {
  text-decoration: none;
  background: #fff;
  color: #6c22e9;
}
.get-consultation .holder iframe {
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
  width: 525px;
  height: 657px;
  border: none;
  margin-right: 10px;
}

/* RECENT POSTS */
.recent-posts {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.recent-posts b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.recent-posts h4 {
  display: block;
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 15px;
}
.recent-posts h4 span {
  color: #6c22e9;
}
.recent-posts small {
  display: block;
  text-transform: none;
  letter-spacing: 2px;
  margin-bottom: 40px;
  opacity: 0.5;
}
.recent-posts small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 4px;
  opacity: 0.5;
}
.recent-posts .post-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.recent-posts .post-box figure {
  display: block;
  margin-bottom: 20px;
}
.recent-posts .post-box h6 {
  display: block;
  font-size: 20px;
  font-weight: 600;
}
.recent-posts .post-box h6 a {
  display: inline-block;
}
.recent-posts .post-box h6 a:hover {
  color: #6c22e9;
  text-decoration: none;
}
.recent-posts .post-box p {
  display: block;
  margin: 0;
}
.recent-posts .post-box span {
  width: 100%;
  display: block;
  font-size: 13px;
  opacity: 0.5;
  margin-bottom: 10px;
}

/* APARTMENTS */
.apartment {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.apartment h2 {
  font-size: 4vw;
  font-family: "Poppins", sans-serif;
  margin-bottom: 20px;
}
.apartment h2 span {
  color: #6c22e9;
}
.apartment h6 {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 20px;
}
.apartment h5 {
  margin-bottom: 70px;
  font-weight: 600;
  opacity: 0.5;
}
.apartment h4 {
  margin-bottom: 20px;
  font-weight: 600;
}
.apartment p {
  line-height: 1.7;
  margin-bottom: 20px;
}
.apartment p strong {
  font-weight: 600;
}
.apartment ul {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding-left: 20px;
}
.apartment ul li {
  margin: 0;
  padding: 4px 0;
}
.apartment blockquote {
  display: inline-block;
  padding: 30px;
  background: #6c22e9;
  margin-bottom: 40px;
}
.apartment blockquote p {
  margin: 0;
}
.apartment blockquote strong {
  font-size: 20px;
}
.apartment figure {
  width: 100%;
  display: block;
  margin-bottom: 70px;
  margin-top: 50px;
}
.apartment .gallery-slider {
  width: 80%;
  margin-top: 50px;
  margin-bottom: 70px;
}
.apartment .gallery-slider .gallery-container {
  margin: 0;
}
.apartment .property-plan {
  display: inline-block;
}
.apartment .property-infos {
  display: inline-block;
  background: #6c22e9;
  color: #fff;
  padding: 50px;
  margin-bottom: 50px;
  float: none;
  margin-right: 100px;
}
.apartment .property-infos .odometer {
  font-size: 60px;
  font-weight: 800;
  position: relative;
  display: inline-flex;
}
.apartment .property-infos .odometer:after {
  content: attr(data-text);
  font-size: 30px;
  font-weight: 600;
  margin-top: 10px;
  margin-left: 5px;
  opacity: 0.5;
}
.apartment .property-infos p:last-child {
  margin-bottom: 0;
}

/* ABOUT CONTENT */
/* Style général pour la section */
#about {
  padding: 40px;
  background-color: #f9f9f9;
}

#about h2 {
  font-size: 2.5em;
  margin-bottom: 20px;
  text-align: left;
  color: #333;
  font-weight: 700;
}

/* Style pour la section "Notre Histoire" */
.history {
  margin-bottom: 40px;
}

.history h3 {
  font-size: 2em;
  margin-bottom: 15px;
  color: #5e17eb; /* Couleur accentuée */
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

.history p {
  font-size: 1.1em;
  line-height: 1.6;
  margin-bottom: 15px;
  color: #555;
}

/* Style pour la section "Nos Valeurs" */
.values {
  margin-bottom: 40px;
}

.values h3 {
  font-size: 2em;
  margin-bottom: 15px;
  color: #5e17eb; /* Couleur accentuée */
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

.values ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.values li {
  font-size: 1.1em;
  line-height: 1.6;
  margin-bottom: 15px;
  padding-left: 15px; /* Augmenter l'espace à gauche pour éviter la superposition */
  /* position: relative; */
  color: #555;
}

/* Style pour les puces de liste */
.values li::before {
  content: "•";
  position: absolute;
  left: -20px; /* Positionné à gauche */
  color: #131212; /* Couleur accentuée */
  font-size: 1.5em;
  top: 0;
  line-height: 1.6; /* Aligné avec le texte */
  transform: translateY(
    -0.1em
  ); /* Ajuste verticalement pour mieux aligner avec le texte */
}

/* Ensure the section covers the full height and has a fixed background image */
.expertise-section-about {
  position: relative;
  overflow: hidden;
  background-image: url("images/layered-slants.png"); /* Adjust the image path */
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* Parallax effect */
  background-repeat: no-repeat;
  padding: 150px 0; /* Adjust padding as needed */
  color: #fff; /* Text color for contrast */
  /* Optional: Adjust the height if needed */
}

/* Ensure the content is properly aligned */
.expertise-section-about .container-fluid {
  position: relative;
  z-index: 1;
}

.expertise-section-about h6 {
  text-align: left;
  font-size: 2em;
  margin-bottom: 20px;
  color: #fff;
  font-weight: 700;
  margin-left: 1em;
  font-family: "Poppins", sans-serif;
}

.expertise-section-about p {
  text-align: left;
  font-size: 1.2em; /* Adjust size as needed */
  /* margin-left: 6.5em; */
}

.expertise-section-about .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.expertise-section-about .expertise-card {
  background: #ebebeb36; /* Semi-transparent background for cards */
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  margin-bottom: 15px;
  color: #000;
  text-align: center;
  transition: transform 0.3s ease-in-out;
  font-family: "Poppins", sans-serif;
}

.expertise-section-about .expertise-card h3 {
  margin-bottom: 15px;
  color: #fff;
  font-weight: 700;
  text-align: left;
}

.expertise-section-about .expertise-card p {
  font-size: 1.5rem; /* Adjust size as needed */
  color: #fff;
  text-align: left;
  margin-left: 0 !important;
}

/* Scrolling animation */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.expertise-section-about .expertise-card {
  animation: fadeInUp 1s ease-out;
  /* margin-right: 10px; */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .expertise-section-about .expertise-card {
    width: 100%;
    /* margin-right: 10px; */
  }
}

/* General Styles for the Section */
.team-service-section {
  background-color: #f4f4f4;
}

/* Responsive Text Styling */
.team-service-section h2 {
  font-size: 2em;
  margin-bottom: 20px;
  color: #5e17eb;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

.team-service-section p {
  font-size: 1.1em;
  line-height: 1.8;
  margin-bottom: 20px;
  color: #666;
}

/* Image Styling */
.random-shape img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .team-service-section {
    padding: 30px 0;
  }

  .team-service-section h2 {
    font-size: 2em;
    text-align: center;
  }

  .team-service-section p {
    font-size: 1.1em;
  }
}

@media (max-width: 576px) {
  .team-service-section h2 {
    font-size: 1.8em;
  }

  .team-service-section p {
    font-size: 1em;
    margin-right: 10px;
    margin-left: 10px;
    text-align: center;
  }

  .team-service-section .random-shape img {
    border-radius: 5px;
  }
}

/* Clip Path for Random Shape */
.random-shape img {
  max-width: 100%;
  border-radius: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  clip-path: polygon(
    10% 20%,
    40% 5%,
    70% 10%,
    90% 40%,
    80% 60%,
    90% 85%,
    60% 90%,
    30% 80%,
    15% 60%,
    5% 40%
  );
}

/* Responsive Design */
@media (max-width: 768px) {
  .team-service-section .row {
    flex-direction: column;
  }

  .team-service-section .col-md-6 {
    margin-bottom: 20px;
  }
}

/* Initial hidden state */
.text-content,
.image-content {
  opacity: 0;
  transform: translateX(100px); /* Text will slide in from the right */
}

.image-content {
  transform: translateX(-100px); /* Image will slide in from the left */
}

/* Animation styles */
@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-200px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(200px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* When the section is in view, trigger the animation */
.team-service-section.scroll-active .text-content {
  animation: slideInLeft 1s ease forwards;
}

.team-service-section.scroll-active .image-content {
  animation: slideInRight 1s ease forwards;
}

/* Style pour la section "Notre Vision" */
#notre-vision {
  background-color: #f4f4f4; /* Couleur de fond claire */
  padding: 60px 20px; /* Espacement interne */
  position: relative;
  overflow: hidden; /* Évite que le contenu dépasse la section */
}

.vision-content {
  opacity: 0; /* Cache la section par défaut */
  transform: translateY(150px); /* Position initiale décalée vers le bas */
  transition:
    opacity 2s ease,
    transform 1s ease; /* Animation pour la visibilité */
}

#notre-vision.visible .vision-content {
  opacity: 1; /* Rend la section visible */
  transform: translateY(0); /* Ramène la section à sa position initiale */
}

#notre-vision h2 {
  font-size: 2em;
  margin-bottom: 20px;
  color: #5e17eb;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

#notre-vision p {
  font-size: 1.2em;
  line-height: 1.6;
  color: #555;
  text-align: left;
}

@media (max-width: 768px) {
  #notre-vision {
    padding: 30px 15px; /* Réduit l'espacement sur les petits écrans */
  }

  #notre-vision h2 {
    font-size: 2em;
  }

  #notre-vision p {
    font-size: 1em;
  }
}

.about-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.about-content h2 {
  font-size: 4vw;
  font-family: "Poppins", sans-serif;
  margin-bottom: 20px;
}
.about-content h2 span {
  color: #5e17eb;
}
.about-content h6 {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 20px;
}
.about-content h5 {
  margin-bottom: 40px;
  font-weight: 600;
  opacity: 0.5;
}
.about-content h4 {
  margin-bottom: 20px;
  font-weight: 600;
}
.about-content p {
  line-height: 1.7;
  margin-bottom: 20px;
  color: #555;
}

.about-content .container .row .col p {
  color: #555;
  line-height: 1.7;
  margin-bottom: 20px;
  font-size: 1.1em;
}

.about-content p strong {
  font-weight: 600;
}
.about-content ul {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding-left: 20px;
}
.about-content ul li {
  margin: 0;
  padding: 4px 0;
}
.about-content blockquote {
  display: inline-block;
  padding: 30px;
  background: #6c22e9;
  margin-bottom: 40px;
}
.about-content blockquote p {
  margin: 0;
}
.about-content blockquote strong {
  font-size: 20px;
}
.about-content .video-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
  margin-top: 30px;
}
.about-content .video-content video {
  width: 100%;
  height: 100%;
  float: left;
}
.about-content .gallery-container {
  margin-bottom: 50px;
}

.services-section .content-overlay .container .row .col {
  text-align: center;
  flex: 1 1 100%; /* Makes columns responsive */
  margin: 25px 0; /* Adds margin between columns */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Aligns content with space in between */
  height: 100%;
}

.services-section .content-overlay .container .row .col a {
  height: 60px;
  line-height: 56px;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  margin: 20px auto; /* Centers horizontally */
  position: relative;
  align-items: center;
  padding: 0 40px;
  transition: 0.25s ease-in-out;
  text-align: center; /* Center-align text inside the button */
  align-self: center; /* Centers button horizontally */
  margin-top: auto; /* Pushes the button to the bottom */
  background: #bfbfbf30;
}

.services-section .content-overlay .container .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  background: rgba(108, 34, 233, 0.7);
}

.services-section img {
  max-width: 100%;
  height: 110px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(120px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.services-section .content-overlay .container .row .col h3 {
  margin-bottom: 30px;
  color: #fff;
  font-size: 1.4rem;
}

.services-section .content-overlay .container .row .col p {
  font-size: medium;
  margin-top: 15px;
  color: black;
  text-align: left;
}

/* Responsive Design */
@media (min-width: 768px) {
  .services-section .content-overlay .container .row .col {
    flex: 1 1 calc(50% - 30px); /* Two columns per row on medium screens */
  }
}

@media (min-width: 992px) {
  .services-section .content-overlay .container .row .col {
    flex: 1 1 calc(25% - 30px); /* Four columns per row on large screens */
  }
}
@media (max-width: 768px) {
  .services-section .content-overlay .container .row .col p {
    text-align: left;
  }
}

/* Add background image to syndic-section */
#syndic-section .parallax-bg {
  background-image: url("images/syndic-section.png"); /* Ensure this path is correct */
  background-size: cover;
  background-position: center;
  background-attachment: scroll; /* Optional: creates a parallax effect */
  padding: 20px; /* Optional: adjust as needed */
}

#syndic-section .container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two equal columns */
  gap: 20px; /* Space between columns */
}

#syndic-section .left-side {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Aligns cards to the start of the column */
}

#syndic-section .right-side {
  /* Empty right side, adjust if needed */
}

/* Styling for cards within syndic-section */
#syndic-section .cards-container {
  display: flex;
  flex-direction: column;
  gap: 20px; /* Space between cards */
}

#syndic-section .card {
  background: #888bd1c4; /* Slightly transparent background for better readability */
  padding: 20px; /* Padding */
  border-radius: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  #syndic-section .container {
    grid-template-columns: 1fr; /* Single column layout on smaller screens */
  }

  #syndic-section .left-side,
  #syndic-section .right-side {
    /* Adjust styling as needed */
  }

  #syndic-section .card {
    /* Adjust card styling if needed for smaller screens */
  }
}

.gestion-section .parallax-bg {
  background-attachment: scroll;
  background-size: cover;
  background-position: center;
  padding: 50px 0;
  margin-top: 40px;
  margin-bottom: 40px;
}

.gestion-section .parallax-bg .container {
  max-width: 1200px;
  padding: 0 15px;
  text-align: center; /* Center-align text */
}

.gestion-section .parallax-bg .container .cards-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Space between cards */
  justify-content: center; /* Center the cards horizontally */
}

.gestion-section .parallax-bg .container .cards-container .card {
  background: #ebebebc7; /* Slightly transparent background */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 20px;
  width: calc(50% - 20px); /* 2 cards per row on desktop */
  box-sizing: border-box;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.gestion-section .parallax-bg .container .cards-container .card:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.gestion-section .parallax-bg .container .cards-container .card h3 {
  margin-top: 0;
  font-size: 1.5em; /* Adjust size as needed */
}

.gestion-section .parallax-bg .container .cards-container .card p {
  margin: 0;
  font-size: 1em;
}

/* Responsive for Tablets */
@media (max-width: 768px) {
  .gestion-section .parallax-bg .container .cards-container .card {
    width: calc(50% - 10px); /* 2 cards per row with reduced gap */
  }
}

/* Responsive for Mobile */
@media (max-width: 480px) {
  .gestion-section .parallax-bg .container .cards-container .card {
    width: 100%; /* 1 card per row on small screens */
    margin-bottom: 20px; /* Add space between cards on mobile */
  }
}

/* Styling the transactions-section */
#transactions-section .parallax-bg {
  background-image: url("images/transaction.png");
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* Creates a parallax effect */
  padding: 20px;
  color: #fff; /* Ensures text contrast */
}

/* Grid layout for larger screens */
#transactions-section .container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two equal columns */
  gap: 20px;
}

#transactions-section .left-side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#transactions-section .right-side {
  /* Empty right side for larger screens */
}

#transactions-section .cards-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#transactions-section .card {
  background: rgba(136, 139, 209, 0.52); /* Slightly transparent */
  padding: 20px;
  border-radius: 8px; /* Rounded corners */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  #transactions-section .container {
    grid-template-columns: 1fr; /* Single column layout on smaller screens */
  }

  #transactions-section .left-side,
  #transactions-section .right-side {
    /* These can remain as is or be adjusted as needed */
  }

  #transactions-section .cards-container {
    display: flex;
    flex-direction: column; /* Ensures cards stack vertically */
  }

  #transactions-section .card {
    width: 100%; /* Makes each card take up the full width of the container */
  }
}

@media (max-width: 480px) {
  #transactions-section .card {
    font-size: 14px; /* Adjust font size for very small screens */
    padding: 10px; /* Further reduce padding */
  }

  #transactions-section .parallax-bg {
    background-attachment: scroll; /* Disable parallax on smaller devices for performance */
  }
}

.expertise-section {
  padding: 50px 0;
}

.expertise-section .parallax-bg {
  background-attachment: scroll;
  background-size: cover; /* Ensures background covers the section */
  background-position: center;
  padding: 50px 0;
}

.expertise-section .parallax-bg .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  text-align: center; /* Center-align text */
}

.expertise-section .parallax-bg .container .cards-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Space between cards */
  justify-content: center; /* Center the cards horizontally */
}

.expertise-section .parallax-bg .container .cards-container .card {
  background: #ebebebc7; /* Slightly transparent background */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.021);
  padding: 20px;
  width: calc(50% - 20px); /* 2 cards per row on desktop */
  box-sizing: border-box;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.expertise-section .parallax-bg .container .cards-container .card:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.expertise-section .parallax-bg .container .cards-container .card h3,
.expertise-section .parallax-bg .container .cards-container .card h2 {
  margin-top: 0;
  font-size: 1.6rem; /* Adjust size for titles */
  color: #111111;
  font-weight: 700;
}

.expertise-section .parallax-bg .container .cards-container .card p {
  margin: 0;
  font-size: 1.1rem;
  color: #100f0fea;
}

/* Responsive for Tablets */
@media (max-width: 768px) {
  .expertise-section .parallax-bg .container .cards-container .card {
    width: calc(50% - 20px); /* 2 cards per row on tablets */
  }
}

/* Responsive for Mobile */
@media (max-width: 480px) {
  .expertise-section .parallax-bg .container .cards-container .card {
    width: 100%; /* 1 card per row on mobile */
    margin-bottom: 20px; /* Add space between cards on mobile */
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.scroll-animation {
  opacity: 0; /* Start hidden */
  transition:
    opacity 0.6s ease-out,
    transform 0.6s ease-out;
}

.scroll-animation-visible {
  animation: fadeInUp 1s ease forwards; /* Play animation */
}

/* CERTIFICATES */
.certificates {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.certificates b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.certificates h4 {
  display: block;
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 15px;
}
.certificates h4 span {
  color: #6c22e9;
}
.certificates small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 40px;
  opacity: 0.5;
}
.certificates small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 4px;
  opacity: 0.5;
}
.certificates figure {
  display: block;
  margin: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.certificates figure img {
  width: 100%;
}

/* FACILITIES */
.facilities {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 135px 0;
}
.facilities b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.facilities h4 {
  display: block;
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 15px;
}
.facilities h4 span {
  color: #6c22e9;
}
.facilities small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 40px;
  opacity: 0.5;
}
.facilities small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 4px;
  opacity: 0.5;
}
.facilities figure {
  width: 100%;
  float: left;
  margin: 15px 0;
  padding: 50px 30px;
  box-shadow: 0 0 20px rgba(235, 207, 167, 0.4);
}
.facilities figure img {
  height: 70px;
  float: left;
}
.facilities figure figcaption {
  width: calc(100% - 90px);
  float: right;
}
.facilities figure figcaption h5 {
  font-weight: 600;
  font-size: 16px;
}
.facilities figure figcaption p {
  font-size: 14px;
  opacity: 0.5;
  margin: 0;
}

/* FAQ */
.faq {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.faq .sidebox {
  width: calc(100% - 70px);
  float: left;
  margin-left: 70px;
  padding: 40px 30px;
  text-align: center;
  background: #6c22e9;
  color: #fff;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
}
.faq .sidebox i {
  font-size: 100px;
  margin-bottom: 20px;
  display: inline-block;
}
.faq .sidebox h3 {
  display: block;
  font-family: "Poppins", sans-serif;
  margin-bottom: 20px;
}
.faq .sidebox p {
  color: #fff;
}

.annonces-section {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Adjust spacing between cards */
  padding: 30px;
  background-color: #f8f9fa; /* Background color of the section, adjust as needed */
  align-items: center;
}

/* Property Card Styles */
.property-card {
  background-color: #f4f4f4; /* Background color for the card */
  border-radius: 8px; /* Rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Box shadow */
  overflow: hidden; /* Clip the content within the rounded corners */
  max-width: 300px; /* Maximum width of the card */
  margin: 16px; /* Margin around the card */
}
.property-card a {
  color: #2f2f30;
  text-decoration: none;
  background-color: transparent;
}

.property-image {
  width: 100%; /* Full width of the card */
  height: auto; /* Maintain aspect ratio */
}

.property-details {
  padding: 16px; /* Padding inside the card */
}

.property-title {
  font-size: 1.25em; /* Font size for the title */
  margin: 0 0 8px 0; /* Margin below the title */
  color: #333; /* Text color */
}

.property-description {
  font-size: 1em; /* Font size for the description */
  color: #666; /* Text color */
  margin: 0 0 16px 0; /* Margin below the description */
}

.property-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px; /* Margin below the info section */
}

.property-price {
  font-size: 1.2em; /* Font size for the price */
  color: #e74c3c; /* Price color */
}

.property-location {
  font-size: 1em; /* Font size for the location */
  color: #141618; /* Location color */
}

.property-button {
  height: 60px;
  line-height: 56px;
  float: left;
  color: #111010;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
  position: relative;
  border: 2px solid #6c22e9;
  padding: 0 40px;
  box-shadow: 0 0 20px rgba(235, 207, 167, 0.4);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  margin-bottom: 16px;
}

.property-button:hover {
  background-color: rgba(235, 207, 167, 0.4); /* Darker color on hover */
}

/* Modal Styles */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
}

.modal-content {
  background-color: #fff;
  margin: 10% auto;
  padding: 20px;
  border-radius: 8px;
  width: 80%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  color: #333;
  font-family: "Helvetica Neue", sans-serif;
}

.modal h2 {
  font-size: 24px;
  color: #1a1919;
  margin: 15px;
}

.modal p {
  font-size: 16px;
  line-height: 1.5;
}

.close-button {
  color: #333;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close-button:hover,
.close-button:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* INTRO VIDEO */
.intro-video {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  text-align: center;
}
.intro-video b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.intro-video h4 {
  display: block;
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 15px;
}
.intro-video h4 span {
  color: #6c22e9;
}
.intro-video h3 {
  font-weight: 600;
  margin-bottom: 50px;
}
.intro-video .video-container {
  width: 100%;
  float: left;
  margin: 0;
  padding: 5px;
  background: #6c22e9;
}
.intro-video .video-container video {
  width: 100%;
  float: left;
}

/* PRESS RELEASES */
.press-relases {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 135px 0;
}
.press-relases figure {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 15px 0;
  border: 1px solid #eee;
}
.press-relases figure a {
  width: 40%;
}
.press-relases figure a img {
  width: 100%;
}
.press-relases figure figcaption {
  width: 60%;
  padding-left: 20px;
}
.press-relases figure figcaption h5 {
  display: block;
  font-size: 22px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 15px;
}
.press-relases figure figcaption p {
  font-size: 14px;
}
.press-relases figure figcaption small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 0;
  opacity: 0.5;
}

/* PHOTO GALLERY */
.photo-gallery {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.photo-gallery .gallery-filter {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
  padding: 0;
}
.photo-gallery .gallery-filter li {
  display: inline-block;
  margin-right: 25px;
  padding: 0;
  list-style: none;
}
.photo-gallery .gallery-filter li a {
  font-weight: 600;
  border-bottom: 2px solid transparent;
}
.photo-gallery .gallery-filter li a.current {
  border-bottom: 2px solid #6c22e9;
}
.photo-gallery .gallery-filter li a:hover {
  color: #6c22e9;
  text-decoration: none;
}
.photo-gallery .gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  margin-left: -4px;
  margin-right: -4px;
  padding: 0;
}
.photo-gallery .gallery li {
  width: 25%;
  margin: 0;
  padding: 4px;
  list-style: none;
}
.photo-gallery .gallery li img {
  width: 100%;
  float: left;
}

/* ERROR 404*/
.error404 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  text-align: center;
}
.error404 figure {
  display: block;
  margin-bottom: 60px;
  padding: 0 10%;
}
.error404 figure img {
  width: 100%;
}
.error404 h2 {
  font-size: 50px;
  font-weight: 800;
  color: #6c22e9;
}
.error404 p {
  display: block;
  margin-bottom: 40px;
}
.error404 a {
  height: 60px;
  line-height: 56px;
  display: inline-block;
  color: #6c22e9;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
  position: relative;
  border: 2px solid #6c22e9;
  padding: 0 40px;
  box-shadow: 0 0 20px rgba(235, 207, 167, 0.4);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.error404 a:hover {
  text-decoration: none;
  color: #fff;
  background: #6c22e9;
  border-color: #6c22e9;
}

/* BLOG */
.blog {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.blog .post {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.blog .post .post-image {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
.blog .post .post-image img {
  width: 100%;
}
.blog .post .post-content {
  width: calc(100% - 60px);
  float: left;
  background: #fff;
  margin: 0 30px;
  margin-top: -100px;
  padding: 20px;
}
.blog .post .post-content.single {
  width: 100%;
  margin: 0;
  margin-top: 50px;
  padding: 23px;
}
.blog .post .post-content .post-title {
  font-weight: 800;
  margin-bottom: 20px;
  font-family: "Poppins", sans-serif;
}
.blog .post .post-content .post-title a {
  color: #26282b;
  font-family: "Poppins", sans-serif;
}
.blog .post .post-content .post-title a:hover {
  color: #6c22e9;
  text-decoration: none;
}
.blog .post .post-content .post-tags {
  width: 100%;
  float: left;
}
.blog .post .post-content .post-tags i {
  font-size: 19px;
  float: left;
  margin-right: 10px;
  color: #6c22e9;
  margin-top: 4px;
}
.blog .post .post-content .post-tags ul {
  display: block;
  margin: 0;
  padding: 0;
}
.blog .post .post-content .post-tags ul li {
  float: left;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}
.blog .post .post-content .post-tags ul li a {
  color: #26282b;
  text-decoration: underline;
}
.blog .post .post-content ul {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding-left: 20px;
}
.blog .post .post-content ul li {
  margin: 0;
  padding: 4px 0;
}
.blog .post .post-content blockquote {
  display: inline-block;
  padding: 30px;
  background: #6c22e9;
  margin-bottom: 40px;
}
.blog .post .post-content blockquote p {
  margin: 0;
}
.blog .post .post-content blockquote strong {
  font-size: 20px;
}
.blog .post .post-content .post-intro {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  font-size: 19px;
  line-height: 1.6;
}
.blog .post .post-content .post-author {
  width: 100%;
  float: left;
  line-height: 60px;
  margin-bottom: 20px;
}
.blog .post .post-content .post-author img {
  width: 60px;
  float: left;
  border-radius: 50%;
  margin-right: 10px;
}
.blog .post .post-content .post-author span {
  float: left;
  opacity: 0.5;
  margin-right: 5px;
}
.blog .post .post-content .post-author a {
  color: #26282b;
}
.blog .sidebar {
  width: calc(100% - 50px);
  display: flex;
  flex-wrap: wrap;
  margin-left: 50px;
  border-left: 1px solid #eee;
  padding-left: 50px;
}
.blog .sidebar .widget {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.blog .sidebar .widget:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.blog .sidebar .widget .title {
  width: 100%;
  display: block;
  font-family: "Poppins", sans-serif;
  margin-bottom: 20px;
}
.blog .sidebar .widget .categories {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.blog .sidebar .widget .categories li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 2px 0;
  list-style: none;
}
.blog .sidebar .widget .categories li:before {
  content: "»";
  margin-right: 9px;
  color: #6c22e9;
}
.blog .sidebar .widget .categories li span {
  float: right;
  color: #6c22e9;
}
.blog .sidebar .widget .categories li a {
  color: #26282b;
}
.blog .sidebar .widget .categories li a:hover {
  color: #6c22e9;
}
.blog .sidebar .widget form {
  width: 100%;
  display: block;
}
.blog .sidebar .widget form input[type="text"] {
  width: calc(100% - 50px);
  float: left;
  border: 1px solid #6c22e9;
  border-right: none;
}
.blog .sidebar .widget form button[type="submit"] {
  width: 50px;
  height: 54px;
  padding: 0;
}
.blog .sidebar .widget .tags {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.blog .sidebar .widget .tags li {
  float: left;
  margin-right: 8px;
  margin-bottom: 6px;
  padding: 0;
  list-style: none;
}
.blog .sidebar .widget .tags li a {
  height: 30px;
  line-height: 30px;
  float: left;
  border: 1px solid #6c22e9;
  padding: 0 10px;
  font-size: 13px;
  color: #6c22e9;
  font-weight: 600;
}
.blog .sidebar .widget .tags li a:hover {
  background: #6c22e9;
  color: #fff;
  border-color: #6c22e9;
  text-decoration: none;
}
.blog .sidebar .widget .side-gallery {
  margin-left: -3px;
  margin-right: -3px;
  padding: 0;
}
.blog .sidebar .widget .side-gallery li {
  width: 33.33333%;
  float: left;
  margin: 0;
  padding: 3px;
  list-style: none;
}
.blog .sidebar .widget .side-gallery li a {
  width: 100%;
  float: left;
  background: #26282b;
}
.blog .sidebar .widget .side-gallery li a:hover img {
  opacity: 1;
}
.blog .sidebar .widget .side-gallery li a img {
  opacity: 0.5;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

/* Tarifs */
.pricing-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 20px;
  background-color: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.pricing-container:hover {
  transform: translateY(-10px);
}

.pricing-header {
  text-align: center;
  padding: 20px;
}

.pricing-title {
  font-size: 28px;
  color: #333;
  margin-bottom: 10px;
  font-weight: 700;
}

.pricing-description {
  font-size: 18px;
  color: #666;
  line-height: 1.6;
}

/* Style pour la section "Nos Tarifs" */
.pricing-overview {
  margin-bottom: 40px;
  background-color: #f9f9f9;
  padding: 40px 20px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 0; /* Initially hidden */
  transform: translateY(20px); /* Slightly moved down */
  transition:
    opacity 0.6s ease-out,
    transform 0.6s ease-out;
}

.pricing-overview.in-view,
.pricing-details.in-view {
  opacity: 1; /* Fully visible */
  transform: translateY(0); /* Move to original position */
}

.pricing-overview h2.pricing-title {
  font-size: 2em;
  margin-bottom: 15px;
  color: #5e17eb;
  text-align: left;
  padding: 0 10px; /* Add padding for smaller screens */
  font-family: "Poppins", sans-serif;
}

.pricing-overview p.pricing-description {
  font-size: 1.1em;
  line-height: 1.6;
  margin-bottom: 15px;
  color: #555;
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
  padding: 0 10px; /* Add padding for smaller screens */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .pricing-overview {
    padding: 30px 15px;
  }

  .pricing-overview h2.pricing-title {
    font-size: 1.8em;
  }

  .pricing-overview p.pricing-description {
    font-size: 1em;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  .pricing-overview {
    padding: 20px 10px;
  }

  .pricing-overview h2.pricing-title {
    font-size: 1.6em;
  }

  .pricing-overview p.pricing-description {
    font-size: 0.95em;
    line-height: 1.4;
  }

  .modal-content {
    background-color: #fff;
    margin: 10% auto;
    padding: 20px;
    border-radius: 8px;
    width: 100%;
  }
}

.pricing-header {
  text-align: center; /* Aligning text to center */
  margin-bottom: 20px; /* Margin below header to match spacing in header/footer */
}

.pricing-title {
  font-family: sans-serif; /* Match header/footer font */
  font-size: 2rem; /* Example font size */
  font-weight: bold; /* Example font weight */
  color: #a81313; /* Example text color */
}

.pricing-description {
  font-family: sans-serif; /* Match header/footer font */
  font-size: 1rem; /* Example font size */
  color: #666; /* Example text color */
  max-width: 800px; /* Limit the width to match header/footer */
  margin: 0 auto; /* Center align */
}

/* Style pour la section "Détails des Tarifs" */
.pricing-details {
  margin-bottom: 40px;
  background-color: #ffffff;
  padding: 40px 20px;
  border-radius: 8px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.pricing-details h2.pricing-title {
  font-size: 2em;
  margin-bottom: 15px;
  color: #5e17eb;
  text-align: left;
  padding: 0 10px; /* Add padding for smaller screens */
}
.pricing-details .pricing-header p,
.pricing-details .pricing-header li {
  font-size: 1.1em;
  line-height: 1.8;
  margin-bottom: 15px;
  color: #555;
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
  padding: 0 10px;
}

.pricing-details .pricing-header h2 {
  font-size: 2em;
  margin-bottom: 15px;
  color: #5e17eb;
  text-align: left;
  padding: 0 10px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

.pricing-details p.pricing-description {
  font-size: 1.1em;
  line-height: 1.8;
  margin-bottom: 15px;
  color: #555;
  max-width: 100%;
  margin: 0 auto;
  text-align: left; /* Align text to the left */
  padding: 0 10px; /* Add padding for smaller screens */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .pricing-details {
    padding: 30px 15px;
  }

  .pricing-details h2.pricing-title {
    font-size: 1.8em;
  }

  .pricing-details p.pricing-description {
    font-size: 1em;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  .pricing-details {
    padding: 20px 10px;
  }

  .pricing-details h2.pricing-title {
    font-size: 1.6em;
  }

  .pricing-details p.pricing-description {
    font-size: 0.95em;
    line-height: 1.4;
  }
}

#payment-methods {
  padding: 50px 20px;
  background-color: #f9f9f9;
  text-align: left;
}

#payment-methods h2 {
  font-size: 2em;
  margin-bottom: 15px;
  color: #5e17eb;
  text-align: left;
  padding: 0 10px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

.payment-methods .payment-method {
  text-align: center;
  padding: 20px;
}

.payment-method h3 {
  font-size: 1.5rem;
  color: #333;
  margin-bottom: 10px;
}

.payment-methods li {
  font-size: 1.1em;
  line-height: 1.8;
  margin-bottom: 15px;
  color: #555;
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
  padding: 0 10px;
}

@media (max-width: 768px) {
  #payment-methods {
    padding: 20px 10px;
  }

  #payment-methods h2 {
    font-size: 1.75rem;
  }

  .payment-method h3 {
    font-size: 1.25rem;
  }

  .payment-method p {
    font-size: 1rem;
  }
}

/* CONTACT */
.contact {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.contact b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.contact h4 {
  display: block;
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 15px;
}
.contact h4 span {
  color: #6c22e9;
  font-size: inherit;
}
.contact small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 50px;
  opacity: 0.5;
}
.contact small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 4px;
  opacity: 0.5;
}
.contact address {
  display: block;
  margin-bottom: 50px;
}
.contact address strong {
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}
.contact address p {
  display: block;
  margin: 0;
}
.contact .map {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 100px;
  background: #5e17eb;
  position: relative;
}
.contact .map:before {
  content: "";
  width: 50vw;
  height: 100%;
  background: #6c22e9;
  position: absolute;
  left: -50vw;
  top: 0;
}
.contact .map .pattern-bg {
  width: 120%;
  height: 100%;
  position: absolute;
  left: 5%;
  top: -5%;
  background: url(../images/side-pattern-bg.png);
  background-size: contain;
}
.contact .map .holder {
  position: relative;
  width: 100%;
  float: left;
  display: block !important;
  transform: translate(85px, -35px);
}
.contact .map .holder iframe {
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
  width: 525px;
  height: 657px;
  border: none;
}
.contact .contact-form {
  width: 100%;
  display: block;
  padding-left: 10%;
}
.contact .contact-form h5 {
  margin-bottom: 40px;
}
.contact .contact-form #contact {
  display: block;
}
.contact .contact-form #contact .form-group {
  display: block;
  position: relative;
  margin-bottom: 35px;
}
.contact .contact-form #contact .form-group span {
  width: 100%;
  line-height: 54px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 20px;
  z-index: 0;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.contact .contact-form #contact .form-group span.label-up {
  font-size: 13px;
  line-height: 16px;
  top: -20px;
  font-weight: 600;
}
.contact .contact-form #contact .form-group input[type="text"] {
  background: none;
  position: relative;
  z-index: 2;
}
.contact .contact-form #contact .form-group input:focus + span {
  font-size: 13px;
  line-height: 16px;
  top: -20px;
  font-weight: 600;
}
.contact .contact-form #contact .form-group textarea {
  background: none;
  position: relative;
  z-index: 2;
}
.contact .contact-form #contact .form-group textarea:focus + span {
  font-size: 13px;
  line-height: 16px;
  top: -20px;
  font-weight: 600;
}
.contact .contact-form #contact .form-group label.error {
  color: red;
  margin-top: 5px;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 13px;
}
.contact .contact-form #success,
.contact .contact-form #error {
  display: none;
  float: left;
}
.contact .contact-form #error {
  background: red;
  color: #fff;
}
.contact .contact-form #success {
  background: green;
  color: #fff;
}
.contact .contact-form .alert {
  border: none;
  border-radius: 0;
  padding: 20px 30px;
}

/* FOOTER BAR */
.footer-bar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -80px;
}
.footer-bar .inner {
  background: #5e17eb;
  padding: 60px 30px;
  color: #fff;
}
.footer-bar .inner figure {
  margin-bottom: 20px;
  float: left;
  margin-right: 30px;
}
.footer-bar .inner figure img {
  height: 70px;
}
.footer-bar .inner h3 {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  margin-bottom: 15px;
}
.footer-bar .inner p {
  font-size: 16px;
  margin: 0;
  color: white;
}
.footer-bar .inner strong {
  font-weight: 600;
  text-decoration: underline;
}

.footer-bar .row {
  display: flex;
  justify-content: space-around; /* Distribute columns evenly */
  align-items: center;
}

/* FOOTER */
.footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 180px;
  padding-bottom: 30px;
  background: #e6e6e6;
}
.footer p {
  color: #000;
  font-size: 18px;
}
.footer .logo {
  height: 130px;
  width: auto;
  margin-bottom: 15px;
}
.footer .logo img {
  height: 48px;
}
.footer .select-box {
  display: inline-block;
  position: relative;
  height: 50px;
  line-height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding-right: 15px;
  padding-left: 25px;
  margin-top: 20px;
}
.footer .select-box:hover {
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.footer .select-box span {
  margin-right: 40px;
}
.footer .select-box .dropdown-toggle {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.footer .select-box .dropdown-toggle:hover {
  text-decoration: none;
}
.footer .select-box .dropdown-toggle img {
  width: 20px;
  margin-right: 5px;
}
.footer .select-box .dropdown-menu {
  width: 100%;
  background: #fff;
  border-radius: 0;
  border: none;
  margin-left: -25px;
  margin-top: 13px;
}
.footer .select-box .dropdown-menu li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer .select-box .dropdown-menu li a {
  display: block;
  padding: 7px 25px;
  font-size: 14px;
  line-height: 1;
}
.footer .select-box .dropdown-menu li a:hover {
  background: none;
  color: #6c22e9;
}
.footer .select-box .dropdown-menu li a img {
  width: 20px;
  margin-right: 5px;
}
.footer .footer-menu {
  display: block;
  margin: 0;
  line-height: 1.5;
}
.footer .footer-menu li {
  width: 100%;
  float: left;
  margin: 0;
  padding: 4px 0;
  list-style: none;
}
.footer .footer-menu li a {
  float: left;
  color: #000;
  width: 300px;
}
.footer .footer-menu li a:hover {
  color: #6c22e9;
}
.footer .contact-box {
  float: right;
  color: #000;
  text-align: right;
}
.footer .contact-box h5 {
  margin-bottom: 10px;
  font-size: 19px;
  font-family: "Poppins", sans-serif;
}
.footer .contact-box h3 {
  font-weight: 600;
  margin: 0;
}
.footer .contact-box p {
  margin-bottom: 10px;
}
.footer .contact-box p a {
  color: #fff;
  opacity: 0.5;
}
.footer .contact-box ul {
  float: right;
  margin: 0;
  margin-top: 20px;
  padding: 0;
}
.footer .contact-box ul li {
  float: left;
  margin-left: 5px;
  padding: 0;
  list-style: none;
}
.footer .contact-box ul li a {
  width: 40px;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 42px;
  font-size: 13px;
  color: #000;
  background: rgba(255, 255, 255, 0.1);
}
.footer .contact-box ul li a:hover {
  color: #26282b;
  background: #6c22e9;
}
.footer .col-12 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 30px;
  margin-top: 80px;
  color: #000;
  font-size: 13px;
}
.footer .col-12 .copyright {
  float: left;
}
.footer .col-12 .creation {
  float: right;
}
.footer .col-12 .creation a {
  color: #000;
}

/* RESPONSIVE MEDIUM  FIXES */
@media only screen and (max-width: 1199px),
  only screen and (max-device-width: 1199px) {
  .intro figure .holder {
    transform: translate(65px, -65px);
  }

  .intro figure .holder img {
    width: 450px;
  }

  .property-calculator figure .holder {
    transform: translate(65px, -65px);
  }

  .property-calculator figure .holder img {
    width: 450px;
  }

  .property-calculator .container .col h4 {
    text-align: center;
    align-items: center;
  }

  .footer-bar .inner p {
    font-size: 15px;
  }

  .footer-bar .inner p br {
    display: none;
  }
}

.privacy-policy .container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 15px;
}

/* Content Section */
.privacy-policy {
  padding: 60px 0;
}

.privacy-policy h3 {
  font-size: 2.8em;
  margin-bottom: 20px;
}

.privacy-policy p,
.privacy-policy ul {
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 20px;
}

.privacy-policy ul {
  padding-left: 20px;
}

.privacy-policy h2 {
  font-size: 2.2rem;
  color: #5e17eb;
}

.privacy-policy ul li {
  margin-bottom: 10px;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .privacy-policy h3 {
    font-size: 1.5em;
  }

  .privacy-policy p,
  .privacy-policy ul {
    font-size: 1em;
  }
}

@media (max-width: 576px) {
  .privacy-policy {
    padding: 30px 0;
  }
}

/* Legal Notice Section */
.legal-notice-section .container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 15px;
}

/* Content Section */
.legal-notice-section {
  padding: 60px 0;
}

.legal-notice-section h2 {
  font-size: 2.8em;
  margin-bottom: 20px;
  color: #5e17eb;
}

.legal-notice-section p,
.legal-notice-section ul {
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 20px;
}

.legal-notice-section ul {
  padding-left: 20px;
}

.legal-notice-section h5 {
  font-size: 2.2rem;
  color: #5e17eb;
}

.legal-notice-section ul li {
  margin-bottom: 10px;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .legal-notice-section h3 {
    font-size: 1.5em;
  }

  .legal-notice-section p,
  .legal-notice-section ul {
    font-size: 1em;
  }
}

@media (max-width: 576px) {
  .legal-notice-section {
    padding: 30px 0;
  }
}

/* General page styling */
body {
  font-family: "Poppins", sans-serif;
  line-height: 1.6;
  color: #333;
  margin: 0;
  padding: 0;
  background-color: #f9f9f9;
}

/* Section styling */
.cgv-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Titles and headers */
.entry-title {
  font-size: 36px;
  font-weight: 700;
  color: #5e17eb;
  margin-bottom: 20px;
  text-align: center;
}

.cgv-section h2 {
  font-size: 24px;
  font-weight: 600;
  color: #5e17eb;
  margin-top: 30px;
  margin-bottom: 15px;
  border-bottom: 2px solid #ecf0f1;
  padding-bottom: 8px;
}

/* Paragraphs and lists */
.cgv-section p {
  font-size: 16px;
  margin-bottom: 20px;
  color: #555;
  line-height: 1.8;
}

.cgv-section ul {
  list-style-type: disc;
  margin-left: 20px;
}

.cgv-section ul li {
  font-size: 16px;
  color: #555;
  margin-bottom: 10px;
}

/* Responsive design */
@media (max-width: 768px) {
  .cgv-section {
    padding: 20px 15px;
  }

  .entry-title {
    font-size: 28px;
  }

  .cgv-section h2 {
    font-size: 20px;
  }

  .cgv-section p,
  .cgv-section ul li {
    font-size: 14px;
  }
}

/* Section styling */
.cgu-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Titles and headers */
.entry-title {
  font-size: 36px;
  font-weight: 700;
  color: #5e17eb;
  margin-bottom: 20px;
  text-align: center;
}

.cgu-section h2 {
  font-size: 24px;
  font-weight: 600;
  color: #5e17eb;
  margin-top: 30px;
  margin-bottom: 15px;
  border-bottom: 2px solid #ecf0f1;
  padding-bottom: 8px;
}

/* Paragraphs and lists */
.cgu-section p {
  font-size: 16px;
  margin-bottom: 20px;
  color: #555;
  line-height: 1.8;
}

.cgu-section ul {
  list-style-type: disc;
  margin-left: 20px;
}

.cgu-section ul li {
  font-size: 16px;
  color: #555;
  margin-bottom: 10px;
}

/* Responsive design */
@media (max-width: 768px) {
  .cgu-section {
    padding: 20px 15px;
  }

  .entry-title {
    font-size: 28px;
  }

  .cgu-section h2 {
    font-size: 20px;
  }

  .cgu-section p,
  .cgu-section ul li {
    font-size: 14px;
  }
}

/* General Styles for FAQ Page */
.faq-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.faq-page {
  padding: 60px 0;
  background-color: #f8f9fa; /* Light background color for contrast */
}

.faq-section .container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 15px;
}

.faq-section h1 {
  font-size: 2.5em;
  margin-bottom: 30px;
  color: #333; /* Darker color for headings */
  text-align: center;
}

.faq-section .faq-item {
  margin-bottom: 20px;
  padding: 20px;
  background-color: #ffffff; /* White background for each FAQ item */
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.faq-section .faq-item h2 {
  font-size: 1.8em;
  margin-bottom: 10px;
  color: #5e17eb; /* Primary color for headings */
}

.faq-section .faq-item p {
  font-size: 1.1em;
  line-height: 1.6;
  margin: 0;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .faq-section h1 {
    font-size: 2em;
  }

  .faq-section .faq-item h2 {
    font-size: 1.5em;
  }

  .faq-section .faq-item p {
    font-size: 1em;
  }
}

@media (max-width: 576px) {
  .faq-section {
    padding: 30px 0;
  }

  .faq-section h1 {
    font-size: 1.8em;
  }

  .faq-section .faq-item {
    padding: 15px;
  }

  .faq-section .faq-item h2 {
    font-size: 1.4em;
  }

  .faq-section .faq-item p {
    font-size: 0.9em;
  }
}

/* RESPONSIVE TABLET FIXES */
@media only screen and (max-width: 991px),
  only screen and (max-device-width: 991px) {
  .side-navigation .side-content {
    display: none;
  }

  .side-navigation .menu {
    display: block;
  }

  .navbar .container .menu {
    display: none;
  }

  .page-header .container h1 {
    font-size: 8vw;
  }

  .intro figure {
    width: 100%;
    margin-bottom: 80px;
  }

  .intro figure .pattern-bg {
    width: 100%;
    left: 0;
  }

  .intro figure .holder {
    transform: translate(0, -45px);
    padding: 0 15%;
  }

  .intro figure .holder img {
    width: 100%;
  }

  .intro .content-box {
    padding-left: 0;
  }

  .logos figure img {
    padding: 0 10%;
  }

  .about-content {
    padding: 80px 0;
  }

  .sales-offices {
    padding: 80px 0;
  }

  .press-relases {
    padding: 80px 0;
  }

  .photo-gallery {
    padding: 80px 0;
  }

  .photo-gallery .gallery li {
    width: 33.33333%;
  }

  .intro-video {
    padding: 80px 0;
  }

  .faq .sidebox {
    width: 100%;
    margin-left: 0;
    margin-top: 50px;
  }

  .blog .sidebar {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }

  .sales-team {
    padding: 80px 0;
  }

  .sales-team figure figcaption {
    width: 50%;
  }

  .sales-team figure figcaption h4 {
    font-size: 21px;
  }

  .sales-team figure figcaption small {
    margin-bottom: 20px;
  }

  .error404 {
    padding: 80px 0;
  }

  .recent-gallery {
    padding: 80px 0;
    margin-top: 50px;
  }

  .recent-gallery .col-md-4 {
    margin-top: 0 !important;
  }

  .recent-gallery figure {
    margin-top: 80px;
  }

  .benefits {
    padding: 80px 0;
  }

  .property-calculator {
    padding-bottom: 80px;
    margin-top: 0;
  }

  .property-calculator .col-lg-6:nth-child(1) {
    order: 2;
  }

  .property-calculator .col-lg-6:nth-child(2) {
    order: 1;
  }

  .property-calculator figure {
    width: 100%;
  }

  .property-calculator figure:before {
    display: none;
  }

  .property-calculator figure .pattern-bg {
    width: 100%;
    left: 0;
  }

  .property-calculator figure .holder {
    transform: translate(0, -45px);
    padding: 0 15%;
  }

  .property-calculator figure .holder img {
    width: 100%;
  }

  .property-calculator .content-box {
    padding-left: 0;
    margin-bottom: 150px;
  }

  .property-plans {
    padding-bottom: 80px;
  }

  .property-plans .nav-pills {
    margin-top: 40px;
  }

  .recent-posts {
    padding: 80px 0;
  }

  .recent-posts .post-box {
    margin: 25px 0;
  }

  .property-customization {
    padding: 80px 0 !important;
  }

  .certificates {
    padding: 80px 0;
  }

  .contact {
    padding: 80px 0;
  }

  .contact address p a {
    display: block;
  }

  .contact .contact-form {
    padding-left: 0;
    margin-top: 50px;
  }

  .blog {
    padding: 80px 0;
  }

  .footer-bar .inner {
    padding: 30px;
  }

  .footer-bar .inner .col-lg-4 {
    margin: 20px 0;
  }

  .footer-bar .inner figure {
    width: 70px;
    margin-right: 0;
  }

  .footer-bar .inner figure img {
    height: 50px;
  }

  .footer {
    padding-top: 150px;
  }

  .footer .select-box {
    margin-bottom: 80px;
  }

  .footer .footer-menu {
    padding: 0;
    line-height: 1.5 !important;
  }

  .footer .contact-box {
    float: left;
    text-align: left;
    margin-top: 80px;
  }

  .footer .contact-box ul {
    float: left;
  }
}
/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 767px),
  only screen and (max-device-width: 767px) {
  .side-navigation {
    width: 80vw;
  }

  .page-header .container h1 {
    font-size: 10vw;
  }

  .page-header .container .breadcrumb {
    width: calc(100% - 30px);
  }

  .navbar .container .upper-side .phone-email {
    display: none;
  }

  .navbar .container .upper-side .language {
    display: none;
  }

  .navbar .container .upper-side .hamburger {
    margin-left: auto;
  }

  .slider .slider-container .inner-elements .container .social-media {
    display: none;
  }

  .slider .slider-container .swiper-slide .container {
    padding-left: 15px;
    padding-right: 40px;
  }

  .slider .slider-container .swiper-slide .container figure {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }

  .benefits .col {
    width: 50%;
    flex-basis: auto;
    border-right: none;
  }

  .benefits .col:nth-child(odd) {
    margin-top: 0;
  }

  .apartment h2 {
    font-size: 9vw;
  }

  .apartment figure {
    margin: 15px 0;
  }

  .apartment h4 {
    margin-top: 30px;
  }

  .about-content h2 {
    font-size: 10vw;
  }

  .blog .post .post-image {
    margin-bottom: 30px;
  }

  .blog .post .post-content {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .contact .map .holder iframe {
    width: 100%;
    height: 450px;
  }

  .side-navigation .menu ul li a {
    font-size: 3vw;
  }

  .side-navigation .menu ul li ul li a {
    font-size: 3vw;
  }

  .certificates figure {
    margin: 15px 0;
  }

  .footer .col-12 .creation {
    float: left;
    margin-top: 5px;
  }
}

body {
  margin: 0;
  font-family: "Poppins", sans-serif;
}

.btn-cont {
  display: flex;
  margin: 20px 20px;
}

.btn-cont button {
  background: #fff;
  color: #333;
  border: none;
  width: 50%;
  padding: 8px 20px;
  cursor: pointer;
  font-weight: bold;
  margin: 5px;
  border-radius: 4px;
}

.btn-cust {
  padding: 15px 30px;
  font-weight: bold;
  color: #333;
  border: none;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  border-radius: 4px;
}

button:hover {
  background-color: rgba(196, 218, 214, 0.76);
}

.solid__btn {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 4.8rem;
  height: 4.8rem;
  padding: 0 1.5rem;
  letter-spacing: 0.2px;
  border-radius: 1rem;
  background: var(--color-hover);
  color: var(--color-white);
  border: 0;
  font-weight: 700;
}
.solid__btn:hover {
  background: var(--color-background-2);
  color: var(--color-white);
}
@media only screen and (min-width: 480px) {
  .solid__btn {
    line-height: 5rem;
    height: 5rem;
    padding: 0 2rem;
  }
}
@media only screen and (min-width: 992px) {
  .solid__btn {
    line-height: 5.2rem;
    height: 5.2rem;
    padding: 0 2.5rem;
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1366px) {
  .solid__btn {
    padding: 0 3rem;
    line-height: 5.5rem;
    height: 5.5rem;
  }
}
/* VIDEO BG */
.video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  background: #26282b;
  background: -moz-linear-gradient(
    161deg,
    #26282b 0%,
    #26282b 49%,
    #ac65fd 100%
  );
  background: -webkit-linear-gradient(
    161deg,
    #26282b 0%,
    #26282b 49%,
    #ac65fd 100%
  );
  background: linear-gradient(161deg, #26282b 0%, #26282b 49%, #ac65fd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26282b",endColorstr="#ac65fd",GradientType=1);
}
.video-bg video {
  min-width: 100%;
  min-height: 100%;
  float: left;
  opacity: 0.15;
}
.video-bg video {
  float: right;
}
* {
  text-decoration: none !important;
}
/* General styles */
.get-consultation {
  position: relative;
  overflow: hidden;
  color: #fff;
  min-height: 80vh; /* Ensure content visibility */
  display: flex;
  align-items: center;
  justify-content: center;
}

.map-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: auto;
}

.get-consultation .container {
  position: relative;
  z-index: 2;
  pointer-events: none;
  text-align: left;
}

.get-consultation .content-box {
  background: rgba(0, 0, 0, 0.6);
  padding: 20px;
  border-radius: 5px;
  pointer-events: auto;
  max-width: 500px;
  width: 100%;
}

.get-consultation h3,
.get-consultation h4,
.get-consultation p,
.get-consultation a {
  color: #fff;
}

/* Responsive styles */
@media (max-width: 992px) {
  .get-consultation {
    flex-direction: column; /* Stack content */
    align-items: flex-start; /* Align to start for medium screens */
    min-height: auto; /* Adjust height */
    padding: 30px 15px;
  }

  .map-background {
    position: relative;
    width: 100%;
    height: 300px;
  }

  .get-consultation .content-box {
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .get-consultation {
    padding: 20px;
  }

  .map-background {
    height: 250px;
  }

  .get-consultation .content-box {
    padding: 15px;
  }

  .get-consultation h3,
  .get-consultation h4 {
    font-size: 1.2rem;
  }

  .get-consultation p {
    font-size: 0.9rem;
  }
}

@media (max-width: 576px) {
  .get-consultation {
    flex-direction: column;
    padding: 10px;
  }

  .map-background {
    height: 200px;
  }

  .get-consultation .content-box {
    padding: 10px;
  }

  .get-consultation h3,
  .get-consultation h4 {
    font-size: 1rem;
  }

  .get-consultation p {
    font-size: 0.8rem;
  }
}
/* service page style */
.services-section {
  padding: 0 0;
}

.container-service {
  max-width: 1200px;
  margin: 0 auto;
}

.title {
  font-size: 24px;
  color: #6c22e9;
  padding: 8px 0px;
  display: flex;
  font-weight: bold;
  justify-content: space-between;
}

.text-block {
  padding: 20px;
}

.text-block p {
  margin-bottom: 20px;
}

.list {
  list-style: none;
  padding: 0;
}

.list li {
  margin-bottom: 10px;
}

.highlight {
  font-weight: bold;
  color: #6c22e9;
}

.image-wrapper img {
  width: 100%;
  height: auto;
  /* border-radius: 8px; */
}

.upper-side :nth-child(1) {
  order: 2;
}
.upper-side :nth-child(2) {
  order: 1;
}
.upper-side :nth-child(3) {
  order: 3;
}

@media (max-width: 768px) {
  .text-block {
    text-align: left;
  }

  .image-wrapper img {
    margin-bottom: 20px;
    height: 250px !important;
  }
}
/* Back to Top Button Styles */
#backToTopBtn {
  position: fixed;
  bottom: 80px;
  left: 20px;
  display: none;
  /* Hidden by default */
  background-color: rgba(108, 34, 233, 1);
  /* Updated color */
  color: white;
  border: none;
  border-radius: 2px;
  /* Updated border radius */
  width: 50px;
  /* Increased width */
  height: 50px;
  /* Increased height */
  text-align: center;
  font-size: 30px;
  /* Increased font size */
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  font-family: initial;
}

#backToTopBtn:hover {
  background-color: rgba(108, 34, 233, 0.8);
  /* Slightly lighter on hover */
}
/* logo mobile */
.mobile-logo {
  display: none;
}

@media (max-width: 992px) {
  .mobile-logo {
    display: block;
  }

  .modal-slider img {
    width: inherit;
    height: 100%;
  }
}
/* Media query for smaller screens */
@media (max-width: 768px) {
  .page-header {
    background-size: 150%; /* Zoom out effect for mobile */
    background-position: center top; /* Adjust alignment for mobile view */
    height: 300px; /* Optional: reduce height for smaller screens */
  }
}

.page-header .container {
  display: flex;
  align-items: end;
  padding-bottom: 60px;
}

.navmenu {
  display: grid;
  grid-auto-flow: column;
}
.navmenu li {
  display: grid !important;
  grid-auto-flow: column;
}

.btn-details {
  display: flex;
  width: 100%;
  justify-content: end;
}
.post-box figure img {
  max-width: 22rem;
  max-height: 15rem;
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.modal-content {
  position: relative;
  max-height: 90vh;
  background: #000;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
}

.modal-slider {
  width: 100%;
  height: auto;
}

.modal-slider img {
  width: fit-content;
  height: 90vh;
  max-height: 90vh;
}

.close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  font-size: 40px;
  cursor: pointer;
  color: #fff;
  padding: 5px; /* Add padding for better clickability */
  z-index: 500;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
}

.video-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000; /* Background color for fallback */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000; /* High z-index to overlay everything */
}

.video-preloader video {
  max-width: 100%;
  max-height: 100%;
}

.hidden {
  display: none;
}

.colse-btn {
  font-size: 0.85rem;
  padding: 5px 10px;
  color: white;
  background-color: #6c22e9;
  text-decoration: none;
  border: 2px solid #6c22e9;
  border-radius: 0;
  display: inline-block;
  transition: background-color 0.3s;
}

.cookies-btn img {
  max-width: 100% !important;
}

.cookies-btn {
  max-width: 4rem;
  margin-left: 20px;
  height: 50px;
  width: 50px;
  background-color: rgba(108, 34, 233, 1);
  border: none;
  position: fixed;
  bottom: 20px;
  z-index: 1000;
}

.cookies-btn:hover {
  background-color: rgba(108, 34, 233, 0.8);
  /* Slightly lighter on hover */
}

@media only screen and (max-width: 768px) {
  .cookies-btn {
    height: 10px;
    width: 9rem;
    bottom: 0rem;
    margin-left: 7px;
  }

  .cookies-btn img {
    max-width: 80%; /* Adjust image size inside the button */
    display: none;
  }

  #backToTopBtn {
    display: none;
  }
}
.package_sec .package_block {
  border-radius: 0 !important;
}

@media only screen and (max-width: 1286px) {
  .connect-btn {
    padding-left: 0 !important;
  }
}

.navbar .logo img {
  width: 120px;
}

@media only screen and (max-width: 1486px) {
  .navbar .container .menu {
    width: 120%;
  }
}

/* Styles for mobile screens */
@media screen and (max-width: 768px) {
  /* Target screens smaller than 768px */
  .slider .slider-container .swiper-slide {
    padding-left: 0px;
  }
  .slider .slider-container .swiper-slide .container h2 {
    font-size: 1.5rem;
  }
  .contact h4 {
    font-size: 24px; /* Increase font size for mobile screens */
  }
}

@media only screen and (max-width: 373px) {
  .footer-bar .inner p {
    font-size: 14px; /* Adjust font size for mobile */
  }
}

@media only screen and (max-width: 480px) {
  .expertise-section-about .expertise-card p {
    font-size: 1.1rem;
    text-align: justify;
  }

  .expertise-section-about p {
    font-size: 1.1em;
  }

  .modal-slider img {
    width: inherit;
    height: 100%;
  }
}

.services-section .content-overlay .container .row .col a:hover {
  background: #bfbfbf75;
}