@charset "UTF-8";
/*
* About Us & Partnership 
*/

.hidden {
    display: none !important;
}

main {
    width: 100%;
    height: 100%;
    min-height: 100vh;
}

header.alignwide h1 {
    width: max-content;
    margin-left: -.1em;
    font-size: calc(215px + 188 * (100vw - 1024px) / (1920 - 1024));
}

section.content.about>div {
    flex-basis: 50%;
}

section.content>div h2 {
    font-family: 'Coldiac Free Regular', serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(36px + 6 * (100vw - 1024px)/ (1920 - 1024));
    line-height: 1.1;
    text-transform: capitalize;
}

section.content.about>div p {
    line-height: 1.5;
}

section.content.about>div h2 {
    padding-bottom: 1.5rem;
    border-bottom: 2px solid #0076AA;
}

section.content {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 4em;
    margin: 4rem auto;
}

section.our-team {
    margin-bottom: 6rem;
}

section.our-team h2.big-title {
    margin-bottom: 1em;
    text-align: center;
    font-family: 'Coldiac Free Regular', serif;
    font-size: calc(60px + 30 * (100vw - 1024px) / (1920 - 1024));
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0;
    background: linear-gradient(0deg, rgba(255, 0, 207, 0.15) 13.85%, rgba(0, 177, 255, 0.15) 87%), rgba(187, 51, 220, 0.4);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

section.our-team:not(.wp-block-group) div.flex-wrapper {
    display: flex;
}

section.our-team div.flex-wrapper>div {
    flex-basis: 25%;
    text-align: center;
}

.about-container p>strong {
    display: block;
}

.about-container p i.icon-arrow-long {
    margin-right: .25em;
}

.author picture {
    border-radius: 50%;
    margin-bottom: 1em;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
}

.author p strong {
    display: block;
    padding-bottom: 1rem;
}

div.author>p {
    margin-top: .25em;
    margin-bottom: .25em;
}

div.author>p a {
    color: #C297BC;
}

div.author>p a:hover {
    color: #0076AA;
}

div.author>p i {
    color: #fff;
    font-style: normal;
}

button.see-more {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .25em;
    height: auto;
    aspect-ratio: 185/60;
    width: calc(130px + 55 * (100vw - 1024px) / (1920 - 1024));
    margin: 2em auto;
    background: linear-gradient(100.2deg, #FF00CF -12.96%, #0FB5FE 113.22%);
    background-size: 100%;
    font-family: 'Zilla Slab', serif;
    font-weight: 500;
    font-size: calc(18px + 6 * (100vw - 1024px) / (1920 - 1024));
    line-height: 1.2;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    transition-duration: .5s;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
}

button.see-more:hover {
    background-size: 180%;
    transition-duration: .5s;
}

section.see-our-products {
    flex-wrap: wrap;
}

section.see-our-products>div {
    flex-basis: calc(33.333% - 3rem);
}

ul.subcategories li a {
    cursor: default;
}

ul.subcategories li a svg {
    margin-right: .5em;
}

ul.subcategories li a svg path {
    fill: #0076AA;
    transition-duration: .5s;
}

a.see-more {
    display: inline-block;
    padding: .75em 0;
    color: #E560CC;
    font-size: calc(18px + 6 * (100vw - 1024px)/ (1920 - 1024));
    transition-duration: 1s;
}

a.see-more svg {
    vertical-align: middle;
    margin-left: 1em;
    transition-duration: inherit;
}

/* --------------  */
div.buttons a {
    display: inline-block;
    padding: .75em 0;
    color: #E560CC;
    font-size: calc(18px + 6 * (100vw - 1024px)/ (1920 - 1024));
    transition-duration: 1s;
}

a.see-more:hover {
    color: #0076AA;
    transition-duration: 1s;
}


a.see-more svg {
    vertical-align: middle;
    margin-left: 1em;
    transition-duration: inherit;
}

a.see-more:hover svg {
    transition-duration: inherit;
    animation-name: leanMore;
    animation-duration: 1.2s;
}

a.see-more svg path {
    transition-duration: inherit;
}

a.see-more:hover svg path {
    fill: #0076AA;
    transition-duration: inherit;
}

@keyframes leanMore {
    0% {
        margin-left: 1em;
    }

    15% {
        margin-left: 2em;
    }

    100% {
        margin-left: 1em;
    }
}

/* Contact Form */
div.contact-form {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: .6em;
    -moz-border-radius: .6em;
    -ms-border-radius: .6em;
    -o-border-radius: .6em;
    border-radius: .6em;
}

div.contact-form h3 {
    width: fit-content;
    font-family: 'Coldiac Free Regular', serif;
    font-weight: 400;
    font-size: calc(21px + 10 * (100vw - 513px) / (1920 - 513));
    line-height: 1.5;
    text-align: center;
    margin: auto;
    padding-bottom: .5em;
    margin-bottom: .5em;
    border-bottom: 1px solid #0076AA;
}

.contact-form-wrapper {
    padding: 2em 2em .5em 2em;
}

.form-container form.wpcf7-form label {
    display: flex;
}

.form-container form {
    display: flex;
    flex-direction: column;
    gap: .5em;
}

.form-container form>p {
    width: 100%;
    margin: .5em auto;
}

.form-container form span {
    position: relative;
    display: flex;
    margin: auto;
    font-size: .93em;
}

.form-container form span input,
.form-container form span textarea {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 1em 2em;
    background-color: transparent;
    color: #fff;
    font-family: 'Zilla Slab', serif;
    border-color: transparent;
}

.form-container form p span svg {
    width: 100%;
    height: 100%;
    z-index: -1;
}

span.wpcf7-form-control-wrap svg {
    max-width: 100%;
}

.form-container form p span:focus-within svg rect,
.form-container form p span:focus-within svg path {
    stroke: #0076AA;
}

p.terms {
    max-width: 400px;
    font-size: 14px;
    color: inherit;
}

p.terms a {
    color: #0076AA;
    font-size: inherit;
}

div.form-container input[type="submit"] {
    display: block;
    height: auto;
    margin: auto;
    padding: .75em 1.5em;
    background: linear-gradient(100.2deg, #FF00CF -12.96%, #0FB5FE 113.22%);
    background-size: 100%;
    font-family: 'Zilla Slab', serif;
    font-weight: 500;
    font-size: calc(18px + 6 * (100vw - 1024px) / (1920 - 1024));
    line-height: 1.2;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    transition-duration: .5s;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
}

div.form-container input[type="submit"]:hover {
    background-size: 180%;
    transition-duration: .5s;
}

.form-container form span input.checkbox {
    position: relative;
    width: 14px;
    height: 14px;
    margin-right: 4px;
}

/* SLIDER */
section.our-team.slider {
    overflow: hidden;
}

section.our-team div.flex-wrapper {
    gap: 0;
    position: relative;
    left: 0;
    transition-duration: .5s;
}

.parent-dots {
    display: flex;
    justify-content: center;
    margin-top: 2em;
}

@media screen and (min-width: 513px) {
    .parent-dots {
/*         display: none; */
    }
}

section.our-team div.flex-wrapper>div {
    padding: 1em;
}

i.slider-dot {
    width: 10px;
    height: 10px;
    background: #bbb;
    margin: 0 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/* DIV BACKGROUND  */
div.rectangle-18 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #0B1146 0.03%, rgba(11, 17, 70, 0.3) 100.02%);
    border-radius: 10px;
    z-index: -1;
}

div.ellipse-11 {
    position: absolute;
    width: 100%;
    height: 80%;
    left: -35%;
    top: -40%;
    background: radial-gradient(48.68% 48.68% at 36.17% 42.21%, rgba(4, 240, 255, 0.5) 0%, rgba(67, 4, 105, 0) 79.09%);
    z-index: -1;
}

div.ellipse-12 {
    position: absolute;
    width: 100%;
    height: 90%;
    left: -50%;
    top: auto;
    bottom: -10%;
    background: radial-gradient(48.68% 48.68% at 36.17% 42.21%, #430469 0%, rgba(67, 4, 105, 0) 64.58%);
    z-index: -1;
}

div.ellipse-13 {
    position: absolute;
    width: 113%;
    height: auto;
    aspect-ratio: 1/1;
    left: auto;
    right: -80%;
    top: -10%;
    background: radial-gradient(48.68% 48.68% at 36.17% 42.21%, #430469 0%, rgba(67, 4, 105, 0) 64.58%);
    z-index: -1;
}

div.ellipse-14 {
    position: absolute;
    width: 200%;
    height: auto;
    aspect-ratio: 1/1;
    left: 25%;
    top: 45%;
    background: radial-gradient(40.99% 40.99% at 36.17% 42.21%, rgba(0, 26, 255, 0.9) 0%, rgba(0, 26, 255, 0) 59.81%);
    z-index: -1;
}

/* PAGE BACKGROUND */
div.page-wrap .ellipse-1 {
    position: absolute;
    width: 90vw;
    height: 90vw;
    right: -20vw;
    top: -45vh;
    background: radial-gradient(61.7% 93.16% at 75.24% -7.08%, rgba(80, 80, 80, 0.5) 0%, rgba(120, 0, 230, 0.5) 0.2%, rgba(255, 0, 207, 0) 100%);
    z-index: -1;
}

div.page-wrap .ellipse-3 {
    position: absolute;
    width: 1735px;
    height: 1735px;
    left: 1168px;
    top: 445px;
    background: radial-gradient(30.67% 31.11% at 32.96% 44.52%, rgba(44, 78, 221, 0.35) 0%, rgba(44, 78, 221, 0) 100%);
    z-index: -1;
}

div.page-wrap .ellipse-4 {
    position: absolute;
    width: 2322px;
    height: 2322px;
    left: calc(100% * 961 / 1920);
    top: calc(100% * -925 / 970);
    background: radial-gradient(48.68% 48.68% at 36.17% 42.21%, rgba(4, 240, 255, 0.25) 0%, rgba(67, 4, 105, 0) 79.09%);
    z-index: -1;
}

div.page-wrap .ellipse-7 {
    position: absolute;
    width: 90vw;
    height: 90vw;
    right: -35vw;
    bottom: -40vw;
    background: radial-gradient(28.01% 29.47% at 57.65% 50%, rgba(255, 0, 207, 0.085) 0%, rgba(255, 0, 207, 0.125) 0.01%, rgba(255, 0, 207, 0) 100%);
    z-index: -1;
}

div.page-wrap .ellipse-8 {
    position: absolute;
    width: 90vw;
    height: 90vw;
    left: -45%;
    bottom: -43vw;
    background: radial-gradient(28.01% 29.47% at 57.65% 50%, rgba(0, 24, 153, 0.125) 0%, rgba(0, 43, 153, 0.25) 0.01%, rgba(0, 43, 153, 0) 100%);
    z-index: -1;
}

@media screen and (max-width:1260px) {
    section.our-team:not(.wp-block-group) div.flex-wrapper>div {
        flex-basis: 33.333%;
        flex-basis: 50%;
    }
}

@media screen and (max-width:1024px) {
    section.content {
        justify-content: center;
        margin: 4rem auto;
    }

    section.see-our-products>div {
        flex-basis: 100%;
    }
}

@media screen and (min-width:768px) {
    section.our-team div.flex-wrapper {
        flex-wrap: wrap;
    }
}


@media screen and (max-width:767px) {
    section.our-team:not(.wp-block-group) div.flex-wrapper>div {
        flex-basis: 100%;
        min-width: 100%;
        margin-right: 0;
    }

    section.our-team button.see-more {
        display: none !important;
    }

}

/* ---tmp---  */
@media screen and (min-width:513px) {
    div.contact-form {
        min-width: 400px;
    }

    span.tmp {
        display: none;
    }
}

/* ---  */
@media screen and (max-width:512px) {

    /* ---tmp---  */
    span.tmp {
        display: block;
        margin: auto;
        width: fit-content;
    }

    /* ---  */

    section.content.about {
        margin: 1rem auto;
        flex-direction: column;
        gap: 0em;
    }


    section.our-team h2.big-title {
        font-size: calc(34px + 6 * (100vw - 360px) / (512 - 360));
    }

    div.contact-form h4 {
        font-size: calc(24px + 12 * (100vw - 360px) / (512 - 360));
    }

    section.content>:nth-child(n) {
        flex-basis: 100%;
    }

    section.content>:nth-child(1) {
        margin-top: 1em;
    }

    section.content>:nth-child(2) {
        padding: 1em 0;
    }

    section.content>:nth-child(2) span {
        display: block;
        text-align: center;
    }

    section.content>:nth-child(2) span a {
        font-size: 18px;
    }

}