.marquee_type1 a:hover,.marquee_type1 a:focus{
    color: var(--color-secondary) !important;
}
.marquee_type1 {
    background-color: var(--color-primary);
}

.marquee_type1 .title,
.marquee_type1 .info {
    padding: 22px 0;
}

    .marquee_type1 .title {
        /*width: 20%;*/

        background-color: var(--color-secondary);
        border-bottom-right-radius: 50px;
        border-top-right-radius: 50px;
        display: flex;
        justify-content: flex-end;
    }

    .marquee_type1 .title h3 {
        color: var(--color-primary);
        font-size: 1.25rem;
        font-weight: 700;
        padding: 4px 45px 0 0;
        /*padding-top: 4px;*/
        display: flex;
    }
        .marquee_type1 .title h3 i {
            position: relative;
            top: 3px;
        }

.marquee_type1 .info {
    width: 80%;
    color: white;
    overflow:hidden;
}

.marquee_type1 .info a {
    display: block;
    /* font-weight: 900; */
    color: white;
    padding: 0 24px;
    font-size: 1.25rem;
}


@media only screen and (max-width : 768px) {
    .marquee_type1 {
        background-color: transparent;
    }

    .marquee_type1 .title {
        width: 100%;
        border-radius: 0;
        text-align: center;
    }

    .marquee_type1 .info {
        width: 100%;
        background-color: var(--color-primary);
    }
}

@media only screen and (max-width: 480px) {
    .marquee_type1 .title {
        display: none !important;
    }
}