@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

body {font-family: 'Nunito', sans-serif; font-weight: normal;}
a {font-weight: bold;}
.container-limited {max-width: 1500px;}

.hero-bg-slider::after {content: ''; display: block; z-index: 1; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3rem; background: url('/assets/decor-hero.png'); background-size: 100% 100%;}
.hero-card::after {content: ''; display: block; z-index: 1; position: absolute; bottom: 0; left: 0; width: 100%; height: 1.5rem; background: url('/assets/decor-hero-card.png'); background-size: 100% 100%;}
.hero-card-title {z-index: 1; position: absolute; bottom: calc(100% - 1.5rem); left: 1.5rem; max-width: calc(100% - 3rem); display: inline-block;}
.hero-swiper-navigation {position: absolute; z-index: 1; bottom: 3.5rem; left: 0; width: 100%;}
.hero-swiper-navigation .swiper-button {margin-left: .5rem;}

.box-title {position: absolute; top: 0; transform: translateY(-50%); left: 0; padding: .25rem 1rem .25rem 5.75rem; margin: 0 1.5rem; background: #FFF; border-radius: 1rem;}
.box-title-img {position: absolute; top: 50%; transform: translateY(-50%); left: 1rem; width: 4rem; height: 4rem; border-radius: 100%; overflow: hidden;}
.box-title-img span {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) rotate(-15deg); font-size: 2rem; color: #FFF; opacity: .9;}
.box-title-label {text-transform: uppercase; font-weight: bold;}

.home-news-slider-dots {position: absolute; top: 0; transform: translateY(-50%); right: 1rem;}

.page-title::before {content: ''; display: block; position: absolute; bottom: 100%; left: 0; width: 100%; height: 2rem; background: url('/assets/decor-page-title.png'); background-size: 100% 100%;}

#repd-embed {left: auto !important; right: 2rem; bottom: 1.5rem !important;}

@media (min-width: 768px) {

    .header-navbar::after {content: ''; display: block; position: absolute; top: 100%; left: 0; width: 100%; height: 1rem; background: url('/assets/decor-header.png'); background-size: 100% 100%;}

}

@media (min-width: 992px) {
    
    #repd-embed {right: 2rem; bottom: 7rem !important;}
    
}

@media (min-width: 1200px) {

    .header-mainbar > .container-xl {background: url('/assets/broadview-strong.png') calc(100% - 15px) center no-repeat; background-size: auto 85%;}

}