/********************************* CTS Style Specific *********************************/

:root {
    --cts-navy-color: #000048;
    --cts-teal-color: #1E728C;
    --cts-cyan-color: #36C0CF;
    --cts-blue-color: #3C66CE;
    --heading-color: #2f78c4;
    --link-color: #2f78c4;
    --link-hover-color: #000048;
    --white: #FFFFFF;
    --primary: #000048;
    --accent1-dark: #2E308E;
    --accent2-dark: #2F78C4;
    --accent3-dark: #06C7CC;
    --accent1-medium: #7373D8;
    --accent2-medium: #6AA2DC;
    --accent3-medium: #26EFE9;
    --accent1-light: #85A0F9;
    --accent2-light: #92BBE6;
    --accent3-light: #97F5F7;
    --grey-very-dark: #53565A;
    --grey-dark: #97999B;
    --grey-medium: #D0D0CE;
    --grey-light: #E8E8E6;
    --grey-very-light: #F7F7F5;
    --red: #B81F2D;
    --yellow: #E9C71D;
    --green: #2DB81F;
    --blue-very-light: #E6EFF6;
    --red-light: #F1D2D5;
    --font-family: "Gellix-Regular";
    --font-family-regular: "Gellix-Regular";
    --font-family-regularItalic: "Gellix-RegularItalic";
    --font-family-light: "Gellix-Light";
    --font-family-lightItalic: "Gellix-LightItalic";
    --font-family-semiBold: "Gellix-SemiBold";
    --font-family-semiBoldItalic: "Gellix-SemiBoldItalic";
    --container-background:#F0F8FF;
    --btnGrp-background: #7373D8;
    --btnGrp-txt: #000048;

    --sidebar-height: 100.0vh;
    --top-nav-height:   10.0vh;
    --main-div-height: 90.0vh;
}

.bg-cts-navy {
    background-color: var(--cts-navy-color) !important;
}


.heroSection1CBackground {
    width: 100%;
    /* max-width: 1440px; */
    height: 248px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: linear-gradient(89deg, #5E93EF 11.51%, #C7EDB8 65.48%, #EEE2A0 85.52%, #EFE34A 98.91%);
    border-top: 1px solid #6aa2dc;
}


.containerBackground {
    left: 0;
    right: 0;
    top: 248px;
    background-color: var(--container-background) !important;
}


.fancy-tile {
    background-color: var(--white);
    border-radius: 8px;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
    padding: 16px;
    margin-bottom: 24px;
    min-height: 20vh;
}
.fancy-tile-body {
    font-size: 80%;
}