.arrow-container {
    width: 75px; /* Reduced by 25% */
    height: 75px; /* Reduced by 25% */
    margin: 0 auto;
    position: fixed;
    bottom: 10px; /* Reduced by 25% */
    left: 0;
    right: 0;
    display: none;
    z-index: 100;
}

.invert-colors {
    filter: invert(1);
}

.team_contentor{
    width: 95%; 
    margin: auto;
    scrollbar-width: 0px;
}

.arrow-container2 {
    width: 75px; /* Reduced by 25% */
    height: 75px; /* Reduced by 25% */
    margin: 0 auto;
    position: fixed;
    top: 10px; /* Reduced by 25% */
    left: 0;
    right: 0;
    display: none;
    z-index: 100;
}

.kofi_container{
    width: 100%; text-align: center; margin-top: 25px;
}

.arrow-container:hover, .arrow-container2:hover {
    cursor: pointer;
}

.arrow-1 {
    width: 75px; /* Reduced by 25% */
    height: 75px; /* Reduced by 25% */
    background: #00BCD4;
    opacity: 0.5;
    border-radius: 50%;
    position: absolute;
}

.arrow-2 {
    width: 45px; /* Reduced by 25% */
    height: 45px; /* Reduced by 25% */
    background: #00BCD4;
    border-radius: 50%;
    position: absolute;
    top: 15px; /* Reduced by 25% */
    left: 15px; /* Reduced by 25% */
    z-index: 1;
    display: table;
}

.arrow-1, .arrow-2{
    background: black;
}

.arrow-2:before {
    width: 39px; /* Reduced by 25% */
    height: 39px; /* Reduced by 25% */
    content: "";
    border: 2px solid white;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    left: 1px;
}


.arrow-2 i.fa {
    font-size: 24px; /* Reduced by 25% */
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: white;
}


/* Custom Animate.css */

.animated.hinge {
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.4, .4, .4);
                transform: scale3d(.4, .4, .4);
    }
  
    50% {
        opacity: 0.5;
    }
    
    100% {
        opacity: 0;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.4, .4, .4);
                transform: scale3d(.4, .4, .4);
    }
  
    50% {
        opacity: 0.5;
    }
    
    100% {
        opacity: 0;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
            animation-name: zoomIn;
    animation-iteration-count: infinite;
}

@media (max-width:480px){
    .arrow-container{
        bottom: 50px;
    }
    .arrow-container2{
        top: 10px;
    }

    .team_contentor{
        margin: 0px auto;
    }
    .kofi_container{
        margin-top: 10px;
    }
}

@media only screen and (min-width:481px) and (max-width:1050px){
    .arrow-container{
        bottom: 50px;
    }
    .team_contentor{
        margin: 0px auto;
    }
}

.ease-in-element {
    opacity: 0;
    transition: opacity 1s ease-in;
}

.no-ease-in{
    transition: none;
}

.ease-in-element2 {
    opacity: 0;
    transition: opacity 0.5s ease-in 1.00s;
}