.turbo-orange-text {color: #FF5E4C;}
a.turbo-orange-text:hover {color: #052734;}
.turbo-orange-bg {background: #FF5E4C;}

.turbo-black-text {color: #052734;}
a.turbo-black-text:hover {color: #FF5E4C;}
.turbo-black-bg {background: #052734;}


.flyout {
    left: 0;
    position: fixed;
    right: auto;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    z-index: 1050;
}

.flyout.right {
    left: auto;
    right: 0;
    transform: translateX(100%);
}

.flyout.show {
    transform: translateX(0%);
}

.flyout-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}

.navbar-flyout {
    background-clip: padding-box;
    background-color: inherit;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    bottom: 0;
    padding: 1rem;
    top: 0;
}

.navbar-flyout.right {
    background: white;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right: none;
}

#hero {
    background-size: cover !important;
    animation: panning 250s infinite linear;
    overflow: hidden;
}

#particles-js{ 
    position:absolute; 
    background-color: transparent; 
    background-image: url(""); 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: 50% 50%; 
}

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

.logo-footer {
  max-width: 100px;
}

.gallery .slick-dots li {
  margin: 0;
}

.gallery .slick-dots li.slick-active button:before {
  color: #FF5E4C;
}


@keyframes panning {
  0% {
    background-position: 0% 0%;
  }
  25% {
    background-position: 100% 100%;
  }
   50% {
    background-position: 100% 0%;
  }
  75% {
    background-position: 0 100%;
  }
  200% {
    background-position: 0 0;
  }
}