.text-color-base { color: #000; }
.background-color-base { background-color: #fff; }

.text-color-gray { color: #dadada; }
.background-color-gray { background-color: #dadada; }

@media(max-width:767px) {
    .text-color-mobile-base { color: #000; }
    .background-color-mobile-base { background-color: #fff; color: #000; }
}

    

    .text-color-1 { color: #dfceb4; }
    .background-color-1 { background-color: #e7d8c1 !important; }
    
    @media(max-width:767px) {
        .text-color-mobile-1 { color: #dfceb4; }
        .background-color-mobile-1 { background-color: #e7d8c1 !important; color: #fff; }
    }
    @media(min-width:768px) and (max-width:1024px) {
        .text-color-tablet-1 { color: #dfceb4; }
        .background-color-tablet-1 { background-color: #e7d8c1 !important; color: #fff; }
    }
    @media(min-width:1025px) {
        .text-color-desktop-1 { color: #dfceb4; }
        .background-color-desktop-1 { background-color: #e7d8c1 !important; color: #fff; }
    }

        

    .text-color-2 { color: #52bbb6; }
    .background-color-2 { background-color: #52bbb6 !important; }
    
    @media(max-width:767px) {
        .text-color-mobile-2 { color: #52bbb6; }
        .background-color-mobile-2 { background-color: #52bbb6 !important; color: #fff; }
    }
    @media(min-width:768px) and (max-width:1024px) {
        .text-color-tablet-2 { color: #52bbb6; }
        .background-color-tablet-2 { background-color: #52bbb6 !important; color: #fff; }
    }
    @media(min-width:1025px) {
        .text-color-desktop-2 { color: #52bbb6; }
        .background-color-desktop-2 { background-color: #52bbb6 !important; color: #fff; }
    }

        

    .text-color-3 { color: #ef7204; }
    .background-color-3 { background-color: #ef7204 !important; }
    
    @media(max-width:767px) {
        .text-color-mobile-3 { color: #ef7204; }
        .background-color-mobile-3 { background-color: #ef7204 !important; color: #fff; }
    }
    @media(min-width:768px) and (max-width:1024px) {
        .text-color-tablet-3 { color: #ef7204; }
        .background-color-tablet-3 { background-color: #ef7204 !important; color: #fff; }
    }
    @media(min-width:1025px) {
        .text-color-desktop-3 { color: #ef7204; }
        .background-color-desktop-3 { background-color: #ef7204 !important; color: #fff; }
    }

        

    .text-color-4 { color: #f7bfd8; }
    .background-color-4 { background-color: #f7bfd8 !important; }
    
    @media(max-width:767px) {
        .text-color-mobile-4 { color: #f7bfd8; }
        .background-color-mobile-4 { background-color: #f7bfd8 !important; color: #fff; }
    }
    @media(min-width:768px) and (max-width:1024px) {
        .text-color-tablet-4 { color: #f7bfd8; }
        .background-color-tablet-4 { background-color: #f7bfd8 !important; color: #fff; }
    }
    @media(min-width:1025px) {
        .text-color-desktop-4 { color: #f7bfd8; }
        .background-color-desktop-4 { background-color: #f7bfd8 !important; color: #fff; }
    }

        

    .text-color-5 { color: #415097; }
    .background-color-5 { background-color: #415097 !important; }
    
    @media(max-width:767px) {
        .text-color-mobile-5 { color: #415097; }
        .background-color-mobile-5 { background-color: #415097 !important; color: #fff; }
    }
    @media(min-width:768px) and (max-width:1024px) {
        .text-color-tablet-5 { color: #415097; }
        .background-color-tablet-5 { background-color: #415097 !important; color: #fff; }
    }
    @media(min-width:1025px) {
        .text-color-desktop-5 { color: #415097; }
        .background-color-desktop-5 { background-color: #415097 !important; color: #fff; }
    }

        

    .text-color-6 { color: #e94253; }
    .background-color-6 { background-color: #e94253 !important; }
    
    @media(max-width:767px) {
        .text-color-mobile-6 { color: #e94253; }
        .background-color-mobile-6 { background-color: #e94253 !important; color: #fff; }
    }
    @media(min-width:768px) and (max-width:1024px) {
        .text-color-tablet-6 { color: #e94253; }
        .background-color-tablet-6 { background-color: #e94253 !important; color: #fff; }
    }
    @media(min-width:1025px) {
        .text-color-desktop-6 { color: #e94253; }
        .background-color-desktop-6 { background-color: #e94253 !important; color: #fff; }
    }