/* ------------------------------------- */
/* 1. LOADING SCREEN ................... */
/* ------------------------------------- */
.before-loading {
  visibility: hidden !important;
  opacity: 0 !important;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; 
  transition: all 0.3s ease-in-out;
}
#loading {
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: transparent;
}

#loading:before {
  position: absolute;
  z-index: -10;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: calc(100% + 3px);
  content: '';
  -webkit-transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);
  background: #455881;

}

#loading:after {
  position: absolute;
  z-index: -20;
  top: 0%;
  left: 0;
  display: block;
  width: 100%;
  height: calc(100% - 3px);
  content: '';
  -webkit-transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);
  background: #455881;

}

#loading.loaded:before {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

#loading.loaded:after {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}

#loading .loader,
#loading .loader__figure {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#loading .loader {
  overflow: visible;
  width: auto;
  height: 50px;
  padding: 0;
/*
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
*/
  text-align: center;
}

#loading .loader.loaded {
  opacity: 0;
}

#loading .loader .dots {
  font-size: 36px;
  position: relative;
  display: inline-block;
  opacity: 0;
  color: #BE735A;
}
#loading .loader .dots:nth-child(3n+0) { color: #fff; }

#loading .loader .dots:nth-child(6) {
  -webkit-animation: moving 3s infinite ease;
          animation: moving 3s infinite ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#loading .loader .dots:nth-child(5) {
  -webkit-animation: moving 3s 100ms infinite ease;
          animation: moving 3s 100ms infinite ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#loading .loader .dots:nth-child(4) {
  -webkit-animation: moving 3s 200ms infinite ease;
          animation: moving 3s 200ms infinite ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#loading .loader .dots:nth-child(3) {
  -webkit-animation: moving 3s 300ms infinite ease;
          animation: moving 3s 300ms infinite ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#loading .loader .dots:nth-child(2) {
  -webkit-animation: moving 3s 400ms infinite ease;
          animation: moving 3s 400ms infinite ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#loading .loader .dots:nth-child(1) {
  -webkit-animation: moving 3s 500ms infinite ease;
          animation: moving 3s 500ms infinite ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#loading .loader .loader__label {
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  left: 0;
  overflow: hidden;
  width: 100%;
  margin: 0;
  margin-left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #BE735A;
  /* WORDS SWAP */
}

#loading .loader .loader__label span {
  position: relative;
  display: inline-block;
  font-weight: 100;
  font-style: normal;
  font-size: 15px;
	text-transform: none
}

#loading .loader .loader__label span#text__loader {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-animation: loader-label 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
          animation: loader-label 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  text-align: left;
}

#loading .loader .loader__label [data-words] {
  position: static;
  vertical-align: top;
}

#loading .loader .loader__label [data-words] > span {
  position: absolute;
  color: #fff;
}

@-webkit-keyframes moving {
  0% {
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
    opacity: 0;
  }
}

@keyframes moving {
  0% {
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
    opacity: 0;
  }
}

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

 svg .vi-home-animation-pattern-1 {
  stroke-dashoffset: 5218.19189453125px;
  stroke-dasharray: 5218.19189453125px;
  -webkit-transition: stroke-dashoffset 3s ease-in 3.5s;
          transition: stroke-dashoffset 3s ease-in 3.5s;
}

svg.active .vi-home-animation-pattern-1 {
  stroke-dashoffset: 0;
}


/***************************************************
 * Generated by SVG Artista on 3/11/2024, 11:16:41 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 svg .vi-pattern-logo-preloader-1 {
  stroke-dashoffset: 847.5361938476562px;
  stroke-dasharray: 847.5361938476562px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .vi-pattern-logo-preloader-1 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

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

 svg .pop-menu-svg-pattern-1 {
  stroke-dashoffset: 278.51654052734375px;
  stroke-dasharray: 278.51654052734375px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.active .pop-menu-svg-pattern-1 {
  stroke-dashoffset: 557.0330810546875px;
}

svg .pop-menu-svg-pattern-2 {
  stroke-dashoffset: 249.13873291015625px;
  stroke-dasharray: 249.13873291015625px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.12s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.12s;
}

svg.active .pop-menu-svg-pattern-2 {
  stroke-dashoffset: 498.2774658203125px;
}

svg .pop-menu-svg-pattern-3 {
  stroke-dashoffset: 89.64315032958984px;
  stroke-dasharray: 89.64315032958984px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.24s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.24s;
}

svg.active .pop-menu-svg-pattern-3 {
  stroke-dashoffset: 179.2863006591797px;
}

svg .pop-menu-svg-pattern-4 {
  stroke-dashoffset: 89.64265441894531px;
  stroke-dasharray: 89.64265441894531px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.36s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.36s;
}

svg.active .pop-menu-svg-pattern-4 {
  stroke-dashoffset: 179.28530883789062px;
}

svg .pop-menu-svg-pattern-5 {
  stroke-dashoffset: 64.50343322753906px;
  stroke-dasharray: 64.50343322753906px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.48s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.48s;
}

svg.active .pop-menu-svg-pattern-5 {
  stroke-dashoffset: 129.00686645507812px;
}

svg .pop-menu-svg-pattern-6 {
  stroke-dashoffset: 278.4256286621094px;
  stroke-dasharray: 278.4256286621094px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

svg.active .pop-menu-svg-pattern-6 {
  stroke-dashoffset: 556.8512573242188px;
}

svg .pop-menu-svg-pattern-7 {
  stroke-dashoffset: 206.3309326171875px;
  stroke-dasharray: 206.3309326171875px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7199999999999998s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7199999999999998s;
}

svg.active .pop-menu-svg-pattern-7 {
  stroke-dashoffset: 412.661865234375px;
}

svg .pop-menu-svg-pattern-8 {
  stroke-dashoffset: 319.2237548828125px;
  stroke-dasharray: 319.2237548828125px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.84s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.84s;
}

svg.active .pop-menu-svg-pattern-8 {
  stroke-dashoffset: 638.447509765625px;
}

svg .pop-menu-svg-pattern-9 {
  stroke-dashoffset: 72.86286163330078px;
  stroke-dasharray: 72.86286163330078px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.96s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.96s;
}

svg.active .pop-menu-svg-pattern-9 {
  stroke-dashoffset: 145.72572326660156px;
}

svg .pop-menu-svg-pattern-10 {
  stroke-dashoffset: 269.4105224609375px;
  stroke-dasharray: 269.4105224609375px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.08s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.08s;
}

svg.active .pop-menu-svg-pattern-10 {
  stroke-dashoffset: 538.821044921875px;
}

svg .pop-menu-svg-pattern-11 {
  stroke-dashoffset: 246.32266235351562px;
  stroke-dasharray: 246.32266235351562px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
}

svg.active .pop-menu-svg-pattern-11 {
  stroke-dashoffset: 492.64532470703125px;
}

svg .pop-menu-svg-pattern-12 {
  stroke-dashoffset: 203.14352416992188px;
  stroke-dasharray: 203.14352416992188px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.32s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.32s;
}

svg.active .pop-menu-svg-pattern-12 {
  stroke-dashoffset: 406.28704833984375px;
}

svg .pop-menu-svg-pattern-13 {
  stroke-dashoffset: 68.7010269165039px;
  stroke-dasharray: 68.7010269165039px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.44s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.44s;
}

svg.active .pop-menu-svg-pattern-13 {
  stroke-dashoffset: 137.4020538330078px;
}

svg .pop-menu-svg-pattern-14 {
  stroke-dashoffset: 264.9181213378906px;
  stroke-dasharray: 264.9181213378906px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.56s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.56s;
}

svg.active .pop-menu-svg-pattern-14 {
  stroke-dashoffset: 529.8362426757812px;
}

svg .pop-menu-svg-pattern-15 {
  stroke-dashoffset: 246.82936096191406px;
  stroke-dasharray: 246.82936096191406px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6799999999999997s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6799999999999997s;
}

svg.active .pop-menu-svg-pattern-15 {
  stroke-dashoffset: 493.6587219238281px;
}

svg .pop-menu-svg-pattern-16 {
  stroke-dashoffset: 203.14080810546875px;
  stroke-dasharray: 203.14080810546875px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
}

svg.active .pop-menu-svg-pattern-16 {
  stroke-dashoffset: 406.2816162109375px;
}

svg .pop-menu-svg-pattern-17 {
  stroke-dashoffset: 667px;
  stroke-dasharray: 667px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.92s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.92s;
}

svg.active .pop-menu-svg-pattern-17 {
  stroke-dashoffset: 1334px;
}



/***************************************************
 * Generated by SVG Artista on 5/14/2024, 1:32:46 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 svg .vi-ip-pattern-1 {
  stroke-dashoffset: 289.45892333984375px;
  stroke-dasharray: 289.45892333984375px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

svg.active .vi-ip-pattern-1 {
  stroke-dashoffset: 0;
}

svg .vi-ip-pattern-2 {
  stroke-dashoffset: 258.91619873046875px;
  stroke-dasharray: 258.91619873046875px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
}

svg.active .vi-ip-pattern-2 {
  stroke-dashoffset: 0;
}

svg .vi-ip-pattern-3 {
  stroke-dashoffset: 93.11133575439453px;
  stroke-dasharray: 93.11133575439453px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
}

svg.active .vi-ip-pattern-3 {
  stroke-dashoffset: 0;
}

svg .vi-ip-pattern-4 {
  stroke-dashoffset: 93.11163330078125px;
  stroke-dasharray: 93.11163330078125px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
}

svg.active .vi-ip-pattern-4 {
  stroke-dashoffset: 0;
}

svg .vi-ip-pattern-5 {
  stroke-dashoffset: 66.97608947753906px;
  stroke-dasharray: 66.97608947753906px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
}

svg.active .vi-ip-pattern-5 {
  stroke-dashoffset: 0;
}

svg .vi-ip-pattern-6 {
  stroke-dashoffset: 289.3561096191406px;
  stroke-dasharray: 289.3561096191406px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}

svg.active .vi-ip-pattern-6 {
  stroke-dashoffset: 0;
}

svg .vi-ip-pattern-7 {
  stroke-dashoffset: 214.41220092773438px;
  stroke-dasharray: 214.41220092773438px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
}

svg.active .vi-ip-pattern-7 {
  stroke-dashoffset: 0;
}

svg .vi-ip-pattern-8 {
  stroke-dashoffset: 331.775146484375px;
  stroke-dasharray: 331.775146484375px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
}

svg.active .vi-ip-pattern-8 {
  stroke-dashoffset: 0;
}

svg .vi-ip-pattern-9 {
  stroke-dashoffset: 75.66629028320312px;
  stroke-dasharray: 75.66629028320312px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
}

svg.active .vi-ip-pattern-9 {
  stroke-dashoffset: 0;
}

svg .vi-ip-pattern-10 {
  stroke-dashoffset: 279.9891357421875px;
  stroke-dasharray: 279.9891357421875px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
}

svg.active .vi-ip-pattern-10 {
  stroke-dashoffset: 0;
}

svg .vi-ip-pattern-11 {
  stroke-dashoffset: 255.98788452148438px;
  stroke-dasharray: 255.98788452148438px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

svg.active .vi-ip-pattern-11 {
  stroke-dashoffset: 0;
}

svg .vi-ip-pattern-12 {
  stroke-dashoffset: 211.10049438476562px;
  stroke-dasharray: 211.10049438476562px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s;
}

svg.active .vi-ip-pattern-12 {
  stroke-dashoffset: 0;
}

svg .vi-ip-pattern-13 {
  stroke-dashoffset: 71.33930969238281px;
  stroke-dasharray: 71.33930969238281px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s;
}

svg.active .vi-ip-pattern-13 {
  stroke-dashoffset: 0;
}

svg .vi-ip-pattern-14 {
  stroke-dashoffset: 275.3188171386719px;
  stroke-dasharray: 275.3188171386719px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s;
}

svg.active .vi-ip-pattern-14 {
  stroke-dashoffset: 0;
}

svg .vi-ip-pattern-15 {
  stroke-dashoffset: 256.5151672363281px;
  stroke-dasharray: 256.5151672363281px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s;
}

svg.active .vi-ip-pattern-15 {
  stroke-dashoffset: 0;
}

svg .vi-ip-pattern-16 {
  stroke-dashoffset: 211.09718322753906px;
  stroke-dasharray: 211.09718322753906px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s;
}

svg.active .vi-ip-pattern-16 {
  stroke-dashoffset: 0;
}

svg .vi-ip-pattern-17 {
  stroke-dashoffset: 1323px;
  stroke-dasharray: 1323px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s;
}

svg.active .vi-ip-pattern-17 {
  stroke-dashoffset: 0;
}



/***************************************************
 * Generated by SVG Artista on 5/20/2024, 4:28:37 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 svg .vi-head-patter-1 {
  stroke-dashoffset: 289.45892333984375px;
  stroke-dasharray: 289.45892333984375px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

svg.active .vi-head-patter-1 {
  stroke-dashoffset: 0;
}

svg .vi-head-patter-2 {
  stroke-dashoffset: 258.91619873046875px;
  stroke-dasharray: 258.91619873046875px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
}

svg.active .vi-head-patter-2 {
  stroke-dashoffset: 0;
}

svg .vi-head-patter-3 {
  stroke-dashoffset: 93.11133575439453px;
  stroke-dasharray: 93.11133575439453px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
}

svg.active .vi-head-patter-3 {
  stroke-dashoffset: 0;
}

svg .vi-head-patter-4 {
  stroke-dashoffset: 93.11163330078125px;
  stroke-dasharray: 93.11163330078125px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
}

svg.active .vi-head-patter-4 {
  stroke-dashoffset: 0;
}

svg .vi-head-patter-5 {
  stroke-dashoffset: 66.97608947753906px;
  stroke-dasharray: 66.97608947753906px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
}

svg.active .vi-head-patter-5 {
  stroke-dashoffset: 0;
}

svg .vi-head-patter-6 {
  stroke-dashoffset: 289.3561096191406px;
  stroke-dasharray: 289.3561096191406px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}

svg.active .vi-head-patter-6 {
  stroke-dashoffset: 0;
}

svg .vi-head-patter-7 {
  stroke-dashoffset: 214.41220092773438px;
  stroke-dasharray: 214.41220092773438px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
}

svg.active .vi-head-patter-7 {
  stroke-dashoffset: 0;
}

svg .vi-head-patter-8 {
  stroke-dashoffset: 331.775146484375px;
  stroke-dasharray: 331.775146484375px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
}

svg.active .vi-head-patter-8 {
  stroke-dashoffset: 0;
}

svg .vi-head-patter-9 {
  stroke-dashoffset: 75.66629028320312px;
  stroke-dasharray: 75.66629028320312px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
}

svg.active .vi-head-patter-9 {
  stroke-dashoffset: 0;
}

svg .vi-head-patter-10 {
  stroke-dashoffset: 279.9891357421875px;
  stroke-dasharray: 279.9891357421875px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
}

svg.active .vi-head-patter-10 {
  stroke-dashoffset: 0;
}

svg .vi-head-patter-11 {
  stroke-dashoffset: 255.98788452148438px;
  stroke-dasharray: 255.98788452148438px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

svg.active .vi-head-patter-11 {
  stroke-dashoffset: 0;
}

svg .vi-head-patter-12 {
  stroke-dashoffset: 211.10049438476562px;
  stroke-dasharray: 211.10049438476562px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s;
}

svg.active .vi-head-patter-12 {
  stroke-dashoffset: 0;
}

svg .vi-head-patter-13 {
  stroke-dashoffset: 71.33930969238281px;
  stroke-dasharray: 71.33930969238281px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s;
}

svg.active .vi-head-patter-13 {
  stroke-dashoffset: 0;
}

svg .vi-head-patter-14 {
  stroke-dashoffset: 275.3188171386719px;
  stroke-dasharray: 275.3188171386719px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s;
}

svg.active .vi-head-patter-14 {
  stroke-dashoffset: 0;
}

svg .vi-head-patter-15 {
  stroke-dashoffset: 256.5151672363281px;
  stroke-dasharray: 256.5151672363281px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s;
}

svg.active .vi-head-patter-15 {
  stroke-dashoffset: 0;
}

svg .vi-head-patter-16 {
  stroke-dashoffset: 211.09718322753906px;
  stroke-dasharray: 211.09718322753906px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s;
}

svg.active .vi-head-patter-16 {
  stroke-dashoffset: 0;
}



/***************************************************
 * Generated by SVG Artista on 5/21/2024, 8:48:27 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 svg .news-pattern-anim-1 {
  stroke-dashoffset: 427.21685791015625px;
  stroke-dasharray: 427.21685791015625px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

svg.active .news-pattern-anim-1 {
  stroke-dashoffset: 0;
}

svg .news-pattern-anim-2 {
  stroke-dashoffset: 382.0408935546875px;
  stroke-dasharray: 382.0408935546875px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
}

svg.active .news-pattern-anim-2 {
  stroke-dashoffset: 0;
}

svg .news-pattern-anim-3 {
  stroke-dashoffset: 136.7754669189453px;
  stroke-dasharray: 136.7754669189453px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
}

svg.active .news-pattern-anim-3 {
  stroke-dashoffset: 0;
}

svg .news-pattern-anim-4 {
  stroke-dashoffset: 136.77471923828125px;
  stroke-dasharray: 136.77471923828125px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
}

svg.active .news-pattern-anim-4 {
  stroke-dashoffset: 0;
}

svg .news-pattern-anim-5 {
  stroke-dashoffset: 98.1153793334961px;
  stroke-dasharray: 98.1153793334961px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
}

svg.active .news-pattern-anim-5 {
  stroke-dashoffset: 0;
}

svg .news-pattern-anim-6 {
  stroke-dashoffset: 427.0672607421875px;
  stroke-dasharray: 427.0672607421875px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}

svg.active .news-pattern-anim-6 {
  stroke-dashoffset: 0;
}

svg .news-pattern-anim-7 {
  stroke-dashoffset: 316.2083740234375px;
  stroke-dasharray: 316.2083740234375px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
}

svg.active .news-pattern-anim-7 {
  stroke-dashoffset: 0;
}

svg .news-pattern-anim-8 {
  stroke-dashoffset: 489.8143615722656px;
  stroke-dasharray: 489.8143615722656px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
}

svg.active .news-pattern-anim-8 {
  stroke-dashoffset: 0;
}

svg .news-pattern-anim-9 {
  stroke-dashoffset: 110.97057342529297px;
  stroke-dasharray: 110.97057342529297px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
}

svg.active .news-pattern-anim-9 {
  stroke-dashoffset: 0;
}

svg .news-pattern-anim-10 {
  stroke-dashoffset: 413.2113952636719px;
  stroke-dasharray: 413.2113952636719px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
}

svg.active .news-pattern-anim-10 {
  stroke-dashoffset: 0;
}

svg .news-pattern-anim-11 {
  stroke-dashoffset: 377.70782470703125px;
  stroke-dasharray: 377.70782470703125px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

svg.active .news-pattern-anim-11 {
  stroke-dashoffset: 0;
}

svg .news-pattern-anim-12 {
  stroke-dashoffset: 311.3087158203125px;
  stroke-dasharray: 311.3087158203125px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s;
}

svg.active .news-pattern-anim-12 {
  stroke-dashoffset: 0;
}

svg .news-pattern-anim-13 {
  stroke-dashoffset: 104.56807708740234px;
  stroke-dasharray: 104.56807708740234px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s;
}

svg.active .news-pattern-anim-13 {
  stroke-dashoffset: 0;
}

svg .news-pattern-anim-14 {
  stroke-dashoffset: 406.301025390625px;
  stroke-dasharray: 406.301025390625px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s;
}

svg.active .news-pattern-anim-14 {
  stroke-dashoffset: 0;
}

svg .news-pattern-anim-15 {
  stroke-dashoffset: 378.48614501953125px;
  stroke-dasharray: 378.48614501953125px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s;
}

svg.active .news-pattern-anim-15 {
  stroke-dashoffset: 0;
}

svg .news-pattern-anim-16 {
  stroke-dashoffset: 311.3031005859375px;
  stroke-dasharray: 311.3031005859375px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s;
}

svg.active .news-pattern-anim-16 {
  stroke-dashoffset: 0;
}

svg .news-pattern-anim-17 {
  stroke-dashoffset: 248px;
  stroke-dasharray: 248px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s;
}

svg.active .news-pattern-anim-17 {
  stroke-dashoffset: 0;
}



/***************************************************
 * Generated by SVG Artista on 6/13/2024, 4:17:17 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 svg .news-detail--page-pattern-1 {
  stroke-dashoffset: 427.2101745605469px;
  stroke-dasharray: 427.2101745605469px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

svg.active .news-detail--page-pattern-1 {
  stroke-dashoffset: 0;
}

svg .news-detail--page-pattern-2 {
  stroke-dashoffset: 382.04150390625px;
  stroke-dasharray: 382.04150390625px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
}

svg.active .news-detail--page-pattern-2 {
  stroke-dashoffset: 0;
}

svg .news-detail--page-pattern-3 {
  stroke-dashoffset: 136.7700653076172px;
  stroke-dasharray: 136.7700653076172px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
}

svg.active .news-detail--page-pattern-3 {
  stroke-dashoffset: 0;
}

svg .news-detail--page-pattern-4 {
  stroke-dashoffset: 136.769287109375px;
  stroke-dasharray: 136.769287109375px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
}

svg.active .news-detail--page-pattern-4 {
  stroke-dashoffset: 0;
}

svg .news-detail--page-pattern-5 {
  stroke-dashoffset: 98.11453247070312px;
  stroke-dasharray: 98.11453247070312px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
}

svg.active .news-detail--page-pattern-5 {
  stroke-dashoffset: 0;
}

svg .news-detail--page-pattern-6 {
  stroke-dashoffset: 427.080322265625px;
  stroke-dasharray: 427.080322265625px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}

svg.active .news-detail--page-pattern-6 {
  stroke-dashoffset: 0;
}

svg .news-detail--page-pattern-7 {
  stroke-dashoffset: 316.2026672363281px;
  stroke-dasharray: 316.2026672363281px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
}

svg.active .news-detail--page-pattern-7 {
  stroke-dashoffset: 0;
}

svg .news-detail--page-pattern-8 {
  stroke-dashoffset: 489.82232666015625px;
  stroke-dasharray: 489.82232666015625px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
}

svg.active .news-detail--page-pattern-8 {
  stroke-dashoffset: 0;
}

svg .news-detail--page-pattern-9 {
  stroke-dashoffset: 110.96623992919922px;
  stroke-dasharray: 110.96623992919922px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
}

svg.active .news-detail--page-pattern-9 {
  stroke-dashoffset: 0;
}

svg .news-detail--page-pattern-10 {
  stroke-dashoffset: 413.19879150390625px;
  stroke-dasharray: 413.19879150390625px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
}

svg.active .news-detail--page-pattern-10 {
  stroke-dashoffset: 0;
}

svg .news-detail--page-pattern-11 {
  stroke-dashoffset: 377.7093505859375px;
  stroke-dasharray: 377.7093505859375px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

svg.active .news-detail--page-pattern-11 {
  stroke-dashoffset: 0;
}

svg .news-detail--page-pattern-12 {
  stroke-dashoffset: 311.3055419921875px;
  stroke-dasharray: 311.3055419921875px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s;
}

svg.active .news-detail--page-pattern-12 {
  stroke-dashoffset: 0;
}

svg .news-detail--page-pattern-13 {
  stroke-dashoffset: 104.56710815429688px;
  stroke-dasharray: 104.56710815429688px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s;
}

svg.active .news-detail--page-pattern-13 {
  stroke-dashoffset: 0;
}

svg .news-detail--page-pattern-14 {
  stroke-dashoffset: 406.293212890625px;
  stroke-dasharray: 406.293212890625px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s;
}

svg.active .news-detail--page-pattern-14 {
  stroke-dashoffset: 0;
}

svg .news-detail--page-pattern-15 {
  stroke-dashoffset: 378.48382568359375px;
  stroke-dasharray: 378.48382568359375px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s;
}

svg.active .news-detail--page-pattern-15 {
  stroke-dashoffset: 0;
}

svg .news-detail--page-pattern-16 {
  stroke-dashoffset: 311.300048828125px;
  stroke-dasharray: 311.300048828125px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s;
}

svg.active .news-detail--page-pattern-16 {
  stroke-dashoffset: 0;
}

svg .news-detail--page-pattern-17 {
  stroke-dashoffset: 973px;
  stroke-dasharray: 973px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s;
}

svg.active .news-detail--page-pattern-17 {
  stroke-dashoffset: 0;
}