/* FACILITIES Page Image Slider */

.gallery {
    margin: 55px 0 10px 0;
    font-size: 40px;
    text-align: center;
}
.galleryimageslider {
    display: grid;
    place-items: center;
    width: 100%;
    height: auto;
}
.galleryimageslider .facilitesImageSlider {
    width: 70%;
    height: 500px;
    overflow: hidden;
}
.galleryimageslider .facilitesImageSlider figure {
    position: relative;
    width: 2000%;
    height: 500px;
    margin: 0;
    left: 0;
    animation: 50s facilitiesSlider infinite;
}
.galleryimageslider .facilitesImageSlider figure img {
    width: 5%;
    height: 100%;
    float: left;
    object-fit: contain;
}
@keyframes facilitiesSlider {
    0% {
        left: 0;
    }
    2.5% {
        left: 0;
    }
    5% {
        left: -100%;
    }
    7.5% {
        left: -100%;
    }
    10% {
        left: -200%;
    }
    12.5% {
        left: -200%;
    }
    15% {
        left: -300%;
    }
    17.5% {
        left: -300%;
    }
    20% {
        left: -400%;
    }
    22.5% {
        left: -400%;
    }
    25% {
        left: -500%;
    }
    27.5% {
        left: -500%;
    }
    30% {
        left: -600%;
    }
    32.5% {
        left: -600%;
    }
    35% {
        left: -700%;
    }
    37.5% {
        left: -700%;
    }
    40% {
        left: -800%;
    }
    42.5% {
        left: -800%;
    }
    45% {
        left: -900%;
    }
    47.5% {
        left: -900%;
    }
    50% {
        left: -1000%;
    }
    52.5% {
        left: -1000%;
    }
    55% {
        left: -1100%;
    }
    57.5% {
        left: -1100%;
    }
    60% {
        left: -1200%;
    }
    62.5% {
        left: -1200%;
    }
    65% {
        left: -1300%;
    }
    67.5% {
        left: -1300%;
    }
    70% {
        left: -1400%;
    }
    72.5% {
        left: -1400%;
    }
    75% {
        left: -1500%;
    }
    77.5% {
        left: -1500%;
    }
    80% {
        left: -1600%;
    }
    82.5% {
        left: -1600%;
    }
    85% {
        left: -1700%;
    }
    87.5% {
        left: -1700%;
    }
    90% {
        left: -1800%;
    }
    92.5% {
        left: -1800%;
    }
    95% {
        left: -1900%;
    }
    97.5% {
        left: -1900%;
    }
}

/* KEY-FEATURES Web Page Image Slider */

.TPImageSlider {
    width: 70%;
    height: 400px;
    overflow: hidden;
}
.TPImageSlider figure {
    position: relative;
    width: 900%;
    height: 400px;
    margin: 0;
    left: 0;
    animation: 18s TPSlider infinite ;
}
.TPImageSlider figure img{
    width: 11.11%;
    height: 100%;
    float: left;
    object-fit: contain;
}
.ACAImageSlider {
    width: 70%;
    height: 400px;
    overflow: hidden;
}
.ACAImageSlider figure {
    position: relative;
    width: 400%;
    height: 400px;
    margin: 0;
    left: 0;
    animation: 8s ACASlider infinite ;
}
.ACAImageSlider figure img{
    width: 25%;
    height: 100%;
    float: left;
    object-fit: contain;
}
.TTDImageSlider {
    width: 70%;
    height: 400px;
    overflow: hidden;
}
.TTDImageSlider figure {
    position: relative;
    width: 400%;
    height: 400px;
    margin: 0;
    left: 0;
    animation: 8s ACASlider infinite ;
}
.TTDImageSlider figure img{
    width: 25%;
    height: 100%;
    float: left;
    object-fit: contain;
}
.SDPImageSlider {
    width: 70%;
    height: 400px;
    overflow: hidden;
}
.SDPImageSlider figure {
    position: relative;
    width: 600%;
    height: 400px;
    margin: 0;
    left: 0;
    animation: 12s SDPSlider infinite;
}
.SDPImageSlider figure img {
    width: 16.66%;
    height: 100%;
    float: left;
    object-fit: contain;
}


@keyframes TPSlider {
    0%{
        left: 0%;
    }
    6.25%{
        left: 0%;
    }
    12.5%{
        left: -100%;
    }
    18.75%{
        left: -100%;
    }
    25%{
        left: -200%;
    }
    31.25%{
        left: -200%;
    }
    37.5%{
        left: -300%;
    }
    43.75%{
        left: -300%;
    }
    50%{
        left: -400%;
    }
    56.25%{
        left: -400%;
    }
    62.5%{
        left: -500%;
    }
    68.75%{
        left: -500%;
    }
    75%{
        left: -600%;
    }
    80%{
        left: -600%;
    }
    85%{
        left: -700%;
    }
    90%{
        left: -700%;
    }
    95%{
        left: -800%;
    }   
    100%{
        left: -800%;
    }
}
@keyframes ACASlider {
    0%{
        left: 0%;
    }
    15%{
        left: 0%;
    }
    30%{
        left: -100%;
    }
    45%{
        left: -100%;
    }
    60%{
        left: -200%;
    }
    75%{
        left: -200%;
    }
    90%{
        left: -300%;
    }
    100%{
        left: -300%;
    }

}
@keyframes TTDSlider {
    0%{
        left: 0%;
    }    
    12.5%{
        left: 0%;
    }    
    25%{
        left: -100%;
    }    
    37.5%{
        left: -100%;
    }    
    50%{
        left: -200%;
    }
    62.5%{
        left: -200%;
    }
    75%{
        left: -300%;
    }
    87.5%{
        left: -300%;
    }
    100%{
        left: -400%;
    }

}
@keyframes SDPSlider{
    0%{
        left: 0%;
    }
    9%{
        left: 0%;
    }
    18%{
        left: -100%;
    }
    27%{
        left: -100%;
    }
    36%{
        left: -200%;
    }
    45%{
        left: -200%;
    }
    54%{
        left: -300%;
    }
    63%{
        left: -300%;
    }
    72%{
        left: -400%;
    }
    81%{
        left: -400%;
    }
    90%{
        left: -500%;
    }
    100%{
        left: -500%;
    }
}







































/* .galleryimageslider .imageslider {
    width: 70%;
    height: 500px;
    overflow: hidden;
}
.galleryimageslider .imageslider figure {
    position: relative;
    width: 900%;
    height: 500px;
    margin: 0;
    left: 0;
    animation: 36s slider infinite;
}
.galleryimageslider .imageslider figure img {
    width: 11.11%;
    height: 100%;
    float: left;
    object-fit: contain;
} 
.galleryimageslider .facilitesImageSlider figure {
    position: relative;
    width: 900%;
    height: 500px;
    margin: 0;
    left: 0;
    animation: 46s facilitiesSlider infinite;
}
.galleryimageslider .facilitesImageSlider figure img {
    width: 11.11%;
    height: 100%;
    float: left;
    object-fit: contain;
} */