* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.bg-primary {
    background-color: #17DDA9 !important;
}

.bg-secondary {
    background-color: #0A1E18 !important;
}

.bg-green {
    background-color: #04A777 !important;
}

.bg-orange {
    background-color: #FF8811 !important;
}

.bg-purple {
    background-color: #392F5A !important;
}

.text-white {
    color: #fff;
}

.bg-primary strong {
    background: linear-gradient(0deg, #0A1E18 80%, rgba(250, 222, 43, 0) 80%);
    padding: 10px 10px 0px 10px;
}

.bg-secondary strong {
    background: linear-gradient(0deg, #04A777 80%, rgba(250, 222, 43, 0) 80%);
    padding: 10px 10px 0px 10px;
}

.bg-green strong {
    background: linear-gradient(0deg, #04A777 80%, rgba(250, 222, 43, 0) 80%);
}

.bg-purple strong {
    background: linear-gradient(0deg, #6451a3 80%, rgba(250, 222, 43, 0) 80%);
    padding: 10px 10px 0px 10px;
}

.bg-orange strong {
    background: linear-gradient(0deg, #fff 80%, rgba(250, 222, 43, 0) 80%);
    padding: 10px 10px 0px 10px;
    color: #FF8811;
}

.bg-white strong {
    background: linear-gradient(0deg, #04A777 80%, rgba(250, 222, 43, 0) 80%);
    padding: 10px 10px 0px 10px;
}

.bg-black strong {
    background: linear-gradient(0deg, #000000 80%, rgba(250, 222, 43, 0) 80%);
    padding: 10px 10px 0px 10px;
}

body {
    font-family: Poppins, Tahoma, Verdana, Arial, sans-serif;
    font-style: normal;
    font-size: 20px;
    line-height: 1.55;
    background-color: #fff ;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, p, span, div {
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1;
}

h1 {
    font-size: 7vw;
    line-height: 1.2;
}

h2 {
    font-size: 5vw;
    line-height: 1.2;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
}

.header {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    z-index: -1;
}

#logo {
    position: absolute;
    z-index: 999;
    padding: 25px 0 25px 25px;
}

#logo svg {
    display: block;
    width: 250px;
    transition: all 0.3s ease 0s;
}

#logo svg:hover {
    transform: scale(1.1);
}

.logo.mobile {
    position: absolute;
    padding: 25px 0 25px 25px;
    width: 100%;
    background: rgb(10 30 24 / 97%);
    z-index: 999;
    display: none;
}

#hamburger {
    position: fixed;
    top: 0px;
    right: 0px;
    padding: 50px;
    z-index: 99;
    background-color: transparent;
    mix-blend-mode: difference;
}

/* #banner {
    height: 100vh;
    overflow: hidden;
} */

#banner::before {
    display: block;
    background-image: url('../img/emblem.svg');
    position: fixed;
    overflow: hidden;
    background-repeat: no-repeat;
    height: 400px;
    width: 400px;
    bottom: -60px;
    right: -40px;
    content: "";
    z-index: -1;
}

#hero-mintfuse .mintfuse-words {
    height: 100vh;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    outline: none;
    border: none;
    scroll-snap-align: start;
    background-color: #ffffff;

}

#hero-mintfuse .section-right .mintfuse-words {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    outline: none;
    border: none;
    overflow: hidden;
}

#hero-mintfuse .section-right .mintfuse-words::before {
    display: block;
    background: url('../img/bg-repeat.jpg');
    position: absolute;
    overflow: hidden;
    height: 300%;
    top: -1500px;
    left: 0;
    width: 300%;
    content: "";
    z-index: -1;
}

#hero-mintfuse .mintfuse-words .mintfuse-words-para {
    padding: 30px;
    max-width: 550px;
    margin: 0px auto;
    text-align: center;
}

.html :not(li) {
    margin: 0px 0px 20px;
}

.html * {
    overflow-wrap: break-word;
    word-break: break-word;
}



.overlay {
	position: fixed;
	width: 100%;
	height: 100vh;
    z-index: 1000;
	background-color: #FF8811;
}

.titles {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.text-loading {
    color: white;
	font-weight: 700;
	font-size: 240px;
	font-family: "Poppins" !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

ul.titles {
	display: flex;
}

ul.blocks {
	margin: 0;
	padding: 0;
	display: flex;
	width: 100%;
	height: 100vh;
	list-style: none;
	justify-content: center;
	align-items: center;
}

li.block {
	height: 100vh;
}

.block-1 {
	width: 0.2%;
	margin: 0 10px;
	background: #fff;
}

.block-2 {
	width: 1.4%;
	margin: 0 200px 0 20px;
	background: #fff;
}

.block-3 {
	width: 0.8%;
	margin: 0 40px;
	background: #fff;
}

.block-4 {
	width: 2%;
	margin: 0 400px;
	background: #fff;
}

.fruit {
    width: 200;
    height: 200;
    position: absolute;
    opacity: 0.1;
}

.orange-fruit {
    top: 500;
    left: 600;
}

.pineapple-fruit {
    top: 10;
    left: 30%;
}

.grape-fruit {
    top: 300;
    left: 200;
}

.pear-fruit {
    top: 700;
    left: 10%;
}

.strawberry-fruit {
    top: 850px;
    left: 400;
}

.apple-fruit {
    top: 190;
    left: 50%;
}

.watermellon-fruit {
    top: 100;
    left: 70%;
}

.after-section {
    height:100vh;
    background-color:#673ab7;
    width:100%;
}

/* .after-section {
    height:100vh;
    background-color:#FF8811;
    width:100%;
    z-index:9;
  }

  .gray {
    background-color: #777;
    background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #777,#606060);
  }
  .blue {
    background-color: #2c7ad2;
    background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #2c7ad2,#1568c6);
  }
  .orange {
    background-color: #e77614;
    background-image: radial-gradient(circle at 46% 40%, rgba(228, 228, 228,0.06) 0%, rgba(228, 228, 228,0.06) 13%,transparent 13%, transparent 100%),radial-gradient(circle at 11% 41%, rgba(198, 198, 198,0.06) 0%, rgba(198, 198, 198,0.06) 19%,transparent 19%, transparent 100%),radial-gradient(circle at 52% 23%, rgba(14, 14, 14,0.06) 0%, rgba(14, 14, 14,0.06) 69%,transparent 69%, transparent 100%),radial-gradient(circle at 13% 85%, rgba(148, 148, 148,0.06) 0%, rgba(148, 148, 148,0.06) 44%,transparent 44%, transparent 100%),radial-gradient(circle at 57% 74%, rgba(232, 232, 232,0.06) 0%, rgba(232, 232, 232,0.06) 21%,transparent 21%, transparent 100%),radial-gradient(circle at 59% 54%, rgba(39, 39, 39,0.06) 0%, rgba(39, 39, 39,0.06) 49%,transparent 49%, transparent 100%),radial-gradient(circle at 98% 38%, rgba(157, 157, 157,0.06) 0%, rgba(157, 157, 157,0.06) 24%,transparent 24%, transparent 100%),radial-gradient(circle at 8% 6%, rgba(60, 60, 60,0.06) 0%, rgba(60, 60, 60,0.06) 12%,transparent 12%, transparent 100%),linear-gradient(90deg, #ff7600, #ff7600);
  }
  
  .red {
    background-color: #c82736;
    background-image: radial-gradient(circle at 19% 90%, rgba(190, 190, 190,0.04) 0%, rgba(190, 190, 190,0.04) 17%,transparent 17%, transparent 100%),radial-gradient(circle at 73% 2%, rgba(78, 78, 78,0.04) 0%, rgba(78, 78, 78,0.04) 94%,transparent 94%, transparent 100%),radial-gradient(circle at 45% 2%, rgba(18, 18, 18,0.04) 0%, rgba(18, 18, 18,0.04) 55%,transparent 55%, transparent 100%),radial-gradient(circle at 76% 60%, rgba(110, 110, 110,0.04) 0%, rgba(110, 110, 110,0.04) 34%,transparent 34%, transparent 100%),radial-gradient(circle at 68% 56%, rgba(246, 246, 246,0.04) 0%, rgba(246, 246, 246,0.04) 16%,transparent 16%, transparent 100%),radial-gradient(circle at 71% 42%, rgba(156, 156, 156,0.04) 0%, rgba(156, 156, 156,0.04) 47%,transparent 47%, transparent 100%),radial-gradient(circle at 46% 82%, rgba(247, 247, 247,0.04) 0%, rgba(247, 247, 247,0.04) 39%,transparent 39%, transparent 100%),radial-gradient(circle at 50% 47%, rgba(209, 209, 209,0.04) 0%, rgba(209, 209, 209,0.04) 45%,transparent 45%, transparent 100%),linear-gradient(90deg, #e53949,#cc2232);
  }
  
  .purple {
    background-color: #8d3dae;
    background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #8d3dae,#8d3dae);
  }
  .green {
    background-color: #28a92b;
    background-image: radial-gradient(circle at 46% 40%, rgba(228, 228, 228,0.06) 0%, rgba(228, 228, 228,0.06) 13%,transparent 13%, transparent 100%),radial-gradient(circle at 11% 41%, rgba(198, 198, 198,0.06) 0%, rgba(198, 198, 198,0.06) 19%,transparent 19%, transparent 100%),radial-gradient(circle at 52% 23%, rgba(14, 14, 14,0.06) 0%, rgba(14, 14, 14,0.06) 69%,transparent 69%, transparent 100%),radial-gradient(circle at 13% 85%, rgba(148, 148, 148,0.06) 0%, rgba(148, 148, 148,0.06) 44%,transparent 44%, transparent 100%),radial-gradient(circle at 57% 74%, rgba(232, 232, 232,0.06) 0%, rgba(232, 232, 232,0.06) 21%,transparent 21%, transparent 100%),radial-gradient(circle at 59% 54%, rgba(39, 39, 39,0.06) 0%, rgba(39, 39, 39,0.06) 49%,transparent 49%, transparent 100%),radial-gradient(circle at 98% 38%, rgba(157, 157, 157,0.06) 0%, rgba(157, 157, 157,0.06) 24%,transparent 24%, transparent 100%),radial-gradient(circle at 8% 6%, rgba(60, 60, 60,0.06) 0%, rgba(60, 60, 60,0.06) 12%,transparent 12%, transparent 100%),linear-gradient(90deg, #28a92b, #10a614);
  }

  .panel {
	width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 1.5em;
  text-align: center;
  color: white;
  position: relative;
  box-sizing: border-box;
  padding: 10px;
} */

.h-screen {
    height: 100vh;
}

.about-section {
    display: flex;
    flex-direction: row;
    background: white;
    align-items: flex-start;
}

.about-content {
    width: 50%;
}

.about-pictures {
    width: 50%;
}

.banner-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
}

.banner-content .right-column {
    width: 50%;
}

.banner-content .left-column {
    width: 50%;
}

.banner-content .right-column .content {
    height: 100vh;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.banner-content .left-column .content {
    height: 100vh;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center; color: black;
}

.after-section a:hover {
    background: #392F5A;
}

@media screen and (max-height: 450px) and (orientation: landscape) {
    h1 {
        font-size: 42px !important;
        line-height: 1 !important;
    }
    
    h2 {
        font-size: 32 !important;
        line-height: 1 !important;
    }

    #fresh-active {
        width: 200px;
        height: 200px;
    }

}

@media screen and (max-width: 280px) {

    #fresh-active {
        width: 180px;
        height: 180px;
    }

}

@media screen and (max-width: 1369px) {

    h1 {
        font-size: 14vw;
        line-height: 1.2;
    }
    
    h2 {
        font-size: 7vw;
        line-height: 1.2;
    }

    .banner-content {
        flex-direction: column;
    }

    .banner-content  {
        flex-direction: column;
    }

    .banner-content .right-column {
        width: 100%;
    }
    
    .banner-content .left-column {
        width: 100%;
    }

    .about-section {
        flex-direction: column;
    }

    .about-content {
        width: 100%;
    }
    
    .about-pictures {
        width: 100%;
    }

    .d-flex {
        flex-direction: column;
    }

    .double-screen {
        display: none;
    }

    #logo {
        display: none;
    }

    .logo.mobile {
        display: block;
    }


    .text-loading {
        font-size: 92px;
    }


    #banner::before {
        display: block;
        background-image: url('../img/emblem.svg');
        position: fixed;
        overflow: hidden;
        background-repeat: no-repeat;
        height: 200px;
        width: 200px;
        bottom: -100px;
        right: -100px;
        content: "";
        z-index: -1;
    }

}

  .section--large {
    width: 100vw;
  }
  .section--small {
    width: 46rem;
  }
  .section--dark {
    color: white;
    background-color: black;
  }
  
  section {
    font-weight: 900;
    transition: color 0.3s;
  }

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

.vh-100 {
    height: 100vh!important;
}
.vw-100 {
    width: 100vw!important;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.flex-shrink-0 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

.after-section a {
    text-decoration: none;
    color: #ffffff;
    font-weight: 900;
}