.elementor-1897 .elementor-element.elementor-element-ffe8170{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1897 .elementor-element.elementor-element-ffe8170:not(.elementor-motion-effects-element-type-background), .elementor-1897 .elementor-element.elementor-element-ffe8170 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4c11563 );}.elementor-1897 .elementor-element.elementor-element-6dacbbd .elementor-cta .elementor-cta__bg, .elementor-1897 .elementor-element.elementor-element-6dacbbd .elementor-cta .elementor-cta__bg-overlay{transition-duration:600ms;}.elementor-1897 .elementor-element.elementor-element-6dacbbd .elementor-cta__content{min-height:70vh;text-align:left;background-color:var( --e-global-color-4c11563 );}.elementor-1897 .elementor-element.elementor-element-6dacbbd .elementor-cta__title{font-family:"Arial", Arial;font-size:32px;font-weight:600;line-height:1.3em;color:var( --e-global-color-secondary );}.elementor-1897 .elementor-element.elementor-element-6dacbbd .elementor-cta__description{color:var( --e-global-color-secondary );}.elementor-1897 .elementor-element.elementor-element-6dacbbd .elementor-cta__button{font-family:"Arial", Arial;font-size:14px;font-weight:600;color:var( --e-global-color-f72be0b );background-color:var( --e-global-color-accent );border-color:#FFFFFF00;}.elementor-1897 .elementor-element.elementor-element-6dacbbd .elementor-cta__button:hover{color:var( --e-global-color-secondary );background-color:var( --e-global-color-accent );}.elementor-1897 .elementor-element.elementor-element-5426f85{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1897 .elementor-element.elementor-element-5426f85:not(.elementor-motion-effects-element-type-background), .elementor-1897 .elementor-element.elementor-element-5426f85 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFA;}.elementor-1897 .elementor-element.elementor-element-90bdd8d .elementor-cta .elementor-cta__bg, .elementor-1897 .elementor-element.elementor-element-90bdd8d .elementor-cta .elementor-cta__bg-overlay{transition-duration:600ms;}.elementor-1897 .elementor-element.elementor-element-90bdd8d .elementor-cta__content{min-height:50vh;text-align:left;}.elementor-1897 .elementor-element.elementor-element-90bdd8d .elementor-cta__bg-wrapper{min-width:50%;}.elementor-1897 .elementor-element.elementor-element-90bdd8d .elementor-cta__title{font-family:"Arial", Arial;font-size:32px;font-weight:600;line-height:1.3em;}.elementor-1897 .elementor-element.elementor-element-a15dfed{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1897 .elementor-element.elementor-element-ae98be3{text-align:center;}.elementor-1897 .elementor-element.elementor-element-ae98be3 .elementor-heading-title{font-family:"Arial", Arial;font-size:32px;}.elementor-1897 .elementor-element.elementor-element-c06f851{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:3px;}.elementor-1897 .elementor-element.elementor-element-c06f851 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1897 .elementor-element.elementor-element-c06f851 .elementor-divider-separator{width:15%;margin:0 auto;margin-center:0;}.elementor-1897 .elementor-element.elementor-element-c06f851 .elementor-divider{text-align:center;padding-block-start:5px;padding-block-end:5px;}.elementor-1897 .elementor-element.elementor-element-f123d9d{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-1897 .elementor-element.elementor-element-f123d9d > .elementor-widget-container{margin:-20px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-1897 .elementor-element.elementor-element-9bca45c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1897 .elementor-element.elementor-element-1b703a3{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-1897 .elementor-element.elementor-element-1b703a3.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1897 .elementor-element.elementor-element-1b703a3.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1897 .elementor-element.elementor-element-1b703a3.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1897 .elementor-element.elementor-element-1b703a3 .elementor-image-box-title{margin-bottom:5px;}.elementor-1897 .elementor-element.elementor-element-1b703a3 .elementor-image-box-wrapper .elementor-image-box-img{width:60%;}.elementor-1897 .elementor-element.elementor-element-1b703a3 .elementor-image-box-img img{border-radius:15px;transition-duration:0.3s;}.elementor-1897 .elementor-element.elementor-element-421cef7{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-1897 .elementor-element.elementor-element-421cef7.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1897 .elementor-element.elementor-element-421cef7.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1897 .elementor-element.elementor-element-421cef7.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1897 .elementor-element.elementor-element-421cef7 .elementor-image-box-title{margin-bottom:5px;}.elementor-1897 .elementor-element.elementor-element-421cef7 .elementor-image-box-wrapper .elementor-image-box-img{width:60%;}.elementor-1897 .elementor-element.elementor-element-421cef7 .elementor-image-box-img img{border-radius:15px;transition-duration:0.3s;}.elementor-1897 .elementor-element.elementor-element-1138af1{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-1897 .elementor-element.elementor-element-1138af1.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1897 .elementor-element.elementor-element-1138af1.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1897 .elementor-element.elementor-element-1138af1.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1897 .elementor-element.elementor-element-1138af1 .elementor-image-box-title{margin-bottom:5px;}.elementor-1897 .elementor-element.elementor-element-1138af1 .elementor-image-box-wrapper .elementor-image-box-img{width:60%;}.elementor-1897 .elementor-element.elementor-element-1138af1 .elementor-image-box-img img{border-radius:15px;transition-duration:0.3s;}.elementor-1897 .elementor-element.elementor-element-752d1f6{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-1897 .elementor-element.elementor-element-752d1f6.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1897 .elementor-element.elementor-element-752d1f6.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1897 .elementor-element.elementor-element-752d1f6.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1897 .elementor-element.elementor-element-752d1f6 .elementor-image-box-title{margin-bottom:5px;}.elementor-1897 .elementor-element.elementor-element-752d1f6 .elementor-image-box-wrapper .elementor-image-box-img{width:60%;}.elementor-1897 .elementor-element.elementor-element-752d1f6 .elementor-image-box-img img{border-radius:15px;transition-duration:0.3s;}.elementor-1897 .elementor-element.elementor-element-08d6504{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1897 .elementor-element.elementor-element-08d6504:not(.elementor-motion-effects-element-type-background), .elementor-1897 .elementor-element.elementor-element-08d6504 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFA;}.elementor-1897 .elementor-element.elementor-element-0788b37{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-1897 .elementor-element.elementor-element-e14d5c8 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1897 .elementor-element.elementor-element-e91f511{--display:flex;}.elementor-1897 .elementor-element.elementor-element-517d78c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1897 .elementor-element.elementor-element-4cc0fd3 > .elementor-widget-container{margin:-20px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-1897 .elementor-element.elementor-element-4b795b7{--display:flex;}.elementor-1897 .elementor-element.elementor-element-85db5b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1897 .elementor-element.elementor-element-fd2ef2c > .elementor-widget-container{margin:-20px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-1897 .elementor-element.elementor-element-c8ee3ad{--display:flex;}.elementor-1897 .elementor-element.elementor-element-0d8be44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1897 .elementor-element.elementor-element-1564e11 > .elementor-widget-container{margin:-20px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-1897 .elementor-element.elementor-element-1f20085{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-1897 .elementor-element.elementor-element-60ec80d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;}.elementor-1897 .elementor-element.elementor-element-4c2864c .elementor-cta .elementor-cta__bg, .elementor-1897 .elementor-element.elementor-element-4c2864c .elementor-cta .elementor-cta__bg-overlay{transition-duration:1000ms;}.elementor-1897 .elementor-element.elementor-element-4c2864c.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-1897 .elementor-element.elementor-element-4c2864c .elementor-cta__content{text-align:left;}.elementor-1897 .elementor-element.elementor-element-4c2864c .elementor-cta__bg-wrapper{min-height:40vh;}.elementor-1897 .elementor-element.elementor-element-4c2864c .elementor-cta__title{font-family:"Arial", Arial;font-size:26px;font-weight:700;text-transform:capitalize;line-height:1.4em;}.elementor-1897 .elementor-element.elementor-element-4c2864c .elementor-cta__button{font-family:"Arial", Arial;font-size:18px;font-weight:600;color:var( --e-global-color-f72be0b );background-color:var( --e-global-color-accent );border-color:#FFFFFF00;}.elementor-1897 .elementor-element.elementor-element-4c2864c .elementor-cta__button:hover{color:var( --e-global-color-secondary );background-color:var( --e-global-color-accent );}.elementor-1897 .elementor-element.elementor-element-f30d5bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1897 .elementor-element.elementor-element-d36f035 .elementor-heading-title{font-family:"Arial", Arial;font-size:24px;font-weight:600;}.elementor-1897 .elementor-element.elementor-element-4e7b8ed{--grid-columns:2;}.elementor-1897 .elementor-element.elementor-element-4e7b8ed .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1897 .elementor-element.elementor-element-4e7b8ed .e-loop-item > .elementor-section, .elementor-1897 .elementor-element.elementor-element-4e7b8ed .e-loop-item > .elementor-section > .elementor-container, .elementor-1897 .elementor-element.elementor-element-4e7b8ed .e-loop-item > .e-con, .elementor-1897 .elementor-element.elementor-element-4e7b8ed .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1897 .elementor-element.elementor-element-c5748e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1897 .elementor-element.elementor-element-c5748e1:not(.elementor-motion-effects-element-type-background), .elementor-1897 .elementor-element.elementor-element-c5748e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFA;}.elementor-1897 .elementor-element.elementor-element-8d3b89a .elementor-cta__content-item{transition-duration:800ms;}.elementor-1897 .elementor-element.elementor-element-8d3b89a.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 800ms / 3 );}.elementor-1897 .elementor-element.elementor-element-8d3b89a.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 800ms / 3 ) * 2 );}.elementor-1897 .elementor-element.elementor-element-8d3b89a.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 800ms / 3 ) * 3 );}.elementor-1897 .elementor-element.elementor-element-8d3b89a .elementor-cta .elementor-cta__bg, .elementor-1897 .elementor-element.elementor-element-8d3b89a .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-1897 .elementor-element.elementor-element-8d3b89a .elementor-cta__content{min-height:55vh;text-align:center;}.elementor-1897 .elementor-element.elementor-element-8d3b89a .elementor-cta__button{font-family:"Arial", Arial;font-size:18px;font-weight:600;color:var( --e-global-color-f72be0b );background-color:var( --e-global-color-accent );border-color:#FFFFFF00;}.elementor-1897 .elementor-element.elementor-element-8d3b89a .elementor-cta__button:hover{color:var( --e-global-color-secondary );background-color:var( --e-global-color-accent );}.elementor-1897 .elementor-element.elementor-element-8d3b89a .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:#2A2A2A9E;}@media(max-width:1280px){.elementor-1897 .elementor-element.elementor-element-6dacbbd .elementor-cta__title{font-size:28px;}.elementor-1897 .elementor-element.elementor-element-90bdd8d .elementor-cta__content{min-height:46vh;}.elementor-1897 .elementor-element.elementor-element-90bdd8d .elementor-cta__bg-wrapper{min-width:50%;}.elementor-1897 .elementor-element.elementor-element-90bdd8d .elementor-cta__title{font-size:28px;}.elementor-1897 .elementor-element.elementor-element-4c2864c .elementor-cta__bg-wrapper{min-height:30vh;}.elementor-1897 .elementor-element.elementor-element-4c2864c .elementor-cta__title{font-size:26px;}.elementor-1897 .elementor-element.elementor-element-8d3b89a .elementor-cta__content{min-height:45vh;}}@media(max-width:880px){.elementor-1897 .elementor-element.elementor-element-9bca45c{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1897 .elementor-element.elementor-element-1b703a3{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-1897 .elementor-element.elementor-element-421cef7{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-1897 .elementor-element.elementor-element-1138af1{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-1897 .elementor-element.elementor-element-752d1f6{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-1897 .elementor-element.elementor-element-f30d5bc{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1897 .elementor-element.elementor-element-4e7b8ed{--grid-columns:2;}}@media(max-width:512px){.elementor-1897 .elementor-element.elementor-element-6dacbbd .elementor-cta__content{min-height:10vh;}.elementor-1897 .elementor-element.elementor-element-6dacbbd .elementor-cta__title{font-size:18px;}.elementor-1897 .elementor-element.elementor-element-90bdd8d .elementor-cta__content{min-height:10vh;}.elementor-1897 .elementor-element.elementor-element-90bdd8d .elementor-cta__title{font-size:18px;}.elementor-1897 .elementor-element.elementor-element-ae98be3 .elementor-heading-title{font-size:22px;}.elementor-1897 .elementor-element.elementor-element-c06f851 .elementor-divider-separator{width:30%;}.elementor-1897 .elementor-element.elementor-element-9bca45c{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1897 .elementor-element.elementor-element-1b703a3{width:auto;max-width:auto;}.elementor-1897 .elementor-element.elementor-element-1b703a3 .elementor-image-box-img{margin-bottom:0px;}.elementor-1897 .elementor-element.elementor-element-421cef7{width:auto;max-width:auto;}.elementor-1897 .elementor-element.elementor-element-421cef7 .elementor-image-box-img{margin-bottom:0px;}.elementor-1897 .elementor-element.elementor-element-1138af1{width:auto;max-width:auto;}.elementor-1897 .elementor-element.elementor-element-1138af1 .elementor-image-box-img{margin-bottom:0px;}.elementor-1897 .elementor-element.elementor-element-752d1f6{width:auto;max-width:auto;}.elementor-1897 .elementor-element.elementor-element-752d1f6 .elementor-image-box-img{margin-bottom:0px;}.elementor-1897 .elementor-element.elementor-element-0788b37{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1897 .elementor-element.elementor-element-60ec80d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1897 .elementor-element.elementor-element-4c2864c .elementor-cta__bg-wrapper{min-height:32vh;}.elementor-1897 .elementor-element.elementor-element-4c2864c .elementor-cta__title{font-size:15px;}.elementor-1897 .elementor-element.elementor-element-f30d5bc{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1897 .elementor-element.elementor-element-4e7b8ed{--grid-columns:1;}.elementor-1897 .elementor-element.elementor-element-8d3b89a .elementor-cta__content{min-height:30vh;}.elementor-1897 .elementor-element.elementor-element-8d3b89a .elementor-cta__button{font-size:16px;}}@media(min-width:513px){.elementor-1897 .elementor-element.elementor-element-0788b37{--width:50%;}.elementor-1897 .elementor-element.elementor-element-60ec80d{--width:50%;}}@media(max-width:880px) and (min-width:513px){.elementor-1897 .elementor-element.elementor-element-0788b37{--width:100%;}.elementor-1897 .elementor-element.elementor-element-60ec80d{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-ffe8170 *//* From Uiverse.io by Admin12121 */ 
.loader {
  --duration: 3s;
  --primary: rgba(39, 94, 254, 1);
  --primary-light: #2f71ff;
  --primary-rgba: rgba(39, 94, 254, 0);
  width: 200px;
  height: 320px;
  position: relative;
  transform-style: preserve-3d;
}

@media (max-width: 480px) {
  .loader {
    zoom: 0.44;
  }
}

.loader:before, .loader:after {
  --r: 20.5deg;
  content: "";
  width: 320px;
  height: 140px;
  position: absolute;
  right: 32%;
  bottom: -11px;
/* change the back groung color on switching from light to dark mood */
  background: #e8e8e8;
  transform: translateZ(200px) rotate(var(--r));
  -webkit-animation: mask var(--duration) linear forwards infinite;
  animation: mask var(--duration) linear forwards infinite;
}

.loader:after {
  --r: -20.5deg;
  right: auto;
  left: 32%;
}

.loader .ground {
  position: absolute;
  left: -50px;
  bottom: -120px;
  transform-style: preserve-3d;
  transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
}

.loader .ground div {
  transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(0);
  width: 200px;
  height: 200px;
  background: var(--primary);
  background: linear-gradient(45deg, var(--primary) 0%, var(--primary) 50%, var(--primary-light) 50%, var(--primary-light) 100%);
  transform-style: preserve-3d;
  -webkit-animation: ground var(--duration) linear forwards infinite;
  animation: ground var(--duration) linear forwards infinite;
}

.loader .ground div:before, .loader .ground div:after {
  --rx: 90deg;
  --ry: 0deg;
  --x: 44px;
  --y: 162px;
  --z: -50px;
  content: "";
  width: 156px;
  height: 300px;
  opacity: 0;
  background: linear-gradient(var(--primary), var(--primary-rgba));
  position: absolute;
  transform: rotateX(var(--rx)) rotateY(var(--ry)) translate(var(--x), var(--y)) translateZ(var(--z));
  -webkit-animation: ground-shine var(--duration) linear forwards infinite;
  animation: ground-shine var(--duration) linear forwards infinite;
}

.loader .ground div:after {
  --rx: 90deg;
  --ry: 90deg;
  --x: 0;
  --y: 177px;
  --z: 150px;
}

.loader .box {
  --x: 0;
  --y: 0;
  position: absolute;
  -webkit-animation: var(--duration) linear forwards infinite;
  animation: var(--duration) linear forwards infinite;
  transform: translate(var(--x), var(--y));
}

.loader .box div {
  background-color: var(--primary);
  width: 48px;
  height: 48px;
  position: relative;
  transform-style: preserve-3d;
  -webkit-animation: var(--duration) ease forwards infinite;
  animation: var(--duration) ease forwards infinite;
  transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
}

.loader .box div:before, .loader .box div:after {
  --rx: 90deg;
  --ry: 0deg;
  --z: 24px;
  --y: -24px;
  --x: 0;
  content: "";
  position: absolute;
  background-color: inherit;
  width: inherit;
  height: inherit;
  transform: rotateX(var(--rx)) rotateY(var(--ry)) translate(var(--x), var(--y)) translateZ(var(--z));
  filter: brightness(var(--b, 1.2));
}

.loader .box div:after {
  --rx: 0deg;
  --ry: 90deg;
  --x: 24px;
  --y: 0;
  --b: 1.4;
}

.loader .box.box0 {
  --x: -220px;
  --y: -120px;
  left: 58px;
  top: 108px;
}

.loader .box.box1 {
  --x: -260px;
  --y: 120px;
  left: 25px;
  top: 120px;
}

.loader .box.box2 {
  --x: 120px;
  --y: -190px;
  left: 58px;
  top: 64px;
}

.loader .box.box3 {
  --x: 280px;
  --y: -40px;
  left: 91px;
  top: 120px;
}

.loader .box.box4 {
  --x: 60px;
  --y: 200px;
  left: 58px;
  top: 132px;
}

.loader .box.box5 {
  --x: -220px;
  --y: -120px;
  left: 25px;
  top: 76px;
}

.loader .box.box6 {
  --x: -260px;
  --y: 120px;
  left: 91px;
  top: 76px;
}

.loader .box.box7 {
  --x: -240px;
  --y: 200px;
  left: 58px;
  top: 87px;
}

.loader .box0 {
  -webkit-animation-name: box-move0;
  animation-name: box-move0;
}

.loader .box0 div {
  -webkit-animation-name: box-scale0;
  animation-name: box-scale0;
}

.loader .box1 {
  -webkit-animation-name: box-move1;
  animation-name: box-move1;
}

.loader .box1 div {
  -webkit-animation-name: box-scale1;
  animation-name: box-scale1;
}

.loader .box2 {
  -webkit-animation-name: box-move2;
  animation-name: box-move2;
}

.loader .box2 div {
  -webkit-animation-name: box-scale2;
  animation-name: box-scale2;
}

.loader .box3 {
  -webkit-animation-name: box-move3;
  animation-name: box-move3;
}

.loader .box3 div {
  -webkit-animation-name: box-scale3;
  animation-name: box-scale3;
}

.loader .box4 {
  -webkit-animation-name: box-move4;
  animation-name: box-move4;
}

.loader .box4 div {
  -webkit-animation-name: box-scale4;
  animation-name: box-scale4;
}

.loader .box5 {
  -webkit-animation-name: box-move5;
  animation-name: box-move5;
}

.loader .box5 div {
  -webkit-animation-name: box-scale5;
  animation-name: box-scale5;
}

.loader .box6 {
  -webkit-animation-name: box-move6;
  animation-name: box-move6;
}

.loader .box6 div {
  -webkit-animation-name: box-scale6;
  animation-name: box-scale6;
}

.loader .box7 {
  -webkit-animation-name: box-move7;
  animation-name: box-move7;
}

.loader .box7 div {
  -webkit-animation-name: box-scale7;
  animation-name: box-scale7;
}

@-webkit-keyframes box-move0 {
  12% {
    transform: translate(var(--x), var(--y));
  }

  25%, 52% {
    transform: translate(0, 0);
  }

  80% {
    transform: translate(0, -32px);
  }

  90%, 100% {
    transform: translate(0, 188px);
  }
}

@keyframes box-move0 {
  12% {
    transform: translate(var(--x), var(--y));
  }

  25%, 52% {
    transform: translate(0, 0);
  }

  80% {
    transform: translate(0, -32px);
  }

  90%, 100% {
    transform: translate(0, 188px);
  }
}

@-webkit-keyframes box-scale0 {
  6% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
  }

  14%, 100% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
  }
}

@keyframes box-scale0 {
  6% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
  }

  14%, 100% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
  }
}

@-webkit-keyframes box-move1 {
  16% {
    transform: translate(var(--x), var(--y));
  }

  29%, 52% {
    transform: translate(0, 0);
  }

  80% {
    transform: translate(0, -32px);
  }

  90%, 100% {
    transform: translate(0, 188px);
  }
}

@keyframes box-move1 {
  16% {
    transform: translate(var(--x), var(--y));
  }

  29%, 52% {
    transform: translate(0, 0);
  }

  80% {
    transform: translate(0, -32px);
  }

  90%, 100% {
    transform: translate(0, 188px);
  }
}

@-webkit-keyframes box-scale1 {
  10% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
  }

  18%, 100% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
  }
}

@keyframes box-scale1 {
  10% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
  }

  18%, 100% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
  }
}

@-webkit-keyframes box-move2 {
  20% {
    transform: translate(var(--x), var(--y));
  }

  33%, 52% {
    transform: translate(0, 0);
  }

  80% {
    transform: translate(0, -32px);
  }

  90%, 100% {
    transform: translate(0, 188px);
  }
}

@keyframes box-move2 {
  20% {
    transform: translate(var(--x), var(--y));
  }

  33%, 52% {
    transform: translate(0, 0);
  }

  80% {
    transform: translate(0, -32px);
  }

  90%, 100% {
    transform: translate(0, 188px);
  }
}

@-webkit-keyframes box-scale2 {
  14% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
  }

  22%, 100% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
  }
}

@keyframes box-scale2 {
  14% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
  }

  22%, 100% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
  }
}

@-webkit-keyframes box-move3 {
  24% {
    transform: translate(var(--x), var(--y));
  }

  37%, 52% {
    transform: translate(0, 0);
  }

  80% {
    transform: translate(0, -32px);
  }

  90%, 100% {
    transform: translate(0, 188px);
  }
}

@keyframes box-move3 {
  24% {
    transform: translate(var(--x), var(--y));
  }

  37%, 52% {
    transform: translate(0, 0);
  }

  80% {
    transform: translate(0, -32px);
  }

  90%, 100% {
    transform: translate(0, 188px);
  }
}

@-webkit-keyframes box-scale3 {
  18% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
  }

  26%, 100% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
  }
}

@keyframes box-scale3 {
  18% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
  }

  26%, 100% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
  }
}

@-webkit-keyframes box-move4 {
  28% {
    transform: translate(var(--x), var(--y));
  }

  41%, 52% {
    transform: translate(0, 0);
  }

  80% {
    transform: translate(0, -32px);
  }

  90%, 100% {
    transform: translate(0, 188px);
  }
}

@keyframes box-move4 {
  28% {
    transform: translate(var(--x), var(--y));
  }

  41%, 52% {
    transform: translate(0, 0);
  }

  80% {
    transform: translate(0, -32px);
  }

  90%, 100% {
    transform: translate(0, 188px);
  }
}

@-webkit-keyframes box-scale4 {
  22% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
  }

  30%, 100% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
  }
}

@keyframes box-scale4 {
  22% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
  }

  30%, 100% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
  }
}

@-webkit-keyframes box-move5 {
  32% {
    transform: translate(var(--x), var(--y));
  }

  45%, 52% {
    transform: translate(0, 0);
  }

  80% {
    transform: translate(0, -32px);
  }

  90%, 100% {
    transform: translate(0, 188px);
  }
}

@keyframes box-move5 {
  32% {
    transform: translate(var(--x), var(--y));
  }

  45%, 52% {
    transform: translate(0, 0);
  }

  80% {
    transform: translate(0, -32px);
  }

  90%, 100% {
    transform: translate(0, 188px);
  }
}

@-webkit-keyframes box-scale5 {
  26% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
  }

  34%, 100% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
  }
}

@keyframes box-scale5 {
  26% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
  }

  34%, 100% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
  }
}

@-webkit-keyframes box-move6 {
  36% {
    transform: translate(var(--x), var(--y));
  }

  49%, 52% {
    transform: translate(0, 0);
  }

  80% {
    transform: translate(0, -32px);
  }

  90%, 100% {
    transform: translate(0, 188px);
  }
}

@keyframes box-move6 {
  36% {
    transform: translate(var(--x), var(--y));
  }

  49%, 52% {
    transform: translate(0, 0);
  }

  80% {
    transform: translate(0, -32px);
  }

  90%, 100% {
    transform: translate(0, 188px);
  }
}

@-webkit-keyframes box-scale6 {
  30% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
  }

  38%, 100% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
  }
}

@keyframes box-scale6 {
  30% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
  }

  38%, 100% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
  }
}

@-webkit-keyframes box-move7 {
  40% {
    transform: translate(var(--x), var(--y));
  }

  53%, 52% {
    transform: translate(0, 0);
  }

  80% {
    transform: translate(0, -32px);
  }

  90%, 100% {
    transform: translate(0, 188px);
  }
}

@keyframes box-move7 {
  40% {
    transform: translate(var(--x), var(--y));
  }

  53%, 52% {
    transform: translate(0, 0);
  }

  80% {
    transform: translate(0, -32px);
  }

  90%, 100% {
    transform: translate(0, 188px);
  }
}

@-webkit-keyframes box-scale7 {
  34% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
  }

  42%, 100% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
  }
}

@keyframes box-scale7 {
  34% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
  }

  42%, 100% {
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
  }
}

@-webkit-keyframes ground {
  0%, 65% {
    transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(0);
  }

  75%, 90% {
    transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(1);
  }

  100% {
    transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(0);
  }
}

@keyframes ground {
  0%, 65% {
    transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(0);
  }

  75%, 90% {
    transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(1);
  }

  100% {
    transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(0);
  }
}

@-webkit-keyframes ground-shine {
  0%, 70% {
    opacity: 0;
  }

  75%, 87% {
    opacity: 0.2;
  }

  100% {
    opacity: 0;
  }
}

@keyframes ground-shine {
  0%, 70% {
    opacity: 0;
  }

  75%, 87% {
    opacity: 0.2;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes mask {
  0%, 65% {
    opacity: 0;
  }

  66%, 100% {
    opacity: 1;
  }
}

@keyframes mask {
  0%, 65% {
    opacity: 0;
  }

  66%, 100% {
    opacity: 1;
  }
}/* End custom CSS */