/*
Theme Name: Digital Moon
Version: 2.0
Author: Alexe Vlad
Author URI: http://vlad.alexe.info
Description: Website developed by Alexe Vlad
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background:none repeat scroll 0 0 transparent;
    border:0 none;
    margin:0;
    outline:0 none;
    padding:0;
    font-family: 'Poppins', sans-serif;
    font-weight:normal;
    font-size: 12px;
    margin-top: 0px;
}
* {
    margin:0;
    padding:0;
    outline: 0 none;
}
html,body {

}
html{
    font-size: 10px;  /*Meaning that 0.1rem = 1px*/
    scroll-behavior: smooth;
}

.cf:before,
.cf:after ,
.clear:before,
.clear:after{
    content:"";
    display:table;
}
.clear,
.clear:after,
.cf:after {
    clear:both;
}
body{
    background: #141414;
    text-rendering: optimizeLegibility;
    cursor: none;
}
#cursor {
    position: fixed;
    left: -28px;
    top: -34px;
    will-change: transform;
    transform: translate(-999px, -999px);
    pointer-events: none;
}
#cursor img {
    will-change: transform;
    transition: transform 0.1s linear;
}
@keyframes color-blink {
    0% {
        color: hsla(5, 83%, 53%, 1)
    }
    14% {
        color: hsla(33, 88%, 59%, 1);
    }
    28% {
        color: hsla(62, 98%, 66%, 1);
    }
    42% {
        color: hsla(102, 81%, 61%, 1);
    }
    56% {
        color: hsla(170, 94%, 72%, 1);
    }
    70% {
        color: hsla(227, 100%, 48%, 1);
    }
    84% {
        color: hsla(279, 91%, 59%, 1);
    }
    100% {
        color: hsla(279, 91%, 59%, 1);
    }
}
h1{
}
h2{
}
h3{
}
h4{
}
h5{
}
h6{
}
p{
}
p strong,
strong{

}
p em,
em{

}
em strong,
strong em,
p em strong,
p strong em{

}
.mc-modal-bg{
    opacity: 0.65!important;
}

.content__monkeyRewards{
    display: none!important;
    opacity: 0;
    height: 0;
}
a{
    text-decoration: none;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
a:hover{
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
ul,
ol{
}
ul li{
}
ol li{
}
ul li a,
ol li a{
}
blockquote{

}
.strictContent .button,
.global-button{
    padding: 10px 15px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    background: rgb(237,114,216);
    background: linear-gradient(90deg, rgba(237,114,216,1) 0%, rgba(200,114,242,1) 100%);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    min-width: 80px;
    text-align: center;
}
.strictContent .button:hover,
.global-button:hover{
    background: rgb(237,114,216);
    background: linear-gradient(-90deg, rgba(237,114,216,1) 0%, rgba(200,114,242,1) 100%);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.wrapper{
    width: 100%;
    box-sizing: border-box;
    padding: 0 5vw;
    display: flex;
    flex-wrap: wrap;

}
.home-template .wrapper{
    align-items: center;
    height: 100vh;
}
/*### Header ###*/

.header{
    position: fixed;
    top: 2vw;
    width: 100%;
    z-index: 999999
}
.header .wrapper{
    display: flex;
    justify-content: space-between;
}
.logo{
    background: url("assets/images/logo.svg") no-repeat;
    background-size: 100% auto;
    display: block;
    height: 80px;
    width: 270px;
}
.wrapper{
    width: 100%;
    box-sizing: border-box;
    padding: 0 5vw;
}
.logo-social{
    display: flex;
    align-items: center;
}
.header .social{
    margin-left: 2vw;
    margin-top: 10px;
}
.header .social a{
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 10px;

}
.header .social a.facebook{
    background: url("assets/images/fb.svg") no-repeat;
    background-size: 100% auto;
}
.header .social a.linkedin{
    background: url("assets/images/in.svg") no-repeat;
    background-size: 100% auto;
}
.header .social a.instagram{
    background: url("assets/images/insta.svg") no-repeat;
    background-size: 100% auto;
}
.header .social a.discord{
    background: url("assets/images/disc.svg") no-repeat;
    background-size: 100% auto;
    width: 31px;
    margin-left: 15px;
}
.header .social a:hover{
    opacity: 0.7;
}
.header-menu-container{
    display: flex;
    align-items: center;
}

.hamburger-button{
    margin-left: 2vw;
    display: none;
}
.header-menu{
    background: linear-gradient(90deg, #f772d1, #c872f2);
    background-clip: text;
    -webkit-background-clip: text;
}
.header-menu li {
    display: inline-block;
}
.header-menu li a{
    color: #fff;
    font-size: 18px;
    padding:  0 20px;
    display: block;
    font-weight: 500;
}
.header-menu li a:hover{
    -webkit-text-fill-color: transparent;
}
.header-circle-menu {
    margin-top: 18px;
    margin-left: 10px;
    display: inline-block;
    width: 44px;
    height: 44px;
    vertical-align: top;
    cursor: pointer;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    position: absolute;
    right: 40px;
    top: 7px
}
#nav-icon3 {
    width: 40px;
    height: 13px;
    position: relative;
    margin: 5px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
#nav-icon3 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.page-template-home #nav-icon3 span{
    background: #fff;
}
#nav-icon3 span:nth-child(1) {
    top: 0px;
}
#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
    top: 9px;
    width: 50%;
    right: 0;
    left: inherit;
}

#nav-icon3 span:nth-child(4) {
    top: 18px;
}
.main-menu-open #nav-icon3 span:nth-child(1) {
    top: 2444444444px;
    width: 0%;
    left: 50%;
}
.main-menu-open #nav-icon3 span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.main-menu-open #nav-icon3 span:nth-child(4) {
    transition: width 0s;
    top: 24px;
    width: 0%;
    left: 50%;
}
.main-menu-open #nav-icon3 span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.header-menu-container .menu-header-menu-container{
    display: block;
}

.screens-nav:before{
    content: "";
    width: 2px;
    height: 5vw;
    background: #fff;
    display: block;
    margin: 0 auto 2vw;
}
.screens-nav{
    position: fixed;
    width: 40px;
    right: 5vw;
    top: 10vw;
    right: 2vw;
    color: #fff;
    z-index: 99;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}


.screens-nav .screen-nav:before{
    content: "";
    width: 15px;
    height: 15px;
    background: #fff;
    display: block;
    margin: 0 auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.screens-nav .screen-nav{
    cursor: pointer;
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    box-sizing: border-box;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    margin-bottom: 10px;
}
.screens-nav .screen-nav.active{
    width: 40px;
    height: 40px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
#next{
    position: fixed;
    bottom: 5vw;
    right: 0vw;
    z-index: 99;
    color: #fff;
    font-size: 14px;
    border-bottom: 1px solid #fff;
    padding: 5px 15px;
    cursor: pointer;
}
/*### End Header ###*/


/*### Section 1 Home ###*/


.home-template .home-left{
    flex: 0 0 50%;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    height: 60vh;
}
.home-template .home-left h1{
    font-size: 6vh;
    line-height: 7vh;
    color: #fff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 4vh;
}
.home-template .home-left h2{
    font-size: 3vh;
    line-height: 3.6vh;
    font-family: 'Poppins', sans-serif;
    background: -webkit-linear-gradient(#fd5392, #f86f64);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home-template .home-right{
    flex: 0 0 50%;
    width: 50%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    height: 60vh;
}

.home-template .home-bottom{
    flex: 0 0 100%;
    width: 100%;
}

/*--- Partners ---*/
.partners{
    width: 90%;
    margin: 0 auto;

    position: relative;
}
.partners .slick-list{
    overflow: hidden;
}
.partners .slick-arrow{
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 31px;
    height: 31px;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -15px;
}
.partners .slick-prev{
    background-image: url("assets/images/prev.svg");
    left: -5%;
}
.partners .slick-next{
    background-image: url("assets/images/next.svg");
    right:-5%;
}
.partners .partner {
    margin: 0 10px;
}
.partners .slick-track{
    display: flex;
    align-items: center;
}
.partners img{
    display: block;
    max-width: 300px;
    width: 100%;
    height: auto;
    max-height: 105px;

}
.partners-title{
    font-size: 3vh;
    line-height: 3vh;
    color: #fff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 4vh;
}
/*--- Parallax Images ---*/
.parallax-wrap {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
}

.parallax-wrap span {
    position: absolute;
}
.parallax-wrap span:nth-child(1) {
    top: 12vh;
    left: 0vw;
    background: url("assets/images/sh1.svg") no-repeat;
    background-size: 100% auto;
    z-index: 3;
    height: 10vh;
    width: 8vh;
}
.parallax-wrap span:nth-child(2) {
    top: 20vh;
    left: 30vw;
    background: url("assets/images/sh2.svg") no-repeat;
    background-size: 100% auto;
    z-index: 3;
    height: 11vh;
    width: 9vh;
}
.parallax-wrap span:nth-child(3) {
    top: 40vh;
    left: 30vw;
    background: url("assets/images/sh3.svg") no-repeat;
    background-size: 100% auto;
    z-index: 3;
    height: 40vh;
    width: 38vh;
}

.home-right .parallax-wrap {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-right .parallax-wrap span {
    position: absolute;
}
.home-right .parallax-wrap span:nth-child(1) {
    width: 60vh;
    height: 60vh;
    background-image: url("assets/images/stars.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    top:1vh;
    left: 1vw;
    z-index: 0;
}
/*--- Planets ---*/
#parallaxContainer {
    width: 100%;
    height: 100vh;

    overflow: hidden;
}
.section {
    height: 100vh;
    width: 100%;
}
.screen1{
    display: flex;
    align-items: center;
}
.rings{
    width: 60vh;
    height: 60vh;
    background-image: url("assets/images/rings.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    left: 0vh;
    position: absolute;
    top: 0px;
    right: 0;
    margin: auto;
}
.stars{
    width: 60vh;
    height: 60vh;
    background-image: url("assets/images/stars.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}


.outCircle  {
    width: 23vh;
    height: 23vh;
    background-image: url("assets/images/p0.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
    top: 19vh;
    left: 19vh;
}



.counter {
    width: 7vh;
    height: 7vh;
    -webkit-animation-duration: inherit;
    -webkit-animation-direction: reverse;
    -webkit-animation-timing-function: inherit;
    -webkit-animation-iteration-count: inherit;
    -webkit-animation-name: inherit;
}

.rotate {
    width: 50vh;
    height: 50vh;
    -webkit-animation-name: circle;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 21s;
    -webkit-animation-timing-function: linear;
    position: absolute;
    z-index : 10;
    display : block;
    top: 2.5vh;
    left: 2.5vh;
}
.box-planet1{
    -webkit-animation-duration: 10s;
}
.box-planet2 {
    top: 20vh;
    width: 30vh;
    height: 30vh;
    left: 19vh;
    -webkit-animation-duration: 21s;
    -webkit-animation-name: circle2;
    -webkit-animation-duration: 24s;
}
.box-planet2 .counter{
    width: 5vh;
    height: 5vh;
}
.box-planet3 {
    top: 9vh;
    left: 7vh;
    width: 50vh;
    height: 50vh;
    -webkit-animation-name: circle3;
    -webkit-animation-duration: 20s;
}

.box-planet4 {
    top: 18vh;
    width: 21vh;
    height: 21vh;
    left: 25vh;
    -webkit-animation-name: circle4;
    -webkit-animation-duration: 8s;
}
.box-planet4 .counter{
    width: 0vh;
    height: 0vh;
}
.box-planet5 {
    top: 5vh;
    left: 5vh;
    width: 50vh;
    height: 50vh;
    -webkit-animation-name: circle5;
    -webkit-animation-duration: 15s;
}
.box-planet5 .counter{
    width: 15vh;
    height: 15vh;
}

.box-planet6 {
    top: 2.7vh;
    left: 2.7vh;
    width: 55vh;
    height: 55vh;
    -webkit-animation-name: circle6;
    -webkit-animation-duration: 10s;

}
.box-planet6 .counter{
    width: 13.3vh;
    height: 13.3vh;
}

.box-planet7 {
    top: 17vh;
    left: 17vh;
    width: 26vh;
    height: 26vh;
    -webkit-animation-name: circle7;
    -webkit-animation-duration: 3s;
}
.box-planet7 .counter{
    width: 9vh;
    height: 9vh;
}
.box-planet8 {
    top: 5vh;
    left: 5vh;
    width: 50vh;
    height: 50vh;
    -webkit-animation-name: circle8;
    -webkit-animation-duration: 40s;

}
.box-planet8 .counter{
    width: 16.2vh;
    height: 16.2vh;
}
.box-planet9 {
    top: 10vh;
    left: 4vh;
    width: 45vh;
    height: 45vh;
    -webkit-animation-name: circle9;
    -webkit-animation-duration: 50s;

}
.box-planet9 .counter{
    width: 16vh;
    height: 16vh;
}
.inner {
    width: 14vh;
    height: 14vh;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;

}
.rings .planet1{
    width: 13.5vh;
    height: 13.5vh;
    background-image: url("assets/images/p1.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    -webkit-animation-name: rorateplanet;
    -webkit-animation-duration: inherit;
    -webkit-animation-direction: reverse;
    -webkit-animation-timing-function: inherit;
    -webkit-animation-iteration-count: inherit;
    -webkit-animation-name: inherit;
    -webkit-animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
}
.rings .planet2{
    width: 13.5vh;
    height: 13.5vh;
    background-image: url("assets/images/p2.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    -webkit-animation-name: rorateplanet;
    -webkit-animation-duration: inherit;
    -webkit-animation-direction: reverse;
    -webkit-animation-timing-function: inherit;
    -webkit-animation-iteration-count: inherit;
    -webkit-animation-name: inherit;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
}
.rings .planet3{
    width: 13.5vh;
    height: 13.5vh;
    background-image: url("assets/images/p3.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    -webkit-animation-name: rorateplanet;
    -webkit-animation-duration: inherit;
    -webkit-animation-direction: reverse;
    -webkit-animation-timing-function: inherit;
    -webkit-animation-iteration-count: inherit;
    -webkit-animation-name: inherit;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
}
.rings .planet4{
    width: 8.2vh;
    height: 8.2vh;
    background-image: url("assets/images/p4.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    -webkit-animation-name: rorateplanet;
    -webkit-animation-duration: inherit;
    -webkit-animation-direction: reverse;
    -webkit-animation-timing-function: inherit;
    -webkit-animation-iteration-count: inherit;
    -webkit-animation-name: inherit;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
}
.rings .planet5{
    width: 16.3vh;
    height: 16.3vh;
    background-image: url("assets/images/p5.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    -webkit-animation-name: rorateplanet;
    -webkit-animation-duration: inherit;
    -webkit-animation-direction: reverse;
    -webkit-animation-timing-function: inherit;
    -webkit-animation-iteration-count: inherit;
    -webkit-animation-name: inherit;
    -webkit-animation-duration: 16s;
    -webkit-animation-iteration-count: infinite;
}
.rings .planet6{
    width: 13.3vh;
    height: 13.3vh;
    background-image: url("assets/images/p6.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    -webkit-animation-name: rorateplanet;
    -webkit-animation-duration: inherit;
    -webkit-animation-direction: reverse;
    -webkit-animation-timing-function: inherit;
    -webkit-animation-iteration-count: inherit;
    -webkit-animation-name: inherit;
    -webkit-animation-duration: 9s;
    -webkit-animation-iteration-count: infinite;
}
.rings .planet7{
    width: 9vh;
    height: 9vh;
    background-image: url("assets/images/p7.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    -webkit-animation-name: rorateplanet;
    -webkit-animation-duration: inherit;
    -webkit-animation-direction: reverse;
    -webkit-animation-timing-function: inherit;
    -webkit-animation-iteration-count: inherit;
    -webkit-animation-name: inherit;
    -webkit-animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
}
.rings .planet8{
    width: 16.2vh;
    height: 16.2vh;
    background-image: url("assets/images/p8.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    -webkit-animation-name: rorateplanet;
    -webkit-animation-duration: inherit;
    -webkit-animation-direction: reverse;
    -webkit-animation-timing-function: inherit;
    -webkit-animation-iteration-count: inherit;
    -webkit-animation-name: inherit;
    -webkit-animation-duration: 25s;
    -webkit-animation-iteration-count: infinite;
}
.rings .planet9{
    width: 10vh;
    height: 10vh;
    background-image: url("assets/images/p9.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    -webkit-animation-name: rorateplanet;
    -webkit-animation-duration: inherit;
    -webkit-animation-direction: reverse;
    -webkit-animation-timing-function: inherit;
    -webkit-animation-iteration-count: inherit;
    -webkit-animation-name: inherit;
    -webkit-animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
}
@keyframes circle {
    from {
        -webkit-transform: rotateZ(0deg);
    }
    to {
        -webkit-transform: rotateZ(360deg);
    }
}
@keyframes circle2 {
    from {
        -webkit-transform: rotateZ(-80deg);
    }
    to {
        -webkit-transform: rotateZ(280deg);
    }
}
@keyframes circle3 {
    from {
        -webkit-transform: rotateZ(-80deg);
    }
    to {
        -webkit-transform: rotateZ(280deg);
    }
}
@keyframes circle4 {
    from {
        -webkit-transform: rotateZ(-120deg);
    }
    to {
        -webkit-transform: rotateZ(240deg);
    }
}
@keyframes circle5 {
    from {
        -webkit-transform: rotateZ(-160deg);
    }
    to {
        -webkit-transform: rotateZ(200deg);
    }
}
@keyframes circle6 {
    from {
        -webkit-transform: rotateZ(-200deg);
    }
    to {
        -webkit-transform: rotateZ(160deg);
    }
}
@keyframes circle7 {
    from {
        -webkit-transform: rotateZ(-180deg);
    }
    to {
        -webkit-transform: rotateZ(180deg);
    }
}
@keyframes circle8{
    from {
        -webkit-transform: rotateZ(-240deg);
    }
    to {
        -webkit-transform: rotateZ(120deg);
    }
}
@keyframes circle9 {
    from {
        -webkit-transform: rotateZ(-310deg);
    }
    to {
        -webkit-transform: rotateZ(50deg);
    }
}
@keyframes rorateplanet {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
/*### End Section 1 Home ###*/
/*### Section 2 Home ###*/
.screen2{
    display: flex;
    align-items: center;
    margin-top: 100vh;
    position: relative;
}
.screen3{

    opacity: 0;
    margin-top: 100vh;
    position: relative;
}
.screen3 .parallax-wrap{
    top: 0vh
}
.screen3 .parallax-wrap span:nth-child(1) {
    top: 31vh;
    left: 0vw;
    background: url("assets/images/sh4.svg") no-repeat;
    background-size: 100% auto;
    z-index: 3;
    height: 10vh;
    width: 8vh;
}
.screen3 .parallax-wrap span:nth-child(2) {
    top: 16vh;
    left: 62vw;
    background: url("assets/images/sh5.svg") no-repeat;
    background-size: 100% auto;
    z-index: 3;
    height: 43vh;
    width: 40vh;
}
.screen3 .parallax-wrap span:nth-child(3) {
    top: 90vh;
    left: 30vw;
    background: url("assets/images/sh6.svg") no-repeat;
    background-size: 100% auto;
    z-index: 3;
    height: 14vh;
    width: 12vh;
}
.rocket{
    background-image: url("assets/images/rocket.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 30vh;
    height: 13vh;
    z-index: 50;
}
.screen3 h2{
    font-size: 6vh;
    line-height: 7vh;
    color: #fff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 40px;
    position: absolute;
    left:-100vw;
    top:12vw;
}
.delimit-line{
    background-image: url("assets/images/slide-line.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 14vh;
    width: 100vw;
    position: absolute;
    right: -28vw;
    top: 53vh;
}
.boxes{
    position: absolute;
    right: -180vw;
    bottom:5vh;
    z-index: 999;
    width: 180vw;
    display: flex;
    align-items: flex-start;
}
.box-text{
    width: 35vw;
    display: flex;
    margin-left: 2vw;
    box-sizing: border-box;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}
.box-text h3{
    background: -webkit-linear-gradient(#f7cb6b, #fba980);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 3vh;
    margin-bottom: 2vh;
    line-height: 4vh;
    font-weight: 600;
    min-height: 8vh;
}
.box-text2 h3{
    background: -webkit-linear-gradient(#e252e0, #fda096);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.box-text3 h3{
    background: -webkit-linear-gradient(#c872f2, #f772d1);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.box-text4 h3{
    background: -webkit-linear-gradient(#e252e0, #fda096);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.box-text p{
    color: #fff;
    margin-bottom: 20px;
    font-size: 1.6vh;
}
.box-text1:after{
    content: "";
    width: 3px;
    height: 9vh;
    background: rgb(247,203,107);
    background: linear-gradient(180deg, rgba(247,203,107,1) 0%, rgba(251,169,128,1) 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    right: 0;
    top: 12vh;

}
.box-text2:after{
    content: "";
    width: 3px;
    height: 9vh;
    background: rgb(226,82,224);
    background: linear-gradient(180deg, rgba(226,82,224,1) 0%, rgba(253,160,150,1) 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    right: 0;
    top: 12vh;
}
.screen3-second-bg{
    /*background-image: url("assets/images/bgstars.svg");*/
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
}

.planets-animation{
    background-image: url("assets/images/rings2.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 45vh;
    width: 52vw;
    position: absolute;
    right: 13vw;
    top: 15vh;
    opacity: 0;
}
.text-part2{
    position: absolute;
    left: 5vw;
    bottom: -50vh;
    opacity: 0;
    max-width: 42vw;
}
.text-part2 h3{
    font-size: 4.1vh;
    line-height: 4.6vh;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
}
.text-part2 p{
    font-size: 2.7vh;
    line-height: 3.2vh;
    font-weight: 500;
    background: -webkit-linear-gradient(#f772d1, #c872f2);
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.text-part2 p:after{
    /*content: "";
    display: inline-block;
    width: 100%;*/
}
.planets-animation .planet-sec3{
    position: absolute;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.planets-animation .planet0-sc3 {
    width: 23vh;
    height: 23vh;
    background-image: url("assets/images/p0.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
    top: 30vh;
    left: 64vh;
    animation: rorateplanet 80s linear 2s infinite;

}

.planets-animation .planet0-sc3:hover{
    top: 21vh;
    left: 54vh;
    width: 43vh;
    height: 43vh;
}
.planets-animation .planet1-sc3{
    width: 21vh;
    height: 21vh;
    top: 7vh;
    left: -7vh;
    background-image: url("assets/images/p1.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    animation: rorateplanet 60s linear 2s infinite;
}
.planets-animation .planet1-sc3:hover{
    width: 31vh;
    height: 31vh;
    top: 3vh;
    left: -14vh;
}
.planets-animation .planet2-sc3{
    width: 30vh;
    height: 30vh;
    background-image: url("assets/images/p2.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    top: 28vh;
    left: 19vh;
    animation: rorateplanet 70s linear 2s infinite;
}
.planets-animation .planet2-sc3:hover{
    width: 40vh;
    height: 40vh;
    top: 23vh;
    left: 11vh;
}
.planets-animation .planet3-sc3{
    width: 11vh;
    height: 11vh;
    background-image: url("assets/images/p3.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    top: 12vh;
    left: 20vh;
    animation: rorateplanet 5s linear 2s infinite;

}
.planets-animation .planet3-sc3:hover{
    width: 21vh;
    height: 21vh;
    top: 7vh;
    left: 14vh;
}

.planets-animation .planet4-sc3{
    width: 20vh;
    height: 20vh;
    background-image: url("assets/images/p5.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    top: -3vh;
    left: 43vh;
    animation: rorateplanet 15s linear 2s infinite;
}
.planets-animation .planet4-sc3:hover{
    width: 30vh;
    height: 30vh;
    top: -8vh;
    left: 38vh;
}
.planets-animation .planet5-sc3{
    width: 15vh;
    height: 15vh;
    background-image: url("assets/images/p6.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    top: -4vh;
    left: 75vh;
    animation: rorateplanet 5s linear 2s infinite;
}
.planets-animation .planet5-sc3:hover{
    width: 25vh;
    height:25vh;
    top: -9vh;
    left: 70vh;
}
.planets-animation .planet6-sc3{
    width: 11vh;
    height: 11vh;
    background-image: url("assets/images/p7.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    top: 26vh;
    left: 44vh;
    animation: rorateplanet 10s linear 2s infinite;

}
.planets-animation .planet6-sc3:hover{
    width: 21vh;
    height: 21vh;
    top: 21vh;
    left: 39vh;
}
.planets-animation .planet7-sc3{
    width: 19vh;
    height: 19vh;
    background-image: url("assets/images/p8.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    top: 13vh;
    left: 97vh;
    animation: rorateplanet 50s linear 2s infinite;
}
.planets-animation .planet7-sc3:hover{
    width: 29vh;
    height: 29vh;
    top: 8vh;
    left: 91vh;
}
.planets-animation .planet8-sc3{
    width: 13vh;
    height: 13vh;
    background-image: url("assets/images/p9.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    top: 12vh;
    left: 79vh;
    animation: rorateplanet 20s linear 2s infinite;
}
.planets-animation .planet8-sc3:hover{
    width: 23vh;
    height: 23vh;
    top: 7vh;
    left: 73vh;
}
.screen3-second-bg .star{

    background-image: url("assets/images/star.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;


}
.screen3-second-bg  .star1{
    width: 17vh;
    height: 17vh;
    top: 17vh;
    left: 11vw;
    animation: glitter 4s linear 0s infinite normal;
    -webkit-animation: glitter 4s linear 0s infinite normal;
    -moz-animation: glitter 4s linear 0s infinite normal;
    -ms-animation: glitter 4s linear 0s infinite normal;
    -o-animation: glitter 4s linear 0s infinite normal;
}
.screen3-second-bg  .star2{
    width: 15vh;
    height: 15vh;
    top: 65vh;
    left: 71vw;
    animation: glitter 6s linear 2s infinite normal;
    -webkit-animation: glitter 6s linear 2s infinite normal;
    -moz-animation: glitter 6s linear 2s infinite normal;
    -ms-animation: glitter 6s linear 2s infinite normal;
    -o-animation: glitter 6s linear 2s infinite normal;
}
.screen3-second-bg  .star3{
    width: 12vh;
    height: 12vh;
    top: 10vh;
    left: 85vw;
    animation: glitter 8s linear 4s infinite normal;
    -webkit-animation: glitter 8s linear 4s infinite normal;
    -moz-animation: glitter 8s linear 4s infinite normal;
    -ms-animation: glitter 8s linear 4s infinite normal;
    -o-animation: glitter 8s linear 4s infinite normal;
}
.screen3-second-bg .dott{

    background-image: url("assets/images/dott.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;


}
.screen3-second-bg .dott1{
    top: 35vh;
    left: 5vw;
    width: 3vh;
    height: 3vh;
    animation: glitter 4s linear 1s infinite normal;
    -webkit-animation: glitter 4s linear 1s infinite normal;
    -moz-animation: glitter 4s linear 1s infinite normal;
    -ms-animation: glitter 4s linear 1s infinite normal;
    -o-animation: glitter 4s linear 1s infinite normal;
}
.screen3-second-bg .dott2{
    top: 55vh;
    left: 85vw;
    width: 4vh;
    height: 4vh;
    animation: glitter 7s linear 0s infinite normal;
    -webkit-animation: glitter 7s linear 0s infinite normal;
    -moz-animation: glitter 7s linear 0s infinite normal;
    -ms-animation: glitter 7s linear 0s infinite normal;
    -o-animation: glitter 7s linear 0s infinite normal;
}
.screen3-second-bg .dott3{
    top: 10vh;
    left: 60vw;
    width: 2.5vh;
    height: 2.5vh;
    animation: glitter 9s linear 2s infinite normal;
    -webkit-animation: glitter 9s linear 2s infinite normal;
    -moz-animation: glitter 9s linear 2s infinite normal;
    -ms-animation: glitter 9s linear 2s infinite normal;
    -o-animation: glitter 9s linear 2s infinite normal;
}

#stars-group-1 {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    opacity: 0;
    box-shadow: 1488px 521px #434bd7, 1713px 390px #434bd7, 199px 243px #434bd7, 1457px 958px #434bd7, 1503px 236px #434bd7, 1694px 1042px #434bd7, 968px 1481px #434bd7, 1744px 1761px #434bd7, 703px 299px #434bd7, 755px 672px #434bd7, 572px 336px #434bd7, 1481px 1239px #434bd7, 670px 1352px #434bd7, 1192px 1005px #434bd7, 946px 933px #434bd7, 618px 1127px #434bd7, 34px 1392px #434bd7, 1774px 1670px #434bd7, 902px 1717px #434bd7, 928px 1058px #434bd7, 1389px 1330px #434bd7, 397px 942px #434bd7, 367px 59px #434bd7, 1595px 73px #434bd7, 881px 885px #434bd7, 379px 900px #434bd7, 389px 275px #434bd7, 861px 1496px #434bd7, 1094px 1497px #434bd7, 1742px 1012px #434bd7, 112px 1428px #434bd7, 1009px 656px #434bd7, 933px 347px #434bd7, 61px 1382px #434bd7, 921px 1635px #434bd7, 1442px 1152px #434bd7, 1601px 43px #434bd7, 988px 816px #434bd7, 667px 129px #434bd7, 687px 518px #434bd7, 49px 1367px #434bd7, 422px 167px #434bd7, 1308px 934px #434bd7, 921px 1593px #434bd7, 25px 43px #434bd7, 940px 1749px #434bd7, 1721px 366px #434bd7, 1123px 95px #434bd7, 146px 1137px #434bd7, 536px 1171px #434bd7, 337px 620px #434bd7, 1193px 886px #434bd7, 1259px 1384px #434bd7, 892px 110px #434bd7, 1078px 638px #434bd7, 365px 184px #434bd7, 522px 1115px #434bd7, 1069px 794px #434bd7, 1496px 1414px #434bd7, 1204px 745px #434bd7, 1492px 81px #434bd7, 1522px 1437px #434bd7, 788px 1237px #434bd7, 134px 1138px #434bd7, 1524px 343px #434bd7, 461px 819px #434bd7, 1416px 136px #434bd7, 1684px 410px #434bd7, 230px 1510px #434bd7, 1744px 1053px #434bd7, 884px 1099px #434bd7, 1053px 1520px #434bd7, 1701px 563px #434bd7, 1742px 786px #434bd7, 1101px 1359px #434bd7, 1315px 836px #434bd7, 1350px 885px #434bd7, 45px 665px #434bd7, 1539px 438px #434bd7, 1781px 886px #434bd7, 332px 521px #434bd7, 12px 1389px #434bd7, 1710px 977px #434bd7, 425px 1003px #434bd7, 234px 185px #434bd7, 1073px 1062px #434bd7, 1355px 1159px #434bd7, 1193px 763px #434bd7, 254px 1032px #434bd7, 1264px 277px #434bd7, 932px 856px #434bd7, 873px 530px #434bd7, 257px 1795px #434bd7, 1407px 351px #434bd7, 1477px 44px #434bd7, 1395px 501px #434bd7, 1078px 929px #434bd7, 260px 467px #434bd7, 364px 1327px #434bd7, 1573px 739px #434bd7, 1529px 1632px #434bd7, 83px 1164px #434bd7, 1437px 1745px #434bd7, 1525px 581px #434bd7, 1085px 263px #434bd7, 1726px 1489px #434bd7, 1217px 1769px #434bd7, 1419px 402px #434bd7, 176px 531px #434bd7, 1555px 1493px #434bd7, 1537px 1523px #434bd7, 1342px 652px #434bd7, 232px 637px #434bd7, 2px 1741px #434bd7, 403px 1491px #434bd7, 1755px 600px #434bd7, 856px 1433px #434bd7, 1643px 1338px #434bd7, 243px 1320px #434bd7, 1101px 268px #434bd7, 1554px 878px #434bd7, 1347px 374px #434bd7, 361px 1405px #434bd7, 1565px 425px #434bd7, 805px 966px #434bd7, 789px 291px #434bd7, 408px 1184px #434bd7, 560px 1102px #434bd7, 1542px 1377px #434bd7, 1482px 951px #434bd7, 669px 733px #434bd7, 54px 1648px #434bd7, 1648px 844px #434bd7, 201px 1582px #434bd7, 607px 489px #434bd7, 1541px 336px #434bd7, 767px 313px #434bd7, 373px 1340px #434bd7, 1749px 80px #434bd7, 1409px 1346px #434bd7, 1447px 1064px #434bd7, 557px 307px #434bd7, 503px 1354px #434bd7, 276px 427px #434bd7, 190px 1763px #434bd7, 497px 1409px #434bd7, 1159px 1143px #434bd7, 152px 656px #434bd7, 1338px 1284px #434bd7, 365px 600px #434bd7, 1343px 1191px #434bd7, 1335px 212px #434bd7, 387px 148px #434bd7, 79px 1629px #434bd7, 1006px 1343px #434bd7, 711px 430px #434bd7, 697px 24px #434bd7, 1208px 1759px #434bd7, 1436px 494px #434bd7, 326px 117px #434bd7, 547px 1066px #434bd7, 180px 1352px #434bd7, 1371px 1560px #434bd7, 1565px 1672px #434bd7, 810px 730px #434bd7, 1207px 1060px #434bd7, 907px 461px #434bd7, 1351px 686px #434bd7, 1247px 1678px #434bd7, 1787px 883px #434bd7, 1677px 768px #434bd7, 33px 1726px #434bd7, 1070px 19px #434bd7, 1343px 29px #434bd7, 1443px 1343px #434bd7, 597px 1077px #434bd7, 432px 977px #434bd7, 194px 472px #434bd7, 1467px 457px #434bd7, 266px 197px #434bd7, 1738px 628px #434bd7, 1040px 341px #434bd7, 180px 322px #434bd7, 625px 608px #434bd7, 577px 597px #434bd7, 741px 902px #434bd7, 1346px 1013px #434bd7, 532px 397px #434bd7, 24px 406px #434bd7, 1410px 1175px #434bd7, 1019px 1719px #434bd7, 1205px 1569px #434bd7, 914px 1332px #434bd7, 1660px 892px #434bd7, 1334px 1621px #434bd7, 527px 1688px #434bd7, 19px 1751px #434bd7, 85px 688px #434bd7, 1323px 1171px #434bd7, 958px 1153px #434bd7;
    animation-name: glowing-stars;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
    animation-delay: 3s;
}

#stars-group-2 {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    opacity: 0;
    box-shadow: 1070px 829px #fff, 197px 635px #fff, 744px 231px #fff, 374px 20px #fff, 593px 1094px #fff, 1584px 692px #fff, 1334px 1409px #fff, 1011px 1206px #fff, 813px 1032px #fff, 423px 680px #fff, 1741px 637px #fff, 1615px 1188px #fff, 132px 765px #fff, 477px 1111px #fff, 698px 1429px #fff, 142px 47px #fff, 281px 561px #fff, 210px 392px #fff, 170px 1354px #fff, 907px 1602px #434bd7, 1007px 296px #fff, 1668px 409px #434bd7, 20px 308px #fff, 1505px 1105px #fff, 493px 1574px #fff, 1084px 835px #fff, 497px 1403px #fff, 748px 212px #fff, 1467px 115px #fff, 47px 211px #fff, 1654px 820px #fff, 1179px 259px #fff, 1754px 701px #fff, 408px 103px #fff, 1078px 563px #fff, 331px 1703px #fff, 732px 740px #fff, 1645px 1320px #fff, 877px 1469px #fff, 1134px 742px #fff, 1078px 9px #fff, 256px 1143px #fff, 425px 951px #fff, 677px 1376px #fff, 1658px 1342px #fff, 1086px 1334px #fff, 1136px 849px #fff, 1399px 34px #fff, 873px 534px #fff, 555px 1743px #fff, 79px 473px #fff, 117px 394px #fff, 1475px 976px #fff, 1211px 1132px #fff, 1273px 55px #fff, 692px 76px #fff, 1092px 1112px #fff, 144px 625px #fff, 1708px 136px #fff, 1099px 2px #fff, 405px 507px #fff, 543px 1099px #fff, 381px 279px #fff, 545px 475px #fff, 1403px 852px #fff, 1785px 501px #fff, 1467px 1647px #fff, 1585px 100px #fff, 846px 58px #fff, 423px 779px #fff, 661px 1456px #fff, 701px 403px #fff, 987px 368px #fff, 1395px 1305px #fff, 672px 1723px #fff, 387px 1148px #fff, 1689px 1445px #fff, 857px 308px #fff, 648px 1282px #fff, 1267px 1211px #fff, 952px 929px #fff, 1770px 1769px #fff, 934px 977px #fff, 1685px 156px #fff, 656px 257px #fff, 1293px 1273px #fff, 1258px 493px #fff, 987px 1726px #fff, 642px 1722px #fff, 897px 527px #fff, 1560px 1595px #fff, 1358px 1351px #fff, 50px 1418px #fff, 560px 665px #fff, 542px 987px #fff, 221px 403px #fff, 1481px 267px #fff, 167px 1494px #fff, 1632px 1783px #fff, 465px 1183px #fff, 1609px 265px #fff, 945px 1788px #fff, 172px 978px #fff, 206px 1572px #fff, 1511px 1735px #fff, 492px 1020px #fff, 1290px 1542px #fff, 391px 1096px #fff, 1062px 1133px #fff, 1265px 1364px #fff, 1287px 794px #fff, 318px 38px #fff, 471px 1768px #fff, 1145px 19px #fff, 174px 318px #fff, 541px 890px #fff, 15px 452px #fff, 1107px 1327px #fff, 1501px 740px #fff, 1798px 1588px #fff, 1702px 235px #fff, 1551px 1309px #fff, 1390px 1182px #fff, 656px 1367px #fff, 1404px 1087px #fff, 1369px 752px #fff, 1765px 1691px #fff, 1790px 568px #fff, 1244px 228px #fff, 688px 876px #fff, 265px 1402px #fff, 792px 251px #fff, 149px 478px #fff, 1363px 218px #fff, 167px 312px #fff, 203px 761px #fff, 805px 150px #fff, 637px 126px #fff, 74px 637px #fff, 387px 1202px #fff, 412px 1788px #fff, 1631px 910px #fff, 1452px 1580px #fff, 1568px 149px #fff, 1605px 409px #fff, 704px 851px #fff, 453px 1217px #fff, 1603px 548px #fff, 446px 530px #fff, 67px 1342px #fff, 84px 1220px #fff, 913px 589px #fff, 1725px 863px #fff, 1070px 1318px #fff, 1070px 143px #fff, 195px 1705px #fff, 1679px 698px #fff, 1105px 1629px #fff, 151px 296px #fff, 465px 1456px #fff, 877px 1733px #fff, 1053px 568px #fff, 1043px 833px #fff, 1545px 643px #fff, 57px 204px #fff, 1102px 615px #fff, 757px 877px #fff, 40px 901px #fff, 37px 79px #fff, 1110px 535px #fff, 619px 619px #fff, 433px 604px #fff, 545px 384px #fff, 1035px 212px #fff, 1628px 1204px #fff, 681px 1273px #fff, 1640px 245px #fff, 1580px 684px #fff, 213px 554px #fff, 1597px 318px #fff, 1400px 812px #fff, 1449px 339px #fff, 1426px 1017px #fff, 1019px 965px #fff, 985px 109px #fff, 414px 1340px #fff, 206px 1578px #fff, 60px 120px #fff, 1208px 1025px #fff, 702px 906px #fff, 474px 1556px #fff, 1401px 652px #fff, 996px 650px #fff, 868px 1407px #fff, 75px 885px #fff, 951px 714px #fff, 1637px 444px #fff, 435px 1365px #fff, 1389px 359px #fff, 690px 392px #fff;
    animation-name: glowing-stars;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
    animation-delay: 3.5s;
    position: relative;
    left: 10vw;
}
#stars-group-3 {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    opacity: 0;
    box-shadow: 1627px 17px #434bd7, 770px 1183px #434bd7, 1496px 1602px #434bd7, 1101px 1603px #434bd7, 107px 1559px #434bd7, 1359px 984px #434bd7, 883px 200px #434bd7, 905px 1377px #434bd7, 65px 1157px #434bd7, 428px 860px #434bd7, 1022px 1436px #434bd7, 967px 640px #434bd7, 1597px 1401px #434bd7, 150px 167px #434bd7, 1094px 1191px #434bd7, 844px 1170px #434bd7, 1691px 829px #434bd7, 1687px 834px #434bd7, 1589px 1058px #434bd7, 258px 1508px #434bd7, 1427px 778px #434bd7, 369px 887px #434bd7, 1779px 322px #434bd7, 1311px 906px #434bd7, 965px 494px #434bd7, 1557px 524px #434bd7, 1109px 990px #434bd7, 1050px 1668px #434bd7, 240px 1217px #434bd7, 212px 1297px #434bd7, 31px 213px #434bd7, 726px 1249px #434bd7, 1562px 1668px #434bd7, 157px 1710px #434bd7, 1063px 408px #434bd7, 744px 1158px #434bd7, 1548px 540px #434bd7, 937px 1135px #434bd7, 216px 1597px #434bd7, 1599px 529px #434bd7, 964px 953px #434bd7, 1456px 920px #434bd7, 1426px 1588px #434bd7, 263px 254px #434bd7, 15px 1364px #434bd7, 790px 1075px #434bd7, 1206px 946px #434bd7, 1493px 118px #434bd7, 521px 134px #434bd7, 1675px 135px #434bd7, 319px 773px #434bd7, 60px 902px #434bd7, 324px 1175px #434bd7, 1417px 1284px #434bd7, 1353px 455px #434bd7, 1527px 1190px #434bd7, 923px 343px #434bd7, 1146px 1467px #434bd7, 1676px 1399px #434bd7, 680px 1696px #434bd7, 1274px 90px #434bd7, 533px 223px #434bd7, 1111px 544px #434bd7, 1141px 621px #434bd7, 1599px 1043px #434bd7, 137px 460px #434bd7, 181px 527px #434bd7, 356px 523px #434bd7, 1023px 522px #434bd7, 1095px 786px #434bd7, 249px 1021px #434bd7, 825px 1530px #434bd7, 704px 1225px #434bd7, 1666px 200px #434bd7, 787px 466px #434bd7, 102px 1675px #434bd7, 951px 1766px #434bd7, 134px 1800px #434bd7, 103px 287px #434bd7, 302px 851px #434bd7, 1210px 138px #434bd7, 1796px 457px #434bd7, 1345px 98px #434bd7, 538px 772px #434bd7, 986px 1161px #434bd7, 551px 14px #434bd7, 1516px 1304px #434bd7, 1572px 875px #434bd7, 1095px 1652px #434bd7, 594px 681px #434bd7, 522px 1429px #434bd7, 443px 487px #434bd7, 1615px 555px #434bd7, 563px 612px #434bd7, 1642px 362px #434bd7, 287px 483px #434bd7, 1181px 834px #434bd7, 34px 1183px #434bd7, 262px 1553px #434bd7, 195px 1379px #434bd7, 1050px 518px #434bd7, 175px 1393px #434bd7, 218px 1444px #434bd7, 584px 261px #434bd7, 264px 475px #434bd7, 170px 1613px #434bd7, 1675px 968px #434bd7, 424px 385px #434bd7, 14px 1059px #434bd7, 295px 1246px #434bd7, 89px 799px #434bd7, 1637px 697px #434bd7, 1360px 709px #434bd7, 174px 1025px #434bd7, 1724px 298px #434bd7, 293px 1760px #434bd7, 1528px 1572px #434bd7, 527px 449px #434bd7, 1414px 1079px #434bd7, 1449px 217px #434bd7, 1479px 1371px #434bd7, 524px 1017px #434bd7, 1379px 322px #434bd7, 609px 595px #434bd7, 1307px 206px #434bd7, 94px 1529px #434bd7, 73px 253px #434bd7, 279px 1692px #434bd7, 1607px 427px #434bd7, 1139px 826px #434bd7, 1057px 821px #434bd7, 1763px 1213px #434bd7, 637px 1172px #434bd7, 1086px 1490px #434bd7, 1496px 150px #434bd7, 648px 7px #434bd7, 1609px 943px #434bd7, 1491px 69px #434bd7, 1671px 1202px #434bd7, 1020px 976px #434bd7, 1068px 985px #434bd7, 1639px 651px #434bd7, 31px 896px #434bd7, 954px 528px #434bd7, 633px 1591px #434bd7, 956px 1032px #434bd7, 1574px 1654px #434bd7, 303px 1688px #434bd7, 706px 1096px #434bd7, 1558px 1386px #434bd7, 1487px 164px #434bd7, 862px 1256px #434bd7, 1160px 307px #434bd7, 1061px 1561px #434bd7, 1321px 308px #434bd7, 1094px 1710px #434bd7, 1590px 1774px #434bd7, 1312px 1716px #434bd7, 866px 760px #434bd7, 1234px 999px #434bd7, 795px 1710px #434bd7, 1115px 1406px #434bd7, 1572px 1534px #434bd7, 430px 1749px #434bd7, 1286px 122px #434bd7, 1620px 1128px #434bd7, 79px 1033px #434bd7, 767px 252px #434bd7, 1368px 852px #434bd7, 1683px 1440px #434bd7, 568px 1189px #434bd7, 1023px 128px #434bd7, 263px 1793px #434bd7, 1353px 1020px #434bd7, 1533px 953px #434bd7, 47px 1607px #434bd7, 1192px 86px #434bd7, 1013px 941px #434bd7, 289px 1558px #434bd7, 711px 767px #434bd7, 987px 961px #434bd7, 311px 514px #434bd7, 39px 170px #434bd7, 152px 1702px #434bd7, 826px 1516px #434bd7, 82px 1268px #434bd7, 1690px 1519px #434bd7, 1186px 1332px #434bd7, 648px 1505px #434bd7, 208px 318px #434bd7, 1637px 1726px #434bd7, 1017px 559px #434bd7, 80px 1673px #434bd7, 1533px 1141px #434bd7, 554px 1308px #434bd7, 807px 55px #434bd7, 300px 703px #434bd7, 898px 1633px #434bd7, 76px 1613px #434bd7, 1488px 677px #434bd7;
    animation-name: glowing-stars;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
    animation-delay: 4s;
    position: relative;
    left: 10vw;
}

#stars-group-4 {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    opacity: 0;
    box-shadow: 590px 1024px #fff, 672px 688px #fff, 1442px 606px #fff, 771px 680px #fff, 1749px 98px #fff, 8px 646px #fff, 1275px 1260px #fff, 710px 1069px #fff, 86px 403px #fff, 1507px 1548px #fff, 1273px 445px #fff, 83px 1292px #fff, 293px 1344px #fff, 1650px 1145px #fff, 964px 1719px #fff, 403px 370px #fff, 1295px 642px #fff, 1748px 233px #fff, 1415px 1072px #fff, 173px 36px #fff, 563px 792px #fff, 909px 1710px #fff, 896px 68px #fff, 959px 1107px #fff, 1673px 1436px #fff, 1467px 1794px #fff, 539px 1546px #fff, 1257px 1435px #fff, 28px 1723px #fff, 1647px 964px #fff, 416px 44px #fff, 1282px 428px #fff, 530px 134px #fff, 339px 1337px #fff, 175px 798px #fff, 605px 297px #fff, 173px 791px #fff, 588px 1219px #fff, 1012px 1058px #fff, 576px 1263px #fff, 153px 1075px #fff, 22px 1321px #fff, 1356px 1027px #fff, 517px 858px #fff, 209px 1341px #fff, 733px 352px #fff, 593px 1745px #fff, 1163px 480px #fff, 517px 27px #fff, 945px 1036px #fff, 1724px 198px #fff, 1348px 1655px #fff, 1385px 69px #fff, 1698px 1500px #fff, 1642px 1357px #fff, 1108px 1370px #fff, 1686px 815px #fff, 720px 144px #fff, 1524px 1796px #fff, 992px 1387px #fff, 355px 1292px #fff, 369px 703px #fff, 1157px 849px #fff, 508px 875px #fff, 851px 427px #fff, 382px 1474px #fff, 108px 1186px #fff, 1466px 831px #fff, 1216px 159px #fff, 1793px 225px #fff, 1559px 156px #fff, 1048px 459px #fff, 334px 828px #fff, 681px 1760px #fff, 1639px 1316px #fff, 30px 761px #fff, 1394px 599px #fff, 458px 712px #fff, 1427px 1405px #fff, 1459px 63px #fff, 524px 617px #fff, 1435px 404px #fff, 434px 562px #fff, 1308px 849px #fff, 319px 861px #fff, 1246px 207px #fff, 1735px 137px #fff, 1096px 1410px #fff, 1276px 169px #fff, 445px 333px #fff, 334px 181px #fff, 1723px 167px #fff, 846px 377px #fff, 1356px 795px #fff, 367px 1191px #fff, 830px 44px #fff, 930px 1507px #fff, 1756px 981px #fff, 1545px 1522px #fff, 1688px 1657px #fff, 1005px 868px #fff, 1339px 1161px #fff, 794px 330px #fff, 1275px 932px #fff, 806px 22px #fff, 1624px 1171px #fff, 466px 937px #fff, 1421px 180px #fff, 1764px 717px #fff, 810px 462px #fff, 554px 669px #fff, 511px 1046px #fff, 1099px 260px #fff, 1475px 1734px #fff, 1150px 1087px #fff, 1200px 17px #fff, 1448px 730px #fff, 998px 1523px #fff, 324px 1717px #fff, 1632px 1182px #fff, 962px 261px #fff, 1780px 233px #fff, 209px 437px #fff, 792px 782px #fff, 1195px 803px #fff, 481px 780px #fff, 1092px 798px #fff, 1139px 122px #fff, 74px 162px #fff, 521px 109px #fff, 1755px 92px #fff, 784px 1722px #fff, 692px 1172px #fff, 220px 600px #fff, 861px 721px #fff, 1642px 1332px #fff, 1038px 498px #fff, 740px 721px #fff, 959px 816px #fff, 1375px 1253px #fff, 416px 899px #fff, 51px 580px #fff, 336px 762px #fff, 920px 1501px #fff, 1470px 1476px #fff, 1215px 1101px #fff, 269px 192px #fff, 80px 1486px #fff, 626px 1506px #fff, 1467px 719px #fff, 59px 235px #fff, 1287px 1682px #fff, 1363px 545px #fff, 842px 751px #fff, 1653px 46px #fff, 742px 1435px #fff, 932px 898px #fff, 65px 1639px #fff, 1214px 1713px #fff, 934px 431px #fff, 778px 1344px #fff, 1055px 742px #fff, 1268px 341px #fff, 1784px 651px #fff, 1612px 372px #fff, 1682px 213px #fff, 642px 1608px #fff, 329px 1106px #fff, 675px 670px #fff, 412px 190px #fff, 947px 389px #fff, 30px 1595px #fff, 1218px 294px #fff, 483px 297px #fff, 1204px 37px #fff, 1071px 183px #fff, 745px 208px #fff, 1330px 849px #fff, 667px 1067px #fff, 907px 1290px #fff, 449px 559px #fff, 1687px 1241px #fff, 701px 1181px #fff, 1537px 940px #fff, 1418px 1458px #fff, 1320px 1381px #fff, 1731px 248px #fff, 544px 1781px #fff, 400px 1214px #fff, 11px 1161px #fff, 728px 273px #fff, 1102px 1599px #fff, 947px 937px #fff, 1077px 991px #fff, 690px 1587px #fff, 1787px 349px #fff, 1409px 1418px #fff, 1050px 1215px #fff, 270px 1175px #fff, 881px 1176px #fff;
    animation-name: glowing-stars;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
    animation-delay: 4.5s;
}
#stars-group-5 {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    opacity: 0;
    box-shadow: 1092px 1279px #fff, 1308px 453px #fff, 1123px 1402px #fff, 450px 1186px #fff, 681px 1059px #fff, 1234px 690px #fff, 388px 1031px #fff, 1779px 1222px #fff, 92px 449px #fff, 658px 1326px #fff, 645px 49px #fff, 165px 1574px #fff, 1170px 659px #fff, 631px 1056px #fff, 61px 170px #fff, 1540px 1215px #fff, 356px 638px #fff, 1564px 1190px #fff, 1681px 1074px #fff, 784px 1247px #fff, 517px 1497px #fff, 28px 5px #fff, 976px 1600px #fff, 1352px 1011px #fff, 1065px 740px #fff, 541px 1716px #fff, 777px 177px #fff, 1342px 1448px #fff, 159px 300px #fff, 983px 1755px #fff, 1482px 1732px #fff, 827px 1736px #fff, 616px 161px #fff, 814px 1354px #fff, 1229px 1464px #fff, 1137px 856px #fff, 716px 1433px #fff, 936px 647px #fff, 184px 601px #fff, 261px 1352px #fff, 953px 1288px #fff, 495px 765px #fff, 746px 328px #fff, 264px 1110px #fff, 76px 892px #fff, 1069px 1626px #fff, 792px 947px #fff, 1287px 414px #fff, 942px 868px #fff, 1143px 1355px #fff, 1585px 214px #fff, 19px 1163px #fff, 1243px 222px #fff, 20px 1310px #fff, 1734px 306px #fff, 132px 698px #fff, 428px 1734px #fff, 84px 710px #fff, 1438px 1711px #fff, 174px 1652px #fff, 1161px 1253px #fff, 1561px 240px #fff, 910px 144px #fff, 767px 1296px #fff, 505px 553px #fff, 497px 55px #fff, 331px 1463px #fff, 601px 225px #fff, 261px 999px #fff, 1513px 188px #fff, 1401px 1538px #fff, 522px 195px #fff, 533px 1681px #fff, 368px 1310px #fff, 1075px 1496px #fff, 1642px 1423px #fff, 1084px 1382px #fff, 1663px 1028px #fff, 668px 843px #fff, 1754px 826px #fff, 306px 216px #fff, 463px 296px #fff, 1403px 117px #fff, 1042px 1065px #fff, 21px 150px #fff, 1151px 337px #fff, 1546px 1546px #fff, 1152px 372px #fff, 1413px 1741px #fff, 1030px 153px #fff, 615px 1725px #fff, 603px 1121px #fff, 484px 1591px #fff, 1190px 1689px #fff, 494px 1033px #fff, 1436px 276px #fff, 1582px 1129px #fff, 938px 251px #fff, 278px 410px #fff, 1333px 570px #fff, 965px 1504px #fff, 963px 506px #fff, 421px 1473px #fff, 1275px 1062px #fff, 1677px 1272px #fff, 1678px 1604px #fff, 51px 616px #fff, 416px 46px #fff, 1318px 1622px #fff, 70px 81px #fff, 858px 1661px #fff, 1784px 591px #fff, 1151px 1048px #fff, 65px 1733px #fff, 1212px 1776px #fff, 307px 1060px #fff, 560px 760px #fff, 80px 1773px #fff, 557px 355px #fff, 1276px 959px #fff, 380px 879px #fff, 257px 64px #fff, 1413px 1676px #fff, 1034px 268px #fff, 1575px 239px #fff, 1135px 1619px #fff, 1531px 677px #fff, 921px 293px #fff, 1171px 764px #fff, 562px 1107px #fff, 664px 1589px #fff, 285px 700px #fff, 73px 1493px #fff, 896px 137px #fff, 593px 351px #fff, 1462px 47px #fff, 1238px 1012px #fff, 473px 412px #fff, 1771px 509px #fff, 312px 1563px #fff, 1146px 1551px #fff, 660px 972px #fff, 180px 724px #fff, 361px 1564px #fff, 56px 645px #fff, 966px 50px #fff, 525px 1641px #fff, 661px 543px #fff, 922px 1276px #fff, 933px 1719px #fff, 1474px 996px #fff, 562px 1659px #fff, 800px 102px #fff, 624px 1090px #fff, 1156px 92px #fff, 1549px 434px #fff, 42px 536px #fff, 646px 1027px #fff, 978px 1794px #fff, 527px 980px #fff, 399px 37px #fff, 1733px 326px #fff, 652px 719px #fff, 950px 1290px #fff, 1684px 1748px #fff, 727px 1269px #fff, 515px 1137px #fff, 1670px 393px #fff, 801px 1767px #fff, 205px 581px #fff, 1165px 550px #fff, 1468px 784px #fff, 623px 94px #fff, 379px 594px #fff, 1351px 1159px #fff, 1184px 1728px #fff, 1300px 223px #fff, 107px 1729px #fff, 1037px 579px #fff, 256px 424px #fff, 1260px 653px #fff, 1279px 934px #fff, 15px 679px #fff, 792px 615px #fff, 605px 1086px #fff, 1608px 1591px #fff, 1538px 398px #fff, 872px 648px #fff, 913px 186px #fff, 407px 1356px #fff, 1462px 884px #fff, 423px 536px #fff, 1614px 134px #fff, 1130px 686px #fff, 592px 575px #fff, 1635px 762px #fff, 157px 1511px #fff, 1218px 1550px #fff, 375px 1537px #fff, 1657px 747px #fff;
    animation-name: glowing-stars;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
    animation-delay: 5s;
    position: relative;
    left: 10vw;
}
#stars-group-6 {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    opacity: 0;
    box-shadow: 1118px 907px #fff, 205px 903px #fff, 1733px 792px #fff, 1307px 938px #fff, 1504px 39px #fff, 772px 1272px #fff, 217px 437px #fff, 894px 912px #fff, 23px 1517px #fff, 547px 49px #fff, 587px 1051px #fff, 1027px 565px #fff, 907px 650px #fff, 538px 335px #fff, 773px 1762px #fff, 320px 1486px #fff, 1319px 977px #fff, 71px 1316px #fff, 349px 1129px #fff, 844px 1223px #fff, 1050px 491px #fff, 377px 779px #fff, 1383px 70px #fff, 1437px 256px #fff, 303px 1473px #fff, 228px 1178px #fff, 1376px 583px #fff, 247px 1182px #fff, 1239px 1061px #fff, 854px 344px #fff, 1770px 87px #fff, 913px 239px #fff, 377px 1225px #fff, 1025px 500px #fff, 755px 203px #fff, 1487px 947px #fff, 505px 949px #fff, 890px 497px #fff, 146px 1641px #fff, 1409px 1774px #fff, 441px 321px #fff, 1020px 1575px #fff, 1076px 1673px #fff, 866px 305px #fff, 1334px 368px #fff, 1643px 1062px #fff, 1218px 1208px #fff, 1269px 525px #fff, 1602px 934px #fff, 992px 91px #fff, 455px 676px #fff, 785px 53px #fff, 1343px 88px #fff, 367px 1633px #fff, 579px 1060px #fff, 1764px 298px #fff, 348px 1270px #fff, 156px 472px #fff, 1326px 1720px #fff, 111px 1199px #fff, 1138px 1701px #fff, 1632px 1672px #fff, 1692px 551px #fff, 1800px 520px #fff, 1127px 1656px #fff, 281px 67px #fff, 570px 1115px #fff, 1509px 1649px #fff, 932px 1334px #fff, 82px 142px #fff, 319px 53px #fff, 1733px 106px #fff, 644px 260px #fff, 151px 444px #fff, 309px 351px #fff, 723px 461px #fff, 57px 1514px #fff, 1674px 336px #fff, 912px 583px #fff, 1588px 1186px #fff, 1568px 361px #fff, 1405px 936px #fff, 1587px 1785px #fff, 196px 1184px #fff, 1510px 599px #fff, 1521px 1257px #fff, 1676px 1628px #fff, 598px 1263px #fff, 1157px 1396px #fff, 1257px 1118px #fff, 1548px 1200px #fff, 312px 1025px #fff, 1683px 315px #fff, 1620px 185px #fff, 1209px 1457px #fff, 315px 1231px #fff, 1486px 1518px #fff, 1705px 1391px #fff, 271px 1461px #fff, 1482px 1358px #fff, 1050px 492px #fff, 1511px 767px #fff, 1691px 1649px #fff, 27px 330px #fff, 103px 368px #fff, 704px 770px #fff, 103px 453px #fff, 106px 1334px #fff, 1073px 1432px #fff, 1023px 915px #fff, 978px 1727px #fff, 649px 1174px #fff, 242px 1453px #fff, 267px 1632px #fff, 997px 1364px #fff, 1450px 1094px #fff, 1053px 1652px #fff, 798px 1453px #fff, 1262px 169px #fff, 1521px 1464px #fff, 623px 1272px #fff, 985px 477px #fff, 1191px 434px #fff, 705px 1549px #fff, 1437px 1581px #fff, 998px 398px #fff, 1612px 863px #fff, 509px 365px #fff, 728px 1733px #fff, 1090px 180px #fff, 219px 497px #fff, 1068px 448px #fff, 333px 221px #fff, 1197px 109px #fff, 1599px 361px #fff, 1693px 249px #fff, 801px 1196px #fff, 1061px 462px #fff, 1560px 231px #fff, 1641px 121px #fff, 790px 380px #fff, 958px 968px #fff, 901px 604px #fff, 327px 169px #fff, 1612px 1111px #fff, 1406px 916px #fff, 439px 977px #fff, 433px 578px #fff, 1477px 1739px #fff, 1244px 1510px #fff, 452px 1026px #fff, 231px 803px #fff, 1164px 932px #fff, 1575px 748px #fff, 1449px 1037px #fff, 1546px 1717px #fff, 797px 558px #fff, 1686px 485px #fff, 1534px 154px #fff, 1708px 934px #fff, 513px 619px #fff, 384px 1673px #fff, 658px 1686px #fff, 425px 730px #fff, 320px 517px #fff, 1495px 271px #fff, 197px 990px #fff, 727px 767px #fff, 1035px 787px #fff, 1660px 1512px #fff, 640px 1744px #fff, 1084px 585px #fff, 1185px 1661px #fff, 534px 149px #fff, 395px 783px #fff, 1241px 142px #fff, 363px 463px #fff, 1524px 1768px #fff, 548px 1664px #fff, 360px 1214px #fff, 1570px 327px #fff, 173px 557px #fff, 945px 131px #fff, 726px 83px #fff, 1282px 1493px #fff, 1128px 754px #fff, 393px 816px #fff, 392px 1028px #fff, 224px 1555px #fff, 1336px 1547px #fff, 914px 713px #fff, 104px 874px #fff, 1794px 680px #fff, 518px 495px #fff, 1624px 1555px #fff, 177px 993px #fff, 1317px 1580px #fff, 1297px 192px #fff, 730px 722px #fff, 1692px 200px #fff;
    animation-name: glowing-stars;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
    animation-delay: 5.5s;
}
@keyframes glowing-stars {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes glitter {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

/*### Section 4 Home ###*/

.screen4{
    opacity: 0;
    margin-top: 100vh;
    position: relative;
}
.screen4 h2{
    font-weight: 500;
    font-size: 6vh;
    line-height: 6vh;
    color: #fff;
    position: absolute;
    top: 20vh;
    left: 5vw;
}
.screen4-global p{
    font-weight: 400;
    font-size: 3.8vh;
    line-height: 3.9vh;
    color: #fff;
    position: absolute;
    top: 30vh;
}
.text-1box p{
    left: 5vw;
    width: 48vw;
    background: -webkit-linear-gradient(#ffe8ce, #fbb8a0);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-2box p{
    left: 20vw;
    width: 48vw;
    background: -webkit-linear-gradient(#fbb8a0, #ffe8ce);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-3box p{
    left: 40vw;
    width: 48vw;
    background: -webkit-linear-gradient(#c872f2, #f772d1);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-4box p{
    left: 45vw;
    width: 48vw;
    background: -webkit-linear-gradient(#c872f2, #f772d1);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.screen4-global.screen4-all p{
    font-size: 1.8vh;
    line-height: 2.5vh;
    width: 18vw;
}
.screen4-global.screen4-all .text-1box p{
    left: 10vw;
}
.screen4-global.screen4-all .text-2box p{
    left: 31vw;
}
.screen4-global.screen4-all .text-3box p{
    left: 52vw;
}
.screen4-global.screen4-all .text-4box p{
    left: 72vw;
}
.screen4-global{
    opacity: 0;
}
.bottom-screen4{
    position: absolute;
    bottom: -29vh;
    left: 50vw;
    margin-left: -25vh;
}
.bottom-screen4 .planet{
    width: 60vh;
    height: 60vh;
    background-image: url("assets/images/helf-planet.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin: -5vh;
}
.bottom-screen4 .direction{
    background-image: url("assets/images/planet-direction.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    width: 50vh;
    height: 50vh;
}
.text-1box:after{
    content: "";
    background-image: url("assets/images/t1.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    height: 56vh;
    width: 108px;
    display: block;
    position: absolute;
    bottom: 4vh;
    left: 32vw;
}
.screen4-global .text-1box:after{
    background-image: url("assets/images/t12.svg");
    height: 56vh;
    width: 18vw;
    bottom: 4vh;
    left: 19.5vw;
}
.text-2box:after{
    content: "";
    background-image: url("assets/images/t2.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    height: 43vh;
    width: 20px;
    display: block;
    position: absolute;
    bottom: 17vh;
    left: 41vw;
}
.text-3box:after{
    content: "";
    background-image: url("assets/images/t3.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    height: 43vh;
    width: 20px;
    display: block;
    position: absolute;
    bottom: 17.5vh;
    left: 58vw;
}
.text-4box:after{
    content: "";
    background-image: url("assets/images/t4.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    height: 56vh;
    width: 108px;
    display: block;
    position: absolute;
    bottom: 4vh;
    left: 62.5vw;
}
.screen4-global .text-4box:after{
    background-image: url("assets/images/t42.svg");
    height: 56vh;
    width: 26vw;
    bottom: 4vh;
    left: 62.5vw;
}
.screen4 .screen3-second-bg .star1 {
    width: 23vh;
    height: 23vh;
    top: 50vh;
    left: 11vw;
}
.screen4 .screen3-second-bg .star2 {
    width: 20vh;
    height: 20vh;
    top: 43vh;
    left: 45vw;
}
.screen4 .screen3-second-bg .star3 {
    width: 16vh;
    height: 16vh;
    top: 50vh;
    left: 78vw;
}
.screen5{
    opacity: 0;
    margin-top: 100vh;
    position: relative;
    z-index: -1;

}
.screen5 .text-box{
    width: 50vw;
    position: absolute;
    top: 0;
    left: 5vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.screen5 .text-box h3{
    font-weight: 500;
    font-size: 4.8vh;
    line-height: 6vh;
    color: #fff;
    margin-bottom: 3vh;
}
.screen5 .text-box p{
    font-size: 3vh;
    line-height: 3vh;
    margin-bottom: 3vh;
    background: -webkit-linear-gradient(#fd5392, #f86f64);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.screen5 .planet-box{
    background-image: url("assets/images/planet-nft.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 70vh;
    height: 70vh;
    position: absolute;
    top: 20vh;
    left: 60vw;
}
.screen5 .planet-box .nft{
    background-image: url("assets/images/nft.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 60%;
    height: 75%;
    position: absolute;
    top: 17%;
    left: 20%;
    opacity: 0;
}
.screen5 .screen3-second-bg .commet1 {
    background-image: url("assets/images/commet.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    left: 9vw;
    top: 7vw;
    height: 0vw;
    width: 0vw;
    z-index: 8;
}
.screen5 .screen3-second-bg .commet2 {
    background-image: url("assets/images/commet2.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    left: 15vw;
    top: 7vw;
    height: 0vw;
    width: 0vw;
    z-index: 8;
}
.screen5 .parallax-wrap{
    top: 0vh
}
.screen5 .parallax-wrap span:nth-child(1) {
    top: 36vh;
    left: 47vw;
    background: url("assets/images/sh1.svg") no-repeat;
    background-size: 100% auto;
    z-index: 3;
    height: 10vh;
    width: 8vh;
}
.screen5 .parallax-wrap span:nth-child(2) {
    top: 80vh;
    left: 50vw;
    background: url("assets/images/sh3.svg") no-repeat;
    background-size: 100% auto;
    z-index: 3;
    height: 43vh;
    width: 40vh;
}
.screen5 .parallax-wrap span:nth-child(3) {
    top: 100vh;
    left: 10vw;
    background: url("assets/images/sh2.svg") no-repeat;
    background-size: 100% auto;
    z-index: 3;
    height: 14vh;
    width: 12vh;
}

/*### ABOUT US ###*/

.about1 .wrapper{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    position: absolute;
    top: 15vh;
}
.about1 h1{
    font-size: 6vh;
    line-height: 6vh;
    color: #fff;
    font-weight: 500;
    flex: 0 0 100%;
}
.about1 h2{
    font-size: 4vh;
    line-height: 6vh;
    color: #fff;
    font-weight: 500;
    flex: 0 0 100%;
}
.about-template .screen3-second-bg{
    opacity: 1;
}
.about1 .boxes-solutions{
    width: 50vw;
}

.about1 .boxes-solutions .solution{
    display: flex;
    align-items: center;
}
.about1 .boxes-solutions .solution .image-solutions{
    display: inline-block;
    width: 20vh;
    max-height: 16vh;
    margin-right: 2vw;
    min-width: 9vw;
}
.about1 .boxes-solutions .solution .image-solutions img{
    width: 100%;
    height: auto;
    display: block;
}
.about1 .boxes-solutions .solution .text-solutions{
    display: inline-block;
    background: -webkit-linear-gradient(#f772d1, #c872f2);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2.4vh;
    line-height: 3.2vh;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: justify;
    max-width: 630px;
}
.about1 .boxes-solutions .solution .text-solutions:after{
    /* content: "";
     display: inline-block;
     width: 100%;*/
}

.about1 .parallax-wrap{
    top: 0vh
}
.about1 .parallax-wrap span:nth-child(1) {
    top: 70vh;
    left: 62vw;
    background: url("assets/images/sh8.svg") no-repeat;
    background-size: auto;
    background-size: 100% auto;
    z-index: 3;
    height: 14vh;
    width: 12vh;
}
.about1 .parallax-wrap span:nth-child(2) {
    top: 20vh;
    left: 68vw;
    background: url("assets/images/sh7.svg") no-repeat;
    background-size: auto;
    background-size: 100% auto;
    z-index: 3;
    height: 50vh;
    width: 50vh;
}
.about1 .parallax-wrap span:nth-child(3) {
    top: 67vh;
    left: 82vw;
    background: url("assets/images/sh8.svg") no-repeat;
    background-size: auto;
    background-size: 100% auto;
    z-index: 3;
    height: 14vh;
    width: 12vh;
}
.about-template .rocket{
    background-image: url("assets/images/rocket2.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 20vh;
    height: 45vh;
    z-index: 50;
    position: absolute;
    left: 70vw;
    top: 45vh;
}
.about2{
    opacity: 0;
    margin-top: 100vh;
    position: relative;
}

.about2 .textbox-sec2{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    top: 27vh;
    max-width: 640px;
    width: 40vw;
}
.about2 .textbox-sec2 h2{
    font-size: 6vh;
    line-height: 6.5vh;
    color: #fff;
    font-weight: 500;
    flex: 0 0 100%;
    margin-bottom: 3vh;
    background: -webkit-linear-gradient(#f089e5, #f56285);
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about2 .textbox-sec2 .text-sec2 p{
    font-size: 2.6vh;
    line-height: 2.8vh;
    color: #fff;
    font-weight: 400;
    margin-bottom: 2vh;
}
.about2 .boxes-yes{
    position: absolute;
    top: 18vh;
    left: 53vw;
    text-align: right;
    z-index: 99;
}

.about2 .boxes-yes .box-yes{
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 20px;
    width: 40vw;
    max-width: 640px;
    overflow: hidden;
}
.about2 .box-yes .yes{
    font-size: 7.2vh;
    line-height: 7.2vh;
    font-weight: 500;
    left: 40vw;
    position: relative;
}
.about2 .box-yes1 .yes{
    background: -webkit-linear-gradient(#fd5392, #f86f64);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about2 .box-yes2 .yes{
    background: -webkit-linear-gradient(#f089e5, #f56285);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about2 .box-yes3 .yes{
    background: -webkit-linear-gradient(#fd5392, #f86f64);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about2 .box-yes .text-yes{
    font-size: 2.4vh;
    line-height: 3.2vh;
    color: #fff;
    font-weight: 400;
    max-width: 410px;
    text-align: right;
    left: 40vw;
    position: relative;
}
.about2 .box-yes1 .yes-line{
    background-image: url("assets/images/yesbox.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 87%;
    height: 62px;
    left: 40vw;
    position: relative;

}
.about2 .box-yes2 .yes-line{
    background-image: url("assets/images/yesbox2.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 84%;
    height: 59px;
    left: 40vw;
    position: relative;
}
.about2 .box-yes3 .yes-line{
    background-image: url("assets/images/yesbox3.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 94%;
    height: 67px;
    left: 40vw;
    position: relative;
}
.about2 .screen3-second-bg .star1 {
    width: 21vh;
    height: 21vh;
    top: 70vh;
    left: 17vw;
}
.about2 .screen3-second-bg .star2 {
    width: 18vh;
    height: 18vh;
    top: 9vh;
    left: 60vw;
}

.about2 .parallax-wrap{
    top: 0vh
}
.about2 .parallax-wrap span:nth-child(1) {
    top: 21vh;
    left: 26vw;
    background: url("assets/images/sh8.svg") no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: 100% auto;
    z-index: 3;
    height: 18vh;
    width: 16vh;
}
.about2 .parallax-wrap span:nth-child(2) {
    top: 70vh;
    left: 33vw;
    background: url("assets/images/sh8.svg") no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: 100% auto;
    z-index: 3;
    height: 32vh;
    width: 30vh;
}
.about2 .parallax-wrap span:nth-child(3) {
    top: 65vh;
    left: 80vw;
    background: url("assets/images/sh8.svg") no-repeat;
    background-size: auto;
    background-size: 100% auto;
    z-index: 3;
    height: 14vh;
    width: 12vh;
}

.about3{
    opacity: 0;
    margin-top: 100vh;
    position: relative;
}

.about3 .parallax-wrap{
    top: 0vh
}
.about3 .parallax-wrap span:nth-child(1) {
    top: 21vh;
    left: 40vw;
    background: url("assets/images/sh8.svg") no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: 100% auto;
    z-index: 3;
    height: 12vh;
    width: 12vh;
}
.about3 .parallax-wrap span:nth-child(2) {
    top: 70vh;
    left: 14vw;
    background: url("assets/images/sh8.svg") no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: 100% auto;
    z-index: 3;
    height: 32vh;
    width: 30vh;
}
.about3 .parallax-wrap span:nth-child(3) {
    top: 85vh;
    left: 86vw;
    background: url("assets/images/sh8.svg") no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: 100% auto;
    z-index: 3;
    height: 17vh;
    width: 17vh;
}

.team-page{
    position: absolute;
    top: 0;
    height: 100vh;
    width: 100vw;
    opacity: 0;
}

.round-slider .slick-track {
    width:15vw !important;
    height:15vw;
    position:relative;
    padding-top: 50vh;
    margin-left: 5vw;
    transform: none !important;
}

.round-slider .slick-track .small-image{
    display:block;
    position:absolute;
    top:51%;
    left:51%;
    width:55px;
    height:55px;

    text-align:center;

}
.planelt-team{
    background-image: url("assets/images/planet-nft.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 15vw;
    height: 15vw;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -8vw;
    left: 6.5vw;
    z-index: 99999;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2vh;
    cursor: pointer;
}
.planelt2-team{
    background-image: url('assets/images/planet2-about.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 13vw;
    height: 13vw;
    position: absolute;
    bottom: -4vw;
    left: 70vw;
}
.planelt3-team{
    background-image: url('assets/images/planet3-about.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 11vw;
    height: 11vw;
    position: absolute;
    top: -3vw;
    left: 60vw;
}
.round-slider .slick-track .small-image{
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.round-slider.circle-active .slick-track .small-image{
    transform:translate(10vw)
}

.round-slider.circle-active .slick-track .small-image + div  {
    transform:rotate(46deg) translate(10vw) rotate(-46deg);
}

.round-slider.circle-active .slick-track .small-image + div + div  {
    transform:rotate(91deg) translate(10vw) rotate(-91deg);
}

.round-slider.circle-active .slick-track .small-image + div + div + div{
    transform:rotate(136deg) translate(10vw) rotate(-136deg);
}

.round-slider.circle-active .slick-track .small-image + div + div + div + div {
    transform:rotate(181deg) translate(10vw) rotate(-181deg);
}

.round-slider.circle-active .slick-track .small-image + div + div + div + div + div {
    transform:rotate(226deg) translate(10vw) rotate(-226deg);
}

.round-slider.circle-active .slick-track .small-image + div + div + div + div + div  + div {
    transform:rotate(271deg) translate(10vw) rotate(-271deg);
}

.round-slider.circle-active .slick-track .small-image + div + div + div + div + div  + div + div  {
    transform:rotate(316deg) translate(10vw) rotate(-316deg);
}

.boxes-team{
    width: 40vw;
    position: absolute;
    right: 0;
}
.small-image .image-team-small{

    width: 55px !important;
    height: 55px;
}
.image-overlay-small{
    background-color: #fff;
    width: 55px;
    height: 55px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    cursor: pointer;
    -webkit-box-shadow: 11px 7px 31px -7px rgba(255,255,255,0.58);
    box-shadow: 11px 7px 31px -7px rgba(255,255,255,0.58);
    padding: 5px;
    position: relative;
}
.image-overlay-small:before{
    content: "";
    width: 4px;
    height: 60px;
    background-color: #fff;
    display: block;
    position: absolute;

    z-index: -1;
}
.small-image1 .image-overlay-small:before{
    bottom: 2px;
    left: -28px;
    transform: rotate(90deg);
}
.small-image2 .image-overlay-small:before{
    bottom: 44px;
    left: -13px;
    transform: rotate(-45deg);

}
.small-image3 .image-overlay-small:before{
    bottom: 65px;
    left: 31px;
}
.small-image4 .image-overlay-small:before{
    bottom: 38px;
    left: 72px;
    transform: rotate(45deg);

}
.small-image5 .image-overlay-small:before{
    bottom: 0px;
    left: 85px;
    transform: rotate(90deg);

}
.small-image6 .image-overlay-small:before{
    bottom: -39px;
    left: 66px;
    transform: rotate(-45deg);

}
.small-image7 .image-overlay-small:before{
    bottom: -41px;
    left: 30px;

}
.small-image8 .image-overlay-small:before{
    bottom: -39px;
    left: -12px;
    transform: rotate(45deg);
}

.image-overlay-small img{
    width: 100%;
    height: auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.round-slider .slick-list{
    padding: 0!important;
    overflow: visible!important;
}
.round-slider{
    position: relative;
    top: 5vh;
    z-index: 999;
    height: 100vh;
    width: 30vw;
}

.boxes-team{
    width: 50vw;
    position: absolute !important;
    top: 0;
    left: 10vw;
    bottom: 0;
    margin: auto;

}
.boxes-team .slick-track{
    height: 100vh;
    width: 60vw;
}
.boxes-team .team{
    width: 50vw!important;

    left: 0!important;
    position: absolute!important;
    top: 40vh!important;
    display: flex !important;
    flex-direction: row;
}
.boxes-team .team .image-team{
    width: 165px;
    height: 165px;
    flex: 0 0 165px;
    border: 5px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #b7b7b7;
    margin-bottom: 3vh;
}
.boxes-team .team .image-team img{
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 100%;
    height: auto;
    display: block;
}
.boxes-team .team  .text-box-team{
    max-width: 60vw;
    margin-left: 5vw;

}
.boxes-team .team  .text-box-team .name-function{
    margin-bottom: 2vw;
}
.boxes-team .team .text-team{
    margin-bottom: 3vh;
    position: relative;
}
.boxes-team .team .text-team p{
    color: #fff;
    font-size: 2.6vh;
    line-height: 3vh;
    font-weight: 500;

}
.boxes-team .team  .text-team p strong{
    color: #fff;
    font-size: 2.6vh;
    line-height: 3vh;
    font-weight: 600;
}
.boxes-team .team  .name-function .name-team{
    color: #fff;
    font-size: 7.2vh;
    line-height: 7.2vh;
    font-weight: bold;
    text-transform: uppercase;
    background: -webkit-linear-gradient(#f089e5, #f56285);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.boxes-team .team  .name-function .funtion-team{
    color: #fff;
    font-size: 5.5vh;
    line-height: 6.5vh;
    font-weight: bold;
}

.boxes-team .team .text-team::before {
    content: "";
    width: 4px;
    height: 112px;
    background: rgb(226,82,224);
    background: linear-gradient(180deg, rgba(254, 182, 75, 1) 0%, rgba(254, 57, 214, 1) 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    left: -2vw;
}

/*### Solutions ###*/
.solutions-text-box{
    position: absolute;
    top: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 5vw;
}
.solution2{
    opacity: 0;
    margin-top: 100vh;
    position: relative;
}
.solution-template .screen3-second-bg{
    opacity: 1;
}
.solution-template h1,
.solution-template h2{
    font-size: 6vh;
    line-height: 7vh;
    color: #fff;
    font-weight: 500;
    margin-bottom: 3vh;
}
.solution-template h1 span{
    font-size: 6vh;
    line-height: 7vh;
    color: #fff;
    font-weight: 500;
    margin-bottom: 3vh;
    background: -webkit-linear-gradient(#e252e0, #fda096);
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.solution-template h3{
    font-size: 4vh;
    line-height: 5vh;
    letter-spacing: 0.5px;
    font-weight: 500;
    margin-bottom: 3vh;
    background: -webkit-linear-gradient(#e252e0, #fda096);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.solution-template .text-solutions{
    max-width: 90vw;
}
.solution-template p{
    font-size: 2.6vh;
    line-height: 2.9vh;
    color: #fff;
    letter-spacing: 0.3px;
    margin-bottom: 3vh;
}


.solution-template  .parallax-wrap{
    top: 0vh
}
.solution-template  .parallax-wrap span:nth-child(1) {
    top: 15vh;
    left: 0vw;
    background: url("assets/images/sh1.svg") no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: 100% auto;
    z-index: 3;
    height: 12vh;
    width: 12vh;
}
.solution-template  .parallax-wrap span:nth-child(2) {
    top: 17vh;
    left: 35vw;
    background: url("assets/images/sh3.svg") no-repeat;
    background-size: auto;
    background-size: 100% auto;
    z-index: 3;
    height: 32vh;
    width: 30vh;
}

.gallaxy {
    position: fixed;
    left: 90vw;
    top: 85vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gallaxy .gallaxy-link{
    display: flex;
    justify-content: center;
    align-items: center;
}
.gallaxy .gallaxy-text{
    color: #fff;
    font-size: 1.6vh;
}
.gallaxy .glow {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -webkit-animation: glow 3s linear 0s infinite alternate;
    animation: glow 3s linear 0s infinite alternate;
}

.gallaxy .particles {
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    width: 100px;
    height: 100px;

}
.gallaxy .rotate {
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    width: 10px;
    height: 10px;
}

.gallaxy .angle {
    position: absolute;
    top: 0;
    left: 0;
}

.gallaxy .size {
    position: absolute;
    top: 0;
    left: 0;
}

.gallaxy .position {
    position: absolute;
    top: 0;
    left: 0;
}

.gallaxy .pulse {
    position: absolute;
    top: 0;
    left: 0;
}

.gallaxy .particle {
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.gallaxy .rotate {
    -webkit-animation: rotate 20s linear 0s infinite alternate;
}

.gallaxy .pulse{
    -webkit-animation: pulse 1.5s linear 0s infinite alternate;
}

@-webkit-keyframes glow {
    0% {
        transform: rotate(0deg);
        box-shadow: 0 0 60px 20px #56bcf9, 25px 15px 50px 10px #fff, -5px -25px 30px 5px #fff;
    }
    100% {
        transform: rotate(5deg);
        box-shadow: 0 0 90px 20px #56bcf9, 35px 20px 40px 10px #fff, -30px -30px 40px 5px #fff;
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes angle {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes size {
    0% {
        -webkit-transform: scale(.2);
    }
    100% {
        -webkit-transform: scale(.6);
    }
}

@-webkit-keyframes position {
    0% {
        -webkit-transform: translate3d(0,0,0);
        opacity: 1;
    }
    50%{
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100px,100px,0);
        opacity: 0;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(.5);
    }
}

@-webkit-keyframes particle {
    0% {
        box-shadow: inset 0 0 20px 20px #0079e8, 0 0 50px 10px #0079e8, inset 0 0 80px 80px #269aff;
    }
    33.33% {
        box-shadow: inset 0 0 20px 20px #0079e8, 0 0 130px 10px #0079e8, inset 0 0 50px 50px #269aff;
    }
    33.34% {
        box-shadow: inset 0 0 20px 20px #2693ff, 0 0 50px 10px #2693ff, inset 0 0 80px 80px #52abff;
    }
    66.66% {
        box-shadow: inset 0 0 20px 20px #2693ff, 0 0 130px 10px #2693ff, inset 0 0 50px 50px #52abff;
    }
    66.67% {
        box-shadow: inset 0 0 20px 20px #485fe8, 0 0 50px 10px #485fe8, inset 0 0 80px 80px #7d71e8;
    }
    100% {
        box-shadow: inset 0 0 20px 20px #485fe8, 0 0 130px 10px #485fe8, inset 0 0 50px 50px #7d71e8;
    }
}

.gallaxy .rotate .angle:nth-child(1){
    -webkit-animation: angle 10s steps(5) 0s infinite;
}
.gallaxy .rotate .angle:nth-child(1) .size{
    -webkit-animation: size 10s steps(5) 0s infinite;
}
.gallaxy .rotate .angle:nth-child(1) .particle{
    -webkit-animation: particle 6s linear infinite alternate;
}
.gallaxy .rotate .angle:nth-child(1) .position{
    -webkit-animation: position 2s linear 0s infinite;
}
.gallaxy .rotate .angle:nth-child(2){
    -webkit-animation: angle 4.95s steps(3) -1.65s infinite;
}
.gallaxy .rotate .angle:nth-child(2) .size{
    -webkit-animation: size 4.95s steps(3) -1.65s infinite alternate;
}
.gallaxy .rotate .angle:nth-child(2) .particle{
    -webkit-animation: particle 4.95s linear -3.3s infinite alternate;
}
.gallaxy .rotate .angle:nth-child(2) .position{
    -webkit-animation: position 1.65s linear 0s infinite;
}
.gallaxy .rotate .angle:nth-child(3){
    -webkit-animation: angle 13.76s steps(8) -6.88s infinite;
}
.gallaxy .rotate .angle:nth-child(3) .size{
    -webkit-animation: size 6.88s steps(4) -5.16s infinite alternate;
}
.gallaxy .rotate .angle:nth-child(3) .particle{
    -webkit-animation: particle 5.16s linear -1.72 infinite alternate;
}
.gallaxy .rotate .angle:nth-child(3) .position{
    -webkit-animation: position 1.72s linear 0s infinite;
}

.gallaxy .rotate .angle:nth-child(5) .position{
    -webkit-animation: position 2.45s linear 0s infinite;
}
.scroll-icon{
    position: relative;
    margin: 0 auto;
    z-index: 99;
    width: 4vw;
    height: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.scroll-icon .mouse_scroll {
    display: block;
    margin: 0 auto;
}


.scroll-icon .mouse_scroll .m_scroll_arrows{
    display: block;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    margin: 0 0 3px 4px;
    width: 8px;
    height: 8px;
}


.scroll-icon .mouse_scroll .unu{
    margin-top: 1px;
}

.scroll-icon .mouse_scroll .unu, .doi, .trei{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;

}

.scroll-icon .mouse_scroll .unu{
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    animation-delay: alternate;
}

.scroll-icon .mouse_scroll .doi{
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate;
    animation-delay: .2s;
    animation-direction: alternate;
    margin-top: -6px;
}

.scroll-icon .mouse_scroll .trei{
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;
    animation-delay: .3s;
    animation-direction: alternate;
    margin-top: -6px;
}

.scroll-icon .mouse_scroll .mouse {
    height: 32px;
    width: 20px;
    border-radius: 14px;
    transform: none;
    border: 2px solid white;
    top: 170px;
}

.scroll-icon .mouse_scroll .wheel {
    display: block;
    margin: 5px auto;
    background: white;
    position: relative;
    height: 2px;
    width: 2px;
    border: 2px solid #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-animation: mouse-wheel 0.6s linear infinite;
    -moz-animation: mouse-wheel 0.6s linear infinite;
    animation: mouse-wheel 0.6s linear infinite;
}
.scroll-icon .mouse_scroll  .mouse-arrows{
    width: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@-webkit-keyframes mouse-wheel{
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}
@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}
@-o-keyframes mouse-wheel {

    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}
@keyframes mouse-wheel {

    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}

@-webkit-keyframes mouse-scroll {

    0%   {
        opacity: 0;
    }
    50%  {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes mouse-scroll {

    0%   {
        opacity: 0;
    }
    50%  {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes mouse-scroll {

    0%   {
        opacity: 0;
    }
    50%  {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
@keyframes mouse-scroll {

    0%   {
        opacity: 0;
    }
    50%  {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
.home-scren1-gallaxy{
    top: 63vh;
    left: 0;
    right: 0;
}
/*### Strategy ###*/
.strategy-section2,
.strategy-section1{
    position: absolute;
    top: 0;
    height: 100vh;
    width: 90vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 5vw;
}
.strategy2{
    opacity: 0;
    margin-top: 100vh;
    position: relative;
}
.strategy-template .screen3-second-bg{
    opacity: 1;
}

.title-strategy{
    display: flex;
    margin-bottom: 2vh;
}
.title-strategy span{
    font-size: 6vh;
    line-height: 7vh;
    color: #fff;
    font-weight: 500;
    position: relative;
    padding-right: 1vw;
    margin-right: 1vw;
}
.title-strategy span:after{
    content: "";
    width: 2px;
    height: 55px;
    background: #ff934c;
    background: linear-gradient(180deg, #ff934c 0%, #fc686f 100%);
    position: absolute;
    right: 0;
    top: 1vh;
}
.title-strategy span:nth-child(2):after{
    background: #f772d1;
    background: linear-gradient(180deg, #f772d1 0%, #c872f2 100%);

}
.title-strategy span:last-of-type:after{
    display: none;
}
.subtitle-strategy{
    font-size: 4vh;
    line-height: 5vh;
    color: #fff;
    font-weight: 500;
    margin-bottom: 4vh;
}
.strategy-items{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.strategy-items .strategy-item{
    flex: 0 0 48%;
    display: flex;
    align-items: center;
    margin-bottom: 5vh;
}
.strategy-items .strategy-item .strategy-image{
    width: 10vh;
    height: 10vh;
    margin-right: 2vw;
    min-width: 4vw;
}
.strategy-items .strategy-item .strategy-image img{
    width: 100%;
    height: auto;
    display: block;
}
.strategy-items .strategy-item .strategy-text{
    font-size: 2.8vh;
    line-height: 3.8vh;
    color: #fff;
    font-weight: 500;
    background: -webkit-linear-gradient(#ff934c, #fc686f);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-after-strategy{
    position: relative;
    padding-left: 3vw;
    display: flex;
    align-items: center;
    height: 15vh;
}
.text-after-strategy p{
    font-size: 1.8vh;
    line-height: 2.8vh;
    color: #fff;
    display: block;
}
.text-after-strategy:before{
    content: "";
    width: 4px;
    height: 100%;
    background: rgb(226,82,224);
    background: linear-gradient(0deg, rgba(254, 182, 75, 1) 0%, rgba(254, 57, 214, 1) 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    left: 0vw;

}
.strategy-section2{
    width: 50vw;
    max-width: 45vw;
    padding-top: 5vh;
}
.strategy-section2:before{
    content: "";
    width: 70px;
    height: 100%;
    background: url("assets/images/stline.svg") no-repeat;
    background-position: center;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    display: none;
}
.strategy-section2 .title_screen2_strategy{
    font-size: 3.5vh;
    line-height: 4.5vh;
    font-weight: 500;
    margin-bottom: 1vh;
}
.strategy-section2 .title_screen2_strategy.title_1_strategy{
    background: -webkit-linear-gradient(#f772d1, #c872f2);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.strategy-section2 .title_screen2_strategy.title_2_strategy{
    background: -webkit-linear-gradient(#ed6e9f, #ec8b6b);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.strategy-section2 .title_screen2_strategy.title_3_strategy{
    background: -webkit-linear-gradient(#ff934c, #fc686f);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.strategy-section2 .text_strategy p{
    font-size: 2vh;
    line-height: 2.5vh;
    margin-bottom: 1vh;
    color: #fff;
}


.strategy2  .parallax-wrap{
    top: 0vh
}
.strategy2  .parallax-wrap span:nth-child(1) {
    top: 15vh;
    left: 60vw;
    background: url("assets/images/strategy-rocket.svg") no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: 100% auto;
    z-index: 4;
    height: 70vh;
    width: 50vh;
}
.strategy2  .parallax-wrap span:nth-child(2) {
    top: 21vh;
    left: 75vw;
    background: url("assets/images/stsh1.svg") no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: 100% auto;
    z-index: 3;
    height: 26vh;
    width: 25vh;
}

.strategy2  .parallax-wrap span:nth-child(3) {
    top: 49vh;
    left: 59vw;
    background: url("assets/images/stsh2.svg") no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: 100% auto;
    z-index: 3;
    height: 45vh;
    width: 45vh;
}
.strategy2  .parallax-wrap span:nth-child(4) {
    top: 70vh;
    left: 70vw;
    background: url("assets/images/stsh3.svg") no-repeat;
    background-size: 100% auto;
    z-index: 3;
    height: 32vh;
    width: 30vh;
}
/*### Contact ###*/
.contact-bg{
    background: url("assets/images/bg-contact.png") no-repeat;
    background-position: bottom;
    background-size: 100% auto;
    margin-left: 50vw;
    position: absolute;
    left: 0vw;
    top: 0;
    width: 100vw;
    height: 100vh;
}
.contact-left,
.contact-right{
    position: absolute;
    top: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 5vw;
    align-items: flex-start;
}
.contact2{
    opacity: 0;
    margin-left: 100vh;
    position: relative;
}
.contact-template .screen3-second-bg{
    opacity: 1;
    z-index: 0;
}

.contact-template .title-contact{
    font-size: 6vh;
    line-height: 7vh;
    color: #fff;
    margin-bottom: 4vh;
    padding-bottom: 2vh;
    position: relative;
}
.contact-template .title-contact:after{
    content: "";
    width: 100%;
    height: 4px;
    background: rgb(247,203,107);
    background: linear-gradient(90deg, rgba(254, 182, 75, 1) 0%, rgba(254, 57, 214, 1) 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.contact-template .text-contact,
.contact-template .mail-contact{
    font-size: 3.6vh;
    line-height: 4vh;
    color: #fff;
    background: #e252e0;
    background: linear-gradient(90deg, #e252e0 0%, #fda096 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 2vh;
}
.contact-template .text-contact{
    margin-bottom: 4vh;
}
.contact-template .address-contact p{
    font-size: 2.5vh;
    line-height: 3.5vh;
    color: #fff;
    margin-bottom: 2vh;
}
.contact-template .address-contact p strong{
    font-size: 2.5rem;
    line-height: 3.5rem;
    color: #fff;
    font-weight: 500;
}
.contact-template .file-contact{
    padding: 10px 15px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    background: rgb(237,114,216);
    background: linear-gradient(-90deg, #9a069f 0%, #ff7a95 50%, #ffb696 100%);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    min-width: 120px;
    text-align: center;
}

.contact-template .file-contact:hover{
    background: #9a069f;
    background: linear-gradient(-90deg, #ffb696 0%, #ff7a95 50%, #9a069f 100%);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
/*### Error 404 ###*/
.error404-container{
    width: 100%;
    text-align: center;
    height: 100vh
}
.error404-icon{
    background-image: url("assets/images/rocket2.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 10vh;
    height: 22vh;
    font-size: 40px;
    margin: 0 auto 2vh;
    animation: shake 1.3s cubic-bezier(.36,.07,.19,.97) infinite;
}
.error404-container .screen3-second-bg{
    opacity: 1;
}
.error404-container h1{
    font-size: 6vh;
    line-height: 7vh;
    color: #fff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 4vh;
}
.error404-container p{
    color: #fff;
    margin-bottom: 20px;
    font-size: 1.6vh;
}
.error404-container .wrapper{
    flex-direction: column;
    height: 100vh;
    justify-content: center;
}
@keyframes shake {
    10%, 90% {
        transform: translate3d(0, 0, 0);
    }
    20%, 80% {
        transform: translate3d(0, 0, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
/*### End Error 404 ###*/


/*###  Blog ###*/
.blog-page{
    padding-top: 20vh;
}
.blog-page h1{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 58.92px;
    line-height: 70px;
    color: #F0F0F0;
    margin-bottom: 30px;
    flex: 0 0 100%;
}
.blog-page h1:after{
    content: "";
    background: linear-gradient(-90deg, #FEF7BD 0%, #F2B95E 16.55%, #E94DCB 47.56%, #AA3CCC 80.13%, #9C11C7 96.67%);
    border-radius: 5px;
    width: 100%;
    height: 8px;
    display: block;
    margin-top: 30px
}
.blog-page  .wrapper{
    display: flex;
    justify-content: space-between;
}
.blog-page .blog-article{
    position: relative;
    margin-bottom: 20px;
    flex: 0 0 30%;
    max-width: 520px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.blog-page .blog-article .image{
    position: relative;
    display: block;
    max-width: 520px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.blog-page .blog-article .image img{
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.blog-page .blog-article .image:before{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(180deg, rgba(17, 46, 56, 0) 0%, rgba(35, 0, 62, 0.72) 0.01%, #100029 96.87%);
    position: absolute;
    top:0;
    left: 0;
    opacity: 0.3;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.blog-page .blog-article:hover .image:before{
    opacity: 1;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.blog-page .blog-article .text-box{
    position: absolute;
    bottom:25px;
    padding: 0 25px
}
.blog-page .blog-article .title{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 17.512px;
    line-height: 26px;
    color: #FFFFFF;
    padding-bottom: 10px;
}

.blog-page .blog-article .more{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 17.512px;
    line-height: 26px;
    color: #FF3BD2;
    opacity: 0;
    margin-bottom: -25px;
    display: block;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.blog-page .blog-article:hover .more{
    opacity: 1;
    margin-bottom: 0px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.single-blog .wrapper{
    display: flex;
    justify-content: space-between;
}
.single-blog .top{
    flex: 0 0 100%;
    margin-bottom: 40px;
    width: 100%;
}
.single-blog .top img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
}
.single-blog .top .image{
    margin-bottom: 20px;
}
.single-blog .top .bottom-top{
    display: flex;
    justify-content: space-between;
}
.single-blog .top .bottom-top .author-top{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 27px;
    color: #FFFFFF;
}
.single-blog .top .bottom-top .post-date{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 27px;
    color: #FFFFFF;
}
.single-blog .top .right-top a{
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 10px;
}

.single-blog .top a.facebook{
    background: url("assets/images/fb.svg") no-repeat;
    background-size: 100% auto;
}
.single-blog .top a.linkedin{
    background: url("assets/images/in.svg") no-repeat;
    background-size: 100% auto;
}
.single-blog .top a.instagram{
    background: url("assets/images/insta.svg") no-repeat;
    background-size: 100% auto;
}
.single-blog .top a.twitter{
    background: url("assets/images/twitter-logo-transparente.png") no-repeat;
    background-size: 100% auto;
    width: 31px;
    margin-left: 15px;
}
.single-blog .bottom{
    flex: 0 0 100%;
    padding-top: 10vh;
}
.single-blog .left{
    flex: 0 0 60%;
}
.single-blog .right{
    flex: 0 0 35%;
}
.single-blog h1:after{
    display: none;
}
.single-blog .top:after{
    content: "";
    background: linear-gradient(-90deg, #FEF7BD 0%, #F2B95E 16.55%, #E94DCB 47.56%, #AA3CCC 80.13%, #9C11C7 96.67%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    height: 8px;
    display: block;
    margin-top: 30px
}
.single-blog h1{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 58.92px;
    line-height: 70px;
    color: #F0F0F0;
    margin-bottom: 30px;

}
.single-blog h2{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 48.92px;
    line-height: 60px;
    color: #F0F0F0;
    margin-bottom: 30px;

}
.single-blog h3{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 32px;
    color: #F0F0F0;
    margin-bottom: 30px;

}
.single-blog h4{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    color: #F0F0F0;
    margin-bottom: 30px;
}
.single-blog h5{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    color: #F0F0F0;
    margin-bottom: 30px;
}
.single-blog p{
    font-family: 'Poppins', sans-serif;

    font-weight: 600;
    font-size: 17px;
    line-height: 27px;
    color: #FFFFFF;


}
.single-blog strong{
    font-weight: bold;
}
.single-blog  .author-box{
    background: linear-gradient(180deg, rgba(88, 20, 141, 0.03) 0%, rgba(75, 28, 123, 0.32) 93%, rgba(77, 20, 134, 0.32) 99.48%);
    border-radius: 25px;
    padding: 80px;
    margin-bottom: 50px;
}

.single-blog  .author-box .auth-img{
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.single-blog  .author-box .auth-img img{
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    overflow: hidden;
    display: block;
}
.single-blog  .author-box .auth-name{
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 32px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.single-blog  .author-box .auth-text{
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17.512px;
    line-height: 26px;
    text-align: justify;
    color: #FFFFFF;
}
.single-blog  .author-other{
    background: linear-gradient(180deg, rgba(70, 13, 116, 0.09) 0%, rgba(75, 28, 123, 0.32) 38.54%, rgba(93, 9, 176, 0.32) 85.94%);
    border-radius: 25px;
    padding: 40px;
    margin-bottom: 50px;
}
.single-blog  .author-other .article-other{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.single-blog  .author-other .article-other .title{
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    color: #FFFFFF;
}
.single-blog  .author-other .article-other .image{
    width: 115px;
    min-width: 115px;
    margin-left: 20px;
}
.single-blog  .author-other .article-other .image img{
    display: block;
    width: 100%;
    height: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius:10px;
}
.single-blog  .tag-list{
    display: flex;
}
.single-blog  .tags h3{
    flex:0 0 100%;
}
.single-blog  .tags .tag{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 40px;
    color: #C872F2;
    border: 3px solid #420181;
    border-radius: 30px;
    margin-right: 10px;
    padding: 0px 10px;
}

.footer-blog{
    background: linear-gradient(359.79deg, #300345 18.37%, #2D0A44 52.14%, #2D1146 65.45%, #240B40 78.24%, #120031 99.74%);
    width: 100%;
    height: 90vh;
    margin-top: 10vh;
    position: relative;
}

.footer-blog:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("assets/images/planet-footer.svg") center right no-repeat;
    mix-blend-mode: overlay;
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    z-index: 0;
}
.footer-top{
    height: calc(100% - 5vh);
    width: 100%;
    padding: 5vh 5vw 15vh;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.footer-top h2{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 110px;
    line-height: 100px;
    color: #FFFFFF;
    margin-bottom: 40px;
}
.footer-top h3{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 60px;
    line-height: 70px;
    color: #FFFFFF;
}
.footer-blog .footer-bottom {
    position: absolute;
    bottom: 5vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 5vw;
    box-sizing: border-box;
    z-index: 1;
}
.footer-blog .footer-bottom .coppy{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: rgba(255, 255, 255, 0.5)
}
.footer .social{
    margin-left: 2vw;
    margin-top: 10px;
}
.footer .social a{
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 10px;

}
.footer .social a.facebook{
    background: url("assets/images/fb.svg") no-repeat;
    background-size: 100% auto;
}
.footer .social a.linkedin{
    background: url("assets/images/in.svg") no-repeat;
    background-size: 100% auto;
}
.footer .social a.instagram{
    background: url("assets/images/insta.svg") no-repeat;
    background-size: 100% auto;
}
.footer .social a.discord{
    background: url("assets/images/disc.svg") no-repeat;
    background-size: 100% auto;
    width: 31px;
    margin-left: 15px;
}
.footer .social a:hover{
    opacity: 0.7;
}
.brandingLogo{
    opacity: 0;
    display: none;

}
#mc_embed_signup{
    max-width: 35vw;
    position: relative;
}
.footer .nl-title{
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17.512px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 2vh;
}
.footer #mc_embed_signup input.nl-email{

    border: 1px solid #FFFFFF;
    border-radius: 90px;
    background: transparent;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    font-family: 'Poppins', sans-serif;
}
.footer  #mc_embed_signup .button{
    background: linear-gradient(180deg, #7413B7 0%, #FF6F83 100%);
    border-radius: 90px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    height: 42px;
}
.footer .optionalParent{
    width: 125px;
    position: absolute;
    right: 1.4vw;
    top: 48px;
}
/*### End Blog ###*/
/*### RESPONSIVE ###*/
@media only screen and (max-width: 1610px) {
    .title-strategy span{
        font-size: 5vh;
    }
}
@media only screen and (max-width: 1350px) {
    .title-strategy span{
        font-size: 4vh;
    }
    .subtitle-strategy {
        font-size: 3vh;
        line-height: 4vh
    }
    .header-menu li a{
        padding: 0 5px;
    }
}
@media only screen and (max-width: 1024px) {
    .hamburger-button{
        display: block;
    }
    .mobile-open-menu{
        overflow: hidden;
    }
    nav.header-menu {
        flex-wrap: wrap;
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;

    }
    .mobile-open-menu nav.menu{
        height: 100vh;
    }
    nav.header-menu .main-menu{
        flex-direction: column;
        justify-content: center;
        display: none;
    }
    .mobile-open-menu nav.header-menu .main-menu{
        height: 100%;
        text-align: center;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
    }

    .mobile-open-menu{
        overflow: hidden;
    }
    .hamburger-button{
        display: block;
    }
    nav.header-menu ul li{
        margin-bottom: 20px;
    }
    nav.header-menu ul li a{
        line-height: 5rem;
        font-size: 22px;
    }




    .home-template .home-left{
        flex: 0 0 100%;
        width: 100%;
        height: auto;
        order: 2;
    }
    .home-template .home-right {
        flex: 0 0 100%;
        width: 100%;
        height: 30vh;
        margin: 10vh 0 -10vh;
        order: 1;
    }
    .home-template .home-bottom{
        order: 3;
        margin-bottom: 5vh;
    }
    .rings {
        width: 30vh;
        height: 30vh;
    }
    .outCircle{
        width: 11.5vh;
        height: 11.5vh;
        top: 9.5vh;
        left: 9.5vh;
    }
    .rotate {
        width: 25vh;
        height: 25vh;
        top: 1.25vh;
        left: 1.25vh;
    }
    .counter {
        width: 3.5vh;
        height: 3.5vh;
    }
    .rings .planet1 {
        width: 6.75vh;
        height: 6.75vh;
    }

    .box-planet2 {
        top: 10vh;
        width: 15vh;
        height: 15vh;
        left: 9.5vh;
    }
    .box-planet2 .counter{
        width: 2.5vh;
        height: 2.5vh;
    }
    .box-planet3 {
        top: 4.5vh;
        left: 3.5vh;
        width: 25vh;
        height: 25vh;

    }

    .box-planet4 {
        top: 9vh;
        width: 10.5vh;
        height: 10.5vh;
        left: 12.5vh;

    }
    .box-planet4 .counter{
        width: 0vh;
        height: 0vh;
    }
    .box-planet5 {
        top: 2.5vh;
        left: 2.5vh;
        width: 25vh;
        height: 25vh;

    }
    .box-planet5 .counter{
        width: 7.5vh;
        height: 7.5vh;
    }

    .box-planet6 {
        top: 1.35vh;
        left: 1.35vh;
        width: 27.5vh;
        height: 27.5vh;


    }
    .box-planet6 .counter{
        width: 6.65vh;
        height: 6.65vh;
    }

    .box-planet7 {
        top: 8.5vh;
        left: 8.5vh;
        width: 13vh;
        height: 13vh;

    }
    .box-planet7 .counter{
        width: 4.5vh;
        height: 4.5vh;
    }
    .box-planet8 {
        top: 2.5vh;
        left: 2.5vh;
        width: 25vh;
        height: 25vh;


    }
    .box-planet8 .counter{
        width: 8.1vh;
        height: 8.1vh;
    }
    .box-planet9 {
        top: 5vh;
        left: 2vh;
        width: 22.5vh;
        height: 22.5vh;

    }
    .box-planet9 .counter{
        width: 8vh;
        height: 8vh;
    }
    .inner {
        width: 7vh;
        height: 7vh;


    }
    .rings .planet1{
        width: 6.75vh;
        height: 6.75vh;

    }
    .rings .planet2{
        width: 6.75vh;
        height: 6.75vh;

    }
    .rings .planet3{
        width: 6.75vh;
        height: 6.75vh;

    }
    .rings .planet4{
        width: 4.1vh;
        height:4.1vh;

    }
    .rings .planet5{
        width: 8.15vh;
        height: 8.15vh;

    }
    .rings .planet6{
        width: 6.15vh;
        height:6.15vh;

    }
    .rings .planet7{
        width: 4.5vh;
        height: 4.5vh;

    }
    .rings .planet8{
        width: 8.1vh;
        height:  8.1vh;

    }
    .rings .planet9{
        width: 5vh;
        height: 5vh;

    }

    .home-template .home-left h1 {
        font-size: 3vh;
        line-height: 4vh;
        margin-bottom: 2vh;
    }
    .home-template .home-left h2 {
        font-size: 2vh;
        line-height: 2.6vh;
    }
    .partners img{
        max-height: 80px;
    }
    .delimit-line{
        top: 19.5vh;
    }
    .rocket{
        width: 15vh;
        height: 7.5vh;
    }
    .screen3 h2{
        font-size: 3vh;
        line-height: 4vh;
        margin-bottom: 2vh;
        width: 90vw;
    }
    .screen3 h2 br{
        display: none;
    }
    .boxes{
        width: 300vw;
        right: -250vw;
    }
    .box-text{
        width: 100vw;
    }
    .screen3 h2{
        top: 35vh;

    }
    .text-part2{
        max-width: 90vw;
    }
    .text-part2 h3{
        font-size: 3vh;
        line-height: 4vh;
        margin-bottom: 2vh;
    }
    .text-part2 p{
        font-size: 2vh;
        line-height: 2.5vh;
    }
    .planets-animation{
        top: 35vh;
        height: 45vh;
        width: 100vw;
        right: 0;
    }





    .planets-animation .planet0-sc3 {
        width: 11.5vh;
        height: 11.5vh;
        top: 12vh;
        left: 26vh;


    }

    .planets-animation .planet0-sc3:hover{
        width: 11.5vh;
        height: 11.5vh;
        top: 12vh;
        left: 26vh;
    }
    .planets-animation .planet1-sc3{
        width: 10.5vh;
        height: 10.5vh;
        top: 4vh;
        left: 1vh;
    }
    .planets-animation .planet1-sc3:hover{
        width: 10.5vh;
        height: 10.5vh;
        top: 4vh;
        left: 1vh;
    }
    .planets-animation .planet2-sc3{
        width: 15vh;
        height: 15vh;
        top: 11vh;
        left: 6vh;
    }
    .planets-animation .planet2-sc3:hover{
        width: 15vh;
        height: 15vh;
        top: 11vh;
        left: 6vh;
    }
    .planets-animation .planet3-sc3{
        width: 5.5vh;
        height: 5.5vh;
        top: -1vh;
        left: 7vh;

    }
    .planets-animation .planet3-sc3:hover{
        width: 5.5vh;
        height: 5.5vh;
        top: -1vh;
        left: 7vh;
    }

    .planets-animation .planet4-sc3{
        width: 10vh;
        height: 10vh;
        top: -2vh;
        left: 17vh;
    }
    .planets-animation .planet4-sc3:hover{
        width: 10vh;
        height: 10vh;
        top: -2vh;
        left: 17vh;
    }
    .planets-animation .planet5-sc3{
        width: 7.5vh;
        height: 7.5vh;
        top: -2vh;
        left: 32vh;
    }
    .planets-animation .planet5-sc3:hover{
        width: 7.5vh;
        height: 7.5vh;
        top: -2vh;
        left: 32vh;
    }
    .planets-animation .planet6-sc3{
        width: 5.5vh;
        height: 5.5vh;
        top: 10.7vh;
        left: 19vh;

    }
    .planets-animation .planet6-sc3:hover{
        width: 5.5vh;
        height: 5.5vh;
        top: 10.7vh;
        left: 19vh;
    }
    .planets-animation .planet7-sc3{
        width: 9.5vh;
        height: 9.5vh;
        top: 5vh;
        left: 36vh;
    }
    .planets-animation .planet7-sc3:hover{
        width: 9.5vh;
        height: 9.5vh;
        top: 5vh;
        left: 36vh;
    }
    .planets-animation .planet8-sc3{
        width: 6.5vh;
        height: 6.5vh;
        top: 5vh;
        left: 30vh;

    }
    .planets-animation .planet8-sc3:hover{
        width: 6.5vh;
        height: 6.5vh;
        top: 5vh;
        left: 30vh;
    }

    .screen4 h2{
        font-size: 3vh;
        line-height: 4vh;
        margin-bottom: 2vh;
    }
    .screen4-global p{
        font-size: 2.8vh;
        line-height: 2.9vh;
    }
    .text-1box p,
    .text-2box p,
    .text-3box p,
    .text-4box p,
    .text-5box p {
        left: 5vw;
        width: 90vw;
    }
    .text-1box::after,
    .text-2box::after,
    .text-3box::after,
    .text-4box::after,
    .text-5box::after{
        display: none;
    }
    .screen4-global.screen4-all p {
        width: 90vw;
    }
    .screen4-global.screen4-all .text-1box p {
        left: 5vw;
    }
    .screen4-global.screen4-all .text-2box p {
        left: 5vw;
        top: 40vh;
    }
    .screen4-global.screen4-all .text-3box p {
        left: 5vw;
        top: 50vh;
    }
    .screen4-global.screen4-all .text-4box p {
        left: 5vw;
        top: 57vh;
    }

    .screen5 .text-box{
        width: 100vw;
        justify-content: flex-start;
        padding-top: 13vh;
    }
    .screen5 .text-box h3{
        font-size: 3vh;
        line-height: 4vh;
        margin-bottom: 2vh;
    }
    .screen5 .text-box p{
        font-size: 2vh;
        line-height: 2.5vh;
    }
    .screen5 .planet-box {
        width: 70vw;
        height: 70vw;
        top: initial;
        left: 0;
        bottom: 0;
        margin: 0 auto;
        right: 0;
    }
    .screen3 .parallax-wrap span:nth-child(2){
        top: 16vh;
        left: 40vw;
        height: 20vh;
        width: 19vh;
    }
    .header .social{
        display: none;
    }
    .logo{
        height: 60px;
        width: 200px;
        margin-top: 10px;
        z-index: 999;
    }
    .header-menu-container.active{
        background: #141414;
        width: 100vw;
        height: 100vh;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
    }
    .header-menu-container.active .header-menu{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100vw;
    }
    .header-menu-container.active  .header-menu li{
        margin-bottom: 5vh
    }
    .screen4 .screen3-second-bg .star1 {
        left: 0vw;
    }
    .screen4 .screen3-second-bg .star2 {
        left: 25vw;
    }
    .screen4 .screen3-second-bg .star3 {
        left: 60vw;
    }
    .solution-template .text-solutions,
    .solution-template h1,
    .solution-template h2,
    .solution-template h3{
        max-width: 90vw;
    }
    .solution-template h1,
    .solution-template h2{
        font-size: 3vh;
        line-height: 4vh;
        margin-bottom: 2vh;
    }
    .solution-template h3{
        font-size: 2vh;
        line-height: 2.6vh;
    }
    .solution-template p{
        margin-bottom: 1vh;
        font-size: 1.6vh;
        line-height:  2.4vh;
    }
    .about1 .wrapper{
        top: 10vh;
        width: 100vw;
    }
    .about1 h1{
        font-size: 3vh;
        line-height: 4vh;
        margin-bottom: 2vh;
    }
    .about1 h2{
        font-size: 2vh;
        line-height: 2.6vh;
        margin-bottom: 2vh;
    }
    .about1 .boxes-solutions {
        width: 100vw;
    }
    .about1 .boxes-solutions .solution .text-solutions{
        font-size: 1.6vh;
        line-height: 2.2vh;
        margin-bottom: 1vh;
    }
    .about1 .boxes-solutions .solution .image-solutions{
        max-width: 8vh;
        min-width: 15vw;
        display: none;
    }
    .about-template .rocket {
        width: 14vh;
        height: 32vh;
        left: 38vw;
        top: 57vh;
    }
    .about1 .parallax-wrap span:nth-child(1) {
        left: 6vw;
    }
    .about1 .parallax-wrap span:nth-child(2) {
        top: 50vh;
        left: 30vw;
        height: 25vh;
        width: 25vh;
    }
    .about1 .parallax-wrap span:nth-child(3) {
        left: 65vw;
    }
    .about2 .textbox-sec2 {
        top: 10vh;
        width: 90vw;
    }
    .about2 .textbox-sec2 h2{
        font-size: 3vh;
        line-height: 4vh;
        margin-bottom: 2vh;
    }

    .about2 .textbox-sec2 .text-sec2 p{
        margin-bottom: 1vh;
        font-size: 1.6vh;
        line-height:  2.4vh;
    }
    .about2 .box-yes .yes {
        font-size: 4.2vh;
        line-height: 4.2vh;
    }
    .about2 .box-yes .text-yes {
        font-size: 1.64vh;
        line-height: 1.8vh;
    }
    .about2 .box-yes3 .yes-line,
    .about2 .box-yes2 .yes-line,
    .about2 .box-yes1 .yes-line{
        height: 23px;
    }
    .about2 .boxes-yes .box-yes{
        width: 65vw;
    }
    .about2 .boxes-yes{
        top: 46vh;
        left: 21vw;
    }
    .about2 .box-yes1 .yes-line,
    .about2 .box-yes2 .yes-line,
    .about2 .box-yes3 .yes-line{
        left: 65vw;
    }
    .about2 .box-yes .text-yes{
        left: 70vw;
    }
    .round-slider{
        width: 100vw;
    }
    .round-slider.circle-active .slick-track .small-image{
        transform:translate(15vh)
    }

    .round-slider.circle-active .slick-track .small-image + div  {
        transform:rotate(46deg) translate(15vh) rotate(-46deg);
    }

    .round-slider.circle-active .slick-track .small-image + div + div  {
        transform:rotate(91deg) translate(15vh) rotate(-91deg);
    }

    .round-slider.circle-active .slick-track .small-image + div + div + div{
        transform:rotate(136deg) translate(15vh) rotate(-136deg);
    }

    .round-slider.circle-active .slick-track .small-image + div + div + div + div {
        transform:rotate(181deg) translate(15vh) rotate(-181deg);
    }

    .round-slider.circle-active .slick-track .small-image + div + div + div + div + div {
        transform:rotate(226deg) translate(15vh) rotate(-226deg);
    }

    .round-slider.circle-active .slick-track .small-image + div + div + div + div + div  + div {
        transform:rotate(271deg) translate(15vh) rotate(-271deg);
    }

    .round-slider.circle-active .slick-track .small-image + div + div + div + div + div  + div + div  {
        transform:rotate(316deg) translate(15vh) rotate(-316deg);
    }
    .round-slider{
        top: 0;
    }
    .round-slider .slick-track {
        width: 90vw !important;
        height: 30vh;
        position: relative;
        padding-top: 20vh;
        margin-left: -5vw;
        transform: none !important;
    }
    .planelt-team {
        width: 25vh;
        height: 25vh;
        top: 17%;
        margin-top: 0vw;
        left: 0;
        right: 0;
        margin: auto;
    }
    .image-overlay-small::before{
        display: none;
    }
    .boxes-team {
        width: 100vw;
        left: 0vw;

    }
    .boxes-team .team {
        width: 90vw !important;
        top:45vh !important;
        left: 5vw !important;
        flex-direction: column;
    }
    .boxes-team .team .image-team {
        width: 25vw;
        height: 25vw;
        flex: 0 0 25vw;
        margin: 0 auto 3vh;
    }
    .boxes-team .team .text-box-team {
        max-width: 100vw;
        margin-left: 0;
    }
    .boxes-team .team .name-function .name-team{
        font-size: 3vh;
        line-height: 4vh;
        margin-bottom: 2vh;
    }
    .boxes-team .team .name-function .funtion-team{
        font-size: 2vh;
        line-height: 2.6vh;
    }
    .boxes-team .team .text-team p{
        font-size: 1.6vh;
        line-height:  2.4vh;
        margin-bottom: 1vh;
    }
    .boxes-team .team .text-team p strong{
        font-size: 1.6vh;
        line-height:  2.4vh;
    }
    .boxes-team .team .text-team::before{
        display: none;
    }
    .title-strategy {
        display: none;
    }
    .strategy-items .strategy-item .strategy-text {
        font-size: 2vh;
        line-height: 3vh;
    }
    .strategy-items .strategy-item .strategy-image {
        width: 6vh;
        height: 6vh;
        display: none;
    }
    .subtitle-strategy{
        font-size: 2vh;
        line-height: 2.6vh;
    }
    .strategy-items .strategy-item {
        flex: 0 0 100%;
        margin-bottom: 2vh;
    }
    .text-after-strategy p{
        margin-bottom: 1vh;
        font-size: 1.6vh;
        line-height:  2.4vh;
    }
    .strategy-section2, .strategy-section1{
        width: 90vw;
        max-width: 100vw;
    }
    .strategy-section2 .title_screen2_strategy.title_1_strategy{
        font-size: 2.5vh;
        line-height: 3vh;
    }
    .strategy-section2 .text_strategy p{
        margin-bottom: 1vh;
        font-size: 1.6vh;
        line-height:  2vh;
    }
    .strategy-section2::before{
        display: none;
    }
    .strategy2 .parallax-wrap {
        top: 0vh;
        display: none;
    }
    .strategy-section2 .title_screen2_strategy{
        font-size: 2.5vh;
        line-height: 3.5vh;
    }
    .contact-template .title-contact{
        font-size: 3vh;
        line-height: 4vh;
    }
    .contact-template .text-contact,
    .contact-template .mail-contact{
        font-size: 2vh;
        line-height: 2.6vh;
    }
    .contact-template .address-contact p,
    .contact-template .address-contact p strong{
        margin-bottom: 1vh;
        font-size: 1.6vh;
        line-height:  2.4vh;
    }
    .contact-bg{
        background-position: bottom;
        margin-left: 0vw;
        width: 200vw;
    }
    .contact2{
        margin-left: 100vw;
    }
    .header-menu-container .menu-header-menu-container{
        display: none;
    }
    .header-menu-container.active .menu-header-menu-container{
        display: block;
    }
    .gallaxy{
        display: none;
    }
    #PopupSignupForm_1,
    #PopupSignupForm_2,
    #PopupSignupForm_3,
    #PopupSignupForm_4,
    #PopupSignupForm_5,
    #PopupSignupForm_0{
        position: fixed;
        z-index: 999999;
    }
    #PopupSignupForm_1 .mc-banner,
    #PopupSignupForm_2 .mc-banner,
    #PopupSignupForm_3 .mc-banner,
    #PopupSignupForm_4 .mc-banner,
    #PopupSignupForm_5 .mc-banner,
    #PopupSignupForm_0 .mc-banner{
        bottom: 0;
        top: inherit;
    }
    .solution-template h1 span{
        font-size: 3vh;
        line-height: 4vh;
        margin-bottom: 2vh;
    }
    .blog-page h1{
        font-size: 24px;
        line-height: 28px;
    }
    .blog-page .wrapper{
        flex-direction: column;
    }
    .blog-page .blog-article{
        flex: 0 0 100%;
    }
    .single-blog .left {
        flex: 0 0 100%;
        width: 100%;
    }
    .single-blog .right{
        flex: 0 0 100%;
        width: 100%;
    }
    .single-blog .author-box{
        padding: 40px 5%;
    }
    .single-blog .author-other .article-other .image {
        width: 70px;
        min-width: 70px;
    }
    .single-blog .author-other .article-other .title{
        font-size: 13px;
        line-height: 15px;
    }

    .single-blog h1{
        font-size: 24px;
        line-height: 28px;

    }
    .single-blog h2{
        font-size: 22px;
        line-height: 28px;

    }
    .single-blog h3{
        font-size: 20px;
        line-height: 28px;

    }
    .single-blog h4{
        font-size: 18px;
        line-height: 24px;
    }
    .single-blog h5{

        font-size: 16px;
        line-height: 20px;

    }
    .single-blog p{
        font-size: 14px;
        line-height: 18px;
    }
    .footer-top h2{
        font-size: 10vw;
        line-height: 12vw;
        margin-bottom: 2vh;
    }
    .footer-top h3{
        font-size: 6vw;
        line-height: 7vw;
    }
    .footer-blog{
        height: 60vh;
    }
    .footer-blog .footer-bottom{
        flex-direction: column;
        border-top: 1px solid #fff;
        padding-top: 10px;
    }
    .footer-top{
        height: 100%;
        padding: 5vh 5vw 20vh;
    }


    .footer .social{
        margin-left: 0;
        margin-bottom: 20px;
    }
    .footer-menu{
        display: none;
    }
    #mc_embed_signup {
        max-width: 100%;

    }
    .footer .optionalParent {
        width: 125px;
        position: relative;
        right: 0;
        top: 0;
        left: 0;
        margin: auto;
    }

}




/*### END RESPONSIVE ###*/