/*slogan*/
.home-slogan {
    background-color: #fff;
}

.slogan-icon {
    margin-left: 3rem;
}

.slogan-icon img {
    max-height: 64px;
}

.slogan-txt {
    font-size: 24px;
    color: #005698;
    font-weight: 400;
    letter-spacing: 10px;
    line-height: 185%;
}


.slogan-img img {
    max-height: 220px;
    -webkit-animation: move3 4s ease-in-out infinite;
    animation: move3 4s ease-in-out infinite;
}

@media (max-width: 1399px) {
    .slogan-icon {
        margin-left: 1rem;
    }

    .slogan-txt {
        font-size: 21px;
    }

    .slogan-img img {
        max-height: 180px;
    }
}


@media (max-width: 1199px) {
    .slogan-icon {
        margin-left: 0;
        margin-right: 2rem;
    }

    .slogan-txt {
        font-size: 20px;
    }

    .slogan-img img {
        max-height: 130px;
    }
}


@media (max-width: 991px) {
    .home-slogan {
        padding: 2rem 0;
    }

    .slogan-icon {
        margin-left: 0;
    }

    .slogan-txt {
        font-size: 20px;
        letter-spacing: 6px;
        padding: 2rem 0 0;
        text-align: center;
    }

    .slogan-img img {
        max-height: 160px;
    }
}

@keyframes move3 {
    0% {
        transform: rotate(-15deg);
    }

    50% {
        transform: rotate(15deg);
    }

    100% {
        transform: rotate(-15deg);
    }
}