/*
 Theme Name:   Kadence Child Theme
 Theme URI:    https://www.qtees.com
 Description:  Kadence Child Theme
 Author:       Uzair ul Hasan
 Author URI:   https://www.qtees.com
 Template:     kadence
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         child-theme
 Text Domain:  kadencechildtheme
*/
ul.product-archive li .lumise-button{
  display: none !important;
}
@media(max-width: 500px){
  .ss-swirl-arrow{
  right: 14% !important;
  bottom: -4% !important; 
  
}
	.ss_img-cont1 {
  
  left: 47% !important;
    bottom: -240px !important;
    width: 100%;
   max-width: 36%
    
}
  .ss_img-cont2 {
  
    bottom: -240px !important;
    right: 8% !important;
    width: 100%;
   max-width: 28%
    
}
	
 
  .ss_img-cont3 {
  
  right: -4% !important;
    bottom: -240px !important;
    width: 100%;
   max-width: 30%
    
}
	
	.single-product-c .woo-prdimg-thumb{
    height: 170px !important;
  }
  .single-product-c a.product-image::before,
  .single-product-c a.product-image::after{
    width: 25px;
    height: 25px;
  }
	
	
	.single-product-c .woo-prdimg-thumb{
    height: 170px !important;
  }
  .single-product-c a.product-image::before,
  .single-product-c a.product-image::after{
    width: 25px;
    height: 25px;
  }
  .ss-home-about-left-col_img::before{
    height: 68%;
    width: 55%;
  }
  
  .ss-home-about-left-col_img::after{
    height: 68%;
    width: 55%;
    bottom: 16px;
    left: 16%;
  }
  .ss-home-about-left-col_img figure{
    max-width: 270px
  }
  .ss-home-about-left-col .ss-about-abs-card .kt-infobox-textcontent h5{
    font-size: 13px  
  }
  .ss-home-about-left-col .ss-about-abs-card .kt-infobox-textcontent p{
    font-size: 10px !important;;  
  }
	
	.ss-home_animated-card .kt-row-column-wrap{
    text-align: center
  }
	}

.cat_banner-content h1{
    margin-bottom: 20px !important;
}
.cat_banner-content p{
    margin: 0px !important;
}

/***************************************************
hero section animation
 **************************************************/

.hero-awesome-lines .awesome-lines-1 {
  stroke-dashoffset: 39.82128143310547px;
  stroke-dasharray: 39.82128143310547px;
  -webkit-transition: stroke-dashoffset 1s ease-out 0s;
          transition: stroke-dashoffset 1s ease-out 0s;
}

.hero-awesome-lines.active .awesome-lines-1 {
  stroke-dashoffset: 79.64256286621094px;
}

.hero-awesome-lines .awesome-lines-2 {
  stroke-dashoffset: 65.21619415283203px;
  stroke-dasharray: 65.21619415283203px;
  -webkit-transition: stroke-dashoffset 1s ease-out 0.12s;
          transition: stroke-dashoffset 1s ease-out 0.12s;
}

.hero-awesome-lines.active .awesome-lines-2 {
  stroke-dashoffset: 130.43238830566406px;
}

.hero-awesome-lines .awesome-lines-3 {
  stroke-dashoffset: 52.796356201171875px;
  stroke-dasharray: 52.796356201171875px;
  -webkit-transition: stroke-dashoffset 1s ease-out 0.24s;
          transition: stroke-dashoffset 1s ease-out 0.24s;
}

.hero-awesome-lines.active .awesome-lines-3 {
  stroke-dashoffset: 105.59271240234375px;
}
/* white drops */

/***************************************************
 * Generated by SVG Artista on 9/18/2023, 4:33:09 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

.white-drops .white-drops-1 {
  stroke-dashoffset: 87.31114959716797px;
  stroke-dasharray: 87.31114959716797px;
  -webkit-transition: stroke-dashoffset 1s ease-out 0s;
          transition: stroke-dashoffset 1s ease-out 0s;
}

.white-drops.active .white-drops-1 {
  stroke-dashoffset: 174.62229919433594px;
}

.white-drops .white-drops-2 {
  stroke-dashoffset: 92.49799346923828px;
  stroke-dasharray: 92.49799346923828px;
  -webkit-transition: stroke-dashoffset 1s ease-out 0.12s;
          transition: stroke-dashoffset 1s ease-out 0.12s;
}

.white-drops.active .white-drops-2 {
  stroke-dashoffset: 184.99598693847656px;
}
/* swirl-arrow */


.ss-swirl-arrow .swir-arrow-1 {
  stroke-dashoffset: 230.57479858398438px;
  stroke-dasharray: 230.57479858398438px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.ss-swirl-arrow.active .swir-arrow-1 {
  stroke-dashoffset: 461.14959716796875px;
}

/* =======================Heading Animation=============================== */



.ss_heading-decor .heading-decor-1 {
  stroke-dashoffset: 9.247129917144775px;
  stroke-dasharray: 9.247129917144775px;
  -webkit-transition: stroke-dashoffset 1s ease-out 0s;
          transition: stroke-dashoffset 1s ease-out 0s;
}

.ss_heading-decor.active .heading-decor-1 {
  stroke-dashoffset: 18.49425983428955px;
}

svg .heading-decor-2 {
  stroke-dashoffset: 10.64858627319336px;
  stroke-dasharray: 10.64858627319336px;
  -webkit-transition: stroke-dashoffset 1s ease-out 0.17s;
          transition: stroke-dashoffset 1s ease-out 0.17s;
}

.ss_heading-decor.active .heading-decor-2 {
  stroke-dashoffset: 21.29717254638672px;
}

.ss_heading-decor .heading-decor-3 {
  stroke-dashoffset: 13.596746444702148px;
  stroke-dasharray: 13.596746444702148px;
  -webkit-transition: stroke-dashoffset 1s ease-out 0.34s;
          transition: stroke-dashoffset 1s ease-out 0.34s;
}

.ss_heading-decor.active .heading-decor-3 {
  stroke-dashoffset: 27.193492889404297px;
}

.ss_heading-decor .heading-decor-4 {
  stroke-dashoffset: 11.87915325164795px;
  stroke-dasharray: 11.87915325164795px;
  -webkit-transition: stroke-dashoffset 1s ease-out 0.51s;
          transition: stroke-dashoffset 1s ease-out 0.51s;
}

.ss_heading-decor.active .heading-decor-4 {
  stroke-dashoffset: 23.7583065032959px;
}

/***************************************************
 * Generated by SVG Artista on 9/14/2023, 12:46:38 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

.ss-hsvg .home-svg-1 {
  stroke-dashoffset: 882px;
  stroke-dasharray: 882px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.ss-hsvg.active .home-svg-1 {
  stroke-dashoffset: 1764px;
}

.ss-hsvg .home-svg-2 {
  stroke-dashoffset: 882px;
  stroke-dasharray: 882px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.12s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.12s;
}

.ss-hsvg.active .home-svg-2 {
  stroke-dashoffset: 1764px;
}

.ss-hsvg .home-svg-3 {
  stroke-dashoffset: 448.5954284667969px;
  stroke-dasharray: 448.5954284667969px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.24s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.24s;
}

.ss-hsvg.active .home-svg-3 {
  stroke-dashoffset: 897.1908569335938px;
}

.ss-hsvg .home-svg-4 {
  stroke-dashoffset: 170.08694458007812px;
  stroke-dasharray: 170.08694458007812px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.36s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.36s;
}

.ss-hsvg.active .home-svg-4 {
  stroke-dashoffset: 340.17388916015625px;
}

.ss-hsvg .home-svg-5 {
  stroke-dashoffset: 882px;
  stroke-dasharray: 882px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.48s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.48s;
}

.ss-hsvg.active .home-svg-5 {
  stroke-dashoffset: 1764px;
}
/***************************************************
Marketing svg
 **************************************************/


.ss-marketing .marketing-svg-1 {
  stroke-dashoffset: 1082px;
  stroke-dasharray: 1082px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.ss-marketing.active .marketing-svg-1 {
  stroke-dashoffset: 2164px;
}

.ss-marketing .marketing-svg-2 {
  stroke-dashoffset: 322.0187072753906px;
  stroke-dasharray: 322.0187072753906px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.12s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.12s;
}

.ss-marketing.active .marketing-svg-2 {
  stroke-dashoffset: 644.0374145507812px;
}

.ss-marketing .marketing-svg-3 {
  stroke-dashoffset: 44.6047477722168px;
  stroke-dasharray: 44.6047477722168px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.24s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.24s;
}

.ss-marketing.active .marketing-svg-3 {
  stroke-dashoffset: 89.2094955444336px;
}

.ss-marketing .marketing-svg-4 {
  stroke-dashoffset: 20.175003051757812px;
  stroke-dasharray: 20.175003051757812px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.36s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.36s;
}

.ss-marketing.active .marketing-svg-4 {
  stroke-dashoffset: 40.350006103515625px;
}

.ss-marketing .marketing-svg-5 {
  stroke-dashoffset: 228.26339721679688px;
  stroke-dasharray: 228.26339721679688px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.48s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.48s;
}

.ss-marketing.active .marketing-svg-5 {
  stroke-dashoffset: 456.52679443359375px;
}

.ss-marketing .marketing-svg-6 {
  stroke-dashoffset: 64.28376770019531px;
  stroke-dasharray: 64.28376770019531px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
}

.ss-marketing.active .marketing-svg-6 {
  stroke-dashoffset: 128.56753540039062px;
}

.ss-marketing .marketing-svg-7 {
  stroke-dashoffset: 158.29092407226562px;
  stroke-dasharray: 158.29092407226562px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.72s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.72s;
}

.ss-marketing.active .marketing-svg-7 {
  stroke-dashoffset: 316.58184814453125px;
}

.ss-marketing .marketing-svg-8 {
  stroke-dashoffset: 39.30200958251953px;
  stroke-dasharray: 39.30200958251953px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.84s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.84s;
}

.ss-marketing.active .marketing-svg-8 {
  stroke-dashoffset: 78.60401916503906px;
}

.ss-marketing .marketing-svg-9 {
  stroke-dashoffset: 179.38929748535156px;
  stroke-dasharray: 179.38929748535156px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.96s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.96s;
}

.ss-marketing.active .marketing-svg-9 {
  stroke-dashoffset: 358.7785949707031px;
}

.ss-marketing .marketing-svg-10 {
  stroke-dashoffset: 1082px;
  stroke-dasharray: 1082px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.08s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.08s;
}

.ss-marketing.active .marketing-svg-10 {
  stroke-dashoffset: 2164px;
}
/* eco-fiendly svg */


.ss-eco-friendly .eco-svg-1 {
  stroke-dashoffset: 882px;
  stroke-dasharray: 882px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.ss-eco-friendly.active .eco-svg-1 {
  stroke-dashoffset: 1764px;
}

.ss-eco-friendlyvg .eco-svg-2 {
  stroke-dashoffset: 882px;
  stroke-dasharray: 882px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.12s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.12s;
}

.ss-eco-friendly.active .eco-svg-2 {
  stroke-dashoffset: 1764px;
}

.ss-eco-friendly .eco-svg-3 {
  stroke-dashoffset: 236.5124053955078px;
  stroke-dasharray: 236.5124053955078px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.24s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.24s;
}

.ss-eco-friendly.active .eco-svg-3 {
  stroke-dashoffset: 473.0248107910156px;
}

.ss-eco-friendly .eco-svg-4 {
  stroke-dashoffset: 42.917911529541016px;
  stroke-dasharray: 42.917911529541016px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.36s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.36s;
}

.ss-eco-friendly.active .eco-svg-4 {
  stroke-dashoffset: 85.83582305908203px;
}

.ss-eco-friendly .eco-svg-5 {
  stroke-dashoffset: 236.51300048828125px;
  stroke-dasharray: 236.51300048828125px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.48s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.48s;
}

.ss-eco-friendly.active .eco-svg-5 {
  stroke-dashoffset: 473.0260009765625px;
}

.ss-eco-friendly .eco-svg-6 {
  stroke-dashoffset: 42.91748809814453px;
  stroke-dasharray: 42.91748809814453px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
}

.ss-eco-friendly.active .eco-svg-6 {
  stroke-dashoffset: 85.83497619628906px;
}

.ss-eco-friendly .eco-svg-7 {
  stroke-dashoffset: 236.5128936767578px;
  stroke-dasharray: 236.5128936767578px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.72s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.72s;
}

.ss-eco-friendly.active .eco-svg-7 {
  stroke-dashoffset: 473.0257873535156px;
}

.ss-eco-friendly .eco-svg-8 {
  stroke-dashoffset: 42.917388916015625px;
  stroke-dasharray: 42.917388916015625px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.84s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.84s;
}

.ss-eco-friendly.active .eco-svg-8 {
  stroke-dashoffset: 85.83477783203125px;
}
/***************************************************
 * Generated by SVG Artista on 9/15/2023, 11:15:17 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

.ss-shipping .shipping-svg-1 {
  stroke-dashoffset: 882px;
  stroke-dasharray: 882px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.ss-shipping.active .shipping-svg-1 {
  stroke-dashoffset: 0;
}

.ss-shipping .shipping-svg-2 {
  stroke-dashoffset: 129.20684814453125px;
  stroke-dasharray: 129.20684814453125px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.12s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.12s;
}

.ss-shipping.active .shipping-svg-2 {
  stroke-dashoffset: 0;
}

.ss-shipping .shipping-svg-3 {
  stroke-dashoffset: 698.0177612304688px;
  stroke-dasharray: 698.0177612304688px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.24s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.24s;
}

.ss-shipping.active .shipping-svg-3 {
  stroke-dashoffset: 0;
}

.ss-shipping .shipping-svg-4 {
  stroke-dashoffset: 882px;
  stroke-dasharray: 882px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.36s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.36s;
}

.ss-shipping.active .shipping-svg-4 {
  stroke-dashoffset: 0;
}
/* cta curl lines */

/***************************************************
 * Generated by SVG Artista on 9/18/2023, 10:06:57 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

.curl-lines .curl-line-1 {
  stroke-dashoffset: 330.1783142089844px;
  stroke-dasharray: 330.1783142089844px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.curl-lines.active .curl-line-1 {
  stroke-dashoffset: 0;
}

.curl-lines .curl-line-2 {
  stroke-dashoffset: 330.17803955078125px;
  stroke-dasharray: 330.17803955078125px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
          transition: stroke-dashoffset 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.curl-lines.active .curl-line-2 {
  stroke-dashoffset: 0;
}




/* animation abouts us page */

/***************************************************
 * Generated by SVG Artista on 10/7/2024, 3:26:09 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

.ss-about-logo .svelem-1 {
  stroke-dashoffset: 1371.5257568359375px;
  stroke-dasharray: 1371.5257568359375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

.ss-about-logo.active .svelem-1 {
  stroke-dashoffset: 0;
  fill: rgb(109, 110, 113);
}

.ss-about-logo .svelem-2 {
  stroke-dashoffset: 1614.304443359375px;
  stroke-dasharray: 1614.304443359375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

.ss-about-logo.active .svelem-2 {
  stroke-dashoffset: 0;
  fill: rgb(0, 121, 45);
}

.ss-about-logo .svelem-3 {
  stroke-dashoffset: 102.42147064208984px;
  stroke-dasharray: 102.42147064208984px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

.ss-about-logo.active .svelem-3 {
  stroke-dashoffset: 0;
  fill: rgb(109, 110, 113);
}

.ss-about-logo .svelem-4 {
  stroke-dashoffset: 60.313438415527344px;
  stroke-dasharray: 60.313438415527344px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

.ss-about-logo.active .svelem-4 {
  stroke-dashoffset: 0;
  fill: rgb(109, 110, 113);
}

.ss-about-logo .svelem-5 {
  stroke-dashoffset: 1383.8228759765625px;
  stroke-dasharray: 1383.8228759765625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

.ss-about-logo.active .svelem-5 {
  stroke-dashoffset: 0;
  fill: rgb(0, 70, 26);
}

.ss-about-logo .svelem-6 {
  stroke-dashoffset: 556.697509765625px;
  stroke-dasharray: 556.697509765625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

.ss-about-logo.active .svelem-6 {
  stroke-dashoffset: 0;
  fill: rgb(0, 70, 26);
}

.ss-about-logo .svelem-7 {
  stroke-dashoffset: 646.8846435546875px;
  stroke-dasharray: 646.8846435546875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

.ss-about-logo.active .svelem-7 {
  stroke-dashoffset: 0;
  fill: rgb(128, 130, 133);
}

.ss-about-logo .svelem-8 {
  stroke-dashoffset: 555.207275390625px;
  stroke-dasharray: 555.207275390625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

.ss-about-logo.active .svelem-8 {
  stroke-dashoffset: 0;
  fill: rgb(0, 121, 45);
}

.ss-about-logo .svelem-9 {
  stroke-dashoffset: 1334.1083984375px;
  stroke-dasharray: 1334.1083984375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

.ss-about-logo.active .svelem-9 {
  stroke-dashoffset: 0;
  fill: rgb(0, 70, 26);
}

.ss-about-logo .svelem-10 {
  stroke-dashoffset: 403.5195617675781px;
  stroke-dasharray: 403.5195617675781px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

.ss-about-logo.active .svelem-10 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

.ss-about-logo .svelem-11 {
  stroke-dashoffset: 336.18438720703125px;
  stroke-dasharray: 336.18438720703125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

.ss-about-logo.active .svelem-11 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}


/* ========== Abouts us keyfeatures ========= */



.pencil-svg .penline-1 {
  stroke-dashoffset: 300.8406677246094px;
  stroke-dasharray: 300.8406677246094px;
  -webkit-transition: stroke-dashoffset 2s ease 0s;
          transition: stroke-dashoffset 2s ease 0s;
}

.pencil-svg.active .penline-1 {
  stroke-dashoffset: 0;
}

.pencil-svg .penline-2 {
  stroke-dashoffset: 118.76676177978516px;
  stroke-dasharray: 118.76676177978516px;
  -webkit-transition: stroke-dashoffset 2s ease 0.12s;
          transition: stroke-dashoffset 2s ease 0.12s;
}

.pencil-svg.active .penline-2 {
  stroke-dashoffset: 0;
}

.pencil-svg .penline-3 {
  stroke-dashoffset: 55.80624771118164px;
  stroke-dasharray: 55.80624771118164px;
  -webkit-transition: stroke-dashoffset 2s ease 0.24s;
          transition: stroke-dashoffset 2s ease 0.24s;
}

.pencil-svg.active .penline-3 {
  stroke-dashoffset: 0;
}

.pencil-svg .penline-4 {
  stroke-dashoffset: 25.39111328125px;
  stroke-dasharray: 25.39111328125px;
  -webkit-transition: stroke-dashoffset 2s ease 0.36s;
          transition: stroke-dashoffset 2s ease 0.36s;
}

.pencil-svg.active .penline-4 {
  stroke-dashoffset: 0;
}

.pencil-svg .penline-5 {
  stroke-dashoffset: 70.32229614257812px;
  stroke-dasharray: 70.32229614257812px;
  -webkit-transition: stroke-dashoffset 2s ease 0.48s;
          transition: stroke-dashoffset 2s ease 0.48s;
}

.pencil-svg.active .penline-5 {
  stroke-dashoffset: 0;
}

.pencil-svg .penline-6 {
  stroke-dashoffset: 67.47576904296875px;
  stroke-dasharray: 67.47576904296875px;
  -webkit-transition: stroke-dashoffset 2s ease 0.6s;
          transition: stroke-dashoffset 2s ease 0.6s;
}

.pencil-svg.active .penline-6 {
  stroke-dashoffset: 0;
}

/* ==================== Benefits Page Animations =============================== */

/***************************************************
 * Generated by SVG Artista on 9/24/2023, 2:54:46 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

.ss-benefits-cta-arrow .penline-1 {
  stroke-dashoffset: 62.429840087890625px;
  stroke-dasharray: 62.429840087890625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 2s ease 0s, fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: stroke-dashoffset 2s ease 0s, fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

.ss-benefits-cta-arrow.active .penline-1 {
  stroke-dashoffset: 124.85968017578125px;
  fill: rgb(0, 70, 26);
}

.ss-benefits-cta-arrow .penline-2 {
  stroke-dashoffset: 62.429840087890625px;
  stroke-dasharray: 62.429840087890625px;
  -webkit-transition: stroke-dashoffset 2s ease 0.12s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.12s;
          transition: stroke-dashoffset 2s ease 0.12s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.12s;
}

.ss-benefits-cta-arrow.active .penline-2 {
  stroke-dashoffset: 124.85968017578125px;
}

.ss-benefits-cta-arrow .penline-3 {
  stroke-dashoffset: 213.7970428466797px;
  stroke-dasharray: 213.7970428466797px;
  -webkit-transition: stroke-dashoffset 2s ease 0.24s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.24s;
          transition: stroke-dashoffset 2s ease 0.24s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.24s;
}

.ss-benefits-cta-arrow.active .penline-3 {
  stroke-dashoffset: 427.5940856933594px;
}

/***************************************************

 **************************************************/

.benefits-line-stars .line-star-1 {
  stroke-dashoffset: 420.4166259765625px;
  stroke-dasharray: 420.4166259765625px;
  -webkit-transition: stroke-dashoffset 2s ease 0s, fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: stroke-dashoffset 2s ease 0s, fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

.benefits-line-stars.active .line-star-1 {
  stroke-dashoffset: 0;
}

.benefits-line-stars .line-star-2 {
  stroke-dashoffset: 83.58528137207031px;
  stroke-dasharray: 83.58528137207031px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 2s ease 0.12s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.12s;
          transition: stroke-dashoffset 2s ease 0.12s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.12s;
}

.benefits-line-stars.active .line-star-2 {
  stroke-dashoffset: 0;
  fill: rgb(0, 121, 45);
}

.benefits-line-stars .line-star-3 {
  stroke-dashoffset: 116.32457733154297px;
  stroke-dasharray: 116.32457733154297px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 2s ease 0.24s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.24s;
          transition: stroke-dashoffset 2s ease 0.24s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.24s;
}

.benefits-line-stars.active .line-star-3 {
  stroke-dashoffset: 0;
  fill: rgb(0, 70, 26);
}

.benefits-line-stars .line-star-4 {
  stroke-dashoffset: 52.26548245743669px;
  stroke-dasharray: 52.26548245743669px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 2s ease 0.36s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3599999999999999s;
          transition: stroke-dashoffset 2s ease 0.36s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3599999999999999s;
}

.benefits-line-stars.active .line-star-4 {
  stroke-dashoffset: 0;
  fill: rgb(0, 121, 45);
}

.benefits-line-stars .line-star-5 {
  stroke-dashoffset: 33.41592653589793px;
  stroke-dasharray: 33.41592653589793px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 2s ease 0.48s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.48s;
          transition: stroke-dashoffset 2s ease 0.48s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.48s;
}

.benefits-line-stars.active .line-star-5 {
  stroke-dashoffset: 0;
  fill: rgb(38, 38, 38);
}