/*
Theme Name: Hadean
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: https://github.com/tidythemes
Description: Donations: https://calmestghost.com/donate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2023
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2023 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

/* Łukasz 2024 Temp */

/* Temp adjustments */

.page-template-page-about-hadean-php footer {
    padding-top: 80px !important
}

/* Body */

p {
    color: #fff;
    font-size: 18px;
}

@media(max-width: 1400px) {
    p {
        font-size: 16px
    }
}

@media(max-width: 991px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.first-section {
    padding-top: 104px
}

/* List */

ul {
    list-style-type: none;
    padding-left: 1.5rem
}

ul li {
    position: relative;
    display: inline
}

ul li:before {
    content: '';
    width: 8px;
    height: 8px;
    background: #c600d7;
    display: block;
    position: absolute;
    top: 9px;
    left: -1.5rem
}

ul li:after {
    content: '\a';
    white-space: pre;
}

/* Headers */

h1,
h2,
h3,
h4,
h5 {
    font-weight: 700;
    text-transform: uppercase;
}

h1 {
    font-size: 9rem;
    line-height: 90%;
}

h2 {
    font-size: 4.7rem;
    line-height: 100%;
}

h3 {
    font-size: 3.5rem;
    line-height: 100%;
}

h4 {
    font-size: 2rem;
    line-height: 120%;
}

h5 {
    font-size: 1.6rem;
    line-height: 120%;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong {
    color: #0B002C;
    text-shadow: -2px -2px 0 #C601D7, 2px -2px 0 #C601D7, -2px 2px 0 #C601D7, 2px 2px 0 #C601D7;
}

@media(max-width: 1600px) {
    h1 {
        font-size: 8rem
    }

    h2 {
        font-size: 4.2rem;
    }

    h3 {
        font-size: 3rem;
    }

    h4 {
        font-size: 1.4rem
    }

    h5 {
        font-size: 1.5rem;
    }
}

@media(max-width: 1400px) {
    h1 {
        font-size: 7rem
    }

    h2 {
        font-size: 3.7rem;
    }

    h3 {
        font-size: 2.8rem;
    }

    h4 {
        font-size: 1.3rem
    }

    h5 {
        font-size: 1.4rem;
    }
}

@media(max-width: 1199px) {
    h1 {
        font-size: 6rem
    }

    h2 {
        font-size: 3.3rem;
    }

    h3 {
        font-size: 2.5rem;
    }

    h5 {
        font-size: 1.3rem;
    }
}

@media(max-width: 991px) {
    h1 {
        font-size: 4.3rem
    }

    h2 {
        font-size: 2.9rem;
    }

    h3 {
        font-size: 2.2rem;
    }

    h5 {
        font-size: 1.2rem;
    }
}

@media(max-width: 600px) {
    h1 {
        font-size: 3rem
    }

    h2 {
        font-size: 2.7rem;
    }

    h3 {
        font-size: 2.1rem;
    }
}

@media(max-width: 450px) {
    h1 {
        font-size: 2.7rem
    }

    h2 {
        font-size: 2.4rem;
    }

    h3 {
        font-size: 2rem;
    }
}

/*@media(max-width: 560px) {
    h1 {
        font-size: 2.7rem
    }
}*/

/* Headings */

.section-heading {
    margin-bottom: 80px
}

.section-heading h2 {
    margin-bottom: 20px;
    max-width: 1200px;
}

.section-heading h2>span,
.section-heading h3>span {
    display: block;
    overflow: hidden
}

@media(min-width:1025px) {

    .section-heading h2.on-scroll-anim>span:nth-child(2)>span,
    .section-heading h3.on-scroll-anim>span:nth-child(2)>span {
        transition-delay: .1s
    }

    .section-heading h2.on-scroll-anim>span:nth-child(3)>span,
    .section-heading h3.on-scroll-anim>span:nth-child(3)>span {
        transition-delay: .2s
    }

    .section-heading h2.on-scroll-anim>span:nth-child(4)>span,
    .section-heading h3.on-scroll-anim>span:nth-child(4)>span {
        transition-delay: .3s
    }

    h2.on-scroll-anim>span>span,
    h3.on-scroll-anim>span>span {
        position: relative;
        transition: .8s ease-in-out;
        opacity: 0;
        top: 100%;
    }

    h2.on-scroll-anim.scrolled-in>span>span,
    h3.on-scroll-anim.scrolled-in>span>span {
        opacity: 1;
        top: 0
    }
}

.section-heading-sub {
    display: flex;
}

.section-heading-sub .button-container-outer {
    width: 100%;
    text-align: right;
}

.section-heading .section-heading-sub>div {
    position: relative;
    max-width: 600px;
    transition: .8s ease-in-out .6s
}

.section-heading-sub.on-scroll-anim>div p {
    color: #fff;
}

@media(max-width:1024px) {

    .scroller-section-inner h3 {
        margin-bottom: 30px
    }

    .scroller-section-inner .section-heading-left .section-heading-sub>div,
    .scroller-section-inner .section-heading-right .section-heading-sub>div {
        padding-left: 0;
        padding-right: 0
    }

    .scroller-section-inner .section-heading .section-heading-sub>div:before {
        top: -15px
    }
}

@media(min-width:1025px) {
    .section-heading-sub.on-scroll-anim>div {
        padding-top: 10px;
    }

    .section-heading-sub.on-scroll-anim>div p {
        color: transparent;
        transition: .8s ease-in-out .6s
    }

    .section-heading-sub.on-scroll-anim.scrolled-in>div {
        padding-top: 0
    }

    .section-heading-sub.on-scroll-anim.scrolled-in>div p {
        color: #fff
    }
}

.section-heading .section-heading-sub>div:before {
    content: '';
    top: 8px;
    height: 3px;
    background: #C600D7;
    position: absolute;
    transition: .4s ease-in-out .2s;
    width: 5vw;
}

.section-heading-left .section-heading-sub>div:before {
    left: 0;
}

.section-heading-right .section-heading-sub>div:before {
    right: 0;
}

.section-heading-centre .section-heading-sub>div:before {
    left: 50%;
    transform: translateX(-50%)
}

.section-heading-sub.on-scroll-anim>div:before {
    width: 15vw;
}

@media(min-width:1025px) {
    .section-heading-sub.on-scroll-anim>div:before {
        width: 0
    }

    .section-heading-sub.on-scroll-anim.scrolled-in>div:before {
        width: 5vw;
    }
}

.section-heading-left {
    text-align: left;
}

.section-heading-centre {
    text-align: centre;
}

.section-heading-centre .section-heading-sub>div:before {
    top: -20px
}

.section-heading-left .section-heading-sub>div {
    padding-left: calc(5vw + 20px);
}

.section-heading-right {
    text-align: right;
}

.section-heading-right h2 {
    margin-left: auto;
}

.section-heading-right .section-heading-sub>div {
    padding-right: calc(5vw + 20px);
    margin-left: auto;
}

.section-heading-right .section-heading-sub>div:before {
    right: 0;
}

.section-heading-centre {
    text-align: center;
}

.section-min-width {
    margin-top: 80px;
    padding: 50px;
    display: inline-block;
    background-color: #0d0035;
    position: relative;
}

@media(max-width:600px) {
    .section-min-width {
        padding: 20px;
    }
}

.section-min-width:before,
.section-min-width:after {
    content: "";
    width: 80%;
    height: 50px;
    background: #110045;
    position: absolute;
    left: 10%;
}

.section-min-width:before {
    bottom: 100%;
}

.section-min-width:after {
    top: 100%;
}

.section-heading-centre h2 {
    margin: 0 auto 40px auto;
    text-align: center;
    padding: 0;
}

.section-heading-centre .section-heading-sub>div {
    margin: 0 auto;
    text-align: center;
}

.section-heading-centre .section-heading-sub {
    margin-bottom: 30px;
}

.full-w-video {
    width: 70%;
    aspect-ratio: 16/9;
    overflow: hidden;
    margin: 0 auto 80px auto;
    position: relative;
}

@media(max-width: 991px) {
    .full-w-video {
        width: 100%;
    }

    .section-heading h2 {
        text-align: center;
        margin-bottom: 30px
    }

    .section-heading h3 {
        text-align: center;
        margin-bottom: 30px
    }

    .section-heading-sub>div:before {
        top: -15px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    .section-heading-sub {
        text-align: center;
    }

    .section-heading-sub>div {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 auto
    }
}

.padded-left-text {
    padding-left: 40px
}

.padded-right-text {
    padding-right: 40px
}

@media(max-width: 992px) {
    .padded-left-text {
        padding-left: 0
    }

    .padded-right-text {
        padding-right: 0
    }
}

/* Containers */

@media (min-width: 1600px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1520px;
    }
}

@media (min-width: 1900px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1820px;
    }
}

/* Section general */

section:not(:first-of-type) {
    margin: 150px 0
}

@media(max-width: 1024px) {
    section:not(:first-of-type) {
        margin: 100px 0
    }
}

@media(max-width: 700px) {
    section:not(:first-of-type) {
        margin: 70px 0
    }
}

/* Buttons */

.button-container-outer {
    text-align: center;
}

@media(min-width:1025px) {
    .button-container-outer.on-scroll-anim {
        opacity: 0;
        position: relative;
        top: 10px;
        transition: .8s ease-in-out
    }

    .button-container-outer.on-scroll-anim.scrolled-in {
        opacity: 1;
        top: 0
    }
}

.button-container {
    position: relative;
    padding: 5px;
    display: inline-block;
}

.button-primary {
    display: block;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
}

.button-primary span {
    display: block;
    padding: 13px 40px;
}

.button-primary:active,
.button-primary:focus,
.button-primary:visited,
.button-primary:hover {
    color: inherit;
}

.button-primary-white span {
    color: #fff
}

.button-primary-black span {
    color: #000
}

.button-primary .button-stroke {
    vector-effect: non-scaling-stroke;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.button-primary .button-stroke rect {
    width: calc(100% - 4px);
    height: 46px;
    fill: none;
}

.button-stroke-bg {
    fill: transparent;
    opacity: 1;
    transition: all .2s ease;
}

.button-stroke-fg {
    fill: transparent;
    transform-origin: 50% 50%;
    transition: all .8s ease;
}

.button-primary-white .button-stroke-fg {
    stroke: #fff
}

.button-primary-black .button-stroke-fg {
    stroke: #000
}

a.button:hover .button-stroke-fg {
    stroke-dashoffset: 0 !important;
}

.button-primary .button-stroke .button-stroke-end-anim-one {
    height: 3px;
    width: 0px;
    transition: all .8s ease;
    fill: #8000ff;
}

.button-primary .button-stroke .button-stroke-end-anim-two {
    height: 3px;
    width: 0px;
    transition: all .2s ease .5s;
    fill: #fff;
}

.button-primary:hover .button-stroke-end-anim-one {
    width: calc(50% - 13.5px);
}

.button-primary:hover .button-stroke-end-anim-two {
    width: calc(50% - 14px);
}

/* Arrow */

.arrow-icon-container {
    padding: 10px;
    position: relative;
    margin: 0 auto;
    width: 144px;
    height: 144px;
}

.visually-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

a.arrow-icon {
    position: absolute;
    display: block;
    height: 124px;
    width: 124px;
    padding-left: 0;
    transform: translate(0, 0);
}

@keyframes occasional-arrow-bounce {
    0% {
        top: 50%;
    }

    79% {
        top: 50%;
    }

    80% {
        top: calc(50% + 2px);
    }

    100% {
        top: calc(50% - 4px);
    }
}

.arrow-icon-inner {
    width: 2px;
    height: 40px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    animation: occasional-arrow-bounce 3s infinite 2s alternate ease-out;
}

.arrow-icon-inner:before,
.arrow-icon-inner:after {
    content: '';
    width: 20px;
    height: 2px;
    position: absolute;
    bottom: 5px;
    background: #fff;
}

.arrow-icon-inner:before {
    transform: rotate(-45deg);
    left: -2px;
}

.arrow-icon-inner:after {
    transform: rotate(45deg);
    right: -2px;
}

.arrow-icon-circle {
    height: 100%;
    width: 100%;
}

.arrow-icon-bg {
    fill: transparent;
    opacity: 1;
    transition: all .2s ease;
}

.arrow-icon-fg {
    fill: transparent;
    stroke-dasharray: 377;
    stroke-dashoffset: 377;
    stroke: #fff;
    transform-origin: 50% 50%;
    transform: rotate(-90deg);
    transition: all .8s ease;
}

a.arrow-icon:hover .arrow-icon-fg {
    stroke-dashoffset: 0;
    transform: rotate(90deg);
}

@keyframes arrow-bounce {
    0% {
        top: calc(50% + 2px);
    }

    100% {
        top: calc(50% - 4px);
    }
}

a.arrow-icon:hover .arrow-icon-inner {
    animation: arrow-bounce 0.5s infinite alternate ease-out;
}

@media (max-width: 1024px) {
    .button-primary span {
        padding: 11px 40px;
    }

    .button-container svg {
        display: none;
    }

    .arrow-icon {
        border-radius: 50%;
        border: 3px solid #c601d7;
    }

    .button-primary {
        border: 3px solid #c601d7;
        border-radius: 30px;
    }
}

/* Navigation */

.logged-in header {
    top: 32px
}

header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 101;
    height: 104px;
    transition: .4s ease-in-out
}

header.scrolled {
    background: #0B002C;
}


/* Hero */

.hero-wrapper {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 104px);
}

.logged-in .hero-wrapper {
    height: calc(100vh - 136px);
}

.hero-wrapper .button-container-outer {
    margin-top: auto;
    padding-bottom: 80px;
}

.hero-wrapper .button-container {
    transition: .8s ease-in-out;
    opacity: 1;
    visibility: visible;
}

.hero-wrapper .button-container.fadeOut {
    opacity: 0;
    visibility: hidden;
}

.hero-header {
    position: relative;
}

@media(max-width: 991px) {
    .hero-header {
        text-align: center;
    }

    .hero-subheading {
        text-align: center;
    }
}

.hero-header h1 {
    perspective: 600px;
    -webkit-perspective: 600px;
}

.hero-header h1>span {
    display: block;
    opacity: 0;
    transform: translateY(100%) rotateX(-80deg);
    transform-origin: center top;
    transform-style: preserve-3d;
    transition: opacity 0s cubic-bezier(.215, .61, .355, 1), transform 0s cubic-bezier(.215, .61, .355, 1);
    transition-duration: 0s, 0s;
    transition-delay: 0s, 0s;
}

html.is-ready .hero-header h1>span {
    opacity: 1;
    transform: none;
    transition-duration: .8s;
}

html.is-ready .hero-header h1>span:nth-child(2) {
    transition-delay: .1s;
}

html.is-ready .hero-header h1>span:nth-child(3) {
    transition-delay: .2s;
}

html.is-ready .hero-header h1>span>span {
    display: inline-block
}

html.is-ready .hero-header h1>span>span>span {
    display: inline-block
}

.hero-content {
    margin: auto 0
}

.hero-content .container {
    position: relative;
}

.hero-content-inner {
    max-width: 1500px;
}

.hero-subheading {
    overflow: hidden;
    position: relative;
}

.hero-subheading h4 {
    position: relative;
    top: 100%;
    opacity: 0;
    transition: .8s cubic-bezier(.215, .61, .355, 1) .3s
}

html.is-ready .hero-subheading h4 {
    top: 0;
    opacity: 1;
}

.hero-content h1 {
    margin-bottom: 30px
}

.hero-content p {
    margin-left: auto;
    max-width: 300px;
}

.arrow-icon-wrapper {
    position: relative;
    z-index: 50;
}

.home-arrow-icon {
    margin: 0 auto;
    position: relative;
    top: 20px;
    transition: .8s cubic-bezier(.215, .61, .355, 1) .8s
}

.hero-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -2
}

.hero-hexagon-outer {
    position: absolute;
    top: calc(50vh - 100px);
    right: calc(50% - 100px);
    z-index: -1;
    transform: translate(0) scale(1);
    transition: transform .8s ease-out, right .8s ease-in-out;
}

.hero-hexagon-outer.scrolled-two {
    right: 66%;
}

.three-d-hexagon-solid {
    position: relative;
    width: 200px;
    height: 200px;
    transform: scale(1) rotate(0);
    -webkit-animation: spin 32s infinite linear;
    animation: spin 32s infinite linear;
    transform-style: preserve-3d;
    transition: all 1s ease;
}

.three-d-hexagon-solid .three-d-hexagon-solid-side {
    position: absolute;
    left: 0;
    bottom: 50%;
    clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
    width: 200px;
    height: 173.2px;
    transform-origin: 50% 0%;
    background: #8000ff;
    transition: 1s ease-in-out
}

.hero-hexagon-outer.scrolled-two .three-d-hexagon-solid .three-d-hexagon-solid-side {
    background-color: #fff;
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
    width: 193px;
    height: 170px;
    background: #0b002c;
    transition: .8s ease-in-out
}

.hero-hexagon-outer.scrolled .three-d-hexagon-solid .three-d-hexagon-solid-side:after {
    background: transparent;
}

.three-d-hexagon-image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
    width: 193px;
    height: 170px;
    background: #0b002c;
    background-size: cover;
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(1) {
    transform: translateY(-18.5px) rotateY(72deg) rotateX(52.62deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(2) {
    transform: translateY(-18.5px) rotateY(144deg) rotateX(52.62deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(2):after {
    transition-delay: .05s
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(3) {
    transform: translateY(-18.5px) rotateY(216deg) rotateX(52.62deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(3):after {
    transition-delay: .1s
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(4) {
    transform: translateY(-18.5px) rotateY(288deg) rotateX(52.62deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(4):after {
    transition-delay: .15s
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(5) {
    transform: translateY(-18.5px) rotateY(360deg) rotateX(52.62deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(5):after {
    transition-delay: .2s
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(6) {
    transform: translateY(361.8px) rotateY(468deg) rotateX(127.38deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(6):after {
    transition-delay: .25s
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(7) {
    transform: translateY(361.8px) rotateY(540deg) rotateX(127.38deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(7):after {
    transition-delay: .3s
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(8) {
    transform: translateY(361.8px) rotateY(612deg) rotateX(127.38deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(8):after {
    transition-delay: .35s
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(9) {
    transform: translateY(361.8px) rotateY(684deg) rotateX(127.38deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(9):after {
    transition-delay: .4s
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(10) {
    transform: translateY(361.8px) rotateY(756deg) rotateX(127.38deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(10):after {
    transition-delay: .45s
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(11) {
    transform: translateY(86.6px) rotateY(828deg) translateZ(170.1px) rotateX(-10.81deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(11):after {
    transition-delay: .5s
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(12) {
    transform: translateY(86.6px) rotateY(900deg) translateZ(170.1px) rotateX(-10.81deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(12):after {
    transition-delay: .55s
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(13) {
    transform: translateY(86.6px) rotateY(972deg) translateZ(170.1px) rotateX(-10.81deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(13):after {
    transition-delay: .6s
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(14) {
    transform: translateY(86.6px) rotateY(1044deg) translateZ(170.1px) rotateX(-10.81deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(14):after {
    transition-delay: .65s
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(15) {
    transform: translateY(86.6px) rotateY(1116deg) translateZ(170.1px) rotateX(-10.81deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(15):after {
    transition-delay: .7s
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(16) {
    transform: translateY(256.7px) rotateY(1152deg) rotateZ(180deg) translateZ(170.1px) rotateX(-10.81deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(16):after {
    transition-delay: .75s
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(17) {
    transform: translateY(256.7px) rotateY(1224deg) rotateZ(180deg) translateZ(170.1px) rotateX(-10.81deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(17):after {
    transition-delay: .8s
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(18) {
    transform: translateY(256.7px) rotateY(1296deg) rotateZ(180deg) translateZ(170.1px) rotateX(-10.81deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(18):after {
    transition-delay: .85s
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(19) {
    transform: translateY(256.7px) rotateY(1368deg) rotateZ(180deg) translateZ(170.1px) rotateX(-10.81deg) scale(1)
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(19):after {
    transition-delay: .9s
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(20) {
    transform: translateY(256.7px) rotateY(1440deg) rotateZ(180deg) translateZ(170.1px) rotateX(-10.81deg) scale(1);
}

.three-d-hexagon-solid .three-d-hexagon-solid-side:nth-child(20):after {
    transition-delay: .95s
}

@-webkit-keyframes spin {
    0% {
        transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
    }

    100% {
        transform: rotateX(360deg) rotateY(720deg) rotateZ(1080deg) scale(1);
    }
}

@keyframes spin {
    0% {
        transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
    }

    100% {
        transform: rotateX(360deg) rotateY(720deg) rotateZ(1080deg) scale(1);
    }
}

@-webkit-keyframes spin-scrolled {
    0% {
        transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.2);
    }

    100% {
        transform: rotateX(360deg) rotateY(720deg) rotateZ(1080deg) scale(1.2);
    }
}

@keyframes spin-scrolled {
    0% {
        transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.2);
    }

    100% {
        transform: rotateX(360deg) rotateY(720deg) rotateZ(1080deg) scale(1.2);
    }
}

.hero-bg .outer-circle,
.hero-bg .inner-circle {
    position: absolute;
    border: 3px solid rgba(250, 250, 250, .1);
    border-style: dashed;
    border-radius: 50%;
    z-index: -2;
}

.hero-bg .outer-circle {
    width: 80vw;
    height: 80vw;
    top: 20px;
    left: 10vw;
    animation: linear 50s outerCircleRot infinite;
}

.hero-bg .inner-circle {
    width: 60vw;
    height: 60vw;
    top: calc(20px + 10vw);
    left: 20vw;
    animation: linear 30s innerCircleRot infinite;
}

.hero-bg .outer-circle:after,
.hero-bg .inner-circle:after {
    content: '';
    position: absolute;
    border: 3px solid #0B002C;
    border-style: dashed;
    border-radius: 50%;
    transform: rotate(1deg);
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px)
}

@keyframes innerCircleRot {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes outerCircleRot {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Intro section */

.home-intro .row {
    align-items: center;
    overflow: visible
}

@media(max-width: 1024px) {
    .home-intro .row .col-lg-5 {
        display: none;
    }

    .col-lg-7 {
        width: 100%
    }

    .home-intro .section-heading {
        text-align: center;
    }

    .home-intro-animation strong {
        top: 0 !important
    }
}

@media(max-width: 1600px) {
    .home-intro-animation {
        height: 60px;
    }
}

@media(max-width: 1400px) {
    .home-intro-animation {
        height: 50px;
    }
}

@media(max-width: 1199px) {
    .home-intro-animation {
        height: 50px;
    }

    .home-intro-animation strong {
        top: -6px
    }
}

@media(max-width: 991px) {
    .home-intro-animation {
        height: 42px;
    }
}


.home-intro-animation {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-top: 10px;
    height: 70px
}

.home-intro-animation strong {
    top: -8px;
}

.home-intro-animation strong:nth-child(1) {
    animation-delay: 0s;
    position: relative;
}

.home-intro-animation strong:nth-child(2),
.home-intro-animation strong:nth-child(3) {
    position: absolute;
    left: 0;
}

.home-intro-animation strong span {
    position: relative;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s, transform 0.5s;
    animation: fadeInOut 15s infinite;
    display: inline-block;
}

@media(max-width: 1024px) {
    .home-intro .section-heading-left h2 {
        margin-bottom: 50px
    }

    .home-intro .section-heading .home-intro-animation strong {
        width: 100%;
    }

    .home-intro .section-heading-left .section-heading-sub>div:before {
        left: 50%;
        transform: translateX(-50%);
        top: -20px
    }

    .home-intro .section-heading-sub.on-scroll-anim.scrolled-in>div {
        padding-left: 0;
        margin: 0 auto;
    }
}

.home-intro-animation strong:first-child span:first-child {
    animation-delay: 0s
}

.home-intro-animation strong:first-child span:nth-child(2) {
    animation-delay: 0.1s
}

.home-intro-animation strong:first-child span:nth-child(3) {
    animation-delay: 0.15s
}

.home-intro-animation strong:first-child span:nth-child(4) {
    animation-delay: 0.2s
}

.home-intro-animation strong:first-child span:nth-child(5) {
    animation-delay: 0.25s
}

.home-intro-animation strong:first-child span:nth-child(6) {
    animation-delay: 0.3s
}

.home-intro-animation strong:first-child span:nth-child(7) {
    animation-delay: 0.35s
}

.home-intro-animation strong:first-child span:nth-child(8) {
    animation-delay: 0.4s
}

.home-intro-animation strong:first-child span:nth-child(9) {
    animation-delay: 0.45s
}

.home-intro-animation strong:first-child span:nth-child(10) {
    animation-delay: 0.5s
}

.home-intro-animation strong:first-child span:nth-child(11) {
    animation-delay: 0.55s
}

.home-intro-animation strong:first-child span:nth-child(12) {
    animation-delay: 0.6s
}



.home-intro-animation strong:nth-child(2) span:first-child {
    animation-delay: 5s
}

.home-intro-animation strong:nth-child(2) span:nth-child(2) {
    animation-delay: 5.1s
}

.home-intro-animation strong:nth-child(2) span:nth-child(3) {
    animation-delay: 5.15s
}

.home-intro-animation strong:nth-child(2) span:nth-child(4) {
    animation-delay: 5.2s
}

.home-intro-animation strong:nth-child(2) span:nth-child(5) {
    animation-delay: 5.25s
}

.home-intro-animation strong:nth-child(2) span:nth-child(6) {
    animation-delay: 5.3s
}

.home-intro-animation strong:nth-child(2) span:nth-child(7) {
    animation-delay: 5.35s
}

.home-intro-animation strong:nth-child(2) span:nth-child(8) {
    animation-delay: 5.4s
}

.home-intro-animation strong:nth-child(2) span:nth-child(9) {
    animation-delay: 5.45s
}

.home-intro-animation strong:nth-child(2) span:nth-child(10) {
    animation-delay: 5.5s
}

.home-intro-animation strong:nth-child(2) span:nth-child(11) {
    animation-delay: 5.55s
}

.home-intro-animation strong:nth-child(2) span:nth-child(12) {
    animation-delay: 5.55s
}



.home-intro-animation strong:nth-child(3) span:first-child {
    animation-delay: 10s
}

.home-intro-animation strong:nth-child(3) span:nth-child(2) {
    animation-delay: 10.1s
}

.home-intro-animation strong:nth-child(3) span:nth-child(3) {
    animation-delay: 10.15s
}

.home-intro-animation strong:nth-child(3) span:nth-child(4) {
    animation-delay: 10.2s
}

.home-intro-animation strong:nth-child(3) span:nth-child(5) {
    animation-delay: 10.25s
}

.home-intro-animation strong:nth-child(3) span:nth-child(6) {
    animation-delay: 10.3s
}

.home-intro-animation strong:nth-child(3) span:nth-child(7) {
    animation-delay: 10.35s
}

.home-intro-animation strong:nth-child(3) span:nth-child(8) {
    animation-delay: 10.4s
}

.home-intro-animation strong:nth-child(3) span:nth-child(9) {
    animation-delay: 10.45s
}

.home-intro-animation strong:nth-child(3) span:nth-child(10) {
    animation-delay: 10.5s
}

.home-intro-animation strong:nth-child(3) span:nth-child(11) {
    animation-delay: 10.55s
}

.home-intro-animation strong:nth-child(3) span:nth-child(12) {
    animation-delay: 10.55s
}




@keyframes fadeInOut {

    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    6%,
    26% {
        opacity: 1;
        transform: translateY(0px);
    }

    33%,
    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

/* Home slider */

.home-slider~.section-partners {
    padding-top: 150px
}

@media(max-width: 1024px) {
    .home-slider {
        display: none;
    }
}

.home-slide {
    position: relative;
    transition: 1s ease-in-out;
}

.slider-para-container {
    position: relative;
    height: 0;
    transition: 1s ease-in-out
}

.home-slide.active .slider-para-container {
    height: 40px;
}

.home-slide h3 {
    max-width: 600px;
}

.home-slide p {
    max-width: 600px;
    line-height: 110%;
    position: relative;
    top: 10px;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out
}

.home-slide.active p {
    top: 0;
    visibility: visible;
    opacity: 1;
    transition: .3s ease-in-out 1s
}

.home-slide .button-container-outer {
    text-align: left;
    position: relative;
    margin-top: -50px;
    top: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out, margin-top .3s ease-in-out .3s
}

.home-slide.active .button-container-outer {
    top: 0;
    margin-top: 10px;
    visibility: visible;
    opacity: 1;
    transition: all .3s ease-in-out 1.3s, margin-top .3s ease-in-out
}

.home-slide .button-container a {
    height: 50px;
}

.home-slide .button-container span {
    display: block;
    height: 50px;
    line-height: 23px;
}

.home-slider-container {
    height: calc(100vh - 104px);
    position: relative;
}

.logged-in .home-slider-container {
    height: calc(100vh - 136px);
}

.home-slide.active {
    height: 70%
}

.home-slide:not(.active) {
    height: 15%
}


.last-slide-next {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    border: 10px solid red
}

.home-slide {
    overflow: hidden;
}

.slider__clip {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.slider__slides {
    position: relative;
    transition: 1s ease-in-out;
    margin-bottom: 20px;
    height: 100%;
}

.slider__slide {
    max-width: 100vw;
    flex: 0 0 100vw;
    height: 100%;
    line-height: 0;
    background-position: center;
    display: flex;
    align-items: center;
    background-size: 100%;
}

.slider__slide.current {
    background-size: 100%;
}

.slider-dots-container {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 15px;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.slider__dots {
    margin-left: auto;
    width: 15px;
}

.slider__dot {
    width: 15px;
    height: 15px;
    background: rgba(250, 250, 250);
    display: block;
    border-radius: 50%;
    transition: .3s ease-in-out;
    cursor: pointer;
    opacity: .5;
}

.slider__dot+.slider__dot {
    margin-top: 10px;
}

.slider__dot:focus {
    outline: none;
}

.slider__dot:hover,
.slider__dot.current {
    opacity: 1;
    background: #C600D7;
}

@media (max-width: 1024px) {
    .home-slide .button-container span {
        line-height: 17px;
    }
}

/* Home slider mobile */

.home-slider-mobile {
    display: none;
    padding-top: 0 !important;
}

@media(max-width: 1024px) {
    .home-slider-mobile {
        display: block;
    }
}

.mobile-home-swiper-container {
    position: relative;
}

.mobile-home-swiper-container .swiper-slide {
    margin-top: 0 !important;
    height: calc(100vh - 104px);
    display: flex;
    align-items: center;
}

.logged-in .mobile-home-swiper-container .swiper-slide {
    height: calc(100vh - 136px)
}

.mobile-home-swiper-container .swiper-slide h4 {
    max-width: 500px;
}

.mobile-home-swiper-container .swiper-slide .button-container-outer {
    text-align: left;
}

.mobile-home-swiper-container .swiper-slide .slider-para-container {
    height: auto;
}

.mobile-home-swiper-pagination {
    position: absolute;
    bottom: 20px !important;
    left: 0 !important;
    z-index: 1;
    display: flex;
    justify-content: center;
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: rgba(250, 250, 250);
    display: block;
    border-radius: 50%;
    transition: .3s ease-in-out;
    cursor: pointer;
    opacity: .5;
}

.swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 10px;
}

.swiper-pagination-bullet:focus {
    outline: none;
}

.swiper-pagination-bullet:hover,
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #C600D7;
}

/* Latest news */

.latest-inner {
    background: #0d0035;
    padding: 60px
}

@media(max-width: 960px) {
    .latest-inner {
        background: #0d0035;
        padding: 30px
    }
}

.latest-list {
    position: relative;
}

.latest-inner .card-content {
    display: flex;
    padding: 60px 0;
    align-items: center;
    position: relative;
}

.latest-inner .card-content:before {
    content: "";
    display: block;
    height: 2px;
    transition: .5s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(250, 250, 250, .2);
}


.latest-inner .latest-card .card-content:before {
    width: 100%
}

@media(min-width:1025px) {
    .latest-inner .latest-card.on-scroll-anim .card-content:before {
        width: 0;
    }

    .latest-inner .latest-card.on-scroll-anim.scrolled-in .card-content:before {
        width: 100%
    }
}


.latest-inner .card-content h4 {
    padding-right: 50px;
    width: 100%;
    max-width: 1000px;
}

.latest-inner .card-content h4 {
    position: relative
}

@media(min-width:1025px) {
    .latest-inner .latest-card.on-scroll-anim .card-content h4 {
        top: 10px;
        opacity: 0;
        transition: .8s ease-in-out;
        width: 60%;
        padding-right: 30px
    }

    .latest-inner .latest-card.on-scroll-anim.scrolled-in .card-content h4 {
        transition: .8s ease-in-out .2s
    }
}

.latest-inner .card-content p {
    text-align: right;
    display: block;
    margin-left: auto;
    position: relative
}

.latest-inner .latest-card.on-scroll-anim.scrolled-in .card-content p {
    transition: .8s ease-in-out .4s
}

@media(min-width:1025px) {

    .latest-inner .latest-card.on-scroll-anim .card-content h4,
    .latest-inner .latest-card.on-scroll-anim .card-content p {
        top: 10px;
        opacity: 0;
    }

    .latest-inner .latest-card.on-scroll-anim.scrolled-in h4,
    .latest-inner .latest-card.on-scroll-anim.scrolled-in p {
        top: 0;
        opacity: 1;
    }
}

.latest-inner .card-img {
    position: absolute;
    width: 40%;
    top: 0px;
    right: 0px;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out;
    z-index: 10;
}

@media(min-width: 1025px) {

    .latest-inner .latest-card:hover .card-img {
        opacity: 1;
        visibility: visible;
    }
}

@media(max-width: 1260px) {
    .latest-inner .card-content {
        padding: 30px 0;
        display: block
    }

    .latest-inner .card-content h4 {
        margin-bottom: 20px;
    }

    .latest-inner .card-content p {
        text-align: left;
    }
}

/* Business Units */

.bu-first-section {}

.BU-Title {
    width: 100%;
}

.bu-hero-vector {
    width: 60%;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    align-items: center;
}

.bu-hero-vector svg {
    width: 100%;
    display: flex;
}

.bu-hero-vector svg {
    transition: transform .8s ease-out;
}

@media(max-width: 991px) {
    .bu-hero-vector {
        top: 40%;
        width: 100%;
    }
}

.scroller-section .section-heading-sub {
    margin-bottom: 50px;
}

.scroller-section .button-container-outer {
    text-align: left;
}

.scroller-section-inner {
    display: flex;
    width: 100%;
}

.scroller-section-text-wrapper {
    width: 50%;
    padding-right: 150px;
    padding-top: 104px
}

.scrolled-in .scroller-section-text-wrapper {
    padding-top: 136px
}

.scroller-section-text {
    min-height: calc(100vh - 104px);
    display: flex;
    align-items: center;
}

@media(min-width: 992px) and (max-width: 1024px) {
    .scroller-section-text {
        margin: 80px 0
    }
}

@media(max-width: 1024px) {
    .scroller-section-text {
        min-height: auto;
        margin: 80px 0
    }

    .scroller-section-image-wrapper {
        display: none;
    }
}

.scrolled-in .scroller-section-text {
    min-height: calc(100vh - 136px);
}

.scroller-section-text .section-heading {
    margin-bottom: 0;
}

@media(min-width:1025px) {
    .scroller-section-text .button-container-outer.on-scroll-anim {
        transition-delay: .7s
    }
}

.scroller-section-image-wrapper {
    width: 50%;
    left: 0;
    height: calc(100vh - 104px);
    position: sticky;
}

.scrolled-in .scroller-section-image-wrapper {
    height: calc(100vh - 136px);
}

.scroller-section-images {
    width: 50vw;
    position: absolute;
    left: 0;
    top: 104px;
    height: 100%;
    overflow: hidden;
}

.scrolled-in .scroller-section-images {
    top: 136px;
}

.scroller-section-image {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.scroller-section-images-inner {
    top: 0;
    position: relative;
    transition: .8s ease-in-out;
    width: 100%;
    height: 100%;
}

.scroller-section-image-mobile {
    display: none;
}

@media(min-width: 992px) and (max-width: 1024px) {
    .scroller-section-text-wrapper {
        width: 100%;
        padding-right: 0
    }

    .scroller-section-text .section-heading {
        width: 50%;
    }

    .scroller-section-image-mobile {
        display: block;
        width: 50%;
        padding-top: 50%;
        background-size: cover;
        background-position: center;
    }

    .scroller-section-text:nth-child(odd) .scroller-section-image-mobile {
        order: 2;
    }

    .scroller-section-text:nth-child(even) .scroller-section-image-mobile {
        order: 1;
    }

    .scroller-section-text:nth-child(even) .section-heading {
        order: 2;
        padding-left: 40px
    }
}

@media(max-width: 991px) {
    .scroller-section-text-wrapper {
        width: 100%;
        padding-right: 0;
        padding-top: 0;
    }

    .scroller-section-text {
        display: block;
    }

    .scroller-section-text .section-heading {
        text-align: center;
        padding-bottom: 80px
    }

    .scroller-section-text .button-container-outer {
        text-align: center;
    }

    .scroller-section-image-mobile {
        display: block;
        width: 100%;
        padding-top: 50%;
        background-size: cover;
        background-position: center;
    }
}

.sticky-spacer {
    height: 104px;
}

.logged-in .sticky-spacer {
    height: 136px;
}

#speedWarp {
    background-color: #0b002c;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1000;
}

.trusted-by-section {
    padding: 104px
}

/* Trusted by section */

.logged-in .trusted-by-section {
    padding: 104px
}

/* General image animation */

.on-scroll-anim .image-scroll-first {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #110045;
    transition: .8s ease-in-out;
    z-index: 3;
}

.on-scroll-anim .image-scroll-second {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(128, 0, 255);
    z-index: 2;
    background: linear-gradient(90deg, rgba(128, 0, 255, 1) 0%, rgba(198, 1, 215, 1) 100%);
    transition: .8s ease-in-out .4s
}

@media(min-width:1025px) {}

.video-transparent-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(250, 250, 250, 0)
}

.on-scroll-anim.scrolled-in .image-scroll-first,
.on-scroll-anim.scrolled-in .image-scroll-second {
    top: -100%;
}

/* Careers */

@media(min-width: 1025px) {
    .employee-testimonials-section {
        padding-top: 170px
    }
}

/* Landing Page */

.landing-hero .row {
    overflow: visible
}

.landing-hero .hero-header {
    display: flex;
    align-items: center;
    height: 100%;
}

@media(min-width: 992px) {
    .landing-hero-text-outer {
        padding-right: 30px
    }
}

.landing-hero-text-inner h1 {
    margin-bottom: 30px
}

.landing-hero-text-inner .section-heading-sub {
    margin-bottom: 40px
}

.landing-hero-image-outer {
    height: calc(100vh - 104px)
}

.logged-in .landing-hero-image-outer {
    height: calc(100vh - 136px);
    position: relative;
}

.landing-hero-image-inner {
    width: 50vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
}

@media(max-width: 992px) {

    .landing-hero .hero-header {
        padding-bottom: 70px
    }

    .logged-in .landing-hero-image-outer {
        height: auto;
        padding-top: 50%
    }

    .landing-hero-image-inner {
        width: 100%;
    }
}

/* Form */

.hs-form fieldset {
    max-width: 100% !important;
}

.hs-form .hs-form-field{
  position: relative;
  margin-bottom: 40px
}

@media(max-width: 480px){
.hs-form .hs-form-field{
  position: relative;
  margin-bottom: 40px
}
}

.hs-form .hs-form-field .hs-input, .hs-form .hs-form-field .hs-fieldtype-textarea {
    width: 100%;
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px solid #fff;
    background: transparent;
    color: #fff;
    height: 45px;
    outline: none;
  padding-left: 0
}

.hs-form .hs-form-field .hs-fieldtype-textarea{
  height: 120px
}

.hs-form .form-columns-2 .hs-form-field .hs-input{
    width: calc(100% - 20px);
}

.hs-form .form-columns-1 .hs-form-field .hs-input{
  width: calc(100% - 20px)
}

.hs-form .hs-form-field .hs-input option:first-child{
  display: none !important;
  visibility: hidden !important;
  font-size: 0 !important;
}

.hs-form .hs-form-field label{
    color: #fff;
  position: absolute;
  top: 9px;
  left: 2px;
  transition: .4s ease-in-out;
  transform: scale(1)
}

.hs-form .hs-form-field.hs-fieldtype-textarea label{
  top: 2px
}

.hs-form .hs-form-field.with-text label:not(.hs-error-msg),.hs-form .hs-fieldtype-select label:not(.hs-error-msg){
  opacity: .4;
  transform: scale(.8);
  top: -13px;
  left: -1px;
  transform-origin: 0;
}

.hs-form .hs-form-field.with-text.hs-fieldtype-textarea label:not(.hs-error-msg){
  top: -18px
}

.hs-error-msgs{
  padding-left: 0;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0
}

.hs-error-msgs li{
  display: block
}

.hs-error-msgs li:before{
  display: none
}

.hs-error-msgs .hs-error-msg{
  font-size: 12px;
  font-weight: 700;
  color: #C601D7 !important;
  left: 0 !important;
}

.legal-consent-container{
  display: flex;
  margin-bottom: 30px;
}

.hs-form-booleancheckbox:before{
    display: none;
}

.hs-form-booleancheckbox-display input + span,
.legal-consent-container .hs-error-msgs{
  display: none !important
}

.legal-consent-container p{
  font-size: 12px;
  opacity: .7
}

.legal-consent-container .hs-input{
left: 9px;
  position: relative;
}

.hs_submit .actions {
  display: inline-block;
  padding: 3px 2px;
  z-index: -1;
  background: linear-gradient(to right, #8000FF, #C601D7);
  border-radius: 27px;
}

.hs_submit .hs-button{
display: block;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  white-space: nowrap;
display: block;
  padding: 13px 40px;
  border-radius: 25px;
  border: 0;
  position: relative;
  background: #0b002c;
  display: block;
  color: #fff;
}

.legal-consent-container .hs-form-booleancheckbox-display input {
  float: left;
  width: 20px !important;
  left: -31px;
  position: relative;
  display: block;
  top: -20px;
}

/* 2024 edit end*/

/*.scroller-section {
    overflow: hidden;
}

.career-content {
    display: flex;
    position: relative;
}

/*.career-image{
    position: relative;
    top: 482px
}

.career-image div {
    border: 3px solid red
}

.scroller-section #image{
    top: 50%;
}

.scroller-section .step{
    margin-bottom: 0
}*/


/* Main navigation */

body {

    /*    font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
    font-size: 16px;
    z-index: 0;
    background-color: #0B002C !important;
    -webkit-overflow-scrolling: touch;
}

/* news */
.bg-none.landing-page-bg.position-relative {
    width: 100%;
    height: 70vh;
    justify-content: center;
    display: flex;
    background-position: center;

}

.blueNew {
    background-color: #0A0028;
}



.metaverse-academy {
    background-image: url(https://hadean.com/wp-content/uploads/2023/01/Black_BG_Glass.png);
    width: 100%;
    height: 60vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 20%;

}

.buttons1 {
    background-color: #A0EBCA;
    /*
    width: 200px;
    height: 50px;
*/
    border: none;
    border-radius: 10px;
    color: black;
    text-decoration: none;
    display: flex;
    text-align: center;
    justify-content: center;
    padding: 15px;
    display: inline-block;


}


.buttons1:hover {
    background-color: #A6E2FF;
    color: black;
    text-decoration: none;


}

.buttons2 {
    background-color: #A0EBCA;

    border: none;
    border-radius: 10px;
    color: black;
    text-decoration: none;
    display: flex;
    text-align: center;
    justify-content: center;
    padding-top: 11px;
    margin: auto;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
    display: inline-block;
}


.buttons2:hover {
    background-color: #A6E2FF;
    color: black;
    text-decoration: none;


}

.academy {}

.paragraghs {
    color: white;
    font-size: 21px;
    text-align: left;

    position: absolute;
    width: 625px;
    height: 222px;
    margin-top: 25%;

}

.become-metaverse-ready {}

.metaverse-title {
    color: white;
    font-size: 32px;
    font-weight: bold;
    position: absolute;
    margin-top: 20%;
    text-align: left;
}

.heading-home {

    /*            color: white;*/
    background: -webkit-linear-gradient(150deg, #1A35F0, #EF218F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 80px;
    justify-content: center;
    text-align: center;
    position: relative;
    top: 79.5%;
    z-index: -1;
    font-weight: 700 !important;

}

.header-home {

    display: block;
    background-image: url(https://hadean.com/wp-content/uploads/2023/01/iStock-1320273630.png);
    /*            background-size: cover;*/
    background-size: contain;
    background-repeat: no-repeat;
    /*            position: relative;*/
    width: 100%;
    height: 85vh;
    background-position: center;



}

.carousel {
    color: white;
    font-size: 32px;

    text-align: center;
    margin: auto;
    font-weight: bold;


}




/*    news/blogs */

/*blogs section*/

h1.blog-header {
    font-family: 'Inter';
    font-size: 80px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 15%);
    width: 100%;
}

span.blogs-subheading2 {
    font-family: 'Inter';
    font-size: 25px !important;
    text-align: center;
    font-weight: 200;
    left: 50%;
    top: 100%;
    width: 100%;
    transform: translate(-50%);
    position: absolute;

}

/*filter button*/
.ultp-block-d181f9 .ultp-filter-wrap ul li {
    color: #fff;
    display: inline-block;
    font-family: Inter;
    font-size: 1.0625rem;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 19px;
    padding: 10px 24px;
    position: relative;
    text-align: center;
    margin: 10px 10px 5% 10px !important;
    background: linear-gradient(#0B002C, #0B002C) padding-box,
        linear-gradient(90deg, #8000FF 3.08%, #C601D7 96.92%) border-box;
    border-radius: 100px;
    border: 3px solid transparent;


}

.ultp-block-d181f9 .ultp-filter-wrap ul li:hover {


    background: linear-gradient(90deg, #8000FF 3.08%, #C601D7 96.92%) border-box;

}

/*
.ultp-filter-wrap ul li:first-child {
    margin-left: 0!important;
    background: linear-gradient(90deg, #8000FF 3.08%, #C601D7 96.92%);
    color: white !important;
    display: inline-block;
     padding: 10px 24px;
    position: relative;
}
*/

/*
li a.filter-active {
    color: #ffffff !important;
    display: inline-block;
    font-family: Inter;
    font-size: 1.0625rem;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 19px;
    padding: 10px 24px;
    position: relative;
    text-align: center;
    margin: 10px 10px 5% 10px !important;
  background: linear-gradient(90deg, #8000FF 3.08%, #C601D7 96.92%);
  border-radius: 100px;
  border: 3px solid transparent;
    
}
*/

/*end of blogs section*/




.news-heading {
    padding-top: 50px;
    color: white;
    font-weight: bolder;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 80px;
    line-height: 97px;

}



.news-subheading {
    text-align: center;
    color: white;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    line-height: 39px;
}

.blogsHome-bg {
    height: 748px;
    position: relative;
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://hadean.com/wp-content/uploads/2024/01/iStock-1356933529_HDN-2.png);
    background-position: center;
    background-size: cover;
}

.newscards {

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 20px;
    /*        margin-top: 10%;*/
    /*        width: 100%;*/
    justify-content: center;
    flex: auto;


}

.news-date {
    color: #fff;
    font-size: 14px !important;
}

.news-content {

    justify-content: space-between;
    flex: 1;
    /*
    background-color: #1a1a1a;*/
    padding: 30px;
    width: 100%;
    height: 25vh;

    text-align: center;

}

img.attachment-thumbnail.size-thumbnail.wp-post-image {
    width: 100%;
}

@media only screen and (min-width : 600px) and (max-width: 1439px) {

    .newscards {
        grid-template-columns: 1fr 1fr;
    }

    .news-subheading {

        top: 65%;
    }

    .news-heading {
        width: 100%;
    }

}


@media only screen and (min-width : 200px) and (max-width: 599px) {
    .newscards {
        grid-template-columns: 1fr;
    }

    .news-subheading {

        top: 55%;
        width: 70%;
    }

    .news-heading {

        font-size: 40px !important;
        width: 100%;
    }
}

/*blogs category buttons*/

.category-buttons {

    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    position: relative;
    justify-content: center;
    grid-gap: 10px;
    text-align: center;
    margin-top: 10%;
    width: 100%;
    /*      margin-left: 14%;*/
    cursor: pointer;

}

li.cat-item {

    font-family: Inter;
    padding: 9px 22px;
    border: 1px solid #fff;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0.2em;
    text-align: center;
    text-transform: uppercase;
    /*
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
*/
}

li.cat-item:hover {

    /*
    background: #608d79;
    color: black! !important;
*/
}

li.cat-item-all {

    font-family: Inter;
    padding: 9px 22px;
    border: 1px solid #fff;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0.2em;
    text-align: center;
    text-transform: uppercase;
    /*
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
*/
}

li.cat-item-all:hover {

    /*
    background: #608d79;
    color: black! !important;
*/
}




@media only screen and (min-width : 200px) and (max-width: 599px) {

    .category-buttons {

        width: 50%;
        margin-left: 25%;
        grid-template-columns: 1fr;
    }

}

@media only screen and (min-width : 600px) and (max-width: 1439px) {

    .category-buttons {

        width: 100%;
        margin-left: 0;
    }

}



/*careers page*/
.greenbg {
    background-color: #b8e0ba;
}

/*peloader*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background-color: black;
}

#preloader video {
    width: 100%;
    height: 100vh;
    object-fit: cover;

}

#preloader.hidden {

    /*    display: none;*/
    opacity: 0;
    visibility: hidden;

    /*      background-color: transparent;*/

}

@media only screen and max-width(500px) {

    #preloader video {

        /*
/*
        opacity: 0;
        visibility: hidden;
*/
        width: 50%;
        object-fit: contain;

    }

}

.open-positions-btn {
    border: solid 3px #fff;
    padding: 9px 22px;
    line-height: 19px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    color: #fff;
    text-decoration: none !important;
    font-size: 21px;

    /* border:3px solid black !important;*/
    /*    color:black;*/
    /*
    width: 200px;
    height: 50px;
*/
    /*
    background-color: white;
    border: none;
    border-radius: 10px;
    text-decoration: none;
    display: flex;
    text-align: center;
    justify-content: center;
    padding: 15px; 
    display: inline-block;
*/
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);



}

.open-positions-btn: hover {
    /*
    
    text-decoration: none !important;
     background-color: #FF5C37;
    color: white !important;
*/

    color: #07001A !important;
    background: white;

    text-decoration: none !important;


}

.Heading-hero1 {
    color: white;
    font-size: 80px;
    justify-content: center;
    text-align: center;

    z-index: 2;
    font-weight: 700 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.careers-bg {


    display: block;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://hadean.com/wp-content/uploads/2023/07/careers-bg-1920.jpg);
    background-size: cover;

    background-repeat: no-repeat;
    position: relative;

    width: 100%;
    height: 100vh;
    background-position: center;
    background-attachment: fixed;

}

.careers-bg-metaverse {


    display: block;
    background: url(https://hadean.com/wp-content/uploads/2023/07/carerrs-metaverse.jpg);
    background-size: cover;

    background-repeat: no-repeat;
    position: relative;

    width: 100%;
    height: 100vh;
    background-position: center;
    background-attachment: fixed;

}

.careers-bg-defence {


    display: block;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://hadean.com/wp-content/uploads/2023/07/defence-careers-bg.jpg);
    background-size: cover;

    background-repeat: no-repeat;
    position: relative;

    width: 100%;
    height: 100vh;
    background-position: center;
    background-attachment: fixed;

}

.subheading-careers {
    font-size: 21px;
    color: black;
    position: absolute;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);


}

/* .intro-careers{
    
    top: 20%;
    margin-left: 30px;
} */

.careers-subheading {

    color: black;
    text-align: center;
    margin-top: 10%;
    padding-left: 200px;
    padding-right: 200px;
    font-weight: 300 !important;
    font-size: 50px;

}

.careers-para {

    color: black;
    text-align: center;
    padding-left: 150px;
    padding-right: 150px;
    margin-bottom: 10%;

}


.careers-subheading2 {

    color: black;
    text-align: left;
    margin-top: 8%;
    font-weight: bolder;
    position: relative;
    display: flex;
    padding-top: 100px;

}

.careers-para2 {

    color: black;
    text-align: left;
    padding-left: 150px;
    padding-right: 150px;
    justify-content: left;


}

.careers-slideshow {
    width: 50%;
    float: left;
    margin-right: 5%;
}

#mission {

    margin-top: 15%;
}

#mission2 {

    margin-top: 10%;
}

.careers-subheading3 {

    color: black;
    text-align: center;
    /*    margin-top: 8%;*/
    font-weight: bolder;
    font-weight: 300 !important;

}

.careers-para3 {

    color: black;
    text-align: center;
    padding-left: 350px;
    padding-right: 350px;


}



#section-margin {
    margin-bottom: 15%;
    margin-top: 15%;
}

.section-margin {
    margin-bottom: 14%;
    margin-top: 14%;
}

.video-bg {
    position: relative;
    height: 100vh;
}

.video-poster {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: relative;
}




.mfp-hide {
    display: none !important;


}

.video-content-block {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;

}

.video-content-block2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;

}

/*.button {
    padding: 20px 40px;
    font-size: 21px;
    text-decoration: none;
    color: black;
    background-color: white;
    border-radius: 8px;

}

.button:hover {
    background-color: #FF5C37 !important;
    color: white !important;
}*/

.bbcnews {
    width: 100%;
}

.orange-title {
    font-size: 64px;
    font-weight: normal !important;
    color: white;

}

.video-para {

    color: white;
    font-size: 21px;
}

.metaverse-defence {
    display: grid;
    grid-template-columns: 1fr 1fr;
    cursor: pointer;


}


.defence-metaverse-option {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;

}

.defence-metaverse-option img {
    transition: transform .5s ease;
}

.defence-metaverse-option:hover img {
    transform: scale(1.1);
}

img.image-options {
    width: 100%;
}

.jobbutton {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.jobs-button {
    /*    background-color: black;*/
    color: white;
    /*    padding: 25px;*/
    text-decoration: none;
    /*    border-radius: 10px;*/
    font-size: 50px;
    font-weight: bold !important;
    text-align: center;

}

/*
.jobs-button:hover{
    background-color: white;
    padding: 25px;
    border-radius: 10px;
    
}
*/
.defence-flip-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;

}

.defence-cards {
    position: relative;
}

.flip-image {
    width: 100%;
    height: 100%;

}

.defence-content-title {
    top: 80%;
    color: #FF5C37;
    font-weight: bold;
    font-size: 30px;
    position: absolute;
    padding: 13px;
    background: #27203B;
    width: 100%;
    display: block;


}

.defence-flip-title {
    font-size: 30px;
    font-weight: bold;
    color: #FF5C37;
}

.defence-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #27203B;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}

.defence-cards:hover .defence-content {
    height: 70%;
    padding: 20px;
}

.defence-cards:hover #flipped {
    display: none;
}

.defence-careers-subheading {
    padding-top: 5%;
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    color: black;
    font-weight: 300;
}

.all-job-btn {
    justify-content: center;
    display: flex;

}

.all-jobs {
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    background: white;
    color: black;
    cursor: pointer;
}

a.application-text {

    color: black;
    text-align: center;
    background-color: #E8E4FF;
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    display: block;
    text-decoration: none !important;

}

a.application-text:hover {

    background-color: #FF5C37;
    padding: 20px;
    border-radius: 10px;
    color: white !important;
    width: 100%;
    display: block;


}

a.defence-application-text {

    color: black;
    text-align: center;
    background-color: #FF5C37;
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    display: block;
    text-decoration: none !important;

}

a.defence-application-text:hover {

    background-color: white;
    padding: 20px;
    border-radius: 10px;
    color: black !important;
    width: 100%;
    display: block;


}

a.metaverse-application-text {

    color: black;
    text-align: center;
    background-color: #B8E6C2;
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    display: block;
    text-decoration: none !important;

}

a.metaverse-application-text:hover {

    background-color: #E8E4FF;
    padding: 20px;
    border-radius: 10px;
    color: black !important;
    width: 100%;
    display: block;


}




/*
.applications:hover{
    
    border: solid 2px #FF5C37;
    padding: 20px;
    border-radius: 10px;
    
}
*/
/*careers page -responsiveness*/

@media only screen and (min-width : 600px) and (max-width: 1439px) {



    /*
    .careers-bg{
        background-size: contain !important;
		background:url(https://hadean.com/wp-content/uploads/2023/07/CAREERS-BG.jpg);
		width: 100%;
		height: 100vh;
		background-position:center;
		background-repeat: no-repeat;
        
    }
*/

    .subheading-careers {

        padding-left: 0px;
        padding-right: 0px;
        top: 50%;
        width: 80%;
    }

    .careers-subheading {

        padding-left: 0;
        padding-right: 0;
    }

    .careers-para {

        padding-left: 0;
        padding-right: 0;
    }

    .careers-slideshow {
        width: 100%;
        justify-content: center;
        display: block;
        margin-bottom: 10%;
    }

    .careers-subheading2 {
        text-align: center;
        display: block;
    }

    .careers-para2 {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    #mission {

        margin-top: 5%;
    }


    .careers-para3 {

        padding-left: 0;
        padding-right: 0;
    }

    .text-t {
        font-size: 18px;
    }

    .departments {
        grid-template-columns: 1fr 1fr;
        padding: 0;
        /*           width: 50%;*/
        /*        display: block;*/
        position: relative;
        justify-content: center;
    }

    .video-content-block {
        width: 90%;
    }

    .orange-title {
        width: 80%;
        font-size: 50px;
    }

    .video-para {
        width: 100%;
    }

    .metaverse-defence {

        grid-template-columns: 1fr;

    }

    .defence-flip-cards {

        grid-template-columns: 1fr;


    }



}



@media only screen and (min-width : 200px) and (max-width: 599px) {

    .Heading-hero1 {

        font-size: 50px;
    }


    .careers-bg {
        background-size: cover !important;
        background: url(https://hadean.com/wp-content/uploads/2023/07/careers-mobile.jpg);
        width: 100%;
        height: 100vh;
        background-position: inherit;
        background-repeat: no-repeat;

    }

    .careers-bg-defence {
        background-size: cover !important;
        background: url(https://hadean.com/wp-content/uploads/2023/07/Artboard-1.png);
        width: 100%;
        height: 100vh;
        background-position: inherit;
        background-repeat: no-repeat;

    }

    .careers-bg-metaverse {
        background-size: cover !important;
        background: url(https://hadean.com/wp-content/uploads/2023/07/metaverse-careers-mobile.jpg);
        width: 100%;
        height: 100vh;
        background-position: inherit;
        background-repeat: no-repeat;

    }




    .subheading-careers {
        font-size: 18px;
        padding-left: 0px;
        padding-right: 0px;
        top: 55%;
        width: 80%;
    }

    .open-positions-btn {

        top: 68%;
    }

    .careers-subheading {
        padding-left: 0;
        padding-right: 0;

    }

    .careers-para {
        padding-left: 0;
        padding-right: 0;
    }

    .careers-slideshow {

        width: 100%;
        display: block;
        margin-bottom: 10%;

    }

    .careers-subheading2 {

        /*        margin-top: 10%;*/
        text-align: center;
        display: block;
        padding-left: 0;
        padding-right: 0;
    }

    .careers-para2 {

        padding-left: 0;
        padding-right: 0;
        text-align: center;

    }

    .careers-para3 {

        padding-left: 0;
        padding-right: 0;
    }

    .departments {
        grid-template-columns: 1fr;
        padding: 0;
        width: 100%;

    }

    .video-content-block {
        width: 100%;
    }

    .orange-title {

        font-size: 32px !important;
        width: 100%;
        text-align: left;
    }

    .video-para {
        font-size: 16px !important;
    }

    /*    .button {

        top: 88%;

    }*/

    .video-bg {
        height: 120vh !important;
    }

    .video-poster {
        height: 120vh !important;
    }

    #videostory {

        width: 100%;

    }

    .metaverse-defence {

        grid-template-columns: 1fr;

    }

    .defence-flip-cards {

        grid-template-columns: 1fr;
        grid-gap: 50px;


    }

    .defence-content-title {
        top: 90%;

    }

    .defence-flip-title {
        font-size: 18px;
    }

    .defence-cards:hover .defence-content {
        height: 100%;
        padding: 20px;
    }

    .defence-careers-subheading {
        font-size: 21px;
    }

    .defence-flip-content {
        font-size: 14px;
    }

    .defence-cards {
        height: 50vh;
    }

}

@media(max-width: 375px) {


    .open-positions-btn {

        top: 75%;
    }

}

/*smaller mobile*/
@media(max-width: 280px) {
    .orange-title {
        top: 10%;
    }

    .video-poster {
        height: 220vh !important;
    }

    /*
    .button {
        top: 91%;
    }
*/
    .video-bg {
        height: 220vh !important;
    }

    .video-para {
        width: 100% !important;
    }


}

@media(max-width: 360px) {


    .orange-title {
        top: 10%;
    }

    .video-bg {
        height: 170vh !important;
    }

    .video-poster {
        height: 170vh !important;
    }

    /*    .button {
        top: 91%;

    }*/
}

.white {

    background-color: white;
}

/*end of careers*/








.heading-bold {
    font-weight: 600;
}

.heading-large {
    font-size: 2rem;
    margin-bottom: 1rem;
    font-weight: 600;
    color: white;
}

.heading-small {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    padding-top: 50px;
    color: white;
}


#pagination {
    padding: 2rem;
}

#pagination a {
    margin-right: 1rem;
}

.blog-header {
    padding-top: 128px;
    padding-bottom: 32px
}

.blog-content {
    padding-top: 32px;
}

.card-index {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(186px, 1fr));
    color: black;
    column-gap: 1rem;
    row-gap: 1rem;
}

.card {
    transition: all 0.3s ease-out;

}

.card:hover {
    border-color: #A0EBCA;
}

.card a:hover {
    text-decoration: none !important;
}

.card .card-title {
    color: black;
    /*     font-weight: 600; */
    text-decoration: none;
}

.attachment-post-thumbnail {
    width: 100%;
    height: auto;
}

/*
.subheading-blogs{
    
    color: white;
    
    position: absolute;
    margin-top: 10%;
  top: 150%;
  left: 50%;
  transform: translate(-50%, -50%);
}
*/
span.page-numbers.current {
    /*
	 background-color: white !important;
    padding: 10px;
    text-decoration: none;
	color: black !important;
*/
    font-family: Inter;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;

    text-align: center;
    text-transform: uppercase;
    justify-content: center;
    display: inline-flex;
    align-items: center;

}

.page_numbers {
    text-decoration: none !important;
    margin-top: auto;
    font-size: 20px;
    position: absolute;
    text-align: center;

}

a.page-numbers {

    font-family: Inter;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    justify-content: center;
    display: inline-flex;
    align-items: center;
}

.small-copy {
    color: #051031;
    opacity: 0.5;
    font-size: 1rem;
}

#logo-carousel {

    /*
  display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
      width: 100%;
    grid-gap: 20px;
*/
}

#sec2 {

    margin-top: 20%
}


.hadean-careers {


    color: white;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.careers-section {
    background-image: url(https://hadean.com/wp-content/uploads/2023/01/DSC_2600-1.jpg);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    width: -webkit-fill-available;
    height: 50vh;
    justify-content: center;
    opacity: 80%;

}

#industry-container {

    margin-bottom: 20%;

}

/*
.video-container video{
    
    width: 100%;
    height: 100vh;
    position: absolute;
    object-fit: cover;
    z-index: -1;
    opacity: 70%;
    
    
    
}
*/

.intro-title {
    padding-top: 10%;
    color: white;
    text-align: center;
    /*    padding: 180px;*/

}

.title1 {

    font-size: 40px;
    font-weight: bolder;
    padding-left: 150px;
    padding-right: 150px;
    color: white;
}

.paragraph1 {

    font-size: 25px;
    padding-left: 300px;
    padding-right: 300px;
}



.industry-sector {

    margin-bottom: 10%;
    display: flex;
    justify-content: center !important;
    /*
     width:700px !important;
    height: 596px !important;
*/

}

/*logo slider:*/

.slider {
    height: 150pt;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    cursor: default;
    user-select: none;
    width: 100%;

}

.slider:before {
    left: 0;
    top: 0;
}

.slider:after,
.slider:before {

    content: "";
    height: 75pt;
    position: absolute;
    width: 300px;
    z-index: 2;
}

.slider:after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

.slider:after,
.slider:before {

    content: "";
    height: 75px;
    position: absolute;
    width: 300px;
    z-index: 2;
}

.slider .slide-track-1 {
    animation: scroll-l 20s alternate linear infinite;
    display: flex;
    width: 3000px;
    gap: 10px;
}


.slider .slide {
    height: 100px;
    width: 250px;
    display: flex;
    align-items: center;
    text-align: center;
}

.slider .slide img {
    width: 800px !important;
    padding: 10px;
    vertical-align: middle;
    margin: 0 auto;
    display: inline-block;
    max-width: 100%;
    height: auto;
}


@keyframes scroll-l {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-250px * 7));
    }
}

@keyframes scroll-r {
    100% {
        transform: translateX(0);
    }

    0% {
        transform: translateX(calc(-250px * 7));
    }
}

.choose {

    color: white;
    text-align: center;
    font-size: 27px;
}

/*ipad and tablets*/

@media only screen and (min-width : 600px) and (max-width: 1439px) {


    .heading-home {

        font-size: 50px;
        padding: 50px;
    }

    .carousel {
        top: 20%;
        font-size: 21px;
    }

    .logo-carousel {

        /*
        width: 100%;
        height: 100vh;
*/


    }

    .header-home {

        height: 50vh;
        top: 20px;
    }

    .title1 {

        font-size: 32px;

        padding-left: 50px;
        padding-right: 50px;

    }


    .paragraph1 {

        font-size: 21px;
        padding-left: 100px;
        padding-right: 100px;
    }


    .metaverse-title {

        font-size: 21px;
        position: absolute;
        /*  top: 50%;*/
        left: 50%;

        transform: translate(-50%, -50%);
    }

    .paragraghs {

        font-size: 18px;
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
        text-align: center !important;


        /*
        padding-left: 100px;
        padding-right: 100px;
*/
    }


    .buttons1 {
        margin: 0 auto;
        text-align: center;
        padding: 10px;
    }


    .metaverse-academy {

        background-position: top;
        background-size: cover;
    }



    .video-container video {

        width: 100%;
        height: 100vh;
        position: absolute;
        object-fit: contain;
        z-index: -1;
        opacity: 70%;



    }



}

/*Mobile*/

@media(max-width: 375px) {
    .carousel {

        display: inline-flex;
        margin-top: 30%;
        font-size: 21px;

        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .hiring {}

    #academy {

        margin-top: 20%;
        margin-bottom: 100%;

    }


    .metaverse-title {

        margin-top: 30%;
        top: 10;
    }

    .paragraghs {

        font-size: 16px;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center !important;
        margin-bottom: 10%;
        margin-top: 50%;

        /*
        padding-left: 100px;
        padding-right: 100px;
*/
    }

    .buttons2 {

        margin-top: 20%;
    }

}


@media only screen and (min-width : 200px) and (max-width: 599px) {

    .header-home {

        height: 45vh;
        top: 20px;
    }



    .heading-home {

        font-size: 25px;
        padding: 50px;
        margin-bottom: 20%;
    }

    .carousel {
        top: 20%;

        font-size: 21px;
    }

    .video-container video {

        width: 100%;
        height: 100vh;
        position: absolute;
        object-fit: contain;
        z-index: -1;
        opacity: 70%;
        margin-top: 20%;

    }

    .metaverse-title {

        font-size: 21px;
        margin-top: 10%;
        width: 100%;
        text-align: center !important;

    }

    .paragraghs {

        font-size: 18px;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center !important;


        /*
        padding-left: 100px;
        padding-right: 100px;
*/
    }

    .title1 {

        font-size: 21px;

        padding-left: 50px;
        padding-right: 50px;

    }


    .paragraph1 {

        font-size: 18px;
        padding-left: 0px;
        padding-right: 0px;

        margin-bottom: 20%;
    }


    .metaverse-academy {

        height: 50vh;
    }


    .buttons1 {
        margin: 0 auto;
        text-align: center;
        padding: 10px;
    }

    .subheading-para {

        font-size: 18px;
    }

    .choose {

        font-size: 18px;
    }

    .hadean-careers {

        width: 100%;
    }

    .buttons2 {

        padding-top: 12px;
    }

    .column {

        width: 100%;
    }
}



/*navbar goes here*/



header .site-logo img {
    height: auto;
    width: 210px;
    padding: 20px 20px 20px 0
}

div#desktopLogo {
    display: inline-flex;
    position: absolute;
    right: 15%;
    top: 18%;
}

section#flexBar {
    display: block;
    position: relative;
    z-index: 100;
}

nav {
    background-color: #110045;
    color: white;
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 100;
    right: 0;
    top: 0;
    width: 537px;
    height: 100%;
    padding: 50px;
    padding-top: 100px;
    display: none !important;
}

nav.open {
    display: flex !important;
    padding-top: 180px;
}

nav .navBtns {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 200%;
    leading-trim: both;
    text-edge: cap;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    cursor: pointer;
}

nav .navBtns:hover {

    border-bottom: 5px solid transparent;
    border-image: linear-gradient(to right, #8000FF, #C601D7);
    border-image-slice: 1;
    width: 100%;
    display: block;

}

.dropDown {
    overflow: hidden;
}

.dropdownContent {
    display: none;
    z-index: 1;
    position: relative;
    background: #110045;
    border-radius: 8px !important;
    /*    width: 100% !important;*/
    cursor: pointer;

}



.dropdownContent li.NavdropdownBtns:hover {
    background: linear-gradient(to right, #8000FF, #C601D7);
}

.dropdownContent:hover {
    border-top: 5px solid transparent;
    border-image: linear-gradient(to right, #8000FF, #C601D7);
    border-image-slice: 1;
    border-radius: 0px;
}

.dropDown:hover .dropdownContent {
    display: block;
}

.NavBtns {
    color: white;
    text-decoration: none !important;
    cursor: pointer;
}

.NavdropdownBtns {
    padding: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 200%;
    leading-trim: both;
    text-edge: cap;
    text-transform: capitalize;
    list-style: none;
    color: #fff;
}

li.NavdropdownBtns {

    color: #FFFFFF;


}

.contactBtn {
    right: 5%;
    position: relative;
    color: white;
    cursor: pointer;
    padding: 20px;
    display: none;

}

a #ContactBtn {
    color: white;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    display: inline-block;
    font-family: Inter;
    padding: 10px 24px;
    position: relative;
    text-align: center;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    background: linear-gradient(#0B002C, #0B002C) padding-box,
        linear-gradient(to right, #8000FF, #C601D7) border-box;
    /*
      background: linear-gradient(#0B002C, #0B002C) padding-box,
              linear-gradient(to right, #8000FF, #C601D7) border-box;
*/
    border-radius: 100px;
    border: 3px solid transparent;

}

a #ContactBtn:hover {
    background: linear-gradient(to right, #8000FF, #C601D7)padding-box,
        linear-gradient(to right, #8000FF, #C601D7) border-box;
}


header>.container {
    display: flex;
}

.menu-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.hamburger {
    z-index: 999;
    color: white;
    right: 3%;
    height: 40px;
    width: 80px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 30px
}

.hamburger.open {
    top: 20%;
}

.hamburger>span {
    position: relative;
    top: 5px;
    left: 0;
    background: white;
    height: 3px;
    width: 60%;
    transition: all 0.4s ease;
}

.hamburger.open>span {
    top: 0px;
}


.hamburger>span::before,
.hamburger>span::after {
    content: '';
    position: absolute;
    top: -10px;
    background: white;
    width: 100%;
    height: 3px;
    transition: all 0.4s ease;
}


.hamburger.open>span::before {
    transform: rotate(90deg);
    opacity: 1 !important;
    top: 0px;
}

.hamburger.open>span::before,
.hamburger.open>span::after {
    opacity: 0;
}

.hamburger>span::after {
    opacity: 0;
}

.hamburger>span::after {
    top: 10px;
}

.hamburger.open span {
    transform: rotate(45deg);
}

@media(max-width: 767px) {
    .menu-bar .button-container {
        display: none;
    }
}

.slide-in {
    transform: translateX(100%);
    animation: slideInRight 0.5s ease-in-out forwards;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}



@media only screen and (min-width : 600px) and (max-width: 1024px) {
    .hamburger {
        display: flex;
    }

    nav {
        z-index: 100;
        width: 400px;
        max-width: 90vw;
    }
}

@media only screen and (min-width : 200px) and (max-width: 599px) {
    .hamburger {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: baseline;
        flex-wrap: wrap;
    }

    nav {
        width: 100% !important;
        /*    right: -20%;*/
        z-index: 100;
    }

    div#desktopLogo {

        display: none;

    }

    .contactBtn {
        display: block;
    }





}










/*
end of navBar
*/






/*footer*/
footer {
    background-color: #0A0028;
    color: #fff;
    text-align: center;
    padding: 30px 0 !important;
    /* Add some padding for better appearance */
    width: 100%;
    /* Take up the full width of the viewport */
    bottom: 0;
    /* Stick it to the bottom */
    left: 0;
    /* Align to the left */
    /*          position: relative;*/
}

.pagelinks {
    list-style: none;
    font-family: 'Inter';
    text-align: left;
    padding: 0 0 10px;

}

.footerHeader {
    font-family: 'Inter';
    text-align: left;
    font-size: 18px !important;
    font-weight: 900;
}

.addressSize {
    font-family: 'Inter';
    text-align: left;
    padding: 0 0 10px;
}

#phoneNum {
    font-family: 'Inter';
    text-align: left;
    color: white !important;
    text-decoration: none;
}

.footerGrid {
    display: flex;
    width: 100%;
    align-content: center;
    justify-content: center;
    align-items: baseline;
    justify-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 100px;
}

.col-lg-6.footer-heading {
    width: 100%;
}

.copyRight {
    font-family: 'Inter';
    text-align: left;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 20px;
    leading-trim: both;
    text-edge: cap;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    padding-left: 20px;
}

.PrivacyLinks {

    text-align: left;
    text-decoration: none;
    color: white !important;
    list-style: none;

}

.PrivacyLinks:before {
    display: none;
}

#LinksFooter {
    color: white;
    text-decoration: none;
    font-family: 'Inter';

}

ul.footer-links.hide-mobile {
    gap: 50px;
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
}

.socialIcon {
    list-style: none;
}

a.bookMeeting {
    color: #fff;
    display: inline-block;
    font-family: Inter;
    font-size: 1.0625rem;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 19px;
    padding: 10px 24px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    /*    background: linear-gradient(#000000,#000000) padding-box,linear-gradient(to right,#8000ff,#c601d7) border-box;*/
    border-radius: 100px;
    border: 3px solid white;
}

a.bookMeeting:hover {
    background: white;
    color: #000 !important;
    ;
}

.filterWhite {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(500%) contrast(100%);
}

ul.social-links {
    padding: 30px !important;
}

footer ul.social-links li:before {
    display: none;
}

@media only screen and (min-width : 200px) and (max-width: 599px) {
    .footerGrid {
        justify-content: flex-start;
        gap: 50px;
    }


}

/*end of footer*/


/* old webiste css*/

.h3-title {
    position: absolute;
    top: 50%;
    left: 50%;
    font-weight: bold;
    transform: translate(-50%, -50%);

}

.image-container {
    position: relative;
    text-align: center;
    color: white;
    padding-top: 80px;
    /*    play around with image sizing*/
}


/* blogs category page */

.subscribe_btn {
    background-color: #88D699;
    color: black !important;
    border: none;
    border-radius: 8px;
    color: black !important;
    padding: 12px;

}

.subscribe_btn:hover {

    text-decoration: none !important;
    color: white;


}

.js-filter {
    padding-top: 30px;


}

.js-filter-item {

    padding-top: 10px;
    padding-bottom: 10px;
    /* padding:8px; */
    border-radius: 8px;
    margin-bottom: 10px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    /* border: 1px solid #1e90ff; */
    border: 1px solid #6A5C94;
    text-decoration: none;
    list-style: none;
    font-size: 16px;
    width: 150px;
    cursor: pointer;
    text-align: center;
    list-style: none;
    /*  color: #1e90ff; */
    color: white;


}

.js-filter-item:hover {
    opacity: 0.7;
    /* color: #F1431B; */
    color: #6a5c94;
    text-decoration: none !important;

    /*text-align: center;*/
}


#category_button li {

    padding: 0px 0px 5px 25px;
    display: inline-block;
    list-style-type: none;

}

#category_button label {
    padding-top: 10px;
    padding-bottom: 10px;
    /* padding:8px; */
    border-radius: 8px;
    margin-bottom: 10px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    /* border: 1px solid #1e90ff; */
    border: 1px solid #6A5C94;
    text-decoration: none;
    list-style: none;
    font-size: 16px;
    width: 150px;
    cursor: pointer;
    text-align: center;
    list-style: none;
    /*  color: #1e90ff; */
    color: white;
}

#category_button label:hover {
    opacity: 0.7;
    /* color: #F1431B; */
    color: #6a5c94;

    /*text-align: center;*/
}



.button2 p {
    text-align: center;
}

.button2 {


    cursor: pointer;
    text-decoration: none;
    /*     border: 1px solid #1e90ff; */
    border: 1px solid #6A5C94;
    font-size: 16px;
    border-radius: 8px;
    align-items: center;
    padding: 12px 65px 12px 65px;
    margin: 8px 8px 8px 8px;
    display: inline;
    width: 150px;
    color: white;

}

.button2:hover {

    opacity: 0.5;
    /*     color: #F1431B; */
    color: 523C88;
    text-decoration: none;


}

.back_button {


    color: black !important;
    cursor: pointer;
    border-radius: 8px;
    /*     border: 1px solid #1e90ff; */
    background-color: #A0EBCA;
    padding: 10px 10px 10px 10px;
    margin: 5px 5px 5px 5px;



}

.back_button:hover {

    opacity: 0.5;
    color: white;
    text-decoration: none;


}

/* Typography */
a,
a:visited,
a:active,
a:focus {
    /*     color: #18A0FB !important; */
    /*	color: white !important;*/
    text-decoration: none !important;
    transition: all 0.3s ease-out;
}

a:hover {

    color: inherit !important;
}


p,
li,
{
font-size: 1.125rem;
line-height: 1.67;
color: white;

}

li a {
    color: white;
}

h1,
h2,
h3,
h4,
h5 {
    color: white;


}

li {
    color: white;
    font-size: 18px;
}

td {
    color: white;
}

.body-standard {
    font-size: 1.125rem;
}

.body-medium {
    font-size: 1.25rem;
    line-height: 1.25;
}

.body-large {
    font-size: 1.5rem;
    line-height: 1.36;
}

.small-copy {
    color: #051031;
    opacity: 0.5;
    font-size: 1rem;
}

.heading-hero {
    font-size: 2.5rem;
    line-height: 1.42;
    font-weight: 600;
    text-shadow: 1px 2px 2px rgb(0 0 0 / 25%);
}

.heading-bold {
    font-weight: 600;
}

.heading-large {
    font-size: 2rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.heading-small {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    padding-top: 50px;
}

/*
a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: white !important; 
	font-size: 25px;
	color: #FF5C37 !important;
}
*/



@media (min-width: 600px) {


    /* Typography */

    .heading-hero {
        font-size: 3.5rem;
        line-height: 1.42;
    }

    .heading-large {
        font-size: 3rem;
        margin-bottom: 2rem;
    }



    .pad-small {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pad-large {
        padding: 120px 0;
    }

    .pad-top {
        padding-top: 136px;
    }

    .blog-header {
        padding-top: 180px;
        padding-bottom: 60px;

    }

    .blog-content {
        padding-top: 60px;
        padding-bottom: 60px;
        color: white;
    }


    .h-100 {
        padding-top: 0;
        padding-bottom: 30px;

    }

    .card-deck {
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 1rem;
    }

    .card-deck.products {}


}


.card {
    background-color: transparent !important;

}

#zoom:hover {
    -ms-transform: scale(1.5);
    /* IE 9 */
    -webkit-transform: scale(1.5);
    /* Safari 3-8 */
    transform: scale(1.05);
    border-color: #A0EBCA;
    border-style: solid;

}



.card-deck a p {
    color: white;
}

.card-deck a:hover {
    text-decoration: none;
}

.card-deck.products .card {
    background-color: transparent;
    text-align: center;
    /*           border-color: #0d6efd; */
    border: 3px solid #27203B;
    padding: 2rem 0;
}

.card-deck.products .card:hover {
    /*         border-color: #F1431B; */
    border-color: #6A5C94;
    cursor: pointer;
}

.card-deck.products .card img {
    /*         width: fit-content; */
    margin: 0 auto;
    width: 100%;
}

/* Blog pages */
#pagination {
    padding: 2rem;
}

#pagination a {
    margin-right: 1rem;
}

.blog-header {
    padding-top: 128px;
    padding-bottom: 32px;

}

.blog-content {
    padding-top: 32px;
}

.card-index {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(186px, 1fr));
    color: black;
    column-gap: 1rem;
    row-gap: 1rem;
}

.card {
    transition: all 0.3s ease-out;
}

.card:hover {
    border-color: #F1431B;
}

.card a:hover {
    text-decoration: none !important;
}

.card .card-title {
    color: black;
    font-weight: 600;
}

.attachment-post-thumbnail {
    width: 100%;
    height: auto;
}

.wp-block-media-text {
    margin-bottom: 64px;
}

.wp-block-media-text__media {
    align-self: flex-start !important;
}

.wp-block-media-text .wp-block-media-text__content {
    /* padding-left: 0; */
}

.right-pad .wp-block-media-text__content,
.left-pad .wp-block-media-text__content {
    padding: 0;
}

.right-pad .wp-block-media-text__content {
    padding-right: 32px;
}

.left-pad .wp-block-media-text__content {
    padding-left: 32px;
}

.embed-100 .wp-block-embed__wrapper {
    position: relative;
    width: 100% !important;
}

.embed-100 .wp-block-embed__wrapper iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
}

.modal-dialog {
    display: flex;
    height: 100%;
    margin: 0 auto;
    align-items: center;
}


.modal-body {
    position: relative;
    padding: 0px;
}

.close {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}


.modal-content {
    border: none;
}

.modal-backdrop.show {
    opacity: 0.5;
}


.exerpt {
    color: white !important;
}


/*hadean academy*/

.academy-headings {
    color: white;
    display: grid;
    grid-template-columns: 1fr 1fr;


}

.academy-title {
    font-size: 80px;
    width: 100%;
    position: absolute;
    padding-top: 20%;
    padding-left: 50px;

}

.academy-subheading {
    font-size: 21px;
    font-weight: normal !important;

}

.academy-bg {

    display: block;

    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100vh;
    background-position: center;

    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://hadean.com/wp-content/uploads/2023/03/iStock-1405333135.jpg);
}

.academylogo {
    width: 500px;
    z-index: 1;
    display: flex;
    position: relative;
    float: right;
    padding-top: 10%;
}

.image-grid-section {
    display: -ms-flexbox;
    /* IE10 */
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    /* IE10 */
    flex-wrap: wrap;
}


/*RESPONSIVENESS*/



@media only screen and (min-width : 200px) and (max-width: 599px) {


    .academylogo {
        width: 250px;
        z-index: 1;
        display: block;
        position: relative;
        justify-content: center;
        margin-right: 13%;



        /*    padding-top: 10%;*/
    }

    .academy-headings {

        grid-template-columns: 1fr;

    }

    .academy-title {

        text-align: center;
        font-size: 50px;
        margin-top: 50%;
        padding-left: 0;
        padding-right: 0;
    }

    .academy-subheading {
        text-align: center;
    }

}

@media only screen and (min-width : 600px) and (max-width: 1429px) {


    .academylogo {
        width: 350px;
        z-index: 1;

        margin-right: 25%;
        padding-top: 0;


        /*    padding-top: 10%;*/
    }



    .academy-title {

        text-align: center;
        font-size: 60px;
        margin-top: 20%;
        /*        padding-top: 20%;*/
    }

    .academy-subheading {
        text-align: center;
    }

    .academy-headings {

        grid-template-columns: 1fr;

    }

    #usecasenumbers {

        top: 30% !important;
        left: 40% !important;
    }

    #usecasenumbers3 {

        top: 75% !important;
        left: 40% !important;
    }

    #usecasenumbers4 {

        top: 50% !important;
        left: 80% !important;
    }


}

/* about hadean template */

.about-header {

    font-weight: bolder;
    font-size: 80px;
    text-align: center;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);


}

.about-video {

    position: relative;
    opacity: 0.5;
}

.bg-vid {
    object-fit: cover;
    width: 100%;
    height: 100vh;
}

.about-content {
    text-align: center;
    margin-top: 15%;
    margin-bottom: 15%;
    color: white;
    padding-left: 250px;
    padding-right: 250px;
}

.hadean-title {

    color: white;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.hadean-teams {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    background-color: white;
    padding: 50px;
    border-radius: 10px;
    margin-bottom: 15%;
    margin-top: 3%;
    grid-gap: 70px;
}

.hadean-team-content {
    color: black;
    text-align: center;
}

.team-heading {
    font-weight: bold;
    font-size: 25px;
    color: black;
}

.team-content {
    font-size: 21px;
    color: black;
}

.hadean-journey {
    /* position: sticky;*/
    width: 500px;
    height: 100vw;
    transform: rotate(-90deg) translateY(-555px);
    transform-origin: top right;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    cursor: ew-resize;

}

::-webkit-scrollbar {
    display: none;
}

* {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.hadean-story-content {
    width: 100%;
    height: 500px;
    transform: rotate(90deg);
    position: relative;
    margin: 10px 0;



}


.green-heading {
    color: #66D682;
    font-weight: bold;
}

.story-heading {
    text-align: left;
    color: white;
    /* 		text-align:center;
		position:relative;
		left:-100px; */
    font-weight: bold;
    font-size: 21px;
}

.story-content {
    color: white;
    width: 292px;
    text-align: left;
    /* 		text-align:center; */
}

@media only screen and (min-width: 1900px) {
    .hadean-journey {
        transform: rotate(-90deg) translateY(-700px);

    }
}

@media only screen and (min-width : 200px) and (max-width: 599px) {

    .about-content {

        padding-left: 0;
        padding-right: 0;
    }

    .about-header {
        font-size: 50px;
    }

    .hadean-teams {

        grid-template-columns: 1fr;

    }

    .hadean-journey {
        display: block;
        position: relative;
        transform: rotate(0deg);

    }

    .hadean-story-content {

        transform: rotate(0deg);
        position: relative;
        margin: 10px 0;
        margin-bottom: 20%;



    }

    /*           .hadean-icon{
      display:block;
    } */
    .arrow-mobile {
        display: block !important;
        float: left;
    }

    .scroll {
        display: block !important;
        font-size: 14px;
    }

}

@media only screen and (min-width : 600px) and (max-width: 1439px) {
    .about-content {

        padding-left: 0;
        padding-right: 0;
    }

    .hadean-journey {
        transform: rotate(-90deg) translateY(-500px);


    }

    .hadean-teams {

        grid-template-columns: 1fr 1fr;

    }

}

.hadean-icon {
    float: left;
}

.scroll {
    display: none;
}

.arrow-mobile {
    display: none;
}


/*    Hadean academy content*/

.academy-thumbnails {
    height: 30vh;
    width: 100%;
    aspect-ratio: 16 / 9;


}


.academy-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;



}

.image-grid {
    position: relative;
    text-align: center;
    color: white;



}

.academy-title-tn {

    position: absolute;
    top: 50%;
    left: 50%;
    text-align: left;
    transform: translate(-50%, -50%);
    font-size: 35px;
    font-weight: bold;
}





/*military metaverse*/
.defence-nav {

    /*        overflow: hidden;*/
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    background-color: #FF8561;
    cursor: pointer;
    position: fixed;
    z-index: 100;
    width: 100%;
}

.defence-nav a {


    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;

}

.defence-nav a.active {
    /*         color: white; */
    /*         font-weight: bold; */
    font-size: 17px;
    text-align: center !important;


}

.defence-nav .icon {
    display: none;
}


a.landing-nav:hover {
    color: white !important;

}

.mm-title {

    text-align: left;
    color: white;
    font-size: 100px;
    font-weight: bold;
    padding-left: 2%;
    padding-top: 20%;
}

.intro-to-military {
    text-align: center;
    /*    margin-bottom:10%; */
    padding-left: 150px;
    padding-right: 150px;
    font-size: 30px;


}

.mm-bg {

    height: 100vh;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    background-size: cover;
    /*    background-attachment: fixed;*/
}

.section2 {

    color: white;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin-top: 20%;
    margin-bottom: 5%;
}

.hovering-effect {

    height: 450px;
}

.why-now-section {

    display: grid;
    /*    position: absolute;*/
    grid-template-columns: 1fr 1fr 1fr;


}

.hovering-effect {
    position: relative;
    text-align: center;
    cursor: pointer;
    height: 100vh;
}



.hovering-effect .numbers {

    text-align: center;
    background-color: #FF8561;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-block;
    border-style: solid;
    border-color: white;
    position: absolute;

    font-size: 22px;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.hovering-effect .icon-number {
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    position: absolute;

}

.hovering-effect .hover-title {

    position: relative;
    color: white;
    font-size: 25px;
    top: 45%;
    font-weight: bold;

}

.hovering-effect #hcontent {
    position: relative;
    top: 40%;
    opacity: 0;
    padding-left: 50px;
    padding-right: 50px;

}

.hovering-effect:hover .hover-title {
    top: 35%;
}

.hovering-effect:hover .numbers {
    top: 25%;
}

.hovering-effect:hover .icon-number {
    top: 25%;
}

.hovering-effect:hover #hcontent {

    opacity: 1;
    transform: opacity 0.10s ease-in;

}

.transformationcolumns {
    /*
    display: grid;
    grid-template-columns: 1fr;
    float: right;
    justify-content: center;
*/
    grid-gap: 20px;


}

.transformation-image {
    /*    width: 70%;*/
    width: 300px;

    float: left;
}

.transformation-text {
    margin-left: 1%;
}

.transformation-title {

    text-align: center;
    font-weight: bold;
    font-size: 25px;

}

.transformation-content {

    left: 25%;
    position: relative;
    display: flex;
    text-align: center;
    font-size: 21px;
    background-color: #000;
    color: #fff;
    width: 50%;
    border-radius: 8px;
    padding: 25px;
}

.white-bg {
    background-color: white;
    padding-bottom: 10%;
    padding-top: 10%;
}

.orangebackground {
    background-color: #FF8561;
}

.white-bg2 {
    background-color: white;
    padding-bottom: 10%;
}

.white-bg3 {
    background-color: white;
    padding-bottom: 5%;
    padding-top: 5%;

}


.green-bg {
    /*    height: 100vh;*/
    background-color: #88D699;
}

.blue-bg {

    background-color: #8FA7FC;
}

.blue2-bg {
    background-color: #7A8ED6;
    padding-top: 2%;
}

.black-bg {
    /*    height: 100vh;*/
    /*    position: relative;*/
}

#bg-video {

    width: 100%;
    position: absolute;
    object-fit: cover !important;
    height: 93.5%;
    opacity: 0.5;
}

}

.usecase-bg {
    height: 100vh;

}

.grey-bg {

    background-color: #D9D9D9;
    padding-top: 8%;
    padding-bottom: 17%;

}

.section-title {
    text-align: center;
    font-weight: bold;
    font-size: 32px;
    margin-bottom: 5%;
    /*    margin-top: 10%; */
    padding-top: 5%;
}

.challenge-title {

    text-align: center;
    font-weight: bold;
    color: black;
    font-size: 32px;
    padding-top: 2%;

}

.techt {

    color: black;
    text-align: center;
    font-weight: bold;
}

.techc {

    color: black;
    text-align: center;
    /*
    padding-left: 100px;
    padding-right: 100px;
*/

}

.orange {
    background-color: #FF5C37;
    padding-bottom: 10%;
    /*
    padding-top: 10%;
    height: 100vh;
*/
}

.challenges {

    padding-top: 15%;
    padding-bottom: 15%;

}

.challengecolumns {

    display: grid;
    grid-template-columns: 1fr 1fr;
    /*    grid-gap: 20px;*/
}

.challengecontent {

    margin-top: 5%;
    border-style: solid;
    border-color: black;
    width: 80%;
    margin-left: 10%;
    border-width: medium;
    padding: 20px;
}

.benefitscolumns {

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 5%;
    grid-gap: 20px;



}

.benefitscolumns2 {

    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 5%;
    grid-gap: 20px;
}

.benefitscolumns3 {

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 5%;
    grid-gap: 20px;
}

.benefitssection {

    text-align: center;
    background-color: black;
    padding: 50px;
    border-radius: 8px;


}

.benefit-title {
    color: white;
    font-weight: bold;
}

.benefit_contents {
    color: white;
    justify-content: center;
}

.benefitsnumbers {

    text-align: center;
    background-color: #FF8561;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: white;
    font-size: 22px;
    display: inline-block;
}

.defence-logo {

    width: 800px;
    height: 800px;
    left: 25%;
    position: relative;
}

.usecase-content1 {
    color: black;

}

.usecaseimg {

    margin-top: 5%;

    background: url('https://hadean.com/wp-content/uploads/2023/03/ICO_Defence_Virtual.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    height: 85vh;
    position: relative;


}

.usecaseimg2 {
    margin-top: 5%;
    background: url('https://hadean.com/wp-content/uploads/2023/03/ICO_Consumer_Virtual.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    height: 85vh;
    position: relative;

}

.usecaseimg3 {
    margin-top: 5%;
    background: url('https://hadean.com/wp-content/uploads/2023/03/ICO_Industrial_Virtual-1.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    height: 85vh;
    position: relative;
}

.domain-content {
    left: 5%;

}

.domain-content-2 {
    left: 5%;
}

.domain-content-4 {
    left: 5%;
}

#usecasenumbers {

    left: 70%;
    top: 30%;
    /*    position: relative;*/
}

.usecase-content {

    top: 50%;
    left: 40%;


}

#usecasenumbers1 {
    left: 30%;
    top: 45%;
}

.usecase-content-1 {
    left: 30%;

}

#usecasenumbers2 {
    left: 45%;
    top: 80%;
}

.usecase-content-2 {
    left: 40%;
    top: 40%;

}

#usecasenumbers3 {
    left: 75%;
    top: 80%;
    /*    position: relative;*/
}

#usecasenumbers7 {
    left: 50%;
    top: 50%;
    /*    position: relative;*/
}

.usecase-content-3 {
    left: 40%;
    top: 50%;

}

#usecasenumbers4 {
    left: 90%;
    top: 50%;
}

.usecase-content-4 {
    left: 60%;
    top: 50%;

}

#usecasenumbers5 {
    left: 50%;
    top: 10%;
}

.usecase-content-5 {
    left: 60%;
    top: 20%;

}

.usecase-title1 {
    color: black;
    font-weight: bold;
    font-size: 18px;
}

.usecase-content1 {

    font-size: 16px;
}


#hovertext {

    text-align: center;
    width: 30%;
    position: relative;
    display: none;
    border-radius: 10px;
    background-color: #FF8561;
    padding: 25px;
    z-index: 5;
    display: none;

}

.usecase-content-industrial {
    left: 38%;
    top: -20%;

}


.usecase-content-industrial2 {
    left: 45%;
    top: 10%;


}

.usecase-content-industrial3 {
    left: 57%;
    top: 0%;
}





/* academy responsiveness*/
/*mobile*/

@media only screen and (min-width : 200px) and (max-width: 599px) {

    .usecase-bg {
        height: auto;

    }

    #bg-video {
        display: none;
    }


    .academy-grid {

        grid-template-columns: 1fr 1fr;



    }

    .columtemplate {
        grid-template-columns: 1fr !important;
        padding: 10px;
    }

    .academy-title-tn {



        font-size: 20px;

    }


    .defence-nav {
        grid-template-columns: 1fr;
        position: static;

    }

    .mm-title {

        text-align: center;
        color: white;
        font-size: 50px;
        font-weight: bold;
    }

    .intro-to-military {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        font-size: 21px;
    }

    .why-now-section {

        grid-template-columns: 1fr;


    }

    .hovering-effect:hover .hover-title {
        top: 25%;
    }

    .hovering-effect:hover .numbers {
        top: 15%;
    }

    .hovering-effect:hover .icon-number {
        top: 15%;


    }

    .hovering-effect:hover #hcontent {

        top: 30%;

    }

    .hovering-effect {
        height: 100vh;
    }

    .hover-numbers {
        display: none;
    }

    #hcontent {
        font-size: 16px;
    }

    .hover-title {
        font-size: 18px;
    }

    .transformation-content {
        width: 100%;
        display: block;
        left: 0;
    }

    .transformation-image {
        float: none;
        width: 100%;



    }

    .challengecolumns {
        grid-template-columns: 1fr;
    }

    .benefitscolumns {

        grid-template-columns: 1fr;
    }

    .usecaseimg {
        display: inline-table;
        grid-gap: 10px;
        position: relative;
        height: auto;
        /*    left: 15%;*/
        background-attachment: fixed;
        background-size: contain;
    }

    .usecaseimg2 {
        display: inline-table;
        grid-gap: 10px;
        position: relative;
        height: auto;
        /*    left: 15%;*/
        background-attachment: fixed;
        background-size: contain;
    }

    .usecaseimg3 {
        display: inline-table;
        height: auto;
    }

    .usecasenumbers {

        left: 30%;
        top: 35%;
        position: relative;
    }

    #hovernum {
        display: none;
    }

    #hovertext {
        display: block;
        width: 70%;
        left: 15%;
        margin-top: 10%;
        margin-bottom: 10%;
        /*    padding: 30px;*/
    }

    .usecase-content {
        left: 0%;
        top: 0;


    }

    #usecasenumbers1 {
        left: 0%;
        top: 0;
    }

    .usecase-content-1 {
        left: 0%;
        bottom: 10%;

    }

    #usecasenumbers2 {
        left: 20%;
        top: 65%;
    }

    .usecase-content-2 {
        left: 0%;
        top: 0;

    }

    #usecasenumbers3 {
        left: 25%;
        top: 50%;
    }

    .usecase-content-3 {
        left: 0%;
        top: 0;

    }

    #usecasenumbers4 {
        left: 30%;
        top: 40%;
    }

    .usecase-content-4 {
        left: 0%;
        top: 0;

    }

    usecasenumbers5 {
        left: 0%;
        top: 0;
    }

    .usecase-content-5 {
        left: 0;
        top: 0;

    }


    .usecase-title1 {
        color: black;
        font-weight: bold;
        font-size: 16px;
    }

    .usecase-content1 {

        font-size: 12px;
    }


    .benefitscolumns2 {


        grid-template-columns: 1fr;


    }

    .hadenacademy-consumer-content {
        grid-template-columns: 1fr !important;
        padding-left: 0 !important;
        padding-right: 0 !important;

    }


    .benefitscolumns3 {

        grid-template-columns: 1fr;

    }

    .hadenacademy-industry-sectors {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100%;
    }

    .sector-bg {
        width: 100%;
        height: 100vh;
    }

    .sector-title {

        top: 20% !important;

    }

    .sectors-content {

        top: 65% !important;
        left: 0 !important;

        width: 100% !important;

    }

    #icon1 {

        top: 50% !important;
        left: 10% !important;
    }

    #icon2 {

        top: 50% !important;
        left: 28% !important;
    }

    #icon3 {

        top: 50% !important;
        left: 45% !important;
    }

    #icon4 {

        top: 50% !important;
        left: 65% !important;
    }

    .sector-content2 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100%;
    }

    #infrographic {

        height: 50%;
    }

    .intro-to-consumer {

        width: 100% !important;
        display: block;

    }
}

#infrographic {

    width: 100%;
}

/* tablet */

@media only screen and (min-width : 600px) and (max-width: 1439px) {

    .sector-content2 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100%;
    }

    .hadenacademy-industry-sectors {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100%;
    }

    .academy-grid {

        grid-template-columns: 1fr 1fr 1fr;



    }


    .academy-title-tn {



        font-size: 35px;

    }



    .intro-to-military {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .why-now-section {

        grid-template-columns: 1fr;


    }


    .transformation-content {
        width: 80%;
        left: 10%;

    }

    .transformation-image {

        width: 300px;



    }

    .benefitscolumns {

        grid-template-columns: 1fr;
    }

    .benefitscolumns3 {


        grid-template-columns: 1fr;

    }

    .usecasenumbers {

        left: 30%;
        top: 35%;
        position: relative;
    }

    .usecase-content {

        top: 0%;
        left: 40%;


    }

    .usecasenumbers1 {
        left: 0%;
        top: 40%;
    }

    .usecase-content-1 {
        left: 10%;
        bottom: 10%;

    }

    .usecasenumbers2 {
        left: 20%;
        top: 65%;
    }

    .usecase-content-2 {
        left: 40%;
        top: 65%;

    }

    .benefitscolumns2 {


        grid-template-columns: 1fr;


    }

    .domain-content {
        width: 40% !important;

    }

    .domain-content-2 {

        width: 40% !important;
    }

    .domain-content-4 {

        width: 40% !important;
    }

    .sector-bg {
        width: 100%;
        height: 100vh;
    }


    #icon1 {

        top: 30% !important;
        left: 10% !important;
    }

    #icon2 {

        top: 30% !important;
        left: 20% !important;
    }

    #icon3 {

        top: 30% !important;
        left: 30% !important;
    }

    #icon4 {
        top: 30% !important;
        left: 40% !important;
    }

    .sectors-content {
        width: 50% !important;
        top: 30% !important;
    }

    .sector-title {
        top: 30%;
    }

    .hadenacademy-consumer-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .intro-to-consumer {

        width: 100% !important;
        display: block;

    }

    #sectors-content-hover1 {
        top: 30% !important;
        left: 35% !important;
    }

    #sectors-content-hover {
        top: 30% !important;
        left: 30% !important;
    }

    #sectors-content-hover2 {
        top: 30% !important;
        left: 35% !important;
    }

    .columtemplate {

        grid-template-columns: 1fr 1fr !important;
    }

}

/*consumer metaverse page*/

.hadenacademy-consumer-content {

    text-align: center;
    /*    margin-top: 10%;*/
    /*
    padding-left: 165px;
    padding-right: 165px;
*/
    padding: 55px;

}

.intro-to-consumer {

    font-size: 21px;
    line-height: 29px;
    display: inline-grid;
    width: 887px;


    position: relative
}

.question {
    font-size: 32px;
    color: white;
    font-weight: bold;
    text-align: center;
    /*    padding-top: 10%;*/

    position: relative;
}

.benefits-list {

    color: white;
}

.usecase-list {
    color: black;
}

/*industry sectors*/

.hadenacademy-industry-sectors {
    /*    padding-top: 15%;*/
    /*    text-align: center;*/
    padding-left: 150px;
    padding-right: 150px;
    color: black;
}

.sector-content2 {

    padding-left: 150px;
    padding-right: 150px;

}

.image-section {
    /*    margin-top: 15%;*/
    position: relative;
    cursor: pointer;
}

.sector-bg {
    position: relative;
    width: 100%;
    /*    height: 100vh;*/
}

.sector-bg2 {
    position: relative;
    width: 100%;
    /*    height: 100vh;*/
}

/*
.sector-bg3{
    position: relative;
    width: 100%;
    height: 100vh;
}
*/
.sector-title {
    position: absolute;
    top: 10%;
    left: 7%;
}

.image-sector-heading {
    font-weight: bold;
    font-size: 32px;
    color: white;
}

.sectors-content {
    position: absolute;
    top: 50%;
    left: 50%;
    background: white;
    border-radius: 8px;
    width: 45%;
    padding: 25px;
    color: black;
    display: none;
    z-index: 10;
}



.icon-hovering:hover+.sectors-content {

    display: block;

}

.icon-hovering {
    position: absolute;
    /*    top: 70%;*/


    cursor: pointer;
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;

}





@keyframes floating {
    0% {
        transform: translate(0, 0px);
    }

    50% {
        transform: translate(0, 15px);
    }

    100% {
        transform: translate(0, -0px);
    }
}

.hover-numbers {

    position: absolute;
    cursor: pointer;
}

.hover-numbers:hover+#hovertext {

    display: block;
    text-decoration: none !important;
    color: black;

}

#icon1 {

    top: 40%;
    left: 20%;



}

#icon2 {

    top: 70%;
    left: 50%;
}

#icon3 {

    top: 40%;
    left: 62%;
}

#icon4 {
    top: 20%;
    left: 45%;

    /*         top: 10%;
    left: 38%; */
}

.fields {
    color: black !important;
}

.bulletpoints {

    background-color: black;
    padding: 50px;
    border-radius: 8px;
    text-align: center;
    height: 100%;
}

.img-links {
    text-decoration: none;
    color: white !important;
}

.img-links:hover: {
    text-decoration: none !important;
    color: white;
}

/*

template codes
*/
.columtemplate {

    display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /*     grid-gap: 30px; */
    /*    padding: 25px;*/




}

.column_content {
    text-align: center;
    font-size: 18px;
    color: black;
    /*    padding: 10px;*/
    padding-top: 10%;
    padding-bottom: 10%;
    padding: 25px;


}

.float-content1 {
    top: 20%;
}

#sectors-content-hover {
    top: 30%;
    left: 25%;
}

#sectors-content-hover1 {
    top: 60%;
    left: 0;
}

#sectors-content-hover2 {
    top: 13%;
    left: 55%;


}


@media(min-width:1080px) {


    #usecasenumbers {

        top: 30% !important;
        left: 65% !important;
    }

    #usecasenumbers3 {

        top: 75% !important;
        left: 70% !important;
    }

    #usecasenumbers4 {

        top: 50% !important;
        left: 10% !important;
    }

    .usecase-content-industrial {
        left: 30%;
        top: -10%;

    }


    .usecase-content-industrial2 {
        left: 40%;
        top: 0%;


    }

    .usecase-content-industrial3 {
        left: 90%;
        top: 0%;
    }

}

@media(min-width:1024px) {


    #usecasenumbers {

        top: 30% !important;
        left: 65% !important;
    }

    #usecasenumbers3 {

        top: 75% !important;
        left: 70% !important;
    }

    #usecasenumbers4 {

        top: 50% !important;
        left: 90% !important;
    }


    .usecase-content-industrial {
        left: 30%;
        top: -10%;

    }


    .usecase-content-industrial2 {
        left: 40%;
        top: 20% !important;


    }

    .usecase-content-industrial3 {
        left: 57%;
        top: 10% !important;
    }

}

/*Landing page*/

/*
.section-title{
        margin-top: 10%;
        margin-bottom: 10%;
    }
*/

.soho-heading {
    color: black;
    font-size: 32px;
    text-align: center;
    font-weight: 550;

}

/*
#margin-space{
    margin-top: 10%;
}
*/
.filmsoho-vid {

    display: block;
    /* iframes are inline by default */
    height: 100vh;
    /* Set height to 100% of the viewport height */
    width: 100vw;
    /* Set width to 100% of the viewport width */
    border: none;
    /* Remove default border */
}

.header-bg {
    background: url(https://hadean.com/wp-content/uploads/2023/05/twiggy-header-no-logo-1.png);
    position: relative;
    height: 120vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;


}

.header-bg2 {
    background: url(https://hadean.com/wp-content/uploads/2023/05/Twiggy_Streaming-01.jpg);
    position: relative;
    height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;


}

.twiggy-logo {
    width: 888px;
    height: auto;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;

}

/* .section-title2{
			   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
		} */


.the-scene {
    margin-top: 10%;
    margin-bottom: 20%;
}

.scene-title {
    color: white;
    font-weight: 450;
    padding-top: 10%;
}

.scene-content {
    width: 567px;

}

.model-1 {
    float: right;
    width: 40%;
}

.the-experience {
    margin-top: 10%;
    margin-bottom: 10%;
    position: relative;
}

.model-2 {
    width: 40%;

}

.experience-title {
    color: white;
    font-weight: 450;
    /*        text-align: right;*/
    padding-top: 10%;
}

.the-experience-content {
    /*
       display: flex;
        gap: 150px;
*/

}

.float-content {
    /*
        width: 600px;
        float: right;
     padding-left: 200px;
        padding-right: 200px;
        position: relative;
*/

    float: right;
    width: 45%;

}


.register-title {
    width: 100%;
    color: #E83C6C;
    font-weight: bold;
    text-align: left;
    font-size: 30px;

}

.regsiter-para {
    text-align: left;
    font-size: 21px;
    font-weight: 450;
    /*
        padding-left: 150px;
        padding-right: 150px;
*/

}

.regsiter-para2 {
    text-align: left;
    font-size: 21px;
}

/*
    .register-now{
        position: relative !important;
    }
*/
.register-form {

    /*
        	width:65%;
	 left: 50%;
        top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
*/
    float: left;
    width: 100%;
}

.soho-logos {
    display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;

}

.film-soho-logos {
    width: 100%;
}

.flowers {
    width: 50%;
    position: absolute;
    transform: translate(-50%, -60%);


}

.register {
    background-color: #6AB5A9 !important;

    padding-top: 20px;
    padding-bottom: 20px;

}

.form {
    background-color: #262039;
    color: #E83C6C;
    padding: 25px;
    font-size: 21px;
    padding: 25px;
    width: 50%;
    transform: translate(50%, 50%);
    border-radius: 10px;
    cursor: pointer;
}

@media only screen and (min-width : 600px) and (max-width: 1439px) {



    .twiggy-logo {
        width: 100%;
    }


    .content-date {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    /*     .model-1{

        float: none;
        width: 50%;
        display: block;
        align-items: center;

        display: block;
  margin: auto;
        float: none;
  width: 50%;
    } */
    .scene-title {
        text-align: left;
    }

    .scene-content {
        width: 100%;
        text-align: left;
    }

    .model-2 {
        /*
        float: none;
        width: 100%;
        display: block;
        align-items: center;
*/

        display: block;
        margin: auto;
        padding: 20px;
        width: 50%;
    }

    /*
        .the-experience-content{
            display: flex;
            gap:20px;
        }
*/
    .the-experience-content {
        display: flex;
        width: 100%;
    }

    .float-content {
        width: 100% !important;
        float: none !important;
        text-align: center;
    }

    .regsiter-para {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .landing-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }

    #landing-background {
        background-size: contain !important;
        /*            height: 30vh !important;*/
    }

    /* 		.section-title{
			    transform: translate(0%, 50%);
		} */

}


@media only screen and (min-width : 200px) and (max-width: 599px) {

    /* 		.section-title2{
			    transform: translate(0%, 100%);
		} */
    .header-bg {
        height: 125vh !important;
    }

    .header-bg2 {
        height: 100vh !important;
        background-position: unset;
    }


    .twiggy-logo {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .date-tite {
        font-size: 21px;
    }

    .content-date {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        font-size: 18px;
    }

    .model-1 {
        float: none;
        width: 100%;
        display: block;
        align-items: center;
    }

    .scene-title {
        text-align: center;
    }

    .scene-content {
        width: 100%;
        text-align: center;
    }

    .model-2 {
        float: none;
        width: 100%;
        display: block;
        align-items: center;
    }

    .the-experience-content {
        display: inline-block;
    }

    .float-content {
        width: 100% !important;
        float: none !important;
        text-align: center;
    }

    .regsiter-para {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .soho-logos {

        grid-template-columns: 1fr;

    }

    .register {
        padding-top: 35px;
        padding-bottom: 35px;

    }

    .form {
        font-size: 16px;
        padding: 15px;
    }

    .landing-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }

    #landing-background {
        background-size: contain !important;
        height: 30vh !important;
    }

}

/*landing page during event*/
.middle-section {
    margin-top: 10%;
    /*    margin-bottom: 10%;*/
}

.middle-title {

    color: white;
    font-size: 32px;
    font-weight: 550;
    text-align: center;
    padding-left: 150px;
    padding-right: 150px;
}

.middle-para {
    font-size: 21px;
    text-align: center;
    padding-left: 150px;
    padding-right: 150px;
}

#logo-margin {
    margin-top: 5%;
    margin-bottom: 10%;
}

.live-stream-title {
    text-align: center;
    color: white;

}

/*Templates*/

.landing-content {
    margin-top: 10%;
    margin-bottom: 10%;
    padding-left: 150px;
    padding-right: 150px;
}

/* #fc1c6a */



/*enterprise page*/

.main-bg {
    background: url(https://hadean.com/wp-content/uploads/2023/05/Homepage_Enterprise_Flat-1.png);
    background-position: center;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: fixed;

}

.enterprise-headings {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.enterprise-title {
    font-size: 100px;
    text-align: center;
    font-weight: bold;
    width: 100%;
    color: black;
}

.enterprise-subheading {
    color: white;
    text-align: center;
    font-size: 30px;
}

.trustedby {

    font-size: 32px;
    color: white;
    text-align: center;
    padding-top: 8%;
}

.video-bg {
    position: relative;
    height: 600px;
}

.video-poster {
    width: 100%;
    height: 600px;
    object-fit: cover;
    position: relative;
}

.mfp-hide {
    display: none !important;


}

.video-content-block {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;

}

/*.button {
    border: solid 3px white;
    padding: 10px;
    border-radius: 30px;
    color: white;
    background: none;
    font-size: 21px;

}

.button:hover {
    color: #07001A !important;
    background: white !important;
}*/

.orange-title {
    font-size: 64px;
    font-weight: normal !important;
    color: white;
    font-weight: 300 !important;

}

.video-para {

    color: white;
    font-size: 21px;
}

.enterprise-section {

    text-align: center;
    font-size: 50px;
    font-weight: 300 !important;


}

.enterprise-section-content {
    text-align: center;
    font-size: 21px;
    padding-left: 250px;
    padding-right: 250px;
}


.industry-btn {
    border: solid 3px white;
    padding: 9px 22px;
    line-height: 19px;
    text-align: center;
    /* text-transform: uppercase; */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    color: white;
    text-decoration: none !important;
    font-size: 21px;
}

.industry-btn:hover {
    color: #07001A !important;
    background: white;

    text-decoration: none !important;


}

.industry-btn2 {
    border: solid 3px #07001A;
    padding: 9px 22px;
    line-height: 19px;
    text-align: center;
    /* text-transform: uppercase; */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    color: #07001A;
    text-decoration: none !important;
    font-size: 21px;

}

.industry-btn2:hover {
    color: white !important;
    background: #07001A !important;
    text-decoration: none !important;
}


.industry-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blue {
    background-color: #8FA7FC;
    padding-top: 5%;
    padding-bottom: 5%;
}

.website-content2 {
    padding-left: 150px;
    padding-right: 150px;
}

.usecases-images {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

img.image-usecases {
    width: 633px;
    height: 100vh;
}

.image-boxes {
    display: flex;
    width: 100%;
    /*    padding: 4% 2%;*/
    /*    box-sizing: border-box;*/
    height: 100vh;
    cursor: pointer;
    position: relative;
}

.box {
    flex: 20;
    overflow: hidden;
    transition: 0.5s;
    /*    margin: 0 2%;*/
}

.box>img {
    width: 100%;
    height: calc(100% - 10vh);
    object-fit: cover;
    transition: .5s;
    height: 110vh;
    opacity: 0.5;
}



.box:hover {
    flex: 1 1 50%;
}

.box:hover>img {
    width: 100%;
    height: 100%;
}

.enterprise-usecase-content {
    position: absolute;
    top: 30%;

    padding-left: 25px;

}

.enterprise-usecase-title {
    color: white;
    width: 100%;
    font-size: 19px;
    font-weight: bold;
    /* 	transform:translate(15%, 0); */
}

#academy-usecase-title {
    font-size: 60px;

}

.box:hover #academy-usecase-title {
    font-size: 60px;
    width: 100%;
    transform: none;

}

.boxes-content {
    display: none;
}

.box:hover .enterprise-usecase-title {
    font-size: 60px;
    width: 100%;
    transform: none;
    font-weight: 300 !important;
}

.box:hover .boxes-content {
    display: block;
    width: 50%;
}

#usecase-btn {
    display: none;
}

.box:hover #usecase-btn {
    display: initial;
}

div#videostory {
    width: 100%;
    justify-content: center;
    display: flex;
}

@media only screen and (min-width : 200px) and (max-width: 599px) {
    .website-content2 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .enterprise-section-content {
        padding-left: 0px !important;
        padding-right: 0px !important;

    }

    .enterprise-title {
        font-size: 50px;
    }

    .enterprise-subheading {
        font-size: 21px;
    }

    /*     #mobile-video-bg{
		height:100vh !important;
	}
	#mobile-video-poster{
		height:100vh !important;
	}
    .orange-title{
        font-size: 21px;
        text-align: left;
    }
    .video-para{
        font-size: 16px;
        text-align: left;
		width:100% !important;
    } 
    .button {
        text-align: center !important;
        display: flex;
        justify-content: center;
    }*/

    .image-boxes {
        display: block;
        height: auto;

    }

    .box>img {
        height: 50vh;
    }

    .box:hover .boxes-content {
        display: block;
        width: 100%;
    }

    .boxsection {
        display: grid;
        grid-template-columns: 1fr;
    }

    .enterprise-usecase-content {
        position: relative;
        transform: translate(-50%, -250%);
        left: 50%;
        width: 100%;
        top: 40%;
    }

    .box:hover .enterprise-usecase-title {
        font-size: 25px;
        width: 100%;
    }

    .box:hover {
        flex: 100%;
        height: 70vh;
    }

    .industrial-video {
        height: 100%;
    }

    #academy-usecase-title {
        font-size: 32.5px !important;
    }



}

.caexhadean {

    display: flex;
    gap: 25px;
}

.caexxhadean {

    width: 15%;
}

@media only screen and (min-width : 600px) and (max-width: 1439px) {

    .website-content2 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .enterprise-section-content {
        padding-left: 0px !important;
        padding-right: 0px !important;

    }

    .enterprise-title {
        font-size: 60px;
    }

    .enterprise-subheading {
        font-size: 25px;
    }

    .image-boxes {
        display: block;
        height: auto;

    }

    .box>img {
        height: 50vh;
    }

    .box:hover .boxes-content {
        display: block;
        width: 100%;
    }

    .boxsection {
        display: grid;
        grid-template-columns: 1fr;
    }

    .enterprise-usecase-content {
        position: relative;
        transform: translate(-50%, -250%);
        left: 50%;
        width: 100%;
        top: none;
    }

    .box:hover .enterprise-usecase-title {
        font-size: 25px;
        width: 100%;
    }

    .enterprise-usecase-title {
        font-size: 40px;
        width: 100%;
    }

    /*    .box:hover { flex: 100%; height: 50vh; }*/



}




@media(max-width: 280px) {

    /*     .video-poster{
          height: 220vh !important;
      } */
    /*     #mobile-video-bg {
    height: 120vh !important;
}
    #mobile-video-poster{
        height: 120vh !important;
    } */
    .enterprise-usecase-content {
        transform: translate(-50%, -200%)
    }
}

.v-line {
    border-left: 3px solid white;
    width: 2px;
}

p.home-text-para {
    font-family: Open sans !important;
    letter-spacing: normal !important;
    font-size: 32px !important;
    display: block !important;
}

@media only screen and (min-width : 200px) and (max-width: 599px) {
    h1.home-pg-txt {
        font-size: 32px !important;


    }

    p.home-text-para {

        font-size: 21px !important;
    }
}

@media only screen and (min-width : 600px) and (max-width: 1439px) {

    .video-bg {
        height: 800px;
    }

    .video-poster {

        height: 800px
    }
}



/*retail/sports landing pages*/
.landing-pages-header-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://hadean.com/wp-content/uploads/2023/11/Typo_immersive_and_virtual_customer_journey_touch_screens_avata_9bae57ac-e85a-4d02-a799-ec15295c8038-1.png);
    background-position: center;
    background-size: cover;
    height: 716px;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;

}

/*sports bg*/
.landing-pages-header-bg2 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://hadean.com/wp-content/uploads/2023/11/Typo_Immersive_football_players_in_match_metaverse_hexagon_and__d7c48f19-845d-4e55-9050-ddddc5ab27f9.png);
    background-position: center;
    background-size: cover;
    height: 716px;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;

}

/*
.header-title{
    position: relative;
  
}
*/

.landing-title {
    font-size: 80px;
    width: 50%;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    position: absolute;
}

#extra {
    width: 80%;

}


.landing-content-part1 {
    position: relative;
    padding-top: 10%;
    padding-bottom: 7%;
}


.landing-intro {

    width: 70%;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 61px;
    text-align: left;
    letter-spacing: 0.05em;

}

.landing-intro-content {
    text-align: right;
    width: 700px;
    position: relative;
    left: 40%;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 30px;
    letter-spacing: 0.05em;
}

.benefits-title {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 0.05em;
    color: #AD00FF;
    padding: 20px;
}

.benefits-icon {
    width: 20%;
    padding-bottom: 20px;
    display: block;
    margin: auto;

}

.technical-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 50px;
    justify-content: center;
    align-items: baseline;
    justify-items: center;
    align-content: center;
}

.technical-benefits {
    padding-top: 5%;
    padding-bottom: 10%;
}

.technical-content {
    text-align: center;
}

.ada-section {
    display: block;
    position: relative;
    /*
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
*/
}

.adaVid {
    width: 100%;
    height: 100%;
    /*    float: inline-end;*/

}

.ada-title {
    width: 100%;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 70px;
    line-height: 85px;
    letter-spacing: 0.05em;
    position: absolute;
    top: 40%;
}

.center-title {
    font-size: 70px;
    font-weight: bold;
    text-align: center
}

.center-text-content {
    font-size: 25px;
    text-align: center;
    padding-left: 200px;
    padding-right: 200px;
    font-family: "Inter";
}


.ways-text-title {

    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 50px;
    letter-spacing: 0.05em;
    width: 100%;
}

.number-color {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 61px;
    color: #FF00A8;


}

hr {
    border: 1px solid white;
}


.text-center {
    margin-bottom: 90px;
    font-weight: 300;
    color: #fff;
    font-size: 50px;
    line-height: 60px;
    font-family: "Inter";
}



.padding-section {
    padding-top: 10%;
    padding-bottom: 10%;
}

.retail-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://hadean.com/wp-content/uploads/2023/11/Typo_immersive_retail_environment_with_a_subtle_focus_on_high_e_0d61faaf-7999-4a91-ae1d-d2ce145a2665.png);
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
}

#padding2 {

    padding-top: 20%;
    padding-bottom: 20%;

}

.projectLogos {
    width: 230px;
    height: 100%;
}

.project-logos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.trustTitile {
    font-size: 32px;
    font-weight: 300;
    text-align: center;
    font-family: 'Inter'
}

.black-title {
    color: black;
    text-align: center;
    font-weight: 500;
    font-size: 50px;
    font-family: 'Inter';
    font-style: normal;

}

.black-para {
    color: black;
    text-align: center;
    font-family: 'Inter';
    font-style: normal;
    padding-left: 250px;
    padding-right: 250px;

}

#padding {
    padding-top: 10%;
    padding-bottom: 10%;
}

img.pattern {
    position: absolute;
    bottom: -50px;
    left: -30px;
}

/*sports landing page*/

.fandomSection {
    /*
    background-image: 
       linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),  url(https://hadean.com/wp-content/uploads/2023/11/ezgif.com-video-to-gif-1.gif);
    width: 100%;
    height: 506px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
*/
    position: relative;

}

#tenisVid {
    height: 506px;
    object-fit: cover;
    position: absolute;
    opacity: 0.5;
}

.fandomText {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    top: 35%;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    transform: translate(0, 100%);
}

.fandomTitle {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 85px;
    letter-spacing: 0.05em;
    width: 549px;

}

.fandomPara {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    letter-spacing: 0.05em;
    text-align: right;
    width: 558px;
    position: relative;
}

.beniftis-horizontal-grid {
    position: relative;
    padding-top: 0;
    padding-bottom: 40%;
    cursor: all-scroll;

}


.ways-img.color-1.left {
    width: 100%;
    height: 100%;
}


/*updated cards*/
/*
#scrollBar{
    animation: primary 3s linear infinite;
}
*/

.technicalCards {
    display: flex;
    list-style: none;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 50px;
    transform: translate(0, -40%);
    /*    animation: primary 3s linear ;*/
}

.demo {
    height: 300px;
    width: 400px;
    overflow: hidden;
}

.technicalCard {
    display: flex;
    flex-direction: column;
    flex: 0 0 35%;
    padding: 0;
    scroll-snap-align: start;
    transition: all .2s;
    align-items: center;
    justify-content: center;
    /*animation: primary 3s linear infinite;*/

}

.TechnicalContent-Cards {
    width: 73%;
    text-align: center;
}

.technicalCards::-webkit-scrollbar {
    height: 20px;
    width: 100%;
    display: block !important;



}

/*.technicalCards:: -webkit-overflow-scrolling: touch;*/

.technicalCards::-webkit-scrollbar-thumb,
.technicalCards::-webkit-scrollbar-track {
    border-radius: 30px;
}


.technicalCards::-webkit-scrollbar-thumb {
    background: #760DA7;
}

.technicalCards::-webkit-scrollbar-track {
    background: black;
}




.slick-slide {
    margin: 0px 0px;
}

.logo-carousel {
    overflow: inherit;

}

.slick-slider img {
    width: 100%;
    height: 100%;
    padding-bottom: 10%;

    padding: 5px;
}

.slick-track::before,
.slick-track::after {
    display: table;
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-track::after {
    clear: both;
}

/*
.slick-track {
  padding: 1rem 0;
}
*/

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-slider .slick-track {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    align-content: center;
}



/* Media Queries */

@media (max-width: 768px) {
    .slick-arrow {
        width: 1rem;
        height: 1rem;
    }
}

/*
body {
    background-color: #010101;
    
  }
*/

.row {
    overflow: hidden;
}

/* JsFiddle Example only/don't use */
.logo-carousel {
    margin-top: 32px;
}







.experience-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-content: center;
    justify-content: center;
    align-items: start;
    justify-items: center;
    gap: 50px;
}

.technicalIcons {
    width: 35%;
    display: block;
    margin: auto;
}

.scroll-BG {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(https://hadean.com/wp-content/uploads/2023/11/Typo_abstract_moving_forms_that_are_futuristic_and_organic_zoom_b358b7ca-7a66-442a-b727-0fbfd0e3c751.png);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 600px;
    position: relative;
}

.Landing-Sections {
    padding-top: 40% !important;
}

#mobile-slider {
    display: none;
}

.mobileScrolls {
    display: none;
}

.arrowImg {
    width: 15%
}

.download-bg {
    background: #3e2581;
    border-radius: 10px;
    padding: 58px 72px;
}

.download-bg h2 {
    font-family: Inter;
    font-size: 41px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -.02em;
    text-align: left;
    margin-bottom: 60px;
}


div#rowSection {
    margin-right: -15%;
    margin-left: -15%;
}


/*big screen sizes*/

@media only screen and (min-width : 1600px) and (max-width: 1999px) {

    .horizontal-scroll-wrapper {

        /*        width: 600px;*/
        margin-left: -840px;
    }

}

/*   end*/



@media only screen and (min-width : 200px) and (max-width: 599px) {
    div#rowSection {
        margin-right: 0%;
        margin-left: 0%;
    }

    .mobileScrolls {
        display: block;
        position: absolute;
        bottom: 10%;
        left: 50%;
        transform: translate(-45%, 0);
        text-align: center;
    }

    #padding {
        padding-top: 20%;
        padding-bottom: 20%;
    }

    .TechnicalContent-Cards {
        width: 100%;
        margin-left: 17%;
        padding: 25px;
    }

    .technicalCard {
        padding: 5px;
        flex: none;
        flex-basis: 1;
        flex-grow: 1;
        max-width: 120%;

    }

    .technicalCards {

        max-width: 100%;
    }

    .benefits-title {
        line-height: 40px;
    }



    .ada-title {
        line-height: 45px;
    }

    .img-fluid {
        padding: 20px;
    }

    .Landing-Sections {
        padding-top: 0 !important;
    }

    .ways-text-title {
        width: 100% !important;
        font-size: 32px;
        line-height: 40px;
    }

    .center-text-content {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .technical-grid {
        grid-template-columns: 1fr;
    }

    .landing-intro-content {
        text-align: left;
        left: 0;
        width: 100%;
    }

    .landing-intro {
        width: 100%;
        left: 0;
        line-height: 40px;
    }

    .landing-title {
        font-size: 40px;
        width: 100%;
    }

    .ada-title {
        position: relative;
    }

    .black-para {
        padding-left: 0;
        padding-right: 0
    }

    .fandomSection {
        height: 600px;
    }

    .fandomText {
        transform: translate(0, 35%);
    }

    .horizontal-scroll-wrapper {
        position: relative;
        margin-left: -480px;
        padding: 40px;
        height: 120vw;
    }

    .experience-grid {
        grid-template-columns: 1fr;
    }

    .ada-content {
        text-align: center;
    }

    h2.center-title {
        padding: 10px;
    }

    .project-logos {
        display: none;
    }

    #mobile-slider {
        display: block;
    }

    .fandomTitle {
        line-height: 40px;
    }

    .number-color {
        font-size: 32px;
    }

    /*
    .swiper{
        display: block !important;
    }
*/
    .scroll-BG {
        display: none;
    }

    .swiper-horizontal {
        display: block !important;
    }

}

@media only screen and (max-width : 280px) {
    .horizontal-scroll-wrapper {
        height: 130vw;
        margin-left: -510px;
    }

    .retail-bg {
        height: 650px;
    }

    .technicalCard {
        max-width: 150%;
    }

}

@media only screen and (min-width : 540px) and (max-width: 1239px) {

    .fandomText {
        transform: translate(0, 55%);
        flex-wrap: nowrap;
    }

}

@media only screen and (min-width : 600px) and (max-width: 1439px) {

    div#rowSection {
        margin-right: 0%;
        margin-left: 0%;
    }

    .ways-text-title {
        width: 100% !important;
        font-size: 45px;
    }

    .center-text-content {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .technical-grid {
        grid-template-columns: 1fr 1fr;
    }

    .landing-intro-content {
        text-align: right;
        left: 0;
        width: 100%;
    }

    .landing-intro {
        width: 100%;
        left: 0;
    }

    .landing-title {
        width: 70%;
        font-size: 55px;
    }

    .black-para {
        padding-left: 0;
        padding-right: 0
    }

    .ada-title {
        font-size: 45px;
    }

    .beniftis-horizontal-grid {
        position: relative;
        padding-top: 0;
        padding-bottom: 60%;

    }


    .TechnicalContent-Cards {
        width: 100%;
        padding: 45px;
    }

    .technicalCard {
        padding: 5px;
        flex: none;
        flex-basis: 1;
        flex-grow: 1;
        max-width: 45%;

    }

    .technicalCards {

        max-width: 100%;
    }




}


h3#mobile-title-technical {
    position: absolute;
    top: 10%;
}




/*defence css*/
div#homeBanner {
    top: 30%;
    position: absolute;
}

#defenceMargin {
    margin-top: 13%;
    margin-bottom: 13%;
}

#openVideo {
    cursor: pointer;
}

#openVideo:hover {
    background: linear-gradient(to right, #8000FF, #C601D7);
    color: white !important;
}

.secondary-banner-animate .floating-pins {
    position: absolute;
    flex-wrap: wrap;
    bottom: 0;
    left: 0;
    pointer-events: none;
    right: 0;
    top: -100px;
    z-index: 3;
    display: flex;
    flex-direction: row;

}

.secondary-banner-animate .floating-pins>div {
    position: relative;
    width: 40%;
}

/*
.secondary-banner-animate .floating-pins>div:nth-child(2) {
    top: 0;
    text-align: right;
}
*/

.pin-one {
    top: -30%;


}

.pin-two {
    top: -40%;
    right: -30%;

}

.pin-three {

    top: -45%;
}

.pin-four {

    top: -45%;
    right: -20%;
}

.animation-text {
    width: 573px;
    height: 219px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 70px;
    line-height: 120%;
    leading-trim: both;
    text-edge: cap;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    margin: auto;

}

p.find-out {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 !important;
    font-size: 21px !important;
    line-height: 150%;
    leading-trim: both;
    text-edge: cap;
    text-align: center;
    letter-spacing: 0.2em;

    /* White */
    color: #FFFFFF !important;
    margin: auto;


}

/*

.floating-pins .floating-text {
    opacity: 0;
     transition: all 2s ease-in-out;
    }
    @keyframes flyIn {
        0% {
            transform: translateX(0) scale(0);
        }
        100% {
            transform: translateX(0) scale(1);
        }
    }
*/
.floating-pins img {
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transform: scale(0);

}

.show {
    opacity: 1 !important;
    transform: scale(1) !important;
}


h3.area-title {
    color: white;
    text-align: center;
    margin: auto;
    padding-top: 5%;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 150%;
    leading-trim: both;
    text-edge: cap;
    letter-spacing: 0.03em;
}



.solution-card {
    border-radius: 10px;
    width: 280px;
    height: 380px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;

}

.SolutionCard-Title {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 100%;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 140%;
    leading-trim: both;
    text-edge: cap;
    text-align: center;
    letter-spacing: 0.05em;
    color: #FFFFFF;


}

#learnMore {
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translate(-50%, 0);
}

.solutionCards-icons {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20%;

}

.solution-cards-grid {
    display: flex;
    gap: 20px;
    flex: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 100%;
}

/*
.verticalSlider-container{
    width: 100%;
    height: 100%;
    position: relative;
}
*/

.Verticalslider {

    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.5s;
}

.hidden {
    opacity: 0;
}

.show-mobile {

    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    leading-trim: both;
    text-edge: cap;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.FadeText {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 150%;
    leading-trim: both;
    text-edge: cap;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.FadePara {
    font-family: 'Inter';
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    color: #FFFFFF;
}

.hide-mobile {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    leading-trim: both;
    text-edge: cap;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.insights-resources {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 150%;
    leading-trim: both;
    text-edge: cap;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #000000;


}

/*feature blogs/news section*/

/*
.cardImgs{
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
*/

.thumbnailGrid {
    display: flex;
    flex-direction: row;
    flex: auto;
    gap: 20px;
}

.ThumbnailCards {
    width: 100%;
    height: 231px;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 13.61px;
    border-top-right-radius: 13.61px;
}

.thumbnailContent {
    padding: 20px;
    background: #0F0F12;


}

.postTitle {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    leading-trim: both;
    text-edge: cap;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}

#zoom2:hover {
    -ms-transform: scale(1.5);
    /* IE 9 */
    -webkit-transform: scale(1.5);
    /* Safari 3-8 */
    transform: scale(1.01);

}

.ResourcesBtn {
    background-color: rgba(0, 0, 0, 0);

    color: black;
    display: inline-block;
    font-family: Inter;
    font-size: 1.0625rem;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 19px;
    padding: 10px 24px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    background: linear-gradient(white, white) padding-box,
        linear-gradient(to right, #8000FF, #C601D7) border-box;
    border-radius: 100px;
    border: 3px solid transparent;

}

.titleAndButton {
    display: flex;
    justify-items: center;
    flex-wrap: wrap;
}

.resourcesbtn {
    margin-right: 0;
    margin-left: auto;
    gap: 20px;
    display: flex;
    justify-content: center;
    align-items: center;

}

#hadeanBtn {
    cursor: pointer;
}

#hadeanBtn:hover {
    background: linear-gradient(to right, #8000FF, #C601D7);
    color: white !important;
}


/*defence mobile and tablet responsiveness*/
@media only screen and (min-width : 600px) and (max-width: 1439px) {

    .solution-cards-grid {

        flex-wrap: wrap;

    }

    .ThumbnailCards {
        width: 100%;
        height: 201px;

    }

    .thumbnailGrid {

        align-content: center;
        justify-content: center;
        align-items: center;

    }

    .postTitle {
        font-size: 16px !important;
    }

    .resourcesbtn {

        padding-bottom: 2.5%;
    }

    .pin-two {
        right: -25%;
    }

}


@media only screen and (min-width : 200px) and (max-width: 599px) {

    .solution-cards-grid {

        flex-wrap: wrap;

    }

    .thumbnailGrid {
        flex-wrap: wrap;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .ThumbnailCards {
        width: 100%;
        height: 231px;

    }

    .resourcesbtn {

        padding-bottom: 2.5%;
    }

    .animation-text {
        width: 100% !important;
    }

    .pin-two {
        right: -20%;
    }

    .pin-three {
        top: -15%;
    }

    .pin-four {
        top: -1%;
    }

    .small-title {
        font-size: 18px !important;
    }

    .postTitle {
        font-size: 16px !important;
    }
}