/*
|--------------------------------------------------------------------------
| Fonts
|--------------------------------------------------------------------------
*/

@font-face {
    font-family: "Bahij SultanNahia";
    src: url("../fonts/BahijSultanNahia-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Proxima Nova Alt";
    src: url("../fonts/Proxima Nova Alt Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Proxima Nova Alt";
    src: url("../fonts/Proxima Nova Alt Reg.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Proxima Nova Alt";
    src: url("../fonts/Proxima Nova Alt Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Proxima Nova Alt";
    src: url("../fonts/Proxima Nova Alt Black.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/*
|--------------------------------------------------------------------------
| Variables
|--------------------------------------------------------------------------
*/

:root {
    --font-primary: "Proxima Nova Alt", Arial, sans-serif;
    --font-title: "Bahij SultanNahia", Arial, sans-serif;

    --color-gold: #c5ad86;
    --color-gold-dark: #978266;

    --color-white: #ffffff;
    --color-text: #e6e6e6;
    --color-muted: #999999;

    --color-dark: #292929;
    --color-dark-2: #343434;
    --color-dark-3: #1c1c1c;

    --color-border: rgba(255,255,255,.20);
    --color-field: #686868;

    --utility-height: 58px;
    --nav-height: 108px;

    --container-padding: 40px;

    --transition-fast: .25s ease;
    --transition-base: .4s ease;

    /* --font-size-main: 24px;
    --font-size-h1: 80px;
    --font-size-h2: 64px;
    --font-size-h3: 48px;
    --font-size-h4: 32px;
    --font-size-h5: 24px;
    --font-size-h6: 18px;
    --font-size-display: 48px;
    --font-size-text-main: 24px;
    --font-size-text-large: 22px;
    --font-size-text-small: 18px;
    --font-size-text-xsmall: 16px; */
    --font-size-main: 21px;
    --font-size-h1: 77px;
    --font-size-h2: 61px;
    --font-size-h3: 45px;
    --font-size-h4: 29px;
    --font-size-h5: 21px;
    --font-size-h6: 15px;
    --font-size-display: 45px;
    --font-size-text-main: 21px;
    --font-size-text-large: 19px;
    --font-size-text-small: 15px;
    --font-size-text-xsmall: 13px;
}


/*
|--------------------------------------------------------------------------
| Base
|--------------------------------------------------------------------------
*/

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;

    background: var(--color-dark);
    color: var(--color-white);

    font-family: var(--font-primary);
    font-weight: 400;

}

h1,
h2,
.font-title {
    font-family: var(--font-title);
    font-weight: 400;
    font-size: var(--font-size-h2);
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
}

button,
input,
select,
textarea {
    font-family: inherit;
}

.site-container {
    width: 100%;

    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
}

/*
|--------------------------------------------------------------------------
| Custom Cursor
|--------------------------------------------------------------------------
*/

@media (hover: hover) and (pointer: fine) {

    body,
    body * {
        cursor:
            url("../images/cursor.svg") 28 28,
            auto;
    }


    /*
    |--------------------------------------------------------------------------
    | Interactive Elements
    |--------------------------------------------------------------------------
    */

    a,
    button,
    [role="button"],
    input[type="submit"],
    input[type="button"],
    input[type="checkbox"],
    input[type="radio"],
    select,
    label,
    [tabindex],
    .swiper-button-next,
    .swiper-button-prev,
    .capability-panel,
    .strategy-nav__item,
    .strategy-nav__subitem,
    .leadership-executive-card.has-detail,
    .capability-panel,
    .portfolio-item {
        cursor:
            url("../images/cursor.svg") 28 28,
            pointer!important;
    }

}


/*
|--------------------------------------------------------------------------
| Touch Devices
|--------------------------------------------------------------------------
*/

@media (hover: none), (pointer: coarse) {

    body,
    body * {
        cursor: auto;
    }

}

.grecaptcha-badge {
    display: none!important;
}