/* ? All Variables Of Colors, Fonts, Radius...  */
    /* ReUse This Vars In All Project */
    /*  ========VARIABLES CSS========   */

    :root {
        /*  ========Colors========   */
        --main-color: #1e3d8d;
        --secondary-color: #64c5ea;
        /*  ========Hovers========   */
        --hover-main: #1e3d8d5b;
        --hover-secondary: #64c4ea55;

        --bg: #18183000;
        --color: #082635;
        --dark: #181830;
        --dark-light: #d5d5d5;
        --light: #efefef;
        /* Gradient Vars */
        /*  ========Vars Colors========   */
        --heading: var(--main-color);
        --text: var(--main-color);
        /*  ========Shadow========   */
        --Shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
        /*  ========Border========   */
        --radius: 30px;
        --radius-ms: 15px;
        --bg-gradient: linear-gradient(219deg, rgba(30, 33, 66, 1) 0%, rgba(26, 45, 135, 1) 46%, rgba(100, 197, 234, 1) 94%);
        --bg-gradient-dark: linear-gradient(210deg, rgba(30, 33, 66, 1) 0%, rgba(28, 38, 94, 1) 8%, rgba(26, 45, 135, 1) 17%, rgba(28, 49, 138, 1) 23%, rgba(30, 52, 140, 1) 29%, rgba(35, 62, 146, 1) 38%, rgba(39, 71, 152, 1) 46%, rgba(45, 83, 160, 1) 52%, rgba(50, 93, 166, 1) 57%, rgba(53, 100, 171, 1) 64%, rgba(56, 105, 174, 1) 68%, rgba(66, 126, 188, 1) 76%, rgba(76, 146, 201, 1) 83%, rgba(83, 160, 210, 1) 89%, rgba(90, 174, 219, 1) 95%, rgba(100, 197, 234, 1) 100%);
        /*  ========Font and typography========   */
        /* IN RTL | LTR FILES */
    }

    /*  ========BASE========   */

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

    html {
        scroll-behavior: smooth;
        overflow-x: hidden;
        /* scroll-padding-top: 9rem; */
        scroll-behavior: smooth;
        color: var(--dark) !important;
        /* letter-spacing: normal !important; */
    }

    /* html::-webkit-scrollbar {
        width: 0.5rem;
    } */

    html::-webkit-scrollbar-track {
        background: transparent;
    }

    html::-webkit-scrollbar-thumb {
        background: radial-gradient(circle, var(--secondary-color) 0%, var(--secondary-color) 100%);
        /* var(--main-color); */
    }

    body {
        background: var(--bg);
        color: var(--dark) !important;
        text-transform: capitalize;
        overflow: hidden;
        -webkit-text-size-adjust: 100%;
    }

    ::-moz-selection {
        background: var(--secondary-color);
        color: var(--color);
        font-weight: 600;
    }

    ::selection {
        background: var(--secondary-color);
        color: var(--color);
        font-weight: 600;
    }

    section {
        padding: 2% 2.5rem;
    }

    @media screen and (max-width: 992px) {
        section {
            padding: 1% 1.5rem;
        }
    }

    a {
        text-decoration: none !important;
        color: var(--main-color);
        word-break: break-word;
    }

    p {
        /* text-align: justify; */
        line-height: 1.9 !important;
    }

    a,
    button {
        touch-action: manipulation;
        transition: all 0.3s;
    }

    .radius {
        border-radius: var(--radius);
    }

    .secText {
        color: var(--main-hover) !important;
        line-height: 1.7;
    }

    .text-dark-light {
        color: var(--dark-light) !important;
    }

    .text-dark {
        color: var(--dark) !important;
    }

    .bg-dark {
        background:
            /* linear-gradient(220deg, rgba(30, 33, 66, 1) 0%, rgba(26, 45, 135, 1) 34%, rgba(100, 197, 234, 1) 94%) !important; */
            var(--dark) !important;
    }

    .bg-primary {
        background: var(--main-color) !important;
        color: var(--main-hover);
    }

    .bg-secondary {
        background: var(--secondary-color) !important;
    }

    .text-primary {
        color: var(--main-color) !important;
    }

    .text-secondary {
        color: var(--secondary-color) !important;
    }


    .text-blue {
        color: var(--main-color);
    }

    .bg-nav {
        background: var(--main-color);
    }

    .bg-gradient {
        background: linear-gradient(219deg, rgba(30, 33, 66, 1) 0%, rgba(26, 45, 135, 1) 46%, rgba(100, 197, 234, 1) 94%) !important;
    }

    /* .logo {
        color: var(--main-color);
        font-weight: 500;
    }

    .logo img {
        padding: 0;
        margin: 0;
        max-height: 40px;
        transform-origin: top left;
        transform: scale(0) rotate(0deg) translate(-50%, -50%);
        animation: cube 12s ease-in forwards infinite;
    } */

    /* heading */

    .heading {
        color: var(--heading) !important;
        /* font-family: var(--heading-font) !important; */
    }

    .text-link {
        font-size: 1.5rem !important;
    }

    /* Hover Classes */
    /* NavBar Start*/

    /* .navbar {
        z-index: 99;
    }

    .nav-icon {
        color: #fff !important;
        font-size: 1.2rem;
        font-weight: 600;
    } */

    /* .nav-item:hover,
    .nav-icon:hover {
        color: var(--secondary-color) !important;
    }

    .nav-link.active {
        color: var(--secondary-hover) !important;
    }

    .dropdown-item {
        color: var(--secondary-color) !important;
    }

    .dropdown-item:hover {
        color: var(--main-color) !important;
        cursor: pointer;
    } */

    /* .dropdown-item.active-item {
        color: white !important;
        background-color: var(--secondary-color) !important;
    }

    .dropdown-toggle::after {
        display: none;
    } */

    /* NavBar End*/




    /* Baisc Nave */

    /* @media screen and (min-width: 992px) {
        .nav-item {
            line-height: 80px;
        }
    } */

    /* Variable Declarations */


    /* Styling */
    /* Navbar Styling */


    /* Footer Style */
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{
    margin-inline:5px;
}


/*** Navbar End ***/
.dropdown-menu {
    min-width: 6rem !important;
}
.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    vertical-align: middle;
    margin-left: 2px;
}

/* @media (min-width: 1200px) { */
    .navbar .nav-item .dropdown-menu {
        display: none;
        top: 100%;
        font-weight: 400;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        border: 0;
        transition: .5s;
        opacity: 0;
    }
@media (min-width: 1200px) {
    .navbar #toggleNavbarButton{
        display:none !important;
    }
}

.dropdown .dropdown-menu a:hover {
    /* background: var(--bs-secondary); */
    color: var(--bs-primary);
}

.navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    display:block;
    /* visibility: visible; */
    background: var(--bs-light) !important;
    border-radius: 10px !important;
    transition: .5s;
    opacity: 1;
}