/*
Theme Name: Alna Design
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*
New green : 145141 
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
.alna-pink { 
 color:#F39BC3!important;
 }
.alna-orange { 
 color:#F04D2E!important;
 }
 .cabin-font {
	 font-family:Cabin, sans-serif!important;
 }
.small {
	font-size:80%!important;
}
.pd0 {
	padding-bottom:0px;
}
.mb0 {
	margin-bottom:0px;
}
.white-button {
	border:thin #161616 solid!important;
}
.button.white.white-orange-button,
.white-orange-button {
	color:#F04D2E!important;
}
.transparent-button {
	background-color: transparent;
	border: thin solid white;
}
.transparent-button-black-border,
.button.white.transparent-button-black-border {
	background-color: transparent!important;
	border: thin solid #161616!important	;
}
#graduates,
#certifications,
#experts{
  animation: counter 3.9s  ease-in-out;
  font-size: 200%;
  font-weight:700;
}



#graduates::before,
#certifications::before,
#experts::before{
  content: counter(num);
}

#graduates { 
	counter-reset: num var(--numg);
	--numg:1500; 
}
#certifications { 
	counter-reset: num var(--numc);
	--numc:18; 
}
#experts { 
	counter-reset: num var(--nume);
	--nume:50; 
}

@property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}
@property --numg {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}
@property --numc {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}
@property --nume {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}

@keyframes counter {
  from {
    --num: 0; 
  }
  to {
    --num: 100;
  }
}
@keyframes counter {
  from {
    --numg: 0; 
  }
  to {
    --numg: 1500;
  }
}
@keyframes counter {
  from {
    --numc: 0; 
  }
  to {
    --numc: 18;
  }
}
@keyframes counter {
  from {
    --nume: 0; 
  }
  to {
    --nume: 50;
  }
}



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}