/*!
* PT. IMAJIKU CIPTA MEDIA
* Copyright 2023 IMAJIKU.
*/


/*card row*/
[data-variant="card-1row-ver1"],
[data-variant="card-1row-ver2"],
[data-variant="card-1row-ver3"],
[data-variant="card-1row-ver4"],
[data-variant="card-1row-counter1"],
[data-variant="card-1row-counter2"],
[data-variant="card-1row-ver5"],
[data-variant="card-1row-ver6"] {
    background-color: var(--section-background-color);
}

[data-variant="card-1row-ver1"] .card-title h3 a,
[data-variant="card-1row-ver3"] .card-title h3 a,
[data-variant="card-1row-ver4"] .card-title h3 a,
[data-variant="card-1row-ver5"] .card-title h3 a {
    color: var(--primary-font-color);
}

[data-variant="card-1row-ver1"] .card-title h3 a:hover,
[data-variant="card-1row-ver3"] .card-title h3 a:hover,
[data-variant="card-1row-ver4"] .card-title h3 a:hover,
[data-variant="card-1row-ver5"] .card-title h3 a:hover {
    color: var(--primary-font-color);
}

[data-variant="card-1row-ver1"] .card-title h5,
[data-variant="card-1row-ver5"] .card-desc p {
    color: var(--secondary-font-color);
}

[data-variant="card-1row-ver1"] .card-package,
[data-variant="card-1row-ver3"] .card-package,
[data-variant="card-1row-ver4"] .card-package,
[data-variant="card-1row-ver5"] .card-package {
    background-color: var(--card-background-color);
}


[data-variant="card-1row-ver1"] .title-primary h2,
[data-variant="card-1row-ver2"] .title-primary h2,
[data-variant="card-1row-ver3"] .title-primary h2,
[data-variant="card-1row-ver4"] .title-primary h2,
[data-variant="card-1row-ver5"] .title-primary h2,
[data-variant="card-1row-ver6"] .title-primary h2 {
    color: var(--summary-font-color);
}

[data-variant="card-1row-ver1"] .title-primary h5,
[data-variant="card-1row-ver2"] .title-primary h5,
[data-variant="card-1row-ver3"] .title-primary h5,
[data-variant="card-1row-ver4"] .title-primary h5,
[data-variant="card-1row-ver5"] .title-primary h5,
[data-variant="card-1row-ver6"] .title-primary h5 {
    color: var(--summary-font-color);
}

[data-variant="card-1row-ver1"] .title-primary p,
[data-variant="card-1row-ver2"] .title-primary p,
[data-variant="card-1row-ver3"] .title-primary p,
[data-variant="card-1row-ver4"] .title-primary p,
[data-variant="card-1row-ver5"] .title-primary p,
[data-variant="card-1row-ver6"] .title-primary p {
    color: var(--summary-font-color);
}

[data-variant="card-1row-ver1"] .lines,
[data-variant="card-1row-ver2"] .lines {
    border-bottom: 2px solid var(--summary-font-color);
}

[data-variant="card-1row-counter1"] .title-primary h2,
[data-variant="card-1row-counter2"] .title-primary h2 {
    color: var(--summary-font-color);
}

[data-variant="card-1row-counter1"] .title-primary h5,
[data-variant="card-1row-counter2"] .title-primary h5 {
    color: var(--summary-font-color);
}

[data-variant="card-1row-counter1"] .title-primary p,
[data-variant="card-1row-counter2"] .title-primary p {
    color: var(--summary-font-color);
}

[data-variant="card-1row-counter1"] .lines,
[data-variant="card-1row-counter2"] .lines {
    border-bottom: 2px solid var(--summary-font-color);
}

[data-variant="card-1row-counter1"] .counter-numb-item-desc h5,
[data-variant="card-1row-counter2"] .counter-numb-item-desc h5 {
    color: var(--primary-font-color);
}

[data-variant="card-1row-counter1"] .counter-numb-item-desc p,
[data-variant="card-1row-counter2"] .counter-numb-item-desc p {
    color: var(--secondary-font-color);
}

[data-variant="card-1row-counter1"] .card-package {
    border-color: var(--primary-font-color);
    background-color: var(--card-background-color);
}

[data-variant="card-1row-counter2"] .card-1row-box .card-box:nth-child(odd) {
    background-color: var(--card-background-color-1);
}

[data-variant="card-1row-counter2"] .card-1row-box .card-box:nth-child(even) {
    background-color: var(--card-background-color-2);
}

/*card variant*/
[data-variant="card-1"],
[data-variant="card-2"],
[data-variant="card-3"],
[data-variant="card-4"],
[data-variant="card-5"],
[data-variant="card-6"],
[data-variant="card-7"],
[data-variant="card-8"],
[data-variant="card-9"],
[data-variant="card-10"] {
    background-color: var(--section-background-color);
}

[data-variant="card-1"] .card-title h3 a,
[data-variant="card-2"] .card-title h3 a,
[data-variant="card-3"] .card-title h3 a,
[data-variant="card-5"] .card-title h3 a,
[data-variant="card-6"] .card-title h3 a,
[data-variant="card-7"] .card-title h3 a,
[data-variant="card-8"] .card-title h3 a,
[data-variant="card-9"] .card-title h3 a,
[data-variant="card-10"] .card-title h3 a {
    color: var(--primary-font-color);
}

[data-variant="card-1"] .card-title h3 a:hover,
[data-variant="card-2"] .card-title h3 a:hover,
[data-variant="card-3"] .card-title h3 a:hover,
[data-variant="card-5"] .card-title h3 a:hover,
[data-variant="card-6"] .card-title h3 a:hover,
[data-variant="card-7"] .card-title h3 a:hover,
[data-variant="card-8"] .card-title h3 a:hover,
[data-variant="card-9"] .card-title h3 a:hover,
[data-variant="card-10"] .card-title h3 a:hover {
    color: var(--primary-font-color);
}

[data-variant="card-1"] .card-title h5,
[data-variant="card-2"] .card-title h5,
[data-variant="card-3"] .card-title h5 {
    color: var(--secondary-font-color);
}

[data-variant="card-1"] .card-package,
[data-variant="card-2"] .card-package,
[data-variant="card-3"] .card-package,
[data-variant="card-4"] .card-package,
[data-variant="card-7"] .card-package {
    background-color: var(--card-background-color);
}

[data-variant="card-1"] .card-desc p,
[data-variant="card-2"] .card-desc p,
[data-variant="card-3"] .card-desc p,
[data-variant="card-4"] .card-desc p,
[data-variant="card-7"] .card-desc p,
[data-variant="card-10"] .card-desc p {
    color: var(--secondary-font-color);
}

[data-variant="card-3"] .card-desc i,
[data-variant="card-4"] .card-desc i {
    color: var(--primary-font-color);
}

[data-variant="card-1"] .card-label h5,
[data-variant="card-2"] .card-label h5 {
    color: #ffffff;
    background-color: var(--primary-font-color);
}

[data-variant="card-1"] .card-price h4 {
    color: var(--secondary-font-color);
}

[data-variant="card-1"] .card-price .strikethrough {
    color: var(--secondary-font-color);
}

[data-variant="card-2"] .card-time p {
    color: var(--secondary-font-color);
}

[data-variant="card-3"] .card-avatar-name h4,
[data-variant="card-4"] .card-avatar-name h4 {
    color: var(--primary-font-color);
}

[data-variant="card-3"] .card-avatar-name p,
[data-variant="card-4"] .card-avatar-name p {
    color: var(--secondary-font-color);
}

[data-variant="card-10"] .card-time p {
    color: var(--secondary-font-color);
}

[data-variant="card-1row-ver3"] .card-time p {
    color: var(--secondary-font-color);
}

[data-variant="card-1row-ver3"] .card-desc p {
    color: var(--secondary-font-color);
}

/*title summary*/
[data-variant="card-1"] .title-primary h2,
[data-variant="card-2"] .title-primary h2,
[data-variant="card-3"] .title-primary h2,
[data-variant="card-4"] .title-primary h2,
[data-variant="card-5"] .title-primary h2,
[data-variant="card-6"] .title-primary h2,
[data-variant="card-7"] .title-primary h2,
[data-variant="card-8"] .title-primary h2,
[data-variant="card-9"] .title-primary h2,
[data-variant="card-career-1"] .title-primary h2,
[data-variant="card-career-2"] .title-primary h2,
[data-variant="card-career-3"] .title-primary h2 {
    color: var(--summary-font-color);
}

[data-variant="card-1"] .title-primary h5,
[data-variant="card-2"] .title-primary h5,
[data-variant="card-3"] .title-primary h5,
[data-variant="card-4"] .title-primary h5,
[data-variant="card-5"] .title-primary h5,
[data-variant="card-6"] .title-primary h5,
[data-variant="card-7"] .title-primary h5,
[data-variant="card-8"] .title-primary h5,
[data-variant="card-9"] .title-primary h5,
[data-variant="card-career-1"] .title-primary h5,
[data-variant="card-career-2"] .title-primary h5,
[data-variant="card-career-3"] .title-primary h5 {
    color: var(--summary-font-color);
}

[data-variant="card-1"] .title-primary p,
[data-variant="card-2"] .title-primary p,
[data-variant="card-3"] .title-primary p,
[data-variant="card-4"] .title-primary p,
[data-variant="card-5"] .title-primary p,
[data-variant="card-6"] .title-primary p,
[data-variant="card-7"] .title-primary p,
[data-variant="card-8"] .title-primary p,
[data-variant="card-9"] .title-primary p,
[data-variant="card-career-1"] .title-primary p,
[data-variant="card-career-2"] .title-primary p,
[data-variant="card-career-3"] .title-primary p {
    color: var(--summary-font-color);
}

[data-variant="card-1"] .lines,
[data-variant="card-2"] .lines,
[data-variant="card-3"] .lines,
[data-variant="card-4"] .lines,
[data-variant="card-5"] .lines,
[data-variant="card-6"] .lines,
[data-variant="card-7"] .lines,
    {
    border-bottom: 2px solid var(--summary-font-color);
}

[data-variant="card-5"] .card-desc-list ul li {
    color: var(--secondary-font-color);
}

/*accordion*/
[data-variant="accordion-1"],
[data-variant="accordion-2"],
[data-variant="accordion-3"] {
    background-color: var(--section-background-color);
}

[data-variant="accordion-1"] .title-primary h2,
[data-variant="accordion-2"] .title-primary h2,
[data-variant="accordion-3"] .title-primary h2 {
    color: var(--summary-font-color);
}

[data-variant="accordion-1"] .title-primary h5,
[data-variant="accordion-2"] .title-primary h5,
[data-variant="accordion-3"] .title-primary h5 {
    color: var(--summary-font-color);
}

[data-variant="accordion-1"] .title-primary p,
[data-variant="accordion-2"] .title-primary p,
[data-variant="accordion-3"] .title-primary p {
    color: var(--summary-font-color);
}

[data-variant="accordion-1"] .lines,
[data-variant="accordion-2"] .lines {
    border-bottom: 2px solid var(--summary-font-color);
}

[data-variant="accordion-1"] .accordion-item {
    background-color: var(--card-background-color);
}

[data-variant="accordion-1"] .accordion-body p,
[data-variant="accordion-2"] .accordion-body p {
    color: var(--secondary-font-color);
}

[data-variant="accordion-1"] .accordion-link:link,
[data-variant="accordion-1"] .accordion-link:visited,
[data-variant="accordion-2"] .accordion-link:link,
[data-variant="accordion-2"] .accordion-link:visited {
    color: var(--secondary-font-color);
}

[data-variant="accordion-1"] .accordion-link[aria-expanded="true"],
[data-variant="accordion-2"] .accordion-link[aria-expanded="true"] {
    color: var(--primary-font-color);
}

[data-variant="accordion-2"] .accordion-icon i {
    color: var(--primary-font-color);
}

[data-variant="accordion-2"] .accordion-link {
    border-color: var(--secondary-font-color);
}

[data-variant="accordion-1"] .tabs-faq.tab-mjk-nav .nav-link.active,
[data-variant="accordion-2"] .tabs-faq.tab-mjk-nav .nav-link.active {
    background: var(--primary-font-color);
    color: white;
}

[data-variant="accordion-1"] .tabs-faq.tab-mjk-nav .nav-link,
[data-variant="accordion-2"] .tabs-faq.tab-mjk-nav .nav-link {
    border-color: var(--primary-font-color);
    color: var(--primary-font-color);
}

[data-variant="accordion-3"] .tab-mjk-nav .nav-link {
    color: var(--primary-font-color);
}

[data-variant="accordion-3"] .tabs-faq.tab-mjk-nav .nav-link.active {
    color: var(--primary-font-color);
    border: 1px solid;
}

[data-variant="accordion-3"] .btn-default {
    color: var(--white) !important;
    background-color: var(--primary-font-color) !important;
}

[data-variant="accordion-3"] .btn-default:hover {
    color: var(--white) !important;
    background-color: var(--primary-font-color) !important;
}

/*single-content*/
[data-variant="single-content-1"],
[data-variant="single-content-2"],
[data-variant="single-content-3"],
[data-variant="single-content-4"],
[data-variant="single-content-5"],
[data-variant="single-content-6"],
[data-variant="single-content-one-slider"],
[data-variant="single-content-one-slider-img"],
[data-variant="single-content-one-slider-img-2"],
[data-variant="single-content-img-slider"],
[data-variant="single-content-img-slider-2"],
[data-variant="single-content-gallery"],
[data-variant="single-counter-1"],
[data-variant="single-content-one-slider-reels"] {
    background-color: var(--section-background-color);
}

[data-variant="single-content-1"] .title-primary h2,
[data-variant="single-content-2"] .title-primary h2,
[data-variant="single-content-3"] .title-primary h2,
[data-variant="single-content-4"] .title-primary h2,
[data-variant="single-content-5"] .title-primary h2,
[data-variant="single-content-6"] .title-primary h2,
[data-variant="single-content-one-slider"] .title-primary h2,
[data-variant="single-content-one-slider-img"] .title-primary h2,
[data-variant="single-content-one-slider-img-2"] .title-primary h2,
[data-variant="single-content-img-slider"] .title-primary h2,
[data-variant="single-content-img-slider-2"] .title-primary h2,
[data-variant="single-content-gallery"] .title-primary h2,
[data-variant="single-counter-1"] .title-primary h2,
[data-variant="single-content-one-slider-reels"] .title-primary h2 {
    color: var(--summary-font-color);
}

[data-variant="single-content-1"] .title-primary h5,
[data-variant="single-content-2"] .title-primary h5,
[data-variant="single-content-3"] .title-primary h5,
[data-variant="single-content-4"] .title-primary h5,
[data-variant="single-content-5"] .title-primary h5,
[data-variant="single-content-6"] .title-primary h5,
[data-variant="single-content-one-slider"] .title-primary h5,
[data-variant="single-content-one-slider-img"] .title-primary h5,
[data-variant="single-content-one-slider-img-2"] .title-primary h5,
[data-variant="single-content-img-slider"] .title-primary h5,
[data-variant="single-content-img-slider-2"] .title-primary h5,
[data-variant="single-content-gallery"] .title-primary h5,
[data-variant="single-counter-1"] .title-primary h5,
[data-variant="single-content-one-slider-reels"] .title-primary h5 {
    color: var(--secondary-font-color);
}

[data-variant="single-content-gallery"] .title-primary h4 {
    color: var(--secondary-font-color);
}

[data-variant="single-content-1"] .title-primary p,
[data-variant="single-content-2"] .title-primary p,
[data-variant="single-content-3"] .title-primary p,
[data-variant="single-content-4"] .title-primary p,
[data-variant="single-content-5"] .title-primary p,
[data-variant="single-content-6"] .title-primary p,
[data-variant="single-content-one-slider"] .title-primary p,
[data-variant="single-content-one-slider-img"] .title-primary p,
[data-variant="single-content-one-slider-img-2"] .title-primary p,
[data-variant="single-content-img-slider"] .title-primary p,
[data-variant="single-content-img-slider-2"] .title-primary p,
[data-variant="single-content-gallery"] .title-primary p,
[data-variant="single-counter-1"] .title-primary p,
[data-variant="single-content-one-slider-reels"] .title-primary p {
    color: var(--secondary-font-color);
}

[data-variant="single-content-1"] .card-desc-additional-box p,
[data-variant="single-content-2"] .card-desc-additional-box p,
[data-variant="single-content-3"] .card-desc-additional-box p,
[data-variant="single-content-4"] .card-desc-additional-box p,
[data-variant="single-content-5"] .card-desc-additional-box p,
[data-variant="single-content-6"] .card-desc-additional-box p {
    color: var(--secondary-font-color);
}

[data-variant="single-content-1"] .lines,
[data-variant="single-content-2"] .lines,
[data-variant="single-content-3"] .lines,
[data-variant="single-content-4"] .lines {
    border-bottom: 2px solid var(--secondary-font-color);
}

[data-variant="single-content-1"] .card-item-additional .card-item .card-title h3 a,
[data-variant="single-content-2"] .card-item-additional .card-item .card-title h3 a,
[data-variant="single-content-3"] .card-item-additional .card-item .card-title h3 a,
[data-variant="single-content-4"] .card-item-additional .card-item .card-title h3 a,
[data-variant="single-counter-1"] .card-item-additional .card-item .card-title h3 a {
    color: var(--primary-font-color);
}


[data-variant="single-content-one-slider"] .card-desc p,
[data-variant="single-content-one-slider-img"] .card-desc p,
[data-variant="single-content-one-slider-img-2"] .card-desc p,
[data-variant="single-content-img-slider"] .card-desc p,
[data-variant="single-content-img-slider-2"] .card-desc p,
[data-variant="single-content-one-slider-reels"] .card-desc p {
    color: var(--secondary-font-color);
}

[data-variant="single-content-img-slider-2"] .card-title h3 a {
    color: var(--primary-font-color);
}

[data-variant="single-content-img-slider-2"] .card-title h5 {
    color: var(--secondary-font-color);
}

[data-variant="single-counter-1"] .counter-numb-item-desc h5 {
    color: var(--primary-font-color);
}

[data-variant="single-counter-1"] .card-counter-box .counter-numb-item {
    border-color: var(--primary-font-color);
}

[data-variant="single-counter-1"] .card-desc-box {
    background-color: var(--card-background-color);
}

[data-variant="single-counter-1"] .card-counter-box .counter-numb-item {
    background-color: var(--card-background-color);
}

[data-variant="single-content-one-slider-reels"] .card-video-reels-caption h3 {
    color: var(--primary-font-color);
}

[data-variant="single-content-one-slider-reels"] .card-video-reels-caption p {
    color: var(--primary-font-color);
}

[data-variant="single-content-one-slider-reels"] .card-video-reels-caption {
    background-color: var(--card-background-color);
}

/*banner*/
[data-variant="banner-simple-1"],
[data-variant="banner-simple-2"],
[data-variant="banner-parallax-1"],
[data-variant="banner-parallax-2"],
[data-variant="banner-hero-1"],
[data-variant="banner-hero-2"],
[data-variant="banner-search-1"] {
    background-color: var(--section-background-color);
}

[data-variant="banner-simple-1"] .title-primary h2,
[data-variant="banner-simple-2"] .title-primary h2,
[data-variant="banner-parallax-1"] .title-primary h2,
[data-variant="banner-parallax-2"] .title-primary h2,
[data-variant="banner-search-1"] .title-primary h2 {
    color: var(--primary-font-color);
}

[data-variant="banner-simple-1"] .title-primary h5,
[data-variant="banner-simple-2"] .title-primary h5,
[data-variant="banner-parallax-1"] .title-primary h5,
[data-variant="banner-parallax-2"] .title-primary h5 {
    color: var(--secondary-font-color);
}

[data-variant="banner-simple-1"] .title-primary p,
[data-variant="banner-simple-2"] .title-primary p,
[data-variant="banner-parallax-1"] .title-primary p,
[data-variant="banner-parallax-2"] .title-primary p {
    color: var(--secondary-font-color);
}

[data-variant="banner-hero-1"] .hero-caption-desc h1,
[data-variant="banner-hero-2"] .hero-caption-desc h1,
[data-variant="banner-hero-1"] .hero-caption-desc h2,
[data-variant="banner-hero-2"] .hero-caption-desc h2,
[data-variant="banner-hero-1"] .hero-caption-desc h3,
[data-variant="banner-hero-2"] .hero-caption-desc h3 {
    color: var(--primary-font-color);
}

[data-variant="banner-hero-1"] .hero-caption-desc p,
[data-variant="banner-hero-2"] .hero-caption-desc p {
    color: var(--secondary-font-color);
}

/*slider hero*/
[data-variant="slider-hero-1"],
[data-variant="slider-hero-2"],
[data-variant="slider-hero-3"] {
    background-color: var(--section-background-color);
}

[data-variant="slider-hero-1"] .hero-caption-desc h1,
[data-variant="slider-hero-1"] .hero-caption-desc h2,
[data-variant="slider-hero-1"] .hero-caption-desc h3,
[data-variant="slider-hero-2"] .hero-caption-desc h1,
[data-variant="slider-hero-2"] .hero-caption-desc h2,
[data-variant="slider-hero-2"] .hero-caption-desc h3,
[data-variant="slider-hero-3"] .hero-caption-desc h1,
[data-variant="slider-hero-3"] .hero-caption-desc h2,
[data-variant="slider-hero-3"] .hero-caption-desc h3 {
    color: var(--primary-font-color);
}

[data-variant="slider-hero-1"] .hero-caption-desc p,
[data-variant="slider-hero-2"] .hero-caption-desc p,
[data-variant="slider-hero-3"] .hero-caption-desc p {
    color: var(--secondary-font-color);
}

/*contact*/
[data-variant="contact-1"],
[data-variant="contact-2"] {
    background-color: var(--section-background-color);
}

[data-variant="contact-1"] .title-primary h2,
[data-variant="contact-2"] .title-primary h2 {
    color: var(--summary-font-color);
}

[data-variant="contact-1"] .title-primary h5,
[data-variant="contact-2"] .title-primary h5 {
    color: var(--summary-font-color);
}

[data-variant="contact-1"] .title-primary p,
[data-variant="contact-2"] .title-primary p {
    color: var(--summary-font-color);
}

[data-variant="contact-1"] .lines,
[data-variant="contact-2"] .lines {
    border-bottom: 2px solid var(--summary-font-color);
}

[data-variant="contact-1"] .form-group label,
[data-variant="contact-2"] .form-group label {
    color: var(--primary-font-color);
}

[data-variant="contact-1"] .form-group-mjk label,
[data-variant="contact-2"] .form-group-mjk label {
    color: var(--primary-font-color);
}

[data-variant="contact-1"] .contact-info-list p,
[data-variant="contact-2"] .contact-info-list p {
    color: var(--secondary-font-color);
}

[data-variant="contact-1"] .social-network .social-network-icon-box i,
[data-variant="contact-2"] .social-network .social-network-icon-box i {
    color: var(--secondary-font-color);
}

[data-variant="contact-1"] .social-network .social-network-icon-box,
[data-variant="contact-2"] .social-network .social-network-icon-box {
    border-color: var(--secondary-font-color);
}

[data-variant="contact-1"] .social-network li:hover .social-network-icon-box,
[data-variant="contact-2"] .social-network li:hover .social-network-icon-box {
    color: var(--secondary-font-color);
}

[data-variant="contact-1"] .social-network li:hover .social-network-icon-box i,
[data-variant="contact-2"] .social-network li:hover .social-network-icon-box i {
    color: var(--secondary-font-color);
}

[data-variant="contact-2"] .contact-form-box {
    background-color: var(--secondary-font-color);
}

/*article*/
[data-variant="article-1"] .card-label h5,
[data-variant="article-2"] .card-label h5,
[data-variant="article-3"] .card-label h5 {
    color: #ffffff;
    background-color: var(--primary-font-color);
}

[data-variant="article-1"] .card-title h3 a,
[data-variant="article-2"] .card-title h3 a,
[data-variant="article-3"] .card-title h3 a {
    color: var(--primary-font-color);
}

[data-variant="article-1"] .card-title h3 a:hover,
[data-variant="article-2"] .card-title h3 a:hover,
[data-variant="article-3"] .card-title h3 a:hover {
    color: var(--primary-font-color);
}

[data-variant="article-1"] .card-package,
[data-variant="article-2"] .card-package,
[data-variant="article-3"] .card-package {
    background-color: var(--card-background-color);
}

[data-variant="article-1"] .card-package:hover,
[data-variant="article-2"] .card-package:hover {
    box-shadow: 0px 4px 20px rgb(94 94 94 / 14%);
    -webkit-box-shadow: 0px 4px 20px rgb(94 94 94 / 14%);
    -moz-box-shadow: 0px 4px 20px rgb(94 94 94 / 14%);
}


/*timeline*/
[data-variant="timeline-1"] .title-primary h2,
[data-variant="timeline-2"] .title-primary h2 {
    color: var(--summary-font-color);
}

[data-variant="timeline-1"] .title-primary h5,
[data-variant="timeline-2"] .title-primary h5 {
    color: var(--summary-font-color);
}

[data-variant="timeline-1"] .title-primary p,
[data-variant="timeline-2"] .title-primary p {
    color: var(--summary-font-color);
}

[data-variant="timeline-1"] {
    background-color: var(--section-background-color);
}

[data-variant="timeline-2"] {
    background-color: var(--section-background-color);
}

/*color timeline*/
[data-variant="timeline-1"] .timeline__content {
    border-color: var(--primary-font-color);
    background-color: var(--card-background-color);
}

[data-variant="timeline-1"] .timeline__content:after {
    border-right-color: var(--card-background-color);
    border-left-color: var(--card-background-color);
}

[data-variant="timeline-1"] .timeline__content:before {
    border-right-color: var(--primary-font-color);
    border-left-color: var(--primary-font-color);
}

[data-variant="timeline-1"] .timeline__item:after {
    border-color: var(--primary-font-color);
}

[data-variant="timeline-1"] .timeline:not(.timeline--horizontal):before {
    background-color: var(--primary-font-color);
}

[data-variant="timeline-1"] .card-title h3 a {
    color: var(--primary-font-color);
}

[data-variant="timeline-1"] .card-time p {
    color: var(--secondary-font-color);
}

[data-variant="timeline-1"] .card-desc p {
    color: var(--secondary-font-color);
}

[data-variant="timeline-1"] .timeline--mobile .timeline__item .timeline__content:after {
    border-right-color: var(--card-background-color);
    border-left-color: var(--card-background-color);
}

[data-variant="timeline-1"] .timeline--mobile .timeline__item .timeline__content:before {
    border-right-color: var(--primary-font-color);
    border-left-color: var(--primary-font-color);
}

[data-variant="timeline-2"] .card-title h3 a {
    color: var(--primary-font-color);
}

[data-variant="timeline-2"] .card-time p {
    color: var(--secondary-font-color);
}

[data-variant="timeline-2"] .card-desc p {
    color: var(--secondary-font-color);
}

[data-variant="timeline-2"] .timeline__item:after {
    border-color: var(--primary-font-color);
}

[data-variant="timeline-2"] .timeline__content {
    background-color: var(--card-background-color);
}

[data-variant="timeline-2"] .timeline--horizontal .timeline__item .timeline__content:after {
    border-top: 10px solid var(--card-background-color);
}

[data-variant="timeline-2"] .timeline--horizontal .timeline__item--bottom .timeline__content:after {
    border-bottom: 10px solid var(--card-background-color);
    border-top: none;
}

[data-variant="timeline-2"] .timeline__content {
    border-color: var(--primary-font-color);
}

[data-variant="timeline-2"] .timeline--horizontal .timeline__item .timeline__content:before {
    border-top: 12px solid var(--primary-font-color);
}

[data-variant="timeline-2"] .timeline--horizontal .timeline__item--bottom .timeline__content:before {
    border-bottom: 12px solid var(--primary-font-color);
    border-top: none;
}

/*breadcrumb*/
[data-variant="breadcrumb-1"] {
    background-color: var(--section-background-color);
}

[data-variant="breadcrumb-1"] .breadcrumb .breadcrumb-item a {
    color: var(--primary-font-color);
}

[data-variant="breadcrumb-1"] .breadcrumb-item+.breadcrumb-item::before {
    color: var(--primary-font-color);
}

/*color*/
[data-variant="breadcrumb-2"] {
    background-color: var(--section-background-color);
}

[data-variant="breadcrumb-2"] .breadcrumb .breadcrumb-item a {
    color: var(--primary-font-color);
}

[data-variant="breadcrumb-2"] .breadcrumb-item+.breadcrumb-item::before {
    color: var(--primary-font-color);
}

/*card career*/
[data-variant="card-career-1"],
[data-variant="card-career-2"],
[data-variant="card-career-3"],
[data-variant="card-search-1"] {
    background-color: var(--section-background-color);
}

[data-variant="card-career-1"] .card-title h3 a,
[data-variant="card-career-2"] .card-title h3 a,
[data-variant="card-career-3"] .card-title h3 a,
[data-variant="card-search-1"] .card-title h3 a {
    color: var(--primary-font-color);
}

[data-variant="card-career-1"] .card-title h3 a:hover,
[data-variant="card-career-2"] .card-title h3 a:hover,
[data-variant="card-career-3"] .card-title h3 a:hover {
    color: var(--primary-font-color);
}

[data-variant="card-career-2"] .card-list-item ul li p,
[data-variant="card-career-3"] .card-list-item ul li p {
    color: var(--primary-font-color);
}

[data-variant="card-career-2"] .card-desc p,
[data-variant="card-career-3"] .card-desc p,
[data-variant="card-search-1"] .card-desc p {
    color: var(--secondary-font-color);
}

[data-variant="card-career-3"] .card-desc-list p {
    color: var(--secondary-font-color);
}

[data-variant="card-career-3"] .card-desc-list p i {
    color: var(--primary-font-color);
}

[data-variant="card-career-3"] .card-list-item {
    border-color: var(--primary-font-color);
}

[data-variant="card-career-2"] .card-package,
[data-variant="card-career-3"] .card-package {
    border-color: var(--primary-font-color);
    background-color: var(--card-background-color);
}

/*card news*/
[data-variant="card-news-1"] .title-primary h2,
[data-variant="card-news-2"] .title-primary h2,
[data-variant="card-news-calendar"] .title-primary h2,
[data-variant="card-news-3"] .title-primary h2,
[data-variant="card-news-4"] .title-primary h2,
[data-variant="card-search-1"] .title-primary h2 {
    color: var(--summary-font-color);
}

[data-variant="card-news-1"] .title-primary h5,
[data-variant="card-news-2"] .title-primary h5,
[data-variant="card-news-calendar"] .title-primary h5,
[data-variant="card-news-3"] .title-primary h5,
[data-variant="card-news-4"] .title-primary h5 {
    color: var(--summary-font-color);
}

[data-variant="card-news-1"] .title-primary p,
[data-variant="card-news-2"] .title-primary p,
[data-variant="card-news-calendar"] .title-primary p,
[data-variant="card-news-3"] .title-primary p,
[data-variant="card-news-4"] .title-primary p {
    color: var(--summary-font-color);
}

[data-variant="card-news-1"] {
    background-color: var(--section-background-color);
}

[data-variant="card-news-1"] .card-title h3 a {
    color: var(--primary-font-color);
}

[data-variant="card-news-1"] .card-title h3 a:hover {
    color: var(--primary-font-color);
}

[data-variant="card-news-1"] .card-desc p {
    color: var(--secondary-font-color);
}

[data-variant="card-news-1"] .card-label h5 {
    color: #ffffff;
    background-color: var(--primary-font-color);
}

[data-variant="card-news-1"] .card-mjk-meta-tags li {
    color: var(--secondary-font-color);
}

[data-variant="card-news-1"] .card-mjk-meta-tags li a {
    color: var(--secondary-font-color);
}

[data-variant="card-news-1"] .card-mjk-meta-tags-label i {
    color: var(--secondary-font-color);
}

[data-variant="card-news-1"] .card-time p {
    color: var(--secondary-font-color);
}

[data-variant="card-news-1"] .input-group-mjk .input-group-text i {
    color: var(--primary-font-color);
}

[data-variant="card-news-1"] .select-mjk-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--primary-font-color) transparent transparent transparent;
}

[data-variant="card-news-1"] .select-mjk-box .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--primary-font-color) transparent !important;
}

[data-variant="card-news-1"] .filter-fine-mobile.sort {
    border-color: var(--secondary-font-color);
    background-color: var(--primary-font-color);
}

[data-variant="card-news-1"] .filter-horizontal-box h3 {
    color: var(--primary-font-color);
}

[data-variant="card-news-1"] .card-package {
    background-color: var(--card-background-color);
}

/*ver 2*/
[data-variant="card-news-2"],
[data-variant="card-news-calendar"],
[data-variant="card-news-3"],
[data-variant="card-news-4"],
[data-variant="article-1"],
[data-variant="article-2"],
[data-variant="article-3"] {
    background-color: var(--section-background-color);
}

[data-variant="card-news-2"] .card-title h3 a,
[data-variant="card-news-calendar"] .card-title h3 a,
[data-variant="card-news-3"] .card-title h3 a,
[data-variant="card-news-4"] .card-title h3 a {
    color: var(--primary-font-color);
}

[data-variant="card-news-2"] .card-title h3 a:hover,
[data-variant="card-news-calendar"] .card-title h3 a:hover,
[data-variant="card-news-3"] .card-title h3 a:hover,
[data-variant="card-news-4"] .card-title h3 a:hover {
    color: var(--primary-font-color);
}

[data-variant="card-news-2"] .card-desc p,
[data-variant="card-news-calendar"] .card-desc p,
[data-variant="card-news-3"] .card-desc p,
[data-variant="card-news-4"] .card-desc p {
    color: var(--secondary-font-color);
}

[data-variant="card-news-2"] .card-mjk-meta-tags li,
[data-variant="card-news-calendar"] .card-mjk-meta-tags li {
    color: var(--secondary-font-color);
}

[data-variant="card-news-2"] .card-mjk-meta-tags li a,
[data-variant="card-news-calendar"] .card-mjk-meta-tags li a {
    color: var(--secondary-font-color);
}

[data-variant="card-news-2"] .card-mjk-meta-tags-label i,
[data-variant="card-news-calendar"] .card-mjk-meta-tags-label i {
    color: var(--secondary-font-color);
}

[data-variant="card-news-2"] .card-time p,
[data-variant="card-news-calendar"] .card-time p,
[data-variant="card-news-3"] .card-time p,
[data-variant="card-news-4"] .card-time p {
    color: var(--secondary-font-color);
}

[data-variant="card-news-2"] .input-group-mjk .input-group-text i,
[data-variant="card-news-calendar"] .input-group-mjk .input-group-text i {
    color: var(--primary-font-color);
}

[data-variant="card-news-2"] .select-mjk-box .select2-container--default .select2-selection--single .select2-selection__arrow b,
[data-variant="card-news-calendar"] .select-mjk-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--primary-font-color) transparent transparent transparent;
}

[data-variant="card-news-2"] .select-mjk-box .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
[data-variant="card-news-calendar"] .select-mjk-box .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--primary-font-color) transparent !important;
}

[data-variant="card-news-2"] .filter-fine-mobile.sort,
[data-variant="card-news-calendar"] .filter-fine-mobile.sort {
    border-color: var(--secondary-font-color);
    background-color: var(--primary-font-color);
}

[data-variant="card-news-2"] .filter-horizontal-box h3,
[data-variant="card-news-calendar"] .filter-horizontal-box h3 {
    color: var(--primary-font-color);
}

[data-variant="card-news-1"] .card-package:hover,
[data-variant="card-news-2"] .card-package:hover {
    box-shadow: 0px 4px 20px rgb(94 94 94 / 14%);
    -webkit-box-shadow: 0px 4px 20px rgb(94 94 94 / 14%);
    -moz-box-shadow: 0px 4px 20px rgb(94 94 94 / 14%);
}

[data-variant="card-news-2"] .card-package,
[data-variant="card-news-calendar"] .card-package {
    background-color: var(--card-background-color);
}

[data-variant="card-news-3"] .card-label h5 a {
    color: var(--secondary-font-color);
}

[data-variant="card-news-3"] .bg-section-box:after {
    background-color: var(--section-background-color);
    opacity: 0.7;
}

[data-variant="article-1"] .article-post p,
[data-variant="article-2"] .article-post p,
[data-variant="article-3"] .article-post p,
[data-variant="article-1"] .card-desc p,
[data-variant="article-2"] .card-desc p,
[data-variant="article-3"] .card-desc p {
    color: var(--secondary-font-color);
}

[data-variant="article-1"] .article-title h1,
[data-variant="article-2"] .article-title h1,
[data-variant="article-3"] .article-title h1,
[data-variant="article-1"] .title-primary h2,
[data-variant="article-2"] .title-primary h2,
[data-variant="article-3"] .title-primary h2 {
    color: var(--summary-font-color);
}

/*card store*/
[data-variant="card-store-1"] .title-primary h2,
[data-variant="card-store-2"] .title-primary h2 {
    color: var(--summary-font-color);
}

[data-variant="card-store-1"] .title-primary h5,
[data-variant="card-store-2"] .title-primary h5 {
    color: var(--summary-font-color);
}

[data-variant="card-store-1"] .title-primary p,
[data-variant="card-store-2"] .title-primary p {
    color: var(--summary-font-color);
}

[data-variant="card-store-1"] {
    background-color: var(--section-background-color);
}

[data-variant="card-store-1"] .card-package:hover {
    box-shadow: 0px 4px 20px rgb(94 94 94 / 14%);
    -webkit-box-shadow: 0px 4px 20px rgb(94 94 94 / 14%);
    -moz-box-shadow: 0px 4px 20px rgb(94 94 94 / 14%);
}

[data-variant="card-store-1"] .card-title h3 a {
    color: var(--primary-font-color);
}

[data-variant="card-store-1"] .card-info-list ul li p {
    color: var(--secondary-font-color);
}

[data-variant="card-store-2"] {
    background-color: var(--section-background-color);
}

[data-variant="card-store-2"] .card-title h3 a {
    color: var(--primary-font-color);
}

[data-variant="card-store-2"] .card-info-list ul li p {
    color: var(--secondary-font-color);
}

[data-variant="card-store-1"] .filter-fine-mobile.sort,
[data-variant="card-store-2"] .filter-fine-mobile.sort {
    border-color: var(--secondary-font-color);
    background-color: var(--primary-font-color);
}

[data-variant="card-store-1"] .filter-horizontal-box h3,
[data-variant="card-store-2"] .filter-horizontal-box h3 {
    color: var(--primary-font-color);
}

/*branch*/
[data-variant="branch-1"],
[data-variant="branch-2"] {
    background-color: var(--section-background-color);
}

[data-variant="branch-1"] .title-primary h2,
[data-variant="branch-2"] .title-primary h2 {
    color: var(--summary-font-color);
}

[data-variant="branch-1"] .title-primary h5,
[data-variant="branch-2"] .title-primary h5 {
    color: var(--summary-font-color);
}

[data-variant="branch-1"] .title-primary p,
[data-variant="branch-2"] .title-primary p {
    color: var(--summary-font-color);
}

[data-variant="branch-1"] .card-title h3 a,
[data-variant="branch-2"] .card-title h3 a {
    color: var(--primary-font-color);
}

[data-variant="branch-1"] .card-info-list h5 a,
[data-variant="branch-2"] .card-info-list h5 a {
    color: var(--primary-font-color);
}

[data-variant="branch-1"] .card-info-list p a,
[data-variant="branch-2"] .card-info-list p a {
    color: var(--secondary-font-color);
}

[data-variant="branch-1"] .card-package,
[data-variant="branch-2"] .card-package {
    background-color: var(--card-background-color);
}

/*step*/
[data-variant="step-1"],
[data-variant="step-2"] {
    background-color: var(--section-background-color);
}

[data-variant="step-1"] .title-primary h2,
[data-variant="step-2"] .title-primary h2 {
    color: var(--summary-font-color);
}

[data-variant="step-1"] .title-primary h5,
[data-variant="step-2"] .title-primary h5 {
    color: var(--summary-font-color);
}

[data-variant="step-1"] .title-primary p,
[data-variant="step-2"] .title-primary p {
    color: var(--summary-font-color);
}

[data-variant="step-1"] .card-title h3 a,
[data-variant="step-2"] .card-title h3 a {
    color: var(--primary-font-color);
}

[data-variant="step-1"] .card-desc p,
[data-variant="step-2"] .card-desc p {
    color: var(--secondary-font-color);
}

[data-variant="step-1"] .card-step-row-box .card-box .card-img {
    background-color: var(--card-background-color);
}

[data-variant="step-1"] .card-step-number {
    background-color: var(--primary-font-color);
}

[data-variant="step-1"] .card-step-line:before {
    background-color: var(--primary-font-color);
}

[data-variant="step-1"] .card-step-line:after {
    background-color: var(--primary-font-color);
}

[data-variant="step-2"] .card-step-number {
    background-color: var(--primary-font-color);
}

[data-variant="step-2"] .card-package-row:after {
    border-color: var(--primary-font-color);
}

[data-variant="step-2"] .card-package-row {
    background-color: var(--card-background-color);
}

/*media*/
[data-variant="media-1"],
[data-variant="media-2"],
[data-variant="gallery-1"] {
    background-color: var(--section-background-color);
}

[data-variant="media-1"] .title-primary h2,
[data-variant="media-2"] .title-primary h2,
[data-variant="gallery-1"] .title-primary h2 {
    color: var(--summary-font-color);
}

[data-variant="media-1"] .title-primary h5,
[data-variant="media-2"] .title-primary h5,
[data-variant="gallery-1"] .title-primary h5 {
    color: var(--summary-font-color);
}

[data-variant="media-1"] .title-primary p,
[data-variant="media-2"] .title-primary p,
[data-variant="gallery-1"] .title-primary p {
    color: var(--summary-font-color);
}

[data-variant="media-1"] .media-gallery-desc-item h3,
[data-variant="media-2"] .media-gallery-desc-item h3,
[data-variant="gallery-1"] .media-gallery-desc-item h3 {
    color: var(--primary-font-color);
}

[data-variant="media-1"] .media-gallery-desc-item p,
[data-variant="media-2"] .media-gallery-desc-item p,
[data-variant="gallery-1"] .media-gallery-desc-item p {
    color: var(--secondary-font-color);
}

[data-variant="media-2"] .media-gallery-box {
    background-color: var(--card-background-color);
}

[data-variant="media-2"] .media-gallery-box:after {
    background-color: var(--card-background-color);
}

[data-variant="media-2"] .media-gallery-box:before {
    background-color: var(--card-background-color);
}

/*event*/
[data-variant="event-1"],
[data-variant="event-detail-1"],
[data-variant="event-2"] {
    background-color: var(--section-background-color);
}

[data-variant="event-1"] .title-primary h2,
[data-variant="event-detail-1"] .title-primary h2,
[data-variant="event-2"] .title-primary h2 {
    color: var(--summary-font-color);
}

[data-variant="event-1"] .title-primary h5,
[data-variant="event-detail-1"] .title-primary h5,
[data-variant="event-2"] .title-primary h5 {
    color: var(--summary-font-color);
}

[data-variant="event-1"] .title-primary p,
[data-variant="event-detail-1"] .title-primary p,
[data-variant="event-2"] .title-primary p {
    color: var(--summary-font-color);
}

[data-variant="event-1"] .card-title h3 a,
[data-variant="event-detail-1"] .card-title h3 a,
[data-variant="event-2"] .card-title h3 a {
    color: var(--primary-font-color);
}

[data-variant="event-1"] .card-desc p,
[data-variant="event-detail-1"] .card-desc p,
[data-variant="event-2"] .card-desc p {
    color: var(--secondary-font-color);
}

[data-variant="event-1"] .card-package {
    background-color: var(--card-background-color);
}
[data-variant="event-detail-1"] .card-package {
    background-color: var(--card-background-color);
}
[data-variant="event-2"] .card-package {
    background-color: var(--card-background-color);
}

[data-variant="event-1"] .card-event-date p,
[data-variant="event-detail-1"] .card-event-date p,
[data-variant="event-2"] .card-event-date p {
    color: var(--secondary-font-color);
}

/*product*/
[data-variant="product-1"],
[data-variant="product-2"],
[data-variant="product-detail-1"],
[data-variant="product-overview-1"],
[data-variant="product-overview-2"] {
    background-color: var(--section-background-color);
}

[data-variant="product-1"] .title-primary h2,
[data-variant="product-2"] .title-primary h2,
[data-variant="product-detail-1"] .title-primary h2 {
    color: var(--summary-font-color);
}

[data-variant="product-1"] .title-primary h5,
[data-variant="product-2"] .title-primary h5,
[data-variant="product-detail-1"] .title-primary h5 {
    color: var(--summary-font-color);
}

[data-variant="product-1"] .title-primary p,
[data-variant="product-2"] .title-primary p,
[data-variant="product-detail-1"] .title-primary p {
    color: var(--summary-font-color);
}

[data-variant="product-1"] .card-title h3 a,
[data-variant="product-2"] .card-title h3 a {
    color: var(--primary-font-color);
}

[data-variant="product-1"] .card-price h4,
[data-variant="product-2"] .card-price h4 {
    color: var(--secondary-font-color);
}

[data-variant="product-1"] .card-item,
[data-variant="product-2"] .card-item {
    background-color: var(--card-background-color);
}
[data-variant="product-2"] .card-package {
    background-color: var(--card-background-color);
}

[data-variant="product-detail-1"] .productset-title h1,
[data-variant="product-detail-1"] .productset-title h2,
[data-variant="product-detail-1"] .productset-title h3 {
    color: var(--primary-font-color);
}

[data-variant="product-overview-1"] .product-overview-item .title-primary h2,
[data-variant="product-overview-2"] .product-overview-item .title-primary h2 {
    color: var(--summary-font-color);
}

[data-variant="product-overview-1"] .product-overview-item .title-primary h4 {
    color: var(--primary-font-color);
}

[data-variant="product-overview-1"] .product-desc-collapse .accordion-link h4 {
    color: var(--primary-font-color);
}

[data-variant="product-overview-1"] .product-overview-item .title-primary p {
    color: var(--secondary-font-color);
}

[data-variant="product-overview-1"] .accordion-body p {
    color: var(--secondary-font-color);
}

[data-variant="product-overview-1"] .accordion-body ol li {
    color: var(--secondary-font-color);
}

[data-variant="product-overview-1"] .accordion-body ul li {
    color: var(--secondary-font-color);
}

[data-variant="product-overview-1"] .product-category-item .title-primary h3 {
    color: var(--primary-font-color);
}

[data-variant="product-overview-2"] .tab-product-desc h2 {
    color: var(--primary-font-color);
}

[data-variant="product-overview-2"] .tab-product-desc h4 {
    color: var(--primary-font-color);
}

[data-variant="product-overview-2"] .tab-product-desc p {
    color: var(--secondary-font-color);
}

[data-variant="product-overview-2"] .tab-product-desc ul li,
[data-variant="product-overview-2"] .tab-product-desc ol li {
    color: var(--secondary-font-color);
}

[data-variant="product-overview-2"] .table td {
    color: var(--secondary-font-color);
}

[data-variant="product-overview-1"] .tab-mjk-nav .nav-link,
[data-variant="product-overview-2"] .tab-mjk-nav .nav-link {
    color: var(--secondary-font-color)
}



[data-variant="product-overview-1"] .product-category-bg-box,
[data-variant="product-overview-2"] .product-category-bg-box {
    background-color: var(--card-background-color);
}

[data-variant="product-overview-1"] .product-category-item .title-primary h3,
[data-variant="product-overview-2"] .product-category-item .title-primary h3 {
    color: var(--primary-font-color);
}

[data-variant="product-overview-1"] .product-category-sidebar li a,
[data-variant="product-overview-2"] .product-category-sidebar li a {
    color: var(--secondary-font-color)
}

[data-variant="product-overview-1"] .product-category-sidebar ul li:before,
[data-variant="product-overview-2"] .product-category-sidebar ul li:before {
    color: var(--secondary-font-color)
}

/*form career*/
[data-variant="form-field-1"],
[data-variant="form-field-2"] {
    background-color: var(--section-background-color);
}

[data-variant="form-field-1"] .title-primary h5,
[data-variant="form-field-2"] .title-primary h5 {
    color: var(--summary-font-color);
}

[data-variant="form-field-1"] .title-primary h2,
[data-variant="form-field-2"] .title-primary h2 {
    color: var(--summary-font-color);
}

[data-variant="form-field-1"] .title-primary p,
[data-variant="form-field-2"] .title-primary p {
    color: var(--summary-font-color);
}

[data-variant="form-field-1"] .form-field-input form,
[data-variant="form-field-2"] .form-field-input form {
    background-color: var(--card-background-color);
}

[data-variant="form-field-1"] .form-group label,
[data-variant="form-field-2"] .form-group label,
[data-variant="form-field-1"] .form-group-mjk label,
[data-variant="form-field-2"] .form-group-mjk label {
    color: var(--primary-font-color);
}

[data-variant="form-field-1"] .form-field-desc h5,
[data-variant="form-field-2"] .form-field-desc h5 {
    color: var(--primary-font-color);
}

[data-variant="form-field-1"] .form-field-desc p,
[data-variant="form-field-2"] .form-field-desc p {
    color: var(--secondary-font-color);
}

[data-variant="form-field-1"] .form-field-desc ul li,
[data-variant="form-field-2"] .form-field-desc ul li {
    color: var(--secondary-font-color);
}

[data-variant="form-field-1"] .form-field-desc ol li,
[data-variant="form-field-2"] .form-field-desc ol li {
    color: var(--secondary-font-color);
}

/*milestone*/
[data-variant="milestone-1"] {
    background-color: var(--section-background-color);
}

[data-variant="milestone-1"] .title-primary h2 {
    color: var(--summary-font-color);
}

[data-variant="milestone-1"] .card-item-desc h2 {
    color: var(--primary-font-color);
}

[data-variant="milestone-1"] .card-item-desc p {
    color: var(--secondary-font-color);
}

[data-variant="milestone-1"] .card-item-desc li {
    color: var(--secondary-font-color);
}

/*parallax*/
[data-variant="parallax-hero"] {
    background-color: var(--section-background-color);
}

[data-variant="parallax-hero"] .hero-caption-desc h1,
[data-variant="parallax-hero"] .hero-caption-desc h2,
[data-variant="parallax-hero"] .hero-caption-desc h3 {
    color: var(--primary-font-color);
}

[data-variant="parallax-hero"] .hero-caption-desc p {
    color: var(--secondary-font-color);
}

/*navbar page*/
[data-variant="nav-page-1"] {
    background-color: var(--section-background-color);
}

[data-variant="nav-page-1"] .nav-link {
    color: var(--primary-font-color);
}

[data-variant="nav-page-1"] .social-network .social-network-icon-box {
    border-color: var(--secondary-font-color);
}

[data-variant="nav-page-1"] .social-network .social-network-icon-box i {
    color: var(--secondary-font-color);
}

[data-variant="nav-page-1"] .social-network li:hover .social-network-icon-box i {
    color: var(--secondary-font-color);
}