.elementor-45157 .elementor-element.elementor-element-7d9b4aa4{--display:flex;--min-height:100px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45157 .elementor-element.elementor-element-7d9b4aa4:not(.elementor-motion-effects-element-type-background), .elementor-45157 .elementor-element.elementor-element-7d9b4aa4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F9;}.elementor-45157 .elementor-element.elementor-element-6b9b532{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:30px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-45157 .elementor-element.elementor-element-e59db0e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-45157 .elementor-element.elementor-element-a7d6448{width:var( --container-widget-width, 98% );max-width:98%;--container-widget-width:98%;--container-widget-flex-grow:0;}.elementor-45157 .elementor-element.elementor-element-a7d6448 > .elementor-widget-container{margin:120px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-45157 .elementor-element.elementor-element-a7d6448.elementor-element{--align-self:center;}.elementor-45157 .elementor-element.elementor-element-6dcb8456{--display:flex;--position:fixed;--min-height:0vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:74px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;top:16px;--z-index:5000;}.elementor-45157 .elementor-element.elementor-element-6dcb8456:not(.elementor-motion-effects-element-type-background), .elementor-45157 .elementor-element.elementor-element-6dcb8456 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4dfc063 );}body:not(.rtl) .elementor-45157 .elementor-element.elementor-element-6dcb8456{right:0px;}body.rtl .elementor-45157 .elementor-element.elementor-element-6dcb8456{left:0px;}.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-45157 .elementor-element.elementor-element-256803d8 .elementor-button{background-color:var( --e-global-color-4dfc063 );font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;border-style:solid;border-width:0px 5px 0px 0px;border-color:var( --e-global-color-4dfc063 );padding:20px 20px 20px 20px;}.elementor-45157 .elementor-element.elementor-element-256803d8 .elementor-button:hover, .elementor-45157 .elementor-element.elementor-element-256803d8 .elementor-button:focus{border-color:var( --e-global-color-accent );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-45157 .elementor-element.elementor-element-5ecc44a1{--divider-border-style:solid;--divider-color:var( --e-global-color-1022c53 );--divider-border-width:1px;}.elementor-45157 .elementor-element.elementor-element-5ecc44a1 .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-45157 .elementor-element.elementor-element-5ecc44a1 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-45157 .elementor-element.elementor-element-6e3e0a7b .elementor-button{background-color:var( --e-global-color-4dfc063 );font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;border-style:solid;border-width:0px 5px 0px 0px;border-color:var( --e-global-color-4dfc063 );padding:20px 20px 20px 20px;}.elementor-45157 .elementor-element.elementor-element-6e3e0a7b .elementor-button:hover, .elementor-45157 .elementor-element.elementor-element-6e3e0a7b .elementor-button:focus{border-color:var( --e-global-color-accent );}.elementor-45157 .elementor-element.elementor-element-46d51a17{--divider-border-style:solid;--divider-color:var( --e-global-color-1022c53 );--divider-border-width:1px;}.elementor-45157 .elementor-element.elementor-element-46d51a17 .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-45157 .elementor-element.elementor-element-46d51a17 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-45157 .elementor-element.elementor-element-7b1f3088 .elementor-button{background-color:var( --e-global-color-4dfc063 );font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;border-style:solid;border-width:0px 5px 0px 0px;border-color:var( --e-global-color-4dfc063 );padding:20px 20px 20px 20px;}.elementor-45157 .elementor-element.elementor-element-7b1f3088 .elementor-button:hover, .elementor-45157 .elementor-element.elementor-element-7b1f3088 .elementor-button:focus{border-color:var( --e-global-color-accent );}.elementor-45157 .elementor-element.elementor-element-1c1d510d{--divider-border-style:solid;--divider-color:var( --e-global-color-1022c53 );--divider-border-width:1px;}.elementor-45157 .elementor-element.elementor-element-1c1d510d .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-45157 .elementor-element.elementor-element-1c1d510d .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-45157 .elementor-element.elementor-element-4f4ae52e .elementor-button{background-color:var( --e-global-color-4dfc063 );font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;border-style:solid;border-width:0px 5px 0px 0px;border-color:var( --e-global-color-4dfc063 );padding:20px 20px 20px 20px;}.elementor-45157 .elementor-element.elementor-element-4f4ae52e .elementor-button:hover, .elementor-45157 .elementor-element.elementor-element-4f4ae52e .elementor-button:focus{border-color:var( --e-global-color-accent );}.elementor-45157 .elementor-element.elementor-element-243615ce{--divider-border-style:solid;--divider-color:var( --e-global-color-1022c53 );--divider-border-width:1px;}.elementor-45157 .elementor-element.elementor-element-243615ce .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-45157 .elementor-element.elementor-element-243615ce .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-45157 .elementor-element.elementor-element-6c5297eb .elementor-button{background-color:var( --e-global-color-4dfc063 );font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;border-style:solid;border-width:0px 5px 0px 0px;border-color:var( --e-global-color-4dfc063 );padding:20px 20px 20px 20px;}.elementor-45157 .elementor-element.elementor-element-6c5297eb .elementor-button:hover, .elementor-45157 .elementor-element.elementor-element-6c5297eb .elementor-button:focus{border-color:var( --e-global-color-accent );}.elementor-45157 .elementor-element.elementor-element-4a1ed67c{--display:flex;--position:fixed;--min-height:90px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:20;}.elementor-45157 .elementor-element.elementor-element-4a1ed67c:not(.elementor-motion-effects-element-type-background), .elementor-45157 .elementor-element.elementor-element-4a1ed67c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4dfc063 );}body:not(.rtl) .elementor-45157 .elementor-element.elementor-element-4a1ed67c{left:0px;}body.rtl .elementor-45157 .elementor-element.elementor-element-4a1ed67c{right:0px;}.elementor-widget-testimonial .elementor-testimonial-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-testimonial .elementor-testimonial-name{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial .elementor-testimonial-job{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-45157 .elementor-element.elementor-element-1044b6c > .elementor-widget-container{margin:10px 0px 0px 80px;padding:10px 0px 0px 0px;}body:not(.rtl) .elementor-45157 .elementor-element.elementor-element-1044b6c{left:0px;}body.rtl .elementor-45157 .elementor-element.elementor-element-1044b6c{right:0px;}.elementor-45157 .elementor-element.elementor-element-1044b6c{top:10px;z-index:5000;}.elementor-45157 .elementor-element.elementor-element-1044b6c .elementor-testimonial-wrapper{text-align:center;}@media(max-width:1920px){.elementor-45157 .elementor-element.elementor-element-6dcb8456{--min-height:30vh;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-45157 .elementor-element.elementor-element-256803d8 .elementor-button{padding:10px 10px 10px 10px;}.elementor-45157 .elementor-element.elementor-element-5ecc44a1 .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-45157 .elementor-element.elementor-element-5ecc44a1 .elementor-divider{text-align:center;}.elementor-45157 .elementor-element.elementor-element-6e3e0a7b .elementor-button{padding:10px 10px 10px 10px;}.elementor-45157 .elementor-element.elementor-element-46d51a17 .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-45157 .elementor-element.elementor-element-46d51a17 .elementor-divider{text-align:center;}.elementor-45157 .elementor-element.elementor-element-7b1f3088 .elementor-button{padding:10px 10px 10px 10px;}.elementor-45157 .elementor-element.elementor-element-1c1d510d .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-45157 .elementor-element.elementor-element-1c1d510d .elementor-divider{text-align:center;}.elementor-45157 .elementor-element.elementor-element-4f4ae52e .elementor-button{padding:10px 10px 10px 10px;}.elementor-45157 .elementor-element.elementor-element-243615ce .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-45157 .elementor-element.elementor-element-243615ce .elementor-divider{text-align:center;}.elementor-45157 .elementor-element.elementor-element-6c5297eb .elementor-button{padding:10px 10px 10px 10px;}.elementor-widget-testimonial .elementor-testimonial-content{font-size:var( --e-global-typography-text-font-size );}.elementor-45157 .elementor-element.elementor-element-1044b6c > .elementor-widget-container{padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-45157 .elementor-element.elementor-element-1044b6c{left:10%;}body.rtl .elementor-45157 .elementor-element.elementor-element-1044b6c{right:10%;}.elementor-45157 .elementor-element.elementor-element-1044b6c{top:1%;}.elementor-45157 .elementor-element.elementor-element-1044b6c .elementor-testimonial-wrapper .elementor-testimonial-image img{width:45px;height:45px;}}@media(max-width:1024px){.elementor-45157 .elementor-element.elementor-element-6dcb8456{--min-height:0vh;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;top:0%;--z-index:8000;}body:not(.rtl) .elementor-45157 .elementor-element.elementor-element-6dcb8456{right:0%;}body.rtl .elementor-45157 .elementor-element.elementor-element-6dcb8456{left:0%;}.elementor-45157 .elementor-element.elementor-element-4a1ed67c{--z-index:20;}.elementor-widget-testimonial .elementor-testimonial-content{font-size:var( --e-global-typography-text-font-size );}.elementor-45157 .elementor-element.elementor-element-1044b6c > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-45157 .elementor-element.elementor-element-1044b6c{top:0%;}.elementor-45157 .elementor-element.elementor-element-1044b6c .elementor-testimonial-wrapper .elementor-testimonial-image img{width:45px;height:45px;}}@media(min-width:768px){.elementor-45157 .elementor-element.elementor-element-7d9b4aa4{--width:100%;}.elementor-45157 .elementor-element.elementor-element-6b9b532{--width:100%;}.elementor-45157 .elementor-element.elementor-element-e59db0e{--width:95%;}.elementor-45157 .elementor-element.elementor-element-6dcb8456{--width:5%;}}@media(max-width:1920px) and (min-width:768px){.elementor-45157 .elementor-element.elementor-element-6dcb8456{--width:5%;}}@media(max-width:1200px) and (min-width:768px){.elementor-45157 .elementor-element.elementor-element-6dcb8456{--width:8%;}}@media(max-width:1024px) and (min-width:768px){.elementor-45157 .elementor-element.elementor-element-6dcb8456{--width:11%;}}@media(min-width:2400px){.elementor-45157 .elementor-element.elementor-element-7d9b4aa4{--min-height:0vh;}.elementor-45157 .elementor-element.elementor-element-6dcb8456{--min-height:0vh;}.elementor-widget-testimonial .elementor-testimonial-content{font-size:var( --e-global-typography-text-font-size );}.elementor-45157 .elementor-element.elementor-element-1044b6c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-45157 .elementor-element.elementor-element-1044b6c{left:7%;}body.rtl .elementor-45157 .elementor-element.elementor-element-1044b6c{right:7%;}.elementor-45157 .elementor-element.elementor-element-1044b6c{top:1%;}}@media(max-width:1200px){.elementor-45157 .elementor-element.elementor-element-6dcb8456{--min-height:0vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-45157 .elementor-element.elementor-element-256803d8 > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-45157 .elementor-element.elementor-element-256803d8 .elementor-button{font-size:16px;padding:15px 15px 15px 15px;}.elementor-45157 .elementor-element.elementor-element-6e3e0a7b > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-45157 .elementor-element.elementor-element-6e3e0a7b .elementor-button{font-size:16px;padding:15px 15px 15px 15px;}.elementor-45157 .elementor-element.elementor-element-7b1f3088 > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-45157 .elementor-element.elementor-element-7b1f3088 .elementor-button{font-size:16px;padding:15px 15px 15px 15px;}.elementor-45157 .elementor-element.elementor-element-4f4ae52e > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-45157 .elementor-element.elementor-element-4f4ae52e .elementor-button{font-size:16px;padding:15px 15px 15px 15px;}.elementor-45157 .elementor-element.elementor-element-6c5297eb > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-45157 .elementor-element.elementor-element-6c5297eb .elementor-button{font-size:16px;padding:15px 15px 15px 15px;}.elementor-45157 .elementor-element.elementor-element-1044b6c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-45157 .elementor-element.elementor-element-1044b6c .elementor-testimonial-wrapper .elementor-testimonial-image img{width:45px;height:45px;}}@media(max-width:767px){.elementor-45157 .elementor-element.elementor-element-7d9b4aa4{--min-height:100vh;}.elementor-45157 .elementor-element.elementor-element-6dcb8456{--width:15%;--min-height:0vh;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:7%;--z-index:550;}body:not(.rtl) .elementor-45157 .elementor-element.elementor-element-6dcb8456{right:0%;}body.rtl .elementor-45157 .elementor-element.elementor-element-6dcb8456{left:0%;}.elementor-45157 .elementor-element.elementor-element-256803d8 .elementor-button{font-size:14px;}.elementor-45157 .elementor-element.elementor-element-6e3e0a7b .elementor-button{font-size:14px;}.elementor-45157 .elementor-element.elementor-element-7b1f3088 .elementor-button{font-size:14px;}.elementor-45157 .elementor-element.elementor-element-4f4ae52e .elementor-button{font-size:14px;}.elementor-45157 .elementor-element.elementor-element-6c5297eb .elementor-button{font-size:14px;}.elementor-45157 .elementor-element.elementor-element-4a1ed67c{--min-height:50px;--z-index:20;}.elementor-widget-testimonial .elementor-testimonial-content{font-size:var( --e-global-typography-text-font-size );}.elementor-45157 .elementor-element.elementor-element-1044b6c > .elementor-widget-container{margin:10px 10px 10px 10px;padding:10px 0px 0px 0px;}body:not(.rtl) .elementor-45157 .elementor-element.elementor-element-1044b6c{left:18%;}body.rtl .elementor-45157 .elementor-element.elementor-element-1044b6c{right:18%;}.elementor-45157 .elementor-element.elementor-element-1044b6c{top:-2%;}.elementor-45157 .elementor-element.elementor-element-1044b6c .elementor-testimonial-wrapper .elementor-testimonial-image img{width:34px;height:34px;}}/* Start custom CSS for html, class: .elementor-element-a7d6448 *//* =========================================================
FONTS
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Source+Sans+3:wght@300;400;500;600&display=swap');

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

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

:root{

    --primary:#019AAA;

    --primary-dark:#017d8a;

    --headline:#07293c;

    --text:#314454;

    --text-light:#667085;

    --border:#d9e3ea;

    --surface:#ffffff;

    --surface-light:#f8fbfc;

    --dropdown-bg:#F5F7FA;

    --dark-button:#1C292F;

    --shadow:
    0 10px 28px rgba(7,41,60,.06);

}

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

body{

    font-family:'Source Sans 3',sans-serif;

    background:
    linear-gradient(
        180deg,
        #f8fbfd 0%,
        #eef4f8 100%
    );

    color:var(--text);

    padding:24px;

    font-size:12px;

    line-height:1.45;

    font-weight:400;

}

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

.dashboard{

    display:grid;

    grid-template-columns:
    306px
    1fr;

    gap:22px;

    align-items:start;

}

/* =========================================================
FILTER PANEL
========================================================= */

.filter-panel{

    background:var(--surface);

    border-radius:24px;

    border:1px solid var(--border);

    overflow:hidden;

    box-shadow:var(--shadow);

    position:sticky;

    top:18px;

    max-height:calc(100vh - 36px);

    overflow-y:auto;

}

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

.filter-header{

    background:
    linear-gradient(
        135deg,
        #07293c 0%,
        #063047 50%,
        #019AAA 100%
    );

    color:#ffffff;

    padding:24px 22px;

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

    font-size:14px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.05em;

}

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

.filter-content{

    padding:20px;

}

/* =========================================================
FILTER GROUP
========================================================= */

.filter-group{

    margin-bottom:22px;

}

.filter-group label{

    display:block;

    margin-bottom:10px;

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

    font-size:12px;

    font-weight:600;

    color:var(--headline);

    text-transform:uppercase;

    letter-spacing:.04em;

}

/* =========================================================
INPUTS + SELECTS
========================================================= */

.filter-group select,
.filter-group input[type="number"]{

    width:100%;

    height:46px;

    border-radius:14px;

    border:1px solid #d7e3ea;

    background:#ffffff;

    padding:0 15px;

    font-family:'Source Sans 3',sans-serif;

    font-size:12px;

    color:var(--text);

    transition:.25s ease;

}

.filter-group select:focus,
.filter-group input[type="number"]:focus{

    outline:none;

    border-color:var(--primary);

    box-shadow:
    0 0 0 4px rgba(1,154,170,.10);

}

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

.range-grid{

    display:grid;

    grid-template-columns:
    1fr
    1fr;

    gap:11px;

}

/* =========================================================
MULTI DROPDOWN
========================================================= */

.multi-dropdown{

    position:relative;

}

/* =========================================================
MULTI BUTTON
========================================================= */

.multi-dropdown-button{

    width:100%;

    height:50px;

    border-radius:16px;

    border:1px solid #d7e3ea !important;

    background:#F5F7FA !important;

    padding:0 16px;

    text-align:left;

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

    font-size:12px;

    font-weight:500;

    color:#1E293B !important;

    cursor:pointer;

    transition:.22s ease;

    appearance:none;

    -webkit-appearance:none;

    box-shadow:none !important;

}

/* =========================================================
BUTTON STATES
========================================================= */

.multi-dropdown-button:hover{

    background:#F5F7FA !important;

    border-color:#019AAA !important;

    color:#1E293B !important;

}

.multi-dropdown.active .multi-dropdown-button{

    background:#F5F7FA !important;

    border-color:#019AAA !important;

    color:#1E293B !important;

    box-shadow:
    0 0 0 4px rgba(1,154,170,.10) !important;

}

.multi-dropdown-button:focus{

    outline:none;

    background:#F5F7FA !important;

    color:#1E293B !important;

    border-color:#019AAA !important;

}

/* =========================================================
MULTI MENU
========================================================= */

.multi-dropdown-menu{

    display:none;

    flex-direction:column;

    gap:6px;

    margin-top:10px;

    max-height:220px;

    overflow-y:auto;

    padding:12px;

    border-radius:18px;

    border:1px solid #d7e3ea;

    background:#F5F7FA !important;

}

.multi-dropdown.active .multi-dropdown-menu{

    display:flex;

}

/* =========================================================
CHECKBOX ITEM
========================================================= */

.checkbox-item{

    display:flex;

    align-items:flex-start;

    gap:10px;

    cursor:pointer;

    padding:9px 10px;

    border-radius:10px;

    transition:.18s ease;

    background:transparent;

}

.checkbox-item:hover{

    background:
    rgba(1,154,170,.08);

}

/* =========================================================
CHECKBOX
========================================================= */

.checkbox-item input{

    width:14px;

    height:14px;

    min-width:14px;

    accent-color:var(--primary);

    margin-top:2px;

}

/* =========================================================
CHECKBOX TEXT
========================================================= */

.checkbox-item span{

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

    font-size:11px;

    font-weight:500;

    color:#1E293B !important;

    line-height:1.45;

    text-transform:uppercase;

    word-break:break-word;

}

/* =========================================================
SUCHEN BUTTON
========================================================= */

.apply-btn{

    width:100%;

    height:50px;

    border:none;

    border-radius:16px;

    background:#1C292F !important;

    color:#F8FAFC !important;

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

    font-size:12px;

    font-weight:600;

    cursor:pointer;

    transition:.25s ease;

    margin-bottom:12px;

}

.apply-btn:hover{

    background:#26353C !important;

    transform:translateY(-1px);

    box-shadow:
    0 10px 20px rgba(28,41,47,.18);

}

/* =========================================================
RESET BUTTON
========================================================= */

.reset-btn{

    width:100%;

    height:47px;

    border:1px solid #d7e3ea;

    border-radius:16px;

    background:#F5F7FA !important;

    color:#1E293B !important;

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

    font-size:11px;

    font-weight:600;

    cursor:pointer;

    transition:.25s ease;

    box-shadow:none;

}

.reset-btn:hover{

    background:#F5F7FA !important;

    border-color:#019AAA;

    color:#1E293B !important;

    transform:translateY(-1px);

    box-shadow:
    0 8px 18px rgba(1,154,170,.10);

}

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

.summary-grid{

    display:grid;

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

    gap:16px;

    margin-bottom:20px;

}

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

.summary-card{

    background:#ffffff;

    border-radius:22px;

    border:1px solid var(--border);

    padding:23px;

    min-height:130px;

    box-shadow:var(--shadow);

}

.summary-card span{

    display:block;

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

    font-size:11px;

    font-weight:500;

    color:var(--text-light);

    margin-bottom:14px;

    text-transform:uppercase;

}

.summary-card strong{

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

    font-size:30px;

    font-weight:700;

    color:var(--headline);

}

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

.table-wrapper{

    background:#ffffff;

    border-radius:24px;

    border:1px solid var(--border);

    overflow:auto;

    box-shadow:var(--shadow);

}

table{

    width:100%;

    border-collapse:collapse;

    min-width:1300px;

}

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

thead{

    background:
    linear-gradient(
        135deg,
        #07293c,
        #063047,
        #019AAA
    );

}

thead th{

    padding:16px 18px;

    color:#ffffff;

    text-align:left;

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

    font-size:11px;

    font-weight:600;

    text-transform:uppercase;

    white-space:nowrap;

}

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

tbody tr{

    transition:.18s ease;

    border-bottom:1px solid #edf2f7;

}

tbody td{

    padding:15px 18px;

    font-family:'Source Sans 3',sans-serif;

    font-size:13px;

    font-weight:400;

    color:#344054;

    white-space:nowrap;

    transition:.18s ease;

}

tbody tr:hover{

    background:
    linear-gradient(
        90deg,
        #019AAA,
        #017d8a
    );

}

tbody tr:hover td{

    color:#ffffff;

}

/* =========================================================
LINKS
========================================================= */

tbody td a{

    color:var(--primary);

    text-decoration:none;

    font-weight:600;

    transition:.2s ease;

}

tbody td a:hover{

    color:#ffffff;

    text-decoration:underline;

}

tbody tr:hover td a{

    color:#ffffff !important;

}

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

.table-pagination{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    margin-top:22px;

}

.table-pagination button{

    height:44px;

    padding:0 18px;

    border:none;

    border-radius:14px;

    background:#1C292F;

    color:#ffffff;

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

    font-size:11px;

    font-weight:600;

    cursor:pointer;

    transition:.2s ease;

}

.table-pagination button:hover{

    background:#26353C;

}

.table-pagination button:disabled{

    opacity:.35;

    cursor:not-allowed;

}

#paginationInfo{

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

    font-size:12px;

    font-weight:600;

    color:#07293c;

}

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

.table-wrapper::-webkit-scrollbar,
.multi-dropdown-menu::-webkit-scrollbar,
.filter-panel::-webkit-scrollbar{

    width:4px;

    height:4px;

}

.table-wrapper::-webkit-scrollbar-thumb,
.multi-dropdown-menu::-webkit-scrollbar-thumb,
.filter-panel::-webkit-scrollbar-thumb{

    background:var(--primary);

    border-radius:20px;

}

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

@media(max-width:1365px){

    .dashboard{

        grid-template-columns:1fr;

    }

    .summary-grid{

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

    }

    .filter-panel{

        position:relative;

        top:0;

        max-height:none;

    }

}

/* =========================================================
SMARTPHONE
========================================================= */

@media(max-width:768px){

    body{

        padding:15px;

    }

    .summary-grid{

        grid-template-columns:1fr;

    }

    .filter-header{

        padding:18px 18px;

        font-size:12px;

    }

    .filter-content{

        padding:16px;

    }

    .summary-card{

        padding:18px;

        min-height:100px;

    }

    .summary-card strong{

        font-size:24px;

    }

    .multi-dropdown-button{

        height:44px;

        font-size:11px;

    }

    .checkbox-item span{

        font-size:10px;

    }

    table{

        min-width:1000px;

    }

    .table-pagination{

        flex-wrap:wrap;

    }

}/* End custom CSS */