﻿
.hero-2021 .slide { display: none; margin-left: auto; margin-right: auto; max-width: 1140px; }
    .hero-2021 .slide.active { display: block; }

.hero-2021 .tab .inner { border-bottom: solid 6px #3073E1; color: #000; min-height: 125px; margin-bottom: 0; }
    .hero-2021 .tab .inner .category { font: normal normal 600 16px/18px Zilla Slab; color: #2A5BAA; margin-bottom: 16px; }
    .hero-2021 .tab .inner a.headline { font: normal normal 600 18px/20px Poppins; color: #000; text-decoration: none; }
        .hero-2021 .tab .inner a.headline > div { min-height: 60px; }
    .hero-2021 .tab .inner .subtext { font: normal normal normal 14px/28px Poppins; }
        .hero-2021 .tab .inner .subtext a { color: inherit; }

    .hero-2021 .tab .inner:hover { border-bottom: solid 6px #FF733C; color: #000; min-height: 125px; margin-bottom: 0; }
        .hero-2021 .tab .inner:hover a.headline { font: normal normal 600 18px/20px Poppins; color: #0375DC; text-decoration: none; }
            .hero-2021 .tab .inner:hover a.headline:hover { font: normal normal 600 18px/20px Poppins; color: #0375DC; text-decoration: none; }
        .hero-2021 .tab .inner:hover .subtext { font: normal normal normal 14px/28px Poppins; }
            .hero-2021 .tab .inner:hover .subtext a { color: inherit; }

    .hero-2021 .tab .inner.active { border-bottom: solid 6px #172F84; }
        .hero-2021 .tab .inner.active a.headline { color: #0375DC; text-decoration: underline; }

    .hero-2021 .tab .inner.focus { border-bottom: solid 6px #172F84; }
        .hero-2021 .tab .inner.focus a:focus { color: #0375DC; text-decoration: underline; }

@media (min-width: 992px) {
    .hero-2021 .tab .inner a.headline > div { min-height: 120px; }
}

.hero-2021 .bottomButton { padding-top: 10px; padding-bottom: 0px; margin-bottom: 0px; text-align: right; }
    .hero-2021 .bottomButton a { color: #3073E1; }
        .hero-2021 .bottomButton a:hover { color: #172F84; }

.hero-2021 .xssm .inner { border-bottom: solid 6px #3073E1; }
    .hero-2021 .xssm .inner .category { font: normal normal 600 16px/18px Zilla Slab; color: #2A5BAA; margin-bottom: 16px; }
    .hero-2021 .xssm .inner a.firstheadline { font: normal normal bold 36px/48px Poppins; color: #000; text-decoration: none; }
        .hero-2021 .xssm .inner a.firstheadline:hover { font: normal normal bold 36px/48px Poppins; Poppins; color: #0375DC; text-decoration: none; }
    .hero-2021 .xssm .inner a.headline { font: normal normal 600 18px/20px Poppins; color: #000; text-decoration: none; }
        .hero-2021 .xssm .inner a.headline:hover { font: normal normal 600 18px/20px Poppins; color: #0375DC; text-decoration: none; }
    .hero-2021 .xssm .inner .subtext { font: normal normal normal 14px/28px Poppins; }

    .hero-2021 .xssm .inner:hover { border-bottom: solid 6px #FF733C; }
        .hero-2021 .xssm .inner:hover .category { font: normal normal 600 16px/18px Zilla Slab; color: #2A5BAA; margin-bottom: 16px; }
        .hero-2021 .xssm .inner:hover a.headline { font: normal normal 600 18px/20px Poppins; color: #000; text-decoration: none; }
            .hero-2021 .xssm .inner:hover a.headline:hover { font: normal normal 600 18px/20px Poppins; color: #0375DC; text-decoration: none; }
        .hero-2021 .xssm .inner:hover .subtext { font: normal normal normal 14px/28px Poppins; }
