:root {

    --saaa-blue: #1f66c7;

    --saaa-blue-dark: #0f2e5c;

    --saaa-grey: #f4f6f9;

    --saaa-text-dark: #1a1a1a;

    --header-height: 99.97px;

    --global-font-family: 'Nunito', sans-serif;

}


.navbar.static-top {

    min-height: var(--header-height);

}


.navbar.static-top .navbar-brand {

    height: var(--header-height);

    display: flex;

    align-items: center;

}


.navbar.static-top .navbar-nav > li > a {

    min-height: var(--header-height);

    display: flex;

    align-items: center;

}


.navbar.static-top .navbar-toggler {

    height: var(--header-height);

    display: flex;

    align-items: center;

}




.sectionPrimaryColor {

    background-color: var(--saaa-blue);

}


a,

a:hover,

a:focus {

    color: var(--saaa-blue);

}


.btn-primary {

    background-color: var(--saaa-blue);

    border-color: var(--saaa-blue);

}


.btn-primary:hover,

.btn-primary:focus {

    background-color: var(--saaa-blue-dark);

    border-color: var(--saaa-blue-dark);

}


.navbar-dark .navbar-nav > li > a:hover,

.navbar-dark .navbar-nav > li > a:focus {

    background-color: var(--saaa-blue);

    color: #ffffff;

}


.page_section {

    background-color: var(--saaa-grey);

    font-family: var(--global-font-family);

}


h1 {

    font-size: 42px;

    font-weight: 600;

    font-family: var(--global-font-family);

}


h2 {

    font-size: 30px;

    font-weight: 600;

    font-family: var(--global-font-family);

}


h3 {

    font-size: 22px;

    font-weight: 600;

    font-family: var(--global-font-family);

}


.crmEntityFormView,

.entitylist {

    border-radius: 6px;

    border: 1px solid #e5e7eb;

}


.card,

.crmEntityFormView,

.entitylist {

    box-shadow: 0 6px 18px rgba(0,0,0,0.06);

}


.sectionBlockLayout {

    padding-top: 0;

    padding-bottom: 0;

}


.saaa-hero {

    background-color: var(--saaa-blue);

    color: #ffffff;

    padding: 80px 20px;

}


.saaa-hero h1,

.saaa-hero h2,

.saaa-hero h3,

.saaa-hero p {

    color: #ffffff;

}


.saaa-portal-card {

    background-color: #ffffff;

    padding: 40px;

    border-radius: 6px;

    max-width: 600px;

    margin: 0 auto;

}


.saaa-hero {

    background: linear-gradient(135deg, rgba(31,102,199,0.95), rgba(15,46,92,0.95));

    padding: 70px 40px 80px;

    text-align: center;

}



.saaa-dashboard {

    margin-top: 40px;

    padding-bottom: 40px;

    position: relative;

    z-index: 1;

}


.saaa-search {

    max-width: 900px;

    margin: 0 auto;

    position: relative;

    z-index: 2;

    margin-bottom: 72px;

}


.saaa-search input {

    height: 52px;

    border-radius: 6px;

    font-size: 16px;

}


.saaa-dashboard {

    margin-top: -60px;

    padding-bottom: 60px;

}


.saaa-tile {

    background-color: #ffffff;

    border-radius: 8px;

    padding: 28px 24px;

    height: 100%;

    color: var(--saaa-text-dark);

    display: flex;

    gap: 16px;

    align-items: flex-start;

    transition: all 0.2s ease;

    box-shadow: 0 10px 28px rgba(0,0,0,0.18);

}


.saaa-tile > div:not(.saaa-tile-icon) {

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

}



.saaa-tile:hover {

    box-shadow: 0 10px 30px rgba(0,0,0,0.12);

    transform: translateY(-4px);

}


.saaa-tile-icon {

    width: 44px;

    height: 44px;

    background-color: var(--saaa-blue);

    color: #ffffff;

    border-radius: 6px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 20px;

    flex-shrink: 0;

}


.saaa-tile h3 {

    margin: 0 0 6px;

    font-size: 18px;

    color: var(--saaa-text-dark);

}


.saaa-tile p {

    margin: 0;

    font-size: 14px;

    color: #555555;

}



.saaa-portal-card h2 {

    color: var(--saaa-blue-dark);

    text-align: center;

}


.saaa-portal-card p {

    text-align: center;

    color: var(--saaa-text-dark);

}


footer .footer-top {

    background-color: var(--saaa-blue-dark);

}


footer .footer-bottom {

    background-color: #e5e7eb;

}


footer,

footer a {

    color: #000000;

}