:root{
	--dark: #1E1E28;
	--light: #fff;
	--bright_aqua: #3AE8D8;
	--primary_light: #F7F6FE;
	--violet: #5843E4;
}
body {
  transition: background-color 0.5s ease-in-out;
    will-change: background-color;
}
.color-white {
  background-color: #fff;
	transition: background-color 0.5s ease-in-out;
}
.color-black {
  background-color: #1E1E28;
	transition: background-color 0.5s ease-in-out;
}

.color-grey {
  background-color: grey;
}

.color-lightblue {
  background-color: #A89DF233;
}
.init-color .elementor-heading-title{
	
}
/* white */
.color-white .panel .elementor-image-box-title, .color-white .panel .elementor-image-box-description{
	color: color-mix(in srgb, var(--dark) 70%, transparent) ;
}
.color-white .panel, .color-white .panel .elementor-widget-heading .elementor-heading-title, .color-white .panel .elementor-widget-text-editor, .color-white .panel .elementor-widget-counter .elementor-counter-title, .color-white .panel .services-img-box:hover .elementor-image-box-title, .color-white .panel .services-img-box:hover .elementor-image-box-description{
	color: var(--dark) ;
}
.color-white .panel .elementor-social-icons-wrapper .elementor-social-icon{
	background-color: var(--dark) ;
	color: var(--light) ;
}
.color-white .panel .elementor-social-icons-wrapper .elementor-social-icon svg{
	fill : var(--light) ;
}
.color-white .panel .elementor-widget-button .elementor-button{
	background-color: var(--dark) ;
	border-color: var(--dark) ;
	color: var(--primary_light) ;
}
.color-white .panel .elementor-widget-button .elementor-button:hover {
    background-color: var(--primary_light);
    color: var(--dark);
}
.color-white .panel .services-img-box{
	border-color: #00000033;
}
.color-white .panel .elementor-element .swiper .elementor-swiper-button svg{
	fill: hsl(0deg 0% 12.39% / 90%);
}
/* black */
.color-black .panel .elementor-image-box-title, .color-black .panel .elementor-image-box-description{
	color: color-mix(in srgb, var(--light) 70%, transparent) ;
}
.color-black .panel, .color-black .panel .elementor-widget-text-editor, .color-black .panel .elementor-widget-counter .elementor-counter-title, .color-black .panel .services-img-box:hover .elementor-image-box-title, .color-black .panel .services-img-box:hover .elementor-image-box-description{
	color: var(--light) ;
}
.color-black .panel .elementor-widget-heading .elementor-heading-title {
    color: var(--primary_light);
}
.color-black .panel .elementor-social-icons-wrapper .elementor-social-icon{
	background-color: var(--light) ;
	color: var(--dark) ;
}
.color-black .panel .elementor-social-icons-wrapper .elementor-social-icon svg{
	fill : var(--dark) ;
}
.color-black .panel .elementor-counter-number-wrapper{
	color: var(--bright_aqua) !important;
}
.color-black .panel .elementor-widget-button .elementor-button{
	background-color: var(--primary_light) ;
	border-color: var(--primary_light) ;
	color: var(--violet) ;
}
.color-black .panel .elementor-widget-button .elementor-button:hover {
   background-color: var(--violet);
    color: var(--primary_light);
}
.color-black .panel .client-carousel .swiper-slide-inner img {
/*     background: #fff; */
}
.color-black .panel .services-img-box{
	border-color: #F0F0F033;
}
.color-black .panel .elementor-element .swiper .elementor-swiper-button svg{
	fill: #ffffffe6;
}