/* Style RTL pour le sous-menu */
      .it-menu-content .has-dropdown > .submenu {
         right: auto !important;
         left: 0 !important;
      }
      .it-menu-content .has-dropdown .submenu li .submenu {
         position: absolute !important;
         right: auto !important;
         left: -240px !important;
         top: 0 !important;
         margin-left: 0 !important;
      }
      .it-menu-content .has-dropdown .submenu li {
         position: relative !important;
      }
      /* Project image shadow and hover effect */
      .it-project-2-thumb {
         position: relative;
         background: white;
         border-radius: 8px;
         box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.8);
         transition: all 0.3s ease;
      }
      .it-project-2-thumb:hover {
         transform: translateY(-3px);
         box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.8);
      }
      .it-project-2-thumb .it-img-anim img {
         border-radius: 8px;
         display: block;
         width: 100%;
         height: auto;
      }

      /* Style du sélecteur de langue */
    
      .language-dropdown {
         position: relative;
         display: inline-block;
      }
      .current-language {
         color: #000000;
         display: flex;
         align-items: center;
         cursor: pointer;
         padding: 0 15px;
         height: 100%;
         font-size: 14px;
         font-weight: bold;
         transition: all 0.3s ease;
      }
      .current-language:hover {
         background: rgba(255, 255, 255, 0.1);
      }
      .language-options {
         position: absolute;
         top: 100%;
         right: 0;
         background: white;
         box-shadow: 0 3px 8px rgba(0,0,0,0.15);
         border-radius: 0 0 4px 4px;
         min-width: 180px;
         display: none;
         z-index: 1000;
      }
      .language-option {
         padding: 12px 20px;
         transition: all 0.2s ease;
         color: #333;
         text-decoration: none;
         display: flex;
         align-items: center;
      }
    
      /* Styles pour la barre de recherche */
      .search-container {
         display: flex;
         align-items: center;
         background: #f5f5f5;
         border-radius: 5px;
         overflow: hidden;
      }
      .search-input {
         border: none;
         background: transparent;
         padding: 8px 12px;
		 height:40px;
         outline: none;
         width: 200px;
      }
      .search-box-outer {
         background: transparent;
         border: none;
         padding: 8px 12px;
         cursor: pointer;
         display: flex;
         align-items: center;
         justify-content: center;
      }
      .search-box-outer:hover {
         background: var(--tp-theme-primary);
         color: white;
      }
      .search-box-outerj {
         width: 40px;
         height: 40px;
         background: transparent;
         border: none;
         cursor: pointer;
         display: flex;
         align-items: center;
         justify-content: center;
         border-radius: 6px;
         transition: all 0.3s ease;
      }
      .search-box-outerj i {
         font-size: 20px;
         color: var(--tp-theme-primary);
      }
      .search-box-outerj:hover {
         background: var(--tp-theme-primary);
      }
      .search-box-outerj:hover i {
         color: white;
      }

      /* Styles pour le formulaire de réservation */
      .booking-form-container {
         background: rgba(255, 255, 255, 0.95);
         padding: 30px;
         border-radius: 10px;
         box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
         max-width: 800px;
         margin: 50px auto;
      }

      .hero-section {
         position: relative;
         height: 600px;
         background-color: #f8f9fa;
      }

      .hero-slide {
         height: 600px;
         background-size: cover;
         background-position: center;
         position: relative;
      }

      .hero-slide::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background: rgba(0, 0, 0, 0.4);
      }

      /* Styles pour la carte */
      .map-container {
         position: relative;
         border-radius: 10px;
         overflow: hidden;
         box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
      }

      .map-point {
         position: absolute;
         width: 16px;
         height: 16px;
         background: #d82b2a;
         border-radius: 50%;
         cursor: pointer;
         transition: all 0.3s ease;
         z-index: 2;
      }

      .map-point:hover {
         transform: scale(1.2);
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      }

      .tooltip {
         position: absolute;
         background: white;
         padding: 8px 15px;
         border-radius: 6px;
         font-size: 14px;
         color: #333;
         box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
         pointer-events: none;
         opacity: 0;
         transition: opacity 0.3s ease;
         z-index: 1000;
         white-space: nowrap;
         transform: translateX(-50%);
         bottom: 20px;
      }

      .tooltip::before {
         content: '';
         position: absolute;
         bottom: -5px;
         left: 50%;
         transform: translateX(-50%) rotate(45deg);
         width: 10px;
         height: 10px;
         background: white;
         box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
      }

      .map-point:hover .tooltip {
         opacity: 1;
      }

	.services-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  padding: 40px 15px;
  max-width: 1400px;
  margin: 0 auto;
  justify-content: center;
}

@media screen and (max-width: 1200px) {
  .services-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 768px) {
  .services-container {
    grid-template-columns: 1fr;
  }
}

.service-box {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  text-decoration: none;
  color: #333;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  text-align: center;
  gap: 15px;
  border: 1px solid #eee;
  align-items: center;
  font-size: 1.1rem;
  font-weight: 500;
}



.service-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: var(--tp-theme-primary);
  transition: all 0.3s ease;
}

.service-box .service-icon {
  font-size: 1.5rem;
  color: white;
  flex-shrink: 0;
  order: 2;
  background-color: var(--it-theme-1);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

.service-box .service-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 10px;
  color: #222;
}

.service-box .service-description {
  font-size: 0.9rem;
  color: #666;
  line-height: 1.5;
  margin-bottom: 12px;
  text-align: center;
}

.service-box .service-link {
 color: var(--it-theme-1);
  font-size: 0.9rem;
  margin-top: auto;
  order: 3;
}

.service-box .service-link svg {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  transition: transform 0.3s ease;
}

.service-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.service-box:hover {
  border-color: var(--tp-theme-primary);
  background: #f8f9fa;
}

.title-icon-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  order: 1;
  flex-direction: row-reverse;
}

  /* Styles Swiper */
      .swiper {
         width: 100%;
         height: 100%;
         position: relative;
      }
      .swiper-slide {
         width: 100%;
         height: 100%;
      }
      .swiper-button-next,
      .swiper-button-prev {
         color: #fff;
         background: rgba(0,0,0,0.5);
         width: 50px;
         height: 50px;
         border-radius: 50%;
         transition: all 0.3s ease;
      }
      .swiper-button-next:hover,
      .swiper-button-prev:hover {
         background: rgba(0,0,0,0.8);
      }
      .swiper-pagination-bullet {
         background: #fff;
         opacity: 0.5;
      }
      .swiper-pagination-bullet-active {
         opacity: 1;
      }

.service-box:hover {
  border-color: var(--tp-theme-primary);
  background: #f8f9fa;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  padding-right: 40px;
}

.service-box:hover::after {
  opacity: 1;
  transform: translateX(0);
  transform: translateY(-3px);
}

.service-icon {
  background: #f5f5f5;
  color: #c00;
  padding: 12px;
  border-radius: 8px;
  font-size: 1.2rem;
  transition: all 0.3s ease;
}

.service-box:hover .service-icon {
  background: #c00;
  color: #fff;
}







/**********forgot-password.blade*************/
input[type="text"],
    input[type="password"],
    input[type="email"] {
        border: 1px solid #ccc;
        box-shadow: none; 
        transition: border-color 0.3s, box-shadow 0.3s;
    }

    input[type="text"]:hover,
    input[type="password"]:hover,
    input[type="email"]:hover,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus {
        border-color: #FFB6C1;
        box-shadow: 0 0 5px #FFB6C1;
        outline: none;
    }

    label {
        text-transform: none; 
        direction: rtl; 
        color: black;
    }

    .btn-red {
        background-color: #A2052B;
        border-color: #A2052B;
        color: white;
        font-weight: bold;
        transition: background-color 0.3s;
    }

    .btn-red:hover {
        background-color: #FFB6C1;
        border-color: #FFB6C1;
        color: white;
    }




 /**  set password ****/

     input[type="text"],
    input[type="password"],
    input[type="email"] {
        border: 1px solid #685858ff;
        box-shadow: none;
        transition: border-color 0.3s, box-shadow 0.3s;
    }

    input[type="text"]:hover,
    input[type="password"]:hover,
    input[type="email"]:hover,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus {
        border-color: #FFB6C1; 
        box-shadow: 0 0 5px #FFB6C1; 
        outline: none; 
    }

    .red-button {
        background-color: red;
        border-color: red;
        color: white;
        transition: background-color 0.3s;
    }

    .red-button:hover {
        background-color: lightcoral;
        border-color: lightcoral; 
    }

    .text-rtl {
        direction: rtl;
        text-align: right;
    }

    .shadow-card {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .custom-label,
    .custom-title {
        color: #A2052B;
    }

    .custom-title {
        font-size: 25px;
        font-weight: bold;
    }

    .invalid-feedback {
        display: block;
        color: red;
    }

    .header-area .custom-header-top-bar {
        padding: 1rem;
    }

    .d-flex {
        display: flex;
    }

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

    .align-items-center {
        align-items: center;
    }

    .text-center {
        text-align: center;
    }

    .left-logo,
    .right-logo {
        display: flex;
        align-items: center;
    }




    /*signin*/

    input[type="text"],
    input[type="password"],
    input[type="email"] {
        border: 1px solid #ccc;
        box-shadow: none; 
        transition: border-color 0.3s, box-shadow 0.3s;
    }

    input[type="text"]:hover,
    input[type="password"]:hover,
    input[type="email"]:hover,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus {
        border-color: #FFB6C1; 
        box-shadow: 0 0 5px #FFB6C1; 
        outline: none;

    
    }
    label{
        text-transform: none; direction: rtl; color: black;
    }