/*!
Theme Name: EffectiveRange
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: effectiverange

*/

	::selection{background:black;color:#E7FFEA;}
	button{all:unset;margin-top:1.5em;}
	:root{
		--global-padding:1rem;
		--header-padding:1rem;
	}

	*{box-sizing:border-box;scroll-behavior:smooth;line-height:1.3em;}
	
	@font-face {  font-family: Bahnschrift; src: url(/wp-content/themes/effectiverange/BAHNSCHRIFT.TTF); }
	
    body {margin:0;font-family: "Bahnschrift", monospace; font-weight:300; font-size:1.2em; background: rgb(195,224,208);
background: linear-gradient(90deg, rgba(195,224,208,1) 0%, rgba(231,255,234,1) 60%, rgba(214,255,235,1) 100%); color:#171C19;}

	a{color:black;text-decoration:none;}

	ul{padding:0;list-style-position:inside;list-style-type:square;}
	ul ul{padding:0 1rem;}
	li{padding:0.5rem 0;}

	#primary{padding:var(--global-padding);margin-top:8rem;}


	#header{width:100%;font-size:1.3rem;display: flex;flex-direction: row;align-items: center;justify-content: unset;gap:2rem;padding:var(--header-padding);position:fixed;left:0;top:0;transition:0.2s;z-index:999;}
    /*.scrolled{background-color: #C3E0D0;}*/
	#header span, #mobile-menu span{padding:10px 20px;text-align:center;border-radius:25px;border:2px solid #2C9A65;transition:0.2s;background: linear-gradient(0deg, rgba(195,224,208,1) 0%, rgba(231,255,234,1) 60%, rgba(214,255,235,1) 100%);}
	#header span:hover, #mobile-menu span:hover{filter:drop-shadow(0px 0px 6px #44C177);cursor:pointer;}
	#logo{height:5rem;cursor:pointer;transition:0.2s;height:5rem;}
	#logo:hover{filter:drop-shadow(0px 0px 6px #44C177);}

	#mobile-menu-icon{display:none;height:3rem;cursor:pointer;}
	#mobile-menu{display:none;flex-flow:column wrap;align-items:flex-start;justify-content:flex-end;width:100%;height:100dvh;padding:var(--global-padding);z-index:998;transition:1s;gap:1em;position:fixed;top:0;left:0;font-size:1.5em;background: rgb(195,224,208);
background: linear-gradient(90deg, rgba(195,224,208,1) 0%, rgba(231,255,234,1) 60%, rgba(214,255,235,1) 100%);}
	
	
	.twocol{width:100%;display:flex;flex-flow:row nowrap;gap:2rem;}
	.col{width:50%;display:block;}

	.canvas3d { display: block; width: 50%; height: 600px;cursor:move;}
	
	
	h1{font-size:72px;}
	img{max-width:100%;}
	
	
	#hero{width:100%;height:100dvh;display:flex;align-items:flex-end;justify-content:flex-start;padding:var(--global-padding);/*background:url(er_traces.svg) no-repeat;background-position:bottom 0px right 0px;background-size:40%;*/}
	#hero svg{position:absolute;right:0px;bottom:0px;z-index:-1;max-height:100%;max-width:50%;}
	#hero h1{font-weight:normal;font-size:5rem;width:60%;margin-bottom:0;font-family:'Bahnschrift';}


	.product-title{margin-bottom:0;}
	
	
	.cta{padding:1rem 2rem;text-align:center;border-radius:5rem;border:2px solid #44C177;transition:0.2s;background: linear-gradient(90deg, rgba(195,224,208,1) 0%, rgba(231,255,234,1) 60%, rgba(214,255,235,1) 100%);font-size:1.2em;display:block;flex: 0 0 auto;}
	.cta:hover{filter:drop-shadow(0px 0px 6px #44C177);cursor:pointer;}
	.twocol-cta-container{display:flex;flex-wrap:wrap;gap:15px;align-items:center;}
	
	
	
	#hardware{background:#C3E0D0;width:100%;padding:var(--global-padding);}
	#software{background:#E7FFEA;width:100%;padding:var(--global-padding);}
	#hardware .section-title{font-weight:200;color:#E7FFEA;font-size:1.5rem;margin-top:9rem;}
	#software .section-title{font-weight:200;color:#C3E0D0;font-size:1.5rem;margin-top:9rem;}

	.hardware-item{background:#C3E0D0;border-bottom:2px solid #E7FFEA;padding:var(--global-padding);}
	.software-item{background:#E7FFEA;border-bottom:2px solid #E7FFEA;padding:var(--global-padding);}
	
	
	#about{width:100%;padding:var(--global-padding);background: rgb(195,224,208);
background: linear-gradient(90deg, rgba(195,224,208,1) 0%, rgba(231,255,234,1) 60%, rgba(214,255,235,1) 100%);padding-top:9rem;}
	#about-people{width:100%;display:flex;flex-flow:row nowrap;gap:2rem;padding:3rem 0;}
	.about-person{max-width:50%;text-align:left;flex-grow:1;flex-basis:0;}
	.portrait{width:300px;border-radius:100%;filter:sepia(100%) hue-rotate(80deg) brightness(90%) saturate(80%);transition:1s;}

	#contact{width:100%;padding:var(--global-padding);background:#ABCEB9;padding-top:9rem;padding-bottom:9rem;}
	#contact p{font-size:1.5em;}
	
	#contact label{line-height:2em;}
	#contact input,#contact textarea{border-radius:25px;padding:1em;border:0;background:#E7FFEA;font-family:unset;font-size:unset;font-weight:unset;line-height:1em;}
	.ef-ctrl-wrp{width:100%;}
#contact button{padding:1rem 2rem!important;text-align:center!important;border-radius:5rem!important;border:2px solid #44C177!important;transition:0.2s!important;background-image:unset!important;background: linear-gradient(90deg, rgba(195,224,208,1) 0%, rgba(231,255,234,1) 60%, rgba(214,255,235,1) 100%)!important;font-size:1.2em!important;display:block!important;flex: 0 0 auto;margin-top:0!important;}
#contact button:hover{filter:drop-shadow(0px 0px 6px #44C177);cursor:pointer;}
.ef-error{border-radius:5rem;padding:1rem 2rem;background:red;text-align:center;}
.ef-success{border-radius:5rem;padding:1rem 2rem;background:#66FF99;text-align:center;}
	
	#footer{padding:var(--global-padding);background:#171C19;color:#E7FFEA;width:100%;}
	#footer a{color:#E7FFEA;}

    @media screen and (max-width: 960px){
	#hero h1{font-size:3rem;width:80%;margin-bottom:0;}
	h1{font-size:48px;}
	.twocol{flex-wrap:wrap;}
	.col{width:100%;}
	.canvas3d{width:70%;margin:0 auto;}
	#header{justify-content:space-between;}
	#mobile-menu-icon{display:block;}
	#header span{display:none;}
	#about-people{flex-wrap:wrap;}
	.about-person{min-width:100%;}
	.canvas3d{pointer-events:none;}
}


/* svg anim */

/***************************************************
 * Generated by SVG Artista on 8/31/2024, 12:45:32 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 3.884955592153876px;
    stroke-dasharray: 3.884955592153876px;
  }

  100% {
    stroke-dashoffset: 7.769911184307752px;
    stroke-dasharray: 3.884955592153876px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 3.884955592153876px;
    stroke-dasharray: 3.884955592153876px;
  }

  100% {
    stroke-dashoffset: 7.769911184307752px;
    stroke-dasharray: 3.884955592153876px;
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 3.884955592153876px;
    stroke-dasharray: 3.884955592153876px;
  }

  100% {
    stroke-dashoffset: 7.769911184307752px;
    stroke-dasharray: 3.884955592153876px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 3.884955592153876px;
    stroke-dasharray: 3.884955592153876px;
  }

  100% {
    stroke-dashoffset: 7.769911184307752px;
    stroke-dasharray: 3.884955592153876px;
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 3.884955592153876px;
    stroke-dasharray: 3.884955592153876px;
  }

  100% {
    stroke-dashoffset: 7.769911184307752px;
    stroke-dasharray: 3.884955592153876px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 3.884955592153876px;
    stroke-dasharray: 3.884955592153876px;
  }

  100% {
    stroke-dashoffset: 7.769911184307752px;
    stroke-dasharray: 3.884955592153876px;
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 11.899212837219238px;
    stroke-dasharray: 11.899212837219238px;
  }

  100% {
    stroke-dashoffset: 23.798425674438477px;
    stroke-dasharray: 11.899212837219238px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 11.899212837219238px;
    stroke-dasharray: 11.899212837219238px;
  }

  100% {
    stroke-dashoffset: 23.798425674438477px;
    stroke-dasharray: 11.899212837219238px;
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 6px;
    stroke-dasharray: 6px;
  }

  100% {
    stroke-dashoffset: 12px;
    stroke-dasharray: 6px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 6px;
    stroke-dasharray: 6px;
  }

  100% {
    stroke-dashoffset: 12px;
    stroke-dasharray: 6px;
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 15.999000549316406px;
    stroke-dasharray: 15.999000549316406px;
  }

  100% {
    stroke-dashoffset: 31.998001098632812px;
    stroke-dasharray: 15.999000549316406px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 15.999000549316406px;
    stroke-dasharray: 15.999000549316406px;
  }

  100% {
    stroke-dashoffset: 31.998001098632812px;
    stroke-dasharray: 15.999000549316406px;
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 6.242640495300293px;
    stroke-dasharray: 6.242640495300293px;
  }

  100% {
    stroke-dashoffset: 12.485280990600586px;
    stroke-dasharray: 6.242640495300293px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 6.242640495300293px;
    stroke-dasharray: 6.242640495300293px;
  }

  100% {
    stroke-dashoffset: 12.485280990600586px;
    stroke-dasharray: 6.242640495300293px;
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 14px;
    stroke-dasharray: 14px;
  }

  100% {
    stroke-dashoffset: 28px;
    stroke-dasharray: 14px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 14px;
    stroke-dasharray: 14px;
  }

  100% {
    stroke-dashoffset: 28px;
    stroke-dasharray: 14px;
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 3.884955592153876px;
    stroke-dasharray: 3.884955592153876px;
  }

  100% {
    stroke-dashoffset: 7.769911184307752px;
    stroke-dasharray: 3.884955592153876px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 3.884955592153876px;
    stroke-dasharray: 3.884955592153876px;
  }

  100% {
    stroke-dashoffset: 7.769911184307752px;
    stroke-dasharray: 3.884955592153876px;
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
                       animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
               animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 3.884955592153876px;
    stroke-dasharray: 3.884955592153876px;
  }

  100% {
    stroke-dashoffset: 7.769911184307752px;
    stroke-dasharray: 3.884955592153876px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 3.884955592153876px;
    stroke-dasharray: 3.884955592153876px;
  }

  100% {
    stroke-dashoffset: 7.769911184307752px;
    stroke-dasharray: 3.884955592153876px;
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
                       animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
               animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 3.884955592153876px;
    stroke-dasharray: 3.884955592153876px;
  }

  100% {
    stroke-dashoffset: 7.769911184307752px;
    stroke-dasharray: 3.884955592153876px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 3.884955592153876px;
    stroke-dasharray: 3.884955592153876px;
  }

  100% {
    stroke-dashoffset: 7.769911184307752px;
    stroke-dasharray: 3.884955592153876px;
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
                       animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
               animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 11.899493217468262px;
    stroke-dasharray: 11.899493217468262px;
  }

  100% {
    stroke-dashoffset: 23.798986434936523px;
    stroke-dasharray: 11.899493217468262px;
  }
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 11.899493217468262px;
    stroke-dasharray: 11.899493217468262px;
  }

  100% {
    stroke-dashoffset: 23.798986434936523px;
    stroke-dasharray: 11.899493217468262px;
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
                       animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
          animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
               animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 6.000400543212891px;
    stroke-dasharray: 6.000400543212891px;
  }

  100% {
    stroke-dashoffset: 12.000801086425781px;
    stroke-dasharray: 6.000400543212891px;
  }
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 6.000400543212891px;
    stroke-dasharray: 6.000400543212891px;
  }

  100% {
    stroke-dashoffset: 12.000801086425781px;
    stroke-dasharray: 6.000400543212891px;
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
                       animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
               animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 15.999000549316406px;
    stroke-dasharray: 15.999000549316406px;
  }

  100% {
    stroke-dashoffset: 31.998001098632812px;
    stroke-dasharray: 15.999000549316406px;
  }
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 15.999000549316406px;
    stroke-dasharray: 15.999000549316406px;
  }

  100% {
    stroke-dashoffset: 31.998001098632812px;
    stroke-dasharray: 15.999000549316406px;
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
                       animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
          animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
               animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 6.242640495300293px;
    stroke-dasharray: 6.242640495300293px;
  }

  100% {
    stroke-dashoffset: 12.485280990600586px;
    stroke-dasharray: 6.242640495300293px;
  }
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 6.242640495300293px;
    stroke-dasharray: 6.242640495300293px;
  }

  100% {
    stroke-dashoffset: 12.485280990600586px;
    stroke-dasharray: 6.242640495300293px;
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
                       animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
          animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
               animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

@-webkit-keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 14px;
    stroke-dasharray: 14px;
  }

  100% {
    stroke-dashoffset: 28px;
    stroke-dasharray: 14px;
  }
}

@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 14px;
    stroke-dasharray: 14px;
  }

  100% {
    stroke-dashoffset: 28px;
    stroke-dasharray: 14px;
  }
}

.svg-elem-16 {
  -webkit-animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
                       animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
          animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
               animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@-webkit-keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 22.037601470947266px;
    stroke-dasharray: 22.037601470947266px;
  }

  100% {
    stroke-dashoffset: 44.07520294189453px;
    stroke-dasharray: 22.037601470947266px;
  }
}

@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 22.037601470947266px;
    stroke-dasharray: 22.037601470947266px;
  }

  100% {
    stroke-dashoffset: 44.07520294189453px;
    stroke-dasharray: 22.037601470947266px;
  }
}

@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(195, 224, 208);
  }
}

@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(195, 224, 208);
  }
}

.svg-elem-17 {
  -webkit-animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
                       animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
          animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
               animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 201.91998291015625px;
    stroke-dasharray: 201.91998291015625px;
  }

  100% {
    stroke-dashoffset: 403.8399658203125px;
    stroke-dasharray: 201.91998291015625px;
  }
}

@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 201.91998291015625px;
    stroke-dasharray: 201.91998291015625px;
  }

  100% {
    stroke-dashoffset: 403.8399658203125px;
    stroke-dasharray: 201.91998291015625px;
  }
}

.svg-elem-18 {
  -webkit-animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
                       animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
          animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
               animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}