:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #012935;
    --bs-primary-hover: rgb(221, 116, 11);
    --bs-secondary: #E2C600;
    --bs-secondary-hover: rgb(63, 76, 95);
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3546;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

/* GENERAL */

.div-control {
    border: 1px solid red;
}

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

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

/* MAIN */

#box-1 {
    background-color: transparent;
}

#box-2 {
    background-color: var(--bs-primary);
    color: #fff;
}

#box-3__foto {
    background-color: var(--bs-secondary);
    width: 15rem;
}

#grafico {
    background-color: #eee;
}

#box-4 {
    position: relative;
    background-color: var(--bs-primary);
    border-top: 10px solid var(--bs-secondary);
    height: 500px;
    overflow: hidden;
}

@media (max-width: 575.98px) {
    #box-4 {
        height: auto;
    }

}

#box-4__cont-1 {
    position: absolute;
    left: 15vw;
    color: #fff;
}

@media (max-width: 1399.98px) {
    #box-4__cont-1 {
        left: 10vw;
    }

}

@media (max-width: 1199.98px) {
    #box-4__cont-1 {
        left: 7vw;
    }

}

@media (max-width: 991.98px) {
    #box-4__cont-1 {
        left: 3vw;
    }

}

@media (max-width: 575.98px) {
    #box-4__cont-1 {
        position: relative;
        left: unset;
    }

}

#box-4__cont-diag {
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    border-bottom: 500px solid #fff;
    border-left: 500px solid transparent;
    border-right: 600px solid #fff;
}

@media (max-width: 1399.98px) {
    #box-4__cont-diag {
        border-bottom: 500px solid #fff;
        border-left: 500px solid transparent;
        border-right: 300px solid #fff;
    }
}

@media (max-width: 1199.98px) {
    #box-4__cont-diag {
        border-bottom: 500px solid #fff;
        border-left: 500px solid transparent;
        border-right: 150px solid #fff;
    }
}

@media (max-width: 991.98px) {
    #box-4__cont-diag {
        border-bottom: 500px solid #fff;
        border-left: 500px solid transparent;
        border-right: 1px solid #fff;
    }
}

@media (max-width: 575.98px) {
    #box-4__cont-diag {
        display: none;
    }

}

#box-4__cont-logo {
    position: absolute;
    width: 30%;
    right: 15vw;
    bottom: 0;
}

@media (max-width: 1399.98px) {
    #box-4__cont-logo {
        width: 30%;
        right: 10vw;
    }
}

@media (max-width: 575.98px) {
    #box-4__cont-logo {
        position: relative;
        background-color: #fff;
        width: 100%;
        right: unset;
        bottom: unset;
        padding: 15px;
    }
}

#box-5 {
    margin: 9rem auto;
}

#box-6 {
    margin: 5rem auto;
}

#box-form {
    background-image: url("/public/images/Form\ Contatti.png");
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width: 1399.98px) {
    #box-form {
        background-image: none;
        background-color: var(--bs-secondary);
    }
}


/* TABELLA LEGHE */
.table {
    --bs-table-bg: var(--bs-primary);
    --bs-table-striped-bg: var(--bs-secondary);
    --bs-table-striped-color: #fff;
    color: var(--bs-light);
    font-weight: 600;
    letter-spacing: 1px;
}

tbody, td, tfoot, th, thead, tr {
    border-color: unset;
    border-style: unset;
    border-width: unset;
}

/* FORM */

#box-form #form input:not(#flexCheckDefault) {
    background-color: transparent;
    border: 2px solid var(--bs-secondary);
    height: 50px;
    color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    margin: 0.8rem auto;
}

#box-form #form #flexCheckDefault {
    background-color: transparent;
    border: 2px solid var(--bs-secondary);
    color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

@media (max-width: 1399.98px) {
    #cont-form {
        background-color: var(--bs-primary);
        padding: 10px;
        border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        -ms-border-radius: 0.5rem;
        -o-border-radius: 0.5rem;
    }
}