@import url('//db.onlinewebfonts.com/c/b207fae73e1bde668238f6d9d0598cc9?family=GT+Sectra+Display+Medium');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&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&family=Unica+One&family=Vollkorn:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital@0;1&display=swap');

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,
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,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.containerLogo {
    width: 100px;
    height: 100px;
    margin: 40px auto;
    overflow: hidden
}

.logoPrimal {
    width: 80px;
    padding-top: 20px;
    margin: 0 auto -10px;
    display: block;
    z-index: 0;
}

.container-logoanim {
    padding: 100px 0 50px 0;
}

.logoPrimal:hover .footer-logo-top-label {
    position: relative;
    margin: 0 auto 12px;
    font-size: .875em;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    transition: all .3s ease
}

@keyframes logoPri {
    0% {
        transform: translateX(-290px)
    }

    30% {
        transform: translateX(290px) rotate(10deg)
    }

    50% {
        transform: rotate(-10deg)
    }

    75% {
        transform: rotate(10deg)
    }

    100% {
        transform: translateX(-290px)
    }
}

@keyframes logoPrim {
    0% {
        transform: translateX(-70px)
    }

    30% {
        transform: translateX(70px) rotate(10deg)
    }

    50% {
        transform: rotate(-10deg)
    }

    75% {
        transform: rotate(10deg)
    }

    100% {
        transform: translateX(-70px)
    }
}

.container-project-cards {
    padding: 100px 0 50px 0;
    min-height: 100vh;
}

.container__cards {
    font-family: 'Josefin Sans', sans-serif;
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative
}

.__card {
    width: 280px;
    margin: 30px;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, .5);
    background: rgba(255, 255, 255, .1);
    border-left: 1px solid rgba(255, 255, 255, .5);
    border-top: 1px solid rgba(255, 255, 255, .5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    transition: all 300ms ease;
    color: #fff;
}

.__card a {
    text-decoration: none;
    color: #fff;
}

.cover__card {
    width: 100%;
    height: 200px;
    border-radius: 14px;
    overflow: hidden;
}

.__card p {
    padding: 15px 0 15px 0;
}

.__card:hover {
    transform: translateY(-10px);
    transition: all 300ms ease
}

.__card:hover .cover__card img {
    transition: all 300ms ease;
    overflow: hidden;
    transform: scale(.9)
}

.cover__card img {
    overflow: hidden;
    width: 70%;
    margin-left: 37px;
    transition: all 300ms ease
}

.card h2 {
    font-size: 20px;
    font-weight: 400;
    margin-top: 20px;
    color: #fff
}

.card p {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    letter-spacing: .5px
}

.card hr {
    margin-top: 30px;
    border: none;
    height: .2px;
    background: #41414138
}

.footer__card {
    margin-top: 10px;
    display: flex;
    color: #fff;
    justify-content: space-between
}

.footer__card h3 {
    font-size: 15px;
    font-weight: 500
}

#nav__footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 10px;
    margin: auto
}

#nav__footer a {
    position: relative;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    color: #a0a0a0;
    font-size: 20px;
    letter-spacing: .5px;
    margin: 0 50px 0;
    padding: 10px
}

#nav__footer a:after {
    content: '';
    position: absolute;
    border-radius: 20px;
    height: 3px;
    width: 0;
    left: 0;
    bottom: 7px;
    background-color: #f25757;
    transition: all .25s cubic-bezier(.694, .048, .335, 1);
}

#nav__footer a:before {
    content: '';
    position: absolute;
    border-radius: 20px;
    height: 3px;
    width: 0;
    left: 0;
    bottom: 7px;
    background-color: #235aa6;
    transition: all .25s cubic-bezier(.694, .048, .335, 1) .15s;
}

#nav__footer a:hover {
    color: #fff
}

#nav__footer a:hover:before {
    width: 100%;
    background-color: #1e67c7
}

#nav__footer a:hover:after {
    width: 100%;
    background-color: #ff0029
}

@media screen and (max-width:500px) {
    .menu__side {
        display: block;
        background: rgba(255, 255, 255, .1);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transform: translateX(-100%);
        transition: all 300ms cubic-bezier(.785, .135, .15, .86);
        z-index: 11
    }

    .menu__side__move {
        transform: translateX(0);
        transition: all 300ms cubic-bezier(.785, .135, .15, .86)
    }

    .menu__side::-webkit-scrollbar {
        display: none
    }

    .menu__side {
        -ms-overflow-style: none;
        scrollbar-width: none
    }
}

.__body_parallax {
    background: #131313
}

.__section img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.__section {
    position: relative;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    overflow: hidden
}

.__section__skills {
    margin-top: 50px;
    margin-bottom: 100px;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden
}

.__section h2 {
    position: relative;
    color: #fff;
    font-size: 12em
}

@media screen and (max-width:800px) {
    .__section img {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        z-index: 0
    }
}

#wrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.letras__primal {
    margin-left: 12.5%;
    font-family: 'GT Sectra Display Medium', sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: -.04em;
    letter-spacing: -.04em;
    font-size: 4.5rem;
    text-align: left
}

.container__section {
    position: relative;
    width: 100%;
    height: 100%;
    align-items: center
}

.container-lp {
    padding: 10px 0 100px 0;
}

.letras__primal__s {
    margin-top: 50px;
    color: #fff;
    font-size: 2.2rem;
    justify-content: center;
    text-align: center;
}

.letras__primal__s p {
    font-family: 'Vollkorn', sans-serif;
}

.letras__primal__s span {
    font-family: 'Josefin Sans', sans-serif;
}

@media screen and (max-width:991px) {
    .letras__primal {
        font-size: 3.7rem
    }

    .letras__primal__s {
        margin-top: 50px;
        color: #fff;
        font-size: 1.8rem;
        justify-content: center;
        text-align: center;
    }
}

.sidebar__ {
    font-family: 'Josefin Sans', sans-serif;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    padding: 40px;
    z-index: -1;
    opacity: 0;
    transition: all 300ms ease-in-out
}

.sidebar__.active {
    position: fixed;
    z-index: 4;
    opacity: 1;
    transition: all 400ms ease;
    box-shadow: 0 25px 45px rgba(0, 0, 0, 0.25);
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(15px);
}

.sidebar__ ul {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 30px
}

.sidebar__ ul li {
    position: relative;
    list-style: none
}

.sidebar__ ul li a {
    position: relative;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 4em;
    font-weight: 900;
    line-height: 1em;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, .5);
}

@media screen and (max-width:550px) {
    .containerText {
        padding: 0 10px 0 10px;
    }

    .sidebar__ ul li a {
        position: relative;
        letter-spacing: 2px;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 2em;
        font-weight: 900;
        line-height: 1em;
        color: #fff;
    }
}

.containerText {
    font-size: 3.7rem;
    width: 100%;
    padding: 0 50px 0 50px;
    text-align: center;
    overflow: hidden
}

.footer__contacts {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    font-size: 32px;
    text-align: center;
    list-style: none;
    padding: 5px 0 20px 0;
}

.footer__contacts a i {
    position: relative;
    color: rgba(255, 255, 255, 0.5);
    padding: 0 .5em 0 .5em;
    z-index: 3
}

.footer__contacts a:hover i {
    color: #fff;
}

.footer__contacts .footer__contacts__d a:hover:before {
    top: 0
}

.footer__contacts .footer__contacts__d:nth-child(1) a:before {
    background: #4267B2
}

.footer__contacts .footer__contacts__d:nth-child(2) a:before {
    background: #1DA1F2
}

.footer__contacts .footer__contacts__d:nth-child(3) a:before {
    background: linear-gradient(to right top, #FCAF45, #C13584 50%, #5851D8)
}

.footer__contacts .footer__contacts__d:nth-child(4) a:before {
    background: #FF4500
}

.footer__contacts .footer__contacts__d:nth-child(5) a:before {
    background: #25D366
}

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

html {
    scroll-behavior: smooth;
}

:root {
    --light-blue-primal: #B3C7E4;
    --neon-text-color: #9A001E;
    --neon-border-color: #5577A8;
    --deep-blue-primal: #21477E;
    --text-primal: #ffcc74;
    --red-origin-button: #ff1f71;
}

.navbar {
    font-family: 'Josefin Sans', sans-serif;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    background-color: transparent;
    padding: 15px;
    position: fixed;
    z-index: 3;
}

.navbar a:nth-child(1) {
    font-size: 1.2em;
    text-decoration: none;
    color: #fff;
}

.navbar a:nth-child(2) {
    font-size: 1.2em;
    text-decoration: none;
    color: #fff;
    padding: 0 10px 0 15px;
}


.container-navbar {
    display: flex;
    align-items: center;
    margin-left: 40px;
}

.container-navbar img {
    width: 48px;
}

.container-navbar span {
    font-weight: 800;
    font-size: 13px;
    width: auto;
    border-radius: 10px;
    background: #ffcc74;
}

.container-navbar span p {
    padding: 3px 5px 2px 5px;
    text-align: center;
}


.section__f1 {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    filter: url(#wavy) blur(1px);
    overflow: auto;
    resize: both;
}

.section__f1::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 500px;
    border-radius: 50%;
    box-shadow: 0 0 50px #fff,
        inset 0 0 50px #fff;

}

.section__f1::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 500px;
    border-radius: 50%;
    box-shadow: 0 0 10px #fff,
        inset 0 0 20px #fff;

}

.section__figures {
    border-radius: 10px;
    width: 98%;
    height: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 1;
    padding-top: 200px;
    overflow: auto;
    resize: both;
}

.section__home {
    width: 98%;
    height: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0);
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.home__ {
    width: 100%;
    height: 85vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home__ .home__content img {
    height: auto;
    width: 400px;
    max-width: 100%;
    margin: 30px;
}

.home__text {
    width: 550px;
    max-width: 100%;
}

.home__content {
    width: 1280px;
    max-width: 95%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.home__text h1 {
    color: var(--text-primal);
    font-family: 'Josefin Sans', sans-serif;
    font-size: 85px;
    margin-bottom: 20px;
    font-weight: 1000;
    text-transform: capitalize;
}

@media screen and (max-width: 1180px) {
    .home__ {
        width: 100%;
        height: 80vh;
        padding: 70px 0px;
    }
}

@media screen and (max-width: 650px) {
    .home__ .home__content img {
        margin-bottom: 35px;
    }

    .home__text h1 {
        text-align: center;
        font-size: 60px;
        margin-bottom: 25px;
    }
}

.container__scroll__mouse {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
}

.mouse__scroll__section {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
}

.mouse__scroll {

    cursor: pointer;
    position: relative;
    height: 80px;
    width: 50px;
    border: 2px solid #fff;
    border-radius: 30px;
}

.mouse__scroll::before {
    position: absolute;
    content: '';
    height: 14px;
    width: 8px;
    border-radius: 50%;
    background: #fff;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    transition: 500ms;
    animation: movescroll 2.5s infinite linear;
}

.mouse__scroll:hover:before {
    background: none;
    position: absolute;
    color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 0;
    background-size: 30px;
    border-top: solid 5px;
    border-right: solid 5px;
    top: 10px;
    left: 50%;
    transform: translateX(-50%) rotate(135deg);
    transition: 300ms;
    animation: move_arrow 1s infinite linear;
}

@keyframes move_arrow {
    from {
        top: 10px;
        opacity: 1;
    }

    to {
        top: 65%;
        opacity: .2;
    }
}

@keyframes movescroll {
    from {
        top: 10px;
        opacity: 1;
    }

    to {
        top: 65%;
        opacity: .2;
    }
}

.container__3d__alpha {
    max-width: 1200px;
    padding: 75px 0 0 0;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.text__alpha {
    width: 550px;
    max-width: 100%;
    padding: 0 10px;
    justify-content: center;
    align-content: center;
    margin: auto;
}

.container__3d__alpha .text__alpha p {
    font-size: 22px;
    font-family: 'Vollkorn', sans-serif;
    flex-direction: column;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}

.container__3d__alpha .text__alpha p span {
    font-size: 17px;
    font-family: 'Josefin Sans', sans-serif;
    text-align: center;
    color: #fff;
}

.card__father__alpha {
    margin-top: 50px;
    margin: 20px;
    perspective: 50px;
    -webkit-box-reflect: below 15px linear-gradient(transparent, transparent, rgba(0, 0, 0, 0.2));
}

.tarjeta__3d__alpha {
    width: 350px;
    height: 400px;
    position: relative;
    transform-style: preserve-3d;
    transition: all 600ms;
}

@media screen and (max-width:450px) {
    .card__father__alpha {
        width: 300px;
        height: 400px;
        -webkit-box-reflect: above 15px linear-gradient(transparent, transparent, rgba(0, 0, 0, 0.2));
    }

    .tarjeta__3d__alpha,
    .bg__alpha {
        margin: auto;
        width: 100%;
        height: 100%;
    }
}

/*¡Mira! Ya estoy a la puerta, y llamo. Si alguno oye mi voz y abre la puerta, yo entraré en su casa, y cenaré con él, y él cenará conmigo.*/

.card__front__alpha {
    background-size: cover;
    background-position: center;
}

.card__front__alpha,
.card__back__alpha {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.body__card__front__alpha {
    font-size: 20px;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    transform: translateZ(60px);
}

.bg__alpha {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
}


.container__btn__glass {
    position: relative;
    width: 100%;
    height: auto;
    justify-content: center;
}

.container__btn__glass .btn__glass {
    left: 50%;
    transform: translate(-50%, 0);
    position: relative;
    width: 150px;
    height: 50px;
}

.container__btn__glass .btn__glass a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 30px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    backdrop-filter: blur(15px);
    z-index: 5;
}

.container__btn__glass .btn__glass:hover a {
    letter-spacing: 3px;
    transition: all 0.5s ease;
}

.container__btn__glass .btn__glass a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 110%;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.15), transparent);
    transform: skewX(45deg) translateX(0);
    transition: .5s ease-in-out;
    z-index: 100;
}

.container__btn__glass .btn__glass:hover a::before {
    transition: .5s ease;
    transform: skewX(45deg) translateX(200%);
}

.container__btn__glass .btn__glass::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5px;
    width: 30px;
    height: 10px;
    background: #f00;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
    z-index: -1;
}

.container__btn__glass .btn__glass:hover::before {
    bottom: 0;
    height: 50%;
    width: 80%;
    border-radius: 30px;
    transition-delay: 0s;
}

.container__btn__glass .btn__glass::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -5px;
    width: 30px;
    height: 10px;
    background: #f00;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}

.container__btn__glass .btn__glass:hover::after {
    top: 0;
    height: 50%;
    width: 80%;
    border-radius: 30px;
    transition-delay: 0s;
}

.container__btn__glass .btn__glass:nth-child(1)::before,
.container__btn__glass .btn__glass:nth-child(1)::after {
    background: var(--red-origin-button);
    box-shadow: 0 0 5px var(--red-origin-button),
        0 0 15px var(--red-origin-button),
        0 0 30px var(--red-origin-button),
        0 0 60px var(--red-origin-button);
}

.parallax__ {
    font-family: 'Josefin Sans', sans-serif;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.colorRealDeepBlue {
    background: #161922
}

.text__parallax {
    width: 50%;
    height: 100%;
    padding: 0 10px;
    justify-content: center;
    align-content: center;
    background: #061161;
}

.parrallax__content .imgBx {
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    box-shadow: 0 25px 35px rgba(0, 0, 0, .1)
}

.parallax__ .parrallax__content img {
    height: 100%;
    width: 50%;
    object-fit: cover
}

.parrallax__text {
    font-family: 'Vollkorn', sans-serif;
    margin-top: 200px;
    margin-bottom: 40px;
    padding: 40px;
    background: #333;
    z-index: 1;
    max-width: 400px;
    color: #fff;
    border-bottom: 6px solid #4ac7ff;
    box-shadow: 0 25px 35px rgba(0, 0, 0, .7);
}

.parrallax__text h5 {
    font-size: 1rem;
}

.parrallax__text p {
    font-family: 'Josefin Sans', sans-serif;
    padding: 10px 0 10px 0;
}

.parrallax__text a button {
    font-family: 'Josefin Sans', sans-serif;
}

.parrallax__content {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.parrallax__text button {
    background-color: #ffcc74;
    color: #000;
    border: 2px solid transparent;
    text-decoration: none;
    padding: 10px 30px;
    border-radius: 30px;
    font-size: 17px;
    font-weight: 700;
    transition: .4s ease-in-out
}

.parrallax__text button:hover {
    transform: scale(1.2);
    background-color: transparent;
    border: 2px solid #ffcc74;
    color: #ffcc74;
    transition: .4s ease;
    cursor: pointer
}

@media screen and (max-width:911px) {
    .parallax__ {
        width: 100%;
        height: auto;
        *padding: 70px 0
    }
}

@media screen and (max-width:911px) {
    .parrallax__content {
        width: 100%;
    }

    .text__parallax {
        width: 100%;
    }

    .parallax__ .parrallax__content img {
        margin-bottom: 35px;
        width: 100%;
    }

    .parrallax__text h1 {
        font-size: 60px;
        margin-bottom: 25px
    }
}

.gs_reveal {
    opacity: 0;
    visibility: hidden;
    will-change: transform, opacity;
}

.about__ {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.colorRealDeepBlue {
    background: #161922;
}

.about__ .about__content img {
    height: auto;
    width: 400px;
    max-width: 100%;
}

.about__text {
    font-family: 'Josefin Sans', sans-serif;
    width: 550px;
    max-width: 100%;
    padding: 0 10px;
}

.about__text button {
    font-family: 'Josefin Sans', sans-serif;
}

.about__text p {
    color: #fff;
}

.about__content {
    width: 1280px;
    max-width: 95%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.about__text h1 {
    color: #ffcc74;
    font-size: 85px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.about__text h5 {
    color: white;
    font-size: 25px;
    margin-bottom: 25px;
    text-transform: capitalize;
    letter-spacing: 2px;
}

.about__text p {
    color: #c0c4d6;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 1px;
    margin-bottom: 45px;
}

.about__text button {
    background-color: #ffcc74;
    color: #000000;
    border: 2px solid transparent;
    text-decoration: none;
    padding: 10px 30px;
    border-radius: 30px;
    font-size: 17px;
    font-weight: bold;
    transition: .4s ease-in-out;
}

.about__text button:hover {
    transform: scale(1.2);
    background-color: transparent;
    border: 2px solid #ffcc74;
    color: #ffcc74;
    transition: .4s ease;
    cursor: pointer;
}

@media screen and (max-width: 1180px) {
    .about__ {
        width: 100%;
        height: auto;
        padding: 70px 0px;
    }
}

@media screen and (max-width: 1180px) {
    .about__ .about__content img {
        margin-bottom: 35px;
    }

    .about__text h1 {
        font-size: 60px;
        margin-bottom: 25px;
    }
}

.glowing__container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
}

.glowing {
    position: absolute;
    top: 50%;
    left: 27%;
    transform: translate(-50%, -50%);
    width: 75px;
    height: 100%;
    border: 0.4rem solid #fff;
    border-radius: 1rem;
    animation: flicker 1.5s infinite alternate;
}

.glowing:nth-child(1) {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 75px;
    border: 0.4rem solid #fff;
    border-radius: 1rem;
    animation: flicker 1.5s infinite alternate;
}

@keyframes flicker {

    0%,
    19%,
    21%,
    23%,
    25%,
    54%,
    56%,
    100% {

        box-shadow:
            0 0 .5rem #fff,
            inset 0 0 .5rem #fff,
            0 0 2rem var(--neon-border-color),
            inset 0 0 2rem var(--neon-border-color),
            0 0 4rem var(--neon-border-color),
            inset 0 0 4rem var(--neon-border-color);
    }

    20%,
    24%,
    55% {
        box-shadow: none;
    }
}

.textoW2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center
}

.textoW2 span {
    font-family: 'Josefin Sans', sans-serif;
    list-style: none;
    font-size: 2em;
    font-weight: 500;
    position: relative;
    text-align: center
}

.textoW2 span {
    background: #ff8282;
    background: -moz-linear-gradient(right, #2c3e50, #bdc3c7 100%);
    background: -webkit-linear-gradient(right, #2c3e50, #bdc3c7 100%);
    background: linear-gradient(to left, #2c3e50, #bdc3c7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8282', endColorstr='#e178ed', GradientType=1);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

::-webkit-resizer {
    background: #151515;
}

::-webkit-scrollbar {
    width: 8px;
    height: 3px;
}

::-webkit-scrollbar-button {
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, .5);
    background-color: #202020;
}

::-webkit-scrollbar-corner {
    background: #240b36;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background: #202020;
    border-radius: 3px;
    filter: blur(30px);
}

::-webkit-scrollbar-track {
    background-color: #000;
}

::-webkit-scrollbar-track-piece {
    background-color: #000;
}

.logo__hover {
    transition: all 500ms ease-in-out;
}

.logo__hover:hover {
    transform: scale(1.15);
    transition: all 500ms ease;
}

.login_body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: #21477E;
    transition: 0.5s ease-in-out;
}

.login_body.active {
    background: #ffcc74;
}

.login_container {
    position: relative;
    width: 800px;
    height: 500px;
    margin: 20px;
}

.blueBg {
    position: absolute;
    top: 40px;
    width: 100%;
    height: 420px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 5px 45px rgba(0, 0, 0, 0.15);
}

.blueBg .box {
    position: relative;
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.blueBg .box h2 {
    color: #fff;
    font-size: 1.2em;
    font-weight: 500;
    margin-bottom: 10px;
}

.blueBg .box button {
    cursor: pointer;
    padding: 10px 20px;
    background-color: #fff;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    border: navajowhite;
}

.formBx {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: center;
    box-shadow: 0 5px 45px rgba(0, 0, 0, 0.25);
    transition: .5s ease;
    overflow: hidden;
}

.formBx.active {
    left: 50%;
}

.formBx .form {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 50px;
    transition: 0.5s;
}

.formBx.active .signinForm {
    left: -100%;
    transition-delay: 0s;
}

.formBx .signinForm {
    transition-delay: 0.25s;
}

.formBx .signupForm {
    left: -100%;
    transition-delay: 0s;
}

.formBx.active .signupForm {
    left: 0;
    transition-delay: 0.25s;
}

.formBx .form form {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.formBx .form form h3 {
    font-size: 1.5em;
    color: #333;
    margin-bottom: 20px;
    font-weight: 500;
}

.formBx .form form input {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    outline: none;
    font-size: 16px;
    border: 1px solid #333;
}

.formBx .form form button[type="button"] {
    background: #B3C7E4;
    border: none;
    color: #fff;
    max-width: 100px;
    cursor: pointer;
}

.formBx.active .signupForm button[type="button"] {
    background: #ffcc74;
}

.formBx .form form .forgot {
    color: #333;
}

@media screen and (max-width: 991px) {
    .login_container {
        max-width: 400px;
        height: 650px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .login_container .blueBg {
        top: 0;
        height: 100%;
    }

    .formBx {
        width: 100%;
        height: 500px;
        top: 0;
        box-shadow: none;
    }

    .blueBg .box {
        position: absolute;
        width: 100%;
        height: 150px;
        bottom: 0;
    }

    .box.signin {
        top: 0;
    }

    .formBx.active {
        left: 0;
        top: 150px;
    }
}

.body_slidebar {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    overflow: hidden;
}

.body_slidebar li {
    position: relative;
    display: block;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    font-size: 1.25em;
    font-weight: 900;
    text-decoration: none;
    line-height: 1.2;
}

.body_slidebar li a:hover {
    color: #fff;
    -webkit-text-stroke: 1px #000;
    transition: .5s;
}

.body_slidebar li a::before,
.body_slidebar li a::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    transition: .5s;
}

.body_slidebar li a:hover:before {
    color: var(--clr);
    z-index: 1;
    -webkit-text-stroke: 1px #000;
    transform: translate(5px, -5px);
}

.body_slidebar li a:hover:after {
    color: #0ff;
    z-index: 2;
    -webkit-text-stroke: 1px #000;
    transform: translate(10px, -10px);
}

section:nth-child(1) {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background: url(https://res.cloudinary.com/primalappsje/image/upload/v1651533559/primal/background-dark-cross-7-min_ocg2vf.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 100px;
}

.bg__section {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.4);

}

.contenido {
    max-width: 600px;
}

.contenido .contenido-caja {
    transform: translateX(30%);
}

.contenido .contenido-caja h2 {
    position: relative;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 75px;
    font-weight: 500;
    color: var(--text-primal);
    line-height: 1em;
}

.contenido .contenido-caja h2 span {
    font-family: 'Vollkorn', 'Libre Baskerville', 'Times New Roman', sans-serif;
    font-style: italic;
    font-size: 30px;
}

@media screen and (max-width:650px) {
    .body_slidebar li {
        font-size: 1em;
    }

    .body_slidebar li a:hover:before {
        color: var(--clr);
        z-index: 1;
        -webkit-text-stroke: 1px #000;
        transform: translate(3px, -3px);
    }

    .body_slidebar li a:hover:after {
        color: #0ff;
        z-index: 2;
        -webkit-text-stroke: 1px #000;
        transform: translate(6px, -6px);
    }

    section:nth-child(1) {
        padding: 40px;
        background: url(https://res.cloudinary.com/primalappsje/image/upload/v1651533559/primal/background-dark-cross-7-min_ocg2vf.jpg);
        background-size: cover;
        background-position: center;
        align-items: center;
        justify-content: center;
    }

    .contenido .contenido-caja {
        transform: translateX(0);
    }

    .textoW2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }

    .contenido .contenido-caja h2 {
        position: relative;
        text-align: center;
        font-size: 60px;
        color: var(--text-primal);
        line-height: 1em;
        z-index: 2;
    }

    .bg__section {
        margin: auto;
        width: 100%;
        height: 100%;
    }
}

.section-info {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1480' height='722' preserveAspectRatio='none' viewBox='0 0 1480 722'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1058%26quot%3b)' fill='none'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1059%26quot%3b)'%3e%3cpath d='M737.5 62.5L712.5 87.5M737.5 -12.5L737.5 12.5L737.5 37.5L737.5 62.5L737.5 87.5L737.5 112.5' stroke='rgba(53%2c 108%2c 177%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M731.25 112.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM706.25 87.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(53%2c 108%2c 177%2c 1)'%3e%3c/path%3e%3cpath d='M762.5 -12.5L762.5 12.5L762.5 37.5L762.5 62.5L762.5 87.5L762.5 112.5L762.5 137.5' stroke='rgba(255%2c 255%2c 255%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M756.25 137.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M712.5 -12.5L712.5 12.5L712.5 37.5' stroke='rgba(53%2c 108%2c 177%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M706.25 37.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(53%2c 108%2c 177%2c 1)'%3e%3c/path%3e%3cpath d='M787.5 212.5L762.5 237.5M787.5 87.5L812.5 112.5L812.5 137.5M787.5 62.5L812.5 87.5M787.5 -12.5L787.5 12.5L787.5 37.5L787.5 62.5L787.5 87.5L787.5 112.5L787.5 137.5L787.5 162.5L787.5 187.5L787.5 212.5L787.5 237.5' stroke='rgba(255%2c 255%2c 255%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M781.25 237.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM756.25 237.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM806.25 137.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM806.25 87.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M687.5 212.5L712.5 237.5L712.5 262.5L712.5 287.5L737.5 312.5M687.5 187.5L712.5 212.5L737.5 237.5L737.5 262.5M687.5 112.5L712.5 137.5L712.5 162.5L712.5 187.5L737.5 212.5M687.5 -12.5L687.5 12.5L687.5 37.5L687.5 62.5L687.5 87.5L687.5 112.5L687.5 137.5L687.5 162.5L687.5 187.5L687.5 212.5L687.5 237.5L687.5 262.5' stroke='rgba(37%2c 70%2c 125%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M681.25 262.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM731.25 312.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM731.25 262.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM731.25 212.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(37%2c 70%2c 125%2c 1)'%3e%3c/path%3e%3cpath d='M862.5 62.5L837.5 87.5L837.5 112.5L837.5 137.5M837.5 37.5L837.5 62.5M837.5 12.5L812.5 37.5L812.5 62.5M812.5 -12.5L837.5 12.5L837.5 37.5L862.5 62.5L862.5 87.5L862.5 112.5' stroke='rgba(37%2c 70%2c 125%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M856.25 112.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM831.25 137.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM831.25 62.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM806.25 62.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(37%2c 70%2c 125%2c 1)'%3e%3c/path%3e%3cpath d='M662.5 237.5L662.5 262.5L662.5 287.5L662.5 312.5M662.5 -12.5L662.5 12.5L662.5 37.5L662.5 62.5L662.5 87.5L662.5 112.5L662.5 137.5L662.5 162.5L662.5 187.5L662.5 212.5L662.5 237.5L637.5 262.5' stroke='rgba(255%2c 255%2c 255%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M631.25 262.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM656.25 312.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M887.5 237.5L862.5 262.5L862.5 287.5L862.5 312.5M887.5 212.5L862.5 237.5M887.5 137.5L862.5 162.5L862.5 187.5M837.5 -12.5L862.5 12.5L862.5 37.5L887.5 62.5L887.5 87.5L887.5 112.5L887.5 137.5L887.5 162.5L887.5 187.5L887.5 212.5L887.5 237.5L887.5 262.5' stroke='rgba(24%2c 47%2c 93%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M881.25 262.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM856.25 312.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM856.25 237.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM856.25 187.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(24%2c 47%2c 93%2c 1)'%3e%3c/path%3e%3cpath d='M637.5 212.5L612.5 237.5M637.5 162.5L612.5 187.5M612.5 262.5L587.5 287.5L587.5 312.5M637.5 -12.5L637.5 12.5L637.5 37.5L637.5 62.5L637.5 87.5L637.5 112.5L637.5 137.5L637.5 162.5L637.5 187.5L637.5 212.5L637.5 237.5L612.5 262.5L612.5 287.5' stroke='rgba(53%2c 108%2c 177%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M606.25 287.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM606.25 237.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM606.25 187.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM581.25 312.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(53%2c 108%2c 177%2c 1)'%3e%3c/path%3e%3cpath d='M912.5 162.5L937.5 187.5M912.5 212.5L937.5 237.5M862.5 -12.5L887.5 12.5L887.5 37.5L912.5 62.5L912.5 87.5L912.5 112.5L912.5 137.5L912.5 162.5L912.5 187.5L912.5 212.5L912.5 237.5L912.5 262.5' stroke='rgba(24%2c 47%2c 93%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M906.25 262.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM931.25 187.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM931.25 237.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(24%2c 47%2c 93%2c 1)'%3e%3c/path%3e%3cpath d='M612.5 -12.5L612.5 12.5L612.5 37.5L612.5 62.5L612.5 87.5L612.5 112.5L612.5 137.5' stroke='rgba(255%2c 255%2c 255%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M606.25 137.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M962.5 137.5L937.5 162.5M937.5 87.5L962.5 112.5M887.5 -12.5L912.5 12.5L912.5 37.5L937.5 62.5L937.5 87.5L937.5 112.5L962.5 137.5L962.5 162.5L962.5 187.5L962.5 212.5' stroke='rgba(37%2c 70%2c 125%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M956.25 212.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM931.25 162.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM956.25 112.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(37%2c 70%2c 125%2c 1)'%3e%3c/path%3e%3cpath d='M587.5 187.5L562.5 212.5L562.5 237.5L562.5 262.5M587.5 137.5L562.5 162.5M587.5 87.5L562.5 112.5L562.5 137.5M587.5 -12.5L587.5 12.5L587.5 37.5L587.5 62.5L587.5 87.5L587.5 112.5L587.5 137.5L587.5 162.5L587.5 187.5L587.5 212.5L587.5 237.5' stroke='rgba(53%2c 108%2c 177%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M581.25 237.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM556.25 262.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM556.25 162.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM556.25 137.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(53%2c 108%2c 177%2c 1)'%3e%3c/path%3e%3cpath d='M987.5 137.5L1012.5 162.5M937.5 12.5L937.5 37.5M962.5 62.5L962.5 87.5M912.5 -12.5L937.5 12.5L962.5 37.5L962.5 62.5L987.5 87.5L987.5 112.5L987.5 137.5L987.5 162.5L987.5 187.5' stroke='rgba(53%2c 108%2c 177%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M981.25 187.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM1006.25 162.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM931.25 37.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM956.25 87.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(53%2c 108%2c 177%2c 1)'%3e%3c/path%3e%3cpath d='M562.5 37.5L562.5 62.5L562.5 87.5L537.5 112.5L537.5 137.5M512.5 112.5L487.5 137.5M512.5 212.5L487.5 237.5L487.5 262.5M562.5 -12.5L562.5 12.5L562.5 37.5L537.5 62.5L512.5 87.5L512.5 112.5L512.5 137.5L512.5 162.5L512.5 187.5L512.5 212.5L512.5 237.5L512.5 262.5' stroke='rgba(37%2c 70%2c 125%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M506.25 262.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM531.25 137.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM481.25 137.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM481.25 262.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(37%2c 70%2c 125%2c 1)'%3e%3c/path%3e%3cpath d='M937.5 -12.5L962.5 12.5L987.5 37.5L987.5 62.5L1012.5 87.5L1012.5 112.5' stroke='rgba(24%2c 47%2c 93%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M1006.25 112.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(24%2c 47%2c 93%2c 1)'%3e%3c/path%3e%3cpath d='M537.5 -12.5L537.5 12.5L537.5 37.5L512.5 62.5L487.5 87.5' stroke='rgba(53%2c 108%2c 177%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M481.25 87.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(53%2c 108%2c 177%2c 1)'%3e%3c/path%3e%3cpath d='M462.5 162.5L487.5 187.5L487.5 212.5M462.5 262.5L462.5 287.5L462.5 312.5M437.5 287.5L437.5 312.5M512.5 -12.5L512.5 12.5L512.5 37.5L487.5 62.5L462.5 87.5L462.5 112.5L462.5 137.5L462.5 162.5L462.5 187.5L462.5 212.5L462.5 237.5L462.5 262.5L437.5 287.5L412.5 312.5' stroke='rgba(53%2c 108%2c 177%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M406.25 312.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM481.25 212.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM456.25 312.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM431.25 312.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(53%2c 108%2c 177%2c 1)'%3e%3c/path%3e%3cpath d='M437.5 112.5L412.5 137.5L412.5 162.5L412.5 187.5L412.5 212.5M487.5 -12.5L487.5 12.5L487.5 37.5L462.5 62.5L437.5 87.5L437.5 112.5L437.5 137.5L437.5 162.5L437.5 187.5L437.5 212.5L437.5 237.5' stroke='rgba(255%2c 255%2c 255%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M431.25 237.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM406.25 212.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M1062.5 187.5L1037.5 212.5L1012.5 237.5M1037.5 137.5L1037.5 162.5M1037.5 262.5L1012.5 287.5L1012.5 312.5M1012.5 -12.5L1012.5 12.5L1012.5 37.5L1012.5 62.5L1037.5 87.5L1037.5 112.5L1037.5 137.5L1062.5 162.5L1062.5 187.5L1062.5 212.5L1062.5 237.5L1037.5 262.5L1037.5 287.5L1037.5 312.5' stroke='rgba(53%2c 108%2c 177%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M1031.25 312.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM1006.25 237.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM1031.25 162.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM1006.25 312.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(53%2c 108%2c 177%2c 1)'%3e%3c/path%3e%3cpath d='M387.5 237.5L412.5 262.5L412.5 287.5M387.5 187.5L362.5 212.5M462.5 -12.5L462.5 12.5L462.5 37.5L437.5 62.5L412.5 87.5L387.5 112.5L387.5 137.5L387.5 162.5L387.5 187.5L387.5 212.5L387.5 237.5L387.5 262.5' stroke='rgba(37%2c 70%2c 125%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M381.25 262.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM406.25 287.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM356.25 212.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(37%2c 70%2c 125%2c 1)'%3e%3c/path%3e%3cpath d='M1087.5 237.5L1112.5 262.5M1087.5 262.5L1062.5 287.5L1062.5 312.5M1037.5 -12.5L1037.5 12.5L1037.5 37.5L1037.5 62.5L1062.5 87.5L1062.5 112.5L1062.5 137.5L1087.5 162.5L1087.5 187.5L1087.5 212.5L1087.5 237.5L1087.5 262.5L1087.5 287.5' stroke='rgba(37%2c 70%2c 125%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M1081.25 287.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM1106.25 262.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM1056.25 312.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(37%2c 70%2c 125%2c 1)'%3e%3c/path%3e%3cpath d='M362.5 162.5L362.5 187.5M437.5 -12.5L437.5 12.5L437.5 37.5L412.5 62.5L387.5 87.5L362.5 112.5L362.5 137.5L362.5 162.5L337.5 187.5L337.5 212.5L337.5 237.5' stroke='rgba(255%2c 255%2c 255%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M331.25 237.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM356.25 187.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M1062.5 -12.5L1062.5 12.5L1062.5 37.5L1062.5 62.5L1087.5 87.5L1087.5 112.5L1087.5 137.5L1112.5 162.5L1112.5 187.5L1112.5 212.5' stroke='rgba(37%2c 70%2c 125%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M1106.25 212.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(37%2c 70%2c 125%2c 1)'%3e%3c/path%3e%3cpath d='M412.5 -12.5L412.5 12.5L412.5 37.5L387.5 62.5L362.5 87.5L337.5 112.5L337.5 137.5L337.5 162.5L312.5 187.5L312.5 212.5' stroke='rgba(24%2c 47%2c 93%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M306.25 212.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(24%2c 47%2c 93%2c 1)'%3e%3c/path%3e%3cpath d='M1137.5 237.5L1137.5 262.5L1137.5 287.5M1137.5 212.5L1162.5 237.5L1187.5 262.5M1087.5 37.5L1112.5 62.5L1137.5 87.5L1162.5 112.5L1162.5 137.5M1087.5 -12.5L1087.5 12.5L1087.5 37.5L1087.5 62.5L1112.5 87.5L1137.5 112.5L1137.5 137.5L1137.5 162.5L1137.5 187.5L1137.5 212.5L1137.5 237.5L1162.5 262.5' stroke='rgba(24%2c 47%2c 93%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M1156.25 262.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM1131.25 287.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM1181.25 262.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM1156.25 137.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(24%2c 47%2c 93%2c 1)'%3e%3c/path%3e%3cpath d='M287.5 187.5L262.5 212.5L262.5 237.5L262.5 262.5L262.5 287.5M312.5 112.5L287.5 137.5M387.5 12.5L362.5 37.5L337.5 62.5L312.5 87.5L287.5 112.5M387.5 -12.5L387.5 12.5L387.5 37.5L362.5 62.5L337.5 87.5L312.5 112.5L312.5 137.5L312.5 162.5L287.5 187.5L287.5 212.5L287.5 237.5' stroke='rgba(53%2c 108%2c 177%2c 1)' stroke-width='4.17'%3e%3c/path%3e%3cpath d='M281.25 237.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM256.25 287.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM281.25 137.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0zM281.25 112.5 a6.25 6.25 0 1 0 12.5 0 a6.25 6.25 0 1 0 -12.5 0z' fill='rgba(53%2c 108%2c 177%2c 1)'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1058'%3e%3crect width='1480' height='722' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cmask id='SvgjsMask1059'%3e%3crect width='1480' height='722' fill='white'%3e%3c/rect%3e%3cpath d='M734.37 112.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM709.37 87.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M759.37 137.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M709.37 37.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M784.37 237.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM759.37 237.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM809.37 137.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM809.37 87.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M684.37 262.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM734.37 312.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM734.37 262.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM734.37 212.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M859.37 112.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM834.37 137.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM834.37 62.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM809.37 62.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M634.37 262.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM659.37 312.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M884.37 262.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM859.37 312.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM859.37 237.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM859.37 187.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M609.37 287.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM609.37 237.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM609.37 187.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM584.37 312.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M909.37 262.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM934.37 187.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM934.37 237.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M609.37 137.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M959.37 212.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM934.37 162.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM959.37 112.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M584.37 237.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM559.37 262.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM559.37 162.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM559.37 137.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M984.37 187.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM1009.37 162.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM934.37 37.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM959.37 87.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M509.37 262.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM534.37 137.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM484.37 137.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM484.37 262.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M1009.37 112.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M484.37 87.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M409.37 312.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM484.37 212.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM459.37 312.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM434.37 312.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M434.37 237.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM409.37 212.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M1034.37 312.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM1009.37 237.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM1034.37 162.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM1009.37 312.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M384.37 262.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM409.37 287.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM359.37 212.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M1084.37 287.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM1109.37 262.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM1059.37 312.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M334.37 237.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM359.37 187.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M1109.37 212.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M309.37 212.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M1159.37 262.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM1134.37 287.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM1184.37 262.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM1159.37 137.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3cpath d='M284.37 237.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM259.37 287.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM284.37 137.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0zM284.37 112.5 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' fill='black'%3e%3c/path%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background: #131313;
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
}

.content-info img {
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto;
    overflow: auto;
    resize: both;
}

.content-info .content-text p {
    color: #fff;
    font-family: 'Vollkorn', sans-serif;
    font-size: 1.5em;
    text-align: justify;
    margin: auto;
    padding: 0 30px 130px 30px;
}

.content-info .content-text p i {
    color: red;
}

@media screen and (max-width:650px) {
    .content-info .content-text p {
        text-align: left;
        font-size: 1.3em;
        padding: 0 30px 130px 30px;
    }
}

.container-primalinc {
    margin: 30px 0 0 0;
    font-family: 'Josefin Sans', sans-serif;
}

.content-inc {
    padding: 50px 0 50px 0;
}

.content-inc p {
    color: rgba(255, 255, 255, .4);
    margin: auto;
    text-align: center;
}

.navMenucontainer {
    position: fixed;
    z-index: 3;
    top: 50px;
    right: 50px;
}

#navMenu>span {
    display: block;
    width: 28px;
    height: 2px;
    border-radius: 9999px;
    background-color: #fff;
}

#navMenu>span:not(:last-child) {
    margin-bottom: 10px;
    z-index: 3;
}

#navMenu,
#navMenu>span {
    transition: all .4s ease-in-out;
}

#navMenu.active {
    transition-delay: .6s;
    transform: rotate(45deg);
}

#navMenu.active>span:nth-child(2) {
    width: 0;
}

@media screen and (min-width:992px) {
    #navMenu>span:nth-child(2) {
        transform: translateX(30%);
    }

    #navMenu:hover>span:nth-child(2) {
        transform: translateX(0);
    }
}

#navMenu.active>span:nth-child(1),
#navMenu.active>span:nth-child(3) {
    transition-delay: .4s;
}

#navMenu.active>span:nth-child(1) {
    transform: translateY(12px);
}

#navMenu.active>span:nth-child(3) {
    transform: translateY(-12px) rotate(90deg);
}

.toggle__ {
    cursor: pointer;
    z-index: 5;
    transition: all 300ms ease
}

.toggle__:hover #navMenu.active>span:nth-child(2) {
    transform: translateX(20%);
}

.toggle__.active {
    cursor: pointer;
    z-index: 5
}

.contact-section {
    font-family: 'Josefin Sans', sans-serif;
    display: flex;
    padding: 100px 0 50px 0;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: #131516;
    z-index: 1;
}

.contact-container {
    position: relative;
    min-width: 1100px;
    min-height: 550px;
    display: flex;
    z-index: 2;
}

.contact-container .contact-info {
    position: absolute;
    top: 40px;
    width: 350px;
    height: calc(100% -80px);
    background: #095a55;
    z-index: 1;
    padding: 40px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15);
}

.contact-container .contact-info h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
}

.contact-container .contact-info ul.info {
    position: relative;
    margin: 20px 0;
}

.contact-container .contact-info ul.info li {
    position: relative;
    list-style: none;
    display: flex;
    margin: 20px 0;
    cursor: pointer;
    align-items: flex-start;
}

.contact-container .contact-info ul.info li span:nth-child(1) {
    width: 30px;
    min-width: 30px;
}

.contact-container .contact-info ul.info li span:nth-child(1) i {
    max-width: 100%;
    filter: invert(1);
}

.contact-container .contact-info ul.info li span:nth-child(2) {
    color: #fff;
    margin-left: 300;
}

.contact-container .contact-form {
    position: absolute;
    padding: 70px 50px;
    padding-left: 250px;
    margin-left: 150px;
    width: calc(100% -150px);
    height: 100%;
    background: #000;
    box-shadow: 0 50px 50px rgba(0, 0, 0, 0.25);
}

.contact-container .contact-form h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
}

.contact-container .contact-form .form-box {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 30px;
}

.contact-container .contact-form .form-box .inputBox {
    position: relative;
    margin-bottom: 35px;
}

.contact-container .contact-form .form-box .inputBox.w50 {
    width: 47%;
}

.contact-container .contact-form .form-box .inputBox.w100 {
    width: 100%;
}

.contact-container .contact-form .form-box .inputBox input,
.contact-container .contact-form .form-box .inputBox textarea {
    width: 100%;
    resize: none;
    padding: 5px 0;
    font-size: 18px;
    font-weight: 300;
    color: #333;
    border: none;
    outline: none;
    background: #000;
    border-bottom: 1px solid #777;
}

.contact-container .contact-form .form-box .inputBox textarea {
    height: 120px;
    color: #095a55;
}

.contact-container .contact-form .form-box .inputBox span {
    position: absolute;
    color: #095a55;
    left: 0;
    padding: 5px 0;
    pointer-events: none;
    font-size: 18px;
    font-weight: 500;
    transition: .3s;
}

.contact-container .contact-form .form-box .inputBox input:focus~span,
.contact-container .contact-form .form-box .inputBox input:valid~span,
.contact-container .contact-form .form-box .inputBox textarea:focus~span,
.contact-container .contact-form .form-box .inputBox textarea:valid~span {
    transform: translateY(-20px);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #095a55;
    font-weight: 500;
}

.contact-container .contact-form .form-box .inputBox input[type="submit"] {
    position: relative;
    cursor: pointer;
    background: #095a55;
    color: #fff;
    border: none;
    max-width: 150px;
    padding: 12px;
}

.contact-container .contact-form .form-box .inputBox input[type="submit"]:hover {
    background: #0d948b;
}

@media (max-width: 1200px) {
    .contact-container {
        width: 90%;
        min-width: auto;
        margin: 20px;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2)
    }

    .contact-container .contact-info {
        top: 0;
        height: 550px;
        position: relative;
        box-shadow: none;
    }

    .contact-container .contact-form {
        position: relative;
        width: calc(100% - 350px);
        padding-left: 0;
        margin-left: 0;
        padding: 40px;
        height: 550px;
        box-shadow: none;
    }
}

@media (max-width: 991px) {
    .contact-section {
        background: #131516;
    }

    .contact-section::before {
        display: none;
    }

    .contact-container {
        display: flex;
        flex-direction: column-reverse;
    }

    .contact-container .contact-form {
        width: 100%;
        height: auto;
    }

    .contact-container .contact-info {
        width: 100%;
        height: auto;
    }

    .contact-container .contact-info ul.info {
        position: relative;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 600px) {
    .contact-container .contact-form {
        padding: 25px;
    }

    .contact-container .contact-info {
        padding: 25px;
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-container .contact-form .form-box .inputBox.w50 {
        width: 100%;
    }
}

.skill__box {
    box-shadow: 20px 20px 50px rgba(0, 0, 0, .5);
    border-radius: 10px;
    background: rgba(255, 255, 255, .1);
    border-top: 1px solid rgba(255, 255, 255, .5);
    border-left: 1px solid rgba(255, 255, 255, .5);
    backdrop-filter: blur(5px);
    padding: 1rem;
    color: #ddd;
    cursor: pointer
}

.section-skils {
    font-family: 'Josefin Sans', sans-serif;
    width: 100%;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    align-content: center;
    position: relative;
}

.content-section {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.inner-skills {
    position: relative;
    padding: 40px;
    border: 2px solid #ffcc74;
    box-shadow: inset 20px 20px 20px #0000008c;
    left: 5%;
}

.inner-skills h3 {
    color: #fff;
    margin: 50px;
    text-align: center;
}

.each-skills {
    position: relative;
    width: 600px;
    height: 50%;
}

.candidatos {
    position: relative;
    margin-bottom: 15px;
    font-family: 'Josefin Sans', sans-serif;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.candidatos .parcial {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.candidatos .parcial .info {
    position: relative;
    font-family: 'Josefin Sans', sans-serif;
    color: #fff;
}

.candidatos .parcial .info .name {
    position: absolute;
    font-family: 'Josefin Sans', sans-serif;
    top: 0;
    left: 0;
    font-size: 15px;
    font-weight: 400;
    opacity: .9;
}

.name i {
    margin: 0 0 0 20px;
}

.candidatos .parcial .info .percent-num {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    font-weight: normal;
}

.candidatos .parcial .progressbar {
    position: relative;
    width: 100%;
    height: 7px;
    margin: 30px 0 2px;
    border-radius: 10px;
    background: rgba(0, 0, 0, .5);
}

.percent-bar {
    content: '';
    position: relative;
    height: 7px;
    background: linear-gradient(to right, #ffcc74, #21477E);
    width: 100%;
    border-radius: 20px;
    z-index: 1;
    animation: animationProgress 5s ease;
}

@keyframes animationProgress {
    from {
        width: 0;
    }
}

@media screen and (max-width:991px) {
    .inner-skills {
        position: relative;
        padding: 0 25px 0 25px;
        left: 0;
    }

    .each-skills {
        position: relative;
        width: 300px;
        height: auto;
    }

    .section__flex {
        display: none;
    }

    .section__flex h3 {
        color: #fff;
        margin: 15px;
        text-align: center;
    }

    .container-skills {
        height: 100%;
        align-content: center;
        align-items: center;
        justify-content: center;
        padding: 0 0 0 50%;
    }

    .card-progress {
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .text {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100px;
        margin: -100px 25px 0 25px;
        text-align: center;
    }

}

.section__flex {
    position: relative;
    width: 50%;
    height: 50%;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    align-content: flex-start;
    margin-left: 30px;
    border: 2px solid #ffcc74;
    box-shadow: 0px 0px 20px 20px #0000008c;
}

.container-skills {
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.section__flex h3 {
    color: #fff;
    margin: 20px;
    text-align: center;
}

.card-progress {
    position: relative;
    width: 25%;
    height: 50%;
    text-align: center;
    z-index: 1;
    margin: 25px 50px 25px 50px;
    justify-content: center;
    align-items: center;
}

.text {
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    text-align: center;
    z-index: 1;
    color: #fff;
}

.percent {
    position: relative;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1;
}

.percent .number {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.percent .number h2 {
    color: #fff;
    font-weight: 700;
    font-size: 30px;
}

.percent .number h2 span {
    font-size: 20px;
}

svg {
    position: relative;
    width: 110px;
    height: 110px;
}

svg circle {
    width: 100%;
    height: 100%;
    fill: none;
    stroke-width: 10;
    stroke: rgba(255, 255, 255, 0.05);
    transform: translate(5px, 5px);
    stroke-linecap: round;
}

svg circle:nth-child(2) {
    stroke: #ffcc74;
    stroke-dasharray: 315px;
    stroke-dashoffset: 315px;
}

.card-progress:nth-child(1) svg circle:nth-child(2) {
    stroke-dashoffset: calc(315px - (315px * 90)/100);
}

.card-progress:nth-child(2) svg circle:nth-child(2) {
    stroke-dashoffset: calc(315px - (315px * 86)/100);
}

@media screen and (min-width:991px) {
    .section-img {
        position: relative;
        width: 50%;
        height: 100%;
        margin-left: 30px;
        justify-content: center;
        align-items: center;
        transition: all 300ms ease-in-out;
    }

    .container-img {
        position: relative;
        width: 600px;
        height: 60%;
        background-size: cover;
        justify-content: center;
        align-items: center;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all 500ms ease-in-out;
    }

    .container-img:hover {
        transform: translate(-50%, -50%) scale(1.15);
        transition: all 300ms ease;
    }

}

main {
    background-image: url(https://keira.inaikas.com/wp-content/themes/keira/images/bg-paterns.png);

}

body {
    *background-image: url(https://keira.inaikas.com/wp-content/themes/keira/images/bg-paterns.png);
    background-color: #121212;
    overflow-y: scroll;
}

.colorJP {
    background-color: #40407a
}

.colorLP {
    background-color: #2c2c54
}

.colorFR {
    background-color: #ff5252
}

.colorEON {
    background-color: #b33939
}

.colorLibertity {
    background-color: #474787
}

.colorP {
    background-color: #131313
}

.colorDB {
    background-color: #24243e
}

.colorDB2 {
    background-color: #302b63
}

.colorDB3 {
    background-color: #0f0c29
}

.colorP2 {
    background-color: #1e272e
}

.colorBlackP {
    background-color: #000000
}

.custom-toggler.navbar-toggler {
    border-color: lightgreen
}

.navColor.scrolled {
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    background: rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px)
}

.screentitle {
    background-image: linear-gradient(93.77deg, #6c6aff -14.61%, #fbc7d4 86.26%, #ff658b 106.26%)
}

.links {
    font-family: Manifold, sans-serif;
    font-weight: 400;
    letter-spacing: .1em;
    font-size: 1rem;
    margin-left: 5.25rem;
    margin-right: auto
}

.moonlit {
    background: #0F2027;
    background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);
    background: linear-gradient(to right, #2C5364, #203A43, #0F2027)
}

.evening_sunshine {
    background: #b92b27;
    background: -webkit-linear-gradient(to right, #1565C0, #b92b27);
    background: linear-gradient(to right, #1565C0, #b92b27)
}

.witching_hour {
    background: #c31432;
    background: -webkit-linear-gradient(to right, #240b36, #c31432);
    background: linear-gradient(to right, #240b36, #c31432)
}

.love_and_libertity span {
    background: #200122;
    background: -webkit-linear-gradient(to right, #6f0000, #200122);
    background: linear-gradient(to right, #6f0000, #200122)
}

.deep_space {
    background: #000000;
    background: -webkit-linear-gradient(to left, #434343, #000000);
    background: linear-gradient(to left, #434343, #000000)
}

.the_strain {
    background: #870000;
    background: -webkit-linear-gradient(to right, #190A05, #870000);
    background: linear-gradient(to right, #190A05, #870000)
}

.mn_city {
    background: #232526;
    background: -webkit-linear-gradient(to right, #414345, #232526);
    background: linear-gradient(to right, #414345, #232526)
}

.winter {
    background: #E6DADA;
    background: -webkit-linear-gradient(to right, #274046, #E6DADA);
    background: linear-gradient(to right, #274046, #E6DADA)
}

.man_of_steel {
    background: #780206;
    background: -webkit-linear-gradient(to right, #061161, #780206);
    background: linear-gradient(to right, #061161, #780206)
}

.w_hour {
    background: #c31432;
    background: -webkit-linear-gradient(to right, #240b36, #c31432);
    background: linear-gradient(to right, #240b36, #c31432)
}

.pure_lust {
    background: #333333;
    background: -webkit-linear-gradient(to right, #dd1818, #333333);
    background: linear-gradient(to right, #dd1818, #333333)
}

.sin_citi_red {
    background: #ED213A;
    background: -webkit-linear-gradient(to right, #93291E, #ED213A);
    background: linear-gradient(to right, #93291E, #ED213A)
}

.playing_with_reds {
    background: #D31027;
    background: -webkit-linear-gradient(to right, #EA384D, #D31027);
    background: linear-gradient(to right, #EA384D, #D31027)
}

/*section:nth-child(2){
    background: #000000;
}*/

section:nth-child(2) {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg clip-path='url(%26quot%3b%23SvgjsClipPath2776%26quot%3b)' fill='none'%3e%3ccircle r='38.235' cx='59.08' cy='522.15' fill='%2343468b'%3e%3c/circle%3e%3ccircle r='42.335' cx='1265.76' cy='122.98' fill='url(%23SvgjsLinearGradient2777)'%3e%3c/circle%3e%3ccircle r='39.515' cx='1271.09' cy='386.5' fill='url(%23SvgjsLinearGradient2778)'%3e%3c/circle%3e%3ccircle r='43.73' cx='907.5' cy='268.05' fill='url(%23SvgjsLinearGradient2779)'%3e%3c/circle%3e%3ccircle r='48.875' cx='1030.14' cy='316.42' fill='%2343468b'%3e%3c/circle%3e%3ccircle r='54.28' cx='590.31' cy='407.56' fill='url(%23SvgjsLinearGradient2780)'%3e%3c/circle%3e%3ccircle r='17.4' cx='114.56' cy='174.78' fill='url(%23SvgjsLinearGradient2781)'%3e%3c/circle%3e%3ccircle r='48.63' cx='950.66' cy='476.04' fill='url(%23SvgjsLinearGradient2782)'%3e%3c/circle%3e%3c/g%3e%3cdefs%3e%3cclipPath id='SvgjsClipPath2776'%3e%3crect width='1440' height='560' x='0' y='0'%3e%3c/rect%3e%3c/clipPath%3e%3clinearGradient x1='1181.09' y1='122.98' x2='1350.4299999999998' y2='122.98' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2777'%3e%3cstop stop-color='%23ab3c51' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%234f4484' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='1192.06' y1='386.5' x2='1350.12' y2='386.5' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2778'%3e%3cstop stop-color='%23f29b7c' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%237e6286' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='820.04' y1='268.05' x2='994.9599999999999' y2='268.05' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2779'%3e%3cstop stop-color='%23e298de' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%23484687' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='481.74999999999994' y1='407.56' x2='698.8699999999999' y2='407.56' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2780'%3e%3cstop stop-color='%23ab3c51' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%234f4484' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='79.76' y1='174.78000000000003' x2='149.36' y2='174.78000000000003' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2781'%3e%3cstop stop-color='%23ab3c51' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%234f4484' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='853.4' y1='476.04' x2='1047.92' y2='476.04' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2782'%3e%3cstop stop-color='%23ab3c51' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%234f4484' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

section:nth-child(5) {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg clip-path='url(%26quot%3b%23SvgjsClipPath2758%26quot%3b)' fill='none'%3e%3ccircle r='27.92' cx='1056.15' cy='193.4' fill='url(%23SvgjsLinearGradient2759)'%3e%3c/circle%3e%3ccircle r='37.295' cx='815.24' cy='484.36' fill='url(%23SvgjsLinearGradient2760)'%3e%3c/circle%3e%3ccircle r='19.135' cx='40.18' cy='247.26' fill='url(%23SvgjsLinearGradient2761)'%3e%3c/circle%3e%3ccircle r='16.54' cx='1164.04' cy='39.4' fill='url(%23SvgjsLinearGradient2762)'%3e%3c/circle%3e%3ccircle r='44.815' cx='1198.35' cy='305.85' fill='url(%23SvgjsLinearGradient2763)'%3e%3c/circle%3e%3ccircle r='55.41' cx='654.44' cy='165.73' fill='url(%23SvgjsLinearGradient2764)'%3e%3c/circle%3e%3ccircle r='51.575' cx='1038.96' cy='337.96' fill='url(%23SvgjsLinearGradient2765)'%3e%3c/circle%3e%3ccircle r='20.78' cx='688' cy='351.05' fill='url(%23SvgjsLinearGradient2766)'%3e%3c/circle%3e%3c/g%3e%3cdefs%3e%3cclipPath id='SvgjsClipPath2758'%3e%3crect width='1440' height='560' x='0' y='0'%3e%3c/rect%3e%3c/clipPath%3e%3clinearGradient x1='1000.3100000000001' y1='193.4' x2='1111.99' y2='193.4' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2759'%3e%3cstop stop-color='%2332325d' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%23424488' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='740.65' y1='484.36' x2='889.8299999999999' y2='484.36' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2760'%3e%3cstop stop-color='%2332325d' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%23424488' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='1.9099999999999966' y1='247.26' x2='78.45' y2='247.26' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2761'%3e%3cstop stop-color='%2384b6e0' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%23464a8f' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='1130.96' y1='39.4' x2='1197.1200000000001' y2='39.4' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2762'%3e%3cstop stop-color='%23f29b7c' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%237e6286' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='1108.7199999999998' y1='305.85' x2='1287.9799999999998' y2='305.85' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2763'%3e%3cstop stop-color='%23ab3c51' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%234f4484' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='543.6200000000001' y1='165.73' x2='765.2600000000001' y2='165.73' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2764'%3e%3cstop stop-color='%23ab3c51' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%234f4484' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='935.8100000000001' y1='337.96' x2='1142.1100000000001' y2='337.96' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2765'%3e%3cstop stop-color='%2384b6e0' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%23464a8f' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='646.44' y1='351.05' x2='729.5600000000001' y2='351.05' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2766'%3e%3cstop stop-color='%2332325d' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%23424488' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-position: center;
}

section:nth-child(6) {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3cpath d='M1560 560L0 560 L0 359.33Q38.78 278.11%2c 120 316.88Q209.04 285.92%2c 240 374.96Q253.94 316.9%2c 312 330.85Q385.23 284.08%2c 432 357.3Q439.76 293.06%2c 504 300.83Q530.44 255.26%2c 576 281.7Q631.08 264.77%2c 648 319.85Q708.14 308%2c 720 368.14Q749.01 277.15%2c 840 306.16Q923.87 270.03%2c 960 353.9Q983.95 257.85%2c 1080 281.79Q1145.2 226.99%2c 1200 292.19Q1270.36 242.54%2c 1320 312.9Q1405.29 278.19%2c 1440 363.48Q1467.52 271%2c 1560 298.52z' fill='%23182f5d'%3e%3c/path%3e%3cpath d='M1560 560L0 560 L0 411.96Q70.91 362.87%2c 120 433.78Q150.84 392.62%2c 192 423.45Q263.59 375.04%2c 312 446.63Q332.25 346.88%2c 432 367.12Q475.39 338.51%2c 504 381.91Q559.55 365.47%2c 576 421.02Q644.18 369.2%2c 696 437.39Q723.7 345.09%2c 816 372.79Q899.58 336.37%2c 936 419.95Q1009.75 373.69%2c 1056 447.44Q1064.66 384.1%2c 1128 392.76Q1153.38 346.13%2c 1200 371.51Q1284.85 336.36%2c 1320 421.2Q1385.66 366.86%2c 1440 432.52Q1470.41 342.93%2c 1560 373.34z' fill='%2325467d'%3e%3c/path%3e%3cpath d='M1464 560L0 560 L0 471.47Q31.66 431.13%2c 72 462.8Q121.88 392.68%2c 192 442.55Q245.07 423.63%2c 264 476.7Q310.25 450.94%2c 336 497.19Q362.08 403.27%2c 456 429.35Q531.99 385.34%2c 576 461.32Q647.51 412.83%2c 696 484.34Q763.57 431.91%2c 816 499.48Q821.5 432.98%2c 888 438.47Q955.44 385.91%2c 1008 453.35Q1075.09 400.44%2c 1128 467.52Q1174.21 441.73%2c 1200 487.94Q1209.2 425.14%2c 1272 434.35Q1341.24 383.59%2c 1392 452.83Q1447.82 436.64%2c 1464 492.46z' fill='%23356cb1'%3e%3c/path%3e%3cpath d='M1464 560L0 560 L0 564.64Q0.04 492.68%2c 72 492.73Q113.74 462.47%2c 144 504.2Q206.11 494.31%2c 216 556.43Q256.5 476.93%2c 336 517.44Q360.03 469.47%2c 408 493.5Q489.56 455.06%2c 528 536.61Q557.73 494.34%2c 600 524.06Q654.99 507.04%2c 672 562.03Q673.75 491.78%2c 744 493.54Q824.36 501.89%2c 816 582.25Q826.46 520.71%2c 888 531.17Q933.21 456.38%2c 1008 501.59Q1069.13 490.72%2c 1080 551.84Q1129.89 529.73%2c 1152 579.62Q1169.38 477%2c 1272 494.37Q1346.74 449.11%2c 1392 523.84Q1452.02 511.87%2c 1464 571.89z' fill='white'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-position: center;
}

/*---------------------------------- section verses ---------------------------------------*/

.cid-s8XeElbghg {
    padding-top: 0px;
    padding-bottom: 0px;
    background: #121212;
}

.cid-s8XeElbghg .container {
    max-width: 100%;
    padding: 0 1rem;
}

.cid-s8XeElbghg .card {
    padding: 0 !important;
    background: #121212;
}

.cid-s8XeElbghg .card-box {
    z-index: 3;
    position: relative;
    margin: auto;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s;
}


.cid-s8XeElbghg .card-box p {
    font-size: 32px;
    font-family: 'Vollkorn', sans-serif;
    flex-direction: column;
    text-align: center;
    color: #fff;
}

.cid-s8XeElbghg .card-box p span {
    font-size: 17px;
    font-family: 'Josefin Sans', sans-serif;
    text-align: center;
    color: #fff;
}

.cid-s8XeElbghg .card-box:focus-within {
    opacity: 1;
}

.cid-s8XeElbghg .row-center {
    height: auto;
}

.cid-s8XeElbghg .card-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

.cid-s8XeElbghg .card-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.cid-s8XeElbghg .card-wrapper {
    display: flex;
    position: relative;
    margin: auto;
    width: 100%;
    cursor: pointer;
    height: 100%;
    padding: 2rem 1rem;
    transition: all 1s;
    overflow: hidden;
}

.cid-s8XeElbghg .card-wrapper:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background: black;
    opacity: 0;
    z-index: 2;
    pointer-events: none;
    transition: all 0.3s;
}

.cid-s8XeElbghg .card-wrapper:hover .card-box,
.cid-s8XeElbghg .card-wrapper:focus-within .card-box {
    opacity: 1;
    transform: translateY(0px);
}

.cid-s8XeElbghg .card-wrapper:hover .card-img,
.cid-s8XeElbghg .card-wrapper:focus-within .card-img {
    transform: scale(1.1);
}

.cid-s8XeElbghg .card-wrapper:hover:before,
.cid-s8XeElbghg .card-wrapper:focus-within:before {
    opacity: 0.6;
}

.cid-s8XeElbghg .row {
    justify-content: center;
}

.cid-s8XeElbghg .card-title {
    color: #fafafa;
}

@media (max-width: 992px) {
    .cid-s8XeElbghg .card-box {
        opacity: 1;
        transform: translateY(0px);
    }

    .cid-s8XeElbghg .card-img {
        transform: scale(1.1);
    }

    .cid-s8XeElbghg .card-wrapper:before {
        opacity: 0.6;
    }
}

/*-----------------------------skils--------------------------*/
.cid-s8XeLFijPd {
    padding-top: 120px;
    padding-bottom: 90px;
    color: #fff;
    font-family: 'Epilogue', sans-serif;
    align-items: center;
}

.volkorn-text {
    font-family: 'Vollkorn', sans-serif;
}

#hammer {
    font-size: 50px;
}

.cid-s8XeLFijPd .progress {
    width: 100%;
}

.cid-s8XeLFijPd p {
    margin-bottom: 0.4rem;
}

.cid-s8XeLFijPd .title-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    -webkit-justify-content: space-between;
}

.cid-s8XeLFijPd progress {
    height: 3px;
}

.cid-s8XeLFijPd .progressbar-number {
    display: inline-block;
    width: 50px;
}

.cid-s8XeLFijPd .progress-primary {
    background: rgba(206, 206, 206, 0.4);
    border: none;
    outline: none;
}

.cid-s8XeLFijPd .progress-primary::-webkit-progress-bar {
    background: rgba(206, 206, 206, 0.4);
}

.cid-s8XeLFijPd .progress_value {
    position: relative;
}

.cid-s8XeLFijPd .progress1 .progressbar-number:before,
.cid-s8XeLFijPd .progress2 .progressbar-number:before,
.cid-s8XeLFijPd .progress3 .progressbar-number:before,
.cid-s8XeLFijPd .progress4 .progressbar-number:before,
.cid-s8XeLFijPd .progress5 .progressbar-number:before {
    position: absolute;
    right: 15px;
    top: 0;
}

.cid-s8XeLFijPd progress[value]::-webkit-progress-bar {
    background: rgba(206, 206, 206, 0.4);
}

.cid-s8XeLFijPd progress::-webkit-progress-value {
    background: #ff002e;
}

.cid-s8XeLFijPd progress[value]::-moz-progress-bar {
    background: #ff002e;
}

.cid-s8XeLFijPd progress::-ms-fill {
    background: #ff002e;
}

.cid-s8XeLFijPd .progress1 .progressbar-number:before {
    color: #fff;
    content: '85';
}

.cid-s8XeLFijPd .progress2 .progressbar-number:before {
    color: #fff;
    content: '34';
}

.cid-s8XeLFijPd .progress3 .progressbar-number:before {
    color: #fff;
    content: '45';
}

.cid-s8XeLFijPd .progress4 .progressbar-number:before {
    color: #fff;
    content: '40';
}

.cid-s8XeLFijPd .progress5 .progressbar-number:before {
    content: '60';
}

.cid-s8XeLFijPd .section-content-text {
    color: #fff;
}

.cid-s8XeLFijPd .progressbar-title p,
.cid-s8XeLFijPd .progress_value {
    color: #fff;
}

.cid-s8XeLFijPd .mbr-section-subtitle {
    color: #fff;
}

/*------------------------section verse only--------------------------------*/

.container-verse-only {
    height: 100vh;
    min-width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.content_verse_only {
    position: relative;
    width: 50%;
    height: 100%;
}

.content_text_only {
    position: relative;
    background: #333;
    border-bottom: 6px solid #4ac7ff;
    width: 50%;
    height: 100%;
    justify-content: center;
    align-content: center;
    color: #fff;
}

.box_text {
    position: relative;
    width: auto;
    width: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
}

.box_text h5 {
    font-family: 'Vollkorn', sans-serif;
}

.box_text span {
    font-family: 'Josefin Sans', sans-serif;
}

.box_text button {
    font-family: 'Josefin Sans', sans-serif;
    background-color: #ffcc74;
    color: #000;
    border: 2px solid transparent;
    text-decoration: none;
    padding: 10px 30px;
    border-radius: 30px;
    font-size: 17px;
    font-weight: 700;
    transition: .4s ease-in-out
}

.content_text_only .box_text {
    text-align: center;
    font-size: 2em;
}

.box_text button:hover {
    transform: scale(1.2);
    background-color: transparent;
    border: 2px solid #ffcc74;
    color: #ffcc74;
    transition: .4s ease;
    cursor: pointer
}



@media screen and (max-width:991px) {
    .content_verse_only {
        width: 100%;
        height: 50%;
    }

    .content_text_only {
        width: 100%;
        height: 50%;
    }

    .box_text h5 {
        font-size: 22px;
    }

    .box_text span {
        font-size: 20px;
    }
}

.line-stripe-0,
.line-stripe-1,
.line-stripe-2,
.line-stripe-3,
.line-stripe-4 {
    height: 89%;
    width: 1px;
    background: rgba(255, 255, 255, 0.03);
    position: absolute;
    bottom: 0;
}

.line-stripe-0 {
    left: 10%;
}

.line-stripe-0:before,
.line-stripe-4:before {
    top: 20%;
}

.line-stripe-0:after {
    bottom: 20%;
}

.line-stripe-1:before {
    top: 5%;
}

.line-stripe-1:after {
    bottom: 5%;
}

.line-stripe-2:before {
    top: 5%;
}

.line-stripe-2:after {
    bottom: 5%;
}

.line-stripe-3:before {
    top: 5%;
}

.line-stripe-3:after {
    bottom: 5%;
}

.line-stripe-4:after {
    bottom: 20%;
}

.line-stripe-1 {
    left: 30%;
}

.line-stripe-2 {
    left: 50%;
}

.line-stripe-3 {
    left: 70%;
}

.line-stripe-4 {
    left: 90%;
}

/*------------------------section projects--------------------------------*/

.section-projects-container {
    background-image: url(https://keira.inaikas.com/wp-content/themes/keira/images/bg-paterns.png);
    padding-top: 120px;
}

.container_tittle_projects {
    width: 100%;
    height: auto;
}

.content_tittle_projects {
    position: relative;
    width: auto;
    height: 100%;
}

.content_tittle_projects h3 {
    position: relative;
    width: auto;
    color: #fff;
    font-family: 'Vollkorn', sans-serif;
    text-align: center;
    font-size: 3em;
    padding: 10px 0 10px 0;
    box-shadow: 20px 20px 30px rgba(0, 0, 0, .5);
    background: rgba(255, 255, 255, .01);
    backdrop-filter: blur(5px);
}

.container-projects {
    height: 70vh;
    min-width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.content_projects_only {
    position: relative;
    width: 50%;
    height: 100%;
}

.content_text_projects {
    position: relative;
    background: #333;
    border-bottom: 6px solid #4ac7ff;
    width: 50%;
    height: 100%;
    justify-content: center;
    align-content: center;
    color: #fff;
}

.box_text_projects {
    position: relative;
    width: auto;
    width: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
}

.box_text_projects h5 {
    font-family: 'Vollkorn', sans-serif;
}

.box_text_projects span {
    font-family: 'Josefin Sans', sans-serif;
}

.box_text_projects button {
    font-family: 'Josefin Sans', sans-serif;
    background-color: #ffcc74;
    color: #000;
    border: 2px solid transparent;
    text-decoration: none;
    padding: 10px 30px;
    border-radius: 30px;
    font-size: 17px;
    font-weight: 700;
    transition: .4s ease-in-out
}

.content_text_projects .box_text_projects {
    text-align: center;
    font-size: 2em;
}

.box_text_projects button:hover {
    transform: scale(1.2);
    background-color: transparent;
    border: 2px solid #ffcc74;
    color: #ffcc74;
    transition: .4s ease;
    cursor: pointer
}



@media screen and (max-width:991px) {
    .content_projects_only {
        width: 100%;
        height: 50%;
    }

    .content_text_projects {
        width: 100%;
        height: 50%;
    }

    .box_text_projects h5 {
        font-size: 19px;
    }

    .box_text_projects span {
        font-size: 21px;
    }
}