@charset 'UTF-8';
/*
Site: Prodera UAE WebPortal V1
Description: Site Styling Options for Prodera UAE WebPortal
Version: 1.0.5
Author: Prodera Group/Prodera Solutions
Author URI: https://www.prodera.ae
*/

:root {
    --primary-main: #5a677a;
    --primary-dark: #292929;
    --primary-blue: #0d1672;
    --primary-darkblue: #0d1672;
    --primary-purple: #911e90;
    --primary-darkpuple: #4d004d;
    --primary-orange: #f48120;
    --primary-darkorange: #d6680b;
    --primary-red: #720000;
    --primary-gradient: linear-gradient(to right, #5514c5, #c82020, #bc0e80);
    --primary-bg-gradient: linear-gradient(45deg, #07073d 55%, #7f0fa8 100%) !important;
}

/* HEADERS & NAVIGATION */
.nav-zmenu {
    color: #414141 !important;
    font-weight: 700 !important;
}

a.nav-zmenu:hover,
a.nav-zmenu:focus,
a.nav-zmenu:focus-visible {
    color: var(--primary-orange);
    background: none;
    -webkit-text-fill-color: var(--primary-orange);
}

.nav-zmenu-heading {
    color: var(--primary-orange);
    background: none;
    font-weight: 800 !important;
    -webkit-text-fill-color: var(--primary-orange);
}

a.nav-zmenu-heading:hover,
a.nav-zmenu-heading:focus,
a.nav-zmenu-heading:focus-visible {
    color: #0d1e72;
    background: none;
    -webkit-text-fill-color: #0d1e72;
}

.nav-zmenu-heading.disabled {
    font-weight: 600 !important;
}

.nav-zmenu-item {
    color: #1f2d3d !important;
    font-weight: 600 !important;
}

a.nav-zmenu-item:hover,
a.nav-zmenu-item:focus {
    color: #292929;
    font-weight: 700 !important;
}

.nav-zbtn {
    color: #414141 !important;
    font-weight: 800 !important;
    border: 2px solid #e2e8f0;
    background-color: transparent;
}

    .nav-zbtn:hover {
        color: #171347 !important;
        font-weight: 800 !important;
        border-color: var(--primary-orange);
        background-color: transparent;
    }

    .nav-zbtn:not(:disabled):not(.disabled):focus,
    .nav-zbtn:not(:disabled):not(.disabled):active {
        color: #008aff;
        border-color: #207685;
        background-color: transparent;
    }

    .nav-zbtn:not(:disabled):not(.disabled).active {
        color: #008aff;
        border-color: #008aff;
        background-color: #fff;
    }

.nav-zbtn-solid {
    color: #fff !important;
    font-weight: 800 !important;
    border: 2px solid var(--primary-orange);
    background-color: var(--primary-orange);
}

    .nav-zbtn-solid:hover {
        color: #fff !important;
        font-weight: 800 !important;
        border-color: #911e90;
        background-color: var(--primary-blue);
    }

    .nav-zbtn-solid:not(:disabled):not(.disabled):focus,
    .nav-zbtn-solid:not(:disabled):not(.disabled):active {
        color: #008aff;
        border-color: #207685;
        background-color: transparent;
    }

    .nav-zbtn-solid:not(:disabled):not(.disabled).active {
        color: #008aff;
        border-color: #008aff;
        background-color: #fff;
    }

.nav-baseline {
    border-top: 2px solid #a9a9a9 !important;
}

.mainheader {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

@media (max-width: 1200px) {
    .mainheader {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

@media (max-width: 576px) {
    .mainheader {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

.mainheader.border {
    border-top: 6px solid var(--primary-orange) !important;
    border-bottom: 6px solid var(--primary-orange) !important;
}

.titleheader {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

@media (max-width: 1200px) {
    .titleheader {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.titleheader-lg {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

@media (max-width: 1200px) {
    .titleheader-lg {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

.titleheader.border,
.titleheader-lg.border {
    border-top: 6px solid var(--primary-orange) !important;
    border-bottom: 6px solid var(--primary-orange) !important;
}


/* FOOTERS */

.footer-bg-gray {
    background-color: #a6a6a6 !important;
}

.footer-bg-lightgray {
    background-color: lightgray !important;
}

.footer-bg-gradient {
    background: linear-gradient(45deg, #07073d 55%, #7f0fa8 100%) !important;
}

.footer-top {
    border-top: 5px solid var(--primary-orange) !important;
}

.footer-baseline-text {
    color: white;
}

.footer-baseline-link {
    color: white;
}

a.footer-baseline-link:hover, a.footer-baseline-link:focus {
    color: var(--primary-orange) !important;
    border-bottom: 1px solid !important;
}


/* BACKGROUNDS */

.header-bg-gradient-1 {
    background: linear-gradient(45deg, #07073d 55%, #7f0fa8 100%) !important;
}

.bg-ident {
    background-color: #d6680b !important;
}

/* BODY ATTRIBUTES */
.no-border {
    border: none !important;
}

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

a.text-main:hover,
a.text-main:focus {
    border-bottom: 1px solid !important;
}

.text-subheading {
    color: #daddea !important;
}

a.text-subheading:hover, a.text-subheading:focus {
    color: #911e90 !important;
    border-bottom: 1px solid !important;
}

.mainheader-link {
    color: var(--primary-orange) !important;
}

a.mainheader-link:hover, a.mainheader-link:focus {
    color: #fff !important;
}

.text-vp-lg {
    /* For MD/LG/XL viewport - text size 1.25em & lh-180 */
    font-size: 1.25rem !important;
    line-height: 1.8 !important;
}

@media (max-width: 767px) {
    /* For XS/SM viewport - text size 1.15em & lh-170 */
    .text-vp-lg {
        font-size: 1.15rem !important;
        line-height: 1.7 !important;
    }
}

.text-blue {
    color: #143bff !important;
}

a.text-blue:hover, a.text-blue:focus {
    color: #911e90 !important;
    border-bottom: 1px solid !important;
}

.text-darkblue {
    color: #0d1672 !important;
}

a.text-darkblue:hover, a.text-darkblue:focus {
    color: var(--primary-orange) !important;
    border-bottom: 1px solid !important;
}

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

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

a.text-orange:hover, a.text-orange:focus, a.text-darkorange:hover, a.text-darkorange:focus {
    color: var(--primary-darkblue) !important;
    border-bottom: 1px solid !important;
}

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

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

a.text-purple:hover, a.text-purple:focus, a.text-darkpurple:hover, a.text-darkpurple:focus {
    color: var(--primary-darkblue) !important;
    border-bottom: 1px solid !important;
}

.text-red {
    color: #bb3d42 !important;
}

.text-darkred {
    color: #720000 !important;
}

.text-green {
    color: #2d7685 !important;
}

.text-highlight-red {
    background-image: linear-gradient(transparent 76%, rgba(200, 32, 32, .15) 34%);
    background-repeat: repeat-x;
}

.text-highlight-purple {
    background-image: linear-gradient(transparent 76%, rgba(85, 20, 197, .15) 34%);
    background-repeat: repeat-x;
}

.text-highlight-blue {
    background-image: linear-gradient(transparent 76%, rgba(13, 22, 114, .15) 34%);
    background-repeat: repeat-x;
}

.text-highlight-orange {
    background-image: linear-gradient(transparent 76%, rgba(13, 22, 114, .15) 34%);
    background-repeat: repeat-x;
}

/* BUTTONS */

.btn-header {
    color: #fff !important;
    font-weight: 800 !important;
    border: 3px solid #fff;
    background-color: transparent;
}

.btn-header:hover {
    color: var(--primary-orange) !important;
    font-weight: 800 !important;
    border-color: var(--primary-orange) !important;
    background-color: transparent;
}

.btn-header:not(:disabled):not(.disabled):focus,
.btn-header:not(:disabled):not(.disabled):active {
    color: #fff !important;
    font-weight: 800 !important;
    border-color: #fff;
    background-color: transparent;
}

.btn-header:not(:disabled):not(.disabled).active {
    color: #fff;
    border-color: var(--primary-orange);
    background-color: transparent;
}

.btn-main-neutral {
    color: #fff !important;
    font-weight: 800 !important;
    border: 3px solid var(--primary-darkpuple);
    background-color: transparent;
}

    .btn-main-neutral:hover {
        color: var(--primary-orange) !important;
        font-weight: 800 !important;
        border-color: var(--primary-orange) !important;
        background-color: transparent;
    }

    .btn-main-neutral:not(:disabled):not(.disabled):focus,
    .btn-main-neutral:not(:disabled):not(.disabled):active {
        color: #fff !important;
        font-weight: 800 !important;
        border-color: #fff;
        background-color: transparent;
    }

    .btn-main-neutral:not(:disabled):not(.disabled).active {
        color: #fff;
        border-color: var(--primary-orange);
        background-color: transparent;
    }

.btn-main-solid {
    color: #fff !important;
    font-weight: 800 !important;
    border: 3px solid #fff;
    background-color: transparent;
}

    .btn-main-solid:hover {
        color: var(--primary-orange) !important;
        font-weight: 800 !important;
        border-color: #fff;
        background-color: var(--primary-orange);
    }

    .btn-main-solid:not(:disabled):not(.disabled):focus,
    .btn-main-solid:not(:disabled):not(.disabled):active {
        color: #fff !important;
        font-weight: 800 !important;
        border-color: #fff;
        background-color: transparent;
    }

    .btn-main-solid:not(:disabled):not(.disabled).active {
        color: #fff;
        border-color: var(--primary-orange);
        background-color: transparent;
    }



/* CARDS & SECTIONS ATTRIBUTES */

.card-body-fx {
    min-height: 1px;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 1.25rem;
    padding-bottom: 1.1rem;
    color: #718096;
    flex: 1 1 auto;
}

.card-footer-fx {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 1.1rem;
    padding-bottom: 0.5rem;
    background-color: transparent;
    border-top: 1px solid #eaecf3;
}

    .card-footer-fx:last-child {
        border-radius: 0 0 calc(.75rem - 1px) calc(.75rem - 1px);
    }