:root {
    --colour-one: #000;
    --colour-accent: #ECEEF2FF;
    --colour-neutral: #fff;
    --spacing: 20px;
    --spacing-one: 20px;
    --spacing-two: 20px;
    --spacing-three: 30px;
    --spacing-four: 30px;
    --gutter-width: 20px;
}
@media (min-width: 768px) {
    :root {
        --spacing: var(--spacing-one);
        --gutter-width: 30px;
    }
}
@media (min-width: 1024px) {
    :root {
        --spacing: var(--spacing-two);
    }
}
@media (min-width: 1260px) {
    :root {
        --spacing: var(--spacing-three);
    }
}
@media (min-width: 1600px) {
    :root {
        --spacing: var(--spacing-four);
    }
}

/*Base Stylesheets*/
.title-bar{--content-width:100%}.title-bar__content{background:var(--colour-accent);padding-top:var(--spacing);padding-bottom:var(--spacing)}.title-bar__content .text-content{border-radius:20px;padding:var(--spacing);margin-inline:0}.title-bar__content .text-content{width:var(--content-width);position:relative;background:0 0;margin-inline:unset}.title-bar__content .text-content>*{position:relative}.title-bar__content .text-content:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--colour-neutral)}.title-bar__content .text-content.theme:before{background:var(--theme-bg)}.title-bar__content .cms{color:var(--colour-one)}.title-bar__media{padding:0;display:grid;justify-items:flex-start;align-items:center;min-height:240px;width:100%}.title-bar__media__badge,.title-bar__media__image{grid-area:1/1}.title-bar__media__image img{width:100%;height:100%;object-fit:cover;vertical-align:top}.title-bar__media__badge{margin:var(--spacing) var(--gutter-width)}.title-bar .cta-bar{z-index:6}@media (min-width:1024px){.title-bar{--content-width:355px;position:relative;display:grid}.title-bar__content,.title-bar__media{grid-area:1/1}.title-bar .cta-bar{grid-row:2}.title-bar__content{background:0 0;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;z-index:10}.title-bar__content .text-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.title-bar__content .text-content:before{opacity:.85}.title-bar__content .cms ol li+li,.title-bar__content .cms ul li+li{margin-top:10px}.title-bar__media{padding:40px 30px;align-items:flex-end;justify-content:flex-end;min-height:300px}.title-bar__media__image{position:absolute;z-index:5;inset:0;height:100%;object-fit:cover}.title-bar__media__badge{position:relative;z-index:20;margin:0}}@media (min-width:1024px){.title-bar{--content-width:440px}.title-bar__media{min-height:330px}}@media (min-width:1260px){.title-bar{--content-width:545px}.title-bar__media{padding:30px 30px;min-height:400px}}

/*Custom Styles*/

.usn_cmp_heroimage .container-fluid{
    padding-left: 0;
    padding-right: 0;
}

.title-bar__content .text-content{
    padding-bottom: 100px;
}

.title-bar__content .text-content:before {
    opacity: 1;
}

.title-bar__content .text-content__title .title{
    margin-top: 0;    
}

.title-bar__content .slides{
    max-width: 550px;
    border-radius: 20px;
}

.title-bar__content .slides .slick-prev,
.title-bar__content .slides .slick-next{
    top: unset;
    bottom: var(--spacing);
    transform: translateY(0);
    border-radius: 50%;
    background: #2e2c2b;
    color: #fff;
}

.title-bar__content .slides .slick-prev{
    left: var(--spacing);
}

.title-bar__content .slides .slick-next{
    right: var(--spacing);    
}

.title-bar__content .slides .slick-dots{
    position: absolute;
    bottom: var(--spacing);
    left: 0;
    right: 0;
}

.title-bar__media{
    align-items: center;
}

.title-bar__media__image img{
    border-radius: 0;
}

.title-bar__media__badge{
    background: #fff;
    border-radius: var(--base-border-radius);
    padding: var(--spacing);
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    z-index: 100;
    margin: auto;
}

.title-bar__media__badge .title{
    margin: 0;
}

.title-bar__media__badge .link{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.title-bar__media__badge .link .btn{
    min-width: 250px;
}

@media(max-width: 1023px){
    .usn_cmp_heroimage .container{
        max-width: 100%;
    }
    .title-bar__content .slides{
        max-width: 100%;
    }
}