/*!
* 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-counter1"],
[data-variant="card-1row-counter2"] {
	background-color: var(--section-background-color);
}
[data-variant="card-1row-ver1"] .card-title h3 a,
[data-variant="card-1row-ver3"] .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 {
	color: var(--primary-font-color);
}
[data-variant="card-1row-ver1"] .card-title h5 {
	color: var(--secondary-font-color);
}
[data-variant="card-1row-ver1"] .card-package,
[data-variant="card-1row-ver3"] .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 {
	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  {
	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 {
	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 {
	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(--secondary-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);
}

/*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"]{
	background-color: var(--section-background-color);
}

[data-variant="accordion-1"] .title-primary h2,
[data-variant="accordion-2"] .title-primary h2 {
	color: var(--summary-font-color);
}
[data-variant="accordion-1"] .title-primary h5,
[data-variant="accordion-2"] .title-primary h5 {
	color: var(--summary-font-color);
}
[data-variant="accordion-1"] .title-primary p,
[data-variant="accordion-2"] .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);
}

/*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"] {
	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 {
	color: var(--primary-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 {
	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 {
	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 {
	color: var(--primary-font-color);
}

/*banner*/
[data-variant="banner-simple-1"],
[data-variant="banner-simple-2"],
[data-variant="banner-parallax-1"],
[data-variant="banner-parallax-2"] {
	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 {
	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);
}

/*slider hero*/
[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 {
	color: #ffffff;
	background-color: var(--primary-font-color);
}
[data-variant="article-1"] .card-title h3 a,
[data-variant="article-2"] .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, {
	color: var(--primary-font-color);
}
[data-variant="article-1"] .card-package,
[data-variant="article-2"] .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"] {
	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 {
	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 {
	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 {
	color: var(--summary-font-color);
}
[data-variant="card-news-1"] .title-primary h5,
[data-variant="card-news-2"] .title-primary h5 {
	color: var(--summary-font-color);
}
[data-variant="card-news-1"] .title-primary p,
[data-variant="card-news-2"] .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"]   {
	background-color: var(--section-background-color);
}
[data-variant="card-news-2"] .card-title h3 a {
	color: var(--primary-font-color);
}
[data-variant="card-news-2"] .card-title h3 a:hover   {
	color: var(--primary-font-color);
}
[data-variant="card-news-2"] .card-desc p {
	color: var(--secondary-font-color);
}
[data-variant="card-news-2"] .card-mjk-meta-tags li {
	color: var(--secondary-font-color);
}
[data-variant="card-news-2"] .card-mjk-meta-tags li a {
	color: var(--secondary-font-color);
}
[data-variant="card-news-2"] .card-mjk-meta-tags-label i { 
	color: var(--secondary-font-color);
}
[data-variant="card-news-2"] .card-time p {
	color: var(--secondary-font-color);
}
[data-variant="card-news-2"] .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 {
	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 {
	border-color: transparent transparent var(--primary-font-color) transparent !important;
}
[data-variant="card-news-2"] .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{
	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 {
	background-color: var(--card-background-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"] {
	background-color: var(--section-background-color);
}
[data-variant="media-1"] .title-primary h2,
[data-variant="media-2"] .title-primary h2 {
	color: var(--summary-font-color);
}
[data-variant="media-1"] .title-primary h5,
[data-variant="media-2"] .title-primary h5 {
	color: var(--summary-font-color);
}
[data-variant="media-1"] .title-primary p,
[data-variant="media-2"] .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 {
	color: var(--primary-font-color);
}
[data-variant="media-1"] .media-gallery-desc-item p,
[data-variant="media-2"] .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-2"] {
	background-color: var(--section-background-color);
}
[data-variant="event-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-2"] .title-primary h5 {
	color: var(--summary-font-color);
}
[data-variant="event-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-2"] .card-title h3 a {
	color: var(--primary-font-color);
}
[data-variant="event-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-2"] .card-item {
	background-color: var(--card-background-color);
}
[data-variant="event-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"] {
	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-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);
}