:root {
    --white: #FFFFFF;
    --primary-25: #E0EDFF;
    --primary-50: #C2DAFF;
    --primary-100: #85B6FF;
    --primary-200: #4D94FF;
    --primary-300: #0F6FFF;
    --primary-400: #0054D1;
    --primary-500: #0043A8;
    --primary-600: #003380;
    --primary-700: #002152;
    --primary-800: #001029;
    --primary-900: #000814;
    --yellow-25: #FFFCF0;
    --yellow-50: #FFF8E0;
    --yellow-100: #FFF2C2;
    --yellow-200: #FFEBA3;
    --yellow-300: #FFE27A;
    --yellow-400: #FFD954;
    --yellow-500: #F5C000;
    --yellow-600: #D6A800;
    --yellow-700: #B38C00;
    --yellow-800: #806400;
    --yellow-900: #5C4800;
    --grey-25: #FCFCFC;
    --grey-50: #FAFAFA;
    --grey-100: #F5F5F5;
    --grey-200: #E5E5E5;
    --grey-300: #D6D6D6;
    --grey-400: #A3A3A3;
    --grey-500: #737373;
    --grey-600: #525252;
    --grey-700: #424242;
    --grey-800: #292929;
    --grey-900: #141414;
    --error-25: #FFFBFA;
    --error-50: #FEF3F2;
    --error-100: #FEE4E2;
    --error-300: #FDA29B;
    --error-500: #F04438;
    --error-600: #D92D20;
    --error-700: #B42318;
}

*, ::after, ::before {
    box-sizing: border-box;
}

html {
    position: relative;
    min-height: 100%;
    font-size: 14px;
}

body {
    background: var(--grey-25);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-style: normal;
    color: var(--grey-900);
}

/* #region Common */
small {
    font-size: 11px;
}

h1 {
    display: block;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 20px;
}

    h1 + .subtitle {
        display: block;
        margin-top: -16px;
        color: var(--grey-500);
        text-transform: uppercase;
        margin-bottom: 20px;
    }

b {
    font-weight: 700;
}

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

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

.padding-0 {
    padding: 0;
}

.no-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.text-green {
    color: green;
}

.text-red {
    color: red;
}

/* #endregion */

/* #region Header */
.header-wrapper {
    background: var(--white);
    position: relative;
    z-index: 50;
    border-bottom: 1px solid var(--grey-100);
}

header {
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    header .logo {
        flex: 0 1 auto;
    }

    header nav {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    header .user-profile {
        flex: 0 1 auto;
        background: var(--grey-800);
        min-width: 32px;
        height: 32px;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--white);
        font-weight: 500;
        font-size: 12px;
        padding: 0px 6px;
    }

        header .user-profile a {
            color: var(--white);
            text-decoration: none;
        }
/* #endregion */

/* #region Page header */
.page-header-wrapper {
    margin-top: 20px;
}

    .page-header-wrapper .title-wrapper {
        display: flex;
    }

    .page-header-wrapper .actions {
        margin-left: auto;
    }

.selected-customer-wrapper {
    margin: 20px 0px 0px 0px;
    background: var(--yellow-300);
    display: flex;
    align-items: center;
    border-radius: 4px;
}

    .selected-customer-wrapper .selected-customer-mode {
        background: var(--yellow-400);
        padding: 8px 16px;
        font-weight: 500;
        border-start-start-radius: 5px;
        border-end-start-radius: 5px;
    }

    .selected-customer-wrapper .selected-customer-info {
        padding: 8px 16px;
    }

    .selected-customer-wrapper .selected-customer-actions {
        margin-left: auto;
        margin-right: 16px;
    }



.breadcrumb-wrapper {
    margin: 20px 0px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}

    .breadcrumb-wrapper a {
        display: block;
        height: auto;
        color: var(--grey-700);
        text-decoration: none;
        font-weight: 500;
    }

.title-wrapper h1 {
    margin-bottom: 30px;
}

    .title-wrapper h1 + .subtitle {
        margin-top: -26px;
        margin-bottom: 30px;
    }

/* #endregion */

/* #region Main navigation */
nav.main-navigation ul {
    display: flex;
    align-items: center;
    gap: 8px;
}

    nav.main-navigation ul li {
        position: relative;
    }

        nav.main-navigation ul li a {
            padding: 8px;
        }

        nav.main-navigation ul li.active a {
            background: var(--grey-100);
            padding: 8px;
            border-radius: 4px;
            font-weight: 500;
        }

        nav.main-navigation ul li:hover a {
            background: var(--grey-100);
            border-radius: 4px;
        }

        nav.main-navigation ul li a {
            color: var(--grey-900);
            text-decoration: none;
        }

        nav.main-navigation ul li .dropdown-menu {
            visibility: hidden;
            position: absolute;
            top: 100%;
            left: 50%;
            background: var(--grey-50);
            list-style-type: none;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
            border-radius: 4px;
            transform: scale(0.8) translate(-60%, 10px);
            opacity: 0;
            transition: transform 0.3s ease, opacity 0.3s ease;
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
            width: 576px;
            z-index: 50;
            flex-direction: row;
        }

            nav.main-navigation ul li .dropdown-menu.open {
                display: flex;
                visibility: visible;
                transform: scale(1) translate(-50%, 10px);
                opacity: 1;
            }


            nav.main-navigation ul li .dropdown-menu .primary-items {
                flex-grow: 1;
            }

                nav.main-navigation ul li .dropdown-menu .primary-items ul {
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                    align-items: flex-start;
                    padding: 10px;
                }

                    nav.main-navigation ul li .dropdown-menu .primary-items ul li {
                        width: 100%;
                    }

                    nav.main-navigation ul li .dropdown-menu .primary-items ul a {
                        background: none;
                        display: block;
                        padding: 10px;
                    }

                        nav.main-navigation ul li .dropdown-menu .primary-items ul a:hover {
                            background: var(--grey-100);
                        }

                nav.main-navigation ul li .dropdown-menu .primary-items .name {
                    display: block;
                    font-weight: 500;
                }

                nav.main-navigation ul li .dropdown-menu .primary-items .description {
                    color: var(--grey-500);
                    font-weight: 400;
                }


            nav.main-navigation ul li .dropdown-menu .secondary-items {
                background: var(--grey-100);
                border-start-end-radius: 5px;
                border-end-end-radius: 5px;
                min-width: 175px;
                border-left: 1px solid var(--grey-200);
            }

                nav.main-navigation ul li .dropdown-menu .secondary-items ul {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    padding: 10px;
                    gap: 0px;
                }

                    nav.main-navigation ul li .dropdown-menu .secondary-items ul li {
                        width: 100%;
                    }

                nav.main-navigation ul li .dropdown-menu .secondary-items a {
                    display: block;
                    background: none;
                    padding: 6px 10px;
                    font-weight: 400;
                }


                    nav.main-navigation ul li .dropdown-menu .secondary-items a:hover {
                        background: var(--grey-200);
                    }

.main-navigation-overlay {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #00000070;
    z-index: 10;
    transition: transform 0.3s ease;
}

    .main-navigation-overlay.open {
        display: block;
    }
/* #endregion */

/* #region Cards */
.card {
    background: var(--white);
    border: 1px solid var(--grey-200);
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 20px;
}

    .card.mb-0 {
        margin-bottom: 0px;
    }

    .card.grey {
        background: var(--grey-50);
    }

.card-title-wrapper {
    padding-bottom: 10px;
}

    .card-title-wrapper .title {
        font-weight: 500;
        font-size: 18px;
        line-height: 28px;
        color: var(--text-700);
    }
/* #region Search card*/
.search-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    padding: 12px;
}

    .search-card i {
        color: var(--grey-500);
    }

    .search-card .action-wrapper {
        margin-left: auto;
    }
/* #endregion */

/* #region Details card */
.details-grid-card {
    padding: 0;
}

    .details-grid-card > .row {
        margin: 0;
    }

    .details-grid-card .col-xl-4 {
        border-right: 1px solid var(--grey-200);
    }

    .details-grid-card .details-wrapper {
        position: relative;
        width: 100%;
        padding: 20px;
        border-bottom: 1px solid var(--grey-200);
        border-right: none;
    }

        .details-grid-card .details-wrapper:last-of-type {
            border-bottom: none;
        }

        .details-grid-card .details-wrapper .details-title {
            font-weight: 500;
            display: block;
            margin-bottom: 5px;
        }

        .details-grid-card .details-wrapper .details-subtitle {
            display: block;
            margin-bottom: 10px;
            color: var(--grey-700);
            font-size: 12px;
        }

.details-table {
    width: 100%;
}

    .details-table td {
        padding-bottom: 4px;
    }

    .details-table tr:last-of-type td {
        padding-bottom: 0;
    }

    .details-table td:first-of-type {
        color: var(--grey-500);
        padding-right: 16px;
        white-space: nowrap;
    }

    .details-table td:last-of-type {
        width: 100%;
        word-break: break-all;
    }

    .details-table td.td-title {
        color: var(--grey-900);
        font-weight: 500;
    }

@media (min-width: 1200px) {
    .details-grid-card .details-wrapper {
        border-right: 1px solid var(--grey-200);
        border-bottom: none;
    }

        .details-grid-card .details-wrapper:last-of-type {
            border-right: none;
        }
}
/* #endregion */

/* #endregion */

/* #region Forms, inputs and buttons */
.form-group {
}

    .form-group label {
        display: block;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: var(--grey-700);
        margin-bottom: 4px;
        cursor: pointer;
    }

    .form-group .text-danger {
        display: block;
        margin-top: 4px;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: var(--error-500);
    }

        .form-group .text-danger:empty {
            margin-top: 0px;
        }

.ned-input {
    border: 1px solid var(--grey-200);
    border-radius: 4px;
    padding: 12px;
    width: 100%;
    font-size: 14px;
}

    .ned-input.sm {
        font-size: 12px;
        padding: 4px;
    }

input:is(:-webkit-autofill, :autofill) {
    background: var(--primary-600);
}

.btn {
    border: none;
    padding: 12px;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
}

    .btn.primary {
        color: var(--white);
        background: var(--primary-400);
    }

/* #region ned-checkbox */
.form-group.checkbox .checkbox-container {
    position: relative;
    display: flex;
    align-items: top;
    gap: 8px;
    margin-bottom: 0;
}

    .form-group.checkbox .checkbox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .form-group.checkbox .checkbox-container .hint {
        font-weight: 400;
        color: var(--grey-600);
    }

    .form-group.checkbox .checkbox-container .ned-checkbox {
        position: relative;
        height: 16px;
        width: 16px;
        border: 1px solid var(--grey-300);
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2px;
        flex-shrink: 0;
    }

        .form-group.checkbox .checkbox-container .ned-checkbox::after {
            display: none;
            content: "";
            height: 16px;
            width: 16px;
        }

    .form-group.checkbox .checkbox-container input:checked ~ .ned-checkbox::after {
        display: block;
        font-family: "Font Awesome 6 Free";
        content: "\f00c";
        font-weight: 900;
        font-size: 13px;
        color: var(--primary-500);
        position: absolute;
        top: -2px;
        left: 1px;
        /*-webkit-mask-image: url(/assets/icons/check-primary.svg);
        -webkit-mask-repeat: no-repeat;
        mask-image: url(/assets/icons/check-primary.svg);
        mask-repeat: no-repeat;
        mask-position: 50% 50%;
        background: var(--primary-600);*/
    }

    .form-group.checkbox .checkbox-container input:disabled ~ .ned-checkbox {
        background: var(--grey-100);
    }

    .form-group.checkbox .checkbox-container input:checked ~ .ned-checkbox {
        background: var(--primary-100);
        border: 1px solid var(--primary-600);
    }

    .form-group.checkbox .checkbox-container input:focus ~ .ned-checkbox {
        outline-color: var(--primary-200);
        outline: 2px solid var(--primary-200);
        outline-style: auto;
    }

.form-group.checkbox:hover .checkbox-container .ned-checkbox {
    background: var(--primary-100);
    border: 1px solid var(--grey-600);
}

/* #endregion */

/* #endregion */

/* #region DataTable */
/* #region Card and wrapper */
.table-card {
    padding: 0;
    position: relative;
}

    .table-card .card-title-wrapper {
        padding: 13px 10px 12px 10px;
    }

    .table-card .title {
        font-weight: 500;
        font-size: 18px;
        line-height: 28px;
        color: var(--text-700);
    }

.table-wrapper {
    overflow-x: auto;
}

    .table-wrapper::-webkit-scrollbar {
        width: 12px;
    }

    .table-wrapper::-webkit-scrollbar-track {
        background: none;
    }

    .table-wrapper::-webkit-scrollbar-thumb {
        background-color: var(--grey-300);
        border-radius: 4px;
        border: 3px solid #FFFFFFFF;
    }

.table-card.card-no-title .table-wrapper {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.table-wrapper .action-wrapper {
    display: flex;
    justify-content: flex-end;
}

    .table-wrapper .action-wrapper.gap-12 {
        gap: 12px;
    }

    .table-wrapper .action-wrapper .action {
        /*border: 1px solid var(--grey-200);*/
        height: 40px;
        width: 40px;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .table-wrapper .action-wrapper .action:hover {
            background: var(--grey-200);
            cursor: pointer;
        }

        .table-wrapper .action-wrapper .action .icon {
            background: var(--grey-700);
            height: 40px;
            width: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

.table-wrapper .icon-wrapper {
    height: 40px;
    width: 40px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .table-wrapper .icon-wrapper .icon {
        background: var(--grey-700);
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
/* #endregion */

/* #region Table head */
table.dataTable > thead > tr > th {
    border-top: 1px solid var(--grey-200);
    border-bottom: 1px solid var(--grey-200);
    background: var(--grey-50);
    padding: 8px;
}

.table-card.card-no-title table.dataTable > thead > tr > th {
    border-top: none;
}

    .table-card.card-no-title table.dataTable > thead > tr > th:first-child {
        border-top-left-radius: 4px;
    }

    .table-card.card-no-title table.dataTable > thead > tr > th:last-child {
        border-top-right-radius: 4px;
    }

table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > td.dt-orderable-asc, table.dataTable thead > tr > td.dt-orderable-desc {
    cursor: pointer;
}

    table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover {
        background: var(--grey-200);
        outline: none;
    }

table.dataTable thead th .dt-column-title {
    font-weight: 500;
    color: var(--text-700);
    font-size: 12px;
    line-height: 18px;
}


table.dataTable thead th .subheader {
    display: block;
    font-weight: 400;
    font-style: italic;
}


/* #endregion */

/* #region Table rows */
table.dataTable > tbody > tr > td {
    padding: 8px;
    background: var(--white);
    border-bottom: 1px solid var(--grey-200);
    vertical-align: middle;
    color: var(--text-600);
}

    table.dataTable > tbody > tr > td.table-title {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
    }

    table.dataTable > tbody > tr > td .table-icon-wrapper {
        background: var(--primary-100);
        border-radius: 28px;
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

        table.dataTable > tbody > tr > td .table-icon-wrapper .icon {
            background: var(--primary-600);
            height: 40px;
            width: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-shrink: 0;
        }

table.dataTable > tbody > tr:hover > td {
    background: var(--grey-50);
}

div.dt-container.dt-empty-footer tbody > tr:last-child > * {
    border-bottom: 1px solid var(--grey-200);
}


div.dt-container:not(:has(.bottom-wrapper)) table.dataTable tbody tr:last-child td:first-child {
    border-bottom-left-radius: 4px;
}

div.dt-container:not(:has(.bottom-wrapper)) table.dataTable tbody tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}

div.dt-container:not(:has(.bottom-wrapper)) table.dataTable tbody tr:last-child td {
    border-bottom: 0px;
}

div.dt-container:has(table.dataTable) .bottom-wrapper {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

table.dataTable.round-bottom tbody tr:last-child td:first-child {
    border-bottom-left-radius: 4px;
}

table.dataTable.round-bottom tbody tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}

table.dataTable.round-bottom tbody tr:last-child td {
    border-bottom: 0px;
}

.highlight > td {
    background: var(--primary-25) !important;
}

/* #endregion */

/* #region Tabble bottom wrapper */
.dt-container .bottom-wrapper {
    background: var(--white);
    padding: 16px;
}

    .dt-container .bottom-wrapper .dt-paging {
        display: flex;
        justify-content: center;
        gap: 2px;
    }

        div.dt-container .dt-paging .dt-paging-button, .dt-container .bottom-wrapper .dt-paging .ellipsis {
            all: unset;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px;
            min-width: 36px;
            font-weight: 500;
            font-size: 14px;
            line-height: 20px;
            color: var(--text-600) !important;
            cursor: pointer;
            border-radius: 8px;
            cursor: pointer;
            border: none;
            padding: 0px 4px;
        }

            div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
                border: none;
                color: var(--text-600) !important;
                cursor: default;
            }

            div.dt-container .dt-paging .dt-paging-button:active {
                outline: none;
                background: var(--grey-100) !important;
                box-shadow: none;
            }

            div.dt-container .dt-paging .dt-paging-button:hover {
                border: none;
                background: var(--grey-100) !important;
                color: var(--text-600) !important;
            }

            div.dt-container .dt-paging .dt-paging-button:focus {
                outline: 2px solid var(--grey-200);
            }

        .dt-container .bottom-wrapper .dt-paging .dt-paging-button.current {
            background: var(--grey-100);
            color: var(--text-600) !important;
        }

        .dt-container .bottom-wrapper .dt-paging .dt-paging-button.previous {
            margin-right: auto;
            white-space: nowrap;
            width: auto;
            border: 1px solid var(--grey-300);
            border-radius: 8px;
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            color: var(--text-700) !important;
            padding: 8px 14px;
            height: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

            .dt-container .bottom-wrapper .dt-paging .dt-paging-button.previous::before {
                font-family: "Font Awesome 6 Free";
                font-weight: 900;
                content: "\f060";
            }

        .dt-container .bottom-wrapper .dt-paging .dt-paging-button.next {
            margin-left: auto;
            white-space: nowrap;
            width: auto;
            border: 1px solid var(--grey-300);
            border-radius: 8px;
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            color: var(--text-700) !important;
            padding: 8px 14px;
            height: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }


            .dt-container .bottom-wrapper .dt-paging .dt-paging-button.next::after {
                font-family: "Font Awesome 6 Free";
                font-weight: 900;
                content: "\f061";
            }

div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
    cursor: default;
    opacity: 0.3;
    background: none !important;
    color: var(--text-700) !important;
    border: 1px solid var(--grey-300);
}


@media (max-width: 991px) {
    .dt-container .bottom-wrapper .dt-paging .dt-paging-button {
        display: none;
    }

    .dt-container .bottom-wrapper .dt-paging .ellipsis {
        display: none;
    }

    .dt-container .bottom-wrapper .dt-paging .dt-paging-button:first-child {
        display: flex;
    }

    .dt-container .bottom-wrapper .dt-paging .dt-paging-button.current {
        display: flex;
    }

    .dt-container .bottom-wrapper .dt-paging .dt-paging-button:last-child {
        display: flex;
    }
}
/* #endregion */

/* #region Searching */
.dt-container .dt-search {
    position: absolute;
    top: -43px;
    right: 10px;
}

    .dt-container .dt-search label {
        display: none;
    }

div.dt-container .dt-search input {
    background: var(--white);
    border: 1px solid var(--grey-200);
    border-radius: 4px;
    padding: 8px;
}

@media (max-width: 991px) {
    .dt-container .dt-search {
        left: 0;
    }
}
/* #endregion */

/* #endregion */

/* #region Two columns */
.main-two-columns-wrapper {
    display: flex;
    min-height: 100vh;
}

    .main-two-columns-wrapper .column-left {
        flex-basis: 0;
        flex-grow: 1;
        background: var(--white);
        display: flex;
        flex-direction: column;
    }

        .main-two-columns-wrapper .column-left main {
            flex-grow: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            padding: 32px;
        }

        .main-two-columns-wrapper .column-left footer {
            padding-top: 48px;
            padding-left: 32px;
            padding-bottom: 32px;
            padding-right: 32px;
            text-align: left;
        }

    .main-two-columns-wrapper .column-right {
        flex-basis: 0;
        flex-grow: 1;
        background: var(--grey-100);
        position: relative;
    }

        .main-two-columns-wrapper .column-right .logo {
            position: sticky;
            top: 50%;
            left: 75%;
            transform: translate(-50%, -25%);
            transform: scale(5);
        }

    .main-two-columns-wrapper .content-column-wrapper {
        width: 360px;
    }


        .main-two-columns-wrapper .content-column-wrapper .logo {
            display: block;
            max-height: 32px;
            max-width: 248px;
            margin-bottom: 40px;
        }

        .main-two-columns-wrapper .content-column-wrapper .title-wrapper .subtitle {
            text-transform: none;
        }

        .main-two-columns-wrapper .content-column-wrapper form button {
            width: 100%;
        }

@media (max-width: 1400px) {
    .main-two-columns-wrapper .column-left {
        flex-basis: 70%;
    }

    .main-two-columns-wrapper .column-right {
        flex-basis: 30%;
    }

        .main-two-columns-wrapper .column-right .logo {
            position: sticky;
            top: 50%;
            left: 85%;
            transform: translate(-50%, -15%);
            transform: scale(3);
        }
}

@media (max-width: 991px) {
    .main-two-columns-wrapper .column-right {
        display: none;
    }
}

@media (max-width: 767px) {
    .main-two-columns-wrapper .content-column-wrapper {
        width: 100%;
    }
}
/* #endregion */

/* #region Flex */
.flex {
    display: flex;
}

.flex-direction-row {
    flex-direction: row;
}

.justify-content-between {
    justify-content: space-between;
}

.align-items-center {
    align-items: center;
}

.gap-12 {
    gap: 12px;
}
/* #endregion */

/* #region Footer */
footer {
    text-align: center;
    color: var(--grey-500);
    font-weight: 400;
    font-size: 12px;
}
/* #endregion */