:root{--navy:#06285b;--blue:#0d6efd;--ink:#17243a;--muted:#718096;
    --line:#e6ebf2;--bg:#f5f8fc;--white:#fff;--green:#1eaa69;
    --orange:#f28b26;--red:#ef5350;--purple:#7a4de8;
    --shadow:0 12px 30px rgba(20,43,76,.08)}*{box-sizing:border-box}

body{margin:0;font-family:Inter,Arial,sans-serif;
    background:var(--bg);color:var(--ink);
    font-size:14px}
    .app-shell{
    min-height:100vh;
    display:flex
    }
    .sidebar{
        width:240px;
        background:linear-gradient(180deg,#07356f,#031e45);
        color:#fff;
        padding:18px 14px;
        position:fixed;
        inset:0 auto 0 0;
        z-index:20;display:flex;
        flex-direction:column;
        transition:.25s
    }
    .sidebar.collapsed{
        width:78px
    }
    .sidebar.collapsed .brand-sub,
    .sidebar.collapsed .nav-link span,
    .sidebar.collapsed .collapse-btn span{
        display:none
    }
    .brand{
        background:#fff;
        color:var(--navy);
        border-radius:14px;
        padding:14px;
        text-align:center;
        margin-bottom:22px
    }
    .brand img{
    width: 185px;
}
    .brand-mark{
        font-size:24px;
        font-weight:800;letter-spacing:1px
    }
.brand-sub{
    font-size:11px;
    margin-top:2px
}
.nav-link{
    display:flex;
    gap:13px;
    align-items:center;
    padding:12px 13px;
    border-radius:10px;
    color:#dce8f8;
    text-decoration:none;
    margin:4px 0
}
.nav-link:hover,
.nav-link.active{
    background:#1680ed;
    color:#fff
}
.nav-link i{
    width:20px;
    text-align:center
}
.collapse-btn{
    border:0;
    background:rgba(255,255,255,.08);
    color:#fff;
    padding:13px;
    border-radius:10px;
    text-align:left;
    margin-top:auto;
    cursor:pointer
}
.logout{
    margin-top:10px
}
.main-content{
    margin-left:240px;
    width:calc(100% - 240px);
    transition:.25s
}
.sidebar.collapsed~.main-content{
    margin-left:78px;width:calc(100% - 78px)
}
.topbar{
    height:72px;
    background:#fff;
    border-bottom:1px solid var(--line);
    display:flex;
    align-items:center;
    padding:0 28px;
    justify-content:space-between;
    position:sticky;
    top:0;z-index:10
}
.crumbs{
    font-size:17px;
    font-weight:700
}
.user-area{
    display:flex;
    align-items:center;
    gap:12px;
    text-align:right
}
.user-area small{
    display:block;
    color:var(--muted);
    font-size:10px;
    margin-top:3px
}
.avatar{
        width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgb(10 69 151);
    display: grid;
    place-items: center;
    color: #ffffff;
}
.page-wrap{
    padding:28px
}
.page-head{
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:center;
    margin-bottom:22px
}
.page-head h1{
    margin:0 0 5px;
    font-size:25px
}
.muted{
    color:var(--muted);
    margin:0
}
.actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap
}
.btn{
    border: 1px solid var(--line);
    background: #159358;
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 600;
    cursor: pointer;
}
.btn.primary{
    background:var(--blue);
    border-color:var(--blue);
    color:#fff
}
.btn.success{
    background:var(--green);
    border-color:var(--green);
    color:#fff
}
.btn.danger{
    background:var(--red);
    border-color:var(--red);
    color:#fff
}
.btn.ghost:hover{
    border-color:var(--blue);
    color:var(--blue)
}
.btn.tiny{
    padding:6px 9px;
    font-size:12px
}
.stats-grid{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
    margin-bottom: 22px;
}
.stat{
    min-height:135px;
    border:1px solid;
    border-radius:16px;
    padding:23px;
    position:relative;
    overflow:hidden;
    background:#fff
}
.stat span{
    display:block;
    font-size:13px;
    font-weight:600;
    max-width:75%
}
.stat b{
    font-size:35px;
    display:block;
    margin-top:17px
}
.stat i{
    position:absolute;
    right:20px;
    bottom:22px;
    width:48px;
    height:48px;
    border-radius:50%;
    display:grid;
    place-items:center;
    font-size:20px
}
.stat.blue{
    border-color:#a8d0ff;
    background:#f4f9ff;
    color:#0c65cf
}
.stat.blue i{background:#2785ef;color:#fff}
.stat.green{border-color:#a8e4c5;background:#f3fff8;color:#159358}
.stat.green i{background:#1eaa69;color:#fff}
.stat.orange{border-color:#ffd1a4;background:#fff9f2;color:#eb6e00}
.stat.orange i{background:#ff7b16;color:#fff}
.stat.purple{border-color:#dbc7ff;background:#faf7ff;color:#7040d5}
.stat.purple i{background:#7a4de8;color:#fff}
.panel,.form-panel{
    background:#fff;border:1px solid var(--line);
    border-radius:14px;padding:20px;box-shadow:var(--shadow);
    margin-bottom:20px}
.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.panel h2,.panel h3{margin:0 0 4px}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:900px}
th,td{padding:13px 12px;border-bottom:1px solid #edf0f5;text-align:left;vertical-align:middle}
th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#657287;background:#fbfcfe}
td strong{display:block}
td small{display:block;color:var(--muted);margin-top:3px}
.actions-cell{white-space:nowrap}
.actions-cell a{color:#52647e;margin-right:10px;text-decoration:none}
.danger-link{color:var(--red)!important}
.badge{display:inline-block;padding:5px 8px;border-radius:6px;
    font-size:11px;font-weight:700;white-space:nowrap}
.need-to-call{background:#ffe9e7;color:#dc3d36}
.follow-up{background:#fff2d9;color:#bd7100}
.registered{background:#e4f8ed;color:#16894e}
.no-answer{background:#f0eafa;color:#6b43b9}
.filter-bar{display:flex;gap:9px;flex-wrap:wrap;background:#fff;
    border:1px solid var(--line);padding:13px;border-radius:12px;margin-bottom:18px}
.filter-bar input{flex:1;min-width:260px}
.filter-bar select{min-width:150px}
.form-section{padding:3px 0 20px;margin-bottom:20px;
    border-bottom:1px solid var(--line)}
.form-section h3{    
    margin: 0 0 16px;
    font-size: 22px;
    color: #0d6efd;}
.form-grid{display:grid;gap:15px;margin-bottom:15px}
.form-grid.two{grid-template-columns:repeat(2,1fr)}
.form-grid.four{grid-template-columns:repeat(4,1fr)}
.form-grid.six{grid-template-columns:repeat(6,1fr)}
label{
 font-size: 13px;
    font-weight: 600;
    color: #445269;
}
input,select,textarea{
    display: block;
    width: 100%;
    margin-top: 7px;
    border: 1px solid #d7dfeb;
    border-radius: 8px;
    padding: 11px 12px;
    background: #fff;
    color: #445269;
    font: inherit;
    outline: none;
}
input:focus,select:focus,textarea:focus{
        border-color:#5798ef;box-shadow:0 0 0 3px rgba(13,110,253,.08)
}
textarea{resize:vertical}.wide{grid-column:span 2}
.form-actions{display:flex;justify-content:flex-end;gap:8px}
.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.detail-item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px}
.detail-item small{color:var(--muted);display:block;margin-bottom:7px}
.detail-item p{margin:0;line-height:1.6}.detail-item.wide{grid-column:span 2}
.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.progress-row{display:flex;justify-content:space-between;padding:13px 0;
    border-bottom:1px solid var(--line)}
.alert{padding:11px 13px;border-radius:8px;margin-bottom:15px}
.danger{background:#fff0ef;color:#bd2f2a}
.success-alert{background:#e9faf1;color:#147846}
.file-input{margin-bottom:12px}
.login-page{min-height:100vh;display:grid;place-items:center;
    background:linear-gradient(135deg,#eef5fb,#f7f4ed);padding:20px}
.login-card{width:min(430px,100%);background:#fff;border-radius:18px;
    padding:35px;box-shadow:0 22px 60px rgba(8,39,81,.14);
    border:1px solid #e3eaf4}
.login-logo {
    text-align:center;
    color:#0b4f9d;
    font-size:32px;
    font-weight:800
}
.login-logo img{
       width: 200px;
}

.login-card h1{text-align:center;margin:6px 0;font-size:23px}
.login-card>.muted{text-align:center;margin-bottom:25px}
.login-card label{display:block;margin-top:13px}
.check{display:flex!important;align-items:center;gap:7px;font-weight:500!important}
.check input{width:auto;margin:0}.full{width:100%;margin-top:18px}
.login-note{text-align:center;color:var(--muted);font-size:11px;margin-top:18px}
.mobile-menu{display:none;background:none;border:0;font-size:20px;color:var(--navy)}
.empty{text-align:center;padding:35px!important;color:var(--muted)}

@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid.six{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);width:240px}.sidebar:not(.collapsed){transform:translateX(-100%)}.sidebar.collapsed{transform:translateX(0);width:240px}.sidebar.collapsed .brand-sub,.sidebar.collapsed .nav-link span,.sidebar.collapsed .collapse-btn span{display:block}.main-content,.sidebar.collapsed~.main-content{margin-left:0;width:100%}.mobile-menu{display:block}.topbar{padding:0 16px}.page-wrap{padding:16px}.user-area>div:first-child{display:none}.form-grid.two,.form-grid.four,.form-grid.six,.report-grid,.detail-grid{grid-template-columns:1fr}.wide,.detail-item.wide{grid-column:auto}.stats-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.filter-bar{flex-direction:column}.filter-bar input,.filter-bar select{min-width:0}.filter-bar .btn{width:100%}}

/* =========================================
   TODAY CALL NOTIFICATION
========================================= */

.today-call-notification {

    margin-top: 25px;
        margin-bottom: 40px;

    background: #ffffff;

    border: 1px solid #e7eaf0;

    border-radius: 16px;

    overflow: hidden;

    box-shadow: 0 5px 20px rgba(0,0,0,0.05);

}


/* Header */

.notification-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 20px 24px;

    background: #fff8ed;

    border-bottom: 1px solid #f2e2c7;

}


.notification-title {

    display: flex;

    align-items: center;

    gap: 14px;

}


.notification-icon {

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    background: #fff0d5;

        color: rgb(255 0 0);
    font-size: 19px;

}


.notification-title h3 {

    margin: 0 0 4px;

    font-size: 17px;

    color: #222;

}


.notification-title p {

    margin: 0;

    font-size: 13px;

    color: #777;

}


.notification-count {

    min-width: 38px;

    height: 38px;

    padding: 0 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #ff0000;

    color: #ffffff;

    font-size: 15px;

    font-weight: 700;

}


/* Call List */

.today-call-list {

    padding: 8px 20px;

}


.today-call-item {

    display: flex;

    align-items: center;

    gap: 20px;

    padding: 16px 4px;

    border-bottom: 1px solid #eeeeee;

}


.today-call-item:last-child {

    border-bottom: none;

}


/* Client */

.call-client {

    flex: 1;

    min-width: 180px;

    display: flex;

    align-items: center;

    gap: 12px;

}


.call-avatar {

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #eef5ff;

    color: #1769aa;

    font-size: 15px;

    font-weight: 700;

}


.call-client strong {

    display: block;

    font-size: 14px;

    color: #222;

}


.call-client small {

    display: block;

    margin-top: 3px;

    color: #777;

    font-size: 12px;

}


/* Date */

.call-date {

    min-width: 120px;

    color: #555;

    font-size: 13px;

}


.call-date i {

    margin-right: 5px;

    color: #e88900;

}


/* Employee */

.call-employee {

    min-width: 130px;

    font-size: 13px;

    color: #666;

}


.call-employee i {

    margin-right: 5px;

    color: #777;

}


/* Buttons */

.call-action {

    display: flex;

    align-items: center;

    gap: 8px;

}


.call-now-btn {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    padding: 9px 14px;

    border-radius: 8px;

    background: #22a06b;

    color: #ffffff;

    text-decoration: none;

    font-size: 12px;

    font-weight: 600;

    transition: 0.2s ease;

}


.call-now-btn:hover {

    background: #188653;

    color: #ffffff;

}


.view-call-btn {

    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #1118ec;
    color: #fff;
    text-decoration: none;

}


.view-call-btn:hover {

    background: #e6ebf1;

}


/* =========================================
   NO CALLS
========================================= */

.today-call-empty {

    margin-top: 25px;

    margin-bottom: 20px;

    padding: 22px 25px;

    display: flex;

    align-items: center;

    gap: 15px;

    border: 1px solid #e4eee8;

    border-radius: 15px;

    background: #f5fbf7;

}


.empty-call-icon {

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #dff5e7;

    color: #22a06b;

    font-size: 18px;

}


.today-call-empty h3 {

    margin: 0 0 4px;

    font-size: 15px;

    color: #222;

}


.today-call-empty p {

    margin: 0;

    color: #777;

    font-size: 13px;

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 768px) {

    .notification-header {

        padding: 16px;

    }

    .today-call-list {

        padding: 5px 15px;

    }

    .today-call-item {

        align-items: flex-start;

        flex-direction: column;

        gap: 10px;

    }

    .call-client {

        width: 100%;

    }

    .call-date,

    .call-employee {

        min-width: auto;

    }

    .call-action {

        width: 100%;

    }

    .call-now-btn {

        flex: 1;

        justify-content: center;

    }

}


/* =========================================
   CLIENT PAGINATION
========================================= */

.crm-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;

    padding: 22px 15px;

    flex-wrap: wrap;
}


.page-btn {
    min-width: 38px;
    height: 38px;

    padding: 0 12px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    border: 1px solid #dbe4ef;
    border-radius: 7px;

    background: #ffffff;

    color: #173b68;

    text-decoration: none;

    font-size: 13px;
    font-weight: 600;

    transition: all 0.2s ease;
}


.page-btn:hover {
    background: #eef5ff;
    border-color: #1677ff;
    color: #1677ff;
}


.page-btn.active {
    background: #1677ff;
    border-color: #1677ff;
    color: #ffffff;
}


.page-btn.disabled {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}


@media (max-width: 600px) {

    .crm-pagination {
        gap: 5px;
    }

    .page-btn {
        min-width: 34px;
        height: 34px;
        padding: 0 9px;
        font-size: 12px;
    }

}


/* =========================================
   CALLS PAGINATION
========================================= */

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 25px 10px;
    flex-wrap: wrap;
}

.page-btn {
    min-width: 38px;
    height: 38px;
    padding: 0 12px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #dbe3ee;
    border-radius: 8px;

    background: #ffffff;
    color: #12345b;

    text-decoration: none;
    font-size: 14px;
    font-weight: 600;

    transition: all 0.2s ease;
}

.page-btn:hover {
    background: #0d5ead;
    border-color: #0d5ead;
    color: #ffffff;
}

.page-btn.active {
    background: #1683ed;
    border-color: #1683ed;
    color: #ffffff;
    box-shadow: 0 4px 10px rgba(22, 131, 237, 0.25);
}

/* =========================================
   TD STATUS CARD
========================================= */

.stat.td-status {
    position: relative;
    background: #fffaf3;
    border: 1px solid #ffd9a8;
    overflow: hidden;
}

.td-status-main {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-top: 12px;
}

.td-status-box {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.td-status-box small {
    font-size: 12px;
    font-weight: 700;
}

.td-status-box b {
    font-size: 26px;
    line-height: 1.1;
}

.td-status-box em {
    font-size: 11px;
    font-style: normal;
    color: #718096;
}

.td-status-box.yes small,
.td-status-box.yes b {
    color: #15966d;
}

.td-status-box.no small,
.td-status-box.no b {
    color: #e05252;
}


/* Progress */

.td-progress {
    display: flex;
    width: calc(100% - 10px);
    height: 7px;
    margin-top: 16px;
    border-radius: 10px;
    overflow: hidden;
    background: #edf0f4;
}

.td-progress-yes {
    height: 100%;
    background: #20a875;
}

.td-progress-no {
    height: 100%;
    background: #e96b6b;
}


/* Icon */

.stat.td-status > i {
    position: absolute;
    right: 12px;
    top: 25px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f28b20;
    color: #ffffff;
    font-size: 20px;
}



/* =========================================
   Filter Form
========================================= */

.call-filter-form {
    margin-bottom: 18px;
}

.call-filter-row {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    width: 100%;
}

.call-filter-search {
    flex: 1;
}

.call-date-field {
        width: 128px;
}

.call-date-field label {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
}

.call-search-input,
.call-date-input {
    width: 100%;
    height: 44px;
    padding: 0 13px;
    box-sizing: border-box;
    border: 1px solid #dce3ec;
    border-radius: 8px;
    background: #fff;
    color: #172033;
    font-size: 14px;
    outline: none;
    transition: all 0.2s ease;
}

.call-search-input:focus,
.call-date-input:focus {
    border-color: #1688e8;
    box-shadow: 0 0 0 3px rgba(22, 136, 232, 0.10);
}


/* =========================================
   Buttons
========================================= */

.call-filter-buttons {
    display: flex;
    gap: 8px;
}

.call-search-btn {
    height: 44px;
    padding: 0 20px;
    border: none;
    border-radius: 8px;
    background: #1688e8;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.call-search-btn:hover {
    background: #0877d1;
}

.call-clear-btn {
    height: 44px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 8px;
    background: #eef2f7;
    color: #334155;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.call-clear-btn:hover {
    background: #e2e8f0;
}


/* =========================================
   Result Message
========================================= */

.call-search-result {
    margin-bottom: 15px;
    padding: 10px 14px;
    background: #f5f9ff;
    border: 1px solid #dcecff;
    border-radius: 7px;
    color: #475569;
    font-size: 13px;
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 800px) {

    .call-filter-row {
        flex-direction: column;
        align-items: stretch;
    }

    .call-filter-search,
    .call-date-field {
        width: 100%;
    }

    .call-filter-buttons {
        width: 100%;
    }

    .call-search-btn,
    .call-clear-btn {
        flex: 1;
    }

}
/* =========================================
   TD QUERY
========================================= */

#tdQueryContainer{
    width: 85%;
}

.field-title-row {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px;

    margin-bottom: 8px;

}


.td-add-query-btn {

   border: none;
    padding: 7px 13px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background-color: #06346d;

}


.td-query-row {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 10px;

}


.td-query-row input {

    flex: 1;

    width: 100%;

}


.td-query-number {

    min-width: 65px;

    font-size: 13px;

    font-weight: 600;

    white-space: nowrap;

}


.td-remove-query {

    width: 35px;

    height: 35px;

    border: none;

    border-radius: 6px;

    cursor: pointer;

    font-size: 20px;

    line-height: 1;

}


.td-add-query-btn:hover,
.td-remove-query:hover {

    opacity: .85;

}


@media (max-width: 600px) {

    .td-query-row {

        flex-wrap: wrap;

    }


    .td-query-number {

        width: 100%;

    }


    .td-query-row input {

        width: calc(100% - 45px);

    }

}
.employee-table-wrap{overflow-x:auto}
.employee-stats-table{min-width:1050px}
.employee-stats-table th,.employee-stats-table td{
    white-space:nowrap;
    vertical-align:middle;
}
.employee-id-text{display:inline-block;margin-right:8px}
.employee-download-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;height:30px;
    border-radius:8px;
    background:#eaf3ff;
    color:#1565c0;
    text-decoration:none;
    transition:.2s;
}
.employee-download-btn:hover{background:#1565c0;color:#fff}
.employee-count{
    display:inline-flex;
    min-width:38px;
    justify-content:center;
    padding:5px 10px;
    border-radius:8px;
    font-weight:700;
}
.total-count{background:#eef5ff;color:#155db5}
.registered-count{background:#e7f8ef;color:#108a55}
.td-yes-count{background:#e7f8ef;color:#138a57}
.td-no-count{background:#fff0f0;color:#d95353}
.employee-csv-btn{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 12px;
    border-radius:8px;
    background:#0c254b;
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
}
.employee-csv-btn:hover{background:#153668}




.higs-crm-footer {
    width: 100%;
    min-height: 64px;
    padding: 18px 28px;

       background: #041f47;
    border-top: 1px solid #e4eaf2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    box-sizing: border-box;

    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #718096;

    margin-top: 20px;
}

.higs-footer-left {
    white-space: nowrap;
}

.higs-footer-left strong {
       color: #1680ed;
    font-weight: 700;
}

.higs-footer-right {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}
.higs-footer-right a{
    text-decoration: none;
}
.higs-footer-right strong {
       color: #1680ed;
    font-weight: 700;
}

.higs-footer-divider {
    color: #cbd5e1;
}


/* Mobile */
@media (max-width: 768px) {

    .higs-crm-footer {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 18px 15px;
        gap: 8px;
    }

    .higs-footer-left,
    .higs-footer-right {
        white-space: normal;
        justify-content: center;
        flex-wrap: wrap;
    }
}