*{margin:0;padding:0;box-sizing:border-box}#spinner{opacity:0;visibility:hidden;transition:opacity .8s ease-out,visibility 0s linear .5s;z-index:99999}#spinner.show{transition:opacity .8s ease-out,visibility linear;visibility:visible;opacity:1}body{font-family:'EB Garamond',serif}.back-to-top{position:fixed;right:30px;bottom:30px;display:flex;width:58px;height:58px;align-items:center;justify-content:center;z-index:99}.carousel-item,.search-btn{position:relative}.btn{text-transform:uppercase;font-weight:500;transition:.5s}.btn.btn-primary{box-shadow:inset 0 0 0 0 var(--bs-dark)}.btn.btn-primary:hover{box-shadow:inset 200px 0 0 0 var(--bs-dark)!important;color:var(--bs-primary)!important}.btn.btn-dark{box-shadow:inset 0 0 0 0 var(--bs-primary)}.btn.btn-dark:hover{box-shadow:inset 200px 0 0 0 var(--bs-primary);color:var(--bs-dark)!important}.search-btn{width:100%;padding:0 0 0 25px}.search-btn .form-group{width:100%}.search-btn button{position:absolute;right:25px}@media (max-width:992px){.search-btn{display:none}}@media (max-width:576px){.topbar-top{display:none}}.navbar .navbar-nav{padding:15px 0}.navbar .navbar-nav .nav-link{padding:15px;color:var(--bs-white);font-weight:500;font-size:16px;outline:0;transition:.5s}.navbar .navbar-nav .nav-link.active,.navbar .navbar-nav .nav-link:hover{color:var(--bs-primary);transition:.5s}.navbar .dropdown-toggle::after{border:none;content:"\f107";font-family:"Font Awesome 5 Free";font-weight:800;vertical-align:middle;margin-left:8px}@media (min-width:992px){.navbar .nav-item .dropdown-menu{display:block;visibility:hidden;top:100%;transform:rotateX(-75deg);transform-origin:0% 0%;transition:.5s;opacity:0}}.dropdown .dropdown-menu a.active,.dropdown .dropdown-menu a:hover{background:var(--bs-dark);color:var(--bs-primary)}.navbar .nav-item:hover .dropdown-menu{transform:rotateX(0);visibility:visible;transition:.5s;opacity:1}.navbar-toggler{background:var(--bs-secondary);color:var(--bs-light)!important;padding:5px 12px;border:2px solid var(--bs-primary)!important}.navbar-logo{height:50px; width: 160px ; max-height:50px;}.custom-span{font-size:18px;font-family:Garamond,serif;font-weight:700;color:#fff}.carousel-item::after{content:"";position:absolute;width:100%;height:100%;top:0;right:0;background:rgba(0,0,0,.7)}.custom-video-height{height:700px;object-fit:cover}.custom-image-height{height:400px;object-fit:cover}.carousel-caption{height:100%;display:flex;align-items:center;text-align:start;z-index:1}.carousel-control-next,.carousel-control-prev{width:80px;height:60px;position:absolute;top:50%;background:var(--bs-primary);opacity:1;transition:.5s}.carousel-control-prev{left:0;border-radius:0 30px 30px 0}.carousel-control-next{right:0;border-radius:30px 0 0 30px}#carouselId .carousel-indicators li{width:24px;height:24px;background:var(--bs-dark);border:2px solid var(--bs-primary);border-radius:24px;margin:0 10px 30px}.about-img::after,.about-img::before{left:0;width:100%;border-radius:10px;z-index:1;content:""}#carouselId .carousel-indicators li.active{background:var(--bs-primary)!important}@media (max-width:768px){.topbar,.topbar-info{flex-direction:column}.carousel-control-next,.carousel-control-prev,.search-btn{display:none}.topbar-icon,.topbar-info a{padding:0 0 10px}.navbar-logo{height: 40px; width: 140px; max-height:40px}.carousel-item{width:100%;height:400px}.carousel-item img{height:400px}.custom-video-height{height:400px;object-fit:cover}}.page-header{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)) 0 0/cover,url(../imgwebp/carousel-2.webp) center center/cover no-repeat;margin-bottom:6rem}.about-img{width:100%;height:100%;position:relative;padding:30px;overflow:hidden;display:flex;align-items:center;justify-content:center}.rotate-left,.rotate-right{width:150px;height:100px;top:28%;z-index:2}.about-img::before{position:absolute;top:0;height:40%;background:var(--bs-dark);-webkit-border-radius:10px}@supports (-webkit-touch-callout:none){.about-img::after,.about-img::before{border-radius:10px;-webkit-border-radius:10px}}.about-img::after{position:absolute;bottom:0;height:60%;background:var(--bs-primary);-webkit-border-radius:10px}.rotate-left{position:absolute;left:-10%;rotate:25deg}.rotate-right{position:absolute;right:-10%;rotate:-25deg}.about-img img{position:relative;z-index:2;border-radius:10px}.experiences{width:160px;height:200px;position:absolute;top:0;right:0;padding:35px;text-align:center;border-radius:10px;z-index:3;animation:8s ease-in-out infinite mymove}@keyframes mymove{from{top:-202px}to{top:102%}}.services-inner-icon{width:130px;height:130px;background:var(--bs-dark);display:flex;align-items:center;justify-content:center;transition:.5s;position:relative}.services-inner-icon::after{content:"";position:absolute;width:0;height:0;border-radius:62px;top:50%;left:50%;transition:.5s}.services-item:hover .services-inner-icon::after{width:100%;height:100%;margin-top:-50%;margin-left:-50%;background:var(--bs-primary);color:var(--bs-dark)}.services-item i{text-align:center;transition:.5s}.services-item:hover i{color:var(--bs-dark)!important;z-index:1;rotate:360deg}.copyright .copyright-btn,.services-btn{display:flex;align-items:center;justify-content:center}.project-item a,.project-item img{border-radius:10px;align-items:center;display:flex}.project-item{width:100%;height:100%;position:relative;padding:30px;overflow:hidden}.project-left,.project-right{width:180px;height:70px;top:22%;z-index:2}.project-item::before{content:"";width:100%;height:40%;background:var(--bs-dark);position:absolute;top:0;left:0;z-index:1;border-radius:10px}.project-item::after{content:"";width:100%;height:60%;background:var(--bs-primary);position:absolute;bottom:0;left:0;z-index:1;border-radius:10px}.project-left{position:absolute;left:-18%;rotate:30deg}.project-right{position:absolute;right:-18%;rotate:-30deg}.blog-carousel,.project-item img,.team-item,.testimonial-content{width:100%;height:100%}.project-item img{position:relative;z-index:2;justify-content:center}.project-item a{position:absolute;padding:25px;top:50%;left:50%;transform:translate(-50%,-50%) scale(0) rotate(-360deg);z-index:3;justify-content:center;transition:.5s;opacity:0}.project-item:hover a{top:50%;left:50%;transform:translate(-50%,-50%) scale(1) rotate(0);background:var(--bs-primary);color:var(--bs-dark)!important;opacity:1}.blog-carousel{position:relative}.blog-carousel .owl-nav .owl-next,.blog-carousel .owl-nav .owl-prev{display:flex;align-items:center;justify-content:center;position:absolute;width:40px;height:30px;background:var(--bs-primary);color:var(--bs-dark);font-size:18px;top:50%;transform:translateY(-50%);box-shadow:inset 0 0 0 0 var(--bs-dark);transition:.5s;z-index:10}.contact-link a h5:hover,.contact-link a i:hover,.contact-link a.h5:hover,.team-item:hover .team-content{color:var(--bs-primary)!important}.blog-carousel .owl-nav .owl-prev{left:-20px;border-radius:20px 0 0 20px}.blog-carousel .owl-nav .owl-next:hover,.blog-carousel .owl-nav .owl-prev:hover,.testimonial-carousel .owl-nav .owl-next:hover,.testimonial-carousel .owl-nav .owl-prev:hover{box-shadow:inset 200px 0 0 0 var(--bs-dark);color:var(--bs-primary)!important}.blog-carousel .owl-nav .owl-next{right:-20px;border-radius:0 20px 20px 0}.blog-carousel .owl-dots,.testimonial-carousel .owl-dots{margin-top:30px;display:flex;align-items:center;justify-content:center}.blog-carousel .owl-dot,.testimonial-carousel .owl-dot{position:relative;display:inline-block;margin:0 5px;width:15px;height:15px;background:var(--bs-secondary);border-radius:15px;transition:.5s}.blog-carousel .owl-dot.active,.testimonial-carousel .owl-dot.active{width:30px;background:var(--bs-primary)}.contact-link a h5,.contact-link a i,.contact-link a.h5,.pricing-item{transition:.5s}.pricing-item:hover{box-shadow:0 0 30px rgba(0,0,0,.5);margin:-20px 0 20px}.pricing-label{border-bottom:20px solid var(--bs-light);border-radius:0 0 300px 300px;transition:.5s}.pricing-item:hover .pricing-label{border-color:rgba(0,0,0,.5)}.pricing-item:hover .pricing-label.pricing-featured{border-color:rgba(255,255,255,.5)}.call-to-action{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)) 0 0/cover,url(../imgwebp/carousel-1.webp) center center/cover no-repeat}.team-item{position:relative;overflow:hidden}.team-item .team-icon{position:absolute;top:15px;right:-80px;rotate:-30deg;transition:.5s;visibility:hidden}.team-item:hover .team-icon{visibility:visible;margin-right:95px;rotate:0deg}.team-item .team-icon .btn{padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:35px}.team-item .team-content{box-shadow:inset 0 0 0 0 var(--bs-dark);transition:1s}.team-item:hover .team-content{box-shadow:inset 550px 0 0 0 var(--bs-dark)}.testimonial-content{position:relative;background:var(--bs-light);z-index:1}.testimonial-content::before{content:"";width:50px;height:50px;position:absolute;left:50px;bottom:-15px;rotate:45deg;z-index:-5;background:var(--bs-light)}.testimonial-carousel{position:relative;padding-left:60px;padding-right:60px}.testimonial-carousel .owl-nav .owl-next,.testimonial-carousel .owl-nav .owl-prev{display:flex;align-items:center;justify-content:center;position:absolute;width:60px;height:40px;background:var(--bs-primary);color:var(--bs-dark);font-size:22px;top:14%;left:0;border-radius:30px 0 0 30px;box-shadow:inset 0 0 0 0 var(--bs-dark);transition:.5s}.testimonial-carousel .owl-nav .owl-next{left:auto;right:0;border-radius:0 30px 30px 0}.footer{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)) 0 0/cover,url(../imgwebp/carcover4.webp) center center/cover no-repeat;color:rgba(255,255,255,.7);margin-top:6rem}.footer-item,.footer-item a{color:rgba(255,255,255,.7);text-transform:capitalize}.copyright .copyright-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.loader {
    position: fixed; /* Fixe le loader sur l'écran */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centre parfaitement */
    z-index: 1000; /* Assure qu'il est au-dessus des autres éléments */
    transition: opacity 0.5s ease-out;

  }

.loader.hidden {
    opacity: 0;
    pointer-events: none;
  }
  
  .wheel {
    fill: #e2c12b;
    font-size: 100px;
    width: 100px;
    height: 100px;
    border-radius: 6em;
    text-align: center;
    animation: rolling 1s linear infinite;
  }
  
  #rim {
    fill: #e2c12b;
  }
  
  #tire {
    fill: rgb(55, 55, 55);
  }
  
  .road {
    position: absolute;
    margin-top: -4px;
    width: 100%;
    height: 10px;
    border-radius: 5em;
    background-color: #e2c12b;
    animation: road-move 2s linear infinite;
  }
  
  @keyframes rolling {
    to {
      transform: rotate(-360deg);
    }
  }
  
  @keyframes road-move {
    from {
      transform: translateX(-140%);
    }
  
    to {
      transform: translateX(100%);
    }
  }