:root {
    --system-color: #F16721;
    --text-color: #222;
    --master-color: #b5422f;
    --fw-light: 300 !important;
    --fw-normal: 400 !important;
    --fw-medium: 500 !important;
    --fw-semibold: 600 !important;
    --fw-bold: 700 !important;
    --hover-bavkground-color: #f4f4f4;
}

html, body {
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: var(--fw-normal);
    font-style: normal !important;
    color: var(--text-color) !important;
}

.light {
    font-weight: var(--fw-light) !important;
}

.fw-normal {
    font-weight: var(--fw-normal) !important;
}

.fw-medium {
    font-weight: var(--fw-medium) !important;
}

.fw-semibold {
    font-weight: var(--fw-semibold) !important;
}

.fw-bold {
    font-weight: var(--fw-bold) !important;
}

/* TEXT */

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

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

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

.text-stroke {
    color: var(--text-color);
    font-weight: var(--fw-medium);
    font-size: 1.05em !important;
}

.border-color-master {
    border-color: var(--master-color) !important;
}

.img-blend {
    position: absolute;
    background-blend-mode: multiply;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
    top: 0;
}

.hover-master:hover {
    color: var(--master-color) !important;
    cursor: pointer !important;
}

.dropdown-item.hover-master:hover {
    background-color: var(--hover-bavkground-color) !important;
    cursor: pointer !important;
}

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

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

.bg-master-50 {
    background-color: rgba(12, 27, 46, 0.48) !important;
}

.border-master {
    border-color: var(--master-color) !important;
}

#footer-social a {
    width: 35px;
    height: 35px;
}

#navigator-header ul {
    background-color: rgba(255, 255, 255, 1);
}

#navigator-footer .list-group-item {
    border: none;
}

.btn-master {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--master-color);
    --bs-btn-border-color: var(--master-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1f78ff;
    --bs-btn-hover-border-color: #1f78ff;
    --bs-btn-focus-shadow-rgb: 225,83,97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1f78ff;
    --bs-btn-active-border-color: #1f78ff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--master-color);
    --bs-btn-disabled-border-color: var(--master-color);
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.border-start.border-dashed {
    border-left-style: dashed !important;
}

img.show {
    cursor: pointer !important;
}

.lh-2 {
    line-height: 2 !important;
}

@media (max-width: 992px) {
    .w-x-100 {
        width: 100% !important;
    }

    .border-x-bottom {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
}


/* LOADER */
/* ------------------------------------------------------------------------------------------*/
.loader {
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    position: absolute;
    overflow: hidden;
    background-color: #ddd;
    z-index: 2051;
    z-index: 2;
}

    .loader:before {
        content: "";
        position: absolute;
        left: -50%;
        height: 5px;
        width: 40%;
        background-color: var(--system-color);
        -webkit-animation: lineAnimation 3s linear infinite;
        -moz-animation: lineAnimation 3s linear infinite;
        animation: lineAnimation 3s linear infinite;
    }

.loader-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2050;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    opacity: 0.5;
    z-index: 1;
}

@keyframes lineAnimation {
    0% {
        left: -40%;
    }

    50% {
        left: 20%;
        width: 80%;
    }

    100% {
        left: 100%;
        width: 100%;
    }
}

/* INFORMATION MESSAGE */
/* ------------------------------------------------------------------------------------------*/
#information-message .bi {
    font-size: 5em;
}

#information-message .modal-body {
    word-wrap: anywhere;
}

#information-message .btn {
    min-width: 7em;
}

/* CONFIRM MESSAGE */
/* ------------------------------------------------------------------------------------------*/
#confirm-message .modal-footer button {
    min-width: 6em;
}

/* XS */
@media (max-width: 575.98px) {
    #confirm-message .display-1 {
        font-size: calc(2.625rem + 4.5vw) !important;
    }
}

/* FLAG */
/* ------------------------------------------------------------------------------------------*/
#language .flag {
    height: 1.4em !important;
    width: auto;
}

#language .flag-sub {
    height: 1.2em;
}

/* BODY */
/* ------------------------------------------------------------------------------------------*/
body.base main {
    min-height: 90vh !important;
}

/* HEADER */
/* ------------------------------------------------------------------------------------------*/
body.base header {
    background-color: transparent !important;
    transition: background-color 0.5s ease, opacity 0.5s ease;
}

    body.base header.dark {
        background-color: #000 !important;
    }

    body.base header .logo img {
        transition: height 0.4s ease;
        height: 6.1em !important;
        width: auto;
    }

@media (min-width: 576px) {
    body.base header .logo img {
        height: 9em !important;
    }

    body.base header.dark .logo img {
        height: 6em !important;
    }
}

/* FOOTER */
/* ------------------------------------------------------------------------------------------*/
body.base footer .logo img {
    height: 8em !important;
    width: auto;
}

@media (min-width: 576px) {
    body.base footer .logo img {
        height: 8em !important;
    }
}

/* OFF CANVAS */
/* ------------------------------------------------------------------------------------------*/
#offcanvas-side-nav .accordion-button {
    font-size: 15px;
}

#offcanvas-side-nav .accordion {
    --bs-accordion-active-color: var(--master-color) !important;
    --bs-accordion-active-bg: trasparent !important;
}

#offcanvas-side-nav .accordion {
    --bs-accordion-active-color: var(--master-color) !important;
    --bs-accordion-active-bg: trasparent !important;
}

#offcanvas-side-nav .accordion-button.collapsed:focus {
    box-shadow: none;
}

#offcanvas-side-nav .accordion-button:not(.collapsed),
#offcanvas-side-nav .accordion-button:focus:not(.collapsed) {
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--master-color);
}

#offcanvas-side-nav .accordion-button.no-icon:after {
    background-image: none;
}

#offcanvas-side-nav .accordion-button:hover {
    color: var(--master-color) !important;
}

#offcanvas-side-nav .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3e%3c/svg%3e");
}

#offcanvas-side-nav .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3e%3cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8'/%3e%3c/svg%3e");
}

#offcanvas-side-nav .accordion-button:not(.collapsed) {
    color: var(--text-color) !important;
}

#offcanvas-side-nav .accordion-item,
#offcanvas-side-nav .accordion-button,
#offcanvas-side-nav .list-group-item {
    background-color: transparent !important;
}

    #offcanvas-side-nav .list-group-item a {
        color: var(--text-color);
        text-decoration: none;
    }

    #offcanvas-side-nav .list-group-item a {
        width: 100% !important;
        display: flex !important;
    }

/* SUB BANNER */
/* ------------------------------------------------------------------------------------------*/
.banner {
    height: 100vh !important;
    position: relative;
}

.banner.sub-banner {
    height: 70vh !important;
}


/* SM */
@media (min-width: 575.98px) {

}

/* MD */
@media (min-width: 767.98px) {
    .banner {
        height: 60vh !important;
    }

        .banner.sub-banner {
            height: 50vh !important;
        }
}

/* LG */
@media (min-width: 991.98px) {
    .banner {
        height: 70vh !important;
    }

        .banner.sub-banner {
            height: 60vh !important;
        }
}

/* XL */
@media (min-width: 1199.98px) {
    .banner {
        height: 85vh !important;
    }
}

@media (min-width: 1399.98px) {
    .banner {
        height: 100vh !important;
    }
}

/* OFF CANVAS */
/* ------------------------------------------------------------------------------------------*/
.bgi-software .accordion-button {
    font-size: 15px;
}

.bgi-software .accordion {
    --bs-accordion-active-color: var(--master-color) !important;
    --bs-accordion-active-bg: trasparent !important;
}

.bgi-softwarea .accordion {
    --bs-accordion-active-color: var(--master-color) !important;
    --bs-accordion-active-bg: trasparent !important;
}

.bgi-software .accordion-button.collapsed:focus {
    box-shadow: none;
}

.bgi-software .accordion-button:not(.collapsed),
.bgi-softwarea .accordion-button:focus:not(.collapsed) {
    box-shadow: none !important;
}

.bgi-software .accordion-button.no-icon:after {
    background-image: none;
}

.bgi-software .accordion-button:hover {
    color: var(--master-color) !important;
}

.bgi-software .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3e%3c/svg%3e");
}

.bgi-software .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F16721'%3e%3cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8'/%3e%3c/svg%3e");
}

.bgi-software .accordion-button:not(.collapsed) {
    color: var(--master-color) !important;
}

.bgi-software .accordion-item,
.bgi-software .accordion-button,
.bgi-software .list-group-item {
    background-color: transparent !important;
}

    .bgi-software .list-group-item a {
        color: var(--text-color);
        text-decoration: none;
    }

    .bgi-software .list-group-item a {
        width: 100% !important;
        display: flex !important;
    }

.bgi-software .accordion-body {
    min-height: 30vh !important;
}