@import url("hero-section.css");
@import url("home_page_content.css");
@import url("ourTeam_page.css");
@import url("master-hero.css");
@import url("about-us-page.css");
@import url("faq.css");
@import url("our-display.css");
@import url("footer.css");
@import url("our-schd.css");
@import url("media.css");

@import url("progress-wrap.css");
@import url("../fonts/HelveticaNeue/rtl-webFont.css");

/*Shafeek Changes - 6th_Nov_2023*/

@font-face {
    font-family: "HelveticaNeue";
    src: url(../fonts/HelveticaNeue/Helvetica\ Neue\ LT\ W05\ 75\ Bold.eot);
    src: url("../fonts/HelveticaNeue/Helvetica\ Neue\ LT\ W05\ 75\ Bold.eot?#iefix")format("embedded-opentype"), url("../fonts/HelveticaNeue/Helvetica\ Neue\ LT\ W05\ 75\ Bold.woff")format("woff"),
    /* url("Helvetica\ Neue\ LT\ W05\ 75\ Bold.woff")format("woff2"), */
    url("../fonts/HelveticaNeue/Helvetica\ Neue\ LT\ W05\ 75\ Bold.ttf")format("truetype"), url("../fonts/HelveticaNeue/Helvetica\ Neue\ LT\ W05\ 75\ Bold.svg#Helvetica Neue LT W05 75 Bold")format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.parallax {
    height: 100vh; /* Adjust height as needed */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

canvas.can-hero {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 0;
}

.bg-dark {
    background-color: rgb(28 26 26) !important;
    background-image: none;
}

.text-justify {
    text-align: justify;
}

.bg-container {
    background: rgba(255, 255, 255, 0.3);
}

/* #Cursor
================================================== */

.cursor,
.cursor2,
.cursor3 {
    position: fixed;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%);
    pointer-events: none;
    left: -100px;
    top: 50%
}

.cursor {
    background-color: rgba(255, 255, 255,0.2);
    height: 0;
    width: 0;
    z-index: 99999;
}

.cursor2, .cursor3 {
    height: 36px;
    width: 36px;
    z-index: 99998;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

    .cursor2.hover,
    .cursor3.hover {
        -webkit-transform: scale(2) translateX(-25%) translateY(-25%);
        transform: scale(2) translateX(-25%) translateY(-25%);
        border: none
    }

.cursor2 {
    border: 2px solid rgba(255, 255, 255,0.5);
    box-shadow: 0 0 22px rgba(255, 255, 255, 0.4);
}

    .cursor2.hover {
        background: rgba(255,255,255,.1);
        box-shadow: 0 0 12px rgba(255, 255, 255, 0.2);
    }

@media screen and (max-width: 1200px) {
    .cursor, .cursor2, .cursor3 {
        display: none
    }
}

/*Shafeek changes end*/

/*Zuhair Changes*/
@font-face {
    font-family: 'Proxima Nova Bold';
    src: url('../fonts/proxima_ssv/Proxima Nova Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Alt Light';
    src: url('../fonts/proxima_ssv/Proxima Nova Alt Light.otf') format('opentype');
}

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('../fonts/proxima_ssv/ProximaNova-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Extrabold';
    src: url('../fonts/proxima_ssv/Proxima Nova Extrabold.otf') format('opentype');
}

@font-face {
    font-family: 'Exo2';
    src: url('../fonts/Exo2-Black.ttf') format('opentype');
}

@font-face {
    font-family: 'NotoNaskhArabic';
    src: url('../fonts/NotoNaskhArabic-Regular.ttf') format('opentype');
}


@font-face {
    font-family: 'fursanFont';
    src: url("../fonts/formal-script-421-bt.ttf");
    src: url("../fonts/formal-script-421-bt.woff");
}

@font-face {
    font-family: 'Rfont';
    src: url("../fonts/Roboto-Thin.ttf");
    src: url("../fonts/Roboto-Regular.ttf");
    src: url("../fonts/Roboto-Medium.ttf");
}


body, html {
    margin: 0;
    padding: 0;
    height: auto !important;
    background: #18181b;
    font-size: 14px;
    color: #ededed;
    font-family: 'Rfont' !important;
    /* font-family: 'ProximaNova-Regular' !important; */
    font-weight: 300;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    -webkit-scroll-behavior: smooth;
    font-weight: 100;
}
/*Zuhair changes end*/
section {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
}

.language-btn.ar {
    /* font-family: 'Tajawal' !important; */
    /* font-family: "HelveticaNeue" !important; */
    font-family: 'NotoNaskhArabic' !important;
}

.language-btn:hover {
    transform: scale(1.1);
    transition: .3s all ease-in-out;
}

.home_page section {
    height: 100vh;
}

section.sm {
    height: 70vh;
}

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

.h-70 {
    height: 70vh;
}

.h-100 {
    height: 100vh;
}

.h-55 {
    height: 50vh;
}

.splitting .char {
    animation: slide-in 1s cubic-bezier(.5, 0, .5, 1) both;
    animation-delay: calc(60ms * var(--char-index));
}

.footer-nav img, .social-media-links img {
    width: 29px;
    margin-bottom: 9px;
}

.footer-nav.social li {
    padding: 0 22px;
    font-size: 12px;
}

@keyframes slide-in {
    from {
        transform: translateX(11em);
        opacity: 0;
    }
}

.fursanFont {
    font-family: 'FormalScript421BT-Regular', cursive;
    font-family: 'fursanFont';
    font-weight: normal;
}

footer {
    background-image: url(../images/footer-bg.png);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    position: relative;
    padding: 44px;
    background-color: #2a2a2b;
    border-bottom: 1px solid #303030;
}

    footer p {
        max-width: 60%;
        text-align: justify;
    }

.no-dec {
    text-decoration: none;
    color: white;
}

    .no-dec:hover {
        text-decoration: none;
        color: white;
    }

.copyright-text {
    position: relative;
    bottom: 0px;
    text-align: center;
    margin: 0 auto;
    width: 100vw;
    background-color: #1c1a18;
    padding: 0;
    margin: 0px;
    height: 42px;
    padding-top: 12px;
}

.fursanclr {
    color: rgb(170, 135, 20);
}

.white {
    color: rgb(229, 229, 229);
}

.modal .close {
    border: none;
    color: white;
}

    .modal .close:focus, .close:focus-visible {
        border: none;
        outline: none;
    }

/* PRELOADER CSS */
.page-loader {
    width: 100%;
    height: 100vh;
    position: absolute;
    background: #151515;
    z-index: 1000;
    animation: preloader .7s forwards .7s;
}

    .page-loader .txt {
        color: #666;
        text-align: center;
        top: 40%;
        position: relative;
        text-transform: uppercase;
        letter-spacing: 0.3rem;
        font-weight: bold;
        line-height: 1.5;
    }

.spinner-dot {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: rgba(255,255,255,.2);
    border-radius: 0;
}

.spinner-line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #c49c23;
    border-radius: 0;
    -webkit-animation: spinnerline 1s cubic-bezier(.17,.37,.43,.67) infinite;
    animation: spinnerline 1s cubic-bezier(.17,.37,.43,.67) infinite;
}

.logo-name p {
    /* font-family: 'ProximaNova-Regular' !important; */
    font-family: 'fursanFont','ProximaNova-Regular' !important;
    font-size: 27px;
    color: rgb(196, 156, 35);
}

.spin {
    animation: fadeOut .3s forwards .5s;
}


@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


@keyframes preloader {
    0% {
        transform: translate3d(0,0,0)
    }

    100% {
        transform: translate3d(0,-100%,0) skew(0)
    }
}

@-webkit-keyframes spinner {
    0% {
        width: 15px
    }

    50% {
        width: 50px
    }

    100% {
        width: 15px
    }
}

@keyframes spinner {
    0% {
        width: 15px
    }

    50% {
        width: 50px
    }

    100% {
        width: 15px
    }
}

@-webkit-keyframes spinnerline {
    0% {
        width: 0;
        left: 0;
        right: auto
    }

    50% {
        width: 100%;
        left: 0;
        right: auto
    }

    51% {
        width: 100%;
        left: auto;
        right: 0
    }

    100% {
        width: 0;
        left: auto;
        right: 0
    }
}

@keyframes spinnerline {
    0% {
        width: 0;
        left: 0;
        right: auto
    }

    50% {
        width: 100%;
        left: 0;
        right: auto
    }

    51% {
        width: 100%;
        left: auto;
        right: 0
    }

    100% {
        width: 0;
        left: auto;
        right: 0
    }
}


@media only screen and (min-width: 1200px) {
    .container-fluid.custom {
        padding-left: 4%;
    }

    .topMobileNavMenu.mainpage {
        visibility: hidden;
    }
}

@media only screen and (max-width: 768px) {
    .nav-wrapper.main {
        position: relative;
        top: 10px;
        left: 10px;
    }

    footer p {
        max-width: 100%;
    }

    footer {
        padding: 30px;
    }

    .msg-text {
        display: none !important;
    }

    canvas.can-hero {
        display: none;
    }

    .hero-content img {
        height: 24vh;
    }
}

.language-btn {
    position: absolute;
    top: 30px;
    right: 30px;
    color: white;
    cursor: pointer;
    z-index: 7;
}

    .language-btn a {
        color: white;
        cursor: pointer;
        text-decoration: none;
        /* font-family: "HelveticaNeue" !important; */
    }

        .language-btn a:hover {
            font-size: 14px !important;
        }

/*Zuhair Changes*/

.topMobileNavMenu {
    z-index: 99999999999999999999;
    position: absolute;
    margin-top: 14px;
}

a.menu-btn-full {
    width: 33px !important;
    height: 32px !important;
    display: block;
    z-index: 999999999999999 !important;
    position: fixed;
    top: 31px;
}

.title {
    font-family: 'Proxima Nova Bold' !important;
}


.ourTeam_content {
    text-align: left !important;
}

.pilot-plane {
    float: right;
    margin-right: -20px;
}

.swiper-slide .swiper-slide-active .pilot-des {
    text-align: justify;
}
/*Zuhair Changes end*/