/*!
 * clientlibs-components.min.css — F11 per-component clientlib CSS (NEWS-285)
 * Ported from the AEM per-component clientlibs (prncom.herobanner / clientlib.accordion /
 * clientlib.statisticsNumbers) that are NOT concatenated into clientlibs-common. SCSS→CSS
 * compiled with dart-sass (compressed); banner.css is already plain CSS (verbatim).
 * Source: prncom/ui.apps/.../components/content/{heroBanner,accordion,statisticsNumbers}/clientlib/css/
 */
/* ===== heroBanner: components/content/heroBanner/clientlib/css/banner.css (verbatim) ===== */
.heroBannerContainer {
    /*background: url(/content/dam/prnwidget/dummy.jpg);
    background-size: cover;*/
    background-color:#063369;
    background-repeat: no-repeat;
    padding: 54px 0 35px;
}


.heroBannerContainer .colBoxWrap {
    display: grid;
    grid-template-columns: 60% 35%;
    gap: 5%;
    align-items: center;
}
.heroBannerContainer .colBoxWrap.equalColumnBox{
   grid-template-columns: 41% 50%;
   align-items: flex-start;
   gap: 9%;
}

.heroBannerContainer .colBoxWrap.fullColBoxWrap{
   grid-template-columns: 100%;
}
.heroBannerContainer .colBoxWrap.vAlignCenter{
   align-items: center;
}

.heroBannerContainer .heroCaption h1, .heroBannerContainer .heroCaption h2, .heroBannerContainer .heroCaption h3, .heroBannerContainer .heroCaption h4, .heroBannerContainer .heroCaption h5, .heroBannerContainer .heroCaption h6 {
    font-family: proxima-nova, sans-serif !important;
    font-weight: bold;
    color: #fff;
    font-size: 48px;
    line-height: 1.1;
}

.heroBannerContainer .heroCaption p{
    color: #fff;
    font-size: 22px;
}

.heroBanner-btnAction {
    display: flex;
    gap: 15px;
    margin: 80px 0 30px;
}

.heroBannerContainer .equalColumnBox .heroCaption h1, .heroBannerContainer .equalColumnBox .heroCaption h2, .heroBannerContainer .equalColumnBox  .heroCaption h3, .heroBannerContainer  .equalColumnBox  .heroCaption h4, .heroBannerContainer .equalColumnBox  .heroCaption h5, .heroBannerContainer .equalColumnBox  .heroCaption h6 {
    font-size: 32px;
    line-height: 38.4px;
    margin:8px 0 15px;
}
.heroBannerContainer  .equalColumnBox .heroCaption p{
    line-height:25.6px;
    font-size: 16px;
}
.equalColumnBox .heroBanner-btnAction{
     gap: 28px;
}
.removeSpace{
    margin: 24px 0 0;
 }

.heroBanner-btnAction .txtlink {
    color: white;
    font-weight: bold;
    border: 1px solid white;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 6px 15px;
    transition: 0.5s all;

}

.heroBanner-btnAction .txtlink:hover {
    text-decoration: none;
    color: white;
    border-radius:0;
}

.heroBanner-btnAction .txtlink.herobtn-primary {
    color: white;
    background: #cc471e;
    border: 1px solid #cc471e;
}

.heroBannerContainer .vidyard{
   margin: 0;
}
@media (max-width: 1099px) {
    .heroBannerContainer .colBoxWrap.equalColumnBox{
            grid-template-columns: 48% 50%;
                gap: 2%;
            }
}

@media (max-width: 939px) {
    .heroBannerContainer {
        padding: 40px 0;
    }
     .heroBannerContainer .colBoxWrap,  .heroBannerContainer .colBoxWrap.equalColumnBox{
        grid-template-columns: 1fr;
        gap: 0;
    }
    .heroBannerContainer .order-mb-1 {
        order: -1;

    }
    .heroBannerContainer .heroCaption h1, .heroBannerContainer .heroCaption h2, .heroBannerContainer .heroCaption h3, .heroBannerContainer .heroCaption h4, .heroBannerContainer .heroCaption h5, .heroBannerContainer .heroCaption h6 {
        font-size: 40px;
    }
    .heroBannerContainer .equalColumnBox .heroCaption h1, .heroBannerContainer .equalColumnBox .heroCaption h2, .heroBannerContainer .equalColumnBox .heroCaption h3, .heroBannerContainer .equalColumnBox .heroCaption h4, .heroBannerContainer .equalColumnBox .heroCaption h5, .heroBannerContainer .equalColumnBox .heroCaption h6{
            margin-top: 20px;
        }
   .heroBannerContainer .heroCaption p {
        font-size: 20px;
    }
    .heroBanner-btnAction {
        margin: 40px 0 10px;
    }
    .removeSpace{
        margin: 25px 0 0;
    }

}

@media (max-width: 639px) {
    .heroBannerContainer {
        padding: 30px 0;
    }

    .heroBannerContainer .heroCaption h1, .heroBannerContainer .heroCaption h2, .heroBannerContainer .heroCaption h3, .heroBannerContainer .heroCaption h4, .heroBannerContainer .heroCaption h5, .heroBannerContainer .heroCaption h6 {
        font-size: 32px;
    }

   .heroBannerContainer .heroCaption p {
        font-size: 18px;
    }
   .heroBannerContainer .equalColumnBox .heroCaption p{
          line-height: 25.6px;
          font-size: 18px;
   }

    .heroBanner-btnAction {
        margin: 0;
    }
    .equalColumnBox .heroBanner-btnAction{
        gap:17px;
    }
     .removeSpace{
        margin: 20px 0 0;
     }

    .heroBanner-btnAction .txtlink {
        border-radius: 0;
        padding: 6px 10px;
        font-size: 13px;
    }


}
/* ===== accordion: components/content/accordion/clientlib/css/accordion.scss (SCSS -> CSS) ===== */
.accordion-Wrapper h2{font-style:normal;font-weight:400;font-size:32px;line-height:40px;padding-bottom:12px;color:#373737;border-bottom:4px solid #063369}@media(max-width: 767px){.accordion-Wrapper h2{font-size:24px;line-height:32px}}.accordion-Wrapper .accordion-card{border-bottom:2px solid #dcdcdc}.accordion-Wrapper .accordion-card .accordion-title{position:relative;font-style:normal;font-weight:700;font-size:18px;line-height:24px;padding:15px 0;margin:0;color:#373737;padding-right:50px;cursor:pointer}.accordion-Wrapper .accordion-card .accordion-title i{position:absolute;right:15px;top:17px;width:20px;height:20px;border:1px solid #e26540;border-radius:20px;color:#e26540}.accordion-Wrapper .accordion-card .accordion-title i:before{position:absolute;font-weight:400;font-size:10px;top:50%;left:50%;transform:translate(-50%, -50%)}.accordion-Wrapper .accordion-card .accordion-title.active i:before{content:""}.accordion-Wrapper .accordion-card .accordion-desc{display:none}.accordion-Wrapper .accordion-card .accordion-desc p{margin-bottom:14px}.accordion-Wrapper .accordion-card .accordion-desc ul{padding:0;list-style-position:inside}.accordion-Wrapper .accordion-card .accordion-desc ul li{padding:4px 0}.accordion-Wrapper .accordion-card .accordion-desc ul.number-list{list-style:decimal;list-style-position:inside}

/* ===== statisticsNumbers: components/content/statisticsNumbers/clientlib/css/statisticsNumbers.scss (SCSS -> CSS) ===== */
.statsSection{padding:50px 0;margin:0}.statsSection .typography{font-weight:bold}.statsSection .grid-textList{padding-top:30px;display:flex;gap:75px;flex-wrap:wrap;text-align:center}.statsSection .grid-textList p{font-size:16px}.statsSection .grid-textList.d-centerAlign{justify-content:center}.statsSection .grid-textList.d-rightAlign{justify-content:flex-end}.statsSection .grid-textList .valueText span{font-family:proxima-nova,sans-serif !important;font-size:74px;margin-bottom:0;line-height:1;font-weight:bold}@media(max-width: 767px){.statsSection .grid-textList{gap:30px;flex-direction:column;align-items:flex-start}}