:root {
    --red: #ED1C24;
    --green: #1A9947;
    --white: #FCFCFC;
    --light-grey: #a2a2a2;
    --grey: #494949;
    --dark-grey: #2F2F2F;
    --black: #000000;
    --grey-odd: #F2F2F2;
    --grey-even: #F9F9F9;
    --popup-bg: #252525;
    /* light -> dark  top -> down */
    --gradient-navbar-fleet-ld: linear-gradient(180deg, #E1DFDF 0%, #BCB9B9 100%);
    /* dark -> light  top -> down */
    --gradient-navbar-fleet-dl: linear-gradient(180deg, #BCB9B9 0%, #E1DFDF 100%);
    --gradient-loc-selected: linear-gradient(180deg, #BCB9B9 0%, #6B6969 100%);
    --gradient-dark-grey: linear-gradient(180deg, #3F3E3E 0%, #494949 100%);
    --gradient-light-grey: linear-gradient(180deg, #BDBABA 0%, #DDDADA 100%);
    --gradient-battery: linear-gradient(180deg, #D0CFCF 0%, rgba(255, 252, 252, 0) 100%);
    --gradient-red: linear-gradient(180deg, #C1171D 0%, #FA0C16 100%);
    --gradient-green: linear-gradient(180deg, #96CC50 0%, #1F7838 100%);
    --box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    --gradient-grey-bar: linear-gradient(90deg,
            #4d4d4d 0%,
            #4b4b4b 2%,
            #393939 15%,
            #2c2c2c 31%,
            #252525 53%,
            #232323 100%);
    --text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

* {
    box-sizing: border-box;
    font-family: 'Ciutadella';
}

:focus {
    outline: none;
}

html,
body {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

button:hover {
    cursor: pointer;
}

label {
    color: var(--red);
    font-weight: normal;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
}

h1 {
    text-shadow: var(--text-shadow);
    font-style: normal;
    font-weight: 400;
    font-size: 64px;
    text-align: center;
}

h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    text-align: center;
    /* for service close btn */
    margin-top: 50px;
}

p,
span {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
}

a {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    text-align: center;
}