/* 
Theme Name: nformal.io
Theme URI: https://github.com/elementor/hello-theme/
Description: nformal.io is a child theme of Hello Elementor
Author: nformal
Author URI: https://nformal.io/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Estilo para el icono SVG */
.rec-grp-heading{
text-transform: uppercase;
    font-size: 3em !important;
	    background-image: url(/wp-content/uploads/2023/09/Clip-path-group-2.svg);
    background-repeat: no-repeat;
    background-position: left;
	
}

@media only screen and (max-width: 600px) {
	.rec-grp-heading{
    font-size: 2em !important;
	
	
}
}



/*Zoho Jobs styles*/

.embed_jobs_head {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}

.rec_job_listing_div_jobs ul,.rec_job_listing_div_jobs li{
	margin:0;

}

.embed_jobs_head2 {
	background-color: #fff;
	margin: auto;
	overflow: hidden;
}
.rec_facet_group{
	width: 40%;
    margin-right: 24px;
    border: 1px solid #dee4f0;
    padding: 8px 16px;
    border-radius: 4px;
    height: 100%;

}
.rec_job_listing_div_jobs{
	flex: 1 100%;
}

.embed_jobs_head3 {
	color: #1C1C1C !important;
	line-height: 27px;
}

.rec_job_listing_div_jobs .rec-group .rec-job-title {
text-transform: uppercase;
	font-size: 1.4em;
	list-style: none;
}

.rec_facet_group .cw-rec-filter {
	overflow: scroll;
	width: 100%;
	padding: 0 0 8px;
}
.rec_facet_group > div{
	border-bottom: 1px solid #1C1C1C;
}
.rec_facet_group > div:last-child{
	border-bottom:none
}

.rec_facet_group .cw-rec-filter .rec_ul_filter {
	list-style-type: none;
}

.rec_ul_filter .cw-facet-checkbox {
	float: left;
	margin-right: 10px;
	margin-top: 9px;
}

.rec_ul_filter .cw-facet-checkbox-label {
	display: block
}
#rec_job_listing_div{
	display: flex;
}
 .embed_jobs_with_style .embed_jobs_head3{
    line-height: 27px;
    font-size: 0.875rem;
    color: #0e1b26;
 
}
 .embed_jobs_with_style .cw-facet-checkbox-label span{
 	color: #747789;
 	font-weight: normal;
}

@media only screen and (max-width: 624px){
.embed_jobs_with_style .cw-facet-checkbox span {
    padding-top: 50px;
}
 }
 .embed_jobs_with_style ul,.embed_jobs_with_style li{
 	padding:0;
 	margin: 0;
 	list-style: none;
 }
  .embed_jobs_with_style li{
 	margin-bottom:8px
 }
 .embed_jobs_with_style .rec_facet_group .cw-rec-filter{
    padding:0;
    box-sizing: border-box;
    margin-top: 16px;
}

.embed_jobs_with_style li:before{
	content:'\2022';
	font-size:16px;
	position: absolute;
	left: 0;
	color:#111;
	top: -1px;
	visibility: hidden;
}
.embed_jobs_with_style .rec_ul_filter li:before{
	display:none;
}
.embed_jobs_with_style .rec-group li{

	padding: 0 0 0 0;
	position: relative;
	margin: 0 0 2px 0;
	line-height: 20px;
	display: inline-block;
	color: #1C1C1C;
	font-weight: normal;
	width: 47%;
	box-sizing: border-box;
	float: left;
	font-size: 1.4em ;
}
.embed_jobs_with_style .rec-group li span:first-child{
	padding-right: 8px;
	display:inline-block;
	color: #1C1C1C;
		    padding-bottom: 8px;

}
.embed_jobs_with_style  li.rec-job-title:before,.embed_jobs_with_style  li.zrsite_Job_Description:before{
	display:none;
}
.embed_jobs_with_style .rec-group li.rec-job-title,.embed_jobs_with_style  li.zrsite_Job_Description{
	margin:0 ;
	padding:0
}
.embed_jobs_with_style  li.zrsite_Job_Description{
	margin-top:16px;
	line-height:20px;
	color: #50566d;
}
.embed_jobs_with_style .rec-group li.rec-job-title{
	margin-bottom: 30px;
/* 	display: block; */
	width: 100%;
	float: none;
}
.embed_jobs_with_style  li.zrsite_Job_Description{
	margin-top: 8px;
	width: 100%;
	float: none;
}
.embed_jobs_with_style .rec-job-info a{
	color: #1C1C1C;
	text-decoration: none;
	font-weight: 500;
}
.embed_jobs_with_style .rec-job-info a:hover{
	text-decoration: underline;

}
.embed_jobs_with_style ul.rec-job-info{
	margin-bottom: 16px;
	border-bottom: 0.5px solid #1C1C1C;
	padding-bottom: 16px;
}
.embed_jobs_with_style .cw-facet-checkbox {
  position: absolute;
  opacity: 0;
}
.embed_jobs_with_style .cw-facet-checkbox + span {
  display: inline-block;
  position: relative;
  cursor: pointer;
  line-height: 16px;
  padding-left: 24px;
	font-weight: 700;
	text-transform: uppercase;
}
.embed_jobs_with_style .cw-facet-checkbox + span:before {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  content: "";
  background: transparent;
  width: 14px;
  height: 14px;
  box-shadow: inset 0 0 0 1px #474f62;
  border-radius: 2px;
  transition: 200ms ease-in-out all;
}
.embed_jobs_with_style .cw-facet-checkbox + span:hover:before{
	box-shadow: inset 0 0 0 1px #1C1C1C;
}
.embed_jobs_with_style .cw-facet-checkbox + span:after {
  position: absolute;
  display: block;
  top: 2px;
  left: 5px;
  content: "";
  width: 3px;
  height: 7px;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transform: rotate(45deg);
  transition: 200ms ease-in-out all;
}
.embed_jobs_with_style .cw-facet-checkbox + span:hover {
  color: #333;
}
.embed_jobs_with_style .cw-facet-checkbox + label:focus {
  outline: none;
}
.embed_jobs_with_style .cw-facet-checkbox:checked + span:before {
  background: #1C1C1C;
  box-shadow: none;
  /* box-shadow: inset 0 0 0 1px #474f62; */
}
.embed_jobs_with_style .cw-facet-checkbox:checked + span:after {
  border-color: #fff;
}
.embed_jobs_with_style .cw-facet-checkbox:disabled + span:before {
  background: #fff;
  box-shadow: none;
}
.embed_jobs_with_style .cw-facet-checkbox:disabled + span:after {
  border-color: transparent;
}
.embed_jobs_with_style .cw-facet-checkbox:checked:disabled + span:before {
  background: #fff;
  box-shadow: none;
}
.embed_jobs_with_style .cw-facet-checkbox:checked:disabled + span:after {
  border-color: #fff;
}

.embed_jobs_with_style_1.embed_jobs_with_style ul.rec-group{
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(49%, 1fr));
    grid-gap: 16px;

}
.embed_jobs_with_style_1  ul.rec-job-info{
   overflow: hidden;
    border: 1px solid #e5e9f3;
    padding: 40px 20px 40px 20px;
    box-sizing: border-box;
    margin-bottom: 0;
    background-color: #E5E8E7 !important;
    border-radius: 20px;
}

@media only screen and (max-width: 600px) {

.embed_jobs_with_style_1.embed_jobs_with_style ul.rec-group {
    margin-top: 50px;
}
	
}
.embed_jobs_with_style_1  ul.rec-job-info:nth-child(even){
	 margin-right: 0;
}
.embed_jobs_with_style_1 #rec_job_listing_div{
	display: block;
}
.embed_jobs_with_style_1 .rec-group li{
	width: 33%;
}
.embed_jobs_with_style_1 .rec-group li span:first-child{
	width: 100%;
font-size: 14px;
}
.embed_jobs_with_style_1 ul.rec-job-info:hover{
/*	background: #efefef;*/
}
.embed_jobs_with_style_2 .rec_job_listing_div_jobs{
	width:100%;
	float: none
}
.embed_jobs_with_style_3 .rec_job_listing_div{
	display: flex;
}
.embed_jobs_with_style_1 .rec_facet_group,.embed_jobs_with_style_2 .rec_facet_group{
	display:none;
	width: auto;
    margin-right: 0;
    border: none;
    position: absolute;
    right: 0;
    height: auto;
    padding: 8px 0;
}
@media only screen and (max-width: 600px) {

.embed_jobs_with_style_1 .rec_facet_group, .embed_jobs_with_style_2 .rec_facet_group {
    padding-top: 30px;
    padding-left: 0px;
right: inherit;
}
}

.embed_jobs_with_style_1 #rec_job_listing_div,.embed_jobs_with_style_2 #rec_job_listing_div {
    display: inherit;
}
.embed_jobs_with_style_1  .embed_jobs_head2,.embed_jobs_with_style_2  .embed_jobs_head2{
	position: relative;
	overflow: inherit;
}



.cw-easyapply-loading {
  position: relative;
  width: 50px;
  height: 50px;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  margin-top: -28px;
}
.cw-easyapply-loading div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 8px;
  background: #1C1C1C !important;
  animation: cw-easyapply-loading 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  top: 0;
}
.cw-easyapply-loading div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.cw-easyapply-loading div:nth-child(2) {
  left: 24px;
  animation-delay: -0.12s;
}
.cw-easyapply-loading div:nth-child(3) {
  left: 40px;
  animation-delay: 0;
}
.rec_job_listing_div_jobs li{
 	margin-right:24px
 }
.rec_job_listing_div_jobs li.zrsite_Job_Description span{
	word-break: break-word;
}




@keyframes cw-easyapply-loading {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}


@media only screen and (max-width: 624px){
	.embed_jobs_with_style{
		padding: 0px !important;
	}
	.embed_jobs_head2{
		width: 100% !important;
	}
	
}


@media only screen and (min-width: 767px){
/*may be dynamic by elementor*/
.elementor-34 .elementor-element.elementor-element-782fc77c .elementor-nav-menu .elementor-item {
  padding-right: 100px;
}

}


 
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; 
  z-index:99999; 

display: flex;

    
}

@media (max-width: 767px){
.hamburger{
 margin-left: auto ;
}
}

  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #fff; 
  

}

.hamburger:hover, .hamburger:focus{
    background: unset;
    outline: unset;
  
  }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {

    height: 2px;
    background-color: #fff !important;
    border-radius: 2px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -8px; }
  .hamburger-inner::after {
    bottom: -8px; }
.hamburger-inner{
	 width: 30px;
}
.hamburger-inner::before{
	width: 10px;
}
.hamburger-inner::after{
	width: 20px;
}



/*
   * Spin
   */
.hamburger--spin .hamburger-inner {


  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
	
    background: #fff;
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
      background: #fff;
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
      background: #fff;
    
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); 
  width: 30px; 
}

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active {

  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
    


.hamburger{
  position: relative;
  z-index: 99999;
}
/* comment to see it on elementor  */

#rightsection {
  display: none;
  position: fixed;
  left: 0;
  z-index: 9999;
  width: 100vw;

  }

  @media (max-width: 600px){
#rightsection {
  top: 0;
  }
}

/* -.-.-.-.-.- comment through here -.-.-.-.-.- */
/*other */

  
  b, strong{
  font-weight: 500;
	  color:#74D0C0;
  }
  
 .elementor-tab-title.elementor-active a, .elementor-element .elementor-tab-title.elementor-active .elementor-toggle-icon{
        font-weight: 900;

  }

  
      /* //toggle title with animation and padding to right
  @media (min-width: 1080px){

  .elementor-tab-title.elementor-active a,  .elementor-element .elementor-tab-title.elementor-active .elementor-toggle-icon{
  padding-left: 22%;
      transition: 0.15s padding ease-out, 0.15s margin ease-out, 0.15s border ease-out;
  }
 .elementor-element .elementor-toggle-title {
      transition: 0.15s padding ease-out, 0.15s margin ease-out, 0.15s border ease-out;
  }
 

  }
   */
  /* styles for tabs in about section */
  
  table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
      background-color: hsl(0deg 0% 50% / 0%);
  }
  
  table td, table th {
      
      padding-bottom: 20px;
      line-height: 1.5;
      vertical-align: top;
      border: #ffffffff;
  }
  
  table tbody tr:hover>td, table tbody tr:hover>th {
      background-color: hsl(0deg 0% 50% / 0%);
  }
  
  table{
      font-size: 1em ;
  }

@media (min-width: 767px){
.widget{
	display: flex;
	justify-content:  space-around;
}

}

@media (max-width: 767px){
.widget{
	line-height: 1;
	font-size:0.8em;
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}
}

/* border imgs styles */ 
.main::before {
    content: "";
    position: absolute;
    top: -5px; 
    left: -5px;
    right: -5px;
    bottom: -5px;
    transform: rotate(-5deg); 
    box-sizing: border-box;
    border-radius: 22px;
border: 2px solid #6BC0B1;
}

.second::before {
    content: "";
    position: absolute;
    top: -40px;
    left: -20px;
    right: -20px;
    bottom: -5px;
    transform: rotate(3deg);
    box-sizing: border-box;
    border-radius: 22px;
    border: 2px solid #B3D8ED;
}

.third::before {
    content: "";
    position: absolute;
	right:0px;
    top: -10px;
    left: 20px;
    bottom: 20px;
    transform: rotate(355deg);
    box-sizing: border-box;
    border-radius: 22px;
    border: 2px solid #6BC0B1;
}
.fourth::before {
    content: "";
    position: absolute;
    right: 0px;
    top: 10px;
    left: 20px;
    bottom: -10px;
    transform: rotate(0deg);
    box-sizing: border-box;
    border-radius: 22px;
    border: 2px solid #F8F6B7;
}

.fifth::before {
    content: "";
    position: absolute;
    right: 0px;
    top: 10px;
    left: 20px;
    bottom: -10px;
    transform: rotate(0deg);
    box-sizing: border-box;
    border-radius: 22px;
    border: 2px solid #B3D8ED;
}


.sixth::before {
    content: "";
    position: absolute;
	right:0px;
    top: 10px;
    left: 20px;
    bottom: 20px;
    transform: rotate(0deg);
    box-sizing: border-box;
    border-radius: 22px;
    border: 2px solid #6BC0B1;
}

.seven::before {
    content: "";
    position: absolute;
	right:0px;
    top: 10px;
    left: 20px;
    bottom: 20px;
    transform: rotate(0deg);
    box-sizing: border-box;
    border-radius: 22px;
    border: 2px solid #C3DD8C;
}
.eight::before {
    content: "";
    position: absolute;
    right: 0px;
    top: -10px;
    left: 0px;
    bottom: 20px;
    transform: rotate(3deg);
    box-sizing: border-box;
    border-radius: 22px;
	border: 2px solid #B3D8ED;
}

.elementor-nav-menu--main .elementor-item:hover{
text-decoration:underline;
}

.location{
  font-size: 0.8em !important;
  font-weight: 400;
  
}

.location_team_members{
  font-size: 0.8em !important;
  font-weight: 400;
  
}


/* Estilo para los iconos de los jobs openings */
.embed_jobs_head3 .zrsite_City span:last-child::before {
    content: url("/wp-content/uploads/2023/09/city.svg"); /* Ruta al archivo SVG */
    margin-right: 5px; /* Espacio entre el icono y el texto del primer span */
    width: 22px; /* Ancho del icono */
    height: 22px; /* Altura del icono */
    display: inline-block; /* Para que el icono se muestre en línea con el texto */
}

.embed_jobs_head3 .zrsite_Job_Type span:last-child::before {
    content: url("/wp-content/uploads/2023/09/clock.svg"); /* Ruta al archivo SVG */
    margin-right: 5px; /* Espacio entre el icono y el texto del primer span */
    width: 22px; /* Ancho del icono */
    height: 22px; /* Altura del icono */
    display: inline-block; /* Para que el icono se muestre en línea con el texto */
}
.embed_jobs_head3 .zrsite_Country span:last-child::before {
    content: url("/wp-content/uploads/2023/09/country.svg"); /* Ruta al archivo SVG */
    margin-right: 5px; /* Espacio entre el icono y el texto del primer span */
    width: 22px; /* Ancho del icono */
    height: 22px; /* Altura del icono */
    display: inline-block; /* Para que el icono se muestre en línea con el texto */
}

.embed_jobs_head3 .zrsite_Remote_Job span:last-child::before {
    content: url("/wp-content/uploads/2023/09/city.svg"); /* Ruta al archivo SVG */
    margin-right: 5px; /* Espacio entre el icono y el texto del primer span */
    width: 22px; /* Ancho del icono */
    height: 22px; /* Altura del icono */
    display: inline-block; /* Para que el icono se muestre en línea con el texto */
}


@media only screen and (min-width: 992px) {
.services .elementor-swiper-button-prev {
    display: none !important;
}
	.services .elementor-swiper-button-next {
    display: none !important;
}
	
}

/* Job openings zoho widget styles */

/* Hide all elements after the 2nd */
.job-openings .embed_jobs_with_style_1 .rec-job-info:nth-child(n+3) {
    display: none !important;
}

/* hide title */

.job-openings .rec-grp-heading {
 display: none !important;
}

.job-openings  .embed_jobs_with_style_1 .rec_facet_group, .embed_jobs_with_style_2 .rec_facet_group {
    width: auto !important;
    margin-right: 0 !important;
    border: none !important;
    position: absolute !important;
    right: 0 !important;
    height: auto !important;
    padding: 8px 0 !important;
    top: -60px !important;
} 

.job-openings .rec_facet_group {
display: none !important;
}

.cont{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}

.number{
   font-size: 3em;
   color: #1c1c1c;
  display: inline-block;
}


.texto{
  display: inline-block;
  text-overflow: clip; 
  white-space: nowrap;
}

.e-n-tab-title {
    --n-tabs-title-order: 1;
    clip-path: polygon(0 0%, 90% 0%, 91.7% 4%, 100% 100%, 0% 100%, 0 15%) !important;
	 
}

.e-n-tab-title:hover{
}


.cards ul{
padding-left: 20px;
}
.elementor-58 .elementor-element.elementor-element-6d96292 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ) {

    padding-left: 30px !important;
}

	.elementor-2564 .elementor-element.elementor-element-d425296 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ) {

    padding-left: 30px !important;
}

@media only screen and (max-width: 600px) { 
.elementor-58 .elementor-element.elementor-element-6d96292 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ) {

    padding-left: 30px !important;
}
	
	.elementor-2564 .elementor-element.elementor-element-d425296 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ) {

    padding-left: 30px !important;
}
}

/* workaround for animated titles */

@property --num {
  syntax: '<integer>';
  inherits: true;
  initial-value: 0;
}
@property --num2 {
  syntax: '<integer>';
  inherits: true;
  initial-value: 0;
}

@property --num3 {
  syntax: '<integer>';
  inherits: true;
  initial-value: 0;
}
.tab1::before {
  counter-reset: my-counter var(--num);
  content: counter(my-counter);
/*  animation: count1 2s forwards ease-in-out; */
}

.tab2::before {
  counter-reset: my-counter var(--num2); 
  content: counter(my-counter);
 /* animation: count2 1s forwards ease-in-out;*/
}

.tab3::before {
  counter-reset: my-counter var(--num3); 
  content: counter(my-counter);
 /* animation: count3 2s forwards ease-in-out; */
}


.tab3::after {
  counter-reset: my-counter var(--num3); 
  content: counter(my-counter);
 /* animation: count3 1s forwards ease-in-out;*/
}


@media only screen and (max-width: 600px) {  /*disable animations for mobile version*/

.tab1::before {
  counter-reset: my-counter var(--num);
  content: counter(my-counter);
 animation: count1 2s forwards ease-in-out; 
}

.tab2::before {
  counter-reset: my-counter var(--num2); 
  content: counter(my-counter);
  animation: count2 1s forwards ease-in-out;
}

.tab3::before {
  counter-reset: my-counter var(--num3); 
  content: counter(my-counter);
  animation: count3 2s forwards ease-in-out; 
}


.tab3::after {
  counter-reset: my-counter var(--num3); 
  content: counter(my-counter);
 animation: count3 1s forwards ease-in-out;
}
	
}

@keyframes counttest {
  to { --num3: 5; }
}

@keyframes count1 {
  to { --num: 25; } /*change this numbers*/
}

@keyframes count2 {
  to { --num2: 8; }
}

@keyframes count3 {
  to { --num3: 5; }
    
    
}


/* end workaround for animated titles */


@media (max-width: 600px) {

.number{
    font-size:2em;
    
}
}