:root {
    --pa-white-rgb: 255, 255, 255;
    --pa-secondary-50-rgb: 246, 246, 246;
    --pa-secondary-100-rgb: 231, 231, 231;
    --pa-secondary-200-rgb: 209, 209, 209;
    --pa-secondary-300-rgb: 176, 176, 176;
    --pa-secondary-400-rgb: 136, 136, 136;
    --pa-secondary-500-rgb: 109, 109, 109;
    --pa-secondary-600-rgb: 93, 93, 93;
    --pa-secondary-700-rgb: 79, 79, 79;
    --pa-secondary-800-rgb: 69, 69, 69;
    --pa-secondary-900-rgb: 61, 61, 61;

    --pa-warning-50-rgb: 255, 244, 235;
    --pa-warning-100-rgb: 255, 221, 191;
    --pa-warning-200-rgb: 255, 198, 147;
    --pa-warning-300-rgb: 255, 175, 03;
    --pa-warning-400-rgb: 255, 151, 59;
    --pa-warning-500-rgb: 255, 120, 0;
    --pa-warning-600-rgb: 226, 107, 0;
    --pa-warning-700-rgb: 183, 86, 0;

    --pa-danger-500-rgb: 221, 68, 68;

    --pa-color-secondary-50: rgba(var(--pa-secondary-50-rgb), 1);
    --pa-color-secondary-100: rgba(var(--pa-secondary-100-rgb), 1);
    --pa-color-secondary-200: rgba(var(--pa-secondary-200-rgb), 1);
    --pa-color-secondary-300: rgba(var(--pa-secondary-300-rgb), 1);
    --pa-color-secondary-400: rgba(var(--pa-secondary-400-rgb), 1);
    --pa-color-secondary-500: rgba(var(--pa-secondary-500-rgb), 1);
    --pa-color-secondary-600: rgba(var(--pa-secondary-600-rgb), 1);
    --pa-color-secondary-700: rgba(var(--pa-secondary-700-rgb), 1);
    --pa-color-secondary-800: rgba(var(--pa-secondary-800-rgb), 1);
    --pa-color-secondary-900: rgba(var(--pa-secondary-900-rgb), 1);

    --pa-color-warning-50: rgba(var(--pa-warning-50-rgb), 1);
    --pa-color-warning-100: rgba(var(--pa-warning-100-rgb), 1);
    --pa-color-warning-200: rgba(var(--pa-warning-200-rgb), 1);
    --pa-color-warning-300: rgba(var(--pa-warning-300-rgb), 1);
    --pa-color-warning-400: rgba(var(--pa-warning-400-rgb), 1);
    --pa-color-warning-500: rgba(var(--pa-warning-500-rgb), 1);
    --pa-color-warning-600: rgba(var(--pa-warning-600-rgb), 1);
    --pa-color-warning-700: rgba(var(--pa-warning-700-rgb), 1);

    --pa-color-danger-500: rgba(var(--pa-danger-500-rgb), 1);





    /*--bs-primary: #ff5722;*/
    /*--bs-secondary: #5c6bc0;*/
    /*--bs-success: #28a745;*/
    /*--bs-danger: #e63946;*/
    --bs-warning: var(--pa-color-warning-500);
    /*--bs-info: #00bcd4;*/
    --bs-light: #f6f6f6;
    /*--bs-dark: #212121;*/

    --bs-warning-rgb: var(--pa-warning-500-rgb);
    --bs-light-rgb: var(--pa-secondary-50-rgb);

    /*--bs-primary-bg-subtle: #ff794f26;*/
    /*--bs-secondary-bg: #ff794f26;*/
    /*--bs-success-bg-subtle: #ff794f26;*/
    /*--bs-danger-bg-subtle: #ff794f26;*/
    /*--bs-warning-bg-subtle: #ff794f26;*/
    /*--bs-info-bg-subtle: #ff794f26;*/
    /*--bs-light-bg-subtle: #ff794f26;*/
    /*--bs-dark-bg-subtle: #ff794f26;*/

    --bs-body-color: var(--pa-color-secondary-900);
    /*--bs-body-bg: #ffffff;*/
    /*--bs-link-color: #ff5722;*/
    /*--bs-link-hover-color: #e64a19;*/
    --bs-border-color: var(--pa-color-secondary-200);

    --pa-btn-warning-rgb: var(--bs-warning-rgb);
    --pa-btn-hover-warning-rgb: var(--pa-warning-600-rgb);
    --pa-btn-active-warning-rgb: var(--pa-warning-700-rgb);

    --bs-font-sans-serif: "Inter", sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);

    --pa-team-slider-card-width: 240px;
    --pa-team-slider-figure-height: 180px;
}

/* TYPOGRAPHY */
h1,
.h1 {
    font-size: 3rem; /* 48px */
    line-height: 3.5rem; /* 56px */
}

h2,
.h2 {
    font-size: 2.5rem; /* 40px */
    line-height: 3rem; /* 48px */
}

h3,
.h3 {
    font-size: 2rem; /* 32px */
    line-height: 2.5rem; /* 40px */
}

h4,
.h4 {
    font-size: 1.75rem; /* 28px */
    line-height: 2.25rem; /* 36px */
}

h5,
.h5 {
    font-size: 1.5rem; /* 24px */
    line-height: 2rem; /* 32px */
}

h6,
.h6 {
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; /* 28px */
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
    font-weight: 700;
}

@media (max-width: 767px) {
    h1,
    .h1 {
        font-size: 2.25rem; /* 36px */
        line-height: 2.75rem; /* 44px */
    }

    h2,
    .h2 {
        font-size: 2rem; /* 32px */
        line-height: 2.5rem; /* 40px */
    }

    h3,
    .h3 {
        font-size: 1.75rem; /* 28px */
        line-height: 2.25rem; /* 36px */
    }

    h4,
    .h4 {
        font-size: 1.5rem; /* 24px */
        line-height: 2rem; /* 32px */
    }

    h5,
    .h5 {
        font-size: 1.25rem; /* 20px */
        line-height: 1.75rem; /* 28px */
    }

    h6,
    .h6 {
        font-size: 1.125rem; /* 18px */
        line-height: 1.5rem; /* 24px */
    }
}

.fs-7 {
    font-size: 0.875rem !important; /* 14px */
}

.fs-8 {
    font-size: 0.75rem !important; /* 12px */
}

.fs-9 {
    font-size: 0.625rem !important; /* 10px */
}

.text-warning {
    --bs-warning-rgb: 255, 120, 0;
}

.text-muted {
    color: rgba(176, 176, 176, 1) !important;
}

/* TYPOGRAPHY */

/* SPACING */
.m-20 {
    margin: 20px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.ms-20 {
    margin-left: 20px !important;
}

.me-20 {
    margin-right: 20px !important;
}

.m-32 {
    margin: 32px !important;
}

.mt-32 {
    margin-top: 32px !important;
}

.mb-32 {
    margin-bottom: 32px !important;
}

.ms-32 {
    margin-left: 32px !important;
}

.me-32 {
    margin-right: 32px !important;
}

.m-40 {
    margin: 40px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.ms-40 {
    margin-left: 40px !important;
}

.me-40 {
    margin-right: 40px !important;
}

.m-60 {
    margin: 60px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.ms-60 {
    margin-left: 60px !important;
}

.me-60 {
    margin-right: 60px !important;
}

.m-80 {
    margin: 80px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.ms-80 {
    margin-left: 80px !important;
}

.me-80 {
    margin-right: 80px !important;
}

.p-12 {
    padding: 12px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-32 {
    padding: 32px !important;
}

.px-32 {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

.p-40 {
    padding: 40px !important;
}

.py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

/* SPACING */

/* GRID */
.col-5th {
    flex: 0 0 20%;
    max-width: 20%;
}

/* md */
@media (min-width: 768px) {
    .col-md-5th {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* lg */
@media (min-width: 992px) {
    .col-lg-5th {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* xl */
@media (min-width: 1200px) {
    .col-xl-5th {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* GRID */

/* FORM */
.form-control {
    &:focus {
        border-color: var(--pa-color-warning-500);
    }

    &::placeholder {
        --bs-secondary-color: var(--pa-color-secondary-300);
    }
}

/* FORM */

/* BADGE */
.badge {
    --bs-badge-padding-x: 0.5rem;
    --bs-badge-padding-y: 0.375rem;
    --bs-badge-font-size: 0.75rem;
    --bs-badge-font-weight: 400;
}

/* BADGE */

/* BUTTONS */
.btn-warning {
    --bs-btn-font-weight: 600;

    --bs-btn-color: rgb(255, 255, 255);
    --bs-btn-bg: rgb(var(--pa-btn-warning-rgb));
    --bs-btn-border-color: rgb(var(--pa-btn-warning-rgb));

    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: rgb(var(--pa-btn-hover-warning-rgb));
    --bs-btn-hover-border-color: rgb(var(--pa-btn-hover-warning-rgb));

    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-bg: rgb(var(--pa-btn-active-warning-rgb));
    --bs-btn-active-border-color: rgb(var(--pa-btn-active-warning-rgb));

    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-bg: rgba(var(--pa-btn-warning-rgb), 0.35);
    --bs-btn-disabled-border-color: rgba(var(--pa-btn-warning-rgb), 0.35);
}

.btn-outline-warning {
    --bs-btn-font-weight: 600;

    --bs-btn-color: rgb(var(--bs-warning-rgb));
    --bs-btn-border-color: rgb(var(--bs-warning-rgb));

    --bs-btn-hover-color: rgb(255, 255, 255);
    --bs-btn-hover-bg: rgb(var(--bs-warning-rgb));
    --bs-btn-hover-border-color: rgb(var(--bs-warning-rgb));

    --bs-btn-active-color: rgb(255, 255, 255);
    --bs-btn-active-bg: rgb(var(--pa-btn-active-warning-rgb));
    --bs-btn-active-border-color: rgb(var(--pa-btn-active-warning-rgb));

    --bs-btn-disabled-color: rgba(var(--pa-btn-warning-rgb), 0.35);
    --bs-btn-disabled-border-color: rgba(var(--pa-btn-warning-rgb), 0.35);
}
/* BUTTONS */

/* NAV/TABS */
.nav-pills {
    --bs-nav-link-color: rgb(var(--pa-secondary-700-rgb));
    --bs-nav-pills-link-active-color: rgb(var(--pa-white-rgb));
    --bs-nav-pills-link-active-bg: rgb(var(--pa-warning-500-rgb));

    .nav-link {
        color: var(--bs-body-color);

        &.active {
            img {
                filter: brightness(0) invert(1);
            }
        }
    }
}

/* NAV/TABS */

/* CUSTOM */
.card-model {
    border-radius: 28px;
}

.image-fit {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pa-icon {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;

    &.icon-16 {
        width: 16px;
        height: 16px;
    }

    &.icon-20 {
        width: 20px;
        height: 20px;
    }

    &.icon-24 {
        width: 24px;
        height: 24px;
    }

    &.icon-32 {
        width: 32px;
        height: 32px;
    }
}

/* CUSTOM */