
html{
    scroll-behavior:smooth;
}
.bg-overlay{
  z-index: 100;
  position:absolute;
  top:0;
  width: 100%;
  height: 140px;
  background: #000000;
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0) 88%);
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0) 88%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0) 88%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
}
.carousel-item img{
  
  transform:scale(1.2);
  animation: zoomImg 6s ease-in-out infinite;

  height: 100%;
}
.box-logo{
  display: flex; flex-direction: column; justify-content: center; align-items: center;
}

@keyframes zoomImg{
  0%{
    transform:scale(1);
  }
  100%{
    transform:scale(1.15);
  }
}

@keyframes moveIn {
  0%{
    transform:scale(0.8);
  }
  100%{
    transform:scale(1);
  }
}

.img-logo{
  animation: shrinkLogo linear both;
  animation-timeline: scroll(root);
  animation-range: 0px 10px;
}

.logo-text{
  position:absolute;top:50px; width:100px;
}

.navmenu li a,
.navmenu li a:focus {
  justify-content: center;
}
.navmenu li .dd a,
.navmenu li .dd a:focus {
  justify-content:space-between;
}

.carousel-caption {
  font-size: 16px;
    bottom:10%;
}

.nav-header{
  justify-content: center;
}

.box-logo-mobile{
  display: none; 
}

@keyframes parallaxMotion {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-20%); /* Adjust speed by changing percentage */
  }
}

.ps-3{
    text-align: left;
}
.services .service-item p{
    text-align:justify;
}
.services .service-item{
    border-radius:12px;
}

.lang-switcher {

     position: absolute;
     right: 10px;
     top: 14px;
}

 .btn-switch {
    border-radius: 4px;
    padding: 1px 10px;
    font-size: 12px;
}

.header{
    height:130px;
}
@media (max-width: 1370px) {
    .header{
        height:110px;
    }
    .lang-switcher {

         position: absolute;
         right: 30px;
         top: -18px;
    }

}

@media (max-width: 1024px) {
    .header{
        height:70px;
    }
  .lang-switcher {
     position: absolute;
     width: 80px;
     left: 20px;
     top: 5px;
  }

  .nav-header{
    justify-content: end;
  }

  .box-logo{
    display: none;
  }

  .box-logo-mobile{
    display: block;    
        position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
  }

  .box-logo-mobile img{
    
    width: 40px;
  }

  .navmenu li a,
  .navmenu li a:focus {
    justify-content: space-between;
  }
  .navmenu li .dd a,
  .navmenu li .dd a:focus {
    justify-content:space-between;
  }

}

@media (max-width: 767px) {

  .lang-switcher {
     position: absolute;
     width: 80px;
     left: 20px;
     top: 5px;
  }

  .nav-header{
    justify-content: end;
  }

  .box-logo{
    display: none;
  }

  .box-logo-mobile{
    display: block;    
        position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
  }

  .box-logo-mobile img{
    
    width: 40px;
  }

  .navmenu li a,
  .navmenu li a:focus {
    justify-content: space-between;
  }
  .navmenu li .dd a,
  .navmenu li .dd a:focus {
    justify-content:space-between;
  }

}