/* 

/* background color */
.bg-color,
#mainmenu li li a:hover,
.price-row,
.blog-list .date,
.blog-read .date,
.slider-info .text1,
#filters a.selected,
.btn-primary,
.bg-id-color,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.dropcap,
.fullwidthbanner-container a.btn,
.feature-box-big-icon i,
#testimonial-full,
.icon-deco i,
.feature-box-small-icon .border,
.small-border,
#jpreBar,
.date-post,
.team-list .small-border,
.de-team-list .small-border,
.btn-line:hover,
a.btn-line:hover,
.btn-line.hover,
a.btn-line.hover,
.owl-arrow span,
.de-progress .progress-bar,
#btn-close-x:hover,
.box-fx .info,
.de_tab.tab_steps .de_nav li span,
#services-list li.active,
#services-list li a:hover,
section.bg-color .btn-more,
.widget .small-border,
.product img:hover,
#btn-search,
span.overlay.plus,
.sub-item-service .c1 span.disc,
.h-line,
.btn-slider,
.box-icon i,
.table-set .table.package .c2,
header.smaller.header_light #mainmenu li li a:hover,
.h-line,
.btn-slider,
section.bg-color-2,
.small-border,
.tiny-border span,
.table-set div:nth-child(2n + 1) .table.package .c2,
.products li .btn,
.arrow-up,
.arrow-down,
.border-xs,
section.bg-color,
a.btn-custom,
#menu-btn:hover,
.datepicker td.active,
.datepicker td.active:hover {
  background-color: var(--primary-color);
}

.bg-color-2 {
  background-color: var(--secondary-color);
}

.bg-color-3 {
  background-color: var(--tertiary-color);
}

/* force background color */
input.btn-custom {
  background-color: var(--primary-color) !important;
}

/* fore color */
.id-color,
.feature-box i,
#mainmenu li:hover > ul,
.date-box .day,
.slider_text h1,
.id-color,
.pricing-box li h1,
.title span,
i.large:hover,
.feature-box-small-icon-2 i,
address span i,
.pricing-dark .pricing-box li.price-row,
.price,
header.smaller #mainmenu a.active,
.pricing-dark .pricing-box li.price-row,
.dark .feature-box-small-icon i,
a.btn-slider:after,
.feature-box-small-icon i,
a.btn-line:after,
.team-list .social a,
.de_contact_info i,
.de_count,
.dark .btn-line:hover:after,
.dark a.btn-line:hover:after,
.dark a.btn-line.hover:after,
a.btn-text:after,
.separator span i,
.de_tab.tab_steps .de_nav li span:hover,
.de_testi_by,
.pf_text,
.widget_tags li a,
.dark .btn-line:after,
.dark a.btn-line:after,
.crumb a,
.de_light .de_tab.tab_style_1 .de_nav li.active span,
#mainmenu li div a:hover,
#mainmenu li ul li a:hover,
.input-icon,
.owl-carousel .year,
.menu-item .c1 span,
.big-s1,
#mainmenu > li span {
  color: var(--primary-color);
}

/* fore color */
#subheader h4,
.sub-item-service .c3,
.de_testi blockquote:before {
  color: var(--primary-color);
}

.id-color-2,
h2.s1,
.text-light h2.s1,
#mainmenu a:hover,
#mainmenu a.active,
#mainmenu li a:after {
  color: var(--secondary-color);
}

/* border color */
.feature-box i,
#filters a:hover,
#filters a.selected,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus .feature-box-big-icon i:after,
.social-icons i,
.btn-line:hover,
a.btn-line:hover,
.btn-line.hover,
a.btn-line.hover,
.product img:hover,
.deform-1 input[type="text"]:focus,
.deform-1 textarea:focus,
#search:focus,
select:focus,
.deform-1 .de_light input[type="text"]:focus,
.deform-1 .de_lighttextarea:focus,
.deform-1 .de_light #search:focus,
.box-outer,
.box-border.double,
.selector-img input:checked + img {
  border-color: var(--primary-color);
}

/* border color */
.box-outer,
.box-number.square .number {
  border-color: var(--primary-color);
}

/* specify element color */
.box-fx .inner,
.dark .box-fx .inner {
  border-bottom-color: var(--primary-color);
}

.preloader1 {
  border-top-color: var(--primary-color);
}

.de_tab .de_nav li span {
  border-top: 3px solid var(--primary-color);
}

.feature-box-big-icon i:after {
  border-color: var(--primary-color) transparent;
}

.de_review li.active img {
  border: solid 4px var(--primary-color);
}

.de_light .de_tab.tab_style_2 .de_nav li.active span {
  border-bottom: solid 6px var(--primary-color);
}

.id-color-2{
  color:#fff;
}