a:active,.lang1:active {-webkit-tap-highlight-color: transparent;}
.swiper-container,body,h2{overflow-x:hidden}
.loader-wrapper {background-color: white;width: 100%;height: 100vh;position: fixed;top: 0;left: 0;display: flex;justify-content: center;align-items: center;z-index: 99999;transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;}
.loader-wrapper svg{width: 40%;}
.loader-wrapper .st3,.lang-container{transform-origin: left;}
body{margin: 0;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
h2{justify-content: center;gap: 3vw;margin-top: 4vh;}
h2 img{width: 20%;}
hr{height:.8vh;border: none;}
a{text-decoration: none;}
p{text-align: justify;text-align-last: center;padding: 0 5%;font-size: 12px;}
.media,.app{justify-content: space-around;}
.app{margin: 2vh 0;}
.app svg{width: 30vw;}
.media{padding: 3% 0;background:  linear-gradient(to top,rgb(155, 155, 155) ,rgb(235, 235, 235));}
.media i{color: black;font-size: 1.1em;}
.media a{border: 2px solid black;border-radius: 100%;width: 4vh;height: 4vh;}
.neo-content2,.neo-bio{display: flex;}
.media,.app,.neo-content,footer, a,.swiper-slide,h2,.lang-container,.lang1,.lang2{display: flex;align-items: center;}
.neo-content{background: linear-gradient(to left,rgb(187, 187, 187) 10%,white);}
.neo-content2 img,.neo-content img{height: 100%;width: 100%;}
li{font-size: 12px;}
li+li{margin-top: 2vh;}
.neo-content2 a{align-self: baseline;color: white;padding: 3%;border-radius: 20px;margin-left: 10%;}
.neo-content2,footer a,.swiper-slide{flex-direction: column;}
footer, a,.swiper-slide,.neo-content2{justify-content: center;}
footer a{color:black;}
.swiper-container{height: fit-content;padding-top: 5%;position: relative;}
.swiper-scrollbar-drag,hr,.neo-content2 a,.lang-container{background:linear-gradient(to right,rgb(4, 85, 4),rgb(13, 214, 13));}
.img-container{position: relative;}
.img-container img{border-radius: 30px;width: 100%;}
.img-container svg{position: absolute;top: 50%;left: 50%;width: 20%;transform: translate(-50%,-50%);}
footer{margin-top: 5vh;font-size: .8em;}
footer img{width: 30%;}
.neo3{width: 40%;margin: 0 2%;}
.neo4{width: 60%;}
.lang-container{color: white;}
.lang-container{padding: 1% 0;gap: 2vw;font-size: 12px;}
.lang2,.h2 img,h2 span,.lang-container{opacity: 0; }
.lang2.visible{opacity:1}
.lang1,.lang2{width: 50%;}
.lang2{gap: 2vw;}
.lang2 a{color: rgba(255, 255, 255, 0.658);}
.lang1{cursor: pointer;justify-content: end;gap: .5vw;}
.lang2 .lang-selected{color: chartreuse;}
@media only screen and (min-width: 600px) {
.loader-wrapper svg{width: 30%;}
p{font-size: 1.5em}.lang-container{font-size: 17px;}
h2{font-size: 2em;}
.app svg{width: 20vw;}
.media a{width: 5vh;height: 5vh;}
li{font-size: 1.2em;}
}
/*Styles for laptops*/
@media only screen and (min-width: 992px) {
.loader-wrapper svg{width: 20%;}
h2{font-size: 3em;gap: 1.5vw;}
h2 img{width: 10%;}
.app svg{width: 15vw;}
.media,.app{justify-content: center;gap: 5vw;}
.media a{width: 8vh;height: 8vh;}
li{font-size: 1.5em;padding-right: 20%;}
li+li{margin-top: 5vh;}
.neo-content2 a{padding: 1%;margin-left: 5%;}
.neo3{width: 30%;margin: 0 5%;}
.neo4{width: 70%;}.media{padding:1% 0;}
}
/*Styles for desktop*/
@media only screen and (min-width: 1700px) {
h2 img{width: 8%;}
.app svg{width: 10vw;}
.media,.app{gap: 5vw;}
.neo-content2 a{margin-left: 3%;}
.media i{font-size: 2em;}
}