/* 

primary : #7fb843    

*/
@media screen and (max-width: 1180px) {
  .home-services-container .custom-tab-card {
    width: 48.1% !important;
  }

}

@media screen and (max-width: 768px) {
  .home-services-container .custom-tab-card {
    width: 100% !important;
  }

  .custom-top-bar {
    display: none !important;
  }

  header.header_center.header_sticky {
    height: 70px;
  }

  #section-services-tab .de_tab_content section>.container {
    padding: 0;
  }

  #section-services-tab .de_tab_content .col-sm-12 .box-border.padding30 {
    padding: 10px;
  }
}

@media screen and (min-width: 320px) {
  #main-slide-mobile div.tp-caption {
    left: 40px !important;
  }

  #main-slide-mobile div.tp-caption.big-white {
    top: 380px;
  }
}

.tab_single_content h1 {
  font-weight: bold;
}

.tab_single_content img.img-service-thumbnail {
  display: none !important;
}

#explore-2 {
  background: rgba(255, 255, 255, 0.75);
  position: relative;
  backdrop-filter: blur(15px);
}

.de_light .de_tab.tab_style_2 .de_nav li {
  position: relative;
}

@media screen and (min-width: 789px) {
  .de_light .de_tab.tab_style_2 .de_nav li:not(:last-child)::after {
    content: '/';
    position: absolute;
    top: 9px;
    right: -10px;
    font-size: 26px;
    color: #ccc;
    font-weight: 300;
  }

  .de_light .de_tab.tab_style_2 .de_nav li.active:not(:last-child)::after {
    content: '/';
    position: absolute;
    top: 5.5px;
    right: -14px;
    font-size: 26px
  }

}

.home-services-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.home-services-container .custom-tab-card {
  height: 300px;
  width: 32.1%;
  padding: 0px !important;
}

@media screen and (min-width: 767px) {
  header.header_center {
    height: auto !important;
  }

}

header .custom-top-bar {
  background-color: #d1c288;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

#contact_form input[placeholder],
#contact_form textarea[placeholder] {
  color: #333 !important;
}


header .custom-top-bar p {
  margin: 0 !important;
}

header .custom-top-bar i {
  font-weight: bold;
}

header.transparent .custom-top-bar {
  color: white !important;
  background: rgba(0, 0, 0, 0.2);
}

header.smaller.logo-smaller .custom-top-bar {
  background: rgba(0, 0, 0, 0.8);
  color: white !important;
}

.custom-top-bar i {
  color: white;
}

.home-services-container .custom-tab-card:hover>div,
.owl-item:hover .custom-tab-card>div {
  backdrop-filter: blur(1px) !important;
  transition: all .3s ease-in-out;
}

section#section-services-tab {
  padding-bottom: 0px !important;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.gap-4 {
  gap: 2rem;
}

.gap-2 {
  gap: 1rem;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

section#section-services-tab .owl-carousel .item {
  height: 10rem;
  background: #4DC7A0;
  padding: 1rem
}

section#section-services-tab .owl-carousel .item h4 {
  color: #FFF;
  font-weight: 400;
  margin-top: 0rem
}

.opening-times {
  background-color: #666;
}

a.btn-border-ea {
  border-color: #d1c288 !important;
  color: #d1c288 !important;
}

a.btn-border-ea:hover {
  color: white !important;
  background-color: #d1c288 !important;
}

section#section-services-tab .owl-carousel .owl-item {
  padding: 0 1rem 0 1rem;
}

.owl-item .custom-tab-card {
  border: 1px solid #999;
  padding: 0 !important;
  margin: 0;
  height: 335px;
}

.rounded-btn {
  padding: 8px 32px 8px 32px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 14px !important;
}

.rounded-btn:hover {
  background-color: #d1c288 !important;
  color: white !important;
}

#explore-6 {
  background-color: #fff !important;
}

#explore-6 h2,
#explore-6 p.wow.animated {
  color: #111 !important;
}

/* 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,
.bg-color-2,
.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,
.custom-show:after,
.custom-close:after,
.blog-list .date-box .day {
  background-color: #d5af7a;
}

.sub-item-service {
  font-size: 20px;
}

/* force background color */
input.btn-custom {
  background-color: #dbc97f !important;
}

/* fore color */
a,
.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,
#mainmenu a:hover,
#mainmenu a.active,
#mainmenu li a:after,
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,
#mainmenu>li:hover>a,
#mainmenu li div a:hover,
.de_light .de_tab.tab_style_1 .de_nav li.active span,
#mainmenu li ul li a:hover {
  color: #d1c288;
}

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

/* 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: #d1c288;
}

/* border color */
.box-outer,
.box-number.square .number {
  border-color: #7fb843;
}

/* specify element color */
.box-fx .inner,
.dark .box-fx .inner,
.blog-list .date-box .month {
  border-bottom-color: #7fb843;
}

.de_tab .de_nav li span {
  border-top: 3px solid #7fb843;
}

.feature-box-big-icon i:after {
  border-color: #7fb843 transparent;
}

.de_review li.active img {
  border: solid 4px #7fb843;
}

.de_light .de_tab.tab_style_2 .de_nav li.active span {
  border-bottom: solid 4px #d5af7a;
  background-color: #d5af7a;
  border-radius: 30px;
  color: white;
  padding: 4px 32px 0px 32px !important;
}