﻿.banner {
    width: 100%;
    background-color: #63d649;
    color: #000000;
    font-family: "neutradisp-titling", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: -0.32px;
    padding:20px 0 13px;
    text-align:center;
}
.ticker-container {
    width: 100%;
    overflow: hidden;
    background-color: #63d649;
    color: #000000;
    font-family: "neutradisp-titling", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: -0.52px;
    padding: 10px 0;
    position: relative;
    white-space: nowrap;
}

.ticker-track {
    display: inline-block;
    padding-left: 100%; /* start off-screen */
    animation: ticker 20s linear infinite;
}

@keyframes ticker {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.ticker-text {
    padding-right: 50px; /* spacing before repeat */
}
.intro-gallery {
    position: relative;
    width: 100%;
    overflow: hidden;
}
/* All slides except the first are absolutely positioned */

.slide-gallery {
    position: absolute;
    inset: 0;
    opacity: 0;
    animation: fade 10s infinite;
    animation-timing-function: ease-in-out;
}

    /* Stagger each slide by half the cycle */
    .slide-gallery:nth-child(1) {
        position: relative;
        animation-delay: 0s;
    }

    .slide-gallery:nth-child(2) {
        animation-delay: 5s;
    }

/* Smooth 2-second crossfade, 8-second hold */
@keyframes fade {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }
    /* fade in */
    50% {
        opacity: 1;
    }
    /* hold */
    60% {
        opacity: 0;
    }
    /* fade out */
    100% {
        opacity: 0;
    }
}

.slide-gallery img {
    width: 100%;
    height: auto;
    display: block;
}

/* below slider */
.section-intro .line {

    margin-top: 0px!important;
}
@media (min-width: 1024px) {
    .section-intro .line {

        flex-direction: row;
        min-height: 203px !important;
        padding: 20px 40px !important;
    }
        .section-intro .line .card-img {

            top: -8px !important;
        }
}