/*===========================================================
 Custom Font CSS
============================================================*/
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

@font-face {
    font-family: 'yukari';
    src: url('/wp-content/themes/qedma/assets/fonts/yukari.eot');
    src: url('/wp-content/themes/qedma/assets/fonts/yukari.eot') format('embedded-opentype'),
        url('/wp-content/themes/qedma/assets/fonts/yukari.woff2') format('woff2'),
        url('/wp-content/themes/qedma/assets/fonts/yukari.woff') format('woff'),
        url('/wp-content/themes/qedma/assets/fonts/yukari.ttf') format('truetype'),
        url('/wp-content/themes/qedma/assets/fonts/yukari.svg#yukari') format('svg');
}*/

/*===========================================================
 Custom Variable
============================================================*/
:root {
    /* Hamber menu icon style */
    --hamWidth: 40px;
    --hamHeight: 4px;
    --hamMargin: 6px;
    /* summation of --hamMargin adn --hamHeight */
    --hamTranslate: 10px;
    /* summation of --hamMargin adn --hamHeight */
    --hamTranslate3: -10px;
    --hamBg: red;
    --preloaderBg: red;

}

/*===========================================================
 Common CSS
============================================================*/

body {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000;
    /* background: #03001b; */
    background: rgba(20,5,55,1);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    overflow-x: hidden;
}

ul {
    padding: 0;
    margin: 0;
}


li,
li:hover,
a:hover,
.btn,
.btn:hover {
    transition: all .3s ease;
}

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

*:active,
*:focus {
    outline: none;
    border: 0;
}

img {
    max-width: 100%;
}

strong {
    font-weight: 700;
}

u {
    border-bottom: 1px solid #fff;
    line-height: 1;
    text-decoration: unset;
}

.cboth {
    overflow: hidden;
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

button {
    background-color: transparent;
    border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

button:active,
button:focus {
    outline: 0;
    outline: 0;
}

#npreOverlay {
    background: var(--preloaderBg);
}

/* Line Clmp */

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.line-clamp-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

/*===========================================================
 Placeholder Style
============================================================*/

::-webkit-input-placeholder {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.39px;
}

:-moz-placeholder {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.39px;
}

::-moz-placeholder {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.39px;
}

:-ms-input-placeholder {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.39px;
}



/*===========================================================
 Scroll To Top
============================================================*/

.go-top {
    bottom: 15px;
    display: none;
    position: fixed;
    right: 15px;
    z-index: 999;
}

.go-top img {
    width: 35px;
}

.go-top span {
    /*background-color: #4285F4;*/
    color: rgba(255, 255, 255, .6);
    cursor: pointer;
    float: right;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding: 5px 10px;
}

.go-top span:hover {
    color: #fff;
}


/*===========================================================
 Navigation Menu Desktop
============================================================*/
.header-area {
    padding: 15px 0;
}

.header {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.elementor-widget-theme-site-logo img {
    height: 84px;
}

.elementor-location-header header.elementor-sticky.scroll-bg {
    background-color: rgba(22, 10, 58, 1) !important;
}

.menu ul li {
    list-style: none;
    display: inline-block;
}
@media all and (min-width: 1200px) {
    .menu-demo a {
        font-family: "Montserrat", Sans-serif;
        fill: #FFFFFF;
        color: #FFFFFF;
        background-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #FFFFFF;
        border-radius: 10px 10px 10px 10px;
        box-shadow: 0px 10px 30px -9px rgb(0 0 0 / 16%);
        padding: 12px 30px 12px 30px;
    }
}


.navbar-light .navbar-toggler {
    border: 0;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
}

.contact-us {}

.navbar-brand {
    font-size: 33.5px;
    font-weight: normal;
    color: #fff !important;
    /*font-family: 'yukari';*/

}

.nav-link {
    font-size: 16px;
    font-weight: normal;
    color: #fff !important;
    padding: 5px 0 !important;

    margin: 0 25px;
}

.nav-link:hover {
    color: #00e7e7 !important;
}

.me-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.navbar {
    padding-top: 35px;
    padding-bottom: 15px;
    position: absolute;
    z-index: 99;
    width: 100%;
    border-bottom: 1px solid #fff;
}

.navbar-brand {
    padding: 0;
}

.navbar-brand img {
    max-width: 210px;
}

.contact-us {
    width: 111px;
    line-height: 27px !important;
    background-color: #fff !important;
    display: inline-block;
    color: #30001b !important;
    text-align: center;
    /*margin-left: 25px;*/
    border-radius: 5px;

}

.contact-us:hover {
    background: #00e7e7 !important;
    color: #000 !important;
}

/*===========================================================
 Hamberger
===========================================================*/


.hamburger .line {
    width: var(--hamWidth);
    height: var(--hamHeight);
    background-color: #fff;
    display: block;
    margin: var(--hamMargin) auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hamburger:hover {
    cursor: pointer;
}

/* ONE */

.navbar-toggler[aria-expanded="true"] .line:nth-child(2) {
    opacity: 0;
}

.navbar-toggler[aria-expanded="true"] .line:nth-child(1) {
    -webkit-transform: translateY(var(--hamTranslate)) rotate(45deg);
    -ms-transform: translateY(var(--hamTranslate)) rotate(45deg);
    -o-transform: translateY(var(--hamTranslate)) rotate(45deg);
    transform: translateY(var(--hamTranslate)) rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .line:nth-child(3) {
    -webkit-transform: translateY(var(--hamTranslate3)) rotate(-45deg);
    -ms-transform: translateY(var(--hamTranslate3)) rotate(-45deg);
    -o-transform: translateY(var(--hamTranslate3)) rotate(-45deg);
    transform: translateY(var(--hamTranslate3)) rotate(-45deg);
}





/*===========================================================
 
===========================================================*/

.title h2 {
    text-shadow: -6.1px 3.5px 5px rgba(0, 0, 0, 0.22);
    font-size: 43px;
    font-weight: 600;
    text-align: center;
    color: #f8d363;
    margin-bottom: 60px;
}

.three {
    position: fixed;
    z-index: 0;
}



/*===========================================================
 Banner Area
===========================================================*/
.banner-area {
    min-height: 900px;
    display: flex;
    align-items: center;
    position: relative;
}

.banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.banner-cube {
    text-align: right;
}

.banner-cube-1 {
    position: relative;
    right: 100px;
}

.banner-cube-3 {
    position: absolute;
    bottom: -165px;
}

.banner-text {}

.banner-text h3 {
    font-size: 56px;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 0 20px black
}

.banner-text h3 span {
    font-size: 36px;
}

.banner-text h2 {
    font-size: 91.5px;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 0 20px black
}

.banner-btn a {
    font-size: 24px;
    text-align: center;
    color: #fff;
    width: 262px;
    line-height: 67px;
    border-radius: 30px;
    border: solid 2px #fff;
    display: inline-block;
    text-decoration: none;
    margin-top: 38px;
}

.banner-btn a:hover {}

.partners-area {
    padding-top: 100px;
    padding-bottom: 160px;
    position: relative;
}

.partners-title {

}

.partners-title h2 {
    text-shadow: -6.1px 3.5px 5px rgba(0, 0, 0, 0.22);
    font-size: 43px;
    font-weight: 600;
    text-align: center;
    color: #f8d363;
    margin-bottom: 60px;
}

.partners-logo {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center;
}

.partners-logo .slick-track {
    display: flex;
    align-items: center;
}
.partners-logo img {
    margin: auto;
    max-height: 40px;
}

.partners-logo > div {
    width: 250px;
    text-align: center;
}

/* Homepage Openning Paragraph */

#opening {
    background-color: #140537;
    color: white;
    margin-bottom: 50px;
    margin-top: 90px;
}

#opening .content {
    align-items: flex-start;
}

#opening h2 {
    display: block;
    font-size: 40px;
    margin-bottom: 1em;
}

#opening h2 strong {
    color: #f8d363;
}

#opening-wrap {
    font-size: 21px;
    text-align: justify;
    line-height: 1.65em;
}

@media all and (max-width: 786px) {
    #opening-wrap p {margin-bottom: 1em}
}
/*===========================================================
 
===========================================================*/
.content-area {
    /* padding: 50px 0; */
}

.content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-text {
    width: 100%;
}

.content-text h2 {
    text-shadow: -6.1px 3.5px 5px rgba(0, 0, 0, 0.22);
    font-size: 43px;
    font-weight: 600;
    color: #f8d363;

}

.content-text p {
    font-size: 18px;
    color: #fff;
    margin: 32px 0;
}

.content-text a {
    font-size: 20px;
    text-align: center;
    color: #fff;
    width: 191px;
    line-height: 49px;
    border-radius: 24.4px;
    border: solid 2px #fff;
    text-decoration: none;
    display: inline-block;
}


/* Content bgs */

.content-area {
    /* background-color: #0a0122; */
    /*padding: 50px 0;*/
}

.content-area-1 .content {
    min-height: 640px;

    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
}

.content-area-2 .content {
    min-height: 640px;
     background-repeat: no-repeat;
    background-position: center;
    background-size: initial;
    /*justify-content: right;*/
    align-items: center;
}



.content-area-3 .content {
    min-height: 640px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
}


.content-area-3 .content {

    /* min-height: 860px;
    background-image: url('/wp-content/themes/qedma/assets/img/multi-right.png');
    background-repeat: no-repeat;
    background-position: center left; */
}

body.home .elementor-location-header,
body.home-v2 .elementor-location-header {
    background: rgba(10,1,34,0.27);
    position: absolute;
    width: 100%;
}

body.home #container-threejs,
body.home-v2 #container-threejs{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: transparent;
}

body.home #container-threejs-scan {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    background: transparent;
}

body.home .content-area-1,
body.home .content-area-2,
body.home .content-area-3,
body.home-v2 .content-area-1,
body.home-v2 .content-area-2,
body.home-v2 .content-area-3
{
    position: relative;
    background-color: transparent;
    overflow-x: hidden;
    overflow-y: visible;
}
body.home .content-area-2 {
   /* background: rgb(23,10,59);
    background: linear-gradient(180deg, rgb(22 9 58) 0%, rgb(23 10 59) 38%, rgb(20 8 57) 59%, rgb(20 8 57) 100%)

    */
}
/*
body.home .content-area-3 {
    background: rgb(25,9,50);
}

 */

body.home .content-area-2 video,
body.home .content-area-3 video {
    z-index: 1;
}
body.home .content-area-2 .content,
body.home .content-area-2 .content-text,
body.home .content-area-3 .content,
body.home .content-area-3 .content-text
{
    z-index: 5;
}

body.home .content-area-1 .content,
body.home .content-area-2 .content,
body.home .content-area-3 .content,
body.home .content-area-3
{
    background-image: none;
}

body.home .content-area-2 .content .content-text,
body.home .content-area-3 .content .content-text {
    max-width: none;
}

body.home .content-area-3 .content {
    min-height: 800px;
}

body.home .content-area-3 > .container {
    position: relative;
    z-index: 30;
}


body.home #container-threejs-3 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: transparent;
}

body.home #container-threejs-4 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: transparent;
}

/* ---- home-v2 ----- */

body.home-v2 .content-area-2 video,
body.home-v2 .content-area-3 video {
    z-index: 1;
}
body.home-v2 .content-area-2 .content,
body.home-v2 .content-area-2 .content-text,
body.home-v2 .content-area-3 .content,
body.home-v2 .content-area-3 .content-text
{
    z-index: 5;
}

body.home-v2 .content-area-1 .content,
body.home-v2 .content-area-2 .content,
body.home-v2 .content-area-3 .content,
body.home-v2 .content-area-3
{
    background-image: none;
}

body.home-v2 .content-area-2 .content .content-text,
body.home-v2 .content-area-3 .content .content-text {
    max-width: none;
}

body.home-v2 .content-area-3 .content {
    min-height: 800px;
}

body.home-v2 .content-area-3 > .container {
    position: relative;
    z-index: 30;
}


body.home-v2 #container-threejs-3 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: transparent;
}

body.home-v2 #container-threejs-4 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: transparent;
}

/*===========================================================
 Schedule Area
===========================================================*/
.schedule-area {
    /* padding-top: 150px; */
    padding-bottom: 90px;
    /* background: #03001b; */
}

.schedule-title {
    text-align: center;
}

.schedule-title h2 {}

.schedule-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 10px;
    border: solid 0 #fff;
    background-color: #2a2140;
    padding: 16px 15px;
}

.schedule-left {
    width: 48%;
}

.schedule-right {
    width: 48%;
}

.schedule-right {}

.schedule-right p {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 15px;
}

.schedule-right {}

.form-row {
    display: flex;
    justify-content: space-between;

}

.form-row .single-form {
    width: 48%;
}

.form-row .single-form {
    margin-top: 18px;
}

.form-row .single-form label {
    font-size: 18px;
    font-weight: 400;
    color: #f8d363;
    margin-bottom: 3px;
}

.form-row .single-form input {
    width: 100%;
    height: 65px;
    border-radius: 10px;
    border: solid 0 #fff;
    background-color: #0a0122;
    font-weight: 400;
    color: #f8d363;
    padding: 0 15px;
    font-size: 18px;
}

.schedule-form {
    position: relative;
}

.schedule-right input[type="submit"] {
    position: absolute;
    right: 0;
    bottom: 0;
    font-weight: normal;
    text-align: center;
    color: #f8d363;
    /*width: 290px;*/
    width: 48%;
    line-height: 58px;
    border-radius: 10px;
    border: solid 2px #f8d363;
    background-color: #2a2140;
}

.wpcf7-not-valid-tip {
    position: absolute;
    background-color: white;
    padding: 2px 10px;
    border-radius: 4px;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 40%);
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    border-color: #f8d363;
    border-radius: 4px;
    background-color: #2a2140;
    color: #f8d363;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    border-left: 10px solid red;
    border-right: 10px solid red;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #f8d363;
    border-radius: 4px;
    background-color: #2a2140;
    color: #f8d363;
    border-left: 10px solid #60ce00;
    border-right: 10px solid #60ce00;
}

/*===========================================================
 Solutions Area
===========================================================*/

.solutions-area {
    position: relative;
    background-size: cover;
    width: 100%;
    min-height: 645px;
    background-color: #140236;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 150px 0 100px;
}
.solutions-area > .container-fluid {
    position: relative;
    z-index: 30;
}
.solution-slider .slick-arrow {
    bottom: -30px;
}

.section-smooth-bg-blend {
    position: absolute;
    width: 100%;
    height: 101%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -5;
    background: rgb(10,1,34);
    background: linear-gradient(180deg, rgba(10,1,34,1) 0%, rgba(9,1,34,0.30) 20%, rgba(10,1,34,0.30) 80%, rgba(10,1,34,1) 100%);

}

.single-solution {
    width: 100%;
    position: relative;
    margin: 10px 20px;
    perspective: 1000px;
}
.single-solution-card {
    transition: transform 0.8s;
    transform-style: preserve-3d;
    background-color: #251467;
    box-shadow: 0 0 20px rgb(0 203 255);
    max-width: 400px;
    border-radius: 20px;
    width: 100%;
    min-height: 290px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: auto;
}
.single-solution:hover .single-solution-card {
    transform: rotateY(180deg);
}

.single-solution-front, .single-solution-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.single-solution-back {
    transform: rotateY(180deg);
    color: white;
    font-size: 18px;
    line-height: 1.4em;
    align-items: flex-start;
    padding: 2em 0;
    background-color: #251467;
    border-radius: 22px;
}

/*.solutions-area .container-fluid{
    max-width: 1650px;
}*/

.solutions-title{
    position: relative;
    z-index: 10;
}

.solution-img {
    position: absolute;
    transition: all 1300ms ease-in-out;
    top: 200px;
    left: 210px;
}
.single-solution-card:hover ~ .solution-img {
    left: 30px;
}


.solution-4 .solution-img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -125px;
    z-index: 1;

}
.solutions-area .slick-track{
    padding-top: 130px;
}

.solution-slider{
    margin-top: -120px;
    perspective: 1000px;
}

.solution-slider .slick-list {
    /*overflow: visible;*/
    padding-bottom: 60px;
}

.solution-text {
    max-width: 285px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.solution-text h2 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}

.solution-text a {
    font-size: 16px;
    text-align: center;
    color: #fff;
    display: inline-block;
    width: 131px;
    line-height: 34px;
    border-radius: 17px;
    border: solid 2px #fff;
    text-decoration: none;
}

.solution-text p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 13px;
    line-height: 1.3;
}

/* Careers */
.elementor-widget-text-editor p {
    margin-bottom: 1em;
}

/*===========================================================
 Blog Area
===========================================================*/

.blog-area {
    padding-top: 90px;
    padding-bottom: 110px;
    position: relative;
    background-image: url(/wp-content/themes/qedma/assets/img/news-background.jpg);
    /* background-size: cover; */
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
}

.blog-area:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    /* background-color: rgba(3, 0, 27, 1); */
    top: 0;
    left: 0;
}

.blog-img a {
    height: 230px;
    border-radius: 10px;
    background-size: cover;
    background-position: center center;;
    display: block;
    width: 100%;
}
.blog-text {}
.blog-text a {
    text-decoration: none;
}
.blog-text h2 {
    display: flex;
    min-height: 90px;
    justify-content: start;
    font-size: 24px;
    font-weight: 600;
    color: #f8d363;
    margin: 22px 0;
}

.read-more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    border-top: 1px solid #fff;
}

.read-more a {
    font-size: 18px;
    font-weight: 400;
    color: #00e7e7;
    text-decoration: none;
}

.read-more h6 {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.blog-slider {
    margin: 0 -13px;

}

.single-blog {
    padding: 0 13px;
}


.slick-left {
    margin-left: -50px;
}

.slick-right {
    margin-right: 0;
}

.slick-arrow {
    position: absolute;
    left: 50%;
    bottom: -90px;
    /*transform: translateX(-50%);*/
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;

    width: 42px;
    height: 42px;
    background-color: #251467;
    border-radius: 50%;
    line-height: 42px;
    text-align: center;
}


.hero-vid{
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

.edge-fade {
    position: absolute;
    width: 100%;
    height: 80px;
    left: 0;
    z-index: 20;
    background: rgb(20,5,55);
}

.technologie-area .edge-fade {
    height: 210px;
}

.show-dt {
    display: block;
}

.hide-dt {
    display:none;
}

@media screen and (max-width: 768px){
    .hide-m {
        display: none;
    }
    .show-m {
        display: block
    }
}

/*.content-area-1 .bgvid.show-dt,*/
/*#cube-shield {*/
/*    left: calc(50% + 20px);*/
/*}*/

.edge-fade.from-basic {
    background: linear-gradient(0deg, rgba(20,5,55,0) 0%, rgba(20,5,55,0.5) 30%, rgba(20,5,55,1) 100%);
}

.edge-fade.to-basic {
    background: linear-gradient(180deg, rgba(20,5,55,0) 0%, rgba(20,5,55,0.5) 30%, rgba(20,5,55,1) 100%);
}

.edge-fade.to-23-10-59 {
    background: linear-gradient(180deg, rgba(23,10,59,0) 0%, rgba(23,10,59,0.5) 30%, rgb(23, 10, 59) 100%);
}

.content-area-3 .edge-fade.top {
    background: linear-gradient(180deg, rgb(20 8 57) 0%, rgb(25 6 49 / 0%) 100%);
}
.content-area-3 .edge-fade.bottom {
    background: linear-gradient(0deg, rgb(20 2 54) 0%, rgb(25 6 49 / 0%) 100%);
}

.edge-fade.top {
    top: 0px;
}
.edge-fade.bottom {
    bottom:0px;
}

.technologie-area {

    width: 100%;
    /* background-size: cover; */
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    min-height: 800px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

section#about {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.tech-border {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    z-index: 1;
    top: 100vh;
    transform: translateY(-50%);
    display: none;
}


.technologie-area .tech-border {
    bottom: -308px;
}

.tech-border img {
max-width: 1600px;
width: 100%;
}


/*body.home .elementor-location-header {*/
/*    position: absolute;*/
/*    z-index: 1000;*/
/*    width: 100%;*/
/*    padding: 0 calc((100% - 1300px)/2);*/
/*}*/
.tech-border img {
    max-width: 100%;
    width: 100%;
    position: relative;
}
#home {
    position:relative;
}
#hero {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
video.bgvid {
    max-width: 100%;
    z-index: -10;
    position: relative;
}

.solutions-area video.bgvid {
    height: 100%;
    width: 100%;
}


video#earth-vid {
    object-fit: cover;
    width: 100vw;
    height: 800px;
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
}
#earth-vid-gradient{
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 140px;
    background: rgb(2,0,36);
    background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,1,34,0.50) 68%, rgba(10,1,34,0) 100%);
    top: 14px;
}

#earth-vid-gradient-bottom {
    position: absolute;
    z-index: 21;
    width: 100%;
    height: 50px;
    background: rgb(9,2,36);
    background: linear-gradient(0deg, rgba(9,2,36,1) 0%, rgba(9,2,36,0) 100%);
    bottom: 0px;
}

.switcher {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 0em;
    position: relative;
    font-weight: 700;
    line-height: 110px;
    overflow: hidden;
}
#bottom-switcher {
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    font-weight: 700;
    line-height: 58px;
    overflow: hidden;
    left: 840px;
    font-size: 50px;
    width: 360px;
}

#technologies-text-wrap{
    position: relative;
    top: -50px;
}
.technologie-text p {
    font-size: 50px;
    text-align: center;
    color: #fff;
    position: absolute;
    line-height: 1;
    left: 200px;
}

span.word_holder {
    opacity: 0;
    padding: 0 0.5em;
}

span.word {
    color: #f8d363;
    position: absolute;
    left: 0;
    top: -1px;
    opacity: 0;
    -webkit-animation: rotateWord 18s linear infinite 0s;
    -ms-animation: rotateWord 18s linear infinite 0s;
    animation: rotateWord 18s linear infinite 0s;
}

span.word.word-1 {
    -webkit-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s;
}

span.word.word-2 {
    -webkit-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s;
}

span.word.word-3 {
    -webkit-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}

span.word.word-4 {
    -webkit-animation-delay: 9s;
    -ms-animation-delay: 9s;
    animation-delay: 9s;
}

span.word.word-5 {
    -webkit-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}

span.word.word-6 {
    -webkit-animation-delay: 15s;
    -ms-animation-delay: 15s;
    animation-delay: 15s;
}


.elementor-widget-container .elementor-cta:hover .elementor-cta__bg-overlay {
    background-color: transparent;
}
@media (max-width: 1300px) {
    .technologie-text p {
        position: static;
    }
    #bottom-switcher,
    #bottom-switcher span.word {
        left: 0;
        right: 0;
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 991px) {
    #technologies-text-wrap {
        top: 0;
    }
}
@media (max-width: 767px) {
    #bottom-switcher {
        font-size: 38px;
    }
}


.partners-logo .slick-arrow.slick-left {
    bottom: auto;
    left: auto;
    top: -60px;
    right: 50px;
}

.partners-logo .slick-arrow.slick-right {
    bottom: auto;
    left: auto;
    top: -60px;
    right: 0px;
}

@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-50px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    20% { opacity: 0; -webkit-transform: translateY(50px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-50px); }
    5% { opacity: 1; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
    20% { opacity: 0; -ms-transform: translateY(50px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); }
    5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
    20% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}

.solution-img {
    -webkit-animation: float 4s ease-in-out infinite 0s;
    -ms-animation: float 4s ease-in-out infinite 0s;
    animation: float 4s ease-in-out infinite 0s;
}

@keyframes float {
    0% {

        transform: translatey(0px);
    }
    50% {

        transform: translatey(-20px);
    }
    100% {

        transform: translatey(0px);
    }
}

.technologie-text {
margin-top: -170px;
    position: relative;
}

.technologie-text h1 {
font-size: 200.5px;
color: #fff;
/*font-family: 'yukari';*/
line-height: 1;

}
.technologie-text p span {
font-weight: bold;
display: block;
position: absolute;
right: 82px;
top: 55px;
}

.single-solution-hero-bg {
    -webkit-animation: rotatePlatform 150s linear infinite;
    animation: rotatePlatform 150s linear infinite;
}

.single-solution-hero-bg img {
    -webkit-animation: counterRotate 150s linear infinite;
    animation: counterRotate 150s linear infinite;
}

@-webkit-keyframes rotatePlatform {
    0% {
        transform: rotate(0deg); }
    100% {
        transform: rotate(-360deg); } }

@keyframes rotatePlatform {
    0% {
        transform: rotate(0deg); }
    100% {
        transform: rotate(-360deg); } }

@-webkit-keyframes counterRotate {
    0% {
        transform: rotate(0deg); }
    100% {
        transform: rotate(360deg); } }

@keyframes counterRotate {
    0% {
        transform: rotate(0deg); }
    100% {
        transform: rotate(360deg); } }
/*===========================================================
Footer
===========================================================*/

.footer-area {
    background-image: url('/wp-content/themes/qedma/assets/img/blog-bg-compressed.png');
    padding-bottom: 250px;
    padding-top: 190px;
    position: relative;
    z-index: 10;
    background-repeat: no-repeat;

}

.footer-logo a {
    /*font-family: 'yukari';*/
    font-size: 57px;
    font-weight: normal;
    color: #fff;
    margin-bottom: 11px;
    text-decoration: none;
}

.footer-logo img {
    max-width: 250px;
    margin-bottom: 30px;
}

.social-icon {
    margin-top: 10px;
    margin-bottom: 50px;
}

.social-icon a {
    display: inline-block;
    margin-right: 3px;
}

.footer-address a:hover,
.footer-address address:hover {
    color: #00e7e7;
}

.footer-address a,
.footer-address address {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    margin: 0;
    padding-left: 52px;
}

.footer-address div {
    position: relative;
    margin-bottom: 28px;
}

.footer-address div img {
    position: absolute;
    top: 3px;
}

.single-footer form {
    position: relative;
}

.single-footer h3 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 25px;
}

.single-footer a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    display: block;
    margin-top: 20px;
}

.single-footer a:hover {
    color: #00e7e7;
}

.single-footer input {
    width: 100%;
    height: 40px;
    border-radius: 20px;
    background-color: #fff;
    border: 0;
    padding-left: 20px;
    padding-right: 60px;
    font-size: 18px;
    font-weight: 400;
    color: #03001b;
}

.single-footer button {
    position: absolute;
    right: 12px;
    top: 3px;
}

.terms-use {
    display: flex;
    justify-content: space-between;
    border-top: 3px solid #fff;
    margin-top: 80px;
}

.terms-use a {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}


/* Elementor */
.elementor-section {
    padding-left: calc((100% - 1300px)/2) !important;
    padding-right: calc((100% - 1300px)/2) !important;
}

.elementor-location-footer {
    background: url("/wp-content/themes/qedma/assets/img/blog-bg-compressed.png") center center no-repeat;
    background-size: cover;
}

/* Newsletter signup */
.elementor-message-success{
    color: white;
    border: 1px solid white;
    padding: 9px 5px;
    border-radius: 4px;
}


/*===========================================================
 Responsive Menu
===========================================================*/
@media (min-width: 992px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media (max-width: 991px) {

    .header-area {
        display: none;
    }

    .mobile-logo {
        width: 100px;
    }

    .dropdown-menu {
        padding-top: 0;
    }
}

/*===========================================================
 Responsive
============================================================*/

@media (max-width: 1700px) {
    .tech-border img {
        max-width: 1300px;
    }

    .tech-border {
        bottom: -325px;
    }

}

@media (max-width: 1399px) {
    .technologie-area {
        background-position: center bottom;
    }

    .tech-border {
        bottom: -288px;
    }

    .tech-border img {
        max-width: 1140px;
    }

    /*.technologie-text p {
        margin-top: 25px;
    }*/

    .form-row .single-form input {
        height: 55px;
    }

    .form-row .single-form {
        margin-top: 10px;
    }

    .schedule-right button {
        height: 48px;
        line-height: 1;
    }

    /* .tech-border {
        bottom: -310px;
    } */

    .blog-img img {
        width: 100%;
    }

    .footer-area {
        padding-bottom: 190px;
    }
}


@media (max-width: 1250px) {
    .elementor-23 .elementor-element.elementor-element-20c2bf8a .elementor-nav-menu--main .elementor-item {
        padding-left: 22px;
        padding-right: 22px;
    }
}

@media (max-width: 1199px) {

    .tech-border {
        bottom: -242px;
    }

    .tech-border img {
        max-width: 960px;
    }

    .banner-text h3 {
        font-size: 43px;
    }

    .banner-text h2 {
        font-size: 81px;
        font-weight: 600;
        color: #fff;
    }

    .banner-cube-1 {
        position: relative;
        right: 0;
    }

    .schedule-inner {
        flex-direction: column;
        padding: 50px 35px;
    }

    .schedule-left {
        width: 100%;
    }

    .schedule-left img {
        width: 100%;
    }

    .schedule-right {
        width: 100%;
        margin-top: 35px;
    }

    .content-area-2 .content {
        /*margin-left: -140px;*/
    }

    .content-area-3 .content {
        padding-bottom: 50px;
    }

    .content-text {
        /*max-width: 100%;*/
        width: 100%;
    }

    .schedule-area {
        padding-top: 100px;
    }

    .blog-area {
        padding-top: 30px;
    }

    .technologie-text h1 {
        font-size: 170px;
    }

    .footer-left {
        margin-bottom: 40px;
    }

    .footer-area {
        padding: 150px 0;
        padding-top: 90px;
    }

    .terms-use {
        margin-top: 60px;
    }
    body.home .content-area-3 .content {
        min-height: auto;
    }
}
.content-area-3 .content-img,
.content-area-1 .content-img{
    display: none;
}
.content-img img{
    opacity: 0;
    visibility: hidden;
    /* display: none; */
}

/* Cusomizations */
.elementor-31 .elementor-element.elementor-element-5c98a2cd .elementor-heading-title,
.elementor-31 .elementor-element.elementor-element-4d9062e {
    text-shadow: 0 0 20px rgb(0 0 0), 0 0 20px rgb(0 0 0), 0 0 20px rgb(0 0 0);
}


@media (max-width: 991px) {
    .nav-link {
        margin: 10px 0;
    }

    .partners-logo {
        /*justify-content: unset;*/
        text-align: center;
    }

    .content-area-2 .content {
        margin-top: 0;
    }

    .content-area {
        padding: 0
    }

    .partners-area {
        padding-bottom: 50px;
    }

    .schedule-area {
        padding-top: 70px;
    }

    .partners-logo a {
        padding: 15px 0;
        width: 33%;
    }

    .navbar-brand {
        font-size: 48px;
        margin-right: 0;
    }
    .navbar-collapse{
        background: #000;
    }
    .navbar {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .content-area-1 .content {
        background-size: 50% auto;
        /* background-image: none; */
        min-height: auto;
    }

    .content-area-3 .content {
        background-color: transparent;
    }
    /*.content-area-3{
        background-image: url('/wp-content/themes/qedma/assets/img/secured-bottom.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-color: transparent !important;
    }*/
    .content-area-2 .content {
        /* background-image: none; */
        background-image: url('/wp-content/themes/qedma/assets/img/upgraded-left-box.png');
        background-size: 50% auto;
        min-height: auto;
    }

    .content-area-3 .content {
        background-image: url('/wp-content/themes/qedma/assets/img/secured-box.png');
        background-size: 50% auto;
        /* background-image: none; */
        min-height: auto;
    }

    /* .content-text {
        max-width: 100%;
    } */

    .blog-text h2 {
        font-size: 22px;
    }

    .technologie-text p {
        margin-left: 0;
    }

    .technologie-text h1 {
        font-size: 140px;
    }

    .banner-text h3 {
        font-size: 36px;
    }

    .banner-text h2 {
        font-size: 60px;
    }

    .banner-cube-1 {
        width: 240px;
    }

    .banner-cube-2 {
        width: 150px;
        margin-left: auto;
    }

    .banner-cube-3 {
        width: 230px;
    }

    .tech-border img {
        max-width: 720px;
    }

    .tech-border {
        bottom: -183px;
    }

    .technologie-area {
        min-height: 630px;
    }


    .content-area-1, .content-area-2, .content-area-3 {
        min-height: auto !important;
        padding: 80px 0;
    }
}

@media (max-width: 767px) {

    .elementor-location-header {
        position: relative;
    }
    .content-area-3 .content-img img{
        width: 80%;
    }
    .content{
        background-image: none !important;
        flex-direction: column;
    }
    .content-area-3 .content-img, .content-area-1 .content-img{
        display: block;
    }
    .content-text {
        max-width: 100% !important;
        width: 100% !important;
    }
    .content-img img{
        opacity: 1;
        visibility: visible;
    }
    .banner-btn a {
        line-height: 50px;
    }

    .banner-text h2 {
        font-size: 55px;
    }
    .single-solution{
        background-size: 100% 100%;
    }

    .content-text h2 {
        font-size: 35px;
    }

    .content-text p {
        margin: 25px 0;
    }

    .title h2 {
        margin-bottom: 50px;
    }

    .solutions-area {
        padding: 80px 0;
    }

    .form-row .single-form {
        margin-top: 15px;
    }

    .schedule-area {
        padding-bottom: 50px;
    }

    .technologie-area {
        min-height: 600px;
    }

    .technologie-text h1 {
        font-size: 100px;
    }

    .technologie-text p {
        font-size: 37px;
    }

    .technologie-text p span {
        right: 0;
    }

    .footer-area {
        padding-bottom: 110px;
    }

    .form-row .single-form label {
        margin-bottom: 10px;
    }

    .form-row {
        flex-direction: column;
    }

    .form-row .single-form {
        width: 100%;
    }

    .schedule-right button {
        position: unset;
        width: 100%;
        margin-top: 25px;

    }

    .technologie-text p {
        font-size: 44px;
        text-align: center;
        color: #fff;
    }

    .technologie-text p span {
        top: 55px;
    }

    .schedule-right button {
        position: unset;
    }

    .banner-cube-1 {
        width: 160px;
    }

    .banner-cube-2 {
        width: 100px;
    }

    .banner-cube-3 {
        width: 150px;
    }

    .banner-text h3 {
        font-size: 33px;
    }

    .banner-area {
        min-height: 750px;
    }

    .tech-border img {
        max-width: 540px;
    }

    .tech-border {
        bottom: -137px;
    }

    .partners-logo a {
        padding: 15px 30px;
    }
    .partners-logo{
        justify-content: space-between;
    }
    .partners-title{
        text-align: center;
    }

    video.bgvid {
        position: static;
        transform: none;
    }


    .content-area-1, .content-area-2, .content-area-3 {
        padding: 0 0 40px;
    }

}

@media (max-width: 575px) {
    .content-text {
        max-width: 100%;
        width: 100%;
    }

    .tech-border img {
        max-width: 340px;
    }

    .tech-border {
        bottom: -85px;
    }

    .banner-cube-1 {
        display: none;
    }

    .technologie-text h1 {
        font-size: 100px;
    }

    .technologie-text p {
        font-size: 30px;
        text-align: center;
        color: #fff;
    }

    .banner-cube-2 {
        display: none;
    }

    .technologie-text h1 {
        font-size: 100px;
    }

    .technologie-text p {
        font-size: 30px;
        text-align: center;
        color: #fff;
    }

    .partners-logo {
        text-align: center;
        flex-direction: column;
        gap: 35px;
    }

    .partners-logo a {
        padding: 15px 10px;
        width: 33%;
    }


    .partners-logo a {
        display: block;
    }

    .banner-text h3 {
        font-size: 31px;
    }

    #opening h2,
    .content-text h2 {
        font-size: 28px;
    }

    #opening-wrap {
        font-size: 20px;
        text-align: initial;
        line-height: 1.5em;
    }

    .title h2 {
        font-size: 36px;
    }

    .schedule-inner {
        flex-direction: column;
        padding: 40px 15px;
    }

    .banner-text h2 {
        font-size: 50px;
    }

    .banner-btn a {
        border-width: 1px;
        font-size: 18px;
        line-height: 50px;
        width: 100%;
        max-width: 200px;
    }

    .technologie-text h1 {
        font-size: 80px;
    }

    .footer-area {
        padding-bottom: 90px;
    }

    .banner-text {
        text-align: center;
    }

    .title h2 {
        margin-bottom: 40px;
    }

    .technologie-area {
        min-height: 500px;

    }

    .banner {
        justify-content: center;
        margin-top: -50px;
    }

    .banner-text h2 {
        font-size: 46px;
    }

    .partners-title h2 {
        font-size: 30px;
    }

    .banner-area {
        min-height: 650px;
    }

    .solution-text {
        padding: 0 10px;
    }

    .solution-text h2 {
        font-size: 22px;
    }

    .banner-text span.word {
        left: 0;
        right: 0;
        text-align: center;
    }
}