:root {
  --primary-color: #20bad1;
  --secondary-color: #eff7f8;
}


/* ============ RED ============ */
.theme-red {
  --thm-base: #DA2C38;
  --thm-bg: #220707;
  --thm-primary: #f1f1f1;
  --thm-base-rgb:218, 44, 56
}

.theme-red .genbutton, 
.theme-red #genbanpopup-form button,
.theme-red .genprice
{
  background-color: var(--thm-base);
}
 

.theme-red .service-element-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"], 
.theme-red .xbg-col1,
.theme-red .accordion-box .block .acc-btn
{
  background-color: var(--thm-primary);
}

.theme-red .genproduct-link span{
  background:var(--thm-base);
  color: #fff;
}

.theme-red .xnpop__isi .date-box{
  background:var(--thm-base);

}

/* ============ GREEN ============ */
.theme-green{
  --thm-base: #226F54;
  --thm-base-rgb: 34, 111, 84;
  --thm-primary: #f1f1f1;
}

.theme-green .genbutton, 
.theme-green #genbanpopup-form button,
.theme-green .genprice,
.theme-green .about-style2__image .inner::before
{
  background-color: var(--thm-base);
}
 

.theme-green .service-element-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"], 
.theme-green .xbg-col1,
.theme-green .accordion-box .block .acc-btn
{
  background-color: var(--thm-primary);
}

.theme-green .single-service-style2 .img-holder .inner:before{
  background-color: rgba(var(--thm-base-rgb), .70);
}

.theme-green .genproduct-link span{
  background:var(--thm-base);
  color: #fff;
}

.theme-green .xnpop__isi .date-box{
  background:var(--thm-base);

}



/* ============ BLUE ============ */
.theme-blue{
  --thm-base: #1f4dc7;
  --thm-base-rgb: 31, 77, 199;
  --thm-primary: #f1f1f1;
}

.theme-blue .genbutton, 
.theme-blue #genbanpopup-form button,
.theme-blue .genprice,
.theme-blue .about-style2__image .inner::before
{
  background-color: var(--thm-base);
}
 

.theme-blue .service-element-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"], 
.theme-blue .xbg-col1,
.theme-blue .accordion-box .block .acc-btn
{
  background-color: var(--thm-primary);
}

.theme-blue .single-service-style2 .img-holder .inner:before{
  background-color: rgba(var(--thm-base-rgb), .70);
}

.theme-blue .genproduct-link span{
  background:var(--thm-base);
  color: #fff;
}

.theme-blue .xnpop__isi .date-box{
  background:var(--thm-base);

}


/* ============ ORANGE ============ */
.theme-orange{
  --thm-base: #e77414;
  --thm-base-rgb: 231, 116, 20;
  --thm-primary: #f1f1f1;
}

.theme-orange .genbutton, 
.theme-orange #genbanpopup-form button,
.theme-orange .genprice,
.theme-orange .about-style2__image .inner::before
{
  background-color: var(--thm-base);
}
 

.theme-orange .service-element-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"], 
.theme-orange .xbg-col1,
.theme-orange .accordion-box .block .acc-btn
{
  background-color: var(--thm-primary);
}

.theme-orange .single-service-style2 .img-holder .inner:before{
  background-color: rgba(var(--thm-base-rgb), .70);
}

.theme-orange .genproduct-link span{
  background:var(--thm-base);
  color: #fff;
}

.theme-orange .xnpop__isi .date-box{
  background:var(--thm-base);

}

/* ============ PURPLE ============ */
.theme-purple{
  --thm-base: #621fc7;
  --thm-base-rgb: 98, 31, 199;
  --thm-primary: #f1f1f1;
}

.theme-purple .genbutton, 
.theme-purple #genbanpopup-form button,
.theme-purple .genprice,
.theme-purple .about-style2__image .inner::before
{
  background-color: var(--thm-base);
}
 

.theme-purple .service-element-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"], 
.theme-purple .xbg-col1,
.theme-purple .accordion-box .block .acc-btn
{
  background-color: var(--thm-primary);
}

.theme-purple .single-service-style2 .img-holder .inner:before{
  background-color: rgba(var(--thm-base-rgb), .70);
}

.theme-purple .genproduct-link span{
  background:var(--thm-base);
  color: #fff;
}

.theme-purple .xnpop__isi .date-box{
  background:var(--thm-base);

}





/* CUSTOM HERE  */
.xlogo{
  color: var(--thm-base);
  font-size: 30px;
  font-weight: 600;
}


.xteamrow{
  justify-content: center;
}

.xbg-col1{
  background-color: #eff7f8;
}
.xbg-white{
  background-color: #fff;
}



.accordion-box .block .acc-content{
  background-color: #fff;
}

.news-toggler{
  cursor: pointer;
}

.xnewscontent__disnone{
  display: none;
}

.xnpop{
  color: #fff;
  padding: 15px;
}
.xnpop__title{
  font-size: 32px;
  margin-bottom: 10px;
  font-weight: 600;
}
.xnpop__img{
  width: 90%;
  height: 350px;
  margin: 0 auto 12px;

  /* padding: 15px; */
}
.xnpop__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.xnpop__isi{}

@media screen and (max-width:767px){
  .main-header{position:fixed;}
  .main-slider {margin-top: 80px;}
}