/*Animations*/
.fadeinleft {
    opacity:0;
    transform: translateX(200px);
    transition: all 1.3s ease-out;
}

.fadeinright{
    opacity: 0;
    transform: translateX(-200px);
    transition: all 0.8s ease-out;
}

.fadeindown{
    opacity: 0;
    transform: translateY(-100px);
    transition: all 1.2s ease-out;
}

.fade-in{
    opacity:0;
    transition: all 1.3s ease-in;
}

.active-left,.active,.active-right,.active-down{
    opacity:1;
    transform: translateX(0);
    transform: translateY(0);
}



.fadein{
opacity: 0;
}   


/* End Animations*/







.navbar-toggler-icon { 
  background-image: url("data:image/svg+xml;charset=UTF8,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cline stroke='rgb(248,51,51)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' x1='4' y1='7' x2='26' y2='7' /%3e%3cline stroke='rgb(248,51,51)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' x1='4' y1='15' x2='26' y2='15' /%3e%3cline stroke='rgb(248,51,51)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' x1='4' y1='23' x2='26' y2='23' /%3e%3c/svg%3e");
}



#mainNavbar .nav-link {
  color: white !important;
  transition: color 0.3s ease;
}


#mainNavbar.bg-gray .nav-link {
  color: rgb(87, 87, 87) !important;
}


#mainNavbar .nav-link.active {
  color: rgb(248, 51, 51) !important;
}


#mainNavbar .nav-link:hover {
  color: rgb(248, 51, 51) !important;
}


@keyframes fadeUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}





  footer a:hover {
    color: #f83333 !important;
    text-decoration: underline;
  }

.slide-text {
  position: relative;
  display: inline-block;
  opacity: 0;
  transform: translateX(100px); /* nis nga e djathta */
  animation: slideInRight 1s ease-out forwards;
}

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





.gallery-item {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery-item:hover {
  transform: scale(1.05); 
  box-shadow: 0 8px 15px rgba(0,0,0,0.3); 
  cursor: pointer;
}