body {
}

#qanda {
    /*border-bottom: 2px solid #FFFFFF;*/
    background: linear-gradient(#fff, #fff) bottom / 100% 2px no-repeat;
}

@keyframes roll-down-curtain {
    from {
        height: 0px;
    }

    to {
        height: 135px;
    }
}

.scrolliy-border-top-black {
    width: 100%;
    background-image: url('/Content/Images/Union 4-3-black.png');
    background-repeat: repeat-x;
    height: 20px;
    background-color: #FFFFFF;
}

.row-1 {
    height: 135px;
    width: 100%;
    /* background: transparent url('/Content/Images/webp/Union 1.webp') 0% 0% no-repeat padding-box;*/
    background-color: #19ACFF;
    /* background-position: bottom;*/
    animation-name: roll-down-curtain;
    animation-duration: 0.3s;
    position: relative;
    padding: 0 60px;
}

    .row-1::after {
        content: "";
        width: 100%;
        background-image: url('/Content/Images/Union 1-1-blue.png');
        background-repeat: repeat-x;
        height: 20px;
        background-color: #FFFFFF;
        left: 0;
        position: absolute;
        bottom: 0;
    }

    .row-1 .page-header {
        font-family: "Assistant-SemiBold";
        font-size: 50px;
        color: #fff;
        padding: 10px 65px
    }


.list-of-questions {
    width: var(--min-width);
    min-height: 150px;
    margin: 66px auto;
    padding: 0 10px;
}

    .list-of-questions .one-q-and-a {
        display: flex;
        flex-direction: column;
        margin: 15px 0;
    }

        .list-of-questions .one-q-and-a .one-question {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
        }

            .list-of-questions .one-q-and-a .one-question .icon img {
                max-height: 50px;
            }

            .list-of-questions .one-q-and-a .one-question .question-text {
                padding: 0 20px 0 0;
            }

        .list-of-questions .one-q-and-a .answer {
            font-family: 'Assistant-Regular';
            padding: 0 62px 0 0;
        }

.center-text {
    font-family: 'Assistant-Regular';
    max-width: 600px;
    padding: 10px;
    width: 100%;
    margin: auto;
}

    .center-text p {
        margin: 20px 0;
    }

@media only screen and (max-width: 500px) {
    .row-1 {
        padding: 0px;
        text-align: center;
    }

        .row-1 .page-header {
            padding: 5px;
            text-align: center;
        }
}