.carousel-item{ 
    transition: transform 2s ease;
}

.carousel-item.active .scroll-left{ 
    animation: scrollLeft 45s linear infinite;
}

.carousel-item.active .scroll-right{ 
    animation: scrollRight 45s linear infinite;
}

@keyframes scrollLeft{
    0%{
      transform: translateX(0);
    }

    100%{
      transform: translateX(-60%);
    }
}

@keyframes scrollRight{
    0%{
      transform: translateX(0); 
    }

    100%{
      transform: translateX(60%); 
    }
}

.icon-container{
    display: flex; 
    justify-content: center;
    width: 200%;
}

.icon-container i{
    flex: 1; 
    text-align: center;
}

.row-container{
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    gap: 15px;
}

#map{
    width: 100%;
    height: 275px;
}

.social-icon{
    color: #dc3545;
}
  
.social-icon:hover{
    color: black;
}

.hyper-link{
    text-decoration: none;
}

.hyper-link:hover{
    color: #dc3545;
}