@media (max-width: 768px) {

    .mind__component-page-content-callback{
        position: relative;
        width: 100%;
        padding-right: 24px;
        padding-left: 24px;
        padding-bottom: 50px;
        height: auto;
    }
}

@media (max-width: 768px) {
    body{
        overflow-x: hidden !important;
        background-color: var(--mind__theme-bg-color-panel-body);
    }

    /* Header */
    .mind__theme-layout-panel-header {
        width: 100%;
        height: 80px;
        padding: 16px 24px;
        display: flex;
        align-items: center;
        position: fixed;
        left: 0;
        top: 0;
        margin: 0;
        background-image: url("/assets/img/backgrounds/bg-mobile-panel-header.png");
        z-index: 1000;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .mind__theme-layout-panel-header .menu {
        width: 32px;
        height: 32px;
        border-radius: 6px;
        border: 1px solid var(--mind__theme-color-surface-150);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mind__theme-layout-panel-header .menu img{
        width: 16px;
    }

    .mind__theme-layout-panel-header .logo {
        width: 95px;
    }

    /* Body */
    .mind__theme-layout-panel-body{
        min-height: calc(100vh) !important;
        /*margin-top: 79px;*/
        height: auto;
        width: 100vw;
        position: relative;
        background-color: var(--mind__theme-bg-color-panel-body);
    }

    /* Footer */
    .mind__theme-layout-panel-footer {
        position: relative;
        height: 111px;
        border-top: 1px solid var(--mind__theme-color-surface-950);
        width: 100%;
        left: 0;
        bottom: 0;
        margin: 0;
        padding: 24px;
        background-color: var(--mind__theme-bg-color-panel-body);
    }

    /* Subheader and content */
    .mind__component-mobile-default-subheader-section{
        position: absolute;
        left: 0;
        width: 100%;
        top: 75px !important;
        height: 80px;
        display: flex;
        padding-left: var(--mind__theme-space-xs);
        padding-right: var(--mind__theme-space-xs);
        padding-bottom: 30px;
        align-items: center;
        background-image: url("/assets/img/backgrounds/bg-mobile-panel-subheader.png");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .mind__theme-layout-mobile-panel-content{
        background-color: var(--mind__theme-bg-color-panel-body);
        position: absolute !important;
        padding-top: var(--mind__theme-space-sm) !important;
        padding: 0 var(--mind__theme-space-xs) !important;
        left: 0;
        width: 100vw;
        top: calc(80px + 110px) !important; /*  subsection*/
    }
}
@media (max-width: 768px) {
    body{
        overflow-x: hidden !important;
    }

    .mind__theme-mobile-bg-auth{
        background-image: url("/assets/img/backgrounds/bg-mobile-auth-body.png") !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .mind__theme-mobile-bg-auth .mind__theme-button-primary-dark-1:disabled{
        background: transparent !important;
        opacity: 0.7 !important;
    }

    /* Auth pages header */
    .mind__theme-layout-auth-header .logo {
        width: 96px !important;
    }

    .mind__theme-layout-auth-header{
        height: 64px !important;
        background: transparent !important;
        position: fixed !important;
        z-index: 99;
    }

    .mind__theme-layout-auth-header .container{
        padding: 0 20px !important;
    }

    /* Auth pages body */
    .mind__theme-layout-auth-body{
        margin-top: 30px !important;
        align-items: start !important;
    }

    .mind__component-auth-content{
        position: absolute;
        background: transparent !important;
        left: 0;
        width: 100vw;
        margin-top: 50px !important;
        overflow-y: auto;
        overflow-x: hidden;
        height: calc(100vh - 100px - 80px) /* header (100px) | body | footer (80px) */;
    }

    .mind__component-auth-form-button-container{
        border-top: 1px solid var(--mind__theme-color-surface-300) !important;
        background-color: var(--mind__theme-color-surface-100) !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 80px !important;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 99;
    }

    .mind__component-auth-form-button-container button{
        width: 100%;
    }
}
@media (max-width: 768px) {

    .mind__theme-layout-panel-mobile-sidebar-menu-overlay{
        display: none;
        background-color: var(--mind__theme-color-surface-100);
        opacity: 0.8;
        position: fixed;
        left: 0;
        top: 0;
        height: 100vh;
        width: 100vw;
        z-index: 1001;
    }

    .mind__theme-layout-panel-mobile-sidebar-menu {
        background-color: var(--mind__theme-color-surface-100);
        -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
        box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
        display: block;
        position: fixed;
        -webkit-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
        width: 300px;
        z-index: 9999;
        float: right !important;
        left: -310px;
        top: 0;
        bottom: 0;
        overflow-x: hidden !important;
    }

    .mind__theme-layout-panel-mobile-sidebar-menu .mind__theme-layout-panel-mobile-sidebar-menu-header{
        position: relative;
        width: 100%;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 24px 24px;
        overflow: hidden;
    }


    .mind__theme-layout-panel-mobile-sidebar-menu-close{
        position: relative;
        width: 40px;
        height: 40px;
        border: 1px solid var(--mind__theme-color-surface-150);
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mind__theme-layout-panel-mobile-sidebar-menu-close img{
        width: 16px;
        height: 16px;
    }


    .mind__theme-layout-panel-mobile-sidebar-menu .mind__theme-layout-panel-mobile-sidebar-menu-content{
        position: relative;
        width: 100%;
        min-height: calc(100vh - 80px);
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 16px 24px;
    }

    .mind__theme-layout-panel-mobile-sidebar-menu .mind__theme-layout-panel-mobile-sidebar-menu-option{
        text-decoration: none;
        font-weight: var(--mind__theme-font-weight-medium);
        font-size: 14px;
        color: var(--mind__theme-color-surface-1000);
        padding: 16px 0;
        display: flex;
        align-items: center;
    }

    .mind__theme-layout-panel-mobile-sidebar-menu .mind__theme-layout-panel-mobile-sidebar-menu-option img{
        width: 16px;
        height: 16px;
        margin-right: 10px;
    }

    .mind__theme-layout-panel-mobile-sidebar-menu .mind__theme-layout-panel-mobile-sidebar-menu-option.active{
        color: var(--mind__theme-color-green-light) !important;
    }

    [data-mobile-sidebar-menu="true"] {
        overflow-y: hidden !important;
    }

    [data-mobile-sidebar-menu="true"] .mind__theme-layout-panel-mobile-sidebar-menu {
        left: 0;
    }

    [data-mobile-sidebar-menu="true"] .mind__theme-layout-panel-mobile-sidebar-menu-overlay {
        display: block;
    }

}
@media (max-width: 768px) {

    body[data-body-layout="auth"]::-webkit-scrollbar {
        width: 6px !important;
        height: 6px !important;
    }

    body[data-body-layout="auth"]::-webkit-scrollbar-track {
        background-color: var(--mind__theme-color-surface-400) !important;
        border-radius: 8px !important;
    }

    body[data-body-layout="auth"]::-webkit-scrollbar-thumb {
        background-color: var(--mind__theme-color-surface-950) !important;
        border-radius: 8px !important;
        border: 2px solid var(--mind__theme-color-surface-950);
    }

    body[data-body-layout="auth"] *::-webkit-scrollbar {
        width: 6px !important;
        height: 6px !important;
    }

    body[data-body-layout="auth"] *::-webkit-scrollbar-track {
        background-color: var(--mind__theme-color-surface-400) !important;
        border-radius: 8px !important;
    }

    body[data-body-layout="auth"] *::-webkit-scrollbar-thumb {
        background-color: var(--mind__theme-color-surface-950) !important;
        border-radius: 8px !important;
        border: 2px solid var(--mind__theme-color-surface-950);
    }
}
@media (max-width: 768px) {

    /* Header badge */
    .mind__component-notifications-badge{
        position: absolute;
        top: -8px !important;
        right: -12px !important;
    }

    .mind__component-notifications-badge .mind__component-notifications-badge-counter{
        background: rgba(41, 43, 61, 0.6);
        align-items: center;
        justify-content: center;
        height: 20px;
        width: 20px;
        border-radius: 5px;
        color: #fff;
        font-size: 10px;
        font-weight: 500;
    }
    .mind__component-notifications-badge .mind__component-notifications-badge-counter.showing{
        display: flex !important;
    }


    .mind__component-notifications-badge .mind__component-notifications-badge-counter.has-notifications{
        background: rgba(26, 236, 164, 0.9);
        color: var(--mind__theme-color-surface-100);
    }


    /* Push notification */
    .mind__theme-notification-container{
        top: auto !important;
        left: calc(50% - 160px) !important;
        bottom: 20px !important;
    }

    .mind__theme-notification-container .mind__theme-notification-item{
        width: 320px !important;
    }


    /* Sidebar */
    .mind__theme-layout-panel-mobile-sidebar-notifications-overlay{
        display: none;
        background-color: var(--mind__theme-color-surface-100);
        opacity: 0.8;
        position: fixed;
        right: 0;
        top: 0;
        height: 100vh;
        width: 100vw;
        z-index: 1001;
    }

    .mind__theme-layout-panel-mobile-sidebar-notifications {
        background-color: var(--mind__theme-color-surface-200);
        -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
        box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
        display: block;
        position: fixed;
        /*-webkit-transition: all 200ms ease-out;
        transition: all 200ms ease-out;*/
        width: 100vw;
        height: 100vh;
        z-index: 9999;
        float: right !important;
        right: -769px;
        top: 0;
        bottom: 0;
        overflow-x: hidden !important;
    }


    .mind__theme-layout-panel-mobile-sidebar-notifications .mind__theme-layout-panel-mobile-sidebar-notifications-header{
        position: relative;
        width: 100%;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 24px 24px;
        overflow: hidden;
    }


    .mind__theme-layout-panel-mobile-sidebar-notifications-close{
        position: relative;
        width: 40px;
        height: 40px;
        border: 1px solid var(--mind__theme-color-surface-150);
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mind__theme-layout-panel-mobile-sidebar-notifications-close img{
        width: 16px;
        height: 16px;
    }


    .mind__theme-layout-panel-mobile-sidebar-notifications .mind__theme-layout-panel-mobile-sidebar-notifications-content{
        position: relative;
        width: 100%;
        min-height: calc(100vh - 80px);
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 16px 24px;
    }


    .mind__theme-layout-panel-mobile-sidebar-notifications .mind__theme-layout-panel-mobile-sidebar-notifications-loading,
    .mind__theme-layout-panel-mobile-sidebar-notifications .mind__theme-layout-panel-mobile-sidebar-notifications-list{
        position: relative;
        width: 100%;
        min-height: calc(100vh - 80px);
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
        text-align: center;
        display: none;
    }

    .mind__theme-layout-panel-mobile-sidebar-notifications .mind__theme-layout-panel-mobile-sidebar-notifications-loading.active,
    .mind__theme-layout-panel-mobile-sidebar-notifications .mind__theme-layout-panel-mobile-sidebar-notifications-list.active{
        display: block;
    }


    [data-mobile-sidebar-notifications="true"] {
        overflow-y: hidden !important;
    }

    [data-mobile-sidebar-notifications="true"] .mind__theme-layout-panel-mobile-sidebar-notifications {
        right: 0;
    }

    [data-mobile-sidebar-notifications="true"] .mind__theme-layout-panel-mobile-sidebar-notifications-overlay {
        display: block;
    }
}
@media (max-width: 768px) {

    /* Modal */
    body:has(.mind__theme-layout-mobile-modal-backdrop){
        overflow-y: hidden !important;
    }

    .mind__theme-layout-mobile-modal-backdrop{
        background-color: var(--mind__theme-color-surface-100);
        opacity: 0.8;
        position: fixed;
        left: 0;
        top: 0;
        height: 100vh;
        width: 100vw;
        z-index: 1001;
    }

    .mind__theme-layout-mobile-modal-card{
        background-color: var(--mind__theme-color-surface-1000);
        position: fixed;
        left: 0;
        bottom: 0;
        height: 0;
        width: 100vw;
        z-index: 1002;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        transition: height 0.3s;
    }


    .mind__theme-layout-mobile-modal-card-trigger-return{
        position: absolute;
        top: -50px;
        left: 36px;
        width: 80px;
    }


    .mind__theme-layout-mobile-modal-card.active{
        height: 350px;
        max-height: calc(100vh - 100px);
    }

    .mind__theme-layout-mobile-modal-card .mind__theme-layout-mobile-modal-card-header{
        position: relative;
        width: 100%;
        height: 70px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }

    .mind__theme-layout-mobile-modal-card .mind__theme-layout-mobile-modal-card-content{
        position: relative;
        width: 100%;
        height: calc(100% - 70px);
    }

    .mind__theme-layout-mobile-modal-card .mind__theme-layout-mobile-modal-card-handle-height{
        position: absolute;
        top: 20px;
        left: calc((100% / 2) - 25px);
        width: 50px;
        height: 5px;
        background-color: var(--mind__theme-color-surface-400);
        border-radius: 6px;
    }

    .mind__theme-layout-mobile-modal-card .mind__theme-layout-mobile-modal-card-close{
        position: absolute;
        top: 20px;
        right: 24px;
        width: 32px;
        height: 32px;
        border: 1px solid var(--mind__theme-color-surface-950);
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mind__theme-layout-mobile-modal-card .mind__theme-layout-mobile-modal-card-close img{
        width: 16px;
        height: 16px;
    }

    .mind__theme-layout-mobile-modal-card .mind__theme-layout-mobile-modal-card-loading{
        display: none;
        width: 100%;
        min-height: 160px;
        height: 100%;
    }

    .mind__theme-layout-mobile-modal-card .mind__theme-layout-mobile-modal-card-loading.active{
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .mind__theme-layout-mobile-modal-card .mind__theme-layout-mobile-modal-card-body{
        display: none;
        width: 100%;
        min-height: 280px;
        height: 100%;
        padding: 0 36px 36px 36px;
    }

    .mind__theme-layout-mobile-modal-card .mind__theme-layout-mobile-modal-card-body.active{
        display: block !important
    }

    .mind__theme-layout-mobile-modal-card .mind__theme-layout-mobile-modal-card-body.active{
        display: block !important
    }

    .mind__theme-layout-mobile-modal-card .mind__theme-layout-mobile-modal-card-body .mind__theme-layout-mobile-modal-card-button-bottom{
        position: absolute;
        left: 20px;
        bottom: 30px;
        padding-top: 20px;
        width: calc(100% - 40px);
    }


    /*======================================================================================================================
     Modal cropper
    ======================================================================================================================*/
    @media (max-width: 768px) {
        #modal-cropper .cropper-container {
            height: 400px !important;
            width: 100vw !important;
            overflow: hidden !important;
        }
        #modal-cropper .modal-cropper-original-image {
            height: 400px !important;
            width: 100vw !important;
        }
    }


    /*======================================================================================================================
     Modal environments
    ======================================================================================================================*/
    .mind__component-modal-environments-options{
        overflow-y: auto !important;
    }

    .mind__component-modal-environments-options-item .mind__component-modal-environments-options-item-description{
        width: calc(100% - 60px - 100px) !important;
    }
    .mind__component-modal-environments-options-item:not(:has(.mind__component-modal-environments-options-item-action)) .mind__component-modal-environments-options-item-description{
        width: calc(100% - 60px) !important;
    }

    .mind__component-modal-environments-options-item .mind__component-modal-environments-options-item-action{
        width: 80px !important;
    }
}
@media (min-width: 769px) {

    /* Sidebar */
    .mind__theme-layout-panel-desktop-sidebar-notifications-overlay{
        display: none;
        background-color: var(--mind__theme-color-surface-100);
        opacity: 0.8;
        position: fixed;
        right: 0;
        top: 0;
        height: 100vh;
        width: 100vw;
        z-index: 1001;
    }

    .mind__theme-layout-panel-desktop-sidebar-notifications {
        background-color: var(--mind__theme-color-surface-200);
        -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
        box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
        display: block;
        position: fixed;
        -webkit-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
        width: 380px;
        z-index: 9999;
        float: right !important;
        right: -390px;
        top: 0;
        bottom: 0;
        overflow-x: hidden !important;
    }

    .mind__theme-layout-panel-desktop-sidebar-notifications .mind__theme-layout-panel-desktop-sidebar-notifications-content{
        background-color: var(--mind__theme-color-surface-200);
        position: relative;
        width: 100%;
        min-height: calc(100vh - 80px);
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 16px 24px;
    }

    .mind__theme-layout-panel-desktop-sidebar-notifications .mind__theme-layout-panel-desktop-sidebar-notifications-loading,
    .mind__theme-layout-panel-desktop-sidebar-notifications .mind__theme-layout-panel-desktop-sidebar-notifications-list{
        background-color: var(--mind__theme-color-surface-200);
        position: relative;
        width: 100%;
        min-height: calc(100vh - 80px);
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
        text-align: center;
        display: none;
    }

    .mind__theme-layout-panel-desktop-sidebar-notifications .mind__theme-layout-panel-desktop-sidebar-notifications-loading.active,
    .mind__theme-layout-panel-desktop-sidebar-notifications .mind__theme-layout-panel-desktop-sidebar-notifications-list.active{
        display: block;
    }




    [data-desktop-sidebar-notifications="true"] {
        overflow-y: hidden !important;
    }

    [data-desktop-sidebar-notifications="true"] .mind__theme-layout-panel-desktop-sidebar-notifications {
        right: 0;
    }

    [data-desktop-sidebar-notifications="true"] .mind__theme-layout-panel-desktop-sidebar-notifications-overlay {
        display: block;
    }
}
.mind__component-panel-with-subheader-sticky-grid.sticky{
    position: fixed !important;
    top: 100px !important;
}

/*======================================================================================================================
 Footer
======================================================================================================================*/
.mind__theme-footer-height{
    height: 80px;
}



/*======================================================================================================================
 Page contents
======================================================================================================================*/
.mind__component-page-section-content{
    position: relative;
    padding-top: 70px;
    width: 100%;
    left: 0;
}

.mind__component-page-content-callback{
    position: relative;
    width: 100%;
    padding-bottom: 50px;
    height: auto;
}

.mind__component-page-content-loading{
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
}




/*======================================================================================================================
 Templates
======================================================================================================================*/
[data-template]{
    display: none !important;
}



/*======================================================================================================================
 Section flex
======================================================================================================================*/
.mind__theme-section-flex-gap-40{
    display: flex;
    width: 600px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    align-self: stretch;
}



.mind__theme-bg-panel{
    background: var(--mind__theme-bg-color-panel-body);
    margin: 0;
    padding: 0;
    overflow-x: hidden !important;
}

.mind__theme-layout-panel-header{
    position: fixed;
    height: 75px;
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
    background-color: var(--mind__theme-color-surface-100);
    z-index: 1000;
}

.mind__theme-layout-panel-header .mind__theme-layout-panel-header-logo{
    width: 120px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mind__theme-layout-panel-header .mind__theme-layout-panel-header-logo .logo{
    width: 110px;
    margin-left: -20px;
}


.mind__theme-layout-panel-header .mind__theme-layout-panel-header-navbar{
    width: calc(100% - 120px - 200px);
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.mind__theme-layout-panel-header .mind__theme-layout-panel-header-navbar .mind__theme-layout-panel-header-navbar-option{
    text-decoration: none;
    font-weight: var(--mind__theme-font-weight-medium);
    font-size: 14px;
    color: var(--mind__theme-color-surface-1000);
    padding: 0 16px;
}

.mind__theme-layout-panel-header .mind__theme-layout-panel-header-navbar .mind__theme-layout-panel-header-navbar-option.active{
    color: var(--mind__theme-color-green-light) !important;
}

.mind__theme-layout-panel-header .mind__theme-layout-panel-header-actions{
    height: 75px;
    display: flex;
    align-items: center;
    margin-left: auto;
}

.mind__theme-panel-body-full-page{
    margin-top: 75px;
    height: calc(100vh - 150px);
}

.mind__theme-layout-panel-footer{
    position: relative;
    height: 75px;
    width: 100%;
    left: 0;
    bottom: 0;
    margin: 0;
    margin-top: auto !important;
    background-color: var(--mind__theme-bg-color-panel-body);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mind__theme-layout-panel-footer .row{
    height: 75px !important;
}

.mind__theme-layout-panel-body{
    min-height: calc(100vh - 75px - 75px);
    height: auto;
    position: relative;
    background-color: var(--mind__theme-bg-color-panel-body);
}

.mind__theme-layout-panel-header-navbar{
    color: var(--mind__theme-color-surface-1000);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    margin: 0 12px;
    cursor: pointer;
    transition: 0.3s;
}

.mind__theme-layout-panel-header-navbar:not(.active):hover{
    color: var(--mind__theme-color-green-hover);
}

.mind__theme-layout-panel-header-navbar.active{
    color: var(--mind__theme-color-green-light);
}


.mind__component-navbar-whatsapp-link{
    background: #292B3D;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s all;
}

.mind__component-navbar-whatsapp-link:hover{
    background: #0CD393;
}
.mind__component-navbar-whatsapp-icon{
    transition: 0.2s all;
    width: 18px;
}
.mind__component-navbar-whatsapp-link .mind__component-navbar-whatsapp-icon-light{
    display: none;
}
.mind__component-navbar-whatsapp-link:hover .mind__component-navbar-whatsapp-icon-green{
    display: none;
}
.mind__component-navbar-whatsapp-link:hover .mind__component-navbar-whatsapp-icon-light{
    display: block;
}


.mind__component-navbar-notifications{
    background: #292B3D;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s all;
    position: relative;
}

.mind__component-navbar-notifications:hover{
    background: transparent;
}

.mind__component-navbar-user-options{
    background: transparent;
    border-radius: 10px;
    padding: 0 10px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s all;
}

.mind__component-navbar-user-options:hover{
    background: #292B3D;
}

.mind__component-navbar-user-options img{
    border-radius: 10px;
}

.mind__component-navbar-user-options-dropdown{
    position: absolute;
    display: none;
    top: 60px;
    right: -10px;
    padding: 32px 28px;
    border-radius: 12px;
    width: 250px;
    min-height: 170px;
    height: auto;
    background: #fff;
    cursor: default;
    box-shadow: 0px 4px 16px 0px #0000001A;
}

.mind__component-navbar-user-options-dropdown.active{
    display: block;
    animation: keyframe-show-user-options 0.5s ease forwards;
}

@keyframes keyframe-show-user-options {
    from {
        top: 70px;
    }
    to {
        top: 50px;
    }
}

.mind__component-navbar-user-options-dropdown img{
    padding: 2px;
    width: 50px;
    height: 50px;
    background: #FBF1F2;
    border-radius: 10px;
}

.mind__component-navbar-user-options-dropdown .mind__component-navbar-user-options-item{
    display: block;
    margin: 2px 0;
    padding: 6px 8px;
    width: 100%;
    color: var(--mind__theme-color-surface-400);
    font-size: 12px;
    font-weight: var(--mind__theme-font-weight-medium);
    text-decoration: none;
    border-radius: 5px;
    transition: 0.3s;
}

.mind__component-navbar-user-options-dropdown .mind__component-navbar-user-options-item:hover{
    background: var(--mind__theme-color-surface-950);
    color: var(--mind__theme-color-green-hover);
}

.mind__component-navbar-user-options-dropdown .mind__component-navbar-user-options-item.active{
    color: var(--mind__theme-color-green-normal);
}

.mind__component-default-subheader-section{
    position: absolute;
    left: 0;
    width: 100%;
    top: 75px;
    height: 160px;
    display: flex;
    padding-bottom: 30px;
    align-items: center;
    background-color: var(--mind__theme-color-surface-100) !important;
}

.mind__theme-layout-panel-content{
    position: relative;
    padding-top: 70px;
    left: 0;
    width: 100vw;
    top: calc(75px + 160px); /* header + subsection */
    min-height: calc(100vh - 75px - 160px); /* total - header + subsection */
    padding-bottom: 70px;
}




.mind__theme-bg-onboarding{
    background-image: url("/assets/img/backgrounds/bg-blurs.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.mind__theme-layout-onboarding-header{
    position: absolute;
    height: 100px;
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mind__theme-layout-onboarding-header .logo{
    width: 110px;
}

.mind__theme-layout-onboarding-body{
    position: relative;
    height: calc(100vh - 100px) !important;
    margin-top: 100px;
}

.mind__theme-layout-onboarding-footer{
    position: relative;
    height: 75px;
    width: 100%;
    left: 0;
    bottom: 0;
    margin: 0;
    margin-top: auto !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.mind__theme-bg-checkout{
    background: var(--mind__theme-bg-color-panel-body);
    margin: 0;
    padding: 0;
    height: 100%;
}

.mind__theme-layout-checkout-header{
    position: absolute;
    height: 75px;
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
    background-color: transparent;
    display: flex;
    justify-content: start;
    align-items: center;
    z-index: 1000;
}

.mind__theme-layout-checkout-header .logo{
    width: 110px;
}

.mind__theme-layout-checkout-body{
    position: relative;
    background: var(--mind__theme-bg-color-panel-body);
    height: calc(100vh - 100px) !important;
    margin-top: 100px;
}

.mind__theme-layout-checkout-content {
    position: relative;
    left: 0;
    width: 100vw;
    padding-bottom: 70px;
}
.mind__theme-bg-auth{
    background-image: url("/assets/img/backgrounds/bg-auth.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}


@media screen and (max-width: 1500px) {
    body.mind__theme-bg-auth{
        background-repeat: repeat;
    }
}

.mind__theme-layout-auth-header{
    position: relative;
    height: 100px;
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mind__theme-layout-auth-header .logo{
    width: 110px;
}

.mind__theme-layout-auth-body{
    position: relative;
    min-height: calc(100vh - 180px);
    width: 100%;
    left: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}

.mind__theme-layout-auth-footer{
    position: relative;
    bottom: 0;
    height: 80px;
    width: 100%;
    left: 0;
    margin: 0;
    margin-top: auto !important;
    border-top: 1px solid var(--mind__theme-color-surface-300);
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}


.tooltip-inner {
    max-width: 200px !important;
    width: auto !important;
    padding: 8px !important;
    gap: 8px !important;
    border-radius: 4px !important;
    background-color: var(--mind__theme-color-surface-850) !important;
    color: var(--mind__theme-color-surface-200) !important;
    /*line-height: 12px !important;
    font-size: 8px !important;*/
    font-weight: 400 !important;
    opacity: 1 !important;
    box-shadow: 0px 4px 12px 0px #00000026 !important;
}

.bs-tooltip-right .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before  {
    border-right-color: var(--mind__theme-color-surface-850) !important;
    box-shadow: 0px 4px 12px 0px #00000026 !important;
}
.bs-tooltip-left .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before  {
    border-left-color: var(--mind__theme-color-surface-850) !important;
    box-shadow: 0px 4px 12px 0px #00000026 !important;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before  {
    border-bottom-color: var(--mind__theme-color-surface-850) !important;
    box-shadow: 0px 4px 12px 0px #00000026 !important;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--mind__theme-color-surface-850) !important;
    box-shadow: 0px 4px 12px 0px #00000026 !important;
}


/*======================================================================================================================
 Timeline
======================================================================================================================*/
.mind__component-timeline{
    position: relative;
}

.mind__component-timeline:after{
    height: 100%;
    width: 1px;
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    left: 20px;
    border-right: 2px dotted var(--mind__theme-color-surface-850);
}

.mind__component-timeline .mind__component-timeline-item{
    position: relative;
    display: flex;
    align-items: start;
    justify-content: start;
    padding-bottom: 30px;
}

.mind__component-timeline .mind__component-timeline-item .mind__component-timeline-item-icon{
    background: #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    outline: 2px solid #fff;
    border: 1px solid var(--mind__theme-color-surface-950);
}

.mind__component-timeline .mind__component-timeline-item .mind__component-timeline-item-content{
    position: relative;
    height: auto;
    width: calc(100% - 40px);
    padding-left: 20px;
}



/*======================================================================================================================
 Select2
======================================================================================================================*/
body[data-body-layout="panel"] .mind__component-select2{
    background: var(--mind__theme-color-surface-1000) !important;
    border: 1px solid var(--mind__theme-color-surface-900) !important;
    color: var(--mind__theme-color-surface-0) !important;
    height: 48px !important;
}

body[data-body-layout="panel"] .select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below::-webkit-scrollbar {
    width: 10px !important;;
    height: 10px !important;;
}

body[data-body-layout="panel"] .select2-selection__placeholder{
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: var(--mind__theme-font-weight-medium) !important;
    line-height: 24px !important;
    color: var(--mind__theme-color-surface-700) !important;
}

body[data-body-layout="panel"] .select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below::-webkit-scrollbar-track {
    background-color: #292B3D !important;;
    border-radius: 0 !important;;
}

body[data-body-layout="panel"] .select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below::-webkit-scrollbar {
    width: 5px !important;;
    height: 5px !important;;
}

body[data-body-layout="panel"] .mind__component-select2 ~ .select2-container--default .select2-selection--single {
    border: 1px solid var(--mind__theme-color-surface-900) !important;
    border-radius: 8px !important;
    line-height: 48px !important;
    height: 48px !important;
}

body[data-body-layout="panel"] .mind__component-select2 ~ .select2-container--default .select2-selection--single .select2-selection__rendered{
    border: 1px solid var(--mind__theme-color-surface-900) !important;
    background: var(--mind__theme-color-surface-1000) !important;
    color: var(--mind__theme-color-surface-0) !important;
    border-radius: 8px !important;
    line-height: 44px !important;
    height: 46px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

body[data-body-layout="panel"] .mind__component-select2 ~ .select2-container--default .select2-selection--single[aria-expanded=true]{
    border: 1px solid var(--mind__theme-color-surface-700) !important;
}

body[data-body-layout="panel"] .mind__component-select2 ~ .select2-container--default .select2-selection--single[aria-expanded=true] .select2-selection__rendered{
    border-radius: 6px !important;
    border: 1px solid var(--mind__theme-color-surface-700) !important;
}

body[data-body-layout="panel"] .select2-dropdown{
    margin-top: 5px !important;
    border-radius: 6px !important;
    background: var(--mind__theme-color-surface-1000) !important;
    border: 2px solid var(--mind__theme-color-surface-700) !important;
}

body[data-body-layout="panel"] .select2-search__field{
    border-radius: 6px !important;
    padding: 0 15px !important;
    border: 2px solid var(--mind__theme-color-surface-900) !important;
    background: var(--mind__theme-color-surface-1000) !important;
    color: var(--mind__theme-color-surface-0) !important;
}

body[data-body-layout="panel"] .select2-results__options{
    color: var(--mind__theme-color-surface-100) !important;
}

body[data-body-layout="panel"] .select2-results__options .select2-results__option{
    border-radius: 8px !important;
    margin: 5px 2px !important;
    padding: 15px !important;
}

body[data-body-layout="panel"] .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background: var(--mind__theme-color-green-normal) !important;
    color: var(--mind__theme-color-surface-1000) !important;
}


body[data-body-layout="panel"] .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border: none !important;
}

body[data-body-layout="panel"] .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border: none !important;
    position: absolute !important;
    top: 25px !important;
    /* right: -30px !important; */
    transform: translateY(-50%) !important;
    width: 30px !important;
    height: 30px !important;
    background-color: #fff !important;
    background: url('/assets/img/icons/theme/gray/chevron-down.svg') no-repeat center center !important;
    left: calc(100% - 40px) !important;
}

body[data-body-layout="panel"] .mind__component-select2-no-arrow + .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border: none !important;
    position: absolute !important;
    top: 25px !important;
    transform: translateY(-50%) !important;
    width: 30px !important;
    height: 30px !important;
    background: none !important;
    background-color: transparent !important;
    left: calc(100% - 40px) !important;
}

body[data-body-layout="panel"] .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border: none !important;
}

body[data-body-layout="panel"] .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    position: absolute;
    transform: translateY(-50%) !important;
    width: 25px !important;
    height: 25px !important;
    background-color: #fff !important;
    background: url('/assets/img/icons/theme/gray/chevron-up.svg') no-repeat center center !important;
    background-size: contain !important;
}
body[data-body-layout="panel"] .mind__component-select2-no-arrow + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    position: absolute;
    transform: translateY(-50%) !important;
    width: 25px !important;
    height: 25px !important;
    background: none !important;
    background-color: transparent !important;
}
@media (max-width: 768px) {
    .mind__component-hide-mobile{
        display: none;
    }
}

@media (min-width: 768px) {
    .mind__component-hide-desktop{
        display: none;
    }
}


/*======================================================================================================================
   Hidden/Visible
======================================================================================================================*/

/* pure-hidden-xs */
@media screen and (max-width:567px) {
    .visible-sm{display:none}
    .visible-md{display:none}
    .visible-lg{display:none}
    .visible-xl{display:none}
    .hidden-xs{display:none}
}
/* pure-hidden-sm */
@media screen and (min-width:568px) and (max-width:767px) {
    .visible-xs{display:none}
    .visible-md{display:none}
    .visible-lg{display:none}
    .visible-xl{display:none}
    .hidden-sm{display:none}
}
/* pure-hidden-md */
@media screen and (min-width:768px) and (max-width:1023px) {
    .visible-xs{display:none}
    .visible-sm{display:none}
    .visible-lg{display:none}
    .visible-xl{display:none}
    .hidden-md{display:none}
}
/* pure-hidden-lg */
@media screen and (min-width:1024px) and (max-width:1279px) {
    .visible-xs{display:none}
    .visible-sm{display:none}
    .visible-md{display:none}
    .visible-xl{display:none}
    .hidden-lg{display:none}
}
/* pure-hidden-xl */
@media screen and (min-width:1280px) {
    .visible-xs{display:none}
    .visible-sm{display:none}
    .visible-md{display:none}
    .visible-lg{display:none}
    .hidden-xl{display:none}
}


/*======================================================================================================================
 Placeholder
======================================================================================================================*/
.placeholder{
    border-radius: 2px;
    margin: 0 5px;
    min-width: 50px;
    min-height: 10px;
}

.placeholder-wave{
    mask-image: linear-gradient(130deg, var(--mind__theme-color-surface-500) 55%, rgba(255,255,255,0.8) 75%, var(--mind__theme-color-surface-500) 95%) !important;
    mask-size: 200% 100%;
    animation: placeholder-wave 1s linear infinite
}

@keyframes placeholder-wave{
    100% {
        -webkit-mask-position:-200% 0%;
        mask-position:-200% 0%
    }
}


/*======================================================================================================================
 Password meter score
======================================================================================================================*/
.password-score-meter .password-score-meter-strength{
    display: flex;
    width: 100%;
    height: 8px;
    margin: 10px 0 10px 0;
}
.password-score-meter .password-score-meter-strength .strength-1,
.password-score-meter .password-score-meter-strength .strength-2,
.password-score-meter .password-score-meter-strength .strength-3,
.password-score-meter .password-score-meter-strength .strength-4{
    display: flex;
    width: calc(25% - 10px);
    height: 100%;
    margin: 0 5px;
    border-radius: 10px;
    background: #d1d2d4;
}
.password-score-meter .password-score-meter-strength .strength-1{
    width: calc(25% - 5px) !important;
    margin: 0 5px 0 0 !important;
}
.password-score-meter .password-score-meter-strength .strength-4{
    width: calc(25% - 5px) !important;
    margin: 0 0 0 5px !important;
}

.password-score-meter .password-score-meter-strength[data-strength-result="1"] .strength-1
{
    background: #FF0000;
}

.password-score-meter .password-score-meter-strength[data-strength-result="2"] .strength-1,
.password-score-meter .password-score-meter-strength[data-strength-result="2"] .strength-2
{
    background: #FFA500;
}

.password-score-meter .password-score-meter-strength[data-strength-result="3"] .strength-1,
.password-score-meter .password-score-meter-strength[data-strength-result="3"] .strength-2,
.password-score-meter .password-score-meter-strength[data-strength-result="3"] .strength-3
{
    background: #98b02c;
}

.password-score-meter .password-score-meter-strength[data-strength-result="4"] .strength-1,
.password-score-meter .password-score-meter-strength[data-strength-result="4"] .strength-2,
.password-score-meter .password-score-meter-strength[data-strength-result="4"] .strength-3,
.password-score-meter .password-score-meter-strength[data-strength-result="4"] .strength-4
{
    background: #26a126;
}

.password-score-meter .password-score-meter-message{
    display: block;
    width: 100%;
    height: 20px;
    font-weight: 500;
    font-size: 11px;
    color: var(--mind__theme-color-surface-400);
}

/*======================================================================================================================
 Password requirements
======================================================================================================================*/
.mind__component-general-password-requirements{
    border: 2px solid var(--mind__theme-color-surface-950);
    border-radius: 8px;
    padding: 12px 16px;
}





/*======================================================================================================================
 Notifications (Push Notifications)
======================================================================================================================*/
.mind__theme-notification-container{
    position: fixed;
    top: 120px;
    left: calc(50% - 245px);
    z-index: 99999;
}


.mind__theme-notification-container .mind__theme-notification-item{
    position: relative;
    background: var(--mind__theme-color-surface-900);
    display: flex;
    align-items: center;
    width: 490px;
    padding: 15px 20px;
    border-radius: var(--mind__theme-border-radius-notification);
    box-shadow: var(--mind__theme-box-shadow-notification);
    margin-bottom: 15px;
}

.mind__theme-notification-container .mind__theme-notification-item .mind__theme-notification-item-icon{
    display: flex;
    align-items: center;
    justify-content: start;
    width: 40px;
    height: 100%;
}

.mind__theme-notification-container .mind__theme-notification-item .mind__theme-notification-item-text{
    display: block;
    padding: 0 10px 0 0;
    width: calc(100% - 90px);
}

.mind__theme-notification-container .mind__theme-notification-item .mind__theme-notification-item-text .mind__theme-notification-item-title{
    display: block;
    font-weight: var(--mind__theme-font-weight-bold);
    font-size: var(--mind__theme-font-size-note);
    color: var(--mind__theme-color-surface-0);
}

.mind__theme-notification-container .mind__theme-notification-item .mind__theme-notification-item-text .mind__theme-notification-item-message{
    display: block;
    max-width:  calc(100% - 90px);
    word-wrap: break-word;
    line-height: 16px;
    font-weight: var(--mind__theme-font-weight-medium);
    font-size: 12px;
    color: var(--mind__theme-color-surface-0);
}

.mind__theme-notification-container .mind__theme-notification-item .mind__theme-notification-item-close{
    display: flex;
    align-items: center;
    justify-content: end;
    width: 50px;
    height: 100%;
    cursor: pointer !important;
    font-size: 12px;
}

.mind__theme-notification-container .mind__theme-notification-item .mind__theme-notification-item-close img{
    cursor: pointer !important;
}


/*======================================================================================================================
 Notifications sidebar
======================================================================================================================*/
body:has(.mind__component-notifications-sidebar-overlay){
    overflow: hidden;
}

.mind__component-notifications-badge{
    position: absolute;
    top: -5px;
    right: -10px;
}

.mind__component-notifications-badge .mind__component-notifications-badge-counter{
    background: rgba(41, 43, 61, 0.6);
    display: none;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    border-radius: 5px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
}

.mind__component-notifications-badge .mind__component-notifications-badge-counter.showing{
    display: flex !important;
}

.mind__component-notifications-badge .mind__component-notifications-badge-counter.has-notifications{
    background: rgba(26, 236, 164, 0.9);
    color: var(--mind__theme-color-surface-100);
}

.mind__component-notifications-sidebar-overlay{
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: rgba(20, 21, 31, 0.85);
    z-index: 999990;
}

.mind__component-notifications-sidebar{
    z-index: 999991;
    position: fixed;
    right: -1000px;
    top: 0;
    height: 100vh;
    width: 380px;
    background: #292b3d;
}

.mind__component-notifications-sidebar-header{
    display: flex;
    height: 75px;
    width: 100%;
    padding: 10px 30px;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.mind__component-notifications-sidebar-button-close{
    border-radius: 6px;
    border: 1px solid var(--mind__theme-color-surface-150);
    width: 40px;
    height: 40px;
    background: #292b3d;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.mind__component-notifications-sidebar-button-close:hover{
    background: #1e202f;
}

.mind__component-notifications-sidebar-body{
    overflow-y: auto;
    padding: 20px 30px;
    position: absolute;
    top: 75px;
    left: 0;
    height: calc(100vh - 75px);
    width: 380px;
}

.mind__component-notifications-sidebar-body::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}

.mind__component-notifications-sidebar-body::-webkit-scrollbar-track {
    background-color: var(--mind__theme-color-surface-950) !important;
    border-radius: 8px !important;
}

.mind__component-notifications-sidebar-body::-webkit-scrollbar-thumb {
    background-color: var(--mind__theme-color-surface-400) !important;
    border-radius: 8px !important;
    border: 2px solid #666a99;
}

.mind__component-notifications-sidebar-item{
    border-bottom: 1px solid #1F202E;
    margin-bottom: 10px;
    transition: 0.2s;
}

.mind__component-notifications-sidebar-item a{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mind__component-notifications-sidebar-item.mind__component-notifications-sidebar-item-opened{
    opacity: 0.25;
}

.mind__component-notifications-sidebar-item .mind__component-notifications-sidebar-item-description{
    margin-bottom: 7px;
    transition: 0.2s;
    text-align: start;
    width: 320px;
}

.mind__component-notifications-sidebar-item .mind__component-notifications-sidebar-item-description .mind__component-notifications-sidebar-item-title{
    color: var(--mind__theme-color-surface-1000);
    font-size: 12px;
    font-weight: 600;
}

.mind__component-notifications-sidebar-item .mind__component-notifications-sidebar-item-description .mind__component-notifications-sidebar-item-text{
    color: var(--mind__theme-color-surface-800);
    font-size: 10px;
    font-weight: 400;
}

.mind__component-notifications-sidebar-item .mind__component-notifications-sidebar-item-datetime{
    color: var(--mind__theme-color-surface-1000);
    font-size: 12px;
    font-weight: 400;
    transition: 0.2s;
}

.mind__component-notifications-sidebar-item i{
    color: #fff;
    font-size: 10px;
    transition: 0.2s;
}

.mind__component-notifications-sidebar-item.mind__component-notifications-sidebar-item-opened:hover{
    opacity: 1;
}

.mind__component-notifications-sidebar-item.mind__component-notifications-sidebar-item-new:hover .mind__component-notifications-sidebar-item-description .mind__component-notifications-sidebar-item-title{
    color: var(--mind__theme-color-green-light) !important;
}

.mind__component-notifications-sidebar-item.mind__component-notifications-sidebar-item-new:hover .mind__component-notifications-sidebar-item-datetime{
    color: var(--mind__theme-color-green-light) !important;
}

.mind__component-notifications-sidebar-item.mind__component-notifications-sidebar-item-new:hover i{
    color: var(--mind__theme-color-green-light) !important;
}



/*======================================================================================================================
 Modal
======================================================================================================================*/
.modal.modal-zoom.fade:not(.show) .modal-dialog {
    transform: scale(0.9);
}

.mind__theme-modal-backdrop{
    z-index: 99998;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    opacity: 0.9;
    background-color: var(--mind__theme-color-surface-50);
}

.mind__theme-modal{
    z-index: 99999;
    position: fixed;
    width: 100vw;
    height: 350px;
    bottom: -500vh;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: var(--mind__theme-color-surface-1000);
}

.mind__theme-modal.mind__theme-modal-md{
    height: 500px;
}

.mind__theme-modal.mind__theme-modal-lg{
    height: 650px;
}

.mind__theme-modal.mind__theme-modal-full{
    height: 100vh;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.mind__theme-modal .mind__theme-modal-header{
    display: flex;
    align-items: center;
    padding: 24px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.mind__theme-modal .mind__theme-modal-close{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    padding: 6px;
    border: 1px solid var(--mind__theme-color-surface-800) !important;
    border-radius: var(--mind__theme-border-radius-button);
}

.mind__theme-modal .mind__theme-modal-content{
    padding: 24px;
    padding-top: 5px !important;
    overflow-y: auto;
    height: calc(100% - 50px);
}


@media screen and (min-width: 769px) {
    .modal .modal-content:not(.modal-content-height-auto){
        min-height: 600px !important;
    }
}

.modal .modal-loading{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.modal .modal-loading.hidden{
    display: none !important;
}

.modal .modal-content:has(.modal-loading:not(.hidden)){
    display: flex;
    align-items: center;
    justify-content: center;
}

/*======================================================================================================================
 Modal (general)
======================================================================================================================*/
body:has(.modal-backdrop){
    overflow: hidden !important;
}

.mind__component-modal-button-close{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    border: 2px solid var(--mind__theme-color-surface-900);
    cursor: pointer;
    margin-left: auto;
    background: var(--mind__theme-color-surface-1000);
    transition: 0.2s;
    z-index: 99;
}
.mind__component-modal-button-close:not(.disabled):hover{
    background: var(--mind__theme-color-surface-950);
}

.mind__component-modal-button-close i{
    padding: 0;
    font-size: 16px;
}

.mind__component-modal-loading{
    display: none;
    height: 300px;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.mind__component-modal-loading.active{
    display: flex;
}

.mind__component-modal-content{
    display: none;
}

.mind__component-modal-content.active{
    display: block;
}


/*======================================================================================================================
 Modal environments
======================================================================================================================*/
.modal-environment-option{
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 16px 24px;
    width: 100%;
    border-radius: 12px;
}
.modal-environment-option.active{
    background-color: var(--mind__theme-color-green-normal);
}




/*======================================================================================================================
 Modal environments
======================================================================================================================*/
.mind__component-modal-environments-options{

}

.mind__component-modal-environments-options-item{
    transition: 0.2s;
    padding: 10px;
    border-radius: 12px;
}
.mind__component-modal-environments-options-item.active{
    background: var(--mind__theme-color-green-normal);
    color: var(--mind__theme-color-surface-1000) !important;
}
.mind__component-modal-environments-options-item:not(.active):hover{
    background: #f7f7fa;
}

.mind__component-modal-environments-options-item .mind__component-modal-environments-options-item-logo{
    width: 60px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
}

.mind__component-modal-environments-options-item .mind__component-modal-environments-options-item-logo img{
    width: 50px;
    height: 50px;
    border-radius: 5px;
}

.mind__component-modal-environments-options-item .mind__component-modal-environments-options-item-description{
    width: calc(100% - 60px - 120px);
    height: 100%;
    display: block;
    align-items: center;
    justify-content: start;
    padding-left: 10px;
}

.mind__component-modal-environments-options-item .mind__component-modal-environments-options-item-description .mind__component-modal-environments-options-item-title{
    font-weight: 600;
    font-size: 14px;
}

.mind__component-modal-environments-options-item .mind__component-modal-environments-options-item-description .mind__component-modal-environments-options-item-notes{
    font-weight: 400;
    font-size: 12px;
}

.mind__component-modal-environments-options-item .mind__component-modal-environments-options-item-action{
    width: 100px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
}

.mind__component-modal-environments-options-item .mind__component-modal-environments-options-item-action .mind__component-modal-environments-options-item-action-select{
    width: 100px;
    height: 40px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 6px;
    color: #0A0B0F;
    background: var(--mind__theme-color-surface-950);
    transition: 0.2s;
    cursor: pointer;
}

.mind__component-modal-environments-options-item.active .mind__component-modal-environments-options-item-action .mind__component-modal-environments-options-item-action-select{
    color: #fff !important;
    background: var(--mind__theme-color-green-normal) !important;
    cursor: not-allowed;
}

.mind__component-modal-environments-options-item:not(.active) .mind__component-modal-environments-options-item-action .mind__component-modal-environments-options-item-action-select:hover{
    color: #fff;
    background: var(--mind__theme-color-green-normal);
}


/*======================================================================================================================
 Modal cropper
======================================================================================================================*/
@media (min-width: 769px) {
    #modal-cropper .cropper-container {
        height: 333px !important;
        width: 500px !important;
        overflow: hidden !important;
    }
}

#modal-cropper .cropper-modal{
    /*background: transparent !important;*/
}


#modal-cropper .cropper-center{
    display: none !important;
}

#modal-cropper .cropper-view-box{
    border-radius: 50% !important;
    border: 3px solid var(--mind__theme-color-green-normal) !important;
    outline: none !important;
    /*outline-color: var(--mind__theme-color-green-normal) !important;*/
}


#modal-cropper input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

#modal-cropper input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #0CD393;
    cursor: pointer;
}

#modal-cropper input[type="range"]::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #0CD393;
    cursor: pointer;
}


/*======================================================================================================================
 Padding
======================================================================================================================*/
.mind__theme-content-padding{
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.mind__theme-content-padding-x{
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.mind__theme-content-padding-y{
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}
.mind__theme-content-padding-lg{
    padding: var(--mind__theme-space-lg) !important;
}



/*======================================================================================================================
 Margins
======================================================================================================================*/
.mind__theme-margin-md{
    margin-top: var(--mind__theme-margin-size-md);
    margin-bottom: var(--mind__theme-margin-size-md);
    margin-left: var(--mind__theme-margin-size-md);
    margin-right: var(--mind__theme-margin-size-md);
}

.mind__theme-margin-md-x{
    margin-left: var(--mind__theme-margin-size-md);
    margin-right: var(--mind__theme-margin-size-md);
}

.mind__theme-margin-md-y{
    margin-top: var(--mind__theme-margin-size-md);
    margin-bottom: var(--mind__theme-margin-size-md);
}

.mind__theme-margin-md-t{
    margin-top: var(--mind__theme-margin-size-md);
}

.mind__theme-margin-md-b{
    margin-bottom: var(--mind__theme-margin-size-md);
}

.mind__theme-margin-sm{
    margin-top: var(--mind__theme-margin-size-sm);
    margin-bottom: var(--mind__theme-margin-size-sm);
    margin-left: var(--mind__theme-margin-size-sm);
    margin-right: var(--mind__theme-margin-size-sm);
}

.mind__theme-margin-sm-x{
    margin-left: var(--mind__theme-margin-size-sm);
    margin-right: var(--mind__theme-margin-size-sm);
}

.mind__theme-margin-sm-y{
    margin-top: var(--mind__theme-margin-size-sm);
    margin-bottom: var(--mind__theme-margin-size-sm);
}

.mind__theme-margin-sm-t{
    margin-top: var(--mind__theme-margin-size-sm);
}

.mind__theme-margin-sm-b{
    margin-bottom: var(--mind__theme-margin-size-sm);
}

.mind__theme-margin-xs{
    margin-top: var(--mind__theme-margin-size-xs);
    margin-bottom: var(--mind__theme-margin-size-xs);
    margin-left: var(--mind__theme-margin-size-xs);
    margin-right: var(--mind__theme-margin-size-xs);
}

.mind__theme-margin-xs-x{
    margin-left: var(--mind__theme-margin-size-xs);
    margin-right: var(--mind__theme-margin-size-xs);
}

.mind__theme-margin-xs-y{
    margin-top: var(--mind__theme-margin-size-xs);
    margin-bottom: var(--mind__theme-margin-size-xs);
}

.mind__theme-margin-xs-t{
    margin-top: var(--mind__theme-margin-size-xs);
}

.mind__theme-margin-xs-b{
    margin-bottom: var(--mind__theme-margin-size-xs);
}

.mind__theme-margin-xs-s{
    margin-left: var(--mind__theme-margin-size-xs);
}

.mind__theme-margin-xs-e{
    margin-right: var(--mind__theme-margin-size-xs);
}

.mind__theme-margin-xxs{
    margin-top: var(--mind__theme-margin-size-xxs);
    margin-bottom: var(--mind__theme-margin-size-xxs);
    margin-left: var(--mind__theme-margin-size-xxs);
    margin-right: var(--mind__theme-margin-size-xxs);
}

.mind__theme-margin-xxs-x{
    margin-left: var(--mind__theme-margin-size-xxs);
    margin-right: var(--mind__theme-margin-size-xxs);
}

.mind__theme-margin-xxs-y{
    margin-top: var(--mind__theme-margin-size-xxs);
    margin-bottom: var(--mind__theme-margin-size-xxs);
}

.mind__theme-margin-xxs-t{
    margin-top: var(--mind__theme-margin-size-xxs);
}

.mind__theme-margin-xxs-b{
    margin-bottom: var(--mind__theme-margin-size-xxs);
}

.mind__theme-margin-xxs-s{
    margin-left: var(--mind__theme-margin-size-xxs);
}

.mind__theme-margin-xxs-e{
    margin-right: var(--mind__theme-margin-size-xxs);
}


/*======================================================================================================================
 Margin
======================================================================================================================*/
.my-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-7 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
}

.my-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.my-9 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
}

.my-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
}

.mx-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

.mx-7 {
    margin-left: 1.75rem !important;
    margin-right: 1.75rem !important;
}

.mx-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}

.mx-9 {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important;
}

.mx-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
}

.mt-6 {
    margin-top: 1.5rem !important;
}

.mt-7 {
    margin-top: 1.75rem !important;
}

.mt-8 {
    margin-top: 2rem !important;
}

.mt-9 {
    margin-top: 2.25rem !important;
}

.mt-10 {
    margin-top: 2.5rem !important;
}

.mb-6 {
    margin-bottom: 1.5rem !important;
}

.mb-7 {
    margin-bottom: 1.75rem !important;
}

.mb-8 {
    margin-bottom: 2rem !important;
}

.mb-9 {
    margin-bottom: 2.25rem !important;
}

.mb-10 {
    margin-bottom: 2.5rem !important;
}


/*======================================================================================================================
 Padding
======================================================================================================================*/
.ps-3_5{
    padding-left: 1.25rem !important;
}

.py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-7 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
}

.py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.py-9 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
}

.py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.px-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
}

.px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.px-9 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
}

.px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

/*======================================================================================================================
 Labels
======================================================================================================================*/
.label-blur{
    filter: blur(0.35rem);
}


/*======================================================================================================================
 Alignments
======================================================================================================================*/
.text-justified{
    text-align: justify;
}


/*======================================================================================================================
 Text decorations
======================================================================================================================*/
.text-decoration-off{
    text-decoration: none !important;
}


/*======================================================================================================================
 Line height
======================================================================================================================*/
.mind__theme-line-height-h1{
    line-height: var(--mind__theme-line-height-h1);
}
.mind__theme-line-height-h2{
    line-height: var(--mind__theme-line-height-h2);
}
.mind__theme-line-height-h3{
    line-height: var(--mind__theme-line-height-h3);
}
.mind__theme-line-height-h4{
    line-height: var(--mind__theme-line-height-h4);
}
.mind__theme-line-height-text{
    line-height: var(--mind__theme-line-height-text);
}
.mind__theme-line-height-body{
    line-height: var(--mind__theme-line-height-body);
}
.mind__theme-line-height-small{
    line-height: var(--mind__theme-line-height-small);
}
.mind__theme-line-height-note{
    line-height: var(--mind__theme-line-height-note);
}

.iti__country-container{
    position: absolute;
    z-index: 1;
    height: 100%;
    border-radius: 8px;
}

.iti--inline-dropdown .iti__dropdown-content{
    height: 260px !important;
}

.iti__selected-country{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px 0 16px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background: transparent;
    border: none;
    height: 100%;
    transition: 0.3s;
}

.iti__selected-country:hover{
    background: rgba(0, 0, 0, 0.05);
}

.iti__selected-country-primary{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.iti__a11y-text, .iti__selected-dial-code{
    display: none;
}

input[data-plugin="intl-tel-input"]{
    padding-left: 70px;
}

.iti__search-input {
    display: flex;
    padding: 12px 16px;
    height: 48px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
    outline: none;
    border: 2px solid var(--mind__theme-color-surface-950);
    color: var(--mind__theme-color-surface-200);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--mind__theme-font-weight-medium);
    line-height: 24px;
    width: calc(100% - 12px);
    margin: 6px;
}

.iti__dropdown-content {
    background: var(--mind__theme-color-surface-1000) !important;
    border: 2px solid var(--mind__theme-color-surface-900) !important;
    color: var(--mind__theme-color-surface-0) !important;
    height: 48px !important;
}

.iti__dropdown-content .iti__country{
    cursor: pointer !important;
    padding: 15px !important;
    margin-left: 8px !important;
    margin-right: 6px !important;
}

.iti__dropdown-content .iti__country .iti__country-name{
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.iti__dropdown-content .iti__country .iti__dial-code{
    font-size: 12px !important;
    font-weight: 500 !important;
}

.iti__dropdown-content .iti__country:hover{
    background: var(--mind__theme-color-green-normal) !important;
}

.iti__dropdown-content .iti__country:hover .iti__country-name, .iti__dropdown-content .iti__country:hover .iti__dial-code{
    color: var(--mind__theme-color-surface-1000) !important;
}


/*======================================================================================================================
 Checkbox and radio button
======================================================================================================================*/
[class*="component-icheck-"] {
    min-height: 22px;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    padding-left: 0px;
}

.mind__component-icheck-inline {
    display: inline-block;
}

.mind__component-icheck-inline + .mind__component-icheck-inline {
    margin-left: .75rem;
    margin-top: 6px;
}

[class*="component-icheck-"] > label {
    padding-left: 29px !important;
    min-height: 22px;
    line-height: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    border-radius: 6px;
}

[class*="component-icheck-"] > input:first-child {
    position: absolute !important;
    opacity: 0;
    margin: 0;
}

[class*="component-icheck-"] > input:first-child:disabled {
    cursor: default;
}

[class*="component-icheck-"] > input:first-child + label::before,
[class*="component-icheck-"] > input:first-child + input[type="hidden"] + label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #D3CFC8;
    border-radius: 4px;
    margin-left: -29px;
}

[class*="component-icheck-turquoise-outline"] > input:first-child + label::before,
[class*="component-icheck-turquoise-outline"] > input:first-child + input[type="hidden"] + label::before {
    border: 2px solid #4E4B66 !important;
    border-radius: 2px !important;
}

[class*="component-icheck-"] > input:first-child:checked + label::after,
[class*="component-icheck-"] > input:first-child:checked + input[type="hidden"] + label::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7.33px;
    height: 10.67px;
    border:  2px solid #FFF;
    border-left: none;
    border-top: none;
    transform: translate(7px, 3.5px) rotate(45deg);
    -ms-transform: translate(7px, 3.5px) rotate(45deg);
}

[class*="component-icheck-turquoise-outline"] > input:first-child:checked + label::after,
[class*="component-icheck-turquoise-outline"] > input:first-child:checked + input[type="hidden"] + label::after {
    border: solid 2px #1AED9F !important;
    border-left: none !important;
    border-top: none !important;
    width: 5px !important;
    height: 10px !important;
    transform: translate(7px, 3.5px) rotate(45deg); !important;
    -ms-transform: translate(7px, 3.5px) rotate(45deg); !important;
}

[class*="component-icheck-"] > input[type="radio"]:first-child + label::before,
[class*="component-icheck-"] > input[type="radio"]:first-child + input[type="hidden"] + label::before {
    border-radius: 50%;
}

[class*="component-icheck-"] > input:first-child:not(:checked):not(:disabled):hover + label::before,
[class*="component-icheck-"] > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-width: 2px;
}

[class*="component-icheck-"] > input:first-child:disabled + label,
[class*="component-icheck-"] > input:first-child:disabled + input[type="hidden"] + label,
[class*="component-icheck-"] > input:first-child:disabled + label::before,
[class*="component-icheck-"] > input:first-child:disabled + input[type="hidden"] + label::before {
    pointer-events: none;
    cursor: default;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.mind__component-icheck-default > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-default > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #adadad;
}

.mind__component-icheck-default > input:first-child:checked + label::before,
.mind__component-icheck-default > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #e6e6e6;
    border-color: #adadad;
}

.mind__component-icheck-default > input:first-child:checked + label::after,
.mind__component-icheck-default > input:first-child:checked + input[type="hidden"] + label::after {
    border-bottom-color: #333;
    border-right-color: #333;
}

.mind__component-icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #2e6da4;
}

.mind__component-icheck-primary > input:first-child:checked + label::before,
.mind__component-icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.mind__component-icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #4cae4c;
}

.mind__component-icheck-success > input:first-child:checked + label::before,
.mind__component-icheck-success > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.mind__component-icheck-info > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-info > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #46b8da;
}

.mind__component-icheck-info > input:first-child:checked + label::before,
.mind__component-icheck-info > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.mind__component-icheck-warning > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-warning > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #eea236;
}

.mind__component-icheck-warning > input:first-child:checked + label::before,
.mind__component-icheck-warning > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.mind__component-icheck-danger > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-danger > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #d43f3a;
}

.mind__component-icheck-danger > input:first-child:checked + label::before,
.mind__component-icheck-danger > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.mind__component-icheck-turquoise > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-turquoise > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #1abc9c;
}

.mind__component-icheck-turquoise > input:first-child:checked + label::before,
.mind__component-icheck-turquoise > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #1abc9c;
    border-color: #1abc9c;
}
.mind__component-icheck-turquoise-outline > input:first-child:checked + label::before,
.mind__component-icheck-turquoise-outline > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #14151F !important;
    border: 2px solid #4E4B66 !important;
}

.mind__component-icheck-emerland > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-emerland > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #2ecc71;
}

.mind__component-icheck-emerland > input:first-child:checked + label::before,
.mind__component-icheck-emerland > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #2ecc71;
    border-color: #2ecc71;
}

.mind__component-icheck-peterriver > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-peterriver > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #3498db;
}

.mind__component-icheck-peterriver > input:first-child:checked + label::before,
.mind__component-icheck-peterriver > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #3498db;
    border-color: #3498db;
}

.mind__component-icheck-amethyst > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-amethyst > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #9b59b6;
}

.mind__component-icheck-amethyst > input:first-child:checked + label::before,
.mind__component-icheck-amethyst > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #9b59b6;
    border-color: #9b59b6;
}

.mind__component-icheck-wetasphalt > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-wetasphalt > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #34495e;
}

.mind__component-icheck-wetasphalt > input:first-child:checked + label::before,
.mind__component-icheck-wetasphalt > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #34495e;
    border-color: #34495e;
}

.mind__component-icheck-greensea > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-greensea > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #16a085;
}

.mind__component-icheck-greensea > input:first-child:checked + label::before,
.mind__component-icheck-greensea > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #16a085;
    border-color: #16a085;
}

.mind__component-icheck-nephritis > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-nephritis > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #27ae60;
}

.mind__component-icheck-nephritis > input:first-child:checked + label::before,
.mind__component-icheck-nephritis > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #27ae60;
    border-color: #27ae60;
}

.mind__component-icheck-belizehole > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-belizehole > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #2980b9;
}

.mind__component-icheck-belizehole > input:first-child:checked + label::before,
.mind__component-icheck-belizehole > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #2980b9;
    border-color: #2980b9;
}

.mind__component-icheck-wisteria > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-wisteria > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #8e44ad;
}

.mind__component-icheck-wisteria > input:first-child:checked + label::before,
.mind__component-icheck-wisteria > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #8e44ad;
    border-color: #8e44ad;
}

.mind__component-icheck-midnightblue > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-midnightblue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #2c3e50;
}

.mind__component-icheck-midnightblue > input:first-child:checked + label::before,
.mind__component-icheck-midnightblue > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #2c3e50;
    border-color: #2c3e50;
}

.mind__component-icheck-sunflower > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-sunflower > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #f1c40f;
}

.mind__component-icheck-sunflower > input:first-child:checked + label::before,
.mind__component-icheck-sunflower > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #f1c40f;
    border-color: #f1c40f;
}

.mind__component-icheck-carrot > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-carrot > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #e67e22;
}

.mind__component-icheck-carrot > input:first-child:checked + label::before,
.mind__component-icheck-carrot > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #e67e22;
    border-color: #e67e22;
}

.mind__component-icheck-alizarin > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-alizarin > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #e74c3c;
}

.mind__component-icheck-alizarin > input:first-child:checked + label::before,
.mind__component-icheck-alizarin > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #e74c3c;
    border-color: #e74c3c;
}

.mind__component-icheck-clouds > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-clouds > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #ecf0f1;
}

.mind__component-icheck-clouds > input:first-child:checked + label::before,
.mind__component-icheck-clouds > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #ecf0f1;
    border-color: #ecf0f1;
}

.mind__component-icheck-clouds > input:first-child:checked + label::after,
.mind__component-icheck-clouds > input:first-child:checked + input[type="hidden"] + label::after {
    border-bottom-color: #95a5a6;
    border-right-color: #95a5a6;
}

.mind__component-icheck-concrete > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-concrete > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #95a5a6;
}

.mind__component-icheck-concrete > input:first-child:checked + label::before,
.mind__component-icheck-concrete > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #95a5a6;
    border-color: #95a5a6;
}

.mind__component-icheck-orange > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #f39c12;
}

.mind__component-icheck-orange > input:first-child:checked + label::before,
.mind__component-icheck-orange > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #f39c12;
    border-color: #f39c12;
}

.mind__component-icheck-pumpkin > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-pumpkin > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #d35400;
}

.mind__component-icheck-pumpkin > input:first-child:checked + label::before,
.mind__component-icheck-pumpkin > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #d35400;
    border-color: #d35400;
}

.mind__component-icheck-pomegranate > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-pomegranate > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #c0392b;
}

.mind__component-icheck-pomegranate > input:first-child:checked + label::before,
.mind__component-icheck-pomegranate > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #c0392b;
    border-color: #c0392b;
}

.mind__component-icheck-silver > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-silver > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #bdc3c7;
}

.mind__component-icheck-silver > input:first-child:checked + label::before,
.mind__component-icheck-silver > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #bdc3c7;
    border-color: #bdc3c7;
}

.mind__component-icheck-asbestos > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-asbestos > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #7f8c8d;
}

.mind__component-icheck-asbestos > input:first-child:checked + label::before,
.mind__component-icheck-asbestos > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #7f8c8d;
    border-color: #7f8c8d;
}


.mind__component-icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
.mind__component-icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: var(--mind__theme-color-green-normal);
}

.mind__component-icheck-primary > input:first-child:checked + label::before,
.mind__component-icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: var(--mind__theme-color-green-normal);
    border-color: var(--mind__theme-color-green-normal);
}


/*======================================================================================================================
 height and width
======================================================================================================================*/

.w-5px {
    width: 5px !important; }

.h-5px {
    height: 5px !important; }

.w-10px {
    width: 10px !important; }

.h-10px {
    height: 10px !important; }

.w-15px {
    width: 15px !important; }

.h-15px {
    height: 15px !important; }

.w-20px {
    width: 20px !important; }

.h-20px {
    height: 20px !important; }

.w-25px {
    width: 25px !important; }

.h-25px {
    height: 25px !important; }

.w-30px {
    width: 30px !important; }

.h-30px {
    height: 30px !important; }

.w-35px {
    width: 35px !important; }

.h-35px {
    height: 35px !important; }

.w-40px {
    width: 40px !important; }

.h-40px {
    height: 40px !important; }

.w-45px {
    width: 45px !important; }

.h-45px {
    height: 45px !important; }

.w-50px {
    width: 50px !important; }

.h-50px {
    height: 50px !important; }

.w-55px {
    width: 55px !important; }

.h-55px {
    height: 55px !important; }

.w-60px {
    width: 60px !important; }

.h-60px {
    height: 60px !important; }

.w-65px {
    width: 65px !important; }

.h-65px {
    height: 65px !important; }

.w-70px {
    width: 70px !important; }

.h-70px {
    height: 70px !important; }

.w-75px {
    width: 75px !important; }

.h-75px {
    height: 75px !important; }

.w-80px {
    width: 80px !important; }

.h-80px {
    height: 80px !important; }

.w-85px {
    width: 85px !important; }

.h-85px {
    height: 85px !important; }

.w-90px {
    width: 90px !important; }

.h-90px {
    height: 90px !important; }

.w-95px {
    width: 95px !important; }

.h-95px {
    height: 95px !important; }

.w-100px {
    width: 100px !important; }

.w-150px {
    width: 150px !important; }

.w-200px {
    width: 200px !important; }

.w-250px {
    width: 250px !important; }

.w-300px {
    width: 300px !important; }

.w-350px {
    width: 350px !important; }

.w-400px {
    width: 400px !important; }

.w-450px {
    width: 450px !important; }

.w-500px {
    width: 500px !important; }

.h-100px {
    height: 100px !important; }

.h-200px {
    height: 200px !important; }

.h-300px {
    height: 300px !important; }

.h-400px {
    height: 400px !important; }

.h-500px {
    height: 500px !important; }

.max-w-50px{
    max-width: 50px !important;
}
.max-w-100px{
    max-width: 100px !important;
}
.max-w-150px{
    max-width: 150px !important;
}
.max-w-200px{
    max-width: 200px !important;
}
.max-w-250px{
    max-width: 250px !important;
}
.max-w-300px{
    max-width: 300px !important;
}
.max-w-350px{
    max-width: 350px !important;
}
.max-w-400px{
    max-width: 400px !important;
}
.max-w-450px{
    max-width: 450px !important;
}
.max-w-500px{
    max-width: 500px !important;
}

.w-50-m10{
    width: calc(50% - 10px) !important;
}


/*======================================================================================================================
 Grid
======================================================================================================================*/
.col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12,
.col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12,
.col, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12
{
    margin-bottom: 1.5rem;
}



/*======================================================================================================================
 Plugin gallery
======================================================================================================================*/
.plugin-gallery-container{
    opacity: 0;
    pointer-events: none;
    position: fixed;
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.90);
    z-index: 99999 !important;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plugin-gallery-container.show{
    opacity: 1;
    pointer-events: auto;
}

body:has(.plugin-gallery-container.show){
    overflow: hidden !important;
}

.plugin-gallery-container .plugin-gallery-counter{
    position: fixed;
    height: 30px;
    top: 25px;
    left: 25px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    text-shadow: 1px 1px 3px #4f4f4f;
    opacity: 0.85;
}


.plugin-gallery-container .plugin-gallery-close{
    position: fixed;
    top: 25px;
    right: 25px;
    cursor: pointer;
    font-size: 35px;
    color: #fff;
    text-shadow: 1px 1px 3px #4f4f4f;
    opacity: 0.85;
}

.plugin-gallery-container .plugin-gallery-arrow-left, .plugin-gallery-container .plugin-gallery-arrow-right{
    position: fixed;
    top: calc(50% - 25px);
    width: 50px;
    cursor: pointer;
}

.plugin-gallery-container .plugin-gallery-arrow-left{
    left: 10px;
}

.plugin-gallery-container .plugin-gallery-arrow-right{
    right: 10px;
}

.plugin-gallery-container .plugin-gallery-arrow-left i, .plugin-gallery-container .plugin-gallery-arrow-right i{
    position: fixed;
    font-size: 50px;
    line-height: 30px;
    color: #fff;
    text-shadow: 1px 1px 3px #4f4f4f;
    opacity: 0.85;
}

.plugin-gallery-container .plugin-gallery-arrow-left.disabled i, .plugin-gallery-container .plugin-gallery-arrow-right.disabled i{
    opacity: 0.4;
    pointer-events: none;
}

.plugin-gallery-container .plugin-gallery-item{
    display: none;
    user-select: none;
    transition: 0.2s;
}

.plugin-gallery-container .plugin-gallery-item.show{
    display: block;
}

.plugin-gallery-container .plugin-gallery-item img{
    height: auto;
    width: auto;
    max-width: calc(100vw - 100px);
    max-height: calc(100vh - 100px);
}

/*======================================================================================================================
 Form input
======================================================================================================================*/
.mind__theme-input-auth{
    display: flex;
    padding: 12px 16px;
    height: 48px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 6px;
    font-size: 14px;
    font-style: normal;
    font-weight: var(--mind__theme-font-weight-medium);
    line-height: 24px;
    outline: none;
    border: 1px solid var(--mind__theme-color-surface-200);
    background: var(--mind__theme-color-surface-100);
    color: var(--mind__theme-color-surface-1000);
    transition: 0.2s;
}

.mind__theme-input-auth:focus{
    outline: none;
    border: 1px solid var(--mind__theme-color-green-hover);
}

.mind__theme-input-auth::placeholder,
.mind__theme-input-auth::-webkit-input-placeholder,
.mind__theme-input-auth::-moz-placeholder,
.mind__theme-input-auth:-ms-input-placeholder,
.mind__theme-input-auth:-moz-placeholder{
    color: var(--mind__theme-color-surface-500);
}


.mind__theme-input-onboarding{
    display: flex;
    padding: 12px 16px;
    height: 48px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 6px;
    font-size: 14px;
    font-style: normal;
    font-weight: var(--mind__theme-font-weight-medium);
    line-height: 24px;
    outline: none;
    border: 1px solid var(--mind__theme-color-surface-150);
    background: var(--mind__theme-color-surface-100);
    color: var(--mind__theme-color-surface-1000);
    transition: 0.2s;
}

.mind__theme-input-onboarding:focus{
    outline: none;
    border: 1px solid var(--mind__theme-color-green-hover);
}

.mind__theme-input-onboarding::placeholder,
.mind__theme-input-onboarding::-webkit-input-placeholder,
.mind__theme-input-onboarding::-moz-placeholder,
.mind__theme-input-onboarding:-ms-input-placeholder,
.mind__theme-input-onboarding:-moz-placeholder{
    color: var(--mind__theme-color-surface-500);
}


/*======================================================================================================================
 Form input - general
======================================================================================================================*/
.mind__theme-input-general{
    display: flex;
    padding: 12px 16px;
    height: 48px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: var(--mind__theme-font-weight-medium);
    line-height: 24px;
    outline: none;
    border: 2px solid var(--mind__theme-color-surface-900);
    background: var(--mind__theme-color-surface-1000);
    color: var(--mind__theme-color-surface-200);
    transition: 0.2s;
}

.mind__theme-input-general:focus{
    outline: none;
    border: 2px solid var(--mind__theme-color-surface-700);
}

.mind__theme-input-general::placeholder{
    color: var(--mind__theme-color-surface-700) !important;
}

textarea.mind__theme-input-general{
    height: auto;
}



/*======================================================================================================================
 Input group
======================================================================================================================*/
.mind__component-input-group{
    position: relative;
}

.mind__component-input-group:has(.mind__component-input-group-item.start) input{
    padding-left: 100px !important;
}

.mind__component-input-group:has(.mind__component-input-group-item.end) input{
    padding-right: 100px !important;
}

.mind__component-input-group .mind__component-input-group-item{
    position: absolute;
    top: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    border: none;
    outline: none;
    background: var(--mind__theme-color-surface-950);
    transition: 0.3s;
}

.mind__component-input-group .mind__component-input-group-item:has(span){
    padding-left: 10px;
    padding-right: 10px;
    width: auto !important;
}

.mind__component-input-group .mind__component-input-group-item:hover{
    background: var(--mind__theme-color-surface-900);
}

.mind__component-input-group .mind__component-input-group-item.end:first-of-type{
    right: 10px;
}

.mind__component-input-group .mind__component-input-group-item.end:nth-of-type(2){
    right: 50px;
}

.mind__component-input-group .mind__component-input-group-item.end:nth-of-type(3){
    right: 90px;
}


/*======================================================================================================================
 Input password icon eye
======================================================================================================================*/
.input-group-icon{
    position: relative;
}

.input-group-icon input{
    padding-right: 40px;
}

.input-group-icon .icon{
    position: absolute;
    font-size: 18px;
    cursor: pointer;
    top: 8px;
    right: 15px;
}

/*======================================================================================================================
 Font weights
======================================================================================================================*/
.mind__theme-font-weight-heavy{
    font-weight: var(--mind__theme-font-weight-heavy) !important;
}

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

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

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

.mind__theme-font-weight-regular{
    font-weight: var(--mind__theme-font-weight-regular) !important;
}

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

/*======================================================================================================================
 Font types (font-size, line-height)
======================================================================================================================*/
.mind__theme-font-type-40{
    font-size: 40px !important;
    line-height: 48px;
}

.mind__theme-font-type-30{
    font-size: 36px !important;
    line-height: 42px;
}

.mind__theme-font-type-30{
    font-size: 30px !important;
    line-height: 38px;
}

.mind__theme-font-type-24{
    font-size: 24px !important;
    line-height: 32px;
}

.mind__theme-font-type-22{
    font-size: 22px !important;
    line-height: 24px;
}

.mind__theme-font-type-20{
    font-size: 20px !important;
    line-height: 24px;
}

.mind__theme-font-type-18{
    font-size: 18px !important;
    line-height: 24px;
}

.mind__theme-font-type-16{
    font-size: 16px !important;
    line-height: 24px;
}

.mind__theme-font-type-14{
    font-size: 14px !important;
    line-height: 24px;
}

.mind__theme-font-type-13{
    font-size: 13px !important;
    line-height: 18px;
}

.mind__theme-font-type-12{
    font-size: 12px; !important
line-height: 16px;
}

.mind__theme-font-type-10{
    font-size: 10px !important;
    line-height: 16px;
}

/*======================================================================================================================
 Font size
======================================================================================================================*/
.fs-8 { font-size: 8px !important;}
.fs-9 { font-size: 9px !important;}
.fs-10{ font-size: 10px !important;}
.fs-11{ font-size: 11px !important;}
.fs-12{ font-size: 12px !important;}
.fs-13{ font-size: 13px !important;}
.fs-14{ font-size: 14px !important;}
.fs-15{ font-size: 15px !important;}
.fs-16{ font-size: 16px !important;}
.fs-17{ font-size: 17px !important;}
.fs-18{ font-size: 18px !important;}
.fs-19{ font-size: 19px !important;}
.fs-20{ font-size: 20px !important;}
.fs-21{ font-size: 21px !important;}
.fs-22{ font-size: 22px !important;}
.fs-23{ font-size: 23px !important;}
.fs-24{ font-size: 24px !important;}
.fs-30{ font-size: 30px !important;}
.fs-36{ font-size: 36px !important;}
.fs-42{ font-size: 42px !important;}
.fs-48{ font-size: 48px !important;}
.fs-72{ font-size: 72px !important;}


/*======================================================================================================================
 Feedback
======================================================================================================================*/
.mind__component-feedback-toggle{
    height: 120px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    position: fixed;
    right: 0;
    top: 40%;
    background: #fff;
    box-shadow: var(--mind__theme-box-shadow-card);
    cursor: pointer;
    transition: 0.3s;
}

.mind__component-feedback-toggle span{
    font-size: 13px;
    font-weight: 600;
    color: var(--mind__theme-color-surface-400);
    display: inline-block;
    white-space: nowrap;
    user-select: none;
    transition: 0.3s;
    transform: rotate(90deg) !important;
}

.mind__component-feedback-toggle:hover{
    background: var(--mind__theme-color-surface-100);
}

.mind__component-feedback-toggle:hover span{
    color: var(--mind__theme-color-green-light);;
}




/*======================================================================================================================
 Divider
======================================================================================================================*/
.divider:not(.divider-label){
    height: 1px;
    width: 100%;
    background-color: var(--mind__theme-color-surface-900);
}

.divider.divider-label {
    font-size: 16px;
    display: flex;
    align-items: center;
}

.divider.divider-label::before, .divider.divider-label::after {
    flex: 1;
    content: '   ';
    padding: 1px;
    background-color: var(--mind__theme-color-surface-100);
    opacity: 0.2;
    margin: 5px;
}



/*======================================================================================================================
 Cursor
======================================================================================================================*/
.cursor-pointer{
    cursor: pointer;
}
.cursor-default{
    cursor: default;
}
.cursor-not-allowed{
    cursor: not-allowed;
}



/*======================================================================================================================
 Non interactive credit card
======================================================================================================================*/
.mind__component-credit-card-number-brand{
    padding-right: 40px;
}

.mind__component-credit-card-number-brand ~ .mind__component-credit-card-number-brand-image{
    position: absolute;
    top: 8px;
    right: 15px;
    width: auto;
    height: 30px;
}

/*======================================================================================================================
 Interactive credit card
======================================================================================================================*/

.mind__component-credit-card-box {
    margin: 0 auto;
    height: 200px;
    max-width: 350px;
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
}

.mind__component-credit-card-front {
    height: 200px;
    width: 330px;
    position: absolute;
    top: 0;
    z-index: 900;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.mind__component-credit-card-front-content{
    background-color: var(--mind__theme-color-surface-200);
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 20px 30px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.mind__component-credit-card-box-number{
    display: block;
    margin-bottom: 5px;
    letter-spacing: 2px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
}

.mind__component-credit-card-box-logo {
    margin-left: -5px
}

.mind__component-credit-card-box-chip {
    margin-top: 15px;
    margin-bottom: 12px;
    display: block;
}

.mind__component-credit-card-box-holdername {
    padding-bottom: 2px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    display: block;
    margin-bottom: 5px;
    color: #fff;
}

.mind__component-credit-card-box-expiration {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
}

.mind__component-credit-card-box .mind__component-credit-card-back {
    height: 200px;
    width: 330px;
    position: absolute;
    top: 0;
    z-index: 1000;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.mind__component-credit-card-back-content{
    background-color: #262338;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding-top: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.mind__component-credit-card-box-stripe{
    background-color: black;
    height: 40px;
}

.mind__component-credit-card-box-cvv-bg{
    background-color: antiquewhite;
    height: 30px;
    width: 50px;
    float: right;
    margin-right: 30px;
    margin-top: 10px;
    text-align: center;
}

.mind__component-credit-card-box-cvv{
    font-size: 12px;
    color: black;
    text-transform: uppercase;
    font-weight: bold;
}

.mind__component-credit-card-box.flip .mind__component-credit-card-front {
    z-index: 900;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}

.mind__component-credit-card-box.flip .mind__component-credit-card-back {
    z-index: 1000;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
}





/*======================================================================================================================
 Colors
======================================================================================================================*/
.mind__theme-color-green-dark{
    color: var(--mind__theme-color-green-normal) !important;
}

.mind__theme-color-green-normal{
    color: var(--mind__theme-color-green-normal) !important;
}

.mind__theme-color-green-hover:hover{
    transition: 0.3s;
    color: var(--mind__theme-color-green-hover) !important;
}

.mind__theme-color-green-light{
    color: var(--mind__theme-color-green-light) !important;
}

.mind__theme-color-surface-0{
    color: var(--mind__theme-color-surface-0) !important;
}

.mind__theme-color-surface-50{
    color: var(--mind__theme-color-surface-50) !important;
}

.mind__theme-color-surface-100{
    color: var(--mind__theme-color-surface-100) !important;
}

.mind__theme-color-surface-150{
    color: var(--mind__theme-color-surface-150) !important;
}

.mind__theme-color-surface-200{
    color: var(--mind__theme-color-surface-200) !important;
}

.mind__theme-color-surface-250{
    color: var(--mind__theme-color-surface-250) !important;
}

.mind__theme-color-surface-300{
    color: var(--mind__theme-color-surface-300) !important;
}

.mind__theme-color-surface-350{
    color: var(--mind__theme-color-surface-350) !important;
}

.mind__theme-color-surface-400{
    color: var(--mind__theme-color-surface-400) !important;
}

.mind__theme-color-surface-450{
    color: var(--mind__theme-color-surface-450) !important;
}

.mind__theme-color-surface-500{
    color: var(--mind__theme-color-surface-500) !important;
}

.mind__theme-color-surface-550{
    color: var(--mind__theme-color-surface-550) !important;
}

.mind__theme-color-surface-600{
    color: var(--mind__theme-color-surface-600) !important;
}

.mind__theme-color-surface-650{
    color: var(--mind__theme-color-surface-650) !important;
}

.mind__theme-color-surface-700{
    color: var(--mind__theme-color-surface-700) !important;
}

.mind__theme-color-surface-750{
    color: var(--mind__theme-color-surface-750) !important;
}

.mind__theme-color-surface-800{
    color: var(--mind__theme-color-surface-800) !important;
}

.mind__theme-color-surface-850{
    color: var(--mind__theme-color-surface-850) !important;
}

.mind__theme-color-surface-900{
    color: var(--mind__theme-color-surface-900) !important;
}

.mind__theme-color-surface-950{
    color: var(--mind__theme-color-surface-950) !important;
}

.mind__theme-color-surface-1000{
    color: var(--mind__theme-color-surface-1000) !important;
}

.mind__theme-color-warning-dark{
    color: var(--mind__theme-color-warning-dark) !important;
}

/*======================================================================================================================
 Background colors
======================================================================================================================*/
.mind__theme-bg-green-dark{
    background-color: var(--mind__theme-color-green-normal) !important;
}

.mind__theme-bg-green-normal{
    background-color: var(--mind__theme-color-green-normal) !important;
}

.mind__theme-bg-green-hover{
    background-color: var(--mind__theme-color-green-hover) !important;
}

.mind__theme-bg-green-light{
    background-color: var(--mind__theme-color-green-light) !important;
}

.mind__theme-bg-surface-0{
    background-color: var(--mind__theme-color-surface-0) !important;
}

.mind__theme-bg-surface-50{
    background-color: var(--mind__theme-color-surface-50) !important;
}

.mind__theme-bg-surface-100{
    background-color: var(--mind__theme-color-surface-100) !important;
}

.mind__theme-bg-surface-150{
    background-color: var(--mind__theme-color-surface-150) !important;
}

.mind__theme-bg-surface-200{
    background-color: var(--mind__theme-color-surface-200) !important;
}

.mind__theme-bg-surface-250{
    background-color: var(--mind__theme-color-surface-250) !important;
}

.mind__theme-bg-surface-300{
    background-color: var(--mind__theme-color-surface-300) !important;
}

.mind__theme-bg-surface-350{
    background-color: var(--mind__theme-color-surface-350) !important;
}

.mind__theme-bg-surface-400{
    background-color: var(--mind__theme-color-surface-400) !important;
}

.mind__theme-bg-surface-450{
    background-color: var(--mind__theme-color-surface-450) !important;
}

.mind__theme-bg-surface-500{
    background-color: var(--mind__theme-color-surface-500) !important;
}

.mind__theme-bg-surface-550{
    background-color: var(--mind__theme-color-surface-550) !important;
}

.mind__theme-bg-surface-600{
    background-color: var(--mind__theme-color-surface-600) !important;
}

.mind__theme-bg-surface-650{
    background-color: var(--mind__theme-color-surface-650) !important;
}

.mind__theme-bg-surface-700{
    background-color: var(--mind__theme-color-surface-700) !important;
}

.mind__theme-bg-surface-750{
    background-color: var(--mind__theme-color-surface-750) !important;
}

.mind__theme-bg-surface-800{
    background-color: var(--mind__theme-color-surface-800) !important;
}

.mind__theme-bg-surface-850{
    background-color: var(--mind__theme-color-surface-850) !important;
}

.mind__theme-bg-surface-900{
    background-color: var(--mind__theme-color-surface-900) !important;
}

.mind__theme-bg-surface-950{
    background-color: var(--mind__theme-color-surface-950) !important;
}

.mind__theme-bg-surface-1000{
    background-color: var(--mind__theme-color-surface-1000) !important;
}




/*======================================================================================================================
 Cards
======================================================================================================================*/
.mind__component-general-card{
    position: relative;
    background-color:#fff;
    border-radius: 4px;
    padding: 20px;
    display: flex;
    align-items: start;
    justify-content: start;
    box-shadow: var(--mind__theme-box-shadow-card);
}

.mind__component-general-card.mind__component-general-form-preview [data-trigger-form="show"]{
    /*opacity: 0;*/
    transition: opacity 0.3s;
}

.mind__component-general-card.mind__component-general-form-preview{
    margin-bottom: 15px;
    /*background-color: transparent;*/
    background-color: rgba(255, 255, 255, 0.9);

    box-shadow: none;
    transition: all 0.3s ease;
}

.mind__component-general-card.mind__component-general-form-preview:hover{
    background-color: rgba(255, 255, 255, 0.9);
}

.mind__component-general-card.mind__component-general-form-preview:hover [data-trigger-form="show"]{
    opacity: 1;
}

.mind__component-general-card.mind__component-general-form-preview.disabled{
    pointer-events: none;
    background: transparent !important;
    opacity: 0.3;
}

.mind__theme-layout-mobile-panel-content:has(.mind__component-general-card.mind__component-general-form-preview.disabled) .divider{
   display: none !important;
}

.mind__component-general-card.mind__component-general-form-inputs{
    margin-bottom: 15px;
    display: none;
}


/*======================================================================================================================
 Anchor - CTA
======================================================================================================================*/
.mind__theme-anchor-cta{
    display: inline-flex;
    align-items: flex-start;
    width: auto;
    gap: 10px;
    text-decoration: underline;
    text-decoration-color: var(--mind__theme-color-green-light);
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
    color: var(--mind__theme-color-green-light);
    user-select: none;
}

.mind__theme-anchor-cta-dark{
    display: inline-flex;
    align-items: flex-start;
    width: auto;
    gap: 10px;
    text-decoration: underline;
    text-decoration-color: var(--mind__theme-color-surface-0);
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
    color: var(--mind__theme-color-surface-0);
    user-select: none;
}

.mind__theme-anchor-cta-light{
    display: inline-flex;
    align-items: flex-start;
    width: auto;
    gap: 10px;
    color: var(--mind__theme-color-surface-900);
    text-decoration: underline;
    text-decoration-color: var(--mind__theme-color-surface-900);
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
    user-select: none;
}

.mind__theme-anchor-cta-green{
    display: inline-flex;
    align-items: flex-start;
    width: auto;
    gap: 10px;
    color: var(--mind__theme-color-green-normal);
    text-decoration: underline;
    text-decoration-color: var(--mind__theme-color-green-normal);
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
    user-select: none;
}



/*======================================================================================================================
 Buttons
======================================================================================================================*/
.mind__theme-button{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    transition: 0.3s;
    user-select: none !important;
}

.mind__theme-button:not(:disabled):hover{
    opacity: 0.7;
}

.mind__theme-button:disabled,.mind__theme-button[disabled]{
    opacity: 0.4;
}

.mind__theme-button-lg{
    padding: 12px 24px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    min-height: 48px;
    gap: 8px;
}

.mind__theme-button-lg i{
    width: 16px;
    font-size: 16px;
}

.mind__theme-button-lg.mind__theme-button-only-icon{
    padding: 16px;
}

.mind__theme-button-md{
    padding: 12px 16px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    gap: 8px;
}

.mind__theme-button-md i{
    font-size: 16px;
}

.mind__theme-button-md.mind__theme-button-only-icon{
    padding: 12px;
}

.mind__theme-button-sm{
    padding: 8px 12px;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    gap: 4px;
}

.mind__theme-button-sm i{
    font-size: 16px;
}

.mind__theme-button-sm.mind__theme-button-only-icon{
    padding: 8px;
}

.mind__theme-button-icon-padding{
    padding: 12px;
}


.mind__theme-button-primary-dark-1{
    color: var(--mind__theme-color-surface-0);
    background: var(--mind__theme-color-green-light);
    transition: 0.3s;
}

.mind__theme-button-primary-dark-1:disabled{
    opacity: 0.4;
    color: var(--mind__theme-color-surface-600);
    background: var(--mind__theme-color-surface-100);
}

.mind__theme-button-primary-dark-1:hover:not(:disabled){
    color: var(--mind__theme-color-surface-0);
    background: var(--mind__theme-color-green-normal);
}

.mind__theme-button-primary-dark-2{
    color: var(--mind__theme-color-surface-0);
    background: var(--mind__theme-color-surface-900);
}

.mind__theme-button-primary-dark-3{
    color: var(--mind__theme-color-surface-600);
    background: var(--mind__theme-color-surface-100);
}

.mind__theme-button-primary-light-1{
    color: var(--mind__theme-color-surface-1000);
    background: var(--mind__theme-color-green-normal);
}

.mind__theme-button-primary-light-2{
    color: var(--mind__theme-color-surface-1000);
    background: var(--mind__theme-color-surface-100);
}

.mind__theme-button-primary-light-3{
    color: var(--mind__theme-color-surface-0);
    background: var(--mind__theme-color-surface-900);
}
.mind__theme-button-primary-light-4{
    color: var(--mind__theme-color-surface-0);
    background: var(--mind__theme-color-surface-800);
}

.mind__theme-button-secondary-dark-1{
    border: 1px solid var(--mind__theme-color-surface-900) !important;
    background: var(--mind__theme-color-surface-150);
    color: var(--mind__theme-color-surface-1000);
}

.mind__theme-button-secondary-dark-2{
    border: 1px solid var(--mind__theme-color-surface-1000) !important;
    background: var(--mind__theme-color-surface-150);
    color: var(--mind__theme-color-surface-1000);
}

.mind__theme-button-secondary-dark-3{
    border: 1px solid var(--mind__theme-color-surface-200) !important;
    background: var(--mind__theme-color-surface-200);
    color: var(--mind__theme-color-surface-1000);
}

.mind__theme-button-secondary-dark-4{
    border: 1px solid var(--mind__theme-color-surface-200) !important;
    background: var(--mind__theme-color-surface-150);
    color: var(--mind__theme-color-surface-1000);
}

.mind__theme-button-secondary-dark-5{
    border: 1px solid var(--mind__theme-color-surface-500) !important;
    background: var(--mind__theme-color-surface-150);
    color: var(--mind__theme-color-surface-1000);
}

.mind__theme-button-secondary-dark-6{
    border: 1px solid var(--mind__theme-color-surface-200) !important;
    background: var(--mind__theme-color-surface-150);
    color: var(--mind__theme-color-surface-1000);
}

.mind__theme-button-secondary-light-1{
    border: 1px solid var(--mind__theme-color-surface-800) !important;
    background: transparent;
    color: var(--mind__theme-color-surface-0);
}

.mind__theme-button-secondary-light-2{
    border: 1px solid var(--mind__theme-color-surface-900) !important;
    background: transparent;
    color: var(--mind__theme-color-surface-0);
}

.mind__theme-button-secondary-light-3{
    border: 1px solid var(--mind__theme-color-surface-800) !important;
    background: transparent;
    color: var(--mind__theme-color-surface-0);
}

.mind__theme-button-secondary-light-4{
    border: 1px solid var(--mind__theme-color-surface-900) !important;
    background: var(--mind__theme-color-surface-950);
    color: var(--mind__theme-color-surface-50);
}

.mind__theme-button-secondary-light-5{
    border: 1px solid transparent !important;
    background: var(--mind__theme-color-surface-900);
    color: var(--mind__theme-color-surface-0);
}

.mind__theme-button-secondary-light-6{
    border: 1px solid var(--mind__theme-color-surface-700) !important;
    background: transparent;
    color: var(--mind__theme-color-surface-100);
}

.mind__theme-button-single-sign-on{
    color: var(--mind__theme-color-surface-900);
    border: 1px solid var(--mind__theme-color-surface-200) !important;
    background: var(--mind__theme-color-surface-150);
    text-decoration: none;
    transition: 0.3s;
}

.mind__theme-button-single-sign-on:hover:not(:disabled){
    color: var(--mind__theme-color-surface-900);
    background: var(--mind__theme-color-surface-150);
}

.mind__theme-button-single-sign-on img{
    width: 16px;
    margin-right: 8px;
}

.mind__theme-button-danger-1{
    border: none !important;
    color: var(--mind__theme-color-error-dark);
    background: var(--mind__theme-color-error-light);
    transition: 0.2s;
}
.mind__theme-button-danger-2{
    border: none !important;
    color: var(--mind__theme-color-surface-1000);
    background: var(--mind__theme-color-error-dark);
    transition: 0.3s;
}
.mind__theme-button-danger-3{
    border: none !important;
    color: var(--mind__theme-color-surface-1000);
    background: var(--mind__theme-color-error-normal);
    transition: 0.3s;
}


/*======================================================================================================================
 Border
======================================================================================================================*/
.mind__theme-border-type-1{
    border: 1px solid var(--mind__theme-border) !important;
}

.mind__theme-border-type-1-bottom{
    border-bottom: 1px solid var(--mind__theme-border) !important;
}

.mind__theme-border-type-2-bottom{
    border-bottom: 1px solid #E0E1EB !important;
}

.mind__theme-border-type-1-800{
    border-color: var(--mind__theme-color-surface-800) !important;
}

.mind__theme-border-type-1-opacity-10{
    border: 1px solid rgba(31, 32, 46, 0.10)
}

.mind__theme-border-type-1-opacity-25{
    border: 1px solid rgba(31, 32, 46, 0.25)
}

.mind__theme-border-type-1-opacity-50{
    border: 1px solid rgba(31, 32, 46, 0.5)
}

.mind__theme-border-type-2{
    border: 2px solid rgba(31, 32, 46)
}

.mind__theme-border-type-2-opacity-10{
    border: 2px solid rgba(31, 32, 46, 0.10)
}

.mind__theme-border-type-2-opacity-25{
    border: 2px solid rgba(31, 32, 46, 0.25)
}

.mind__theme-border-type-1-opacity-50{
    border: 2px solid rgba(31, 32, 46, 0.5)
}



/*======================================================================================================================
 Border radius
======================================================================================================================*/
.mind__theme-border-radius-card{
    border-radius: var(--mind__theme-border-radius-card) !important;
}
.mind__theme-border-radius-badge{
    border-radius: var(--mind__theme-border-radius-badge) !important;
}

/*======================================================================================================================
 Badges
======================================================================================================================*/
.mind__theme-badge{
    display: inline-flex;
    padding: 4px 8px;
    border-radius: var(--mind__theme-border-radius-badge);
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}
.mind__theme-badge.mind__theme-badge-sm{
    padding: 2px 4px;
    font-size: 8px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.mind__theme-badge.mind__theme-badge-lg{
    padding: 8px 12px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}
.mind__theme-badge i, .mind__theme-badge img{
    width: 16px;
    font-size: 16px;
}
.mind__theme-badge.mind__theme-badge-lg i, .mind__theme-badge.mind__theme-badge-lg img{
    width: 24px;
    font-size: 24px;
}
.mind__theme-badge.mind__theme-badge-success{
    color: var(--mind__theme-color-green-normal);
    background: #EEFCF5;
}
.mind__theme-badge.mind__theme-badge-error{
    color: var(--mind__theme-color-error-dark);
    background: var(--mind__theme-color-error-light);
}
.mind__theme-badge.mind__theme-badge-danger{
    color: var(--mind__theme-color-error-light);
    background: var(--mind__theme-color-error-dark);
}
.mind__theme-badge.mind__theme-badge-warning{
    color: var(--mind__theme-color-warning-dark);
    background: var(--mind__theme-color-warning-light);
}
.mind__theme-badge.mind__theme-badge-info{
    color: var(--mind__theme-color-info-dark);
    background: var(--mind__theme-color-info-light);
}
.mind__theme-badge.mind__theme-badge-light{
    color: var(--mind__theme-color-neutral-1-dark);
    background: var(--mind__theme-color-neutral-1-light);
}
.mind__theme-badge.mind__theme-badge-out{
    color: var(--mind__theme-color-neutral-2-dark);
    background: var(--mind__theme-color-neutral-2-light);
    border: 1px solid var(--mind__theme-color-neutral-2-light);
}
.mind__theme-badge.mind__theme-badge-transparent{
    color: var(--mind__theme-color-neutral-2-dark);
    background: transparent;
    border: 1px solid var(--mind__theme-color-neutral-2-light);
}
.mind__theme-badge.mind__theme-badge-dark{
    color: var(--mind__theme-color-surface-1000);
    background: var(--mind__theme-color-surface-200);
    border: 1px solid var(--mind__theme-color-neutral-2-light);
}
.mind__theme-badge.mind__theme-badge-aqua{
    color: var(--mind__theme-color-surface-1000);
    background: #0699ab;
    border: 1px solid var(--mind__theme-color-neutral-2-light);
}
.mind__theme-badge.mind__theme-badge-blue{
    color: var(--mind__theme-color-surface-1000);
    background: #064eab;
    border: 1px solid var(--mind__theme-color-neutral-2-light);
}



/*======================================================================================================================
 Avatar
======================================================================================================================*/
.mind__theme-avatar-xxl{
    width: var(--mind__theme-avatar-xxl);
    height: var(--mind__theme-avatar-xxl);
}

.mind__theme-avatar-xl{
    width: var(--mind__theme-avatar-xl);
    height: var(--mind__theme-avatar-xl);
}

.mind__theme-avatar-lg{
    width: var(--mind__theme-avatar-lg);
    height: var(--mind__theme-avatar-lg);
}

.mind__theme-avatar-md{
    width: var(--mind__theme-avatar-md);
    height: var(--mind__theme-avatar-md);
}

.mind__theme-avatar-sm{
    width: var(--mind__theme-avatar-sm);
    height: var(--mind__theme-avatar-sm);
}

.mind__theme-avatar-xs{
    width: var(--mind__theme-avatar-xs);
    height: var(--mind__theme-avatar-xs);
}

.mind__theme-avatar-xxs{
    width: var(--mind__theme-avatar-xxs);
    height: var(--mind__theme-avatar-xxs);
}

.mind__theme-avatar-circle{
    border-radius: var(--mind__theme-border-radius-avatar-circle);
}

.mind__theme-avatar-square{
    border-radius: var(--mind__theme-border-radius-avatar-square);
}


/*======================================================================================================================
 Alerts
======================================================================================================================*/
.mind__component-alert{
    background: #fff;
    padding: 12px 16px;
    border-radius: 6px;
    box-shadow: var(--mind__theme-box-shadow-card);
    margin-bottom: 30px;
    font-size: 12px;
    font-weight: 400;
}
.mind__component-alert.mind__component-alert-success{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left: 2px solid var(--mind__theme-color-green-normal)
}
.mind__component-alert.mind__component-alert-warning{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left: 2px solid var(--mind__theme-color-warning-dark)
}

/*======================================================================================================================
 Root properties
======================================================================================================================*/
:root{


    --mind__version-mobile-max-width: 768px;
    --mind__version-desktop-min-width: 769px;

    /* Font family */
    --mind__theme-font-family-primary: 'Poppins', sans-serif;

    /* Font weight */
    --mind__theme-font-weight-heavy: 800;
    --mind__theme-font-weight-bold: 700;
    --mind__theme-font-weight-semibold: 600;
    --mind__theme-font-weight-medium: 500;
    --mind__theme-font-weight-regular: 400;
    --mind__theme-font-weight-light: 300;

    /* Font size */
    --mind__theme-font-size-h1: 64px;
    --mind__theme-font-size-h2: 48px;
    --mind__theme-font-size-h3: 36px;
    --mind__theme-font-size-h4: 24px;
    --mind__theme-font-size-body: 16px;
    --mind__theme-font-size-small: 13px;
    --mind__theme-font-size-note: 11px;

    /* Line height */
    --mind__theme-line-height-h1: 70px;
    --mind__theme-line-height-h2: 54px;
    --mind__theme-line-height-h3: 42px;
    --mind__theme-line-height-h4: 28px;
    --mind__theme-line-height-text: 24px;
    --mind__theme-line-height-body: 20px;
    --mind__theme-line-height-small: 16px;
    --mind__theme-line-height-note: 13px;

    /* Background color for body in panel layout */
    --mind__theme-bg-color-panel-body: #F0F0F5;

    /* Color green (primary) */
    --mind__theme-color-green-normal: #00B970;
    --mind__theme-color-green-hover: #0CD393;
    --mind__theme-color-green-light: #1AECA4;

    /* Another colors */
    --mind__theme-color-neutral-1-dark: #000000;
    --mind__theme-color-neutral-1-light: #C2C4D6;
    --mind__theme-color-neutral-2-dark: #000000;
    --mind__theme-color-neutral-2-light: #E0E1EB;
    --mind__theme-color-info-dark: #952EE6;
    --mind__theme-color-info-light: #F7F1FB;
    --mind__theme-color-error-dark: #E62E30;
    --mind__theme-color-error-normal: #f85164;
    --mind__theme-color-error-light: #FBF1F2;
    --mind__theme-color-warning-dark: #E49E15;
    --mind__theme-color-warning-light: #FBF8F1;
    --mind__theme-color-indicator-dark: #14151F;
    --mind__theme-color-indicator-light: #1AECA4;

    /* Color neutral */
    --mind__theme-color-surface-0: #000000;
    --mind__theme-color-surface-50: #0A0B0F;
    --mind__theme-color-surface-100: #14151F;
    --mind__theme-color-surface-150: #1F202E;
    --mind__theme-color-surface-200: #292B3D;
    --mind__theme-color-surface-250: #33354D;
    --mind__theme-color-surface-300: #3D405C;
    --mind__theme-color-surface-350: #3D405C;
    --mind__theme-color-surface-400: #52557A;
    --mind__theme-color-surface-450: #5C5F89;
    --mind__theme-color-surface-500: #666A99;
    --mind__theme-color-surface-550: #7579A3;
    --mind__theme-color-surface-600: #8588AD;
    --mind__theme-color-surface-650: #9497B8;
    --mind__theme-color-surface-700: #A3A6C2;
    --mind__theme-color-surface-750: #B3B5CC;
    --mind__theme-color-surface-800: #C2C4D6;
    --mind__theme-color-surface-850: #D1D2E0;
    --mind__theme-color-surface-900: #E0E1EB;
    --mind__theme-color-surface-950: #F0F0F5;
    --mind__theme-color-surface-1000: #FFFFFF;

    /* Size for margins */
    --mind__theme-margin-size-md: 36px;
    --mind__theme-margin-size-sm: 24px;
    --mind__theme-margin-size-xs: 16px;
    --mind__theme-margin-size-xxs: 8px;


    --mind__theme-space-xxs: 8px;
    --mind__theme-space-xs: 16px;
    --mind__theme-space-sm: 24px;
    --mind__theme-space-md: 36px;
    --mind__theme-space-lg: 48px;


    /* Color border types, radius and colors */
    --mind__theme-border-radius-avatar-circle: 50%;
    --mind__theme-border-radius-avatar-square: 12px;
    --mind__theme-border-radius-badge: 4px;
    --mind__theme-border-radius-button: 8px;
    --mind__theme-border-radius-card: 12px;
    --mind__theme-border-radius-notification: 10px;
    --mind__theme-border-color: #1F202E;
    --mind__theme-border: 1px solid var(--mind__theme-border-color);

    /* Box shadow */
    --mind__theme-box-shadow-layout: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    /*--mind__theme-box-shadow-card: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;*/
    --mind__theme-box-shadow-card: none;
    --mind__theme-box-shadow-notification: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;

    /* Avatar */
    --mind__theme-avatar-xxl: 104px;
    --mind__theme-avatar-xl: 80px;
    --mind__theme-avatar-lg: 64px;
    --mind__theme-avatar-md: 48px;
    --mind__theme-avatar-sm: 40px;
    --mind__theme-avatar-xs: 32px;
    --mind__theme-avatar-xxs: 24px;
}


/*======================================================================================================================
 General styles for layout (applied for all layouts)
======================================================================================================================*/
body{
    font-family: var(--mind__theme-font-family-primary) !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}


/*======================================================================================================================
 Scrollbar
======================================================================================================================*/

body::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}

body::-webkit-scrollbar-track {
    background-color: var(--mind__theme-color-surface-950) !important;
    border-radius: 8px !important;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--mind__theme-color-surface-400) !important;
    border-radius: 8px !important;
    border: 2px solid #666a99;
}

body *::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}

body *::-webkit-scrollbar-track {
    background-color: var(--mind__theme-color-surface-950) !important;
    border-radius: 8px !important;
}

body *::-webkit-scrollbar-thumb {
    background-color: var(--mind__theme-color-surface-400) !important;
    border-radius: 8px !important;
    border: 2px solid #666a99;
}


@media (max-width: 768px) {

    .mind__component-mobile-terms-content h1, .mind__component-mobile-terms-content h1{
        font-size: 28px !important;
        font-weight: 500 !important;
        text-align: center !important;
    }

    .mind__component-mobile-terms-content h2{
        margin-top: 16px;
        font-size: 24px;
        text-align: center;
    }

    .mind__component-mobile-terms-content p{
        font-size: 14px;
        font-weight: 400;
        color: var(--mind__theme-color-surface-400);
        margin-bottom: 0.5rem;
    }
    .mind__component-mobile-terms-content h2 span{
        color: var(--mind__theme-color-green-normal) !important;
    }

    .mind__component-mobile-terms-content table{
        border-collapse: separate;
        border-spacing: 0;
        border: 1px solid var(--mind__theme-color-surface-300) !important;
        color: var(--mind__theme-color-surface-400) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    .mind__component-mobile-terms-content ul li{
        color: var(--mind__theme-color-surface-400) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    .mind__component-mobile-terms-content table strong span{
        color: var(--mind__theme-color-surface-400);
        font-weight: 600 !important;
    }

    .mind__component-mobile-terms-content td{
        padding: 12px 15px;
    }

    .mind__component-mobile-terms-content strong{
        font-weight: 600 !important;
    }
    .mind__component-mobile-terms-content a{
        color: var(--mind__theme-color-green-normal) !important;
    }
}

@media (max-width: 768px) {
    .mind__component-terms-content a{
        color: var(--mind__theme-color-green-light) !important;
    }

    .mind__component-terms-content a{
        color: var(--mind__theme-color-green-normal) !important;
    }
}

@media (max-width: 768px) {

    /*======================================================================================================================
     Campaign page
    ======================================================================================================================*/
    body:has(.mind__component-mobile-project-top-section) .mind__theme-layout-mobile-panel-content {
        top: calc(75px + 590px) !important; /* header + top + navbar */
        min-height: calc(100vh) !important;
        padding-top: var(--mind__theme-space-lg) !important;
        padding-bottom: 100px !important;
    }

    .mind__component-mobile-project-top-section{
        height: 590px;
        padding-top: 10px;
        top: 0 !important;
    }

    .mind__component-mobile-project-top-grid{
        margin-bottom: 0 !important;
        height: 240px;
        color:  #fff;
        /*background: var(--mind__theme-color-surface-150);*/
    }

    .mind__component-mobile-project-top-grid.mind__component-mobile-project-top-grid-banner{
        border-radius: var(--mind__theme-border-radius-card) !important;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        margin-top: 120px;
    }

    .mind__component-mobile-project-top-grid-banner-overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100px;
        background: linear-gradient(180deg, rgba(20, 20, 42, 0.3) 0%, rgba(20, 20, 42, 0) 26.7%),
        linear-gradient(180deg, #14142A 0%, rgba(20, 20, 42, 0.3) 51.56%);
    }

    .mind__component-mobile-project-top-grid-status{
        position: absolute;
        top: 24px;
        left: 24px;
    }

    .mind__component-mobile-project-top-grid.mind__component-mobile-project-top-grid-shortcuts{
        border-top-right-radius: var(--mind__theme-border-radius-card);
        border-bottom-right-radius: var(--mind__theme-border-radius-card);
        padding: 64px;
    }

    .mind__component-mobile-project-section-navbar{
        position: absolute;
        background: var(--mind__theme-bg-color-panel-body) !important;
        top: 590px;
        left: 0;
        height: 64px;
        width: 100%;
        border-bottom: 1px solid var(--mind__theme-color-surface-900) !important;
    }



    /* Campaign progress bar */
    .mind__component-project-target-progress{
        height: 10px;
        width: 100%;
        background: var(--mind__theme-color-surface-200);
        border-radius: 20px;
    }

    .mind__component-project-target-progress .mind__component-project-target-progress-bar{
        height: 10px;
        background: var(--mind__theme-color-green-light);
        border-radius: 20px;
    }

    .mind__component-project-target-progress .mind__component-project-target-progress-bar:not(.completed){
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    /* Section navbar */
    .mind__component-mobile-project-section-navbar{
        width: 100%;
        top: calc(590px);
        position: absolute;
        min-height: 75px;
        border-bottom: 1px solid var(--mind__theme-color-surface-900);
    }

    .mind__component-mobile-project-section-navbar-content{
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 70px;
        max-width: 1360px!important;
        padding: 0 20px;
        margin: 0 auto;
        overflow-x: auto;
    }

    .mind__component-mobile-project-section-navbar-content{
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 75px;
        max-width: 1360px!important;
        padding: 0 20px;
        margin: 0 auto;
        overflow-x: hidden;
    }

    .mind__component-mobile-project-section-navbar-option{
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        min-height: 75px;
        margin: 0 12px;
        font-size: 16px;
        font-weight: 500;
        color: var(--mind__theme-color-surface-500) !important;
        border-bottom: 3px solid transparent;
        cursor: pointer;
        position: relative;
        user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
    }


    .mind__component-mobile-project-section-navbar-option:first-of-type{
        margin-left: 0 !important;
    }

    .mind__component-mobile-project-section-navbar-option:last-of-type{
        margin-right: 0 !important;
    }

    .mind__component-mobile-project-section-navbar-option.active{
        border-bottom: 3px solid var(--mind__theme-color-green-normal) !important;
        color: var(--mind__theme-color-green-normal) !important;
        cursor: default;
    }

    .mind__component-mobile-project-section-navbar-option-badge{
        position: absolute;
        top: 18px;
        right: -12px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1px;
        border-radius: 2px;
        font-size: 9px;
        font-weight: 500;
        color: var(--mind__theme-color-surface-800);
        background: transparent;
    }

    .mind__component-mobile-project-section-navbar-option.active .mind__component-mobile-project-section-navbar-option-badge{
        color: var(--mind__theme-color-green-normal);
        /*background: rgba(26, 236, 164, 0.15);*/
        background: transparent;
    }


    @media (min-width: 768px) {
        .mind__component-mobile-project-section-navbar-option{
            width: auto !important;
        }
    }


    .mind__component-mobile-project-section-navbar-control{
        width: 70px;
        height: 85px;
        z-index: 1;
        display: none;
        align-items: start;
        position: absolute;
        top: 0;
    }

    .mind__component-mobile-project-section-navbar-control.prev {
        left: 0;
        justify-content: start;
        background: linear-gradient(270deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(270deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(270deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(270deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(270deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(270deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%);
    }

    .mind__component-mobile-project-section-navbar-control.next {
        right: 0;
        justify-content: end;
        background: linear-gradient(90deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(90deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(90deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(90deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(90deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(90deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%);
    }

    .mind__component-mobile-project-section-navbar-control.showing {
        display: flex;
    }


    .mind__component-mobile-project-section-navbar-control button{
        background: var(--mind__theme-bg-color-panel-body) !important;
        border: 1px solid var(--mind__theme-color-surface-900) !important;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        margin-top: 24px;
        user-select: none;
    }
    .mind__component-mobile-project-section-navbar-control.prev button{
        margin-left: 12px;
    }
    .mind__component-mobile-project-section-navbar-control.next button{
        margin-right: 12px;
    }



    /* Campaign navbar and tabs  */
    .mind__component-project-tab{
        display: none;
        margin: 0 -10px;
    }
    .mind__component-project-tab.active{
        display: block;
    }


    /* Campaign donors and volunteers  */
    .mind__component-project-profiles-list{
        display: flex;
        margin-left: 15px;
        align-items: center;
    }

    .mind__component-project-profiles-avatar{
        width: 48px;
        height: 48px;
        border: 2px solid #fff;
        border-radius: 50%;
        cursor: pointer;
    }

    .mind__component-project-profiles-anonymous{
        width: 48px;
        height: 48px;
        border: 2px solid #fff;
        border-radius: 50%;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-size: 14px;
        color: var(--mind__theme-color-surface-600);
        background: var(--mind__theme-color-surface-850);
    }

    .mind__component-project-profiles-extra{
        width: 48px;
        height: 48px;
        border: 2px solid #fff;
        border-radius: 50%;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-size: 14px;
        color: var(--mind__theme-color-surface-500);
        background: var(--mind__theme-color-surface-900);
    }

    .mind__component-project-profiles-avatar, .mind__component-project-profiles-anonymous, .mind__component-project-profiles-extra{
        transition: 0.3s;
    }

    .mind__component-project-profiles-avatar:hover, .mind__component-project-profiles-anonymous:hover, .mind__component-project-profiles-extra:hover{
        /*margin-top: -10px;*/
    }

    .mind__component-project-profiles-list .mind__component-project-profiles-avatar, .mind__component-project-profiles-anonymous, .mind__component-project-profiles-extra{
        margin-left: -15px;
    }

    .mind__component-project-profile-resume{
        display: flex;
        align-items: center;
        padding: 10px;
        border-radius: 5px;
        text-decoration: none;
        width: 100%;
    }

    .mind__component-project-profile-resume .mind__component-project-profile-resume-info{
        width: calc(100% - 24px - 104px); /* 100% - cardPadding - avatar */
        padding-left: 24px;
    }

    .mind__component-project-profile-resume[href]{
        cursor: pointer;
        transition: 0.2s;
    }

    .mind__component-project-profile-resume[href]:hover{
        background: var(--mind__theme-color-surface-900);
    }


    /* Campaign items */
    .mind__component-project-about-items{
        width: calc(100% - 50px);
        border-bottom: 1px dashed var(--mind__theme-color-surface-800);
        height: 40px;
        margin-bottom: 15px;
    }


    /* Campaign transparency */
    .mind__component-project-transparency-file{
        border-radius: 12px;
        display: flex;
        align-items: center;
        border: 2px solid var(--mind__theme-color-surface-850);
        padding: 16px;
        height: 100%;
    }

    .mind__component-project-transparency-file img{
        width: 30px;
    }

    /* Button CTA Donate */
    .mind__component-mobile-project-button-donate-container{
        border-top: 1px solid var(--mind__theme-color-surface-900) !important;
        background: var(--mind__theme-bg-color-panel-body) !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 80px !important;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 99;
    }

    .mind__component-mobile-project-button-donate-container button{
        width: 100%;
    }

}


@media (max-width: 768px) {
    .mind__component-input-group:has(.mind__component-input-group-item.end) input{
        padding-right: 50px !important;
    }
}
@media (max-width: 768px) {


    .mind__theme-layout-mobile-onboarding-header{
        position: relative;
        height: 100px;
        width: 100%;
        left: 0;
        top: 0;
        margin: 0;
        padding: 16px 24px;
        background-color: transparent;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .mind__theme-layout-mobile-onboarding-header .logo{
        width: 110px;
    }

    .mind__theme-layout-mobile-onboarding-body{
        position: relative;
        min-height: calc(100vh - 180px);
        width: 100%;
        left: 0;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
    }

    .mind__component-page-content-callback{
        padding-bottom: 0 !important;
    }

    .mind__component-onboarding-mobile-section{
        position: fixed;
        height: 100vh;
        width: 100vw;
        top: 0;
        left: 0;
        padding: 80px 25px 20px 25px;
    }

    .mind__component-onboarding-img-mobile.welcome{
        width: 350px;
        max-width: calc(100% - 20px);
        position: relative;
        margin: 0 auto;
    }

    .mind__component-onboarding-form-button-container{
        border-top: 1px solid var(--mind__theme-color-surface-300) !important;
        background-color: var(--mind__theme-color-surface-100) !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100px !important;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 99;
    }

    .mind__component-onboarding-form-button-container button{
        width: 100%;
    }


    /* Causes */
    .mind__component-onboarding-causes-list{
        max-height: 50vh;
        width: 100%;
        overflow-y: auto;
    }


    .mind__component-onboarding-cause-option{
        padding: 8px 12px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        margin: 10px;
        cursor: pointer;
        border: 1px solid var(--mind__theme-color-surface-200);
        transition: 0.3s;
    }

    .mind__component-onboarding-cause-option:not(.active):hover{
        background: var(--mind__theme-color-surface-150);

    }

    .mind__component-onboarding-cause-option span{
        font-size: 12px;
        font-weight: 500;
        color: var(--mind__theme-color-surface-1000);
    }

    .mind__component-onboarding-cause-option.selected{
        background: #fff !important;
        border: 1px solid var(--mind__theme-color-surface-200);
    }

    .mind__component-onboarding-cause-option.selected span{
        color: var(--mind__theme-color-surface-50) !important;
    }
}
@media (max-width: 768px) {


    body:has(.mind__component-mobile-home-subheader-section) .mind__component-mobile-default-subheader-section{
        display: none !important;
    }

    body:has(.mind__component-mobile-home-subheader-banner) .mind__theme-layout-mobile-home-content{
        top: calc(80px + 480px) !important; /* header + subsection */
        padding-top: var(--mind__theme-space-sm) !important;
    }

    body:not(:has(.mind__component-mobile-home-subheader-banner)) .mind__theme-layout-mobile-home-content{
        top: calc(80px + 330px) !important; /* header + subsection */
        padding-top: var(--mind__theme-space-sm) !important;
    }

    .mind__component-mobile-home-subheader-section{
        position: absolute;
        left: 0;
        width: 100%;
        top: 75px !important;
        height: 160px;
        display: block;
        padding-bottom: 30px;
        background-image: url("/assets/img/backgrounds/bg-mobile-panel-subheader.png") !important;
    }

    .mind__component-mobile-home-subheader-section:has(.mind__component-mobile-home-subheader-banner){
        height: 480px;
    }
    .mind__component-mobile-home-subheader-section:not(:has(.mind__component-mobile-home-subheader-banner)){
        height: 330px;
    }

    .mind__component-mobile-home-subheader-banner{
        width: 100%;
        height: 80px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-radius: var(--mind__theme-border-radius-card);
        box-shadow: var(--mind__theme-box-shadow-layout);
    }


    /*  SDG Carousel */
    .mind__component-mobile-home-carousel-sdg{
        position: absolute;
        width: 100% !important;
        overflow-x: scroll;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: start;
    }


    .mind__component-mobile-home-carousel-sdg-item{
        margin-right: 16px;
    }
    .mind__component-home-carousel-sdg-item:last-of-type{
        margin-right: 24px;
    }

    .mind__component-mobile-home-carousel-sdg-item img{
        width: 120px;
        height: 120px;
        border-radius: 4px;
    }
}

@media (max-width: 768px) {

    /*======================================================================================================================
     Campaign page
    ======================================================================================================================*/
    body:has(.mind__component-mobile-campaign-top-section) .mind__theme-layout-mobile-panel-content {
        top: calc(75px + 590px) !important; /* header + top + navbar */
        min-height: calc(100vh) !important;
        padding-top: var(--mind__theme-space-lg) !important;
        padding-bottom: 100px !important;
    }

    .mind__component-mobile-campaign-top-section{
        height: 590px;
        padding-top: 10px;
        top: 0 !important;
    }

    .mind__component-mobile-campaign-top-grid{
        margin-bottom: 0 !important;
        height: 240px;
        color:  #fff;
        /*background: var(--mind__theme-color-surface-150);*/
    }

    .mind__component-mobile-campaign-top-grid.mind__component-mobile-campaign-top-grid-banner{
        border-radius: var(--mind__theme-border-radius-card) !important;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        margin-top: 120px;
    }

    .mind__component-mobile-campaign-top-grid-banner-overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100px;
        background: linear-gradient(180deg, rgba(20, 20, 42, 0.3) 0%, rgba(20, 20, 42, 0) 26.7%),
        linear-gradient(180deg, #14142A 0%, rgba(20, 20, 42, 0.3) 51.56%);
    }

    .mind__component-mobile-campaign-top-grid-status{
        position: absolute;
        top: 24px;
        left: 24px;
    }

    .mind__component-mobile-campaign-top-grid.mind__component-mobile-campaign-top-grid-shortcuts{
        border-top-right-radius: var(--mind__theme-border-radius-card);
        border-bottom-right-radius: var(--mind__theme-border-radius-card);
        padding: 64px;
    }

    .mind__component-mobile-campaign-section-navbar{
        position: absolute;
        background: var(--mind__theme-bg-color-panel-body) !important;
        top: 590px;
        left: 0;
        height: 64px;
        width: 100%;
        border-bottom: 1px solid var(--mind__theme-color-surface-900) !important;
    }



    /* Campaign progress bar */
    .mind__component-campaign-target-progress{
        height: 10px;
        width: 100%;
        background: var(--mind__theme-color-surface-200);
        border-radius: 20px;
    }

    .mind__component-campaign-target-progress .mind__component-campaign-target-progress-bar{
        height: 10px;
        background: var(--mind__theme-color-green-light);
        border-radius: 20px;
    }

    .mind__component-campaign-target-progress .mind__component-campaign-target-progress-bar:not(.completed){
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    /* Section navbar */
    .mind__component-mobile-campaign-section-navbar{
        width: 100%;
        top: calc(590px);
        position: absolute;
        min-height: 75px;
        border-bottom: 1px solid var(--mind__theme-color-surface-900);
    }

    .mind__component-mobile-campaign-section-navbar-content{
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 70px;
        max-width: 1360px!important;
        padding: 0 20px;
        margin: 0 auto;
        overflow-x: auto;
    }

    .mind__component-mobile-campaign-section-navbar-content{
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 75px;
        max-width: 1360px!important;
        padding: 0 20px;
        margin: 0 auto;
        overflow-x: hidden;
    }

    .mind__component-mobile-campaign-section-navbar-option{
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        min-height: 75px;
        margin: 0 12px;
        font-size: 16px;
        font-weight: 500;
        color: var(--mind__theme-color-surface-500) !important;
        border-bottom: 3px solid transparent;
        cursor: pointer;
        position: relative;
        user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
    }


    .mind__component-mobile-campaign-section-navbar-option:first-of-type{
        margin-left: 0 !important;
    }

    .mind__component-mobile-campaign-section-navbar-option:last-of-type{
        margin-right: 0 !important;
    }

    .mind__component-mobile-campaign-section-navbar-option.active{
        border-bottom: 3px solid var(--mind__theme-color-green-normal) !important;
        color: var(--mind__theme-color-green-normal) !important;
        cursor: default;
    }

    .mind__component-mobile-campaign-section-navbar-option-badge{
        position: absolute;
        top: 18px;
        right: -12px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1px;
        border-radius: 2px;
        font-size: 9px;
        font-weight: 500;
        color: var(--mind__theme-color-surface-800);
        background: transparent;
    }

    .mind__component-mobile-campaign-section-navbar-option.active .mind__component-mobile-campaign-section-navbar-option-badge{
        color: var(--mind__theme-color-green-normal);
        /*background: rgba(26, 236, 164, 0.15);*/
        background: transparent;
    }


    @media (min-width: 768px) {
        .mind__component-mobile-campaign-section-navbar-option{
            width: auto !important;
        }
    }


    .mind__component-mobile-campaign-section-navbar-control{
        width: 70px;
        height: 85px;
        z-index: 1;
        display: none;
        align-items: start;
        position: absolute;
        top: 0;
    }

    .mind__component-mobile-campaign-section-navbar-control.prev {
        left: 0;
        justify-content: start;
        background: linear-gradient(270deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(270deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(270deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(270deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(270deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(270deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%);
    }

    .mind__component-mobile-campaign-section-navbar-control.next {
        right: 0;
        justify-content: end;
        background: linear-gradient(90deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(90deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(90deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(90deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(90deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%),
        linear-gradient(90deg, rgba(240, 240, 245, 0) 0%, #F0F0F5 100%);
    }

    .mind__component-mobile-campaign-section-navbar-control.showing {
        display: flex;
    }


    .mind__component-mobile-campaign-section-navbar-control button{
        background: var(--mind__theme-bg-color-panel-body) !important;
        border: 1px solid var(--mind__theme-color-surface-900) !important;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        margin-top: 24px;
        user-select: none;
    }
    .mind__component-mobile-campaign-section-navbar-control.prev button{
        margin-left: 12px;
    }
    .mind__component-mobile-campaign-section-navbar-control.next button{
        margin-right: 12px;
    }



    /* Campaign navbar and tabs  */
    .mind__component-campaign-tab{
        display: none;
        margin: 0 -10px;
    }
    .mind__component-campaign-tab.active{
        display: block;
    }


    /* Campaign donors and volunteers  */
    .mind__component-campaign-profiles-list{
        display: flex;
        margin-left: 15px;
        align-items: center;
    }

    .mind__component-campaign-profiles-avatar{
        width: 48px;
        height: 48px;
        border: 2px solid #fff;
        border-radius: 50%;
        cursor: pointer;
    }

    .mind__component-campaign-profiles-anonymous{
        width: 48px;
        height: 48px;
        border: 2px solid #fff;
        border-radius: 50%;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-size: 14px;
        color: var(--mind__theme-color-surface-600);
        background: var(--mind__theme-color-surface-850);
    }

    .mind__component-campaign-profiles-extra{
        width: 48px;
        height: 48px;
        border: 2px solid #fff;
        border-radius: 50%;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-size: 14px;
        color: var(--mind__theme-color-surface-500);
        background: var(--mind__theme-color-surface-900);
    }

    .mind__component-campaign-profiles-avatar, .mind__component-campaign-profiles-anonymous, .mind__component-campaign-profiles-extra{
        transition: 0.3s;
    }

    .mind__component-campaign-profiles-avatar:hover, .mind__component-campaign-profiles-anonymous:hover, .mind__component-campaign-profiles-extra:hover{
        /*margin-top: -10px;*/
    }

    .mind__component-campaign-profiles-list .mind__component-campaign-profiles-avatar, .mind__component-campaign-profiles-anonymous, .mind__component-campaign-profiles-extra{
        margin-left: -15px;
    }

    .mind__component-campaign-profile-resume{
        display: flex;
        align-items: center;
        padding: 10px;
        border-radius: 5px;
        text-decoration: none;
        width: 100%;
    }

    .mind__component-campaign-profile-resume .mind__component-campaign-profile-resume-info{
        width: calc(100% - 24px - 104px); /* 100% - cardPadding - avatar */
        padding-left: 24px;
    }

    .mind__component-campaign-profile-resume[href]{
        cursor: pointer;
        transition: 0.2s;
    }

    .mind__component-campaign-profile-resume[href]:hover{
        background: var(--mind__theme-color-surface-900);
    }


    /* Campaign items */
    .mind__component-campaign-about-items{
        width: calc(100% - 50px);
        border-bottom: 1px dashed var(--mind__theme-color-surface-800);
        height: 40px;
        margin-bottom: 15px;
    }


    /* Campaign transparency */
    .mind__component-campaign-transparency-file{
        border-radius: 12px;
        display: flex;
        align-items: center;
        border: 2px solid var(--mind__theme-color-surface-850);
        padding: 16px;
        height: 100%;
    }

    .mind__component-campaign-transparency-file img{
        width: 30px;
    }

    /* Button CTA Donate */
    .mind__component-mobile-campaign-button-donate-container{
        border-top: 1px solid var(--mind__theme-color-surface-900) !important;
        background: var(--mind__theme-bg-color-panel-body) !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 80px !important;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 99;
    }

    .mind__component-mobile-campaign-button-donate-container button{
        width: 100%;
    }

}


.mind__component-terms-content h1, .mind__component-terms-content h1{
    font-size: 28px !important;
    font-weight: 500 !important;
    text-align: center !important;
}

.mind__component-terms-content h2{
    margin-top: 16px;
    font-size: 24px;
    text-align: center;
}

.mind__component-terms-content p{
    text-align: justify;
    margin-bottom: 0.5rem;
}
.mind__component-terms-content h2 span{
    color: var(--mind__theme-color-green-normal) !important;
}

.mind__component-terms-content table{
    border-collapse: separate;
    border-spacing: 0;
    border: 3px solid #000 !important;
}

.mind__component-terms-content td{
    padding: 12px 15px;
}

.mind__component-terms-content strong{
    font-weight: 600 !important;
}
.mind__component-terms-content a{
    color: var(--mind__theme-color-green-normal) !important;
}

.mind__component-terms-pending-agree-content{
    height: calc(100vh - 500px) !important;
    padding-right: 30px;
    width: calc(100% + 40px) !important;
    overflow-y: auto !important;
}

.mind__component-terms-pending-agree-content::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
}

.mind__component-terms-pending-agree-content::-webkit-scrollbar-track {
    background-color: transparent !important;;
    border-radius: 2px !important;
    border: 1px solid #1F202E !important;
}

.mind__component-terms-pending-agree-content::-webkit-scrollbar-thumb {
    background-color: #33354D !important;
    cursor: pointer !important;
    border-radius: 2px !important;
    border: 2px solid transparent;
}

.mind__theme-layout-auth-body:has(.mind__component-terms-pending-agree-content){
    position: relative;
    padding-top: 50px !important;
    height: calc(100vh - 100px) !important;
}

body:has(.mind__component-terms-pending-agree-content){
    overflow-y: hidden !important;
}

.mind__theme-layout-auth-body:has(.mind__component-terms-pending-agree-content) ~ .mind__theme-layout-auth-footer{
    display: none !important;
}


.mind__component-terms-pending-agree-content h1{
    /*
    font-size: 28px !important;
    font-weight: 500 !important;
    text-align: center !important;
    */
    display:none !important
}


.mind__component-terms-pending-agree-content p{
    text-align: start;
}

.mind__component-terms-pending-agree-content h2{
    margin-top: 30px;
    font-size: 20px;
    text-align: start;
}

.mind__component-terms-pending-agree-content h2 span{
    color: var(--mind__theme-color-green-light) !important;
}


.mind__component-terms-pending-agree-content h1, .mind__component-terms-pending-agree-content h1{
    /*
        font-size: 28px !important;
        font-weight: 500 !important;
        text-align: center !important;
        */
    display:none !important
}

.mind__component-terms-pending-agree-content p{
    text-align: start;
}

.mind__component-terms-pending-agree-content h2{
    margin-top: 30px;
    font-size: 20px;
    text-align: start;
}
.mind__component-terms-pending-agree-content h2 span{
    color: var(--mind__theme-color-green-normal) !important;
}

.mind__component-terms-pending-agree-content table, .mind__component-terms-pending-agree-content table {
    border-collapse: separate;
    border-spacing: 0;
    border: 3px solid #000 !important;
}
.mind__component-terms-pending-agree-content table {
    border: 3px solid #ffffff !important;
}
.mind__component-terms-pending-agree-content td, .mind__component-terms-pending-agree-content td {
    padding: 12px 15px;
}

.mind__component-terms-pending-agree-content strong, .mind__component-terms-pending-agree-content strong{
    font-weight: 600 !important;
}

.mind__component-terms-pending-agree-content a{
    color: var(--mind__theme-color-green-light) !important;
}

.mind__component-terms-pending-agree-content a{
    color: var(--mind__theme-color-green-normal) !important;
}

.mind__component-terms-pending-agree-content h1,
.mind__component-terms-pending-agree-content h2,
.mind__component-terms-pending-agree-content h3,
.mind__component-terms-pending-agree-content h4,
.mind__component-terms-pending-agree-content h5,
.mind__component-terms-pending-agree-content h6,
.mind__component-terms-pending-agree-content p,
.mind__component-terms-pending-agree-content span,
.mind__component-terms-pending-agree-content li,
.mind__component-terms-pending-agree-content span,
.mind__component-terms-pending-agree-content td,
.mind__component-terms-pending-agree-content div
{
    font-family: var(--mind__theme-font-family-primary) !important;
    background: transparent !important;
    color: #fff;
}

/* Social section top - background  */
.mind__component-container-social-cover{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

@media (min-width: 1400px) {
    .mind__component-container-social-cover{
        max-width: 1360px;
    }
}

.mind__component-container-social-cover-overlay{
    background: linear-gradient(to top, #141921, #14142a00);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 500px;
    z-index: 1;
}


/* Section navbar */
.mind__component-social-section-navbar{
    position: absolute;
    left: 0;
    top: 630px;
    width: 100%;
    height: 70px;
    border-bottom: 1px solid var(--mind__theme-color-surface-900);
}


@media (max-width: 576px) {
    .mind__component-social-section-navbar{
        top: 370px;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .mind__component-social-section-navbar{
        top: 420px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .mind__component-social-section-navbar{
        top: 470px;
    }
}

.mind__component-social-section-navbar-content{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    max-width: 1360px;
    padding: 0 20px;
    margin: 0 auto;
}

@media (max-width: 1399.98px) {
    .mind__component-social-section-navbar-content{
        padding: 0 50px;
    }
}

.mind__component-social-section-navbar-option{
    display: flex;
    align-items: center;
    height: 100%;
    margin-right: 20px;
    font-size: 16px;
    font-weight: 500;
    color: var(--mind__theme-color-surface-500) !important;
    border-bottom: 3px solid transparent;
    cursor: pointer !important;
    user-select: none;
}

.mind__component-social-section-navbar-option.active{
    border-bottom: 3px solid var(--mind__theme-color-green-normal) !important;
    color: var(--mind__theme-color-green-normal) !important;
    cursor: default;
}

/* page section content */
.mind__component-social-section-content{
    margin-top: 70px;
    padding-top: 70px;
}

.mind__component-social-widget-card{
    height: 144px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    background: transparent;
    border-radius: 12px;
    padding: 24px;
    border: 1px solid var(--mind__theme-color-surface-900)
}

.mind__component-social-chart-card{
    min-height: 415px;
    height: auto;
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: start;
    background: transparent;
    border-radius: 12px;
    padding: 24px;
    border: 1px solid var(--mind__theme-color-surface-900)
}


/* Page contents */
.mind__component-social-tab{
    display: none;
}
.mind__component-social-tab.active{
    display: block;
}

/* Profiles */
.mind__component-social-profile-resume{
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    width: 100%;
}

.mind__component-social-profile-resume .mind__component-social-profile-resume-info{
    width: calc(100% - 10px - 104px); /* 100% - cardPadding - avatar */
    padding-left: 10px;
}

.mind__component-social-profile-resume[href]{
    cursor: pointer;
    transition: 0.2s;
}

.mind__component-social-profile-resume[href]:hover{
    background: var(--mind__theme-color-surface-900);
}
/* Company section top - background  */
.mind__component-company-section-top{
    position: relative;
    margin-top: 70px;
    width: 100%;
    background-color: var(--mind__theme-color-surface-100) !important;
}


body:has(.mind__component-company-section-top) .mind__theme-layout-panel-content{
    top: 50px !important;
    padding-left: 30px;
    padding-right: 30px;
}

.mind__component-container-social-cover-overlay{
    background: linear-gradient(180deg, rgba(31, 32, 46, 0) 0%, #1F202E 100%);
    height: 300px;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.mind__component-company-section-top .mind__component-company-cover-img{
    position: absolute;
    left: -30px;
    top: 0;
    width: calc(100% + 60px);
    background-color: var(--mind__theme-color-surface-100) !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.mind__component-company-section-top, .mind__component-company-cover-img{
    height: 300px;
}

@media (max-width: 576px) {
    .mind__component-company-section-top, .mind__component-company-cover-img{
        height: 60px;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .mind__component-company-section-top, .mind__component-company-cover-img{
        height: 110px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .mind__component-company-section-top, .mind__component-company-cover-img{
        height: 160px;
    }
}

/* Company section top - data  */
.mind__component-company-section-top-data{
    position: absolute;
    width: 100%;
    height: 125px;
    top: 180px;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.mind__component-company-section-top-data-content{
    max-width: 1300px;
    padding: 0 50px;
    margin: 0 auto;
}

.mind__component-social-company-logo{
    width: 104px;
    height: 104px;
    padding: 2px;
    background: #3E3E51;
}

@media (max-width: 576px) {
    .mind__component-company-section-top-data{
        top: 20px;
    }

    .mind__component-company-section-top-data-content{
        padding: 0 10px;
    }

    .mind__component-social-company-logo{
        width: 68px;
        height: 68px;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .mind__component-company-section-top-data{
        top: 20px;
    }

    .mind__component-company-section-top-data-content{
        padding: 0 50px;
    }

    .mind__component-social-company-logo{
        width: 96px;
        height: 96px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .mind__component-company-section-top-data{
        top: 20px;
    }

    .mind__component-company-section-top-data-content{
        padding: 0 50px;
    }

    .mind__component-social-company-logo{
        width: 96px;
        height: 96px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .mind__component-company-section-top-data{
        top: 110px;
    }

    .mind__component-company-section-top-data-content{
        padding: 0 50px;
    }
}

/* Company navbar and tabs  */
.mind__component-social-company-tab{
    display: none;
}
.mind__component-social-company-tab.active{
    display: block;
}

/* Company section top - about  */
.mind__component-company-section-about{
    color: var(--mind__theme-color-surface-400);
    position: relative;
    font-size: 14px;
    font-weight: 400;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
    transition: 0.2s;
}

.mind__component-company-section-about.expanded{
    height: auto !important;
    max-height: 100vh !important;
}


/* Section navbar */
.mind__component-social-section-navbar{
    top: 300px;
}


@media (max-width: 576px) {
    .mind__component-social-section-navbar{
        top: 130px;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .mind__component-social-section-navbar{
        top: 180px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .mind__component-social-section-navbar{
        top: 230px;
    }
}

/* Profiles */
.mind__component-social-company-section-profiles-list{
    display: flex;
    align-items: center;
}

.mind__component-social-company-section-profiles-avatar{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
}

.mind__component-social-company-section-profiles-extra{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    color: var(--mind__theme-color-surface-500);
    background: var(--mind__theme-color-surface-900);
}

.mind__component-social-company-section-profiles-avatar:not(.mind__component-social-company-section-profiles-avatar-owner), .mind__component-social-company-section-profiles-extra{
    transition: 0.3s;
}

.mind__component-social-company-section-profiles-avatar:not(.mind__component-social-company-section-profiles-avatar-owner):hover, .mind__component-social-company-section-profiles-extra:hover{
    margin-top: -10px;
}

.mind__component-social-company-section-profiles-list .mind__component-social-company-section-profiles-avatar:not(:first-of-type), .mind__component-social-company-section-profiles-extra{
    margin-left: -15px;
    z-index: 998;
}


.mind__component-company-transparency-campaign-or-project-banner{
    width: 48px;
    height: 48px !important;
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 7px;
}

.jqvmap-region {
    stroke: black !important;
    stroke-width: 2;
}

/*======================================================================================================================
 Project page
======================================================================================================================*/
body:has(.mind__component-project-top-section) .mind__theme-layout-panel-content {
    top: calc(75px + 590px + 75px); /* header + top + navbar */
    min-height: calc(100vh - 75px - 590px - 75px);
    padding-top: var(--mind__theme-space-lg) !important;
}

.mind__component-project-top-section{
    height: 590px;
    padding-top: 10px;
}

.mind__component-project-top-grid{
    margin-bottom: 0 !important;
    height: 500px;
    color:  #fff;
    background: var(--mind__theme-color-surface-150);
}

.mind__component-project-top-grid.mind__component-project-top-grid-banner{
    border-top-left-radius: var(--mind__theme-border-radius-card);
    border-bottom-left-radius: var(--mind__theme-border-radius-card);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.mind__component-project-top-grid.mind__component-project-top-grid-shortcuts{
    border-top-right-radius: var(--mind__theme-border-radius-card);
    border-bottom-right-radius: var(--mind__theme-border-radius-card);
    padding: 64px;
}

/* Project progress bar */
.mind__component-project-target-progress{
    height: 10px;
    width: 100%;
    background: var(--mind__theme-color-surface-200);
    border-radius: 20px;
}

.mind__component-project-target-progress .mind__component-project-target-progress-bar{
    height: 10px;
    background: var(--mind__theme-color-green-light);
    border-radius: 20px;
}

.mind__component-project-target-progress .mind__component-project-target-progress-bar:not(.completed){
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Section navbar */
.mind__component-project-section-navbar{
    width: 100%;
    top: calc(75px + 590px);
    position: absolute;
    min-height: 70px;
    border-bottom: 1px solid var(--mind__theme-color-surface-900);
}

.mind__component-project-section-navbar-content{
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 70px;
    max-width: 1360px!important;
    padding: 0 20px;
    margin: 0 auto;
}

@media (max-width: 1399.98px) {
    .mind__component-project-section-navbar-content{
        padding: 0 50px;
    }
}

.mind__component-project-section-navbar-option{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 500;
    color: var(--mind__theme-color-surface-500) !important;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    position: relative;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.mind__component-project-section-navbar-option:first-of-type{
    margin-left: 0 !important;
}

.mind__component-project-section-navbar-option:last-of-type{
    margin-right: 0 !important;
}

.mind__component-project-section-navbar-option.active{
    border-bottom: 3px solid var(--mind__theme-color-green-normal) !important;
    color: var(--mind__theme-color-green-normal) !important;
    cursor: default;
}

.mind__component-project-section-navbar-option-badge{
    position: absolute;
    top: 18px;
    right: -12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    border-radius: 2px;
    font-size: 9px;
    font-weight: 500;
    color: var(--mind__theme-color-surface-800);
    background: transparent;
}

.mind__component-project-section-navbar-option.active .mind__component-project-section-navbar-option-badge{
    color: var(--mind__theme-color-green-normal);
    /*background: rgba(26, 236, 164, 0.15);*/
    background: transparent;
}


@media (min-width: 768px) {
    .mind__component-project-section-navbar-option{
        width: auto !important;
    }
}

/* Project navbar and tabs  */
.mind__component-project-tab{
    display: none;
    margin: 0 -10px;
}
.mind__component-project-tab.active{
    display: block;
}


/* Project donors and volunteers  */
.mind__component-project-profiles-list{
    display: flex;
    margin-left: 15px;
    align-items: center;
}

.mind__component-project-profiles-avatar{
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}

.mind__component-project-profiles-anonymous{
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    color: var(--mind__theme-color-surface-600);
    background: var(--mind__theme-color-surface-850);
}

.mind__component-project-profiles-extra{
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    color: var(--mind__theme-color-surface-500);
    background: var(--mind__theme-color-surface-900);
}

.mind__component-project-profiles-avatar, .mind__component-project-profiles-anonymous, .mind__component-project-profiles-extra{
    transition: 0.3s;
}

.mind__component-project-profiles-avatar:hover, .mind__component-project-profiles-anonymous:hover, .mind__component-project-profiles-extra:hover{
    /*margin-top: -10px;*/
}

.mind__component-project-profiles-list .mind__component-project-profiles-avatar, .mind__component-project-profiles-anonymous, .mind__component-project-profiles-extra{
    margin-left: -15px;
}

.mind__component-project-profile-resume{
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    width: 100%;
}

.mind__component-project-profile-resume .mind__component-project-profile-resume-info{
    width: calc(100% - 24px - 104px); /* 100% - cardPadding - avatar */
    padding-left: 24px;
}

.mind__component-project-profile-resume[href]{
    cursor: pointer;
    transition: 0.2s;
}

.mind__component-project-profile-resume[href]:hover{
    background: var(--mind__theme-color-surface-900);
}


/* Project items */
.mind__component-project-about-items{
    width: calc(100% - 50px);
    border-bottom: 1px dashed var(--mind__theme-color-surface-800);
    height: 40px;
    margin-bottom: 15px;
}


/* Project transparency */
.mind__component-project-transparency-file{
    border-radius: 12px;
    display: flex;
    align-items: center;
    border: 2px solid var(--mind__theme-color-surface-850);
    padding: 16px;
    height: 100%;
}

.mind__component-project-transparency-file img{
    width: 30px;
}

/* Project planning */
.mind__component-project-planning-navbar-option{
    font-size: 16px;
    font-weight: 500;
    color: var(--mind__theme-color-surface-500);
    padding-left: 24px;
    border-left: 3px solid transparent;
    user-select: none;
    cursor: pointer;
    transition: 0.3s all;
    margin-bottom: 24px;
}

.mind__component-project-planning-navbar-option.active{
    color: var(--mind__theme-color-surface-0);
    border-left: 3px solid var(--mind__theme-color-surface-0);
}

.mind__component-project-milestones-preview{
    height: 270px;
    width: 100%;
    position: relative;
}

.mind__component-project-milestones-preview .mind__component-project-milestones-preview-header{
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
}

.mind__component-project-milestones-preview .mind__component-project-milestones-preview-header .mind__component-project-milestones-preview-nav-arrows{
    width: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mind__component-project-milestones-preview .mind__component-project-milestones-preview-header .mind__component-project-milestones-preview-nav-arrows div{
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
    border-radius: 6px;
    background: transparent;
    border: 1px solid var(--mind__theme-color-surface-800);
    cursor: pointer;
    user-select: none !important;
}

.mind__component-project-milestones-preview .mind__component-project-milestones-preview-header .mind__component-project-milestones-preview-nav-arrows div.disabled{
    opacity: 0.4;
    cursor: not-allowed;
}
.mind__component-project-milestones-preview .mind__component-project-milestones-preview-header .mind__component-project-milestones-preview-nav-arrows div:not(.disabled):hover{
    background: var(--mind__theme-color-surface-900);
}

.mind__component-project-milestones-preview .mind__component-project-milestones-preview-header .mind__component-project-milestones-preview-nav-arrows div img{
    width: 15px;
}


.mind__component-project-milestones-preview .mind__component-project-milestones-preview-timeline{
    position: absolute;
    top: 80px;
    left: 0;
    flex-wrap: nowrap !important;
    height: calc(100% - 80px);
    /*width: calc(100%);*/
    padding: 0 5px;
    border-radius: 4px;
    overflow-x: auto;
    white-space: nowrap;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.mind__component-project-milestones-preview .mind__component-project-milestones-preview-timeline .mind__component-project-milestones-preview-timeline-item{
    padding: 0 5px 24px 5px;
    margin: 0;
    margin-bottom: 10px;
    border-radius: 6px;
    transition: 0.2s;
}

.mind__component-project-milestones-preview .mind__component-project-milestones-preview-timeline .mind__component-project-milestones-preview-timeline-item.mind__component-project-milestones-preview-timeline-target{
    background: var(--mind__theme-color-surface-1000);
}

.mind__component-project-milestones-preview .mind__component-project-milestones-preview-timeline .mind__component-project-milestones-preview-timeline-item .mind__component-project-milestones-preview-timeline-item-bullet{
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--mind__theme-color-surface-900);
}


.mind__component-project-milestones-preview-timeline-item[data-current-milestone] i{
    font-size: 14px;
    color: #fff;
}


.mind__component-project-milestones-preview .mind__component-project-milestones-preview-timeline .mind__component-project-milestones-preview-timeline-item .mind__component-project-milestones-preview-timeline-item-line{
    height: 4px;
    width: calc(100% - 32px - 10px - 10px); /* 100% - bullet - space_to_bullet - margin_right */
    margin-right: 10px;
    background: var(--mind__theme-color-surface-900);
}

.mind__component-project-milestones-preview-timeline-item[data-current-milestone] .mind__component-project-milestones-preview-timeline-item-bullet{
    background: var(--mind__theme-color-green-normal) !important
}
.mind__component-project-milestones-preview-timeline-item[data-completed-milestone] .mind__component-project-milestones-preview-timeline-item-line.placeholder{
    background: var(--mind__theme-color-green-normal) !important
}
.mind__component-project-milestones-preview-timeline-item[data-completed-milestone] .mind__component-project-milestones-preview-timeline-item-bullet{
    background: var(--mind__theme-color-surface-0) !important
}
.mind__component-project-milestones-preview-timeline-item[data-completed-milestone] .mind__component-project-milestones-preview-timeline-item-line{
    background: var(--mind__theme-color-surface-0) !important
}

.mind__component-project-milestones-preview .mind__component-project-milestones-preview-timeline .mind__component-project-milestones-preview-timeline-item .placeholder{
    cursor: default;
    opacity: 0.1;
    background: var(--mind__theme-color-surface-400) !important;
    min-height: 0 !important;
    min-width: 0 !important;
    user-select: none !important;
}



/*======================================================================================================================
 Projects (cards)
======================================================================================================================*/
.mind__component-project-card{
    position: relative;
    height: 310px;
    width: 100%;
    margin-bottom: 100px;
    border-radius: var(--mind__theme-border-radius-card);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: var(--mind__theme-box-shadow-card);
}

@media (max-width: 1399px) {
    .mind__component-project-card{
        height: 240px;
    }
}


.mind__component-project-card.mind__component-project-status-expired{
    opacity: 0.25;
    transition: 1s
}

.mind__component-project-card.mind__component-project-status-expired:hover{
    opacity: 1;
}
.mind__component-project-card:not(.mind__component-project-status-waiting_for_start) .mind__component-project-card-banner-overlay {
    position: absolute;
    right: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    padding: 2px;
    background: linear-gradient(0deg, #14142A 0%, rgba(20, 20, 42, 0) 26.7%),
                linear-gradient(360deg, #14142A 0%, rgba(20, 20, 42, 0) 51.56%);
    z-index: 0;
}
.mind__component-project-card.mind__component-project-status-waiting_for_start .mind__component-project-card-banner-overlay {
    position: absolute;
    right: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    padding: 2px;
    background: linear-gradient(0deg, #14142A 0%, rgba(20, 20, 42, 0) 26.7%),
                linear-gradient(360deg, #14142A 0%, rgba(20, 20, 42, 0) 51.56%);
    filter: blur(4px);
    z-index: 0;
}

.mind__component-project-card .mind__component-project-card-badges{
    position: absolute;
    top: 16px;
    left: 16px;
    display: flex;
    align-items: center;
}

.mind__component-project-card .mind__component-project-card-badges .mind__component-project-card-badge{
    margin-right: 10px;
}

.mind__component-project-card-info{
    position: absolute;
    width: calc(100% - 32px);
    bottom: 20px;
    left: 16px;
}

.mind__component-project-card-info{
    position: absolute;
    width: calc(100% - 32px);
    bottom: 20px;
    left: 16px;
}

.mind__component-project-card .mind__component-project-card-owner-logo{
    position: absolute;
    border-radius: 50%;
    background: var(--mind__theme-bg-color-panel-body);
    top: -5px;
    right: 0;
}



.mind__component-profile-progress-bar{
    height: 8px !important;
}

.mind__component-profile-progress-bar .progress-bar{
    height: 8px !important;
}

.mind__component-card-option{
    display: flex;
    align-items: center;
    width: 100%;
    background: white;
    height: 80px;
    margin-bottom: 3px;
    padding: 20px 24px;
    transition: all 0.2s ease;
}

.mind__component-card-option:first-of-type{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.mind__component-card-option:last-of-type{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.mind__component-card-option:hover{
    background: #f8f8f8;
}

.mind__component-card-info{
    font-weight: 500;
    font-size: 14px;
    margin-left: 24px;
}

.mind__component-card-actions{
    margin-left: auto !important;
    display: flex;
    align-items: center;
}

.mind__component-card-action{
    cursor: pointer;
    margin-left: 30px;
}
.mind__component-card-action.disabled{
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.mind__component-card-main{
    display: flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    border: 1px solid #e0e1eb;
    font-size: 12px;
    font-weight: 500;
}

.mind__component-profile-return-on-complete{
    position: relative;
    margin-top: 20px;
    width: 100%;
    padding: 12px 24px 12px 24px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
}

.mind__component-profile-return-on-complete:disabled, .mind__component-profile-return-on-complete[disabled]{
    background: var(--mind__theme-color-surface-800) !important;
    color: var(--mind__theme-color-surface-0) !important;
    opacity: 0.4 !important;
    pointer-events: none !important;
}




/*======================================================================================================================
 Password meter score
======================================================================================================================*/
#form-profile-password .mind__component-general-password-requirements span{
    color: var(--mind__theme-color-surface-400)
}
#form-profile-password .password-score-meter .password-score-meter-strength{
    display: flex !important;
    width: 100% !important;
    height: 8px !important;
    margin: 10px 0 10px 0 !important;
}
#form-profile-password .password-score-meter .password-score-meter-strength .strength-1,
#form-profile-password .password-score-meter .password-score-meter-strength .strength-2,
#form-profile-password .password-score-meter .password-score-meter-strength .strength-3,
#form-profile-password .password-score-meter .password-score-meter-strength .strength-4{
    display: flex !important;
    width: calc(25% - 10px) !important;
    height: 100% !important;
    margin: 0 5px !important;
    border-radius: 10px !important;
    background: #d1d2d4 !important;
}

#form-profile-password .password-score-meter .password-score-meter-strength[data-strength-result="1"] .strength-1
{
    background: #FF0000 !important;
}

#form-profile-password .password-score-meter .password-score-meter-strength[data-strength-result="2"] .strength-1,
#form-profile-password .password-score-meter .password-score-meter-strength[data-strength-result="2"] .strength-2
{
    background: #FFA500 !important;
}

#form-profile-password .password-score-meter .password-score-meter-strength[data-strength-result="3"] .strength-1,
#form-profile-password .password-score-meter .password-score-meter-strength[data-strength-result="3"] .strength-2,
#form-profile-password .password-score-meter .password-score-meter-strength[data-strength-result="3"] .strength-3
{
    background: #98b02c !important;
}

#form-profile-password .password-score-meter .password-score-meter-strength[data-strength-result="4"] .strength-1,
#form-profile-password .password-score-meter .password-score-meter-strength[data-strength-result="4"] .strength-2,
#form-profile-password .password-score-meter .password-score-meter-strength[data-strength-result="4"] .strength-3,
#form-profile-password .password-score-meter .password-score-meter-strength[data-strength-result="4"] .strength-4
{
    background: #26a126 !important;
}

#form-profile-password .password-score-meter .password-score-meter-message{
    display: block !important;
    width: 100% !important;
    margin-left: 5px !important;
    height: 20px !important;
    font-weight: 500 !important;
    font-size: 11px !important;
    color: var(--mind__theme-color-surface-200) !important;
}

/*======================================================================================================================
 Password requirements
======================================================================================================================*/
#form-profile-password .mind__component-general-password-requirements{
    border: 2px solid var(--mind__theme-color-surface-900) !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
}







/*======================================================================================================================
 Payment recurrence
======================================================================================================================*/
.mind__component-payment-recurrence-card{
    display: flex;
    margin: 10px;
    border-radius: 16px;
    width: 300px;
    height: 390px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    position: relative;
    padding: 24px;
    transition: all 0.3s ease;
    box-shadow: var(--mind__theme-box-shadow-card);
}

.mind__component-payment-recurrence-card.canceled{
    opacity: 0.3;
}

.mind__component-payment-recurrence-card:hover{
    -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari 3-8 */
    transform: scale(1.05);
    opacity: 1;
}

.mind__component-payment-recurrence-card .mind__component-payment-recurrence-card-overlay{
    background: linear-gradient(to top, #141921, #14142a00);
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    z-index: 0;
}

.mind__component-payment-recurrence-card .mind__component-payment-recurrence-card-content{
    position: relative;
    padding-top: 30px;
    height: 100%;
}

.mind__component-payment-recurrence-card .mind__component-payment-recurrence-card-status{
    position: absolute;
    top: 12px;
    left: 20px;
}

.mind__component-payment-recurrence-card .mind__component-payment-recurrence-card-actions{
    opacity: 0;
    padding-top: 0;
    transition: opacity 0.3s, padding-top 0.3s;
    pointer-events: none;
}

.mind__component-payment-recurrence-card:hover .mind__component-payment-recurrence-card-actions{
    opacity: 1;
    padding-top: 20px;
    pointer-events: auto;
}

.mind__component-payment-recurrence-card .mind__component-payment-recurrence-card-actions .mind__component-payment-recurrence-card-action{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 105px;
    height: 32px;
    padding: 8px 12px;
    gap: 8px;
    color: var(--mind__theme-color-surface-1000);
    border-radius: 6px;
    border: 1px solid var(--mind__theme-color-surface-150);
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}



/*======================================================================================================================
 Opportunities
======================================================================================================================*/
.mind__component-opportunity-card{
    position: relative;
    background-color:#fff;
    border-radius: 10px;
    padding: 20px;
    min-height: 160px;
    display: block;
    /*box-shadow: var(--mind__theme-box-shadow-card);*/
}

.mind__component-opportunity-card .mind__component-opportunity-header{
    margin-bottom: 20px;
    display: block;
    position: relative;
}


.mind__component-opportunity-card .mind__component-opportunity-body{
    position: relative;
    display: block;
    min-height: 60px;
}

.mind__component-opportunity-card .mind__component-opportunity-footer-actions{
    position: absolute;
    display: flex;
    align-items: center;
    left: 0;
    bottom: 0;
    height: 60px;
    width: 100%;
    padding: 0 20px;
    border-top: 1px solid var(--mind__theme-color-surface-1000) /*var(--mind__theme-color-surface-950)*/;
}


.mind__component-opportunity-card .mind__component-opportunity-card-campaign-banner{
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 180px;
    height: 120px;
    margin-right: 20px;
    border-radius: 5px;
    border: none;
}


.mind__component-opportunity-badge-info{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid var(--mind__theme-color-surface-800);
}

.mind__component-opportunity-badge-info img{
    width: 12px;
}

    .mind__component-onboarding-section{
        top: 0;
        height: calc(100vh - 100px) !important;
        display: flex;
        align-items: center;
    }


    .mind__component-onboarding-section .mind__component-onboarding-img{
        position: absolute;
        right: 0;
    }

    @media (max-width: 699px) {
        .mind__component-onboarding-section .mind__component-onboarding-img{
            width: 200px;
        }
    }

    @media (min-width: 700px) and (max-width: 889px) {
        .mind__component-onboarding-section .mind__component-onboarding-img{
            width: 300px;
        }
    }

    @media (min-width: 890px) and (max-width: 999px) {
        .mind__component-onboarding-section .mind__component-onboarding-img{
            width: 400px;
        }
    }

    @media (min-width: 1000px) {
        .mind__component-onboarding-section .mind__component-onboarding-img{
            width: 500px;
        }
    }



    /*======================================================================================================================
     Causes
    ======================================================================================================================*/
    .mind__component-onboarding-causes-list{
        max-height: 50vh;
        width: 100%;
        overflow-y: auto;
    }


    .mind__component-onboarding-cause-option{
        padding: 8px 12px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        margin: 10px;
        cursor: pointer;
        border: 1px solid var(--mind__theme-color-surface-200);
        transition: 0.3s;
    }

    .mind__component-onboarding-cause-option:not(.active):hover{
        background: var(--mind__theme-color-surface-150);

    }

    .mind__component-onboarding-cause-option span{
        font-size: 12px;
        font-weight: 500;
        color: var(--mind__theme-color-surface-1000);
    }

    .mind__component-onboarding-cause-option.selected{
        background: #fff !important;
        border: 1px solid var(--mind__theme-color-surface-200);
    }

    .mind__component-onboarding-cause-option.selected span{
        color: var(--mind__theme-color-surface-50) !important;
    }


.mind__component-media-gallery-grid {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
}

.mind__component-media-gallery-grid .mind__component-media-gallery-item {
    margin-bottom: 10px;
    border-radius: 8px;
    -ms-flex: 25%; /* IE10 */
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
    cursor: pointer;
    transition: 0.3s all;
}

.mind__component-media-gallery-grid .mind__component-media-gallery-item:hover {
    filter: brightness(70%);
}

.mind__component-media-gallery-grid .mind__component-media-gallery-item img{
    border-radius: 8px;
    vertical-align: middle;
    width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .mind__component-media-gallery-grid .mind__component-media-gallery-item {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .mind__component-media-gallery-grid .mind__component-media-gallery-item {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}

.mind__modal-media-gallery-nav-column{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100%;
}

.mind__modal-media-gallery-nav-column .mind__modal-media-gallery-nav-prev,
.mind__modal-media-gallery-nav-column .mind__modal-media-gallery-nav-next{
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
    border-radius: 6px;
    background: var(--mind__theme-color-surface-150);
    border: 1px solid var(--mind__theme-color-surface-200);
    cursor: pointer;
    user-select: none !important;
}

.mind__modal-media-gallery-nav-column .mind__modal-media-gallery-nav-prev:not(.disabled):hover,
.mind__modal-media-gallery-nav-column .mind__modal-media-gallery-nav-next:not(.disabled):hover{
    filter: brightness(70%);
}

.mind__modal-media-gallery-nav-column .mind__modal-media-gallery-nav-prev.disabled,
.mind__modal-media-gallery-nav-column .mind__modal-media-gallery-nav-next.disabled{
    background: var(--mind__theme-color-surface-650);
    border: 1px solid var(--mind__theme-color-surface-1000);
    cursor: not-allowed;
}

.mind__modal-media-gallery-content-column{
    height:auto;
    width: calc(100% - 50px - 50px);
    padding: 0 40px;
}

.mind__modal-media-gallery-content-column .mind__modal-media-gallery-content-media{
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 24px;
}

.mind__modal-media-gallery-content-column .mind__modal-media-gallery-content-media *{
    border-radius: 10px;
    background: #f0f0f0;
}
.mind__modal-media-gallery-content-column .mind__modal-media-gallery-content-description{
    font-size: 12px;
    color: var(--mind__theme-color-surface-600);
    font-weight: 600;
}
body:has(.mind__component-home-subheader-section) .mind__component-default-subheader-section{
    display: none !important;
}

body:has(.mind__component-home-subheader-banner) .mind__theme-layout-panel-content{
    top: calc(75px + 470px); /* header + subsection */
    min-height: calc(100vh - 75px - 470px - 75px); /* total - header with banner + subsection - footer */
}

.mind__component-home-subheader-section{
    position: absolute;
    left: 0;
    width: 100%;
    top: 75px;
    height: 200px;
    display: flex;
    padding-bottom: 20px;
    align-items: center;
    background-color: var(--mind__theme-color-surface-100);
}

.mind__component-home-subheader-section:has(.mind__component-home-subheader-banner){
    height: 470px;
}

.mind__component-home-carousel-sdg {
    display: flex;
    width: calc(100% - 300px);
}

.mind__component-home-carousel-sdg-items {
    display: flex;
    overflow-x: hidden;
    width: 100%;
    transition: transform 0.5s ease-in-out;
    scroll-behavior: smooth;
}

.mind__component-home-carousel-sdg-item {
    min-width: 100px;
    margin-right: 24px;
    user-select: none;
}

.mind__component-home-carousel-sdg-item:last-of-type {
    margin-right: 130px;
}

.mind__component-home-carousel-sdg-item img {
    width: 112px;
    height: 112px;
    border-radius: 4px;
    user-select: none;
}

.mind__component-home-carousel-sdg-control-next-content {
    width: 112px;
    height: 112px;
    background: rgba(243, 247, 249, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
}

.mind__component-home-carousel-sdg-control-next {
    background: #1F202E;
    border: none;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: auto;
    user-select: none;
}

.carousel-control-next img{
    width: 16px;
    height: 16px;
    user-select: none;
}


/* Company banner */
.mind__component-home-subheader-banner{
    width: 100%;
    height: 250px;
    margin-bottom: 10px;
    border-radius: var(--mind__theme-border-radius-card);
    box-shadow: var(--mind__theme-box-shadow-layout);
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 991px) { /* md */
    .mind__component-home-subheader-banner{
        height: 150px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .mind__component-home-subheader-section:has(.mind__component-home-subheader-banner){
        height: 650px;
    }
    .mind__component-home-subheader-section:not(:has(.mind__component-home-subheader-banner)){
        height: 460px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .mind__component-home-subheader-section:has(.mind__component-home-subheader-banner){
        height: 560px;
    }
    .mind__component-home-subheader-section:not(:has(.mind__component-home-subheader-banner)){
        height: 330px;
    }
}



@media (max-width: 769px){
    .mind__component-home-subheader-section:not(:has(.mind__component-home-subheader-banner)) ~ .mind__theme-layout-panel-content{
        top: calc(75px + 450px);
        min-height: calc(100vh - 75px - 450px);
    }
}
@media (min-width: 769px) and (max-width: 991px){
    .mind__component-home-subheader-section:not(:has(.mind__component-home-subheader-banner)) ~ .mind__theme-layout-panel-content{
        top: calc(75px + 450px);
        min-height: calc(100vh - 75px - 450px);
    }
    .mind__component-home-subheader-section:has(.mind__component-home-subheader-banner) ~ .mind__theme-layout-panel-content{
        top: calc(75px + 680px);
        min-height: calc(100vh - 75px - 680px);
    }
}

@media (min-width: 992px) and (max-width: 1199px){

    .mind__component-home-subheader-section:not(:has(.mind__component-home-subheader-banner)) ~ .mind__theme-layout-panel-content{
        top: calc(75px + 300px);
        min-height: calc(100vh - 75px - 300px);
    }
    .mind__component-home-subheader-section:has(.mind__component-home-subheader-banner) ~ .mind__theme-layout-panel-content{
        top: calc(75px + 530px);
        min-height: calc(100vh - 75px - 530px);
    }
}


/*================================================================================================================*/
/* Imported styles
/*================================================================================================================*/

/* User avatar and company logo */
.mind__component-home-user-avatar{
    width: 104px;
    height: 104px;
    padding: 2px;
    background: #3E3E51;
}

.mind__component-home-company-logo{
    width: 48px;
    height: 48px;
    padding: 2px;
    background: #3E3E51;
    position: absolute;
    bottom: -10px;
    left: 70px;
}




/* Sdg list */
.mind__component-home-sdg-link:not(:last-of-type){
    margin-right: 5px;
}

.mind__component-home-sdg-link{
    cursor: pointer;
}

.mind__component-home-sdg-link.active img{
    width: 30px;
}

.mind__component-home-sdg-link img{
    width: 20px;
}

.mind__component-home-sdg-link img:hover, .mind__component-home-sdg-link img:focus{
    width: 30px;
}

@media (max-width: 576px) {
    .mind__component-home-sdg-link{
        padding-top: 2px;
    }

    .mind__component-home-sdg-link img{
        width: 35px;
    }

    .mind__component-home-sdg-link img:hover, .mind__component-home-sdg-link img:focus{
        width: 35px;
    }

    .mind__component-home-sdg-link.active img{
        width: 35px;
    }
}

.mind__component-home-sdg-container{
    min-height: 150px;
    width: 100%;
    background-color: rgba(243,243,243,0.4);
}

.mind__component-home-sdg-container .mind__component-home-sdg-card{
    display: none;
    min-height: 100%;
    width: 100%;
    padding: 2rem 2.5rem;
    border-radius: var(--mind__theme-border-radius-card);
    border-top-left-radius: 0 !important;
    box-shadow: var(--mind__theme-box-shadow-card);
}

.mind__component-home-sdg-container .mind__component-home-sdg-card.active{
    display: block;
}

.mind__component-home-sdg-container .mind__component-home-sdg-card img{
    width: 135px;
    height: 135px;
}


/* Home section top - shortcuts */
.mind__component-home-shortcut-widgets{
    border-radius: var(--mind__theme-border-radius-card);
    padding: 16px;
    height: 100%;
    background-color: var(--mind__theme-color-surface-50);
}

.mind__component-home-sdg-icon{
    width: 20px;
}

.mind__component-home-sdg-icon:not(:last-of-type){
    margin-right: 5px;
}



/* Home section top - background  */
.mind__component-home-shortcut-widgets-period-container{
    position: relative;
}

.mind__component-home-shortcut-widgets-period-trigger{
    margin-left: 5px;
    border-radius: 5px;
    padding: 2px 5px;
    cursor: pointer;
    transition: 0.2s;
}

.mind__component-home-shortcut-widgets-period-trigger:hover{
    background-color: var(--mind__theme-color-surface-200) !important;
}

.mind__component-home-shortcut-widgets-period-options{
    display: none;
    position: absolute;
    height: auto;
    width: 100px;
    right: 0;
    top: 30px;
    padding: 5px 10px;
    border-radius: 6px;
    box-shadow: var(--mind__theme-box-shadow-notification);
    background-color: var(--mind__theme-color-surface-200) !important;
}

.mind__component-home-shortcut-widgets-period-options.active{
    display: block;
}

.mind__component-home-shortcut-widgets-period-options-item{
    display: block;
    text-decoration: none;
    border-radius: 5px;
    margin: 2px 0;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}

.mind__component-home-shortcut-widgets-period-options-item:not(.active):hover{
    background-color: var(--mind__theme-color-surface-250) !important;
    color: #fff;
}

.mind__component-home-shortcut-widgets-period-options-item.active{
    background: var(--mind__theme-color-green-light);
    color: #0A0B0F;
}

/* Platform invites */
.mind__component-platform-invite{
    border-radius: var(--mind__theme-border-radius-card);
    background: #fff;
    display: flex;
    align-items: center;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: var(--mind__theme-box-shadow-card);
}

.mind__component-platform-invite .mind__component-platform-invite-logo{
    width: 60px;
}
.mind__component-platform-invite .mind__component-platform-invite-info{
    width: calc(100% - 260px);
    padding-left: 20px;
}

.mind__component-platform-invite .mind__component-platform-invite-actions{
    width: 200px;
}

.mind__component-platform-invite .mind__component-platform-invite-actions .btn-action{
    font-weight: bold;
    padding: 5px 10px !important;
    margin: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}



/*======================================================================================================================
 Iframe lightbox
======================================================================================================================*/
body:has(.mind__component-file-lightbox-content.active), body:has(.mind__component-file-lightbox-loading.active), body:has(.mind__component-file-lightbox-preview-error.active){
    height: 100vh;
    width: 100vw;
    overflow-y: hidden !important;
}

.mind__component-file-lightbox{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
}

.mind__component-file-lightbox.active{
    display: block;
}

.mind__component-file-lightbox-loading,.mind__component-file-lightbox-content,.mind__component-file-lightbox-preview-error{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    padding: 10px;
}

.mind__component-file-lightbox-content .mind__component-file-render::-webkit-scrollbar {
    width: 10px !important;;
    height: 10px !important;;
}

.mind__component-file-lightbox-content .mind__component-file-render::-webkit-scrollbar-track {
    background-color: #292B3D !important;;
    border-radius: 0 !important;;
}

.mind__component-file-lightbox-content .mind__component-file-render::-webkit-scrollbar-thumb {
    background-color: #1AECA4 !important;
    border-radius: 20px !important;
    border: 2px solid #292B3D;
}

.mind__component-file-lightbox-loading.active{
    display: flex;
    align-items: center;
    justify-content: center;
}

.mind__component-file-lightbox-preview-error.active{
    display: flex;
    align-items: center;
    justify-content: center;
}

.mind__component-file-lightbox-content.active{
    display: block;
}

.mind__component-file-lightbox-info{
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: start;
    right: 0;
    left: 0;
    padding: 20px;
    width: 100%;
    height: 50px;
}

.mind__component-file-lightbox-header-actions{
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: end;
    right: 0;
    top: 0;
    padding: 20px;
    width: 100%;
    height: 50px;
}

.mind__component-file-lightbox-header-action{
    font-size: 24px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
}

.mind__component-file-lightbox-header-action:hover{
    background: var(--mind__theme-color-surface-150);
}


.mind__component-file-lightbox-content .mind__component-file-render{
    position: fixed;
    display: inline-grid;
    flex-wrap: wrap;
    flex: auto;
    align-items: center;
    justify-content: center;
    height: calc(100% - 50px - 50px);
    left: 10px;
    top: 50px;
    background: transparent;
    width: calc(100% - 20px);
    border: 0;
    overflow: auto;
}

.mind__component-file-lightbox-content .mind__component-file-render canvas{
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    margin: 0 10px 20px 10px;
}

.mind__component-file-lightbox-content .mind__component-file-lightbox-footer-actions{
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    height: 50px;
    padding: 0 20px;
    display: none;
    align-items: center;
    justify-content: center;
    background: var(--mind__theme-color-surface-950);
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.mind__component-file-lightbox-content .mind__component-file-lightbox-footer-actions.showing{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mind__component-file-lightbox-content .mind__component-file-lightbox-footer-actions  .mind__component-file-lightbox-footer-action{
    margin: 0 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: 0.2s;
}

.mind__component-file-lightbox-content .mind__component-file-lightbox-footer-actions:not(.disabled)  .mind__component-file-lightbox-footer-action{
    cursor: pointer;
}

.mind__component-file-lightbox-content .mind__component-file-lightbox-footer-actions:not(.disabled)  .mind__component-file-lightbox-footer-action:hover{
    background: var(--mind__theme-color-surface-900);
}

.mind__component-file-lightbox-content .mind__component-file-lightbox-footer-actions.disabled{
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.mind__component-file-lightbox-content .mind__component-file-lightbox-footer-actions [data-action="current-page"]{
    height: 35px !important;
    width: 50px !important;
    margin-right: 5px;
    margin-top: 8px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.mind__component-file-lightbox-content .mind__component-file-lightbox-footer-actions [data-action="total-pages"]{
    height: 35px !important;
    width: 50px !important;
    margin-left: 5px;
    margin-top: 8px !important;
    background: var(--mind__theme-color-surface-950) !important;
    cursor: not-allowed !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.mind__component-file-lightbox-content .mind__component-file-lightbox-footer-actions [data-action="current-zoom"]{
    height: 38px !important;
    width: 80px !important;
    margin-left: 5px;
    margin-top: 5px !important;
}

.mind__component-file-lightbox-content .mind__component-file-lightbox-footer-actions .select2-container--default .select2-selection--single .select2-selection__rendered{
    height: 35px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 32px !important;
}

.mind__component-file-lightbox-content .mind__component-file-lightbox-footer-actions .select2-container--default .select2-selection--single {
    height: 35px !important;
    line-height: 32px !important;
}

.mind__component-file-lightbox-content .mind__component-file-lightbox-footer-actions .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px !important;
}

.mind__component-file-lightbox-content .mind__component-file-lightbox-footer-actions .select2-container--default .select2-results__option {
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 8px 4px !important;
}

.mind__component-file-lightbox-content .mind__component-file-lightbox-footer-actions .select2-search {
    display: none !important;
}

.mind__component-file-lightbox-content .mind__component-file-lightbox-footer-actions .select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--above {
    width: 90px !important;
}
.mind__component-payment-donation-button-tab-container{
    display: flex;
    align-items: center;
    justify-content: start;
}

.mind__component-payment-donation-button-tab{
    display: flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 9px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid var(--mind__theme-color-surface-850);
    margin-right: 12px;
    background: transparent;
    color: #000;
    cursor: pointer;
    user-select: none;
    transition: 0.3s;
}

.mind__component-payment-donation-button-tab:not(.active) .mind__component-icon-dark{
    display: block;
}

.mind__component-payment-donation-button-tab:not(.active) .mind__component-icon-light{
    display: none;
}

.mind__component-payment-donation-button-tab:not(.active):hover{
    background: var(--mind__theme-color-surface-900);
}

.mind__component-payment-donation-button-tab.active{
    background: var(--mind__theme-color-surface-100);
    color: #fff;
    cursor: default;
}

.mind__component-payment-donation-button-tab.active .mind__component-icon-dark{
    display: none;
}

.mind__component-payment-donation-button-tab.active .mind__component-icon-light{
    display: block;
}

.mind__component-payment-donation-item{
    display: block;
    width: 100%;
    height: 72px;
    padding: 12px 0;
    border-bottom: 1px solid var(--mind__theme-color-surface-900);
}

.mind__component-payment-donation-item .mind__component-payment-donation-item-content{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mind__component-payment-donation-item .mind__component-payment-donation-item-content .mind__component-payment-charge-destination-image{
    width: 50px;
    margin-right: 10px;
}

.mind__component-payment-donation-item .mind__component-payment-donation-item-content .mind__component-payment-charge-destination-image .mind__component-payment-charge-destination-image-banner{
    width: 48px;
    height: 48px !important;
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 7px;
}

.mind__component-payment-donation-item .mind__component-payment-donation-item-content .mind__component-payment-charge-destination-name{
    width: calc(100% - 50px - 240px - 170px - 140px - 170px - 170px);
    font-weight: 500;
    font-size: 13px;
}

.mind__component-payment-donation-item .mind__component-payment-donation-item-content .mind__component-payment-charge-payment-method{
    width: 240px;
    font-weight: 400;
    font-size: 13px;
}

.mind__component-payment-donation-item .mind__component-payment-donation-item-content .mind__component-payment-charge-payment-mode{
    width: 170px;
    font-weight: 400;
    font-size: 13px;
}

.mind__component-payment-donation-item .mind__component-payment-donation-item-content .mind__component-payment-charge-amount{
    width: 140px;
    font-weight: 400;
    font-size: 13px;
}

.mind__component-payment-donation-item .mind__component-payment-donation-item-content .mind__component-payment-charge-datetime{
    width: 170px;
    font-weight: 400;
    font-size: 13px;
}

.mind__component-payment-donation-item .mind__component-payment-donation-item-content .mind__component-payment-charge-transaction-status{
    width: 170px;
    font-size: 13px !important;
}


@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');

.mind__component-cookies-backdrop{
    display: none;
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.85);
    overflow-y: hidden !important;
}

body:has(.mind__component-cookies-popup.showing) .mind__component-cookies-backdrop,
body:has(.mind__component-cookies-settings.showing) .mind__component-cookies-backdrop{
    display: block;
}


.mind__component-cookies-popup{
    display: none;
    align-items: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    height: auto;
    min-height: 100px;
    min-width: 350px;
    max-width: 500px;
    padding: 20px;
    background: white;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    font-family: Poppins, Helvetica, "sans-serif" !important;
}

.mind__component-cookies-popup .icon{
    padding-right: 30px;
}

.mind__component-cookies-popup .icon img{
    width: 80px;
}

.mind__component-cookies-popup .title{
    color: #0b0b0b;
    font-weight: 500;
    font-size: 14px;
}

.mind__component-cookies-popup .text{
    color: #0b0b0b;
    font-weight: 400;
    font-size: 12px;
}

.mind__component-cookies-popup button{
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    transition: 0.3s;
    user-select: none;
    border: none;
    padding: 6px 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

.mind__component-cookies-popup button:hover{
    opacity: 0.7;
}

.mind__component-cookies-popup button.accept{
    color: #14151F;
    background: #1AECA4;
    margin-left: 15px;
}

.mind__component-cookies-popup button.decline{
    color: #14151F;
    background: #FBF1F2;
}

.mind__component-cookies-popup button.settings{
    color: #14151F;
    background: #FBF1F2;
    margin-right: auto;
}

.mind__component-cookies-popup.showing{
    display: flex !important;
    z-index: 10001;
}


.mind__component-cookies-settings{
    display: none;
    align-items: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    height: auto;
    min-height: 400px;
    min-width: 350px;
    max-width: 500px;
    padding: 20px;
    background: white;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    font-family: Poppins, Helvetica, "sans-serif" !important;
}

.mind__component-cookies-settings .title{
    color: #0b0b0b;
    font-weight: 500;
    font-size: 14px;
}

.mind__component-cookies-settings .text{
    color: #0b0b0b;
    font-weight: 400;
    font-size: 12px;
}

.mind__component-cookies-settings .cookie-items .cookie-option{
    color: #0b0b0b;
    font-weight: 400;
    font-size: 12px;
    border-radius: 5px;
    padding: 10px 15px;
    margin-bottom: 10px;
    border: 1px solid #dedbdb;
}

.mind__component-cookies-settings .cookie-items .cookie-option .subtitle{
    color: #0b0b0b;
    font-weight: 500;
    font-size: 12px;
}

.mind__component-cookies-settings .cookie-items .cookie-option:not(:has(.description.active)) .subtitle{
    margin-bottom: 0 !important;
}

.mind__component-cookies-settings .cookie-items .cookie-option .trigger{
    display: none;
    margin-left: auto !important;
}

.mind__component-cookies-settings .cookie-items .cookie-option:not(:has(.description.active)) .trigger.show{
    display: block;
    cursor: pointer;
    text-decoration: underline;
    color: #14151F;
    float: right;
}

.mind__component-cookies-settings .cookie-items .cookie-option:has(.description.active) .trigger.hide{
    display: block;
    cursor: pointer;
    text-decoration: underline;
    color: #14151F;
    float: right;
}

.mind__component-cookies-settings .cookie-items .cookie-option .description{
    display: none;
    color: #0b0b0b;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 0;
}

.mind__component-cookies-settings .cookie-items .cookie-option .description .notes{
    color: #707070;
    font-weight: 400;
    font-size: 11px;
}

.mind__component-cookies-settings .cookie-items .cookie-option .description.active{
    display: block;
}

.mind__component-cookies-settings button{
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    transition: 0.3s;
    user-select: none;
    border: none;
    padding: 6px 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

.mind__component-cookies-settings a{
    color: #00ab6c !important;
    font-weight: 500 !important;
}

.mind__component-cookies-settings button:hover{
    opacity: 0.7;
}

.mind__component-cookies-settings button.save{
    color: #14151F;
    background: #1AECA4;
}

.mind__component-cookies-settings button.back{
    color: #14151F;
    font-weight: 500;
    background: #FBF1F2;
    margin-right: auto;
}

.mind__component-cookies-settings.showing{
    display: block;
    z-index: 10001;
}


.cookie-checkbox{
    margin-left: 15px !important;
    display: inline-block;
    min-height: 22px;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    padding-left: 0px;
}

.cookie-checkbox > label {
    padding-left: 29px !important;
    min-height: 22px;
    line-height: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.cookie-checkbox > input:first-child {
    position: absolute !important;
    opacity: 0;
    margin: 0;
}

.cookie-checkbox > input:first-child:disabled {
    cursor: default;
}

.cookie-checkbox > input:first-child + label::before,
.cookie-checkbox > input:first-child + input[type="hidden"] + label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 22px;
    height: 22px;
    border: 2px solid #b6b4c0 !important;
    border-radius: 3px;
    transition: 0.2s;
    margin-left: -29px;
}

.cookie-checkbox > input:first-child:checked + label::after,
.cookie-checkbox > input:first-child:checked + input[type="hidden"] + label::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 10px;
    border: 2px solid #14151F;
    border-left: none;
    border-top: none;
    transform: translate(7.75px, 4.5px) rotate(45deg);
    -ms-transform: translate(7.75px, 4.5px) rotate(45deg);
}


.cookie-checkbox > input[type="radio"]:first-child + label::before,
.cookie-checkbox > input[type="radio"]:first-child + input[type="hidden"] + label::before {
    border: 2px solid #4E4B66 !important;
    border-radius: 2px !important;
}

.cookie-checkbox > input:first-child:not(:checked):not(:disabled):hover + label::before,
.cookie-checkbox > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-width: 2px;
}

.cookie-checkbox > input:first-child:disabled + label,
.cookie-checkbox > input:first-child:disabled + input[type="hidden"] + label,
.cookie-checkbox > input:first-child:disabled + label::before,
.cookie-checkbox > input:first-child:disabled + input[type="hidden"] + label::before {
    pointer-events: none;
    cursor: default;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.cookie-checkbox > input:first-child:checked + label::before {
    background-color: #1AECA4 !important;
}

.cookie-checkbox > input:first-child:checked + label::before,
.cookie-checkbox > input:first-child:checked + input[type="hidden"] + label::before {
    border: 2px solid #4E4B66 !important;
}



.cookie-checkbox > input:first-child:checked:disabled + label::before {
    background-color: #1AECA4 !important;
    opacity: 0.3;
}

.cookie-checkbox > input:first-child:checked:disabled + label::before,
.cookie-checkbox > input:first-child:checked:disabled + input[type="hidden"] + label::before {
    border: 2px solid #1AECA4 !important;
    opacity: 0.3;
}
#form-payment-checkout-donation .mind__theme-button[disabled]{
    opacity: 0.3 !important;
    cursor: not-allowed !important;
}

.mind__component-payment-checkout-currency-custom-amount-input{
    position: absolute;
    top: 12px;
    left: 18px;
    font-style: normal;
    font-weight: var(--mind__theme-font-weight-medium);
    line-height: 24px;
    outline: none;
    color: var(--mind__theme-color-surface-200);
}

.mind__component-payment-checkout-resume-banner{
    border-radius: 4px;
    min-width: 48px;
    width: auto;
    height: 48px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.mind__component-payment-checkout-resume-amount-pending, .mind__component-payment-checkout-resume-amount{
    font-size: 18px;
    font-weight: 600;
    color: var(--mind__theme-color-green-normal);
    display: none;
    align-items: center;
    justify-content: start;
    min-height: 50px;
    height: auto;
    max-height: 80px;
}

.mind__component-payment-checkout-resume-amount-pending.active, .mind__component-payment-checkout-resume-amount.active{
    display: flex;
}

.mind__component-payment-checkout-amount-option:not(.disabled):not(.active):hover,
.mind__component-payment-checkout-mode-option:not(.disabled):not(.active):hover,
.mind__component-payment-checkout-card-option:not(.disabled):not(.active):hover,
.mind__component-payment-checkout-method-option:not(.disabled):not(.active):hover{
    background-color: var(--mind__theme-color-surface-900);
}

.mind__component-payment-checkout-amount-option.active,
.mind__component-payment-checkout-mode-option.active,
.mind__component-payment-checkout-card-option.active,
.mind__component-payment-checkout-method-option.active{
    color:#fff !important;
    background-color: var(--mind__theme-color-surface-0);
}

.mind__component-payment-checkout-card-option.hidden{
    display: none !important;
}

.mind__component-payment-checkout-amount-option, .mind__component-payment-checkout-mode-option, .mind__component-payment-checkout-card-option, .mind__component-payment-checkout-method-option{
    background-color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    width: auto;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: .3s;
    margin-bottom: 10px;
    color: #52557A;
    border: 1px solid #E0E1EB;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.mind__component-payment-checkout-amount-option:not(:last-of-type), .mind__component-payment-checkout-mode-option:not(:last-of-type), .mind__component-payment-checkout-card-option:not(:last-of-type){
    margin-right: 12px;
}

.mind__component-payment-checkout-extra-info{
    padding: 20px 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #E0E1EB;
    margin-bottom: 15px;
}


.mind__component-credit-card-interactive .mind__theme-input-general{
    width: 100% !important;
}


.mind__component-payment-checkout-submit-progress{
    background-image: linear-gradient(to right, var(--mind__theme-color-green-normal) 0%, #00ffa7 0%);
    background-repeat: no-repeat;
    background-size: 0% 100%;
}


/*======================================================================================================================
 Campaign page
======================================================================================================================*/
body:has(.mind__component-campaign-top-section) .mind__theme-layout-panel-content {
    top: calc(75px + 590px + 75px); /* header + top + navbar */
    min-height: calc(100vh - 75px - 590px - 75px);
    padding-top: var(--mind__theme-space-lg) !important;
}

.mind__component-campaign-top-section{
    height: 590px;
    padding-top: 10px;
}

.mind__component-campaign-top-grid{
    margin-bottom: 0 !important;
    height: 500px;
    color:  #fff;
    background: var(--mind__theme-color-surface-150);
}

.mind__component-campaign-top-grid.mind__component-campaign-top-grid-banner{
    border-top-left-radius: var(--mind__theme-border-radius-card);
    border-bottom-left-radius: var(--mind__theme-border-radius-card);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.mind__component-campaign-top-grid.mind__component-campaign-top-grid-shortcuts{
    border-top-right-radius: var(--mind__theme-border-radius-card);
    border-bottom-right-radius: var(--mind__theme-border-radius-card);
    padding: 64px;
}

/* Campaign progress bar */
.mind__component-campaign-target-progress{
    height: 10px;
    width: 100%;
    background: var(--mind__theme-color-surface-200);
    border-radius: 20px;
}

.mind__component-campaign-target-progress .mind__component-campaign-target-progress-bar{
    height: 10px;
    background: var(--mind__theme-color-green-light);
    border-radius: 20px;
}

.mind__component-campaign-target-progress .mind__component-campaign-target-progress-bar:not(.completed){
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Section navbar */
.mind__component-campaign-section-navbar{
    width: 100%;
    top: calc(75px + 590px);
    position: absolute;
    min-height: 70px;
    border-bottom: 1px solid var(--mind__theme-color-surface-900);
}

.mind__component-campaign-section-navbar-content{
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 70px;
    max-width: 1360px!important;
    padding: 0 20px;
    margin: 0 auto;
}

@media (max-width: 1399.98px) {
    .mind__component-campaign-section-navbar-content{
        padding: 0 50px;
    }
}

.mind__component-campaign-section-navbar-option{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 500;
    color: var(--mind__theme-color-surface-500) !important;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    position: relative;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.mind__component-campaign-section-navbar-option:first-of-type{
    margin-left: 0 !important;
}

.mind__component-campaign-section-navbar-option:last-of-type{
    margin-right: 0 !important;
}

.mind__component-campaign-section-navbar-option.active{
    border-bottom: 3px solid var(--mind__theme-color-green-normal) !important;
    color: var(--mind__theme-color-green-normal) !important;
    cursor: default;
}

.mind__component-campaign-section-navbar-option-badge{
    position: absolute;
    top: 18px;
    right: -12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    border-radius: 2px;
    font-size: 9px;
    font-weight: 500;
    color: var(--mind__theme-color-surface-800);
    background: transparent;
}

.mind__component-campaign-section-navbar-option.active .mind__component-campaign-section-navbar-option-badge{
    color: var(--mind__theme-color-green-normal);
    /*background: rgba(26, 236, 164, 0.15);*/
    background: transparent;
}


@media (min-width: 768px) {
    .mind__component-campaign-section-navbar-option{
        width: auto !important;
    }
}

/* Campaign navbar and tabs  */
.mind__component-campaign-tab{
    display: none;
    margin: 0 -10px;
}
.mind__component-campaign-tab.active{
    display: block;
}


/* Campaign donors and volunteers  */
.mind__component-campaign-profiles-list{
    display: flex;
    margin-left: 15px;
    align-items: center;
}

.mind__component-campaign-profiles-avatar{
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}

.mind__component-campaign-profiles-anonymous{
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    color: var(--mind__theme-color-surface-600);
    background: var(--mind__theme-color-surface-850);
}

.mind__component-campaign-profiles-extra{
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    color: var(--mind__theme-color-surface-500);
    background: var(--mind__theme-color-surface-900);
}

.mind__component-campaign-profiles-avatar, .mind__component-campaign-profiles-anonymous, .mind__component-campaign-profiles-extra{
    transition: 0.3s;
}

.mind__component-campaign-profiles-avatar:hover, .mind__component-campaign-profiles-anonymous:hover, .mind__component-campaign-profiles-extra:hover{
    /*margin-top: -10px;*/
}

.mind__component-campaign-profiles-list .mind__component-campaign-profiles-avatar, .mind__component-campaign-profiles-anonymous, .mind__component-campaign-profiles-extra{
    margin-left: -15px;
}

.mind__component-campaign-profile-resume{
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    width: 100%;
}

.mind__component-campaign-profile-resume .mind__component-campaign-profile-resume-info{
    width: calc(100% - 24px - 104px); /* 100% - cardPadding - avatar */
    padding-left: 24px;
}

.mind__component-campaign-profile-resume[href]{
    cursor: pointer;
    transition: 0.2s;
}

.mind__component-campaign-profile-resume[href]:hover{
    background: var(--mind__theme-color-surface-900);
}


/* Campaign items */
.mind__component-campaign-about-items{
    width: calc(100% - 50px);
    border-bottom: 1px dashed var(--mind__theme-color-surface-800);
    height: 40px;
    margin-bottom: 15px;
}


/* Campaign transparency */
.mind__component-campaign-transparency-file{
    border-radius: 12px;
    display: flex;
    align-items: center;
    border: 2px solid var(--mind__theme-color-surface-850);
    padding: 16px;
    height: 100%;
}

.mind__component-campaign-transparency-file img{
    width: 30px;
}

/*======================================================================================================================
 Campaigns (cards)
======================================================================================================================*/
.mind__component-campaign-card{
    position: relative;
    height: 270px;
    width: 100%;
    margin-bottom: 100px;
    border-radius: var(--mind__theme-border-radius-card);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: var(--mind__theme-box-shadow-card);
}

@media (max-width: 1399px) {
    .mind__component-campaign-card{
        height: 210px;
    }
}

.mind__component-campaign-card.mind__component-campaign-status-expired{
    opacity: 0.25;
    transition: 1s
}

.mind__component-campaign-card.mind__component-campaign-status-expired:hover{
    opacity: 1;
}

.mind__component-campaign-card.mind__component-campaign-status-waiting_for_start .mind__component-campaign-card-banner-overlay{
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% + 3px);
    height: calc(100% + 3px);
    border-radius: 10px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(4px);
    z-index: 0;
}


.mind__component-campaign-card:not(.mind__component-campaign-status-waiting_for_start) .mind__component-campaign-card-banner-overlay {
    position: absolute;
    right: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    padding: 2px;
    background: linear-gradient(180deg, rgba(10, 11, 15, 0.5) 0%, rgba(10, 11, 15, 0) 33.09%);
    z-index: 0;
}

.mind__component-campaign-card .mind__component-campaign-card-badges{
    position: absolute;
    top: 16px;
    left: 16px;
    display: flex;
    align-items: center;
}

.mind__component-campaign-card .mind__component-campaign-card-badges .mind__component-campaign-card-badge{
    margin-right: 10px;
}

.mind__component-campaign-card-info{
    position: absolute;
    width: 100%;
    bottom: -60px;
}

.mind__component-campaign-card .mind__component-campaign-card-owner-logo{
    position: absolute;
    top: -45px;
    right: 16px;
    border-radius: 50%;
    padding: 2px;
    background: var(--mind__theme-bg-color-panel-body);
}


body.mind__theme-bg-auth{
    background-image: url("/assets/img/backgrounds/bg-auth.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}

@media screen and (max-width: 1500px) {
    body.theme-bg-auth{
        background-repeat: repeat;
    }
}

.mind__theme-layout-auth-header{
    position: relative;
    height: 100px;
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mind__theme-layout-auth-header .logo{
    width: 110px;
}

.mind__theme-layout-auth-body{
    position: relative;
    min-height: calc(100vh - 180px);
    width: 100%;
    left: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}

.mind__theme-layout-auth-footer{
    position: relative;
    bottom: 0;
    height: 80px;
    width: 100%;
    left: 0;
    margin: 0;
    margin-top: auto !important;
    border-top: 1px solid var(--mind__theme-color-surface-300);
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mind__component-auth-form-loading{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999 !important;
    border-radius: 12px;
    background-color: rgba(21, 23, 35, 0.5);
    transition: 0.2s;
}

.mind__loading-recaptcha .mind__component-auth-form-loading{
    display: flex !important;
}

.mind__component-general-password-requirements{
    border: 2px solid var(--mind__theme-color-surface-300) !important;
}



/*======================================================================================================================
 Select2
======================================================================================================================*/
body[data-body-layout="auth"] .mind__component-select2{
    background: var(--mind__theme-color-surface-100) !important;
    border: 1px solid var(--mind__theme-color-surface-900) !important;
    color: var(--mind__theme-color-surface-200) !important;
    height: 48px !important;
}

body[data-body-layout="auth"] .select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below::-webkit-scrollbar {
    width: 10px !important;;
    height: 10px !important;;
}

body[data-body-layout="auth"] .select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below::-webkit-scrollbar-track {
    background-color: #292B3D !important;;
    border-radius: 0 !important;;
}

body[data-body-layout="auth"] .select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below::-webkit-scrollbar {
    width: 5px !important;;
    height: 5px !important;;
}

body[data-body-layout="auth"] .mind__component-select2 ~ .select2-container--default .select2-selection--single {
    border: 1px solid var(--mind__theme-color-surface-150) !important;
    border-radius: 6px !important;
    line-height: 48px !important;
    height: 48px !important;
}

body[data-body-layout="auth"] .mind__component-select2 ~ .select2-container--default .select2-selection--single .select2-selection__rendered{
    border: 1px solid var(--mind__theme-color-surface-150) !important;
    background: var(--mind__theme-color-surface-100) !important;
    color: var(--mind__theme-color-surface-900) !important;
    border-radius: 3px !important;
    line-height: 44px !important;
    height: 46px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

body[data-body-layout="auth"] .mind__component-select2 ~ .select2-container--default .select2-selection--single[aria-expanded=true]{
    border: 1px solid var(--mind__theme-color-green-hover) !important;
}

body[data-body-layout="auth"] .mind__component-select2 ~ .select2-container--default .select2-selection--single[aria-expanded=true] .select2-selection__rendered{
    border-radius: 6px !important;
    border: 1px solid var(--mind__theme-color-green-hover) !important;
}

body[data-body-layout="auth"] .mind__component-select2::-webkit-scrollbar-thumb {
    background-color: #1AECA4 !important;
    border-radius: 20px !important;
    border: 2px solid #292B3D !important;
}


body[data-body-layout="auth"] .select2-dropdown{
    background: var(--mind__theme-color-surface-100) !important;
    border: 1px solid var(--mind__theme-color-green-hover) !important;
}

body[data-body-layout="auth"] .select2-search__field{
    border: 2px solid var(--mind__theme-color-surface-150) !important;
    background: var(--mind__theme-color-surface-100) !important;
    color: var(--mind__theme-color-surface-900) !important;
}

body[data-body-layout="auth"] .select2-results__options{
    color: var(--mind__theme-color-surface-900) !important;
}

body[data-body-layout="auth"] .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color: transparent transparent var(--mind__theme-color-surface-900) transparent !important;
}

/*======================================================================================================================
 Password meter score
======================================================================================================================*/
.password-score-meter .password-score-meter-strength .strength-1,
.password-score-meter .password-score-meter-strength .strength-2,
.password-score-meter .password-score-meter-strength .strength-3,
.password-score-meter .password-score-meter-strength .strength-4{
    background: var(--mind__theme-color-surface-300) !important;
}

.password-score-meter .password-score-meter-message{
    color: var(--mind__theme-color-surface-950) !important;
}

.mind__component-general-password-requirements{
    border: 2px solid var(--mind__theme-color-surface-300) !important;
}

.mind__component-general-password-requirements span{
    color: var(--mind__theme-color-surface-1000);
}

.password-score-meter .password-score-meter-strength[data-strength-result="1"] .strength-1
{
    background: rgba(255, 0, 0, 0.5) !important;
}

.password-score-meter .password-score-meter-strength[data-strength-result="2"] .strength-1,
.password-score-meter .password-score-meter-strength[data-strength-result="2"] .strength-2
{
    background: rgba(255, 165, 0, 0.7) !important;
}

.password-score-meter .password-score-meter-strength[data-strength-result="3"] .strength-1,
.password-score-meter .password-score-meter-strength[data-strength-result="3"] .strength-2,
.password-score-meter .password-score-meter-strength[data-strength-result="3"] .strength-3
{
    background: rgba(152, 176, 44, 0.9) !important;
}

.password-score-meter .password-score-meter-strength[data-strength-result="4"] .strength-1,
.password-score-meter .password-score-meter-strength[data-strength-result="4"] .strength-2,
.password-score-meter .password-score-meter-strength[data-strength-result="4"] .strength-3,
.password-score-meter .password-score-meter-strength[data-strength-result="4"] .strength-4
{
    background: rgba(38, 161, 38, 0.9) !important;
}