/*
 * DESKTOP
 */
// MENU //
#menu {

    max-height: 100%;
    overflow: auto;

    position: fixed;
    top: 0;
    right: -100%; /* Adjust this value to control how much the menu slides in */
    height: 100%;
    width: 23rem;
    background-color: #ffffff;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    transition: right 0.5s ease-in-out;

    padding: 1.3125rem 1.5rem;
    border-radius: 1rem 0rem 0rem 1rem;
}

#menu .download-svg {
    margin-left: 0.62rem;
}

#menu .menu-header {
    margin-bottom: 1.87rem;
}

#menu .menu-box {
    text-align: left;
    margin-bottom: 1.5rem;
    margin-right: 1.875em;
}

#menu .list-title {
    color: #484C56;
    text-align: left;
    font-family: "IBM Plex Sans";
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.003rem;
    text-decoration: none;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #DFDFE6;
    margin-bottom: 0;
    text-transform: uppercase;
}

#menu ul.menu-list {
    list-style-type: none;
    padding-inline-start: 0;
}

#menu ul.menu-list li {
    padding: 0.75em 0 0.50rem 0;
}

#menu a.list-link {
    color: #76bd22;
    text-align: left;
    font-family: "IBM Plex Sans";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.01094rem;
    text-transform: uppercase;

    border-radius: 28px;
    text-decoration: none;
    padding: 10px 12px;
    transition: 0.3s;
}

#menu a.list-link:hover {


    background-color: #76bd22;
    color: #fff;
    border-radius: 28px;
    //letter-spacing: 0.004rem;
    //height: 36px;
    padding: 10px 12px;
    transition: 0.3s;
}


// MENU //
#reserved-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: right 0.5s ease-in-out;
    background: linear-gradient(180deg, rgba(128, 186, 39, 0.80) 0%, rgba(3, 72, 7, 0.80) 100%);
    z-index: 999;
}

#reserved-menu {
    position: fixed;
    top: 0;
    right: -100%; /* Adjust this value to control how much the menu slides in */
    height: 100%;
    width: 41.5rem;
    background-color: #ffffff;
    transition: right 0.5s ease-in-out;
    padding: 10rem 7.5rem;
    z-index: 9999;
}

#menu-reserved-mobile {
    position: fixed;
    top: 0;
    right: -100%;
    height: 100%;
    transition: right 0.5s ease-in-out;
    padding: 0.5rem 2.5rem;
    text-align: left;
}

#reserved-menu h1 {
    color: #034807;
    text-align: left;
    font-family: "IBM Plex Sans";
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.035rem;
    margin-bottom: 0.5rem;
}

#reserved-menu h2 {
    color: #484C56;
    text-align: left;
    font-family: "IBM Plex Sans";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4175rem;
    letter-spacing: 0.00219rem;
    margin-bottom: 2rem;
}

#reserved-menu .menu-header-title {
    color: #034807;
    text-align: left;
    font-family: "IBM Plex Sans";
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.035rem;
    margin-bottom: 0.5rem;
}

#reserved-menu .menu-header-subtitle {
    color: #484C56;
    text-align: left;
    font-family: "IBM Plex Sans";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4175rem;
    letter-spacing: 0.00219rem;
    margin-bottom: 2rem;
}

#reserved-menu .reserved_login_submit {
    background-color: #76bd22 !important;
    border-radius: 1.625rem;
    height: 3.25rem;
    border: none;
    color: #ffffff;
    font-family: "IBM Plex Sans";
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.004rem;
    margin: 2.06rem 0;
    transition: content 0.3s;
}

#reserved-menu .reserved_login_submit:hover {
    background-color: #034807 !important;
    transition: content 0.3s;

    img {
        content: url("../../assets/media/frontend/snippets/right-arrow-big.png") !important;
        transition: content 0.3s;
    }

}

#reserved-menu .forgot-link {
    text-align: left;
    color: #484C56;
    font-family: "IBM Plex Sans";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00219rem;

    a {
        text-decoration: none;
        color: #76bd22;
    }
}

#reserved-menu .new-link {
    text-align: center;
    color: #484C56;
    font-family: "IBM Plex Sans";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00219rem;

    a {
        text-decoration: none;
        color: #76bd22;
    }
}

#reserved-menu .close-button-login {
    text-align: left;
    float: left;
    margin-bottom: 2rem;
}

#reserved-menu .login-reserved-label {
    text-align: left;
    float: left;
    color: #333;
    font-family: "IBM Plex Sans";
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.00219rem;
    margin-bottom: 0.5rem;
}

#reserved-menu input {
    margin-bottom: 1rem;
    float: left;
    color: #034807;
    font-family: "IBM Plex Sans";
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    padding: 0.7rem 0.94rem;
}

#reserved-menu input::placeholder {
    color: #bbb; /* Set the placeholder color to #bbb */
}

/* If you want to override the inline style for the specific input element */
#reserved-menu input.form-control {
    color: #034807 !important;
}

#reserved-menu .arrow-img {
    margin-left: 0.25rem;
    width: 1.5rem;
    margin-top: -2px;
}

#reserved-menu .menu-header {
    margin-bottom: 1.87rem;
}

#reserved-menu .menu-box {
    text-align: left;
    margin-bottom: 1.5rem;
    margin-right: 1.875em;
}

// NAVBAR //
#navbar {
    //TODO:fixar com sticky
    background-color: transparent;
    color: white;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: top 0.3s;
    z-index: 1000;
    height: 75px;
    padding: 15px 0 0 0;
}

.link-nav-right {
  float: right;
}

#navbar.scrolled {
    background-color: #ffffff;
    box-shadow: 0px 1px 10px #DFDFE6;

    .svg-color {
        filter: none;
    }

    .nav-white img {
        content: url("../../assets/media/backend/logos/logo-black.svg") !important;
    }

    .nav-hamburguer-white img {
        content: url("../../assets/media/frontend/navbar/hamburguer.svg");

    }
     img.nav-lang-white {
        content: url("../../assets/media/frontend/navbar/globe_green.svg");

    }
}
img.nav-lang-white {
    width: 24px;
}

#navbar.hidden {
    top: -75px;
}

#navbar .header-logo {
    margin-top: 0.3125rem;
}
#navbar .new-logo {
    margin-top: -2px!important;
    width: 175px;
}
#navbar .nav-hamburguer {
    margin-top: 0.6225rem;
}
#navbar .nav-lang {
    margin-top: 0.6225rem;
}

#navbar .links-right {
    //text-align: right;
}

#navbar .dropdown-language {
    border: 1px solid var(--oficially-color, #76bd22);
    transform: translate(35px, 37px);
    a {
        color: #000000;
        text-align: left;
        font-family: "IBM Plex Sans";
        font-weight: 500;
    }
    a:hover {
        background-color: transparent;
        font-weight: 700;
        color: #76bd22;
    }
    a.current-lang {
        font-weight: 700;
    }

}
#navbar .navbar-links {
    text-align: right;
    line-height: 2rem;
    margin-right: 5px
}

#navbar .nav-menu-btn img {
    margin-top: 10px;
}

#navbar .nav-buttons-link {
    height: 2.813rem;
    padding: 3px;
    align-items: flex-start;
    border-radius: 1.4375rem;
    border: 1px solid var(--oficially-color, #76bd22);
    background: var(--greenLight, #F0FFD8);
    max-width: 15rem;
}


#navbar .nav-buttons-link-sponsor {
    max-width: 15rem;
}

#navbar .nav-buttons-link ul {
    list-style-type: none;
    padding-inline-start: 0;
    display: flex;
}

#navbar .nav-buttons-link ul li {
    list-style-type: none;
    padding-inline-start: 0;
    display: flex;
}

#navbar .navbtn-link {
    color: #76bd22;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.25rem;
    letter-spacing: 0.004rem;
    text-transform: uppercase;
    text-decoration: none;
}

#navbar .navbtn-link-public {
    margin: 0 0.6rem;
}

#navbar .navbtn-link-sponsor {
    margin-left: 0.6rem;
}

#navbar .nav-buttons-link {
    float: right;
}

#navbar .navbtn-not-link {
    font-family: "IBM Plex Sans";
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #76bd22;
    line-height: 2.30rem;
    letter-spacing: 0.004rem;
    height: 37px;
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

#navbar .navlink.active {
    background-color: #76bd22;
    border: 1px solid #76bd22;
    border-radius: 28px;
    padding: 0px 12px;
    color: #fff;
}
#navbar .navlink.active-2 {
    background-color: #76bd22;
    border: 1px solid #76bd22;
    border-radius: 28px;
    padding: 0 12px!important;
    margin-left: -3px;
    color: #fff;
}

.navbtn-link-login {
    color: #76bd22;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3rem;
    letter-spacing: 0.004rem;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 12px;
    border-radius: 28px;
    transition: background-color 0.6s, color 0.6s;

    .link-login-arrow {
        display: none;
        opacity: 1;
        margin-top: -3px;
    }


}

a.navbtn-link-login:hover {
    background-color: #76bd22;
    color: #fff;
    border-radius: 28px;
    padding: 10px 12px;
    transition: 0.6s;

    .link-login-arrow {
        display: inline-flex;
        transition: opacity 0.6s;
    }

}

.navbar-register {
    background-color: #76bd22 !important;

    p.header-register-title {
        font-family: "IBM Plex Sans";
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.0055rem;
        text-transform: uppercase;
        color: #ffffff;
        margin-top: 0.45rem;
    }

    .link-close {
        float: right;
    }

    .close-btn-img {

    }

    .header-logo {
        margin-top: 0.25rem !important;
    }
}

// FOOTER //
#footer {
    background-color: #000000;
    min-height: 16.625rem;
    padding: 2rem 0 1rem 0;
}

#footer .footer-top {
    padding: 0 0 3rem 0;
}

#footer .footer-middle {
    padding: 0 0 3rem 0;
    border-bottom: 1px solid #ffffff;
}

#footer .footer-bottom {
    padding: 1rem 0 1rem 0;
}

#footer .footer-left ul {
    padding-inline-start: 0;
    list-style-type: none;
    display: flex;
}

#footer .footer-left ul li {
    margin-right: 1rem;
}

#footer .footer-left ul a {
    color: #ffffff;
    text-decoration: none;
    font-family: 'Plus Jakarta Sans';
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.0035rem;
}

#footer .footer-left p.footer-rights {
    color: #ffffff;
    text-decoration: none;
    font-family: 'Plus Jakarta Sans';
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.0035rem;
}

#footer .footer-right ul {
    padding-inline-start: 0;
    list-style-type: none;
    display: flex;
    float: right;
}

#footer .footer-right ul li {
    margin-left: 1rem;
}

#footer .footer-right ul a.footer-link-terms {
    color: #ffffff;
    text-decoration: none;
    font-family: 'Plus Jakarta Sans';
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.0035rem;
}

#modalRegister p.modal-title {
    font-family: 'IBM Plex Sans';
    color: #002605;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.16rem;
    letter-spacing: -0.035rem;
    text-align: center;
    margin-bottom: 0.62rem;
}

#modalRegister p.modal-subtitle {
    font-family: 'IBM Plex Sans';
    color: #26702c;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25563rem;
    letter-spacing: 0.00219rem;
    text-align: center;
}

#modalRegister h3 {
    font-family: 'IBM Plex Sans';
    color: #26702c;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.00088rem;
    text-align: center;
}
#modalRegister p.modal-text{
    font-family: 'IBM Plex Sans';
    color: #002605;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.00088rem;
    text-align: center;
}
#modalRegister .input-label {
    color: #002605;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
    margin-top: 1.5rem;
}

#modalRegister .error-label {
    font-size: 12px;
    font-weight: 400;
    color: red;
    margin: 5px 0 10px 0;
    float: left;
}

#modalRegister .box-bottom {
    margin-top: 0.7rem;
}
#modalRegister .header-text-modal {
    margin-bottom: 1.5rem;
}

#modalRegister .modal-header {
    border-bottom: none;
}

#modalRegister .modal-custom {
    --bs-modal-width: 40.125rem;
}

#modalRegister .modal-content {
    padding: 0.5rem 1.5rem 1rem 1.5rem;

}

#modalRegister .box-bottom {

}

#modalRegister p.text-bottom {
    font-family: 'IBM Plex Sans';
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25563rem;
    letter-spacing: 0.00219rem;
}

#modalRegister a.policy-link {
    text-decoration: none;
    color: #76bd22;
}

#modalRegister input.checkbox-modal {
    height: 1.5rem;
    width: 1.5rem;
}

.checkbox-label {
    display: flex;
    align-items: center;
    margin: 0.30rem 0;
}

.checkbox-label input {
    margin-right: 0.62rem;
}

.checkbox-label span {
    font-family: 'IBM Plex Sans';
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25563rem;
    letter-spacing: 0.00219rem;
}

#modalRegister .btn-close-modal {
    float: right;
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    background-color: transparent; /* Set to a transparent background */
    border: 1px solid #000;
    border: none;
}

#modalRegister .modal-footer {
    border-top: 0;
}

#modalRegister input {
    width: 100%;
    padding: 0.5rem 0.94rem;
    height: 2.62rem;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}

#modalRegister .checkbox-modal {
    width: 100%;
    padding: 0.5rem 0.94rem;
    height: 2.62rem;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}

#modalRegister .btn-subscribe {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    background-color: #76bd22;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    border-radius: 28px;
    margin: 0 0 25px 0;
    height: 3.25rem;
    line-height: normal;
    letter-spacing: 0.004rem;
    width: 100%;
}

// MODAL DELETE CONFIRMATION //
#modalDeleteConfirmation h1 {
    font-family: 'IBM Plex Sans';
    color: #034807;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.035rem;
    text-align: center;
    margin-bottom: 0.62rem;
}

#modalDeleteConfirmation h2 {
    font-family: 'IBM Plex Sans';
    color: #484C56;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00219rem;
    text-align: left;
}

#modalDeleteConfirmation .header-text-modal {
    padding: 0 1rem;
}

#modalDeleteConfirmation .modal-header {
    border-bottom: none;
    padding-bottom: 0;
}

#modalDeleteConfirmation .modal-custom {
    --bs-modal-width: 40.125rem;
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}

#modalDeleteConfirmation .modal-content {
    padding: 0.5rem 1.5rem 1rem 1.5rem;
}

#modalDeleteConfirmation .modal-footer {
    border-top: 0;
}

#modalDeleteConfirmation .btn-subscribe {
    font-family: "IBM Plex Sans";
    font-size: 1rem;
    font-weight: 600;
    background-color: #76bd22;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    border-radius: 28px;
    height: 2.75rem;
    line-height: normal;
    letter-spacing: 0.004rem;
    width: auto;
}

#modalDeleteConfirmation .btn-cancel {
    font-family: "IBM Plex Sans";
    font-size: 1rem;
    font-weight: 600;
    border: 1px solid #8F8F97;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #8F8F97;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.75rem;
    line-height: 1.90rem;
    letter-spacing: 0.004rem;
    width: auto;
}

#modalDeleteConfirmation .btn-close-modal {
    float: right;
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    background-color: transparent;
    border: none;
}

// MODAL EXIT //
#modalexit h1 {
    font-family: 'IBM Plex Sans';
    color: #034807;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.035rem;
    text-align: center;
    margin-bottom: 0.62rem;
}

#modalexit h2 {
    font-family: 'IBM Plex Sans';
    color: #484C56;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00219rem;
    text-align: left;
}

#modalexit .modal-exit-title {
    font-family: 'IBM Plex Sans';
    color: #034807;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.035rem;
    text-align: center;
    margin-bottom: 0.62rem;
}

#modalexit .modal-exit-subtitle {
    font-family: 'IBM Plex Sans';
    color: #484C56;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00219rem;
    text-align: left;
}

#modalexit h3 {
    font-family: 'IBM Plex Sans';
    color: #034807;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.00088rem;
    text-align: center;
}

#modalexit .input-label {
    color: #333;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
}

#modalexit .header-text-modal {
    padding: 0 1rem;
}

#modalexit .modal-header {
    border-bottom: none;
    padding-bottom: 0;
}

#modalexit .modal-custom {
    --bs-modal-width: 40.125rem;
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}

#modalexit .modal-content {
    padding: 0.5rem 1.5rem 1rem 1.5rem;
}

#modalexit p.text-bottom {
    font-family: 'IBM Plex Sans';
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25563rem;
    letter-spacing: 0.00219rem;
}

#modalexit a.policy-link {
    text-decoration: none;
    color: #76bd22;
}

#modalexit input.checkbox-modal {
    height: 1.5rem;
    width: 1.5rem;
}

#modalexit .btn-close-modal {
    float: right;
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    background-color: transparent;
    border: none;
}

#modalexit .modal-footer {
    border-top: 0;
}

#modalexit input {
    width: 100%;
    padding: 0.5rem 0.94rem;
    height: 2.62rem;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1.5rem;
}

#modalexit .checkbox-modal {
    width: 100%;
    padding: 0.5rem 0.94rem;
    height: 2.62rem;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}

#modalexit .btn-subscribe {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    background-color: #76bd22;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    border-radius: 28px;
    height: 2.75rem;
    line-height: normal;
    letter-spacing: 0.004rem;
    width: auto;
}

#modalexit .btn-cancel {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #8F8F97;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #8F8F97;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.75rem;
    line-height: 1.90rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: none;
}

#modalexit .active {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #76bd22;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.75rem;
    line-height: 1.9rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: auto;
}

/* Hide the default checkbox */
#modalexit .box-bottom input[type="checkbox"] {
    display: none;
}

/* Create a custom checkbox container */
#modalexit .box-bottom input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #76bd22;
    border-radius: 4px;
    margin-right: 10px; /* Adjust as needed for spacing */
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 16 16'><path d='M6 11.292l-2.646-2.646-.708.708 3 3 .708.708.708-.708 7-7-.708-.708z' fill='%23fff'/></svg>") center center no-repeat;
}

/* Style the custom checkmark background when checked */
#modalexit .box-bottom input[type="checkbox"]:checked + label::before {
    background-color: #76bd22;
}

/* Style the label text (optional) */
#modalexit .box-bottom label {
    font-weight: bold;
    color: #333; /* Change the text color as needed */
    display: flex; /* Use flexbox to align items vertically */
    align-items: center; /* Vertically center align items */


    span {
        font-family: 'IBM Plex Sans';
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.25563rem;
        letter-spacing: 0.00219rem;
    }


}


#modalWorkshopDetails .header-text-modal {
    margin-bottom: 3rem;
}

#modalWorkshopDetails .modal-header {
    padding: 1.2rem 1.5rem 1.2rem 1.5rem;
}

#modalWorkshopDetails .modal-body {
    padding: 2rem 1.5rem 2rem 1.5rem;
    min-height: 34rem;
}

#modalWorkshopDetails .modal-custom {
    --bs-modal-width: 55.125rem;
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}

#modalWorkshopDetails .workshop-modal-description-header {
    color: #034807;
    font-family: 'IBM Plex Sans';
    font-size: 1rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.005rem;
}

#modalWorkshopDetails .workshop-modal-name {
    font-family: 'IBM Plex Sans';
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0.003rem;
}

#modalWorkshopDetails .workshop-modal-description {
    font-family: 'IBM Plex Sans';
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.005rem;
}

#modalWorkshopDetails .workshop-modal-name-text {
    font-family: 'IBM Plex Sans';
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0.005rem;
}

#modalWorkshopDetails a.policy-link {
    text-decoration: none;
    color: #76bd22;
}

#modalWorkshopDetails input.checkbox-modal {
    height: 1.5rem;
    width: 1.5rem;
}

#modalWorkshopDetails .btn-close-modal {
    float: right;
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    background-color: transparent; /* Set to a transparent background */
    border: none;
}

#modalWorkshopDetails .modal-footer {
    border-top: 0;
}

#modalWorkshopDetails input {
    width: 100%;
    padding: 0.5rem 0.94rem;
    height: 2.62rem;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1.5rem;

}

#modalWorkshopDetails .checkbox-modal {
    width: 100%;
    padding: 0.5rem 0.94rem;
    height: 2.62rem;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;

}

#modalWorkshopDetails .btn-subscribe {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    background-color: #76bd22;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    border-radius: 28px;
    margin: 0 0 25px 0;
    height: 3.25rem;
    line-height: 2.25rem;
    letter-spacing: 0.004rem;
    width: 100%;
}






//#modal INVOICE UPLOAD
#modalupload .modal-header {
    padding: 1.5rem
}

#modalupload .modal-body {
    padding: 1.5rem
}

#modalupload .modal-footer {
    padding: 1.5rem
}

#modalupload h1 {
    font-family: 'IBM Plex Sans';
    color: #034807;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.005rem;
    text-align: center;
}

#modalupload .dz-button {
    text-align: center;
    cursor: pointer;
    background: none;
    border: none;

    font-family: 'IBM Plex Sans';
    color: #034807;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.005rem;
    margin-top: 3rem;
    line-height: 2rem;

    span {
        text-align: center;
        leading-trim: both;
        color: #76bd22;
        text-edge: cap;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.004rem;
        text-transform: uppercase;
    }

}

#modalupload .dropzone .dz-preview .dz-remove {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #76bd22;
    border-radius: 28px;
    margin: 0;
    height: 0;
    line-height: 0;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: auto;
}

#modalupload .input-label {
    color: #333;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
}

#modalupload .header-text-modal {
    padding: 0 1rem;
}

#modalupload .modal-header {
    //border-bottom: none;
    //padding-bottom: 0;
}

#modalupload .modal-custom {
    --bs-modal-width: 40.125rem;
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}

#modalupload .modal-content {
    //padding: 0.5rem 1.5rem 1rem 1.5rem;
}

#modalupload .btn-close-modal {
    float: right;
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    background-color: transparent;
    border: none;
}

#modalupload .modal-footer {
    //border-top: 0;
}

#modalupload .btn-subscribe {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    background-color: #76bd22;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    border-radius: 28px;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
}

#modalupload .btn-cancel {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #8F8F97;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #8F8F97;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: none;
}

#modalupload .active {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #76bd22;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: auto;
}






//#modal INVOICE UPLOAD
#modalEditProcess .modal-header {
    padding: 1.5rem
}

#modalEditProcess input {
    width: 100%;
    padding: 0.5rem 0.94rem;
    height: 2.62rem;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    font-family: "IBM Plex Sans";
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1.5rem;
}
#modalEditProcess p.input-title {
    color: #333;
    font-family: "IBM Plex Sans";
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
    text-align: left;
}

#modalEditProcess .modal-body {
    padding: 1.5rem
}

#modalEditProcess .modal-footer {
    padding: 1.5rem
}

#modalEditProcess h1 {
    font-family: 'IBM Plex Sans';
    color: #034807;
    font-size: 1rem!important;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.005rem;
    text-align: center;
}

#modalEditProcess .dz-button {
    text-align: center;
    cursor: pointer;
    background: none;
    border: none;

    font-family: 'IBM Plex Sans';
    color: #034807;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.005rem;
    margin-top: 3rem;
    line-height: 2rem;

    span {
        text-align: center;
        leading-trim: both;
        color: #76bd22;
        text-edge: cap;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.004rem;
        text-transform: uppercase;
    }

}

#modalEditProcess .dropzone .dz-preview .dz-remove {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #76bd22;
    border-radius: 28px;
    margin: 0;
    height: 0;
    line-height: 0;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: auto;
}

#modalEditProcess .input-label {
    color: #333;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
}

#modalEditProcess .header-text-modal {
    padding: 0 1rem;
}
#modalEditProcess .modal-custom {
    --bs-modal-width: 40.125rem;
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}
#modalEditProcess .btn-close-modal {
    float: right;
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    background-color: transparent;
    border: none;
}

#modalEditProcess .modal-footer {
    //border-top: 0;
}

#modalEditProcess .btn-subscribe {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    background-color: #76bd22;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    border-radius: 28px;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
}

#modalEditProcess .btn-cancel {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #8F8F97;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #8F8F97;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: none;
}

#modalEditProcess .active {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #76bd22;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: auto;
}



//#modal PROJECT UPLOAD
#modaluploadproject .modal-header {
    padding: 1.5rem
}

#modaluploadproject .modal-body {
    padding: 1.5rem
}

#modaluploadproject .modal-footer {
    padding: 1.5rem
}

#modaluploadproject h1 {
    font-family: 'IBM Plex Sans';
    color: #034807;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.005rem;
    text-align: center;
}

#modaluploadproject .dz-button {
    text-align: center;
    cursor: pointer;
    background: none;
    border: none;

    font-family: 'IBM Plex Sans';
    color: #034807;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.005rem;
    margin-top: 3rem;
    line-height: 2rem;

    span {
        text-align: center;
        leading-trim: both;
        color: #76bd22;
        text-edge: cap;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.004rem;
        text-transform: uppercase;
    }

}

#modaluploadproject .dropzone .dz-preview .dz-remove {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #76bd22;
    border-radius: 28px;
    margin: 0;
    height: 0;
    line-height: 0;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: auto;
}

#modaluploadproject .input-label {
    color: #333;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
}

#modaluploadproject .header-text-modal {
    padding: 0 1rem;
}

#modaluploadproject .modal-custom {
    --bs-modal-width: 40.125rem;
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}

#modaluploadproject .btn-close-modal {
    float: right;
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    background-color: transparent;
    border: none;
}

#modaluploadproject .btn-subscribe {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    background-color: #76bd22;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    border-radius: 28px;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
}

#modaluploadproject .btn-cancel {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #8F8F97;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #8F8F97;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: none;
}

#modaluploadproject .active {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #76bd22;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: auto;
}




//#modal ADD PACK
#modaladdpack .checkbox {
    transform: scale(1.5);
    margin-right: 5px;
    appearance: none;
    cursor: pointer;
    border: 1px solid #76bd22;
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

#modaladdpack .checkbox:checked::before {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    background-color: #76bd22;
    border-radius: 50%;
    margin: 2px;
}

#modaladdpack .input-option {
    color: #000000; /* Replace with your preferred color code */
}

//#modal ADD SERVICE
#modaladdservice .modal-header, #modaladdpack .modal-header {
    padding: 1.5rem
}

#modaladdservice .modal-body, #modaladdpack .modal-body {
    padding: 1.5rem;
    overflow: auto;
    height: 30rem;
}

#modaladdservice .modal-footer, #modaladdpack .modal-footer {
    padding: 1.5rem
}

#modaladdservice h1, #modaladdpack h1 {
    font-family: 'IBM Plex Sans';
    color: #034807;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.005rem;
    text-align: center;
}

#modaladdservice h2, #modaladdpack h2 {
    font-family: 'IBM Plex Sans';
    color: #484C56;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00219rem;
    text-align: left;
}

#modaladdservice p.reserved-box-title, #modaladdpack p.reserved-box-title {
    font-family: "IBM Plex Sans";
    font-size: 1.5rem;
    font-weight: 700;
    text-align: left;
    color: #034807;
}

#modaladdservice .register-white-box, #modaladdpack .register-white-box {
    min-height: 300px;
}

#modaladdservice p.input-title, #modaladdpack p.input-title {
    color: #333;
    font-family: "IBM Plex Sans";
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
}

#modaladdservice .input-label, #modaladdpack .input-label {
    color: #333;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
}

#modaladdservice .header-text-modal, #modaladdpack .header-text-modal {
    padding: 0 1rem;
}

#modaladdservice .modal-custom, #modaladdpack .modal-custom {
    --bs-modal-width: 50.125rem;
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}

#modaladdservice p.text-bottom, #modaladdpack p.text-bottom {
    font-family: 'IBM Plex Sans';
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25563rem;
    letter-spacing: 0.00219rem;
}

#modaladdservice .btn-close-modal, #modaladdpack .btn-close-modal {
    float: right;
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    background-color: transparent;
    border: none;
}

#modaladdservice .btn-subscribe, #modaladdpack .btn-subscribe {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    background-color: #76bd22;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    border-radius: 28px;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
}

#modaladdservice .btn-cancel, #modaladdpack .btn-cancel {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #8F8F97;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #8F8F97;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    //line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    padding: 0 15px;
    line-height: 38px;
}

#modaladdservice .input-option-type, #modaladdpack .input-option-type {
    font-family: "IBM Plex Sans";
    font-size: 1rem;
    font-weight: 500;
    color: #034807;
}

#modaladdservice .choose-box, #modaladdpack .choose-box {
    border-radius: 16px;
    border: 1px solid #D3E7B5;
    background: #ffffff;
    margin-bottom: 1rem;
}
#modaladdservice .choose-box:hover {
    border: 1px solid #76bd22;
    background: #F6F6F6;
    .choose-box-header {
        border-color: #76bd22;
    }
    .choose-box-footer {
        border-color: #76bd22;
    }
}
#modaladdpack .choose-box:hover {
    border: 1px solid #76bd22;
    background: #F6F6F6;
    .choose-box-header {
        border-color: #76bd22;
    }
    .choose-box-footer {
        border-color: #76bd22;
    }
}

#modaladdpack .checked {
    border: 1px solid #76bd22;
    background: #F6F6F6;
    .choose-box-header {
        border-color: #76bd22;
    }
    .choose-box-footer {
        border-color: #76bd22;
    }
}

#modaladdservice .choose-box:hover {
    border: 1px solid #76bd22;
    background: #F6F6F6;
    .choose-box-header {
        border-color: #76bd22;
    }
    .choose-box-footer {
        border-color: #76bd22;
    }
}

#modaladdservice .checked {
    border: 1px solid #76bd22;
    background: #F6F6F6;
    .choose-box-header {
        border-color: #76bd22;
    }
    .choose-box-footer {
        border-color: #76bd22;
    }
}

#modaladdservice .choose-box-header, #modaladdpack .choose-box-header {
    padding: 16px;
    border-bottom: 1px solid #D3E7B5;
    text-align: left;

    h1 {
        font-family: "IBM Plex Sans";
        font-size: 1.125rem;
        font-weight: 700;
        letter-spacing: 0.00563rem;
        text-align: left;
        color: #034807;
        margin-bottom: 0;
    }
}

#modaladdservice .choose-none-box-header, #modaladdpack .choose-none-box-header {
    padding: 16px;
}

#modaladdservice .choose-box-body, #modaladdpack .choose-box-body {
    padding: 16px;
    min-height: 5rem;
    text-align: left;

    ul {
        list-style-type: none;
        padding-inline-start: 0;
    }
}

#modaladdservice .input-option, #modaladdpack .input-option {
    font-family: "IBM Plex Sans";
    font-size: 1.2rem;
    font-weight: 700;
    color: #034807;
}

#modaladdservice .input-option-price, #modaladdpack .input-option-price {
    font-family: "IBM Plex Sans";
    font-size: 1.2rem;
    font-weight: 700;
    color: #034807;
    text-align: right;
    padding-top: 0;
}

#modaladdservice .choose-box-footer, #modaladdpack .choose-box-footer {
    max-height: 3.8125rem;
    padding: 16px;
    border-top: 1px solid #D3E7B5;
    text-align: left;
}

#modaladdservice p {
    font-family: "IBM Plex Sans";
    font-size: 0.80rem;
    font-weight: 400;
    color: #8F8F97;
    text-align: left;
    padding-left: 35px;
}

#modaladdservice .choose-box {
    padding: 20px 15px;
}

#modaladdservice input[type=checkbox] {
    display: none;
}

#modaladdservice input {
    width: 100%;
    padding: 0.5rem 0.94rem;
    height: 2.62rem;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    font-family: "IBM Plex Sans";
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1.5rem;
}

#modaladdservice input[type=checkbox] + label::before {
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #76bd22;
    border-radius: 4px;
    margin-right: 10px; /* Adjust as needed for spacing */
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 16 16'><path d='M6 11.292l-2.646-2.646-.708.708 3 3 .708.708.708-.708 7-7-.708-.708z' fill='%23fff'/></svg>") center center no-repeat;
    background-color: #ffffff;
}

#modaladdservice input[type=checkbox]:checked + label::before {
    background-color: #76bd22;
}

#modaladdservice label {
    font-weight: bold;
    color: #333;
    display: flex;
    align-items: center;
}

#modaladdservice label span {
    font-family: "IBM Plex Sans";
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.25563rem;
    letter-spacing: 0.00219rem;
    color: #034807;
    line-height: 28px;
}


//#modal STAND STATUS
#modalstandstatus .modal-header {
    padding: 1.5rem
}
#modalstandstatus .modal-body {
    padding: 1.5rem
}
#modalstandstatus .modal-footer {
    padding: 1.5rem
}
#modalstandstatus h1 {
    font-family: 'IBM Plex Sans';
    color: #034807;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.005rem;
    text-align: center;
}
#modalstandstatus h2 {
    font-family: 'IBM Plex Sans';
    color: #484C56;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00219rem;
    text-align: left;
}
#modalstandstatus p.reserved-box-title {
    font-family: "IBM Plex Sans";
    font-size: 1.5rem;
    font-weight: 700;
    text-align: left;
    color: #034807;
}
#modalstandstatus .register-white-box {
    min-height: 300px;
}
#modalstandstatus p.input-title {
    color: #333;
    font-family: "IBM Plex Sans";
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
}
#modalstandstatus .input-label {
    color: #333;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
}
#modalstandstatus .header-text-modal {
    padding: 0 1rem;
}
#modalstandstatus .modal-custom {
    --bs-modal-width: 50.125rem;
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}
#modalstandstatus p.text-bottom {
    font-family: 'IBM Plex Sans';
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25563rem;
    letter-spacing: 0.00219rem;
}
#modalstandstatus .btn-close-modal {
    float: right;
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    background-color: transparent;
    border: none;
}
#modalstandstatus input {
    width: 100%;
    padding: 0.5rem 0.94rem;
    height: 2.62rem;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1.5rem;
}
#modalstandstatus textarea {
    width: 100%;
    padding: 0.5rem 0.94rem;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1.5rem;
}

#modalstandstatus .btn-cancel {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #76bd22;
    border-radius: 28px;
    margin: 0 0 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
}


#modalstandstatus .button-5 {
    align-items: center;
    background-clip: padding-box;
    background-color: #76bd22;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
    box-sizing: border-box;
    color: #fff;
    display: inline-flex;
    font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 1.25;
    margin: 0 0 20px 0;
    min-height: 2.5rem;
    padding: calc(0.875rem - 1px) calc(1.5rem - 1px);
    position: relative;
    text-decoration: none;
    transition: all 250ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    width: auto;
}
#modalstandstatus .button-4 {
    align-items: center;
    background-clip: padding-box;
    background-color: #e72323;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
    box-sizing: border-box;
    color: #fff;
    display: inline-flex;
    font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 1.25;
    margin: 0 0 20px 0;
    min-height: 2.5rem;
    padding: calc(0.875rem - 1px) calc(1.5rem - 1px);
    position: relative;
    text-decoration: none;
    transition: all 250ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    width: auto;
}

#modalstandstatus .button-6 {
    align-items: center;
    background-clip: padding-box;
    background-color: #dddddd;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
    box-sizing: border-box;
    color: #fff;
    display: inline-flex;
    font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 1.25;
    margin: 0 0 20px 0;
    min-height: 2.5rem;
    padding: calc(0.875rem - 1px) calc(1.5rem - 1px);
    position: relative;
    text-decoration: none;
    transition: all 250ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    width: auto;
}



//#modal DELETE SERVICE
#modaldeleteservice .modal-header {
    padding: 1.5rem
}
#modaldeleteservice .modal-body {
    padding: 1.5rem
}
#modaldeleteservice .modal-footer {
    padding: 1.5rem
}
#modaldeleteservice h1 {
    font-family: 'IBM Plex Sans';
    color: #034807;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.005rem;
    text-align: center;
}
#modaldeleteservice h2 {
    font-family: 'IBM Plex Sans';
    color: #484C56;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00219rem;
    text-align: left;
}
#modaldeleteservice p.reserved-box-title {
    font-family: "IBM Plex Sans";
    font-size: 1.5rem;
    font-weight: 700;
    text-align: left;
    color: #034807;
}
#modaldeleteservice .register-white-box {
    min-height: 300px;
}
#modaldeleteservice p.input-title {
    color: #333;
    font-family: "IBM Plex Sans";
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
}
#modaldeleteservice .input-label {
    color: #333;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
}
#modaldeleteservice .header-text-modal {
    padding: 0 1rem;
}
#modaldeleteservice .modal-custom {
    --bs-modal-width: 50.125rem;
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}
#modaldeleteservice p.text-bottom {
    font-family: 'IBM Plex Sans';
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25563rem;
    letter-spacing: 0.00219rem;
}
#modaldeleteservice .btn-close-modal {
    float: right;
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    background-color: transparent;
    border: none;
}
#modaldeleteservice input {
    width: 100%;
    padding: 0.5rem 0.94rem;
    height: 2.62rem;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1.5rem;
}
#modaldeleteservice textarea {
    width: 100%;
    padding: 0.5rem 0.94rem;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1.5rem;
}
#modaldeleteservice .btn-subscribe {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    background-color: #76bd22;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    border-radius: 28px;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
}
#modaldeleteservice .btn-cancel {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #8F8F97;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #8F8F97;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: none;
}
#modaldeleteservice .active {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #76bd22;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: auto;
}


//#modal STAND DESCRIPTION
#modaldelstanddescription .modal-header {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    border: none;
}
#modaldelstanddescription .info-row {
    border-radius: 16px;
    padding: 10px 15px;
    background: #F6F6F6;
    margin-bottom: 10px;
}
#modaldelstanddescription .info-row p.info-row-object {
    font-family: "IBM Plex Sans";
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    margin: 0 10px;
    min-width: 80px;
}
#modaldelstanddescription .info-row p.info-row-data {
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 10px;
}
#modaldelstanddescription .info-row ul {
    display: inline-flex;
    padding-inline-start: 0;
    list-style-type: none;
    margin-bottom: 0;
}
#modaldelstanddescription .modal-body {
    padding: 1.5rem
}
#modaldelstanddescription .modal-footer {
    padding: 0.5rem 1.5rem 1.5rem 1.5rem;
    border: none;
}
#modaldelstanddescription h1 {
    font-family: 'IBM Plex Sans';
    color: #034807;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.005rem;
    text-align: center;
}
#modaldelstanddescription .modal-custom {
    --bs-modal-width: 40.125rem;
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}
#modaldelstanddescription .btn-close-modal {
    float: right;
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    background-color: transparent;
    border: none;
}
#modaldelstanddescription .btn-subscribe {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    background-color: #76bd22;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    border-radius: 28px;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
}
#modaldelstanddescription .btn-cancel {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #8F8F97;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #8F8F97;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: none;
}
#modaldelstanddescription .active {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #76bd22;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: auto;
}


//#modal EDIT PROFILE
#modalprofile .modal-header {
    padding: 1.5rem
}
#modalprofile .modal-body {
    padding: 1.5rem
}
#modalprofile .modal-footer {
    padding: 1.5rem
}
#modalprofile h1 {
    font-family: 'IBM Plex Sans'!important;
    color: #034807!important;
    font-size: 1rem!important;
    font-style: normal!important;
    font-weight: 700!important;
    letter-spacing: 0.005rem!important;
    text-align: center!important;
}
select.input-profile {
    height: 2.625rem;
    padding: 0.5rem 0.9375rem;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    border-radius: 0.5rem;
    border: 1px solid #DDD;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-weight: 400;
    background: var(--white, #FFF);
}

#modalprofile .dz-button {
    text-align: center;
    cursor: pointer;
    background: none;
    border: none;
    font-family: 'IBM Plex Sans';
    color: #034807;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.005rem;
    margin-top: 3rem;
    line-height: 2rem;

    span {
        text-align: center;
        leading-trim: both;
        color: #76bd22;
        text-edge: cap;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.004rem;
        text-transform: uppercase;
    }
}

/* Style the Dropzone remove button as text */
#modalprofile .dropzone .dz-preview .dz-remove {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #76bd22;
    border-radius: 28px;
    margin: 0;
    height: 0;
    line-height: 0;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: auto;
}


#modalprofile h2 {
    font-family: 'IBM Plex Sans';
    color: #484C56;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00219rem;
    text-align: left;
}

#modalprofile p.reserved-box-title {
    font-family: "IBM Plex Sans";
    font-size: 1.5rem;
    font-weight: 700;
    text-align: left;
    color: #034807;
}

#modalprofile .register-white-box {
    min-height: 300px;
}

#modalprofile p.input-title {
    color: #333;
    font-family: "IBM Plex Sans";
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
}

#modalprofile .input-label {
    color: #333;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
}

#modalprofile .header-text-modal {
    padding: 0 1rem;
}
#modalprofile .modal-custom {
    --bs-modal-width: 50.125rem;
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}
#modalprofile p.text-bottom {
    font-family: 'IBM Plex Sans';
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25563rem;
    letter-spacing: 0.00219rem;
}
#modalprofile a.policy-link {
    text-decoration: none;
    color: #76bd22;
}
#modalprofile input.checkbox-modal {
    height: 1.5rem;
    width: 1.5rem;
}
#modalprofile .btn-close-modal {
    float: right;
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    background-color: transparent;
    border: none;
}
#modalprofile input {
    width: 100%;
    padding: 0.5rem 0.94rem;
    height: 2.62rem;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1.5rem;
}
#modalprofile .checkbox-modal {
    width: 100%;
    padding: 0.5rem 0.94rem;
    height: 2.62rem;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}
#modalprofile .btn-subscribe {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    background-color: #76bd22;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    border-radius: 28px;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
}
#modalprofile .btn-cancel {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #8F8F97;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #8F8F97;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: none;
}
#modalprofile .active {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #76bd22;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: auto;
}

//#modal EDIT PROFILE
#modalchangepass .modal-header {
    padding: 1.5rem
}
#modalchangepass .toggle-password svg {
    width: 1.2rem;
}
#modalchangepass .password-container {
    position: relative;
}
#modalchangepass .toggle-password {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}
#modalchangepass .modal-body {
    padding:  0 1.5rem 1.5rem 1.5rem
}
#modalchangepass .modal-footer {
    padding: 1.5rem
}
#modalchangepass h1 {
    font-family: 'IBM Plex Sans'!important;
    color: #034807!important;
    font-size: 1rem!important;
    font-style: normal!important;
    font-weight: 700!important;
    letter-spacing: 0.005rem!important;
    text-align: center!important;
}
#modalchangepass .dz-button {
    text-align: center;
    cursor: pointer;
    background: none;
    border: none;
    font-family: 'IBM Plex Sans';
    color: #034807;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.005rem;
    margin-top: 3rem;
    line-height: 2rem;
    span {
        text-align: center;
        leading-trim: both;
        color: #76bd22;
        text-edge: cap;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.004rem;
        text-transform: uppercase;
    }
}

/* Style the Dropzone remove button as text */
#modalchangepass .dropzone .dz-preview .dz-remove {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #76bd22;
    border-radius: 28px;
    margin: 0;
    height: 0;
    line-height: 0;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: auto;
}
#modalchangepass h2 {
    font-family: 'IBM Plex Sans';
    color: #484C56;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00219rem;
    text-align: left;
}
#modalchangepass p.reserved-box-title {
    font-family: "IBM Plex Sans";
    font-size: 1.5rem;
    font-weight: 700;
    text-align: left;
    color: #034807;
}
#modalchangepass .register-white-box {
    min-height: 300px;
}
#modalchangepass p.input-title {
    color: #333;
    font-family: "IBM Plex Sans";
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}
#modalchangepass .input-label {
    color: #333;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
}
#modalchangepass .header-text-modal {
    padding: 0 1rem;
}
#modalchangepass .modal-custom {
    --bs-modal-width: 50.125rem;
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}
#modalchangepass p.text-bottom {
    font-family: 'IBM Plex Sans';
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25563rem;
    letter-spacing: 0.00219rem;
}
#modalchangepass a.policy-link {
    text-decoration: none;
    color: #76bd22;
}
#modalchangepass input.checkbox-modal {
    height: 1.5rem;
    width: 1.5rem;
}
#modalchangepass .btn-close-modal {
    float: right;
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    background-color: transparent;
    border: none;
}
#modalchangepass input {
    width: 100%;
    padding: 0.5rem 0.94rem;
    height: 2.62rem;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}
#modalchangepass .checkbox-modal {
    width: 100%;
    padding: 0.5rem 0.94rem;
    height: 2.62rem;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}
#modalchangepass .btn-subscribe {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    background-color: #76bd22;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    border-radius: 28px;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
}
#modalchangepass .btn-cancel {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #8F8F97;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #8F8F97;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: none;
}
#modalchangepass .active {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #76bd22;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: auto;
}

//#modal EDIT PERSON
#modaleditperson .modal-header {
    padding: 1.5rem
}
.add-error-message .edit-error-message, .error-message {
    color: red;
    font-size: 0.8rem;
    margin-top: -1.5rem;
    margin-bottom: 10px;
}
#modaleditperson .modal-body {
    padding: 1.5rem
}
#modaleditperson .modal-footer {
    padding: 1.5rem
}
#modaleditperson h1 {
    font-family: 'IBM Plex Sans';
    color: #034807;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.005rem;
    text-align: center;
}
#modaleditperson p.reserved-box-title {
    font-family: "IBM Plex Sans";
    font-size: 1.5rem;
    font-weight: 700;
    text-align: left;
    color: #034807;
}
#modaleditperson .register-white-box {
    min-height: 300px;
}
#modaleditperson p.input-title {
    color: #333;
    font-family: "IBM Plex Sans";
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
}
#modaleditperson .input-label {
    color: #333;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
}
#modaleditperson .modal-custom {
    --bs-modal-width: 50.125rem;
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}
#modaleditperson .btn-close-modal {
    float: right;
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    background-color: transparent;
    border: none;
}
#modaleditperson input {
    width: 100%;
    padding: 0.5rem 0.94rem;
    height: 2.62rem;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1.5rem;
}
#modaleditperson .btn-subscribe {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    background-color: #76bd22;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    border-radius: 28px;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
}
#modaleditperson .btn-cancel {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #8F8F97;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #8F8F97;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: none;
}
#modaleditperson .active {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #76bd22;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: auto;
}

/* Style the label text (optional) */
#modaleditperson .box-bottom label {
    font-weight: bold;
    color: #333;
    display: flex;
    align-items: center;
    span {
        font-family: 'IBM Plex Sans';
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.25563rem;
        letter-spacing: 0.00219rem;
    }
}


//#modal ADD PERSON
#modalperson .modal-header {
    padding: 1.5rem
}
#modalperson .modal-body {
    padding: 1.5rem
}
#modalperson .modal-footer {
    padding: 1.5rem
}
#modalperson h1 {
    font-family: 'IBM Plex Sans';
    color: #034807;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.005rem;
    text-align: center;
}
#modalperson p.reserved-box-title {
    font-family: "IBM Plex Sans";
    font-size: 1.5rem;
    font-weight: 700;
    text-align: left;
    color: #034807;
}
#modalperson .register-white-box {
    min-height: 300px;
}
#modalperson p.input-title {
    color: #333;
    font-family: "IBM Plex Sans";
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
}
#modalperson .input-label {
    color: #333;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
}
#modalperson .modal-custom {
    --bs-modal-width: 50.125rem;
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}
#modalperson .btn-close-modal {
    float: right;
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    background-color: transparent;
    border: none;
}
#modalperson input {
    width: 100%;
    padding: 0.5rem 0.94rem;
    height: 2.62rem;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    font-family: 'IBM Plex Sans';
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1.5rem;
}
#modalperson .btn-subscribe {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    background-color: #76bd22;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    border-radius: 28px;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
}
#modalperson .btn-cancel {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #8F8F97;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #8F8F97;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: none;
}
#modalperson .active {
    font-family: "IBM Plex Sans";
    font-size: 1REM;
    font-weight: 600;
    border: 1px solid #76bd22;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #76bd22;
    border-radius: 28px;
    margin: 0 1rem 0 0;
    height: 2.5rem;
    line-height: 1.65rem;
    letter-spacing: 0.004rem;
    width: auto;
    pointer-events: auto;
}

#modalperson .box-bottom label {
    font-weight: bold;
    color: #333;
    display: flex;
    align-items: center;
    span {
        font-family: 'IBM Plex Sans';
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.25563rem;
        letter-spacing: 0.00219rem;
    }
}


/* Hide the default checkbox */
#modalRegister .box-bottom input[type="checkbox"] {
    display: none;
}
/* Create a custom checkbox container */
#modalRegister .box-bottom input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #76bd22;
    border-radius: 4px;
    margin-right: 10px; /* Adjust as needed for spacing */
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 16 16'><path d='M6 11.292l-2.646-2.646-.708.708 3 3 .708.708.708-.708 7-7-.708-.708z' fill='%23fff'/></svg>") center center no-repeat;
}
/* Style the custom checkmark background when checked */
#modalRegister .box-bottom input[type="checkbox"]:checked + label::before {
    background-color: #76bd22;
}
/* Style the label text (optional) */
#modalRegister .box-bottom label {
    font-weight: bold;
    color: #333;
    display: flex;
    align-items: center;
    span {
        font-family: 'IBM Plex Sans';
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.25563rem;
        letter-spacing: 0.00219rem;
    }
}
.navbar-sponsor-reserved {
    display: none;
}


/*
 * MOBILE
 */
@media (max-width: 1000px) {
    .show-mobile {
        display: block;
    }

    .show-desktop {
        display: none;
    }
    #navbar .nav-hamburguer {
        margin-top: 0;
    }


    #openMenuButton {
        float: right;
    }
    #openMenuButtonMobile {
        float: right;
    }
    #navbar .header-logo {
        margin-top: 0;
    }
    #menu {
        width: 100%;
        right: -100%; /* Show the menu on mobile by setting right to 0 */
        box-shadow: none;
        border: 1px solid #D3E7B5;
        border-radius: 0;
        overflow: auto;
    }
    #menu .menu-header {
        margin-bottom: 2rem;
        text-align: right;
    }
    #menu .list-title {
        border-bottom: 1px solid #D3E7B5;
        padding: 5px;
        //width: fit-content;
    }
    #menu ul.menu-list {
        margin-top: 1rem;
    }
    #menu ul.menu-list li {
        padding: 0.25em 0 0.25rem 0;
    }

    #menu .menu-mobile-login {
        text-align: left;
        margin-bottom: 1rem;
    }



    #menu .header-button-2 {
        height: 3.25rem;
        background-color: #76bd22;
        border: 1px solid #76bd22;
        margin: 0 0 3rem 0;
        color: #ffffff;
        text-align: center;
        font-family: "IBM Plex Sans";
        font-size: 1rem;
        font-style: normal;
        font-weight: 600;
        line-height: 3.25rem;
        letter-spacing: 0.004rem;
        text-transform: uppercase;
        text-decoration: none;
        padding: 12px 12px;
        border-radius: 28px;
        transition: background-color 0.6s, color 0.6s;
    }

    #homepage #section_02 .list ul {
        display: block;
    }



    #footer .footer-right ul {
        padding-inline-start: 0;
        list-style-type: none;
        display: flex;
        float: left;
    }

    #footer {
        padding: 2rem 1rem 6rem 1rem !important;
    }
    #side-menu {
        border-radius: 0;
        background: var(--oficially-color, #76bd22);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
        height: 10vh;
    }

    #side-menu {
        display: none;
    }
    .navbar-sponsor-reserved {
        display: block;
    }
    #reserved .reserved-view {
        padding-top: 5rem !important;
        padding-bottom: 1rem;
    }
    #reserved .upload-box {
        min-height: 25rem !important;
    }
    #reserved .reserved-view .date-header {
        text-align: left;
    }
    #reserved .box-row-table-invoice {
        overflow-y: auto;
    }
    #reserved .services-type-row {
        max-height: 35rem;
    }
    #reserved .reserved-edit-profile {
        font-size: 0.9rem !important;
    }
    #reserved .button-aligned {
        float: none !important;
    }

    #reserved .reserved-edit-profile-white {
        font-size: 0.9rem !important;
    }

    #menu-reserved-mobile {
        width: 100%;
        right: -100%; /* Show the menu on mobile by setting right to 0 */
        background: var(--oficially-color, #76bd22);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
        border: 1px solid #D3E7B5;
        border-radius: 0;
        overflow: auto;
        height: 100vh;


        .side-menu-header {
            padding: 1rem 0 0 0;
        }

        .reserved-close-btn-mobile {
            float: right;
        }

        .side-menu-footer {
            bottom: 0;
            position: absolute;
            height: 5rem;
            padding-left: 3.5rem;
        }

        .accordion-menu {
            margin-left: 2rem;
            margin-bottom: 1.5rem;

            li {
                margin-bottom: 0.75rem;

            }
        }

        .accordion-menu .reserved-sub-menu-link {
            font-family: "IBM Plex Sans";
            font-size: 1rem;
            font-weight: 400;
            letter-spacing: 0.00563rem;
            text-align: center;
            text-decoration: none;
            color: #fff;
            margin: 0 0 1.5rem 0;
            padding: 0 1.5rem;
            transition: 0.3s;
        }

        .accordion-menu .reserved-sub-menu-link:hover {
            font-family: "IBM Plex Sans";
            font-size: 1rem;
            font-weight: 500;
            letter-spacing: 0.00563rem;
            background-color: #76bd22;
            text-align: center;
            text-decoration: none;
            color: #fff;
            margin: 0 0 25px 0;
            padding: 0 1.5rem;
            transition: 0.3s;
        }

        .reserved-menu-link {
            font-family: "IBM Plex Sans";
            font-size: 1.125rem;
            font-weight: 400;
            letter-spacing: 0.00563rem;
            background-color: #76bd22;
            border: 1px solid #76bd22;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            color: #fff;
            border-radius: 28px;
            margin: 0 0 0.5rem 0;
            height: 3.75rem;
            padding: 0 1.5rem;
            line-height: 3.25rem;
            transition: 0.3s;
        }

        .reserved-menu-link-footer {
            font-family: "IBM Plex Sans";
            font-size: 1.125rem;
            font-weight: 400;
            letter-spacing: 0.00563rem;
            background-color: #76bd22;
            border: 1px solid #76bd22;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            color: #fff;
            border-radius: 28px;
            margin: 0 0 25px 0;
            transition: 0.3s;
        }

        .link-button-1:hover img {
            content: url("../../assets/media/reserved/dashboard_green.svg");
            transition: 0.3s;
        }

        .link-button-2:hover img {
            content: url("../../assets/media/reserved/exposicao_green.svg");
            transition: 0.3s;
        }

        .link-button-3:hover img.img-31 {
            content: url("../../assets/media/reserved/services_green.svg");
            transition: 0.3s;
        }

        .link-button-3:hover img.img-32 {
            content: url("../../assets/media/reserved/arrow-down-green.svg");
            transition: 0.3s;
        }

        .link-button-4:hover img {
            content: url("../../assets/media/reserved/card_green.svg");
            transition: 0.3s;
        }

        .link-button-5:hover img {
            content: url("../../assets/media/reserved/profile_green.svg");
            transition: 0.3s;
        }

        .menu-reserved-img {
            margin-right: 0.5rem;
            margin-top: -5px;
        }

        .side-menu-links {
            text-align: left;
            margin-top: 25%;
            padding-left: 3rem;

            ul {
                list-style-type: none;
                padding-inline-start: 0;
            }

            li {
                font-family: "IBM Plex Sans";
                color: #FFF;
                font-size: 1.125rem;
                font-style: normal;
                font-weight: 400;
                line-height: 1.75rem;
                letter-spacing: 0.00563rem;
                border-radius: 2.4375rem;

                a {
                    color: #FFF;
                    text-decoration: none;
                    height: 3.25rem;
                }

                a:hover {
                    color: #497C0D;
                    font-weight: 600;
                    text-decoration: none;
                    background-color: #ffffff;
                }

                a.sub-active {
                    font-weight: 600;

                }

                a.active-1 {
                    color: #497C0D;
                    font-weight: 600;
                    text-decoration: none;
                    background-color: #ffffff;

                    img {
                        content: url("../../assets/media/reserved/dashboard_green.svg");
                        transition: 0.3s;
                    }
                }

                a.active-2 {
                    color: #497C0D;
                    font-weight: 600;
                    text-decoration: none;
                    background-color: #ffffff;

                    img {
                        content: url("../../assets/media/reserved/exposicao_green.svg");
                        transition: 0.3s;
                    }
                }

                a.active-3 {
                    color: #497C0D;
                    font-weight: 600;
                    text-decoration: none;
                    background-color: #ffffff;

                    img.img-31 {
                        content: url("../../assets/media/reserved/services_green.svg");
                        transition: 0.3s;
                    }

                    img.img-32 {
                        content: url("../../assets/media/reserved/arrow-down-green.svg");
                        transition: 0.3s;
                    }
                }

                a.active-4 {
                    color: #497C0D;
                    font-weight: 600;
                    text-decoration: none;
                    background-color: #ffffff;

                    img {
                        content: url("../../assets/media/reserved/card_green.svg");
                        transition: 0.3s;
                    }
                }

                a.active-5 {
                    color: #497C0D;
                    font-weight: 600;
                    text-decoration: none;
                    background-color: #ffffff;

                    img {
                        content: url("../../assets/media/reserved/profile_green.svg");
                        transition: 0.3s;
                    }
                }
            }
        }

    }
    #reserved .reserved-view .date-header {
        text-align: left !important;
    }
    #reserved .reserved-view .date-header p {
        font-size: 0.7rem !important;
    }
    #reserved p.box-row-text-date {
        line-height: 0 !important;
        text-align: left !important;
        margin: 0;
    }
    #reserved p.box-row-myservice-date-price {
        font-size: 0.875rem;
        line-height: 1rem !important;
        text-align: left !important;
    }
    #reserved .reserved-body {
        max-height: 100% !important;
    }
    #reserved .reserved-box {
        margin-bottom: 1rem;
    }
    #reserved .reserved-header {
        padding-bottom: 0.5rem !important;
    }
    #footer .footer-middle {
        padding: 0 0 1rem 0;
    }
    #footer .footer-right ul li {
        margin-left: 0rem;
        margin-right: 1rem;
    }
    #footer .footer-left p.footer-rights {
        font-size: 0.675rem;
    }

    #navbar .navbtn-not-link {
        font-size: 13px;
    }
    #navbar .navlink.active {
        padding: 0px 8px;
    }
    #navbar .navbtn-link {
        font-size: 13px;
    }
    #navbar .nav-hamburguer {
        //margin-top: 0;
    }
    #navbar .nav-lang {
        //margin-top: 0;
    }
    .navbar-top .logo-mobile-img {
        padding-top: 4%;
        margin-left: 2%;
        max-width: 100%;

    }
    #navbar .nav-buttons-link {
        max-width: 14rem;
    }
}

@media (max-width: 400px) {

}

@media (min-width: 910px) and (max-width: 1600px) {
    #menu ul.menu-list li {
        padding: 0.4em 0 0.4rem;
    }
    #menu a.list-link {
        font-size: .8rem;
    }
    #menu .menu-header {
        margin-bottom: 0.75rem;
    }

}

@media (min-width: 1000px) and (max-width: 1400px) {


    #menu .menu-box {
        margin-bottom:0.5rem;
    }
    .navbtn-link-login {
        font-size: 13px;
    }
    #navbar .navbtn-link {
        font-size: 13px;
    }
    #navbar .navlink.active {
        font-size: 13px;
    }
    #navbar .navbtn-not-link {
        font-size: 13px;
    }
    #navbar .nav-buttons-link-sponsor {
        max-width: 14rem;
    }
    #navbar .nav-buttons-link {
        max-width: 14rem;
    }
}

@media (width: 1280px) and (height: 580px) and (orientation: landscape) {

}

@media (width: 580px) and (height: 1280px) {

}

@media (min-width: 1400px) and (max-width: 1700px) {

}

@media (min-width: 2000px) and (max-width: 2600px) {

}

.svg-pav .link-item.sold path{
    cursor: auto;
    pointer-events: none;
}
.svg-pav .link-item.sold path:first-child {
    fill: #dfdfe6 !important;
    cursor: auto;
    pointer-events: none;
}
.svg-pav .link-item.highlighted path:first-child {
    fill: #497c0d !important;
}
.svg-pav .link-item:not(.sold):hover path:first-child {
    fill: #81ba27 !important;
}
.svg-pav .link-item:not(.sold):hover path.text {
    fill: #fff !important;
}
.svg-pav .link-item.selected path:first-child {
    fill: #81ba27 !important;
}
.svg-pav .link-item.selected path.text {
    fill: #fff !important;
}
.svg-pav .link-item.highlighted path.text {
    fill: #fff !important;
}


#modaldelstanddescription .info-row {
    text-align: left;
}