/*
Theme Name: Nebajeris
Theme URI: https://www.morkalabs.com
Author: Morka Labs
Author URI: https://www.morkalabs.com
Version: 1.04
*/

/* MAIN  ****************************************************/
body {padding:0;margin:0;background-color:var(--black);color:var(--white);overflow-x: hidden;overflow-y: scroll;font-family: "Roboto Flex", serif;font-weight:800;font-style: italic;}
section .stage {min-height: 100svh;display: flex;flex-direction:column;justify-content:space-between;position: relative;gap:20px;}
section .stage .wrapper {margin:0 auto;width:100%;max-width: 1180px;padding:30px 20px;display: flex;flex-direction:column;justify-content:space-between;position: relative;gap:20px;min-height: calc(100svh - 60px);}
.mobile, .tablet {display:none!important;}
.desktop.tablet {display:block!important;}
.aos-set-overflow {overflow: hidden!important;}
.heading img {max-width: 600px!important;}
		
/* GLOBAL VARIABLES */
:root {
	--green: #44FF00;
	--pink: #FF00DB;
	--yellow: #FFF200;
	--black: #000000;
	--white: #ffffff;
}

/* Backgrounds */
.bg-green {background-color:var(--green);}
.bg-pink {background-color:var(--pink);}
.bg-yellow {background-color:var(--yellow);}
.bg-black {background-color:var(--black);}
.bg-white {background-color:var(--white);}
.text-black {color:var(--black);}
.text-white {color:var(--white);}

/* RESETS ****************************************************/
Img {max-width:100%;display:block;}
*,*:after,*:before {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
textarea, input, input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {appearance: none;-webkit-appearance: none;border-radius: 0;}
* {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */outline: 0;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s!important;-webkit-text-fill-color:var(--blue-dark)!important;}

/* EMBEDS ****************************************************/
.video {background-color: var(--green);padding:24px;border-radius: 24px;margin-bottom: 30px;}
.video-wrapper {max-width: 1040px!important;z-index: 5;}
.embed-container {position: relative;padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.embed-container iframe, .video-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Animations */
.rotating {animation: rotate 10s linear infinite;}
.rotating2 {animation: rotate2 8s linear infinite;}
@keyframes pulse-btn {0% { transform: rotate(-2deg) scale(1); } 50% { transform: rotate(-2deg) scale(1.03); } 100% { transform: rotate(-2deg) scale(1); }}
@keyframes rotate {from { transform: rotate(0deg); } to {transform: rotate(360deg); } }
@keyframes rotate2 {from { transform: rotate(360deg); } to {transform: rotate(0deg); } }
@keyframes swing1 {0% {transform: rotate(6deg);} 50% {transform: rotate(-5deg);} 100% {transform: rotate(5deg);}}
@keyframes swing2 {0% {transform: rotate(6deg);} 50% {transform: rotate(-10deg);} 100% {transform: rotate(6deg);}}
@keyframes swing3 {0% {transform: rotate(4deg);} 50% {transform: rotate(-8deg);} 100% {transform: rotate(4deg);}}
@keyframes bounce-up {0%, 100% {transform: translateY(0);} 50% {transform: translateY(-10px);} }
@keyframes pulse {0% { transform: scale(1); } 50% {transform: scale(1.03); } 100% {transform: scale(1);} }

/* Cookies */
#nebajeris .cky-notice-des, #nebajeris .cky-title, #nebajeris .cky-btn {font-family: "Roboto Flex", serif;font-weight:800;font-style: italic;}
#nebajeris #ckyDetailCategorynecessary, #nebajeris #ckyDetailCategoryperformance, #nebajeris #ckyDetailCategoryadvertisement {display: none;}

/* Shared */
/* Buttons */
.btn {margin:20px auto 70px auto;height: 60px;width: 350px;font-size:30px;cursor: pointer;position: relative;color: var(--black);text-decoration: none;background-color: var(--yellow);display: flex;align-items: center;justify-content: center;transition: box-shadow 0.3s ease, transform 0.3s ease;transform: rotate(-2deg);box-shadow: 3px  3px 0px white,  4px  4px 0px black, 6px  6px 0px white,  7px  7px 0px black, 9px  9px 0px white, 10px 10px 0px black, 12px 12px 0px white, 13px 13px 0px black;}  
.btn:hover {animation: pulse-btn 1.5s ease-in-out infinite; box-shadow: 6px  6px 0px white,  7px  7px 0px black, 12px 12px 0px white, 13px 13px 0px black, 18px 18px 0px white, 19px 19px 0px black, 24px 24px 0px white, 25px 25px 0px black;}  
.content-block {padding:30px 60px;max-width: 800px;width:100%;margin:0 auto;}
.btn-about {position: absolute;top: 40px;left: 40px;color: #fff;text-decoration: none;height: 35px;width: 180px;background-color: var(--pink);display: flex;align-items: center;justify-content: center;box-shadow: 3px 3px 0px var(--black);transition: box-shadow 0.3s ease;}
.btn-about:hover {animation: pulse 1s infinite;box-shadow: 8px 8px 0px var(--black);}
.show-more-btn {text-decoration:underline;cursor:pointer;}
.show-more-btn:hover {text-decoration: none;}

/* Section arrows */
.arrow-down-animation1 {animation: swing1 1s infinite ease-in-out;}
.arrow-down-animation2 {animation: swing2 1s infinite ease-in-out;}
.arrow-down-animation3 {animation: swing3 1s infinite ease-in-out;}

/* Section - Intro */
section.intro .intro1 .intro-shape1 {position:absolute;left:-20px;top:90px;}
section.intro .intro1 .intro-circle {position:absolute;right:-90px;top:-90px;}
section.intro .intro1 .logo {margin:30px 0 20px 0;width:100%;}
section.intro .intro1 .logo img {margin: 0 auto;max-width:500px;width:100%;}
section.intro .intro1 .content-block p {font-size:20px;line-height:30px;margin-bottom:30px;}
section.intro .intro1 .content-block p:last-child {margin-bottom: 0;}
section.intro .intro1 .arrow {margin:auto auto 20px auto;}

section.intro .intro2 .wrapper {min-height: unset}
section.intro .intro2 .circle1 {position:absolute;left:-50px;bottom:70px;}
section.intro .intro2 .circle2 {position:absolute;right:90px;top:65px;}
section.intro .intro2 .circle2 img {width: 200px;height:200px;}
section.intro .intro2 .shape1 {position:absolute;right:-20px;bottom:70px;}
section.intro .intro2 .heading {margin:90px 0 80px 0;width:100%;}
section.intro .intro2 .heading img {margin: 0 auto;max-width:100%;}
section.intro .intro2 .arrow {margin:auto auto 70px auto;}

section .intro3 .wrapper {max-width: 940px;}
section .intro3 span {font-size: 128px;font-weight: 800;font-style: italic;text-align: right;color:var(--pink);margin-top:70px;margin-right: 15px;text-transform: uppercase;padding-right: 20px;}
section .intro3 .content-block {max-width: 100%;margin-bottom: 30px;}
section .intro3 .content-block p {font-size: 20px;line-height: 30px;margin-bottom:30px;}
section .intro3 .content-block p:last-child {margin-bottom: 0;}
section .intro3 .arrow {margin:auto 50px 30px auto;}

section .intro4 .shape1 {position:absolute;left:-20px;top:280px;}
section .intro4 .wrapper {max-width: 940px;}
section .intro4 span {font-size: 128px;font-weight: 800;font-style: italic;text-align: left;color:var(--pink);margin-top:70px;margin-left: -120px;text-transform: uppercase;padding-right:20px;}
section .intro4 .content-block {max-width: 100%;margin-bottom: 30px;}
section .intro4 .content-block p {font-size: 20px;line-height: 30px;margin-bottom:30px;}
section .intro4 .content-block p:last-child {margin-bottom: 0;}
section .intro4 .arrow {margin:auto auto 30px 50px;}

section.intro .intro5 .video-wrapper {margin-top:30px;}
section.intro .intro5 .circle1 {position:absolute;right:80px;bottom:70px;z-index:1;}

/* Section - Topic 1 */
section.topic1 .topicA .wrapper {max-width: 940px;}
section.topic1 .topicA .heading {margin:90px 0 50px 0;width:100%;}
section.topic1 .topicA .heading img {margin: 0 auto;max-width:100%;}
section.topic1 .topicA .parallax-topic1-topicA-left {position: absolute;left:90px;top:100px;}
section.topic1 .topicA .parallax-topic1-topicA-left img {width:145px;}
section.topic1 .topicA .parallax-topic1-topicA-right {position: absolute;right:90px;top:100px}
section.topic1 .topicA .parallax-topic1-topicA-right img {width:145px;}
section.topic1 .topicA .content-block {max-width: 100%;margin-bottom: 30px;}
section.topic1 .topicA .content-block p {font-size: 25px;line-height: 35px;margin-bottom:30px;}
section.topic1 .topicA .content-block p:last-child {margin-bottom: 0;}
section.topic1 .topicA .arrow {margin:auto 200px 30px auto;}

section.topic1 .topicB .shape1 {position:absolute;left:-20px;top:160px;}
section.topic1 .topicB .circle1 {position:absolute;right:30px;top:30px;}
section.topic1 .topicB .circle1 img {width: 260px;height:260px;}
section.topic1 .topicB .wrapper {max-width: 940px;}
section.topic1 .topicB .content-block {max-width: 100%;margin-bottom: 30px;margin-top:130px;}
section.topic1 .topicB .content-block p {font-size: 18px;line-height: 30px;margin-bottom:30px;}
section.topic1 .topicB .content-block p:last-child {margin-bottom: 0;}
section.topic1 .topicB .arrow {margin: auto auto 0px 50px;}

section.topic1 .topicC .video-wrapper {margin-top:30px;}
section.topic1 .topicC .circle1 {position:absolute;left:-240px;top:20px;}
section.topic1 .topicC .circle2 {position:absolute;left:30px;top:300px;}
section.topic1 .topicC .circle2 img {width: 120px;height:120px;}

/* Section - Topic 2 */
section.topic2 .topicA .heading {margin:90px 0 50px 0;width:100%;}
section.topic2 .topicA .heading img {margin: 0 auto;max-width:100%;}
section.topic2 .topicA .circle1 {position:absolute;left:80px;top:260px;}
section.topic2 .topicA .circle1 img {width: 200px;height:200px;}
section.topic2 .topicA .circle2 {position:absolute;right:-140px;top:150px;}
section.topic2 .topicA .circle2 img {width:450px;height:450px;}
section.topic2 .topicA .arrow {margin: auto auto 0 auto;}

section.topic2 .topicB .wrapper {max-width: 940px;}
section.topic2 .topicB .content-block {max-width: 100%;margin-bottom: 30px;margin-top:130px;position: relative;z-index: 3;}
section.topic2 .topicB .content-block p {font-size: 20px;line-height: 30px;margin-bottom:30px;}
section.topic2 .topicB .content-block p:last-child {margin-bottom: 0;}
section.topic2 .topicB .head1 {position:absolute;left: -122px;top: -135px;}
section.topic2 .topicB .head2 {position:absolute;right: -155px;bottom: -130px;}
section.topic2 .topicB .circle1 {position: absolute;top: 250px;left: -20px;z-index:2;}
section.topic2 .topicB .wrapper.wrapper-forarrow {min-height: unset;}
section.topic2 .topicB .arrow {margin:auto 110px 30px auto;}

section.topic2 .topicC .video-wrapper {margin-top:30px;}
section.topic2 .topicC .shape1 {position:absolute;left:-20px;bottom:130px;}
section.topic2 .topicC .circle1 {position: absolute;right: 0;top: 20px;display: flex;justify-content: flex-end;align-items: center;width: fit-content;}
section.topic2 .topicC .circle1 img {max-width: 75%;height: auto;display: block;}

/* Section - Topic 3 */
section.topic3 .topicA .heading {margin:90px 0 50px 0;width:100%;}
section.topic3 .topicA .heading img {margin: 0 auto;max-width:100%;}
section.topic3 .topicA .arrow {margin: auto auto 0 auto;}
section.topic3 .topicA .circle1 {position:absolute;right:40px;bottom:70px;}
section.topic3 .topicA .circle1 img {width:230px;height:230px;}

section.topic3 .topicB .wrapper {max-width: 940px;}
section.topic3 .topicB .content-block {max-width: 100%;margin-bottom: 30px;z-index: 3;}
section.topic3 .topicB .content-block p {font-size: 25px;line-height: 35px;margin-bottom:30px;}
section.topic3 .topicB .content-block p:last-child {margin-bottom: 0;}
section.topic3 .topicB .circle1 {position: absolute;top: 60px;left: -200px;z-index:2;}
section.topic3 .topicB .head {position: absolute;top: -2px;right: 30px;z-index: 5;}
section.topic3 .topicB .head img {width: 350px;animation: bounce-up 2s ease-in-out infinite;}
section.topic3 .topicB .shape1 {position:absolute;right:0;top:240px;}
section.topic3 .topicB .shape1 img {width:240px;height:240px;}
section.topic3 .topicB .shape2 {position:absolute;right:150px;top:500px;}
section.topic3 .topicB .shape2 img {width:80px;height:80px;}

section.topic3 .topicC .video-wrapper {margin-top:30px;}
section.topic3 .topicC .circle1 {position:absolute;right:9px;bottom:90px;}
section.topic3 .topicC .shape1 {position:absolute;left:50px;top:50px;}
section.topic3 .topicC .shape1 img {width:110px;height:110px;}

/* Section - Topic 4 */
section.topic4 .topicA .circle1 {position: absolute;right: 0;top: 55px;display: flex;width: fit-content;left:-160px;}
section.topic4 .topicA .circle1 img {max-width: 80%;height: auto;display: block;}
section.topic4 .topicA .heading {margin:90px 0 50px 0;width:100%;}
section.topic4 .topicA .heading img {margin: 0 auto;max-width:100%;}
section.topic4 .topicA .arrow {margin: auto auto 0 auto;}
section.topic4 .topicA .shape1 {position:absolute;right:110px;top:160px;}
section.topic4 .topicA .shape1 img {width:160px;height:160px;}

section.topic4 .topicB .arrow {margin: 200px auto 50px auto;}
section.topic4 .topicB .wrapper {max-width: 940px;}
section.topic4 .topicB .content-block {max-width: 100%;margin-bottom: 30px;z-index: 5;margin-top:170px;}
section.topic4 .topicB .content-block p {font-size: 25px;line-height: 35px;margin-bottom:30px;}
section.topic4 .topicB .content-block p:last-child {margin-bottom: 0;}
section.topic4 .topicB .left-animation {position: absolute;top:130px;left:0;}
section.topic4 .topicB .left-animation .left1 {position: relative;top:0;left:-15px;}
section.topic4 .topicB .left-animation .left2 {position: absolute;top: 66px;left: 80px;width: 100px;height: 100px;z-index: 3;animation: pulse 1s infinite;}
section.topic4 .topicB .left-animation .left3 {position: relative;top: -24px;left: 110px;}
section.topic4 .topicB .left-animation .left4 {position: relative;top: -24px;left: 90px;animation: pulse 1s infinite;}
section.topic4 .topicB .right-animation {position: absolute;top:190px;right:-20px;}
section.topic4 .topicB .right-animation .right1 {position: relative;top:0;right:-15px;}
section.topic4 .topicB .right-animation .right2 {position: absolute;top: 112px;right: 132px;width: 144px;height: 140px;z-index: 3;z-index: 3;animation: pulse 1s infinite;}
section.topic4 .topicB .right-animation .right3 {position: relative;top: -35px;right: 45px;}
section.topic4 .topicB .right-animation .right4 {position: relative;top: -24px;right: 55px;animation: pulse 1s infinite;}

section.topic4 .topicC .video-wrapper {margin-top:70px;}
section.topic4 .topicC .video {background-color: var(--pink);z-index: 2;}
section.topic4 .topicC .shape1 {position:absolute;right:-20px;bottom:350px;z-index: 1;}
section.topic4 .topicC .circle1 {position:absolute;left:-110px;top:-45px;}

/* Section - Topic 5 */
section.topic5 .topicA .heading {margin:90px 0 50px 0;width:100%;}
section.topic5 .topicA .heading img {margin: 0 auto;max-width:100%;}
section.topic5 .topicA .arrow {margin: auto auto 0 auto;}
section.topic5 .topicA .shape1 {position:absolute;left:-100px;bottom:50px;}
section.topic5 .topicA .shape1 img {width:360px;height:360px;}

section.topic5 .topicB .wrapper {max-width: 940px;}
section.topic5 .topicB .content-block {max-width: 100%;margin-bottom: 30px;z-index: 3;position: relative;}
section.topic5 .topicB .content-block p {font-size: 25px;line-height: 35px;margin-bottom:30px;}
section.topic5 .topicB .content-block p:last-child {margin-bottom: 0;}
section.topic5 .topicB .shape1 {position:absolute;left:-20px;top:130px;}
section.topic5 .topicB .image1 {position:absolute;right:90px;bottom:70px;z-index: 5;max-width:270px;animation: pulse 1s infinite;}
section.topic5 .topicB .arrow {margin: 40px auto 0px 50px;}
section.topic5 .topicB .blank-bottom {margin-top:auto;}

section.topic5 .topicC .video-wrapper {margin-top:40px;}
section.topic5 .topicC .video {background-color: var(--pink);z-index: 2;}
section.topic5 .topicC .circle1 {position: absolute;right: -90px;top:-50px;display: flex;justify-content: flex-end;align-items: center;width: fit-content;height: 100%;width: 100%;}
section.topic5 .topicC .circle1 img {max-width: 80%;height: auto;display: block;max-height:700px;}

/* Section - Topic 6 */
section.topic6 .topicA .heading {margin:90px 0 50px 0;width:100%;}
section.topic6 .topicA .heading img {margin: 0 auto;max-width:100%;}
section.topic6 .topicA .arrow {margin: auto auto 0 auto;}
section.topic6 .topicA .shape1 {position:absolute;right:-60px;bottom:60px;}
section.topic6 .topicA .shape1 img {width:360px;height:360px;}

section.topic6 .topicB .wrapper {max-width: 940px;}
section.topic6 .topicB .content-block {max-width: 100%;margin-bottom: 0;z-index: 3;}
section.topic6 .topicB .content-block p {font-size: 25px;line-height: 35px;margin-bottom:30px;}
section.topic6 .topicB .content-block p:last-child {margin-bottom: 0;}
section.topic6 .topicB .shape1 {position:absolute;left:-20px;top:80px;}
section.topic6 .topicB .shape2 {position:absolute;left:160px;top:320px;}
section.topic6 .topicB .shape2 img {width:310px;height:310px;}
section.topic6 .topicB .shape3 {position:absolute;right:140px;top:70px;}
section.topic6 .topicB .shape3 img {width:160px;height:160px;}
section.topic6 .topicB .arrow {margin: -80px 50px 30px auto;}

section.topic6 .topicC .video-wrapper {margin-top:70px;}
section.topic6 .topicC .video {z-index: 2;}
section.topic6 .topicC .shape1 {position:absolute;right:-20px;bottom:270px;z-index: 1;}
section.topic6 .topicC .circle1 {position:absolute;left:-100px;top:-30px;}

/* Section - Outro */
section.outro .outro-stage .heading {margin:90px 0 50px 0;width:100%;z-index: 5;position: relative;}
section.outro .outro-stage .heading img {margin: 0 auto;max-width: 500px;width: 100%;}
section.outro .outro-stage .circle1 {position:absolute;right:-270px;top:90px;z-index:1;}
section.outro .outro-stage .circle1 img {width: 600px;height:600px;}
section.outro .outro-stage .back {cursor:pointer;text-align: center;margin-bottom: 30px;}
section.outro .outro-stage .back span {margin-top:14px;font-size:25px;display: block;}
section.outro .outro-stage .arrow {margin: auto auto 30px auto;animation: bounce-up 1s infinite ease-in-out;}
section.outro .outro-stage .left-animation {position: absolute;bottom:0;left:0;z-index: 4;}
section.outro .outro-stage .left-animation .left1 {position: absolute;bottom:360px;left: -140px;width: 400px;height:200px;animation: pulse 5s infinite;}
section.outro .outro-stage .left-animation .left2 {position: absolute;bottom: 82px;left: -20px;width: 300px;height: 266px;animation: pulse 1s infinite;}
section.outro .outro-stage .left-animation .left3 {position: absolute;bottom:-75px;left: 140px;width: 340px;height:360px;animation: pulse 3s infinite;}
section.outro .outro-stage .right-animation {position: absolute;bottom:0;right:0;z-index: 4;}
section.outro .outro-stage .right-animation .right1 {position: absolute;bottom:410px;right: -11px;width:270px;height:280px;animation: pulse 2s infinite;}
section.outro .outro-stage .right-animation .right2 {position: absolute;bottom: 30px;right: -20px;width: 180px;height: 320px;animation: pulse 3s infinite;}
section.outro .outro-stage .right-animation .right3 {position: absolute;bottom:-10px;right: 50px;width: 280px;height:340px;animation: pulse 1s infinite;}

/* About */
section.about .circle1 {position:absolute;left:50px;top:100px;}
section.about .circle1 img {width:140px;height:140px;}
section.about .circle2 {position:absolute;right:-30px;top:320px;}
section.about h1 {text-align: center;font-size:30px;color:#fff;margin:30px 0 20px 0;text-transform: lowercase;}
section.about .shape1 {margin:0 auto 20px auto;}
section.about .content-block {max-width: 940px;padding:30px;}
section.about .content-block p {font-size: 25px;line-height: 35px;margin-bottom:30px;}
section.about .content-block p:last-child {margin-bottom: 0;}
section.about .content-block a {color:var(--pink);}
section.about .logos {text-align: center;display: flex;flex-wrap: wrap;gap: 60px;margin: 40px auto 0 auto;align-items: center;padding:0 40px;justify-content: center;}
section.about .bottom-nav {display:flex;padding:20px 80px 40px 80px;margin-top:40px;align-items: center;justify-content: space-between;gap:30px;color:var(--black);text-decoration:none;animation: pulse 3s infinite;}
section.about .bottom-nav span {font-size: 30px;font-weight:800;font-style: italic;}
section.about .bottom-nav .line {background-image: url('assets/svg/about-line.svg');height:20px;width: 100%;background-repeat: repeat-x;background-position: right center;}

/* RESPONSIVE QUERIES **********************************************/

/* SMALL DESKTOP */
@media only screen and (min-width: 993px) and (max-width: 1190px) {
	/* Section - Intro */
	section.intro .intro2 .circle2 {position:absolute;right:30px;top:20px;}
	section.intro .intro2 .circle2 img {width: 150px;height:150px;}
	section .intro3 span {font-size: 80px;text-align: left;margin-top:50px;margin-left: 50px;margin-bottom:20px}
	section .intro4 span {font-size: 80px;text-align:right;margin-top:50px;margin-right: 50px;margin-left:0;margin-bottom:20px}
	/* Section - Topic 3 */
	section.topic3 .topicB .head {bottom: 30px;right: -50px;transform: rotate(180deg);}
	section.topic3 .topicB .head img {width: 300px;}
	section.topic3 .topicB .shape2 {display: none;}
	/* Section - Topic 4 */
	section.topic4 .topicB .arrow {margin: 160px 0 30px 70px;}
	section.topic4 .topicB .left-animation {display: none;}
	section.topic4 .topicB .right-animation {bottom: 40px;right: -20px;max-width: 100px;top: unset;z-index: 4;}
	section.topic4 .topicB .right-animation .right2 {top: 54px;right: 30px;width: 110px;height: 110px;}
}

/* TABLET */
@media only screen and (min-width: 768px) and (max-width: 992px) {
	/* SHARED *********************************************************/
	.tablet {display:block!important;}
	.desktop {display:none;}
	/* Section - Intro */
	section.intro .intro2 .circle2 {position:absolute;right:30px;top:20px;}
	section.intro .intro2 .circle2 img {width: 150px;height:150px;}
	section .intro3 span {font-size: 80px;text-align: left;margin-top:50px;margin-left: 50px;margin-bottom:20px}
	section .intro4 span {font-size: 80px;text-align:right;margin-top:50px;margin-right: 50px;margin-left:0;margin-bottom:20px}
	section .intro4 .shape1 {display: none;}
	/* Section - Topic 1 */
	section.topic1 .topicA .parallax-topic1-topicA-left {position: absolute;left:40px;top:20px;}
	section.topic1 .topicA .parallax-topic1-topicA-right {position: absolute;right:40px;top:20px}
	section.topic1 .topicB .shape1 {display: none;}
	/* Section - Topic 2 */
	section.topic2 .topicA .circle1 {display: none;}
	section.topic2 .topicA .circle2 {position:absolute;right:-140px;top:60px;}
	section.topic2 .topicB .head1 {left: -32px;top: -95px;}
	section.topic2 .topicB .head1 img {width:130px;}
	section.topic2 .topicB .head2 {right: -18px;bottom: -87px;}
	section.topic2 .topicB .head2 img {width:120px;}
	section.topic2 .topicB .circle1 {display: none;}
	section.topic2 .topicB .arrow {margin:auto 0 30px 70px;} 
	section.topic2 .topicC .shape1 {display: none;}
	/* Section - Topic 3 */
	section.topic3 .topicA .circle1 {bottom:70px;}
	section.topic3 .topicA .circle1 img {width:140px;height:140px;}
	section.topic3 .topicB .circle1 {display: none;}
	section.topic3 .topicB .head {bottom: 30px;right: -50px;transform: rotate(180deg);}
	section.topic3 .topicB .head img {width: 300px;}
	section.topic3 .topicB .shape1 {display: none;}
	section.topic3 .topicB .shape2 {display: none;}
	section.topic3 .topicB .arrow {margin:auto auto 30px 70px;}
	section.topic3 .topicC .shape1 {display: none;}
	/* Section - Topic 4 */
	section.topic4 .topicA .shape1 {display: none;}
	section.topic4 .topicB .arrow {margin: 160px 0 30px 70px;}
	section.topic4 .topicB .content-block {z-index:3;}
	section.topic4 .topicB .left-animation {display: none;}
	section.topic4 .topicB .right-animation {bottom: 40px;right: -20px;max-width: 100px;top: unset;z-index: 4;}
	section.topic4 .topicB .right-animation .right2 {top: 54px;right: 30px;width: 110px;height: 110px;}
	section.topic4 .topicC .shape1 {display: none;}
	/* Section - Topic 5 */
	section.topic5 .topicA .arrow {margin: auto auto 20px auto;}
	section.topic5 .topicA .shape1 {left: 40px;bottom: 70px;}
	section.topic5 .topicA .shape1 img {width: 160px;height: 160px;}
	section.topic5 .topicB .shape1 {display: none;}
	section.topic5 .topicB .image1 {right: 34px;bottom: 41px;z-index: 5;max-width: 183px;}
	section.topic5 .topicC .video-wrapper {margin-top:70px;}
	/* Section - Topic 6 */
	section.topic6 .topicA .shape1 {right: 40px;bottom: 110px;}
	section.topic6 .topicA .shape1 img {width: 160px;height: 160px;}
	section.topic6 .topicB .arrow {margin-top:20px;}
	section.topic6 .topicB .content-block {margin-top:100px;}
	section.topic6 .topicB .shape2 {display: none;}
	section.topic6 .topicB .shape3 {display: none;}
	/* Section - Outro */
	section.outro .outro-stage .circle1 {position:absolute;right:-400px;top:20px;}
	section.outro .outro-stage .circle1 img {width: 600px;height:600px;}
	section.outro .outro-stage .left-animation {display: none;}
	section.outro .outro-stage .right-animation {display: none;}
}

/* MOBILE */
@media only screen and (min-width: 0px) and (max-width: 767px) {
	/* Shared */
	.content-block {padding:30px 30px;margin:0 40px;width: calc(100% - 80px);}
	.mobile {display: block!important;}
	.desktop.tablet, .desktop, .tablet {display: none!important;}
	/* section .stage {gap:0;min-height:100dvh;}
	section .stage .wrapper {padding: 0 0;min-height:100dvh;} */
	section .stage {gap:0;min-height:100svh;}
	section .stage .wrapper {padding: 0 0;min-height:100svh;}
	.arrow {max-width: 90px;}
	.embed-container {padding-bottom: 177.78%;}
	.video {padding:10px;border-radius: 16px;margin-bottom: 0;}
	.btn {width: 270px;font-size:25px;}
	.heading {padding:0 30px;}
	/* Section - Intro */
	section.intro .intro1 .btn-about {position:unset;margin-top:30px;margin-left:25px;}
	section.intro .intro1 .intro-shape1 {position: unset;margin-left:-20px;margin-bottom:30px;}
	section.intro .intro1 .logo {padding: 0 30px;margin:0 auto 20px auto;}
	section.intro .intro1 .content-block p {font-size:16px;line-height:23px;margin-bottom:23px;}
	section.intro .intro1 .content-block p:last-child {margin-bottom: 0;}
	section.intro .intro1 .arrow-container {margin-top:auto;}
	section.intro .intro1 .arrow {margin:auto auto 40px auto;}

	section.intro .intro2 .circle1 img {height:360px;}
	section.intro .intro2 .circle2 {position:absolute;right:30px;top:25px;}
	section.intro .intro2 .circle2 img {width: 80px;height:80px;}
	section.intro .intro2 .shape1 {display: none;}
	section.intro .intro2 .heading {margin:150px 0 20px 0;}
	section.intro .intro2 .arrow {margin:auto auto 40px auto;}

	section .intro3 span {font-size: 48px;text-align: left;margin-top:50px;margin-left: 35px;margin-bottom:20px}
	section .intro3 .content-block {margin-bottom:20px;padding:20px;}
	section .intro3 .content-block p {font-size: 15px;line-height: 21px;margin-bottom:21px;}
	section .intro3 .content-block p:last-child {margin-bottom: 0;}
	section .intro3 .arrow {margin:auto 50px 30px auto;}

	section .intro4 .shape1 {display: none;}
	section .intro4 span {font-size: 48px;text-align:right;margin-top:50px;margin-right: 35px;margin-left:0;margin-bottom:20px}
	section .intro4 .content-block {margin-bottom:20px;padding:20px;}
	section .intro4 .content-block p {font-size: 15px;line-height: 21px;margin-bottom:21px;}
	section .intro4 .content-block p:last-child {margin-bottom: 0;}
	section .intro4 .arrow {margin:auto auto 30px 50px;}

	section.intro .intro5 .video-wrapper {margin-top:70px;}
	section.intro .intro5 .circle1 {display: none;}

	/* Section - Topic 1 */
	section.topic1 .topicA .heading {margin:150px 0 50px 0;}
	section.topic1 .topicA .parallax-topic1-topicA-left {position: absolute;left:20px;top:30px;}
	section.topic1 .topicA .parallax-topic1-topicA-left img {width:70px;}
	section.topic1 .topicA .parallax-topic1-topicA-right {position: absolute;right:20px;top:30px;}
	section.topic1 .topicA .parallax-topic1-topicA-right img {width:70px;}
	section.topic1 .topicA .content-block p {font-size: 16px;line-height: 23px;margin-bottom:23px;}
	section.topic1 .topicA .arrow {margin:auto auto 30px auto;}

	section.topic1 .topicB .shape1 {display: none;}
	section.topic1 .topicB .circle1 {display: none;}
	section.topic1 .topicB .content-block p {font-size: 16px;line-height: 23px;margin-bottom:23px;}
	section.topic1 .topicB .arrow {margin: auto 50px 50px auto;}

	section.topic1 .topicC .circle1 {display: none;}
	section.topic1 .topicC .circle2 {display: none;}

	/* Section - Topic 2 */
	section.topic2 .topicA .circle1 {display: none;}
	section.topic2 .topicA .circle2 {position:absolute;right:-200px;top:30px;}
	section.topic2 .topicA .circle2 img {width:350px;height:350px;}
	section.topic2 .topicA .arrow {margin:auto auto 30px auto;}
	section.topic2 .topicB .content-block p {font-size: 16px;line-height: 23px;margin-bottom:23px;}
	section.topic2 .topicB .content-block p:last-child {margin-bottom: 0px;}
	section.topic2 .topicB .head1 {left: -52px;top: -95px;}
	section.topic2 .topicB .head1 img {width:130px;}
	section.topic2 .topicB .head2 {right: -38px;bottom: -87px;}
	section.topic2 .topicB .head2 img {width:120px;}
	section.topic2 .topicB .circle1 {display: none;}
	section.topic2 .topicB .arrow {margin:auto 0 30px 70px;}

	section.topic2 .topicC .video-wrapper {margin-top:70px;}
	section.topic2 .topicC .shape1 {display: none;}
	section.topic2 .topicC .circle1 {display: none;}

	/* Section - Topic 3 */
	section.topic3 .topicA .arrow {margin:auto auto 30px auto;}
	section.topic3 .topicA .circle1 {bottom:140px;}
	section.topic3 .topicA .circle1 img {width:140px;height:140px;}

	section.topic3 .topicB .content-block p {font-size: 16px;line-height: 23px;margin-bottom:23px;}
	section.topic3 .topicB .circle1 {display: none;}
	section.topic3 .topicB .head {bottom: 30px;right: -50px;transform: rotate(180deg);}
	section.topic3 .topicB .head img {width: 200px;}
	section.topic3 .topicB .shape1 {display: none;}
	section.topic3 .topicB .shape2 {display: none;}
	section.topic3 .topicB .arrow {margin:auto auto 30px 70px;}

	section.topic3 .topicC .video-wrapper {margin-top:70px;}
	section.topic3 .topicC .circle1 {position:absolute;right:9px;bottom:90px;display: none;}
	section.topic3 .topicC .shape1 {display: none;}

	/* Section - Topic 4 */
	section.topic4 .topicA .circle1 {right: -224px;left:40px;}
	section.topic4 .topicA .arrow {margin:auto auto 30px auto;}
	section.topic4 .topicA .shape1 {display: none;}

	section.topic4 .topicB .arrow {margin: 160px 0 30px 70px;}
	section.topic4 .topicB .content-block {margin-top:70px;z-index:3;}
	section.topic4 .topicB .content-block p {font-size: 16px;line-height: 23px;margin-bottom:23px;}
	section.topic4 .topicB .left-animation {display: none;}
	section.topic4 .topicB .right-animation {bottom: 0px;right: -20px;max-width: 100px;top: unset;z-index: 4;}
	section.topic4 .topicB .right-animation .right2 {top: 54px;right: 30px;width: 110px;height: 110px;}

	section.topic4 .topicC .video-wrapper {margin-top:140px;}
	section.topic4 .topicC .shape1 {display: none;}

	/* Section - Topic 5 */
	section.topic5 .topicA .arrow {margin: auto auto 20px auto;}
	section.topic5 .topicA .shape1 {left: 40px;bottom: 110px;}
	section.topic5 .topicA .shape1 img {width: 160px;height: 160px;}

	section.topic5 .topicB .content-block {margin-top:70px;}
	section.topic5 .topicB .content-block p {font-size: 16px;line-height: 23px;margin-bottom:23px;}
	section.topic5 .topicB .shape1 {display: none;}
	section.topic5 .topicB .image1 {right:10px;bottom:20px;max-width:160px;}

	section.topic5 .topicC .circle1 {display: none;}

	/* Section - Topic 6 */
	section.topic6 .topicA .arrow {margin: auto auto 20px auto;}
	section.topic6 .topicA .shape1 {right: 40px;bottom: 110px;}
	section.topic6 .topicA .shape1 img {width: 160px;height: 160px;}
	section.topic6 .topicB .content-block {margin-top:100px;}
	section.topic6 .topicB .content-block p {font-size: 16px;line-height: 23px;margin-bottom:23px;}
	section.topic6 .topicB .shape2 {display: none;}
	section.topic6 .topicB .shape3 {display: none;}
	section.topic6 .topicB .arrow {margin: auto auto 20px auto;}
	section.topic6 .topicC .shape1 {display: none;}
	section.topic6 .topicC .circle1 {display: none;}

	/* Section - Outro */
	section.outro .outro-stage .circle1 {position:absolute;right:-400px;top:20px;}
	section.outro .outro-stage .circle1 img {width: 600px;height:600px;}
	section.outro .outro-stage .left-animation {display: none;}
	section.outro .outro-stage .right-animation {display: none;}

	/* About */
	section.about .circle1 {display: none;}
	section.about .shape1 img {max-width: 260px;}
	section.about .content-block p {font-size: 13px;line-height: 18px;margin-bottom:18px;}
	section.about .bottom-nav {padding:40px 30px;margin-top:0;gap:15px;}
	section.about .bottom-nav span {font-size: 15px;}
	section.about .bottom-nav img {max-height: 44px;}
	section.about .circle2 {position: absolute;right: -50%;top: 150px;}
	section.about .circle2 img {height:500px;}
	section.about .logos {gap: 30px;padding:0 30px;}
}