.elementor-43056 .elementor-element.elementor-element-57dd607{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-43056 .elementor-element.elementor-element-57dd607:not(.elementor-motion-effects-element-type-background), .elementor-43056 .elementor-element.elementor-element-57dd607 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1022c53 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-43056 .elementor-element.elementor-element-260d832 .elementor-button:hover, .elementor-43056 .elementor-element.elementor-element-260d832 .elementor-button:focus{background-color:var( --e-global-color-primary );}body:not(.rtl) .elementor-43056 .elementor-element.elementor-element-260d832{right:80px;}body.rtl .elementor-43056 .elementor-element.elementor-element-260d832{left:80px;}.elementor-43056 .elementor-element.elementor-element-260d832{top:80px;z-index:5000;}.elementor-43056 .elementor-element.elementor-element-260d832 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;border-style:solid;border-width:20px 20px 20px 20px;border-color:var( --e-global-color-1022c53 );border-radius:0px 0px 0px 0px;padding:20px 20px 20px 20px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-43056 .elementor-element.elementor-element-b2cd692{--display:flex;--min-height:75vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-43056 .elementor-element.elementor-element-b2cd692:not(.elementor-motion-effects-element-type-background), .elementor-43056 .elementor-element.elementor-element-b2cd692 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FA;}.elementor-43056 .elementor-element.elementor-element-4f5d853{width:var( --container-widget-width, 99% );max-width:99%;--container-widget-width:99%;--container-widget-flex-grow:0;}.elementor-43056 .elementor-element.elementor-element-fd62df8{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-43056 .elementor-element.elementor-element-fd62df8:not(.elementor-motion-effects-element-type-background), .elementor-43056 .elementor-element.elementor-element-fd62df8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4dfc063 );}.elementor-43056 .elementor-element.elementor-element-af707ba > .elementor-widget-container{padding:40px 40px 40px 40px;}.elementor-43056 .elementor-element.elementor-element-19fd7c9{--display:flex;border-style:none;--border-style:none;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-43056 .elementor-element.elementor-element-732fd86{font-family:"Inter", Sans-serif;font-weight:400;}.elementor-43056 .elementor-element.elementor-element-9c2e7a0{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-43056 .elementor-element.elementor-element-9c2e7a0 > .elementor-widget-container{margin:40px 40px 40px 40px;}.elementor-43056 .elementor-element.elementor-element-9c2e7a0 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-43056 .elementor-element.elementor-element-9c2e7a0 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Source Sans Pro", Sans-serif;font-weight:600;text-transform:uppercase;}:where( .elementor-43056 .elementor-element.elementor-element-9c2e7a0 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-43056 .elementor-element.elementor-element-ee3d21a{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-43056 .elementor-element.elementor-element-ee3d21a:not(.elementor-motion-effects-element-type-background), .elementor-43056 .elementor-element.elementor-element-ee3d21a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4dfc063 );}.elementor-43056 .elementor-element.elementor-element-bf9ce33{--display:flex;}.elementor-43056 .elementor-element.elementor-element-bf9ce33:not(.elementor-motion-effects-element-type-background), .elementor-43056 .elementor-element.elementor-element-bf9ce33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4dfc063 );}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-43056 .elementor-element.elementor-element-88e1401 .e-search-input{background-color:var( --e-global-color-accent );font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-43056 .elementor-element.elementor-element-88e1401.e-focus .e-search-input{background-color:var( --e-global-color-4dfc063 );}.elementor-43056 .elementor-element.elementor-element-88e1401 .e-search-submit{background-color:var( --e-global-color-primary );}.elementor-43056 .elementor-element.elementor-element-88e1401 .e-search-submit:hover{background-color:var( --e-global-color-accent );--e-search-submit-color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-43056 .elementor-element.elementor-element-88e1401 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:50px 0px 0px 0px;}.elementor-43056 .elementor-element.elementor-element-88e1401{--e-search-placeholder-color:var( --e-global-color-primary );--e-search-input-color:var( --e-global-color-text );--e-search-icon-label-color:var( --e-global-color-1022c53 );--e-search-submit-color:var( --e-global-color-4dfc063 );}.elementor-43056 .elementor-element.elementor-element-88e1401.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-43056 .elementor-element.elementor-element-88e1401 .e-search-submit span{font-family:"Inter", Sans-serif;font-size:14px;}.elementor-43056 .elementor-element.elementor-element-451eec5{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:20px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;z-index:200;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:initial;--n-tabs-heading-wrap:wrap;--n-tabs-title-gap:1px;--n-tabs-gap:5px;--n-tabs-title-padding-top:20px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:20px;--n-tabs-title-padding-left:20px;}.elementor-43056 .elementor-element.elementor-element-451eec5 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-primary );}.elementor-43056 .elementor-element.elementor-element-451eec5.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}#elementor-popup-modal-43056 .dialog-widget-content{animation-duration:1.5s;background-color:var( --e-global-color-1022c53 );box-shadow:0px 0px 50px 15px rgba(255, 255, 255, 0.15);}#elementor-popup-modal-43056 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-43056{justify-content:flex-start;align-items:flex-start;}@media(max-width:1200px){body:not(.rtl) .elementor-43056 .elementor-element.elementor-element-260d832{right:30px;}body.rtl .elementor-43056 .elementor-element.elementor-element-260d832{left:30px;}.elementor-43056 .elementor-element.elementor-element-260d832{top:30px;z-index:500;}.elementor-43056 .elementor-element.elementor-element-260d832 .elementor-button{border-width:15px 15px 15px 15px;padding:15px 15px 15px 15px;}.elementor-43056 .elementor-element.elementor-element-b2cd692{--min-height:100vh;}.elementor-43056 .elementor-element.elementor-element-4f5d853{z-index:200;}.elementor-43056 .elementor-element.elementor-element-19fd7c9{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-43056 .elementor-element.elementor-element-732fd86{font-size:13px;}.elementor-43056 .elementor-element.elementor-element-9c2e7a0{--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-font-size:13px;}.elementor-43056 .elementor-element.elementor-element-88e1401{--e-search-input-padding-block-start:10px;--e-search-input-padding-inline-start:10px;--e-search-input-padding-block-end:10px;--e-search-input-padding-inline-end:10px;--e-search-submit-margin-inline-start:1px;--e-search-icon-submit-size:13px;--e-search-submit-icon-gap:1px;--e-search-submit-padding:10px 10px 10px 10px;}.elementor-43056 .elementor-element.elementor-element-451eec5{--n-tabs-heading-width:15px;--n-tabs-title-gap:1px;--n-tabs-gap:1px;--n-tabs-title-padding-top:15px;--n-tabs-title-padding-right:15px;--n-tabs-title-padding-bottom:15px;--n-tabs-title-padding-left:15px;}}@media(max-width:1024px){.elementor-43056 .elementor-element.elementor-element-260d832.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-43056 .elementor-element.elementor-element-260d832{right:31px;}body.rtl .elementor-43056 .elementor-element.elementor-element-260d832{left:31px;}.elementor-43056 .elementor-element.elementor-element-260d832{top:35px;z-index:2000;}.elementor-43056 .elementor-element.elementor-element-260d832 .elementor-button{border-width:10px 10px 10px 10px;border-radius:0px 0px 0px 0px;padding:15px 15px 15px 15px;}.elementor-43056 .elementor-element.elementor-element-b2cd692{--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-43056 .elementor-element.elementor-element-4f5d853 > .elementor-widget-container{margin:0px 0px 100px 0px;padding:0px 0px 200px 0px;}.elementor-43056 .elementor-element.elementor-element-4f5d853{z-index:100;}.elementor-43056 .elementor-element.elementor-element-fd62df8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-43056 .elementor-element.elementor-element-af707ba > .elementor-widget-container{margin:0px 0px 100px 0px;padding:0px 0px 200px 0px;}.elementor-43056 .elementor-element.elementor-element-af707ba{z-index:100;}.elementor-43056 .elementor-element.elementor-element-9c2e7a0 > .elementor-widget-container{margin:40px 40px 40px 40px;padding:0px 0px 0px 0px;}.elementor-43056 .elementor-element.elementor-element-ee3d21a{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-43056 .elementor-element.elementor-element-bf9ce33{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-43056 .elementor-element.elementor-element-88e1401 > .elementor-widget-container{margin:30px 0px 30px 0px;}.elementor-43056 .elementor-element.elementor-element-88e1401 .e-search-input{font-size:12px;border-radius:5px 5px 5px 5px;}.elementor-43056 .elementor-element.elementor-element-88e1401{--e-search-input-padding-block-start:10px;--e-search-input-padding-inline-start:10px;--e-search-input-padding-block-end:10px;--e-search-input-padding-inline-end:10px;--e-search-submit-margin-inline-start:1px;--e-search-icon-submit-size:12px;--e-search-submit-icon-gap:1px;}.elementor-43056 .elementor-element.elementor-element-451eec5{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:15px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:initial;--n-tabs-heading-wrap:wrap;--n-tabs-title-gap:1px;--n-tabs-gap:1px;--n-tabs-title-padding-top:15px;--n-tabs-title-padding-right:15px;--n-tabs-title-padding-bottom:15px;--n-tabs-title-padding-left:15px;}#elementor-popup-modal-43056 .dialog-message{width:100vw;}}@media(max-width:767px){body:not(.rtl) .elementor-43056 .elementor-element.elementor-element-260d832{right:8px;}body.rtl .elementor-43056 .elementor-element.elementor-element-260d832{left:8px;}.elementor-43056 .elementor-element.elementor-element-260d832{top:17px;}.elementor-43056 .elementor-element.elementor-element-260d832 .elementor-button{border-width:10px 10px 10px 10px;padding:8px 8px 8px 8px;}.elementor-43056 .elementor-element.elementor-element-fd62df8{--padding-top:40px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-43056 .elementor-element.elementor-element-af707ba > .elementor-widget-container{padding:40px 20px 200px 20px;}.elementor-43056 .elementor-element.elementor-element-451eec5{--n-tabs-title-gap:1px;--n-tabs-gap:1px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:10px;--n-tabs-icon-size:17px;}#elementor-popup-modal-43056{align-items:center;}}@media(min-width:768px){.elementor-43056 .elementor-element.elementor-element-57dd607{--width:100%;}}@media(max-width:1200px) and (min-width:768px){.elementor-43056 .elementor-element.elementor-element-b2cd692{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-4f5d853 *//* =========================================================
MODERN FLAT DATATABLE UI
COLORS:
#019AAA
#1C922F
#F5F5FA
========================================================= */

/* =========================================================
GLOBAL
========================================================= */

*{
    box-sizing:border-box;
}

html,
body{

    margin:0;
    padding:0;

    width:100%;

    background:#F5F5FA;

    overflow-x:hidden;

    font-family:Inter,sans-serif;
}

.dashboard{

    width:100%;

    padding:18px;

    background:#F5F5FA;

    color:#111827;
}

/* =========================================================
TITLE
========================================================= */

.topnav{

    margin-bottom:14px;
}

.topnav .active{

    font-size:clamp(18px,2vw,24px);

    font-weight:700;

    color:#019AAA;

    line-height:1.2;
}

/* =========================================================
SEARCH
========================================================= */

.filterbar{

    margin-bottom:14px;
}

.filterbar input{

    width:100%;

    height:44px;

    padding:0 14px;

    border:1px solid #DCE5EC;

    border-radius:12px;

    background:#FFFFFF;

    font-size:13px;

    color:#111827;

    transition:.18s ease;
}

.filterbar input:focus{

    outline:none;

    border-color:#019AAA;

    box-shadow:
    0 0 0 3px rgba(1,154,170,.08);
}

/* =========================================================
FILTERS
========================================================= */

.filterbar-advanced{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(180px,1fr));

    gap:10px;

    margin-bottom:18px;
}

.filter-group{

    display:flex;

    flex-direction:column;

    gap:6px;
}

.filter-group label{

    font-size:11px;

    font-weight:700;

    color:#019AAA;

    letter-spacing:.02em;
}

.filter-group select,
.filter-group input{

    width:100%;

    height:40px;

    padding:0 12px;

    border:1px solid #DCE5EC;

    border-radius:10px;

    background:#FFFFFF;

    font-size:13px;

    color:#111827;

    transition:.18s ease;
}

.filter-group select:focus,
.filter-group input:focus{

    outline:none;

    border-color:#019AAA;

    box-shadow:
    0 0 0 3px rgba(1,154,170,.08);
}

.range{

    display:flex;

    gap:6px;
}

/* =========================================================
TABLE WRAPPER
========================================================= */

.table-card{

    width:100%;

    overflow-x:auto;

    background:#FFFFFF;

    border:1px solid #E6EDF2;

    border-radius:18px;

    box-shadow:
    0 1px 4px rgba(15,23,42,.03);

    -webkit-overflow-scrolling:touch;

    scrollbar-width:thin;

    scrollbar-color:#019AAA transparent;
}

/* =========================================================
SCROLLBAR
========================================================= */

.table-card::-webkit-scrollbar{

    height:6px;
}

.table-card::-webkit-scrollbar-thumb{

    background:#CCD6DF;

    border-radius:999px;
}

/* =========================================================
TABLE
========================================================= */

table.dataTable{

    width:100% !important;

    min-width:1050px;

    border-collapse:collapse !important;

    background:#FFFFFF;
}

/* =========================================================
HEADER
========================================================= */

table.dataTable thead th,
table.dataTable thead td{

    background:#FAFCFF !important;

    color:#019AAA !important;

    font-size:10px !important;

    font-weight:700 !important;

    text-transform:uppercase;

    letter-spacing:.06em;

    padding:13px 10px !important;

    border-bottom:1px solid #E8EEF3 !important;

    white-space:nowrap;
}

/* =========================================================
BODY
========================================================= */

table.dataTable tbody td{

    padding:11px 10px !important;

    border-bottom:1px solid #EFF4F8;

    font-size:12px;

    font-weight:500;

    color:#111827 !important;

    vertical-align:top;

    white-space:nowrap;

    transition:.15s ease;
}

/* =========================================================
TITLE COLUMN
========================================================= */

table.dataTable td:nth-child(5){

    white-space:normal;

    min-width:240px;

    line-height:1.4;
}

/* =========================================================
ROWS
========================================================= */

table.dataTable tbody tr{

    background:#FFFFFF !important;

    transition:.15s ease;
}

/* =========================================================
HOVER
========================================================= */

table.dataTable tbody tr:hover{

    background:#019AAA !important;
}

table.dataTable tbody tr:hover td{

    color:#FFFFFF !important;
}

table.dataTable tbody tr:hover td *{

    color:#FFFFFF !important;
}

/* =========================================================
FLAG ICON
========================================================= */

.flag-column{

    width:32px !important;

    min-width:32px !important;

    text-align:center !important;
}

.flag-icon{

    width:15px;

    height:15px;

    border-radius:50%;

    object-fit:cover;

    display:block;

    margin:auto;
}

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

.dataTables_wrapper .dataTables_paginate{

    padding:10px 0 !important;

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    gap:4px !important;

    flex-wrap:wrap !important;
}

/* BUTTON */

.dataTables_wrapper .paginate_button{

    min-width:26px !important;

    height:26px !important;

    padding:0 8px !important;

    border:none !important;

    border-radius:8px !important;

    background:#EDF4F7 !important;

    color:#4B5563 !important;

    font-size:11px !important;

    font-weight:600 !important;

    line-height:26px !important;

    margin:0 !important;

    transition:.15s ease !important;
}

/* HOVER */

.dataTables_wrapper .paginate_button:hover{

    background:#019AAA !important;

    color:#FFFFFF !important;

    border:none !important;
}

/* ACTIVE */

.dataTables_wrapper .paginate_button.current{

    background:#019AAA !important;

    color:#FFFFFF !important;

    border:none !important;
}

/* DISABLED */

.dataTables_wrapper .paginate_button.disabled{

    opacity:.4 !important;

    cursor:default !important;
}

/* REMOVE DT BLUE */

.dataTables_wrapper .paginate_button:focus{

    outline:none !important;

    box-shadow:none !important;
}

/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:1024px){

    .dashboard{

        padding:14px;
    }

    .filterbar-advanced{

        grid-template-columns:
        repeat(2,1fr);

        gap:8px;
    }

    table.dataTable{

        min-width:760px;
    }

    table.dataTable thead th{

        font-size:9px !important;

        padding:10px 8px !important;
    }

    table.dataTable tbody td{

        font-size:11px;

        padding:8px !important;
    }

    .flag-icon{

        width:14px;
        height:14px;
    }

}

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

@media(max-width:768px){

    .dashboard{

        padding:12px;
    }

    .filterbar-advanced{

        grid-template-columns:1fr;
    }

    .range{

        flex-direction:column;
    }

    table.dataTable{

        min-width:720px;
    }

    table.dataTable td:nth-child(5){

        min-width:180px;
    }

}

/* =========================================================
SMALL DEVICES
========================================================= */

@media(max-width:480px){

    .topnav .active{

        font-size:17px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af707ba *//* =========================================================
POPUP / ELEMENTOR FULL WIDTH
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box;
}

.elementor-43056 .elementor-element.elementor-element-af707ba .elementor-widget-container{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
}

/* =========================================================
GLOBAL
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba *{
    box-sizing:border-box;
}

.elementor-43056 .elementor-element.elementor-element-af707ba body{
    margin:0;
    padding:0;
    background:transparent;
    font-family:Inter,sans-serif;
    color:#111827;
}

/* =========================================================
WRAPPER
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .gti-wrapper{
    width:100%;
}

/* =========================================================
TITLE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba h1{
    font-size:15px;
    font-weight:700;
    color:#019AAA;
    margin-bottom:16px;
    letter-spacing:-0.2px;
}

/* =========================================================
CARD
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .card{
    width:100%;
    background:#ffffff;
    border:1px solid #edf1f5;
    border-radius:16px;
    padding:18px;
    box-shadow:
    0 2px 8px rgba(15,23,42,0.03);
}

/* =========================================================
GRID
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-grid{
    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(180px,1fr));

    gap:12px;
}

/* =========================================================
FORM GROUP
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group{
    display:flex;
    flex-direction:column;
    gap:6px;
}

/* LABEL */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group label{
    font-size:11px;
    font-weight:600;
    color:#019AAA;
    padding-left:2px;
}

/* INPUT */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group input{
    width:100%;
    height:40px;
    padding:0 12px;
    border:1px solid #dbe1ea;
    border-radius:10px;
    background:#ffffff;
    color:#111827;
    font-size:13px;
    transition:all .18s ease;
}

/* FOCUS */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group input:focus{
    outline:none;
    border-color:019AAA;
    box-shadow:
    0 0 0 3px rgba(8,199,146,0.12);
}

/* =========================================================
BUTTONS
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .button-group{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:18px;
}

/* BASE */

.elementor-43056 .elementor-element.elementor-element-af707ba button{
    height:38px !important;
    padding:0 16px !important;
    border:none;
    border-radius:10px;
    cursor:pointer;
    font-size:12px !important;
    font-weight:600;
    transition:all .18s ease;
    font-family:Inter,sans-serif;
}

/* PRIMARY */

.elementor-43056 .elementor-element.elementor-element-af707ba .calc-btn{
    background:#019AAA;
    color:#ffffff;
}

/* PRIMARY HOVER */

.elementor-43056 .elementor-element.elementor-element-af707ba .calc-btn:hover{
    background:#07b383;
    transform:translateY(-1px);
}

/* RESET */

.elementor-43056 .elementor-element.elementor-element-af707ba .reset-btn{
    background:#f3f6f9;
    color:#374151;
}

/* RESET HOVER */

.elementor-43056 .elementor-element.elementor-element-af707ba .reset-btn:hover{
    background:#e8edf2;
}

/* =========================================================
RESULT
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .result-box{
    margin-top:18px;
    background:#f8fafc;
    border:1px solid #edf1f5;
    border-radius:14px;
    padding:22px;
    text-align:center;
}

/* LABEL */

.elementor-43056 .elementor-element.elementor-element-af707ba .result-label{
    font-size:11px;
    font-weight:600;
    color:#019AAA !important;
    margin-bottom:10px;
    text-transform:uppercase;
    letter-spacing:.4px;
}

/* SCORE */

.elementor-43056 .elementor-element.elementor-element-af707ba .result-score{
    font-size:52px !important;
    font-weight:700;
    color:#A83F41 !important;
    line-height:1;
    letter-spacing:-1px;
}

/* RAW */

.elementor-43056 .elementor-element.elementor-element-af707ba .raw-score{
    margin-top:12px;
    font-size:13px;
    font-weight:600;
    color:#019AAA;
}

/* =========================================================
INFO BOX
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-box{
    margin-top:18px;

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(120px,1fr));

    gap:10px;
}

/* CARD */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-card{
    background:#ffffff;
    border:1px solid #edf1f5;
    border-radius:12px;
    padding:16px;
    text-align:center;
}

/* TITLE */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-title{
    font-size:10px;
    font-weight:600;
    color:#6b7280;
    margin-bottom:8px;
    text-transform:uppercase;
    letter-spacing:.3px;
}

/* VALUE */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-value{
    font-size:24px !important;
    font-weight:700;
    color:#019AAA !important;
}

/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:768px){

    .elementor-43056 .elementor-element.elementor-element-af707ba .card{
        padding:16px;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba .form-grid{
        grid-template-columns:1fr;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba .result-score{
        font-size:42px !important;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba .info-box{
        grid-template-columns:1fr;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba button{
        width:100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-098e7c6 *//* =========================================================
ELEMENTOR FIX
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6{

    width:100%;

    max-width:100%;

    background:#F5F7FA;

    overflow:visible;
}

/* =========================================================
GLOBAL
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 *{
    box-sizing:border-box;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-wrap{

    width:100%;

    font-family:'Inter',sans-serif;

    background:#F5F7FA;
}

/* =========================================================
LOADING
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading{

    min-height:180px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:14px;

    color:#6B7280;

    font-size:13px;

    font-weight:500;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots{

    display:flex;

    gap:8px;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots span{

    width:10px;
    height:10px;

    border-radius:50%;

    background:#08C792;

    animation:gtiDots 1s infinite ease-in-out;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots span:nth-child(2){

    animation-delay:.15s;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots span:nth-child(3){

    animation-delay:.3s;
}

@keyframes gtiDots{

    0%,
    80%,
    100%{

        transform:scale(.55);

        opacity:.35;
    }

    40%{

        transform:scale(1);

        opacity:1;
    }

}

/* =========================================================
LIST
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-list{

    display:flex;

    flex-direction:column;

    gap:26px;
}

/* =========================================================
ROW
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-row{

    width:100%;
}

/* =========================================================
COUNTRY NAME
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-country-name{

    font-size:14px;

    font-weight:600;

    color:#08C792;

    margin-bottom:10px;

    line-height:1.2;
}

/* =========================================================
CONTENT
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-content{

    display:grid;

    grid-template-columns:
    42px
    72px
    1fr;

    align-items:center;

    gap:16px;
}

/* =========================================================
FLAG
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-flag{

    width:36px;
    height:36px;

    border-radius:50%;

    object-fit:cover;

    display:block;
}

/* =========================================================
SCORE BLOCK
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score-block{

    display:flex;

    flex-direction:column;

    gap:4px;
}

/* =========================================================
SCORE TOP
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score-top{

    display:flex;

    align-items:flex-start;

    gap:4px;
}

/* =========================================================
SCORE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score{

    font-size:22px;

    line-height:1;

    font-weight:700;

    color:#111827;

    letter-spacing:-0.8px;
}

/* =========================================================
RANGE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-range{

    font-size:12px;

    color:#6B7280;

    line-height:1.3;
}

/* =========================================================
SCALE WRAP
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale-wrap{

    width:100%;
}

/* =========================================================
SCALE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale{

    position:relative;

    width:100%;

    height:12px;

    border-radius:999px;

    overflow:hidden;

    background:
    linear-gradient(
        to right,
        #C90000 0%,
        #E03A00 24%,
        #FF8C00 48%,
        #A5D400 72%,
        #47C000 100%
    );
}

/* =========================================================
MARKER
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-marker{

    position:absolute;

    top:50%;

    width:18px;

    height:18px;

    border-radius:50%;

    background:#ffffff;

    border:4px solid #111111;

    transform:
    translate(-50%,-50%);

    box-shadow:
    0 2px 6px rgba(0,0,0,0.18);
}

/* =========================================================
LABELS
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale-labels{

    margin-top:6px;

    display:flex;

    justify-content:space-between;

    font-size:10px;

    color:#1A1A1A;

    font-weight:500;
}

/* =========================================================
TABLET
========================================================= */

@media(max-width:768px){

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-list{

        gap:22px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-content{

        grid-template-columns:
        36px
        60px
        1fr;

        gap:12px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-flag{

        width:30px;
        height:30px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score{

        font-size:18px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-range{

        font-size:11px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale{

        height:10px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-marker{

        width:16px;
        height:16px;

        border-width:3px;
    }

}

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

@media(max-width:520px){

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-list{

        gap:20px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-country-name{

        font-size:13px;

        margin-bottom:8px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-content{

        grid-template-columns:
        30px
        54px
        1fr;

        gap:10px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-flag{

        width:26px;
        height:26px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score{

        font-size:16px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-range{

        font-size:10px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale{

        height:9px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-marker{

        width:14px;
        height:14px;

        border-width:3px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale-labels{

        font-size:9px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f5d853 *//* =========================================================
MODERN FLAT DATATABLE UI
COLORS:
#019AAA
#1C922F
#F5F5FA
========================================================= */

/* =========================================================
GLOBAL
========================================================= */

*{
    box-sizing:border-box;
}

html,
body{

    margin:0;
    padding:0;

    width:100%;

    background:#F5F5FA;

    overflow-x:hidden;

    font-family:Inter,sans-serif;
}

.dashboard{

    width:100%;

    padding:18px;

    background:#F5F5FA;

    color:#111827;
}

/* =========================================================
TITLE
========================================================= */

.topnav{

    margin-bottom:14px;
}

.topnav .active{

    font-size:clamp(18px,2vw,24px);

    font-weight:700;

    color:#019AAA;

    line-height:1.2;
}

/* =========================================================
SEARCH
========================================================= */

.filterbar{

    margin-bottom:14px;
}

.filterbar input{

    width:100%;

    height:44px;

    padding:0 14px;

    border:1px solid #DCE5EC;

    border-radius:12px;

    background:#FFFFFF;

    font-size:13px;

    color:#111827;

    transition:.18s ease;
}

.filterbar input:focus{

    outline:none;

    border-color:#019AAA;

    box-shadow:
    0 0 0 3px rgba(1,154,170,.08);
}

/* =========================================================
FILTERS
========================================================= */

.filterbar-advanced{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(180px,1fr));

    gap:10px;

    margin-bottom:18px;
}

.filter-group{

    display:flex;

    flex-direction:column;

    gap:6px;
}

.filter-group label{

    font-size:11px;

    font-weight:700;

    color:#019AAA;

    letter-spacing:.02em;
}

.filter-group select,
.filter-group input{

    width:100%;

    height:40px;

    padding:0 12px;

    border:1px solid #DCE5EC;

    border-radius:10px;

    background:#FFFFFF;

    font-size:13px;

    color:#111827;

    transition:.18s ease;
}

.filter-group select:focus,
.filter-group input:focus{

    outline:none;

    border-color:#019AAA;

    box-shadow:
    0 0 0 3px rgba(1,154,170,.08);
}

.range{

    display:flex;

    gap:6px;
}

/* =========================================================
TABLE WRAPPER
========================================================= */

.table-card{

    width:100%;

    overflow-x:auto;

    background:#FFFFFF;

    border:1px solid #E6EDF2;

    border-radius:18px;

    box-shadow:
    0 1px 4px rgba(15,23,42,.03);

    -webkit-overflow-scrolling:touch;

    scrollbar-width:thin;

    scrollbar-color:#019AAA transparent;
}

/* =========================================================
SCROLLBAR
========================================================= */

.table-card::-webkit-scrollbar{

    height:6px;
}

.table-card::-webkit-scrollbar-thumb{

    background:#CCD6DF;

    border-radius:999px;
}

/* =========================================================
TABLE
========================================================= */

table.dataTable{

    width:100% !important;

    min-width:1050px;

    border-collapse:collapse !important;

    background:#FFFFFF;
}

/* =========================================================
HEADER
========================================================= */

table.dataTable thead th,
table.dataTable thead td{

    background:#FAFCFF !important;

    color:#019AAA !important;

    font-size:10px !important;

    font-weight:700 !important;

    text-transform:uppercase;

    letter-spacing:.06em;

    padding:13px 10px !important;

    border-bottom:1px solid #E8EEF3 !important;

    white-space:nowrap;
}

/* =========================================================
BODY
========================================================= */

table.dataTable tbody td{

    padding:11px 10px !important;

    border-bottom:1px solid #EFF4F8;

    font-size:12px;

    font-weight:500;

    color:#111827 !important;

    vertical-align:top;

    white-space:nowrap;

    transition:.15s ease;
}

/* =========================================================
TITLE COLUMN
========================================================= */

table.dataTable td:nth-child(5){

    white-space:normal;

    min-width:240px;

    line-height:1.4;
}

/* =========================================================
ROWS
========================================================= */

table.dataTable tbody tr{

    background:#FFFFFF !important;

    transition:.15s ease;
}

/* =========================================================
HOVER
========================================================= */

table.dataTable tbody tr:hover{

    background:#019AAA !important;
}

table.dataTable tbody tr:hover td{

    color:#FFFFFF !important;
}

table.dataTable tbody tr:hover td *{

    color:#FFFFFF !important;
}

/* =========================================================
FLAG ICON
========================================================= */

.flag-column{

    width:32px !important;

    min-width:32px !important;

    text-align:center !important;
}

.flag-icon{

    width:15px;

    height:15px;

    border-radius:50%;

    object-fit:cover;

    display:block;

    margin:auto;
}

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

.dataTables_wrapper .dataTables_paginate{

    padding:10px 0 !important;

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    gap:4px !important;

    flex-wrap:wrap !important;
}

/* BUTTON */

.dataTables_wrapper .paginate_button{

    min-width:26px !important;

    height:26px !important;

    padding:0 8px !important;

    border:none !important;

    border-radius:8px !important;

    background:#EDF4F7 !important;

    color:#4B5563 !important;

    font-size:11px !important;

    font-weight:600 !important;

    line-height:26px !important;

    margin:0 !important;

    transition:.15s ease !important;
}

/* HOVER */

.dataTables_wrapper .paginate_button:hover{

    background:#019AAA !important;

    color:#FFFFFF !important;

    border:none !important;
}

/* ACTIVE */

.dataTables_wrapper .paginate_button.current{

    background:#019AAA !important;

    color:#FFFFFF !important;

    border:none !important;
}

/* DISABLED */

.dataTables_wrapper .paginate_button.disabled{

    opacity:.4 !important;

    cursor:default !important;
}

/* REMOVE DT BLUE */

.dataTables_wrapper .paginate_button:focus{

    outline:none !important;

    box-shadow:none !important;
}

/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:1024px){

    .dashboard{

        padding:14px;
    }

    .filterbar-advanced{

        grid-template-columns:
        repeat(2,1fr);

        gap:8px;
    }

    table.dataTable{

        min-width:760px;
    }

    table.dataTable thead th{

        font-size:9px !important;

        padding:10px 8px !important;
    }

    table.dataTable tbody td{

        font-size:11px;

        padding:8px !important;
    }

    .flag-icon{

        width:14px;
        height:14px;
    }

}

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

@media(max-width:768px){

    .dashboard{

        padding:12px;
    }

    .filterbar-advanced{

        grid-template-columns:1fr;
    }

    .range{

        flex-direction:column;
    }

    table.dataTable{

        min-width:720px;
    }

    table.dataTable td:nth-child(5){

        min-width:180px;
    }

}

/* =========================================================
SMALL DEVICES
========================================================= */

@media(max-width:480px){

    .topnav .active{

        font-size:17px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af707ba *//* =========================================================
POPUP / ELEMENTOR FULL WIDTH
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box;
}

.elementor-43056 .elementor-element.elementor-element-af707ba .elementor-widget-container{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
}

/* =========================================================
GLOBAL
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba *{
    box-sizing:border-box;
}

.elementor-43056 .elementor-element.elementor-element-af707ba body{
    margin:0;
    padding:0;
    background:transparent;
    font-family:Inter,sans-serif;
    color:#111827;
}

/* =========================================================
WRAPPER
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .gti-wrapper{
    width:100%;
}

/* =========================================================
TITLE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba h1{
    font-size:15px;
    font-weight:700;
    color:#019AAA;
    margin-bottom:16px;
    letter-spacing:-0.2px;
}

/* =========================================================
CARD
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .card{
    width:100%;
    background:#ffffff;
    border:1px solid #edf1f5;
    border-radius:16px;
    padding:18px;
    box-shadow:
    0 2px 8px rgba(15,23,42,0.03);
}

/* =========================================================
GRID
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-grid{
    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(180px,1fr));

    gap:12px;
}

/* =========================================================
FORM GROUP
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group{
    display:flex;
    flex-direction:column;
    gap:6px;
}

/* LABEL */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group label{
    font-size:11px;
    font-weight:600;
    color:#019AAA;
    padding-left:2px;
}

/* INPUT */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group input{
    width:100%;
    height:40px;
    padding:0 12px;
    border:1px solid #dbe1ea;
    border-radius:10px;
    background:#ffffff;
    color:#111827;
    font-size:13px;
    transition:all .18s ease;
}

/* FOCUS */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group input:focus{
    outline:none;
    border-color:019AAA;
    box-shadow:
    0 0 0 3px rgba(8,199,146,0.12);
}

/* =========================================================
BUTTONS
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .button-group{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:18px;
}

/* BASE */

.elementor-43056 .elementor-element.elementor-element-af707ba button{
    height:38px !important;
    padding:0 16px !important;
    border:none;
    border-radius:10px;
    cursor:pointer;
    font-size:12px !important;
    font-weight:600;
    transition:all .18s ease;
    font-family:Inter,sans-serif;
}

/* PRIMARY */

.elementor-43056 .elementor-element.elementor-element-af707ba .calc-btn{
    background:#019AAA;
    color:#ffffff;
}

/* PRIMARY HOVER */

.elementor-43056 .elementor-element.elementor-element-af707ba .calc-btn:hover{
    background:#07b383;
    transform:translateY(-1px);
}

/* RESET */

.elementor-43056 .elementor-element.elementor-element-af707ba .reset-btn{
    background:#f3f6f9;
    color:#374151;
}

/* RESET HOVER */

.elementor-43056 .elementor-element.elementor-element-af707ba .reset-btn:hover{
    background:#e8edf2;
}

/* =========================================================
RESULT
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .result-box{
    margin-top:18px;
    background:#f8fafc;
    border:1px solid #edf1f5;
    border-radius:14px;
    padding:22px;
    text-align:center;
}

/* LABEL */

.elementor-43056 .elementor-element.elementor-element-af707ba .result-label{
    font-size:11px;
    font-weight:600;
    color:#019AAA !important;
    margin-bottom:10px;
    text-transform:uppercase;
    letter-spacing:.4px;
}

/* SCORE */

.elementor-43056 .elementor-element.elementor-element-af707ba .result-score{
    font-size:52px !important;
    font-weight:700;
    color:#A83F41 !important;
    line-height:1;
    letter-spacing:-1px;
}

/* RAW */

.elementor-43056 .elementor-element.elementor-element-af707ba .raw-score{
    margin-top:12px;
    font-size:13px;
    font-weight:600;
    color:#019AAA;
}

/* =========================================================
INFO BOX
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-box{
    margin-top:18px;

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(120px,1fr));

    gap:10px;
}

/* CARD */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-card{
    background:#ffffff;
    border:1px solid #edf1f5;
    border-radius:12px;
    padding:16px;
    text-align:center;
}

/* TITLE */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-title{
    font-size:10px;
    font-weight:600;
    color:#6b7280;
    margin-bottom:8px;
    text-transform:uppercase;
    letter-spacing:.3px;
}

/* VALUE */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-value{
    font-size:24px !important;
    font-weight:700;
    color:#019AAA !important;
}

/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:768px){

    .elementor-43056 .elementor-element.elementor-element-af707ba .card{
        padding:16px;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba .form-grid{
        grid-template-columns:1fr;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba .result-score{
        font-size:42px !important;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba .info-box{
        grid-template-columns:1fr;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba button{
        width:100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-098e7c6 *//* =========================================================
ELEMENTOR FIX
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6{

    width:100%;

    max-width:100%;

    background:#F5F7FA;

    overflow:visible;
}

/* =========================================================
GLOBAL
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 *{
    box-sizing:border-box;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-wrap{

    width:100%;

    font-family:'Inter',sans-serif;

    background:#F5F7FA;
}

/* =========================================================
LOADING
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading{

    min-height:180px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:14px;

    color:#6B7280;

    font-size:13px;

    font-weight:500;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots{

    display:flex;

    gap:8px;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots span{

    width:10px;
    height:10px;

    border-radius:50%;

    background:#08C792;

    animation:gtiDots 1s infinite ease-in-out;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots span:nth-child(2){

    animation-delay:.15s;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots span:nth-child(3){

    animation-delay:.3s;
}

@keyframes gtiDots{

    0%,
    80%,
    100%{

        transform:scale(.55);

        opacity:.35;
    }

    40%{

        transform:scale(1);

        opacity:1;
    }

}

/* =========================================================
LIST
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-list{

    display:flex;

    flex-direction:column;

    gap:26px;
}

/* =========================================================
ROW
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-row{

    width:100%;
}

/* =========================================================
COUNTRY NAME
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-country-name{

    font-size:14px;

    font-weight:600;

    color:#08C792;

    margin-bottom:10px;

    line-height:1.2;
}

/* =========================================================
CONTENT
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-content{

    display:grid;

    grid-template-columns:
    42px
    72px
    1fr;

    align-items:center;

    gap:16px;
}

/* =========================================================
FLAG
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-flag{

    width:36px;
    height:36px;

    border-radius:50%;

    object-fit:cover;

    display:block;
}

/* =========================================================
SCORE BLOCK
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score-block{

    display:flex;

    flex-direction:column;

    gap:4px;
}

/* =========================================================
SCORE TOP
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score-top{

    display:flex;

    align-items:flex-start;

    gap:4px;
}

/* =========================================================
SCORE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score{

    font-size:22px;

    line-height:1;

    font-weight:700;

    color:#111827;

    letter-spacing:-0.8px;
}

/* =========================================================
RANGE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-range{

    font-size:12px;

    color:#6B7280;

    line-height:1.3;
}

/* =========================================================
SCALE WRAP
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale-wrap{

    width:100%;
}

/* =========================================================
SCALE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale{

    position:relative;

    width:100%;

    height:12px;

    border-radius:999px;

    overflow:hidden;

    background:
    linear-gradient(
        to right,
        #C90000 0%,
        #E03A00 24%,
        #FF8C00 48%,
        #A5D400 72%,
        #47C000 100%
    );
}

/* =========================================================
MARKER
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-marker{

    position:absolute;

    top:50%;

    width:18px;

    height:18px;

    border-radius:50%;

    background:#ffffff;

    border:4px solid #111111;

    transform:
    translate(-50%,-50%);

    box-shadow:
    0 2px 6px rgba(0,0,0,0.18);
}

/* =========================================================
LABELS
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale-labels{

    margin-top:6px;

    display:flex;

    justify-content:space-between;

    font-size:10px;

    color:#1A1A1A;

    font-weight:500;
}

/* =========================================================
TABLET
========================================================= */

@media(max-width:768px){

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-list{

        gap:22px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-content{

        grid-template-columns:
        36px
        60px
        1fr;

        gap:12px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-flag{

        width:30px;
        height:30px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score{

        font-size:18px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-range{

        font-size:11px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale{

        height:10px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-marker{

        width:16px;
        height:16px;

        border-width:3px;
    }

}

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

@media(max-width:520px){

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-list{

        gap:20px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-country-name{

        font-size:13px;

        margin-bottom:8px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-content{

        grid-template-columns:
        30px
        54px
        1fr;

        gap:10px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-flag{

        width:26px;
        height:26px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score{

        font-size:16px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-range{

        font-size:10px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale{

        height:9px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-marker{

        width:14px;
        height:14px;

        border-width:3px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale-labels{

        font-size:9px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f5d853 *//* =========================================================
MODERN FLAT DATATABLE UI
COLORS:
#019AAA
#1C922F
#F5F5FA
========================================================= */

/* =========================================================
GLOBAL
========================================================= */

*{
    box-sizing:border-box;
}

html,
body{

    margin:0;
    padding:0;

    width:100%;

    background:#F5F5FA;

    overflow-x:hidden;

    font-family:Inter,sans-serif;
}

.dashboard{

    width:100%;

    padding:18px;

    background:#F5F5FA;

    color:#111827;
}

/* =========================================================
TITLE
========================================================= */

.topnav{

    margin-bottom:14px;
}

.topnav .active{

    font-size:clamp(18px,2vw,24px);

    font-weight:700;

    color:#019AAA;

    line-height:1.2;
}

/* =========================================================
SEARCH
========================================================= */

.filterbar{

    margin-bottom:14px;
}

.filterbar input{

    width:100%;

    height:44px;

    padding:0 14px;

    border:1px solid #DCE5EC;

    border-radius:12px;

    background:#FFFFFF;

    font-size:13px;

    color:#111827;

    transition:.18s ease;
}

.filterbar input:focus{

    outline:none;

    border-color:#019AAA;

    box-shadow:
    0 0 0 3px rgba(1,154,170,.08);
}

/* =========================================================
FILTERS
========================================================= */

.filterbar-advanced{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(180px,1fr));

    gap:10px;

    margin-bottom:18px;
}

.filter-group{

    display:flex;

    flex-direction:column;

    gap:6px;
}

.filter-group label{

    font-size:11px;

    font-weight:700;

    color:#019AAA;

    letter-spacing:.02em;
}

.filter-group select,
.filter-group input{

    width:100%;

    height:40px;

    padding:0 12px;

    border:1px solid #DCE5EC;

    border-radius:10px;

    background:#FFFFFF;

    font-size:13px;

    color:#111827;

    transition:.18s ease;
}

.filter-group select:focus,
.filter-group input:focus{

    outline:none;

    border-color:#019AAA;

    box-shadow:
    0 0 0 3px rgba(1,154,170,.08);
}

.range{

    display:flex;

    gap:6px;
}

/* =========================================================
TABLE WRAPPER
========================================================= */

.table-card{

    width:100%;

    overflow-x:auto;

    background:#FFFFFF;

    border:1px solid #E6EDF2;

    border-radius:18px;

    box-shadow:
    0 1px 4px rgba(15,23,42,.03);

    -webkit-overflow-scrolling:touch;

    scrollbar-width:thin;

    scrollbar-color:#019AAA transparent;
}

/* =========================================================
SCROLLBAR
========================================================= */

.table-card::-webkit-scrollbar{

    height:6px;
}

.table-card::-webkit-scrollbar-thumb{

    background:#CCD6DF;

    border-radius:999px;
}

/* =========================================================
TABLE
========================================================= */

table.dataTable{

    width:100% !important;

    min-width:1050px;

    border-collapse:collapse !important;

    background:#FFFFFF;
}

/* =========================================================
HEADER
========================================================= */

table.dataTable thead th,
table.dataTable thead td{

    background:#FAFCFF !important;

    color:#019AAA !important;

    font-size:10px !important;

    font-weight:700 !important;

    text-transform:uppercase;

    letter-spacing:.06em;

    padding:13px 10px !important;

    border-bottom:1px solid #E8EEF3 !important;

    white-space:nowrap;
}

/* =========================================================
BODY
========================================================= */

table.dataTable tbody td{

    padding:11px 10px !important;

    border-bottom:1px solid #EFF4F8;

    font-size:12px;

    font-weight:500;

    color:#111827 !important;

    vertical-align:top;

    white-space:nowrap;

    transition:.15s ease;
}

/* =========================================================
TITLE COLUMN
========================================================= */

table.dataTable td:nth-child(5){

    white-space:normal;

    min-width:240px;

    line-height:1.4;
}

/* =========================================================
ROWS
========================================================= */

table.dataTable tbody tr{

    background:#FFFFFF !important;

    transition:.15s ease;
}

/* =========================================================
HOVER
========================================================= */

table.dataTable tbody tr:hover{

    background:#019AAA !important;
}

table.dataTable tbody tr:hover td{

    color:#FFFFFF !important;
}

table.dataTable tbody tr:hover td *{

    color:#FFFFFF !important;
}

/* =========================================================
FLAG ICON
========================================================= */

.flag-column{

    width:32px !important;

    min-width:32px !important;

    text-align:center !important;
}

.flag-icon{

    width:15px;

    height:15px;

    border-radius:50%;

    object-fit:cover;

    display:block;

    margin:auto;
}

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

.dataTables_wrapper .dataTables_paginate{

    padding:10px 0 !important;

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    gap:4px !important;

    flex-wrap:wrap !important;
}

/* BUTTON */

.dataTables_wrapper .paginate_button{

    min-width:26px !important;

    height:26px !important;

    padding:0 8px !important;

    border:none !important;

    border-radius:8px !important;

    background:#EDF4F7 !important;

    color:#4B5563 !important;

    font-size:11px !important;

    font-weight:600 !important;

    line-height:26px !important;

    margin:0 !important;

    transition:.15s ease !important;
}

/* HOVER */

.dataTables_wrapper .paginate_button:hover{

    background:#019AAA !important;

    color:#FFFFFF !important;

    border:none !important;
}

/* ACTIVE */

.dataTables_wrapper .paginate_button.current{

    background:#019AAA !important;

    color:#FFFFFF !important;

    border:none !important;
}

/* DISABLED */

.dataTables_wrapper .paginate_button.disabled{

    opacity:.4 !important;

    cursor:default !important;
}

/* REMOVE DT BLUE */

.dataTables_wrapper .paginate_button:focus{

    outline:none !important;

    box-shadow:none !important;
}

/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:1024px){

    .dashboard{

        padding:14px;
    }

    .filterbar-advanced{

        grid-template-columns:
        repeat(2,1fr);

        gap:8px;
    }

    table.dataTable{

        min-width:760px;
    }

    table.dataTable thead th{

        font-size:9px !important;

        padding:10px 8px !important;
    }

    table.dataTable tbody td{

        font-size:11px;

        padding:8px !important;
    }

    .flag-icon{

        width:14px;
        height:14px;
    }

}

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

@media(max-width:768px){

    .dashboard{

        padding:12px;
    }

    .filterbar-advanced{

        grid-template-columns:1fr;
    }

    .range{

        flex-direction:column;
    }

    table.dataTable{

        min-width:720px;
    }

    table.dataTable td:nth-child(5){

        min-width:180px;
    }

}

/* =========================================================
SMALL DEVICES
========================================================= */

@media(max-width:480px){

    .topnav .active{

        font-size:17px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af707ba *//* =========================================================
POPUP / ELEMENTOR FULL WIDTH
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box;
}

.elementor-43056 .elementor-element.elementor-element-af707ba .elementor-widget-container{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
}

/* =========================================================
GLOBAL
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba *{
    box-sizing:border-box;
}

.elementor-43056 .elementor-element.elementor-element-af707ba body{
    margin:0;
    padding:0;
    background:transparent;
    font-family:Inter,sans-serif;
    color:#111827;
}

/* =========================================================
WRAPPER
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .gti-wrapper{
    width:100%;
}

/* =========================================================
TITLE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba h1{
    font-size:15px;
    font-weight:700;
    color:#019AAA;
    margin-bottom:16px;
    letter-spacing:-0.2px;
}

/* =========================================================
CARD
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .card{
    width:100%;
    background:#ffffff;
    border:1px solid #edf1f5;
    border-radius:16px;
    padding:18px;
    box-shadow:
    0 2px 8px rgba(15,23,42,0.03);
}

/* =========================================================
GRID
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-grid{
    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(180px,1fr));

    gap:12px;
}

/* =========================================================
FORM GROUP
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group{
    display:flex;
    flex-direction:column;
    gap:6px;
}

/* LABEL */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group label{
    font-size:11px;
    font-weight:600;
    color:#019AAA;
    padding-left:2px;
}

/* INPUT */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group input{
    width:100%;
    height:40px;
    padding:0 12px;
    border:1px solid #dbe1ea;
    border-radius:10px;
    background:#ffffff;
    color:#111827;
    font-size:13px;
    transition:all .18s ease;
}

/* FOCUS */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group input:focus{
    outline:none;
    border-color:019AAA;
    box-shadow:
    0 0 0 3px rgba(8,199,146,0.12);
}

/* =========================================================
BUTTONS
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .button-group{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:18px;
}

/* BASE */

.elementor-43056 .elementor-element.elementor-element-af707ba button{
    height:38px !important;
    padding:0 16px !important;
    border:none;
    border-radius:10px;
    cursor:pointer;
    font-size:12px !important;
    font-weight:600;
    transition:all .18s ease;
    font-family:Inter,sans-serif;
}

/* PRIMARY */

.elementor-43056 .elementor-element.elementor-element-af707ba .calc-btn{
    background:#019AAA;
    color:#ffffff;
}

/* PRIMARY HOVER */

.elementor-43056 .elementor-element.elementor-element-af707ba .calc-btn:hover{
    background:#07b383;
    transform:translateY(-1px);
}

/* RESET */

.elementor-43056 .elementor-element.elementor-element-af707ba .reset-btn{
    background:#f3f6f9;
    color:#374151;
}

/* RESET HOVER */

.elementor-43056 .elementor-element.elementor-element-af707ba .reset-btn:hover{
    background:#e8edf2;
}

/* =========================================================
RESULT
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .result-box{
    margin-top:18px;
    background:#f8fafc;
    border:1px solid #edf1f5;
    border-radius:14px;
    padding:22px;
    text-align:center;
}

/* LABEL */

.elementor-43056 .elementor-element.elementor-element-af707ba .result-label{
    font-size:11px;
    font-weight:600;
    color:#019AAA !important;
    margin-bottom:10px;
    text-transform:uppercase;
    letter-spacing:.4px;
}

/* SCORE */

.elementor-43056 .elementor-element.elementor-element-af707ba .result-score{
    font-size:52px !important;
    font-weight:700;
    color:#A83F41 !important;
    line-height:1;
    letter-spacing:-1px;
}

/* RAW */

.elementor-43056 .elementor-element.elementor-element-af707ba .raw-score{
    margin-top:12px;
    font-size:13px;
    font-weight:600;
    color:#019AAA;
}

/* =========================================================
INFO BOX
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-box{
    margin-top:18px;

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(120px,1fr));

    gap:10px;
}

/* CARD */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-card{
    background:#ffffff;
    border:1px solid #edf1f5;
    border-radius:12px;
    padding:16px;
    text-align:center;
}

/* TITLE */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-title{
    font-size:10px;
    font-weight:600;
    color:#6b7280;
    margin-bottom:8px;
    text-transform:uppercase;
    letter-spacing:.3px;
}

/* VALUE */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-value{
    font-size:24px !important;
    font-weight:700;
    color:#019AAA !important;
}

/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:768px){

    .elementor-43056 .elementor-element.elementor-element-af707ba .card{
        padding:16px;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba .form-grid{
        grid-template-columns:1fr;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba .result-score{
        font-size:42px !important;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba .info-box{
        grid-template-columns:1fr;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba button{
        width:100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-098e7c6 *//* =========================================================
ELEMENTOR FIX
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6{

    width:100%;

    max-width:100%;

    background:#F5F7FA;

    overflow:visible;
}

/* =========================================================
GLOBAL
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 *{
    box-sizing:border-box;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-wrap{

    width:100%;

    font-family:'Inter',sans-serif;

    background:#F5F7FA;
}

/* =========================================================
LOADING
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading{

    min-height:180px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:14px;

    color:#6B7280;

    font-size:13px;

    font-weight:500;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots{

    display:flex;

    gap:8px;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots span{

    width:10px;
    height:10px;

    border-radius:50%;

    background:#08C792;

    animation:gtiDots 1s infinite ease-in-out;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots span:nth-child(2){

    animation-delay:.15s;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots span:nth-child(3){

    animation-delay:.3s;
}

@keyframes gtiDots{

    0%,
    80%,
    100%{

        transform:scale(.55);

        opacity:.35;
    }

    40%{

        transform:scale(1);

        opacity:1;
    }

}

/* =========================================================
LIST
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-list{

    display:flex;

    flex-direction:column;

    gap:26px;
}

/* =========================================================
ROW
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-row{

    width:100%;
}

/* =========================================================
COUNTRY NAME
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-country-name{

    font-size:14px;

    font-weight:600;

    color:#08C792;

    margin-bottom:10px;

    line-height:1.2;
}

/* =========================================================
CONTENT
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-content{

    display:grid;

    grid-template-columns:
    42px
    72px
    1fr;

    align-items:center;

    gap:16px;
}

/* =========================================================
FLAG
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-flag{

    width:36px;
    height:36px;

    border-radius:50%;

    object-fit:cover;

    display:block;
}

/* =========================================================
SCORE BLOCK
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score-block{

    display:flex;

    flex-direction:column;

    gap:4px;
}

/* =========================================================
SCORE TOP
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score-top{

    display:flex;

    align-items:flex-start;

    gap:4px;
}

/* =========================================================
SCORE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score{

    font-size:22px;

    line-height:1;

    font-weight:700;

    color:#111827;

    letter-spacing:-0.8px;
}

/* =========================================================
RANGE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-range{

    font-size:12px;

    color:#6B7280;

    line-height:1.3;
}

/* =========================================================
SCALE WRAP
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale-wrap{

    width:100%;
}

/* =========================================================
SCALE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale{

    position:relative;

    width:100%;

    height:12px;

    border-radius:999px;

    overflow:hidden;

    background:
    linear-gradient(
        to right,
        #C90000 0%,
        #E03A00 24%,
        #FF8C00 48%,
        #A5D400 72%,
        #47C000 100%
    );
}

/* =========================================================
MARKER
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-marker{

    position:absolute;

    top:50%;

    width:18px;

    height:18px;

    border-radius:50%;

    background:#ffffff;

    border:4px solid #111111;

    transform:
    translate(-50%,-50%);

    box-shadow:
    0 2px 6px rgba(0,0,0,0.18);
}

/* =========================================================
LABELS
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale-labels{

    margin-top:6px;

    display:flex;

    justify-content:space-between;

    font-size:10px;

    color:#1A1A1A;

    font-weight:500;
}

/* =========================================================
TABLET
========================================================= */

@media(max-width:768px){

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-list{

        gap:22px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-content{

        grid-template-columns:
        36px
        60px
        1fr;

        gap:12px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-flag{

        width:30px;
        height:30px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score{

        font-size:18px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-range{

        font-size:11px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale{

        height:10px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-marker{

        width:16px;
        height:16px;

        border-width:3px;
    }

}

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

@media(max-width:520px){

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-list{

        gap:20px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-country-name{

        font-size:13px;

        margin-bottom:8px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-content{

        grid-template-columns:
        30px
        54px
        1fr;

        gap:10px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-flag{

        width:26px;
        height:26px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score{

        font-size:16px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-range{

        font-size:10px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale{

        height:9px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-marker{

        width:14px;
        height:14px;

        border-width:3px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale-labels{

        font-size:9px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f5d853 *//* =========================================================
MODERN FLAT DATATABLE UI
COLORS:
#019AAA
#1C922F
#F5F5FA
========================================================= */

/* =========================================================
GLOBAL
========================================================= */

*{
    box-sizing:border-box;
}

html,
body{

    margin:0;
    padding:0;

    width:100%;

    background:#F5F5FA;

    overflow-x:hidden;

    font-family:Inter,sans-serif;
}

.dashboard{

    width:100%;

    padding:18px;

    background:#F5F5FA;

    color:#111827;
}

/* =========================================================
TITLE
========================================================= */

.topnav{

    margin-bottom:14px;
}

.topnav .active{

    font-size:clamp(18px,2vw,24px);

    font-weight:700;

    color:#019AAA;

    line-height:1.2;
}

/* =========================================================
SEARCH
========================================================= */

.filterbar{

    margin-bottom:14px;
}

.filterbar input{

    width:100%;

    height:44px;

    padding:0 14px;

    border:1px solid #DCE5EC;

    border-radius:12px;

    background:#FFFFFF;

    font-size:13px;

    color:#111827;

    transition:.18s ease;
}

.filterbar input:focus{

    outline:none;

    border-color:#019AAA;

    box-shadow:
    0 0 0 3px rgba(1,154,170,.08);
}

/* =========================================================
FILTERS
========================================================= */

.filterbar-advanced{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(180px,1fr));

    gap:10px;

    margin-bottom:18px;
}

.filter-group{

    display:flex;

    flex-direction:column;

    gap:6px;
}

.filter-group label{

    font-size:11px;

    font-weight:700;

    color:#019AAA;

    letter-spacing:.02em;
}

.filter-group select,
.filter-group input{

    width:100%;

    height:40px;

    padding:0 12px;

    border:1px solid #DCE5EC;

    border-radius:10px;

    background:#FFFFFF;

    font-size:13px;

    color:#111827;

    transition:.18s ease;
}

.filter-group select:focus,
.filter-group input:focus{

    outline:none;

    border-color:#019AAA;

    box-shadow:
    0 0 0 3px rgba(1,154,170,.08);
}

.range{

    display:flex;

    gap:6px;
}

/* =========================================================
TABLE WRAPPER
========================================================= */

.table-card{

    width:100%;

    overflow-x:auto;

    background:#FFFFFF;

    border:1px solid #E6EDF2;

    border-radius:18px;

    box-shadow:
    0 1px 4px rgba(15,23,42,.03);

    -webkit-overflow-scrolling:touch;

    scrollbar-width:thin;

    scrollbar-color:#019AAA transparent;
}

/* =========================================================
SCROLLBAR
========================================================= */

.table-card::-webkit-scrollbar{

    height:6px;
}

.table-card::-webkit-scrollbar-thumb{

    background:#CCD6DF;

    border-radius:999px;
}

/* =========================================================
TABLE
========================================================= */

table.dataTable{

    width:100% !important;

    min-width:1050px;

    border-collapse:collapse !important;

    background:#FFFFFF;
}

/* =========================================================
HEADER
========================================================= */

table.dataTable thead th,
table.dataTable thead td{

    background:#FAFCFF !important;

    color:#019AAA !important;

    font-size:10px !important;

    font-weight:700 !important;

    text-transform:uppercase;

    letter-spacing:.06em;

    padding:13px 10px !important;

    border-bottom:1px solid #E8EEF3 !important;

    white-space:nowrap;
}

/* =========================================================
BODY
========================================================= */

table.dataTable tbody td{

    padding:11px 10px !important;

    border-bottom:1px solid #EFF4F8;

    font-size:12px;

    font-weight:500;

    color:#111827 !important;

    vertical-align:top;

    white-space:nowrap;

    transition:.15s ease;
}

/* =========================================================
TITLE COLUMN
========================================================= */

table.dataTable td:nth-child(5){

    white-space:normal;

    min-width:240px;

    line-height:1.4;
}

/* =========================================================
ROWS
========================================================= */

table.dataTable tbody tr{

    background:#FFFFFF !important;

    transition:.15s ease;
}

/* =========================================================
HOVER
========================================================= */

table.dataTable tbody tr:hover{

    background:#019AAA !important;
}

table.dataTable tbody tr:hover td{

    color:#FFFFFF !important;
}

table.dataTable tbody tr:hover td *{

    color:#FFFFFF !important;
}

/* =========================================================
FLAG ICON
========================================================= */

.flag-column{

    width:32px !important;

    min-width:32px !important;

    text-align:center !important;
}

.flag-icon{

    width:15px;

    height:15px;

    border-radius:50%;

    object-fit:cover;

    display:block;

    margin:auto;
}

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

.dataTables_wrapper .dataTables_paginate{

    padding:10px 0 !important;

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    gap:4px !important;

    flex-wrap:wrap !important;
}

/* BUTTON */

.dataTables_wrapper .paginate_button{

    min-width:26px !important;

    height:26px !important;

    padding:0 8px !important;

    border:none !important;

    border-radius:8px !important;

    background:#EDF4F7 !important;

    color:#4B5563 !important;

    font-size:11px !important;

    font-weight:600 !important;

    line-height:26px !important;

    margin:0 !important;

    transition:.15s ease !important;
}

/* HOVER */

.dataTables_wrapper .paginate_button:hover{

    background:#019AAA !important;

    color:#FFFFFF !important;

    border:none !important;
}

/* ACTIVE */

.dataTables_wrapper .paginate_button.current{

    background:#019AAA !important;

    color:#FFFFFF !important;

    border:none !important;
}

/* DISABLED */

.dataTables_wrapper .paginate_button.disabled{

    opacity:.4 !important;

    cursor:default !important;
}

/* REMOVE DT BLUE */

.dataTables_wrapper .paginate_button:focus{

    outline:none !important;

    box-shadow:none !important;
}

/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:1024px){

    .dashboard{

        padding:14px;
    }

    .filterbar-advanced{

        grid-template-columns:
        repeat(2,1fr);

        gap:8px;
    }

    table.dataTable{

        min-width:760px;
    }

    table.dataTable thead th{

        font-size:9px !important;

        padding:10px 8px !important;
    }

    table.dataTable tbody td{

        font-size:11px;

        padding:8px !important;
    }

    .flag-icon{

        width:14px;
        height:14px;
    }

}

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

@media(max-width:768px){

    .dashboard{

        padding:12px;
    }

    .filterbar-advanced{

        grid-template-columns:1fr;
    }

    .range{

        flex-direction:column;
    }

    table.dataTable{

        min-width:720px;
    }

    table.dataTable td:nth-child(5){

        min-width:180px;
    }

}

/* =========================================================
SMALL DEVICES
========================================================= */

@media(max-width:480px){

    .topnav .active{

        font-size:17px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af707ba *//* =========================================================
POPUP / ELEMENTOR FULL WIDTH
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box;
}

.elementor-43056 .elementor-element.elementor-element-af707ba .elementor-widget-container{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
}

/* =========================================================
GLOBAL
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba *{
    box-sizing:border-box;
}

.elementor-43056 .elementor-element.elementor-element-af707ba body{
    margin:0;
    padding:0;
    background:transparent;
    font-family:Inter,sans-serif;
    color:#111827;
}

/* =========================================================
WRAPPER
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .gti-wrapper{
    width:100%;
}

/* =========================================================
TITLE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba h1{
    font-size:15px;
    font-weight:700;
    color:#019AAA;
    margin-bottom:16px;
    letter-spacing:-0.2px;
}

/* =========================================================
CARD
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .card{
    width:100%;
    background:#ffffff;
    border:1px solid #edf1f5;
    border-radius:16px;
    padding:18px;
    box-shadow:
    0 2px 8px rgba(15,23,42,0.03);
}

/* =========================================================
GRID
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-grid{
    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(180px,1fr));

    gap:12px;
}

/* =========================================================
FORM GROUP
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group{
    display:flex;
    flex-direction:column;
    gap:6px;
}

/* LABEL */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group label{
    font-size:11px;
    font-weight:600;
    color:#019AAA;
    padding-left:2px;
}

/* INPUT */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group input{
    width:100%;
    height:40px;
    padding:0 12px;
    border:1px solid #dbe1ea;
    border-radius:10px;
    background:#ffffff;
    color:#111827;
    font-size:13px;
    transition:all .18s ease;
}

/* FOCUS */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group input:focus{
    outline:none;
    border-color:019AAA;
    box-shadow:
    0 0 0 3px rgba(8,199,146,0.12);
}

/* =========================================================
BUTTONS
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .button-group{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:18px;
}

/* BASE */

.elementor-43056 .elementor-element.elementor-element-af707ba button{
    height:38px !important;
    padding:0 16px !important;
    border:none;
    border-radius:10px;
    cursor:pointer;
    font-size:12px !important;
    font-weight:600;
    transition:all .18s ease;
    font-family:Inter,sans-serif;
}

/* PRIMARY */

.elementor-43056 .elementor-element.elementor-element-af707ba .calc-btn{
    background:#019AAA;
    color:#ffffff;
}

/* PRIMARY HOVER */

.elementor-43056 .elementor-element.elementor-element-af707ba .calc-btn:hover{
    background:#07b383;
    transform:translateY(-1px);
}

/* RESET */

.elementor-43056 .elementor-element.elementor-element-af707ba .reset-btn{
    background:#f3f6f9;
    color:#374151;
}

/* RESET HOVER */

.elementor-43056 .elementor-element.elementor-element-af707ba .reset-btn:hover{
    background:#e8edf2;
}

/* =========================================================
RESULT
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .result-box{
    margin-top:18px;
    background:#f8fafc;
    border:1px solid #edf1f5;
    border-radius:14px;
    padding:22px;
    text-align:center;
}

/* LABEL */

.elementor-43056 .elementor-element.elementor-element-af707ba .result-label{
    font-size:11px;
    font-weight:600;
    color:#019AAA !important;
    margin-bottom:10px;
    text-transform:uppercase;
    letter-spacing:.4px;
}

/* SCORE */

.elementor-43056 .elementor-element.elementor-element-af707ba .result-score{
    font-size:52px !important;
    font-weight:700;
    color:#A83F41 !important;
    line-height:1;
    letter-spacing:-1px;
}

/* RAW */

.elementor-43056 .elementor-element.elementor-element-af707ba .raw-score{
    margin-top:12px;
    font-size:13px;
    font-weight:600;
    color:#019AAA;
}

/* =========================================================
INFO BOX
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-box{
    margin-top:18px;

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(120px,1fr));

    gap:10px;
}

/* CARD */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-card{
    background:#ffffff;
    border:1px solid #edf1f5;
    border-radius:12px;
    padding:16px;
    text-align:center;
}

/* TITLE */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-title{
    font-size:10px;
    font-weight:600;
    color:#6b7280;
    margin-bottom:8px;
    text-transform:uppercase;
    letter-spacing:.3px;
}

/* VALUE */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-value{
    font-size:24px !important;
    font-weight:700;
    color:#019AAA !important;
}

/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:768px){

    .elementor-43056 .elementor-element.elementor-element-af707ba .card{
        padding:16px;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba .form-grid{
        grid-template-columns:1fr;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba .result-score{
        font-size:42px !important;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba .info-box{
        grid-template-columns:1fr;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba button{
        width:100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-098e7c6 *//* =========================================================
ELEMENTOR FIX
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6{

    width:100%;

    max-width:100%;

    background:#F5F7FA;

    overflow:visible;
}

/* =========================================================
GLOBAL
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 *{
    box-sizing:border-box;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-wrap{

    width:100%;

    font-family:'Inter',sans-serif;

    background:#F5F7FA;
}

/* =========================================================
LOADING
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading{

    min-height:180px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:14px;

    color:#6B7280;

    font-size:13px;

    font-weight:500;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots{

    display:flex;

    gap:8px;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots span{

    width:10px;
    height:10px;

    border-radius:50%;

    background:#08C792;

    animation:gtiDots 1s infinite ease-in-out;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots span:nth-child(2){

    animation-delay:.15s;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots span:nth-child(3){

    animation-delay:.3s;
}

@keyframes gtiDots{

    0%,
    80%,
    100%{

        transform:scale(.55);

        opacity:.35;
    }

    40%{

        transform:scale(1);

        opacity:1;
    }

}

/* =========================================================
LIST
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-list{

    display:flex;

    flex-direction:column;

    gap:26px;
}

/* =========================================================
ROW
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-row{

    width:100%;
}

/* =========================================================
COUNTRY NAME
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-country-name{

    font-size:14px;

    font-weight:600;

    color:#08C792;

    margin-bottom:10px;

    line-height:1.2;
}

/* =========================================================
CONTENT
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-content{

    display:grid;

    grid-template-columns:
    42px
    72px
    1fr;

    align-items:center;

    gap:16px;
}

/* =========================================================
FLAG
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-flag{

    width:36px;
    height:36px;

    border-radius:50%;

    object-fit:cover;

    display:block;
}

/* =========================================================
SCORE BLOCK
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score-block{

    display:flex;

    flex-direction:column;

    gap:4px;
}

/* =========================================================
SCORE TOP
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score-top{

    display:flex;

    align-items:flex-start;

    gap:4px;
}

/* =========================================================
SCORE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score{

    font-size:22px;

    line-height:1;

    font-weight:700;

    color:#111827;

    letter-spacing:-0.8px;
}

/* =========================================================
RANGE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-range{

    font-size:12px;

    color:#6B7280;

    line-height:1.3;
}

/* =========================================================
SCALE WRAP
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale-wrap{

    width:100%;
}

/* =========================================================
SCALE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale{

    position:relative;

    width:100%;

    height:12px;

    border-radius:999px;

    overflow:hidden;

    background:
    linear-gradient(
        to right,
        #C90000 0%,
        #E03A00 24%,
        #FF8C00 48%,
        #A5D400 72%,
        #47C000 100%
    );
}

/* =========================================================
MARKER
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-marker{

    position:absolute;

    top:50%;

    width:18px;

    height:18px;

    border-radius:50%;

    background:#ffffff;

    border:4px solid #111111;

    transform:
    translate(-50%,-50%);

    box-shadow:
    0 2px 6px rgba(0,0,0,0.18);
}

/* =========================================================
LABELS
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale-labels{

    margin-top:6px;

    display:flex;

    justify-content:space-between;

    font-size:10px;

    color:#1A1A1A;

    font-weight:500;
}

/* =========================================================
TABLET
========================================================= */

@media(max-width:768px){

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-list{

        gap:22px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-content{

        grid-template-columns:
        36px
        60px
        1fr;

        gap:12px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-flag{

        width:30px;
        height:30px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score{

        font-size:18px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-range{

        font-size:11px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale{

        height:10px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-marker{

        width:16px;
        height:16px;

        border-width:3px;
    }

}

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

@media(max-width:520px){

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-list{

        gap:20px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-country-name{

        font-size:13px;

        margin-bottom:8px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-content{

        grid-template-columns:
        30px
        54px
        1fr;

        gap:10px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-flag{

        width:26px;
        height:26px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score{

        font-size:16px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-range{

        font-size:10px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale{

        height:9px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-marker{

        width:14px;
        height:14px;

        border-width:3px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale-labels{

        font-size:9px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f5d853 *//* =========================================================
MODERN FLAT DATATABLE UI
COLORS:
#019AAA
#1C922F
#F5F5FA
========================================================= */

/* =========================================================
GLOBAL
========================================================= */

*{
    box-sizing:border-box;
}

html,
body{

    margin:0;
    padding:0;

    width:100%;

    background:#F5F5FA;

    overflow-x:hidden;

    font-family:Inter,sans-serif;
}

.dashboard{

    width:100%;

    padding:18px;

    background:#F5F5FA;

    color:#111827;
}

/* =========================================================
TITLE
========================================================= */

.topnav{

    margin-bottom:14px;
}

.topnav .active{

    font-size:clamp(18px,2vw,24px);

    font-weight:700;

    color:#019AAA;

    line-height:1.2;
}

/* =========================================================
SEARCH
========================================================= */

.filterbar{

    margin-bottom:14px;
}

.filterbar input{

    width:100%;

    height:44px;

    padding:0 14px;

    border:1px solid #DCE5EC;

    border-radius:12px;

    background:#FFFFFF;

    font-size:13px;

    color:#111827;

    transition:.18s ease;
}

.filterbar input:focus{

    outline:none;

    border-color:#019AAA;

    box-shadow:
    0 0 0 3px rgba(1,154,170,.08);
}

/* =========================================================
FILTERS
========================================================= */

.filterbar-advanced{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(180px,1fr));

    gap:10px;

    margin-bottom:18px;
}

.filter-group{

    display:flex;

    flex-direction:column;

    gap:6px;
}

.filter-group label{

    font-size:11px;

    font-weight:700;

    color:#019AAA;

    letter-spacing:.02em;
}

.filter-group select,
.filter-group input{

    width:100%;

    height:40px;

    padding:0 12px;

    border:1px solid #DCE5EC;

    border-radius:10px;

    background:#FFFFFF;

    font-size:13px;

    color:#111827;

    transition:.18s ease;
}

.filter-group select:focus,
.filter-group input:focus{

    outline:none;

    border-color:#019AAA;

    box-shadow:
    0 0 0 3px rgba(1,154,170,.08);
}

.range{

    display:flex;

    gap:6px;
}

/* =========================================================
TABLE WRAPPER
========================================================= */

.table-card{

    width:100%;

    overflow-x:auto;

    background:#FFFFFF;

    border:1px solid #E6EDF2;

    border-radius:18px;

    box-shadow:
    0 1px 4px rgba(15,23,42,.03);

    -webkit-overflow-scrolling:touch;

    scrollbar-width:thin;

    scrollbar-color:#019AAA transparent;
}

/* =========================================================
SCROLLBAR
========================================================= */

.table-card::-webkit-scrollbar{

    height:6px;
}

.table-card::-webkit-scrollbar-thumb{

    background:#CCD6DF;

    border-radius:999px;
}

/* =========================================================
TABLE
========================================================= */

table.dataTable{

    width:100% !important;

    min-width:1050px;

    border-collapse:collapse !important;

    background:#FFFFFF;
}

/* =========================================================
HEADER
========================================================= */

table.dataTable thead th,
table.dataTable thead td{

    background:#FAFCFF !important;

    color:#019AAA !important;

    font-size:10px !important;

    font-weight:700 !important;

    text-transform:uppercase;

    letter-spacing:.06em;

    padding:13px 10px !important;

    border-bottom:1px solid #E8EEF3 !important;

    white-space:nowrap;
}

/* =========================================================
BODY
========================================================= */

table.dataTable tbody td{

    padding:11px 10px !important;

    border-bottom:1px solid #EFF4F8;

    font-size:12px;

    font-weight:500;

    color:#111827 !important;

    vertical-align:top;

    white-space:nowrap;

    transition:.15s ease;
}

/* =========================================================
TITLE COLUMN
========================================================= */

table.dataTable td:nth-child(5){

    white-space:normal;

    min-width:240px;

    line-height:1.4;
}

/* =========================================================
ROWS
========================================================= */

table.dataTable tbody tr{

    background:#FFFFFF !important;

    transition:.15s ease;
}

/* =========================================================
HOVER
========================================================= */

table.dataTable tbody tr:hover{

    background:#019AAA !important;
}

table.dataTable tbody tr:hover td{

    color:#FFFFFF !important;
}

table.dataTable tbody tr:hover td *{

    color:#FFFFFF !important;
}

/* =========================================================
FLAG ICON
========================================================= */

.flag-column{

    width:32px !important;

    min-width:32px !important;

    text-align:center !important;
}

.flag-icon{

    width:15px;

    height:15px;

    border-radius:50%;

    object-fit:cover;

    display:block;

    margin:auto;
}

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

.dataTables_wrapper .dataTables_paginate{

    padding:10px 0 !important;

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    gap:4px !important;

    flex-wrap:wrap !important;
}

/* BUTTON */

.dataTables_wrapper .paginate_button{

    min-width:26px !important;

    height:26px !important;

    padding:0 8px !important;

    border:none !important;

    border-radius:8px !important;

    background:#EDF4F7 !important;

    color:#4B5563 !important;

    font-size:11px !important;

    font-weight:600 !important;

    line-height:26px !important;

    margin:0 !important;

    transition:.15s ease !important;
}

/* HOVER */

.dataTables_wrapper .paginate_button:hover{

    background:#019AAA !important;

    color:#FFFFFF !important;

    border:none !important;
}

/* ACTIVE */

.dataTables_wrapper .paginate_button.current{

    background:#019AAA !important;

    color:#FFFFFF !important;

    border:none !important;
}

/* DISABLED */

.dataTables_wrapper .paginate_button.disabled{

    opacity:.4 !important;

    cursor:default !important;
}

/* REMOVE DT BLUE */

.dataTables_wrapper .paginate_button:focus{

    outline:none !important;

    box-shadow:none !important;
}

/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:1024px){

    .dashboard{

        padding:14px;
    }

    .filterbar-advanced{

        grid-template-columns:
        repeat(2,1fr);

        gap:8px;
    }

    table.dataTable{

        min-width:760px;
    }

    table.dataTable thead th{

        font-size:9px !important;

        padding:10px 8px !important;
    }

    table.dataTable tbody td{

        font-size:11px;

        padding:8px !important;
    }

    .flag-icon{

        width:14px;
        height:14px;
    }

}

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

@media(max-width:768px){

    .dashboard{

        padding:12px;
    }

    .filterbar-advanced{

        grid-template-columns:1fr;
    }

    .range{

        flex-direction:column;
    }

    table.dataTable{

        min-width:720px;
    }

    table.dataTable td:nth-child(5){

        min-width:180px;
    }

}

/* =========================================================
SMALL DEVICES
========================================================= */

@media(max-width:480px){

    .topnav .active{

        font-size:17px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af707ba *//* =========================================================
POPUP / ELEMENTOR FULL WIDTH
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box;
}

.elementor-43056 .elementor-element.elementor-element-af707ba .elementor-widget-container{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
}

/* =========================================================
GLOBAL
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba *{
    box-sizing:border-box;
}

.elementor-43056 .elementor-element.elementor-element-af707ba body{
    margin:0;
    padding:0;
    background:transparent;
    font-family:Inter,sans-serif;
    color:#111827;
}

/* =========================================================
WRAPPER
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .gti-wrapper{
    width:100%;
}

/* =========================================================
TITLE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba h1{
    font-size:15px;
    font-weight:700;
    color:#019AAA;
    margin-bottom:16px;
    letter-spacing:-0.2px;
}

/* =========================================================
CARD
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .card{
    width:100%;
    background:#ffffff;
    border:1px solid #edf1f5;
    border-radius:16px;
    padding:18px;
    box-shadow:
    0 2px 8px rgba(15,23,42,0.03);
}

/* =========================================================
GRID
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-grid{
    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(180px,1fr));

    gap:12px;
}

/* =========================================================
FORM GROUP
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group{
    display:flex;
    flex-direction:column;
    gap:6px;
}

/* LABEL */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group label{
    font-size:11px;
    font-weight:600;
    color:#019AAA;
    padding-left:2px;
}

/* INPUT */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group input{
    width:100%;
    height:40px;
    padding:0 12px;
    border:1px solid #dbe1ea;
    border-radius:10px;
    background:#ffffff;
    color:#111827;
    font-size:13px;
    transition:all .18s ease;
}

/* FOCUS */

.elementor-43056 .elementor-element.elementor-element-af707ba .form-group input:focus{
    outline:none;
    border-color:019AAA;
    box-shadow:
    0 0 0 3px rgba(8,199,146,0.12);
}

/* =========================================================
BUTTONS
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .button-group{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:18px;
}

/* BASE */

.elementor-43056 .elementor-element.elementor-element-af707ba button{
    height:38px !important;
    padding:0 16px !important;
    border:none;
    border-radius:10px;
    cursor:pointer;
    font-size:12px !important;
    font-weight:600;
    transition:all .18s ease;
    font-family:Inter,sans-serif;
}

/* PRIMARY */

.elementor-43056 .elementor-element.elementor-element-af707ba .calc-btn{
    background:#019AAA;
    color:#ffffff;
}

/* PRIMARY HOVER */

.elementor-43056 .elementor-element.elementor-element-af707ba .calc-btn:hover{
    background:#07b383;
    transform:translateY(-1px);
}

/* RESET */

.elementor-43056 .elementor-element.elementor-element-af707ba .reset-btn{
    background:#f3f6f9;
    color:#374151;
}

/* RESET HOVER */

.elementor-43056 .elementor-element.elementor-element-af707ba .reset-btn:hover{
    background:#e8edf2;
}

/* =========================================================
RESULT
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .result-box{
    margin-top:18px;
    background:#f8fafc;
    border:1px solid #edf1f5;
    border-radius:14px;
    padding:22px;
    text-align:center;
}

/* LABEL */

.elementor-43056 .elementor-element.elementor-element-af707ba .result-label{
    font-size:11px;
    font-weight:600;
    color:#019AAA !important;
    margin-bottom:10px;
    text-transform:uppercase;
    letter-spacing:.4px;
}

/* SCORE */

.elementor-43056 .elementor-element.elementor-element-af707ba .result-score{
    font-size:52px !important;
    font-weight:700;
    color:#A83F41 !important;
    line-height:1;
    letter-spacing:-1px;
}

/* RAW */

.elementor-43056 .elementor-element.elementor-element-af707ba .raw-score{
    margin-top:12px;
    font-size:13px;
    font-weight:600;
    color:#019AAA;
}

/* =========================================================
INFO BOX
========================================================= */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-box{
    margin-top:18px;

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(120px,1fr));

    gap:10px;
}

/* CARD */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-card{
    background:#ffffff;
    border:1px solid #edf1f5;
    border-radius:12px;
    padding:16px;
    text-align:center;
}

/* TITLE */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-title{
    font-size:10px;
    font-weight:600;
    color:#6b7280;
    margin-bottom:8px;
    text-transform:uppercase;
    letter-spacing:.3px;
}

/* VALUE */

.elementor-43056 .elementor-element.elementor-element-af707ba .info-value{
    font-size:24px !important;
    font-weight:700;
    color:#019AAA !important;
}

/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:768px){

    .elementor-43056 .elementor-element.elementor-element-af707ba .card{
        padding:16px;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba .form-grid{
        grid-template-columns:1fr;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba .result-score{
        font-size:42px !important;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba .info-box{
        grid-template-columns:1fr;
    }

    .elementor-43056 .elementor-element.elementor-element-af707ba button{
        width:100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-098e7c6 *//* =========================================================
ELEMENTOR FIX
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6{

    width:100%;

    max-width:100%;

    background:#F5F7FA;

    overflow:visible;
}

/* =========================================================
GLOBAL
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 *{
    box-sizing:border-box;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-wrap{

    width:100%;

    font-family:'Inter',sans-serif;

    background:#F5F7FA;
}

/* =========================================================
LOADING
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading{

    min-height:180px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:14px;

    color:#6B7280;

    font-size:13px;

    font-weight:500;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots{

    display:flex;

    gap:8px;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots span{

    width:10px;
    height:10px;

    border-radius:50%;

    background:#08C792;

    animation:gtiDots 1s infinite ease-in-out;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots span:nth-child(2){

    animation-delay:.15s;
}

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-loading-dots span:nth-child(3){

    animation-delay:.3s;
}

@keyframes gtiDots{

    0%,
    80%,
    100%{

        transform:scale(.55);

        opacity:.35;
    }

    40%{

        transform:scale(1);

        opacity:1;
    }

}

/* =========================================================
LIST
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-list{

    display:flex;

    flex-direction:column;

    gap:26px;
}

/* =========================================================
ROW
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-row{

    width:100%;
}

/* =========================================================
COUNTRY NAME
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-country-name{

    font-size:14px;

    font-weight:600;

    color:#08C792;

    margin-bottom:10px;

    line-height:1.2;
}

/* =========================================================
CONTENT
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-content{

    display:grid;

    grid-template-columns:
    42px
    72px
    1fr;

    align-items:center;

    gap:16px;
}

/* =========================================================
FLAG
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-flag{

    width:36px;
    height:36px;

    border-radius:50%;

    object-fit:cover;

    display:block;
}

/* =========================================================
SCORE BLOCK
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score-block{

    display:flex;

    flex-direction:column;

    gap:4px;
}

/* =========================================================
SCORE TOP
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score-top{

    display:flex;

    align-items:flex-start;

    gap:4px;
}

/* =========================================================
SCORE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score{

    font-size:22px;

    line-height:1;

    font-weight:700;

    color:#111827;

    letter-spacing:-0.8px;
}

/* =========================================================
RANGE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-range{

    font-size:12px;

    color:#6B7280;

    line-height:1.3;
}

/* =========================================================
SCALE WRAP
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale-wrap{

    width:100%;
}

/* =========================================================
SCALE
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale{

    position:relative;

    width:100%;

    height:12px;

    border-radius:999px;

    overflow:hidden;

    background:
    linear-gradient(
        to right,
        #C90000 0%,
        #E03A00 24%,
        #FF8C00 48%,
        #A5D400 72%,
        #47C000 100%
    );
}

/* =========================================================
MARKER
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-marker{

    position:absolute;

    top:50%;

    width:18px;

    height:18px;

    border-radius:50%;

    background:#ffffff;

    border:4px solid #111111;

    transform:
    translate(-50%,-50%);

    box-shadow:
    0 2px 6px rgba(0,0,0,0.18);
}

/* =========================================================
LABELS
========================================================= */

.elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale-labels{

    margin-top:6px;

    display:flex;

    justify-content:space-between;

    font-size:10px;

    color:#1A1A1A;

    font-weight:500;
}

/* =========================================================
TABLET
========================================================= */

@media(max-width:768px){

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-list{

        gap:22px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-content{

        grid-template-columns:
        36px
        60px
        1fr;

        gap:12px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-flag{

        width:30px;
        height:30px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score{

        font-size:18px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-range{

        font-size:11px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale{

        height:10px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-marker{

        width:16px;
        height:16px;

        border-width:3px;
    }

}

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

@media(max-width:520px){

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-ranking-list{

        gap:20px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-country-name{

        font-size:13px;

        margin-bottom:8px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-content{

        grid-template-columns:
        30px
        54px
        1fr;

        gap:10px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-flag{

        width:26px;
        height:26px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-score{

        font-size:16px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-range{

        font-size:10px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale{

        height:9px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-marker{

        width:14px;
        height:14px;

        border-width:3px;
    }

    .elementor-43056 .elementor-element.elementor-element-098e7c6 .gti-scale-labels{

        font-size:9px;
    }

}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-451eec5 *//* =========================================================
GLOBAL
========================================================= */

*{
    box-sizing:border-box;
}

html,
body{

    margin:0;
    padding:0;

    width:100%;

    background:#F5F7FA !important;

    font-family:Inter,sans-serif;

    color:#111827;

    overflow-x:hidden;
}

/* =========================================================
LOADER
========================================================= */

#loader{

    position:fixed;

    inset:0;

    background:#F5F7FA;

    z-index:99999;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;
}

/* RING */

.loader-ring{

    position:absolute;

    width:120px;
    height:120px;

    border-radius:50%;

    border:3px solid
    rgba(8,199,146,0.12);

    border-top:
    3px solid #08C792;

    animation:
    spin 1s linear infinite;
}

/* LOGO */

.loader-logo{

    width:64px;

    height:64px;

    object-fit:contain;

    position:relative;

    z-index:2;
}

/* TEXT */

.loader-text{

    margin-top:24px;

    font-size:14px;

    font-weight:600;

    color:#08C792;

    letter-spacing:.2px;
}

/* =========================================================
LOADER ANIMATION
========================================================= */

@keyframes spin{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

/* =========================================================
DASHBOARD
========================================================= */

.dashboard{

    width:100%;

    padding:24px;

    background:#F5F7FA;

    color:#111827;
}

/* =========================================================
TITLE
========================================================= */

.topnav{
    margin-bottom:20px;
}

.topnav .active{

    font-size:24px;

    font-weight:700;

    color:#08C792;

    line-height:1.2;
}

/* =========================================================
SEARCH
========================================================= */

.filterbar{
    margin-bottom:20px;
}

.filterbar input{

    width:100%;

    padding:12px 16px;

    border:1px solid #dbe1ea;

    border-radius:12px;

    font-size:14px;

    background:#ffffff;

    transition:all .18s ease;
}

.filterbar input:focus{

    outline:none;

    border-color:#08C792;

    box-shadow:
    0 0 0 3px rgba(8,199,146,0.12);
}

/* =========================================================
FILTERS
========================================================= */

.filterbar-advanced{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(180px,1fr));

    gap:14px;

    margin-bottom:24px;
}

.filter-group{

    display:flex;

    flex-direction:column;

    gap:8px;
}

.filter-group label{

    font-size:12px;

    font-weight:600;

    color:#08C792;
}

.filter-group select,
.filter-group input{

    width:100%;

    padding:10px 12px;

    border:1px solid #dbe1ea;

    border-radius:10px;

    font-size:14px;

    background:#ffffff;

    transition:all .18s ease;
}

.filter-group select:focus,
.filter-group input:focus{

    outline:none;

    border-color:#08C792;

    box-shadow:
    0 0 0 3px rgba(8,199,146,0.10);
}

/* RANGE */

.range{

    display:flex;

    gap:8px;
}

/* =========================================================
LIVE STATS
========================================================= */

.live-stats{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(180px,1fr));

    gap:14px;

    margin-bottom:24px;
}

.live-card{

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:16px;

    padding:18px;

    box-shadow:
    0 2px 8px rgba(15,23,42,0.03);

    transition:all .18s ease;
}

.live-card:hover{

    transform:translateY(-1px);

    box-shadow:
    0 4px 14px rgba(15,23,42,0.05);
}

.live-label{

    font-size:11px;

    font-weight:600;

    color:#6b7280;

    margin-bottom:10px;

    text-transform:uppercase;

    letter-spacing:.4px;
}

.live-value{

    font-size:32px;

    font-weight:700;

    color:#08C792;

    line-height:1;
}

/* =========================================================
TABLE WRAPPER
========================================================= */

.table-card{

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:18px;

    overflow-x:auto;

    overflow-y:hidden;

    box-shadow:
    0 2px 8px rgba(15,23,42,0.03);
}

/* =========================================================
TABLE
========================================================= */

table.dataTable{

    width:100% !important;

    border-collapse:collapse !important;
}

/* HEADER */

table.dataTable thead th{

    background:#f8fafc;

    font-size:11px;

    font-weight:700;

    color:#6b7280;

    text-transform:uppercase;

    letter-spacing:.4px;

    padding:14px 12px;

    border-bottom:1px solid #edf1f5;

    white-space:nowrap;
}

/* BODY */

table.dataTable tbody td{

    padding:12px;

    border-bottom:1px solid #f1f5f9;

    font-size:13px;

    color:#111827;

    transition:
    background .18s ease,
    color .18s ease;
}

/* =========================================================
STARKER HOVER
========================================================= */

table.dataTable tbody tr{

    transition:all .18s ease;
}

table.dataTable tbody tr:hover{

    background:
    rgba(8,199,146,0.20) !important;
}

table.dataTable tbody tr:hover td{

    background:
    rgba(8,199,146,0.20) !important;

    color:#0E2836 !important;

    font-weight:600;
}

/* =========================================================
FLAGGEN
========================================================= */

.flag-column{

    width:40px !important;

    min-width:40px !important;

    text-align:center !important;
}

.flag-icon{

    width:20px;

    height:20px;

    border-radius:50%;

    object-fit:cover;

    display:block;

    margin:auto;
}

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

.dataTables_wrapper .dataTables_paginate{

    padding:14px 0 !important;

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    gap:6px !important;

    flex-wrap:wrap !important;
}

.dataTables_wrapper .paginate_button{

    min-width:28px !important;

    height:28px !important;

    padding:0 10px !important;

    border:none !important;

    border-radius:8px !important;

    background:#eef2f5 !important;

    color:#6b7280 !important;

    font-size:11px !important;

    font-weight:600 !important;

    line-height:28px !important;

    transition:all .18s ease !important;

    margin:0 !important;
}

.dataTables_wrapper .paginate_button:hover{

    background:#dff7ef !important;

    color:#08C792 !important;
}

.dataTables_wrapper .paginate_button.current{

    background:#08C792 !important;

    color:#ffffff !important;
}

.dataTables_wrapper .paginate_button.disabled{

    opacity:.45 !important;

    cursor:default !important;
}

/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:1024px){

    .dashboard{
        padding:16px;
    }

    .filterbar-advanced{

        grid-template-columns:
        repeat(2,1fr);
    }

    .live-stats{

        grid-template-columns:
        repeat(2,1fr);
    }

}

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

@media(max-width:768px){

    .dashboard{
        padding:14px;
    }

    .filterbar-advanced{

        grid-template-columns:1fr;
    }

    .live-stats{

        grid-template-columns:1fr;
    }

    .range{

        flex-direction:column;
    }

    table.dataTable thead th{

        font-size:10px;

        padding:10px 8px;
    }

    table.dataTable tbody td{

        font-size:11px;

        padding:9px 8px;
    }

    .live-value{

        font-size:26px;
    }

    .flag-icon{

        width:16px;
        height:16px;
    }

    .flag-column{

        width:32px !important;

        min-width:32px !important;
    }

    .loader-ring{

        width:95px;
        height:95px;
    }

    .loader-logo{

        width:52px;
        height:52px;
    }

}

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

@media(max-width:480px){

    .dashboard{
        padding:12px;
    }

    .topnav .active{

        font-size:18px;
    }

    .live-card{

        padding:15px;
    }

    .live-value{

        font-size:24px;
    }

}/* End custom CSS */