/*
 *  Copyright 2018 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-tabs__tablist {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}
.cmp-tabs__tab {
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  padding: .5rem 1rem;
  cursor: pointer;
}
.cmp-tabs__tab--active {
  border-color: inherit;
}
.cmp-tabs__tabpanel {
  display: none;
}
.cmp-tabs__tabpanel--active {
  display: block;
}

/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/article.css ***!
  \****************************************************************************************************************************/
.article-container {
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    vertical-align: top;
}
.article-container .article-section .article-subTitle p {
    font-weight: 700;
}
.article-container .article-section .article-img {
    margin: 24px 0px;
}
.article-container .article-section .article-img img {
    width: 157px;
    height: 160px;
}
.article-container .article-section .toogle-description,.article-container .article-section .show-less {
    display: none;
}

.article-container .article-section button img {
    height: 16px;
    width: 16px;
    margin-left: 8px;
}
.article-container .article-section .btn-link,
.article-container .article-section .btn-link:active,
.article-container .article-section .btn-link:focus,
.article-container .article-section .btn-link:hover  {
    text-decoration: none;
    color: #3A5CFF;
    padding: 0px;
}
.article-section {
    display: flex;
    flex-direction: column;
    row-gap: 80px;
}
@media (max-width: 991px) {
    .article-container .article-section .article-img img {
        width: 145px;
        height: 160px;
    }
    .article-container {
        padding-left: 24px;
    }
}
@media (max-width: 767px) {
    .article-container .article-section .article-img img {
        width: 148px;
        height: 160px;
    }
    .article-container .article-section .article-subTitle p {
        font-weight: 600;
    }
    .article-container {
        padding-left: 0px;
    }
}
/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/banner.css ***!
  \***************************************************************************************************************************/
section.banner {
  position: relative;
  min-height: 300px;
  width: 100%;
  height: 480px;
  overflow: hidden;
}
section.banner.banner-tile {
  height: 400px;
}

.banner .banner-image {
  width: 100%;
  object-fit: cover;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
.banner.overlay::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.banner.dark-overlay::before {
  background-color: #0f1a2a;
}
.banner .main-content {
  width: 100%;
  padding-top: 230px;
  position: relative;
  z-index: 5;
}
.banner .container {
  position: relative;
  padding: 0 16px;
  display: flex;
}
.banner .main-content .container .content-container {
  max-width: 768px;
}
.banner .main-content .container.right-align {
  justify-content: flex-end;
}
.banner .main-content .container.left-align {
  justify-content: flex-start;
}

.banner .main-content .container .banner-title h1 {
  font-size: 56px;
  font-weight: 400;
  font-family: "Diodrum-Light";
  line-height: 68px;
  max-width: 768px;
}
.banner .main-content .container .landingPageText p {
  margin-bottom: 8px;
  max-width: 768px;
}
.banner .main-content .container .banner-description h2 {
  font-size: 24px;
  line-height: 32px;
  font-family: "Diodrum-Light";
  font-weight: 400;
  margin-bottom: 15px;
  max-width: 768px;
}
.banner.banner-tile .main-content .container .banner-description h3 {
  margin-bottom: 10px;
}
.banner.banner-tile {
  min-height: 200px;
}
.banner.banner-tile .main-content {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding-top: 0;
}
.banner.banner-tile .main-content .container .banner-title h2 {
  width: 100%;
  font-size: 32px;
  font-weight: 500;
  font-family: "Diodrum-Light";
  line-height: 40px;
  text-align: center;
  max-width: 368px;
  margin: 0 auto;
}
.banner.banner-tile .main-content .container {
  display: flex;
  justify-content: center;
}
.banner.banner-tile .main-content .container.left-align {
  justify-content: flex-start;
}
.banner.banner-tile .main-content .container.right-align {
  justify-content: flex-end;
  margin-right: 90px;
}
.banner.banner-tile
  .main-content
  .container.right-align
  .content-container
  .banner-button {
  margin-top: 25px;
}
.banner.banner-tile
  .main-content
  .container.left-align
  .content-container
  .banner-title
  h2,
.banner.banner-tile
  .main-content
  .container.right-align
  .content-container
  .banner-title
  h2 {
  text-align: left;
}
.banner.banner-tile .main-content .container.left-align .content-container,
.banner.banner-tile .main-content .container.right-align .content-container {
  align-items: flex-start;
}
.banner.banner-tile
  .main-content
  .container
  .content-container
  .banner-description
  h3 {
  font-size: 20px;
  font-family: "Diodrum-Light";
  line-height: 32px;
  font-weight: 400;
}
.banner.banner-tile
  .main-content
  .container.right-align
  .content-container
  .banner-description
  h2,
.banner.banner-tile
  .main-content
  .container.left-align
  .content-container
  .banner-description
  h2 {
  text-align: left;
}
.banner.banner-tile .main-content .container .content-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 390px;
}
.banner.banner-tile .main-content .container .banner-button {
  margin-top: 32px;
}
.banner .main-content .container .banner-button {
  margin-top: 15px;
  display: flex;
  gap: 30px;
}
.banner .main-content .container .landingPageText p {
  font-size: 18px;
  line-height: 16px;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.banner:not(.banner-tile):not(.hero-banner) .banner-image{
  object-position:center 45% !important;
}
.banner-image.center {
  object-position: center top;
}
.banner-image.left {
  object-position: left top;
}
.banner-image.right {
  object-position: right top;
}
.banner .banner-button.button-link a.buttonBanner img {
  margin-left: 0;
}
.banner .banner-button.button-link a.buttonBanner.with-icon {
  gap: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.banner .banner-button a.buttonBanner.with-icon:hover svg path{
	stroke:#3A5CFF;
}
/* Hero Banner Css*/
section.banner.hero-banner {
  height: 728px;
}
section.banner.hero-banner .main-content {
  padding-top: 177px;
}
section.banner.hero-banner .main-content .content-container {
  max-width: 568px;
}
.banner.hero-banner .main-content .content-container .banner-title h1 {
  font-size: 48px;
  line-height: 57.6px;
  margin-bottom: 24px;
}
.banner.hero-banner .main-content .content-container .banner-description h2 {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 32px;
}
.gradient-overlay::before {
  background: linear-gradient(
    78.47deg,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(0, 0, 0, 0.7) 48.86%,
    rgba(0, 0, 0, 0.2) 66.42%,
    rgba(15, 26, 42, 0.1) 107.14%,
    rgba(15, 26, 42, 0.6) 107.15%,
    rgba(0, 0, 0, 0) 107.16%
  );
}
.gradient-overlay-left-to-right::before {
  background-image:  linear-gradient(90deg, rgba(23,13,103,1), rgba(23,13,103,0.2)) !important;
  opacity: 100% !important; 
}
/*.banner.gradient-overlay-left-to-right::before {
  opacity: 100% !important; 
}*/

.gradient-overlay-right-to-left::before {
  background-image:  linear-gradient(90deg, rgba(23,13,103,0.4), rgba(23,13,103,1)) !important;
  opacity: 100% !important; 
}

/*.banner.gradient-overlay-right-to-left::before {
  opacity: 100% !important; 
}*/

.gradient-overlay-blue::before {
  background: #170D67 !important;
}

.gradient-overlay-blue::before {
  opacity: 74% !important;
}

.banner.gradient-overlay::before {
  opacity: 50%; 
}
@media (max-width: 991px) {
  section.banner {
    height: 522px;
    min-height: 200px;
  }
  .banner .main-content {
    width: 100%;
    padding-top: 272px;
  }
  section.banner.banner-tile {
    height: 245px;
  }
  .banner .container {
    padding: 0 24px;
  }
  .banner .main-content .container .banner-title h1 {
    font-size: 40px;
    line-height: 48px;
  }
  .banner .main-content .container .banner-description h2 {
    margin-bottom: 15px;
  }
  .banner .main-content .container .content-container {
    max-width: 534px;
  }
  .banner.banner-tile .main-content .container .banner-title h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .banner .main-content .container .banner-button {
    gap: 40px;
  }
  .gradient-overlay::before {
    background: linear-gradient(
      78.47deg,
      rgba(0, 0, 0, 0.9) 0%,
      rgba(0, 0, 0, 0.7) 48.86%,
      rgba(0, 0, 0, 0.2) 88.74%,
      rgba(15, 26, 42, 0.1) 107.16%
    );
  }
  .banner:not(.banner-tile):not(.hero-banner) .banner-image.center{
    object-position:center top !important;
  }
  .banner:not(.banner-tile):not(.hero-banner) .banner-image.right{
    object-position:right top !important;
  }
  .banner:not(.banner-tile):not(.hero-banner) .banner-image.left{
    object-position:left top !important;
  }
}
@media (max-width: 767px) {
  section.banner {
    height: 384px;
  }
	.banner .banner-button a.buttonBanner.with-icon svg {
		width:16px;
		height:16px;
  }
  .banner .banner-button.button-link a.buttonBanner.with-icon {
    gap: 16px;
  }
  .banner .banner-button.button-link a.buttonBanner.with-icon img {
    height: 16px;
    width: 16px;
  }
  section.banner.banner-tile {
    height: 230px;
  }
  .banner.banner-tile
    .main-content
    .container
    .content-container
    .banner-description
    h3 {
    font-size: 16px;
    line-height: 22px;
  }
  .banner .main-content {
    padding-top: 142px;
  }
  .banner .main-content .container .banner-title h1 {
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 0;
  }

  .banner .main-content .container .landingPageText p {
    font-size: 16px;
  }
  .banner .main-content .container .banner-description h2 {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 32px;
  }
  .banner .main-content .container .content-container {
    max-width: 390px;
  }
  .gradient-overlay::before {
    background: linear-gradient(
      36.77deg,
      rgba(0, 0, 0, 0.9) 0%,
      rgba(0, 0, 0, 0.7) 39.66%,
      rgba(15, 26, 42, 0.2) 98.79%
    );
  }
  .banner.banner-tile .main-content .container.right-align {
    margin-right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    
    
  }
  /* Hero Banner Css*/
  section.banner.hero-banner {
    height: 484px;
  }
  section.banner.hero-banner .main-content {
    padding-top: 44px;
  }
  .banner.banner-tile .main-content .container .banner-title h2 {
    font-size: 20px;
    line-height: 30px;
  }
  .banner.hero-banner .main-content .content-container .banner-title h1 {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 24px;
  }
  .banner.hero-banner .main-content .content-container .banner-description h2 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
  }
  .banner:not(.banner-tile) .button-link a[role="button"] {
    padding: 12px;
    font-size: 14px;
    line-height: 14px;
  }
}

/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/button-link.css ***!
  \********************************************************************************************************************************/
.button-section {
    padding: 12px; /* default */
}

    .button-section.left a,
    .link-button.left a{
        margin-left: 0;
        margin-right: auto;
    }

    .button-section.center a,
    .link-button.center a {
        margin-left: auto;
        margin-right: auto;
    }

    .button-section.right a,
    .link-button.right a {
        margin-left: auto;
        margin-right: 0;
    }


.button-link a:hover, .button-link a:focus, .button-link a:active {
    text-decoration : none !important;
}

.button-link .primary,.button-link .secondary,.button-link .inverse-primary,.button-link .inverse-secondary {
    display: flex;
      position: relative;
      overflow: hidden;
      width: fit-content;
      height: fit-content;
      border-radius: 4px;
      text-decoration : none !important;
      font-family: 'Open Sans',sans-serif;
      font-style: normal;
      font-weight: 600;
      align-items: center;
      text-align: center;
  }
  .button-link .load-more-tiles {
      display: none;
  }
  .button-link .primary {
      border: 2px solid #3A5CFF;
      color: #FFFFFF;
      background: #3A5CFF;
  }
  .button-link .primary:hover {
    background: #170D67;
    border: 2px solid #3A5CFF;
  }
  .button-link .primary:focus {
      background: #3A5CFF;
      box-shadow: 0px 0px 3px 2px #FFFFFF66 inset;
      border: 2px solid #3A5CFF;
      outline: none !important;
  }
  .button-link .primary:active {
    background: #170D67;
    border: 2px solid #3A5CFF;
    box-shadow: none;
  }
  .button-link .primary:disabled, .button-link .primary.disabled {
    border: 2px solid #3A5CFF;
    background: #E5E6E8;
    color: #8D929A;
    opacity: initial;
    box-shadow: none;
  }
  .button-link .primary::before, .button-link .secondary::before {
    content: '';
    position: absolute;
    height: 100%;
    transform: translate(-100%, 0);
    border-radius: 0 22px 22px 0;
    left: 0px;
    top: 0px;
    transition: 0.25s ease-in;
  }
  .button-link .primary::before {
    background: rgba(0, 89, 164, 0.4);
  }
  .button-link .primary.disabled::before {
    background: none;
  }
  .button-link .secondary {
      border: 2px solid #3A5CFF;
      color: #3A5CFF;
      background: #FFFFFF;
  }
  .button-link .secondary:hover {
    color: #170D67;
    border: 2px solid #170D67;
    box-shadow: 0px 2px 3px #BFD5E8;
    text-decoration: none !important;
  }
  .button-link .secondary:focus {
    color: #170D67;
    border: 2px solid #170D67;
    box-shadow: 0px 2px 4px #BFD5E8;
    outline: none !important;
  }
  .button-link .secondary:active {
    color: #3A5CFF;
    border: 2px solid #3A5CFF;
    box-shadow: none;
  }
  .button-link .secondary.disabled:active {
    color: #8D929A;
    border: 2px solid #FFFFFF;
    box-shadow: none;
  }
  .button-link .secondary:disabled,
  .button-link .secondary.disabled {
    color: #C0C3C7;
    border: 2px solid #C0C3C7;
    box-shadow: none;
  }
  .button-link .secondary::before {
    background: rgba(0, 89, 164, 0.1);
  }
  .button-link .secondary.disabled::before {
    background: none;
  }
  .button-link .inverse-primary {
      border: 2px solid #FFFFFF;
      color: #3A5CFF;
      background: #FFFFFF;
  }
  .button-link .inverse-primary:hover {
      border: 2px solid #FFFFFF;
      background: none;
      color:#FFFFFF;
  }
  .button-link .inverse-primary:focus {
      outline: none !important;
      box-shadow: inset 0px 0px 3px 2px #BFD5E8;
  } 
  .button-link .inverse-primary.disabled:focus {
    outline: none !important;
    box-shadow: none;
  } 
  .button-link .inverse-primary:disabled,
  .button-link .inverse-primary.disabled {
    color: #8D929A;
    background-color: #FFFFFF;
    border: 2px solid #FFFFFF;
    box-shadow: none;
  }
  
  .button-link .inverse-secondary {
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    background: none;
  }
  .button-link .inverse-secondary:hover {
    border: 2px solid #FFFFFF;
    background: #FFFFFF;
    color:#3A5CFF;
  }
  .button-link .inverse-secondary:focus {
    outline: none !important;
    box-shadow: inset 0px 0px 3px 2px #BFD5E8;
  } 
  .button-link .primary:active::before, .button-link .secondary:active::before {
      width: 55%;
      transform: translate(0, 0);
  }
  .button-link .btn-large {
      padding: 16px 32px;
  }
  @media (min-width: 767px) and (max-width: 991px) {
    .button-link .btn-large {
      padding: 16px 24px;
    }
  }
  .button-link .btn-large img , .btn-link img{
      height: 24px;
      width: 24px;
      margin-left: 24px;
      transition: transform 0.5s ease;
  }
      
  .button-link .btn-large:hover img, .btn-link:hover img {
        transform: translateX(10px);
      }
  .button-link .secondary.btn-large:hover img, .btn-link:hover img {
     filter: brightness(0) saturate(100%) invert(8%) sepia(39%) saturate(689%) hue-rotate(232deg) brightness(91%) contrast(108%);
        }

  .button-link .btn-small img {
      height: 16px;
      width: 16px;
      margin-left: 16px;
      transition: transform 0.5s ease;
  }

  .button-link .btn-small:hover img {
    transform: translateX(5px);
  }

 .button-link .secondary.btn-small:hover img {
    transform: translateX(5px); 
    filter: brightness(0) saturate(100%) invert(8%) sepia(39%) saturate(689%) hue-rotate(232deg) brightness(91%) contrast(108%);
  }

  .button-link .btn-small {
      padding: 12px;
      font-size: 14px;
      line-height: 14px;
  }
  .button-link .btn-large {
      font-size: 16px;
      line-height: 16px;
  }
  .btn-link {
    height: 24px;
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #3A5CFF;
    text-decoration: none;
    width: fit-content;
  }

  .link-button .large {
      font-size: 16px;
      line-height: 16px;
  }
  .link-button .small{
      font-size: 14px;
      line-height: 14px;
  }
  .link-button .btn-link.large img {
    height: 16px;
    width: 16px;
    margin-left: 10px;
    transition: transform 0.5s ease;
    
  }
  .link-button .btn-link.large:hover img {
    transform: translateX(10px);
    filter: brightness(0) saturate(100%) invert(8%) sepia(39%) saturate(689%) hue-rotate(232deg) brightness(91%) contrast(108%);
  }
  .link-button .btn-link.small img {
    height: 14px;
    width: 14px;
    margin-left: 10px;
    transition: transform 0.5s ease;
  }
  .link-button .btn-link.small:hover img {
    transform: translateX(5px);
     filter: brightness(0) saturate(100%) invert(8%) sepia(39%) saturate(689%) hue-rotate(232deg) brightness(91%) contrast(108%);
  }
  
  .btn-link:hover, .btn-link:active {
      color: #170D67;
      /* text-decoration: underline; */
  }
  .btn-link:focus {
      outline: none !important;
      border: 2px solid #BFD5E8;
  }
  
  .btn-link:disabled, .btn-link.disabled {
      color: #8D929A;
  }
  .btn-link:disabled:hover, .btn-link.disabled:hover {
      text-decoration: none;
  }
  .button-link .image-hide{
    display:none;
  }
/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/campaignsplashpage.css ***!
  \***************************************************************************************************************************************/
/*.campaign-splash .main-container, .campaign-splash .main-container .background-image{
    position: absolute;
    width: 100%;
    height: 100%;
  
}*/
.campaign-splash{
    position: fixed;  /* Fixes the div in place relative to the viewport */
    top: 0;           /* Places it at the top of the page */
    left: 0;          /* Places it at the left edge of the page (optional) */
    width: 100%;      /* Makes the div span the full width of the viewport */
    z-index: 1000;
    height: 100%;    
}
.splash-cmp-h1-medium{
    font-family: Diodrum-Medium;
    font-size: 6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 101px;

}
.splash-cmp-h1-light{
    font-family: Diodrum-Light;
    font-size: 6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 101px;

}

.campaign-splash .main-container, .campaign-splash .main-container .background-image{
    height: 100%;
}
.campaign-splash .main-container .background-image img{
    height: 100%;
    width: 100%;
}

.campaign-splash .main-container  .content-container{
    max-width: 60%;
}

.campaign-splash{
    overflow: hidden;
    
}
.campaign-splash  .banner-button.button-link{
display: flex;
gap: 2%;
align-items: center;
}

.campaign-splash  .header-text h1{
    font-family: Diodrum-Light;
    font-size: 6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 101px;
    z-index: 10;
}
.campaign-splash  .description p{
font-family: 'Open Sans',sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
z-index: 10;
}

.campaign-splash .main-container  .content-container .checkbox{
    padding-top: 5px;
    z-index: 10;
}


.campaign-splash .logo{
    cursor: pointer;
    position: absolute;
    top: 10%;
    left: 5%;
    z-index: 10;
    width: 161px;
    height: 40px;
}
.campaign-splash .logo img{
    width: 100%;
    height: 100%;
}


.campaign-splash .overlay::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.campaign-splash .container{
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 10;
    display: flex;
    top: 30%;
}


.campaign-splash .main-container  .container.center{
    justify-content: center;
    text-align: center;
    align-items: center;
    align-content: center;
    right: 0;
    left: 0;
}
.campaign-splash .main-container  .container.center .banner-button.button-link{
    justify-content: center;
}
.campaign-splash .main-container  .container.right-align{
    justify-content: end;

    right: 0;
}
.campaign-splash .main-container  .container.left-align{
 
    padding-left: calc(5% + 51px);
    justify-content: flex-start;
}


.campaign-splash button.btn-close{
    position: absolute;
    top: 50%;
    z-index: 10;

}

.main-container .background-image video{
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.campaign-splash .circular-image{
position: absolute;
    height: max(45vw, 35vh, 150px);
    right: 0;
    width: max(45vw, 35vh, 150px);
    bottom: 0;
    transform: translate(10%, 25%);
    overflow: hidden;
    z-index: 10;
}

.campaign-splash .circular-image .circular-bgImg{

height: 100%;
border-radius: 50%;
position: relative;
width: 100%;
overflow: hidden;
}

.campaign-splash .main-container .background-image .campain-bgImg{
background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    margin: 0px;
    object-fit: cover;
    padding: 0px;
    position: relative;
    width: 100%;
}

   .campaign-splash .cross-icon {
    position: absolute;
    top: 40px;
    right: 40px;
    color: #0F1A2A;
    cursor: pointer;
    width: 24px;
    height: 24px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 2.5px;
    z-index: 10;

}
@media (max-height:680px){
    .splash-cmp-h1-medium{
        font-family: Diodrum-Medium;
        font-size: 67px;
        font-style: normal;
        font-weight: 300;
        line-height: 83px;
    
    }
    .splash-cmp-h1-light{
        font-family: Diodrum-Light;
        font-size: 67px;
        font-style: normal;
        font-weight: 300;
        line-height: 83px;
    
    }

    .campaign-splash  .header-text h1{
        font-family: Diodrum-Light;
        font-size: 67px;
        font-style: normal;
        font-weight: 300;
        line-height: 83px;
    }
}

@media (max-width: 991px) or (max-height:680px){
    .campaign-splash .container {
        top: 25%;
        z-index: 10;
        }
        .campaign-splash .cross-icon {
            top: 30px;
            right: 30px;
            z-index: 10;

        }
       
}
@media (max-width: 1200px){
    .campaign-splash .main-container  .container .content-container {
        max-width: 52%;
}
}

@media (max-width: 767px){
   

    .campaign-splash .main-container .logo{
        top: 3%;
        z-index: 10;

    }
    .campaign-splash .main-container .container {
    top: 15%;
    padding: 0% 5% !important;
    z-index: 10;
    }
   
    .campaign-splash .main-container  .container.right-align{
        text-align: end;
    }

    .campaign-splash  .header-text h1{
        font-size: 60px;
        line-height: normal;
    }

    .splash-cmp-h1-medium{
        font-family: Diodrum-Medium;
        font-size: 60px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    
    }
    .splash-cmp-h1-light{
        font-family: Diodrum-Light;
        font-size: 60px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    
    }
    .campaign-splash  .description p{
        font-size: 14px;
        line-height: 24px;;
    }


    .campaign-splash .main-container  .container .content-container {
            max-width: 100%;
            z-index: 10;
        }
        .campaign-splash  .banner-button.button-link{
    
        width: 100%;
        gap: 1rem;
        display: grid;
        justify-content: normal;
      
        }
        .campaign-splash  .main-container .container.center .banner-button.button-link{
        justify-items: center;
        }
        .campaign-splash  .main-container .container.right-align .banner-button.button-link{
            justify-items: end;
            }
        .campaign-splash .main-container  .content-container .checkbox{
        padding-top: 15px;
        }

        .campaign-splash .cross-icon {

            top: 20px;
            right: 20px;
            z-index: 10;

        }
}
/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/card.css ***!
  \*************************************************************************************************************************/
.cards-container {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
}

    .cards-container .card-ex {
        display: flex;
        column-gap: 32px;
    }

        .cards-container .card-ex .card-icon {
            margin-right: 36px;
            text-align: center;
            width: 96px;
        }

            .cards-container .card-ex .card-icon img {
                width: inherit;
            }

        .cards-container .card-ex .card-text {
            padding-top: 3px;
        }

            .cards-container .card-ex .card-text > h4 {
                font-style: normal;
                font-weight: 700;
                font-size: 16px;
                line-height: 24px;
                color: #000;
                margin: 0 0 8px 0;
                padding: 0;
                font-family: 'Open Sans',sans-serif;
            }

            .cards-container .card-ex .card-text > p {
                margin: 0;
                padding: 0;
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 24px;
                color: #000;
                font-family: 'Open Sans',sans-serif;
            }

@media screen and (max-width: 767px) {
    .cards-container {
        align-items: center;
    }

        .cards-container .card-ex {
            flex-direction: column;
            padding: 0 12px;
        }

            .cards-container .card-ex .card-icon {
                text-align: left;
                padding-left: 0;
                padding-bottom: 24px;
                width: 100px;
            }
}

/* second varient */
.card-section {
    background: #fff;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.04);
    height: 277px;
    overflow: hidden;
    padding: 32px;
}

    .card-section .card-icon {
        display: flex;
        column-gap: 25px;
        align-items: center;
    }

        .card-section .card-icon h5 {
            font-style: normal;
            font-weight: 700;
            font-size: 12px;
            line-height: 16px;
            letter-spacing: 0.3px;
            text-transform: uppercase;
            color: #0f1a2a;
            font-family: 'Open Sans',sans-serif;
            margin: 0px;
            padding-top: 0;
        }

@media (min-width: 768px) {
    .card-section .card-icon h5 {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .card-section .card-icon {
        flex-direction: row;
        align-items: center;
        column-gap: 16px;
    }

        .card-section .card-icon h5 {
            font-size: 10px;
        }
}


.card-section .card-icon img {
    max-width: 32px;
}

.card-section .card-text {
    margin-top: 24px;
}

    .card-section .card-text p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #000;
        margin: 0;
        padding: 0;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 90px;
        font-family: 'Open Sans',sans-serif;
    }

.card-section .card-link {
    margin-top: 24px;
}

    .card-section .card-link a {
        text-decoration: none;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #3A5CFF;
        font-family: 'Open Sans',sans-serif;
    }

        .card-section .card-link a::after {
            content: "";
            width: 12px;
            height: 12px;
            display: inline-block;
            padding-left: 11px;
            background-repeat: no-repeat;
            background-position: right;
        }

        .card-section .card-link a:hover {
            color: #170D67;
        }

.cards-div {
    width: 100%;
}

.card, .card.section {
    border: none;
}

.card-link a img {
    height: 16px;
    width: 16px;
    margin-left: 11px;
}

.textImage {
    position: relative;
    width: 100%;
}

    .textImage .wrapper {
        position: relative;
        width: fit-content;
    }

    .textImage img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .textImage .content {
        padding: 24px;
        width: 100%;
    }

        .textImage .content h5 {
            font-family: 'Open Sans',sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            margin-bottom: 0;
        }

@media (max-width: 767px) {
    .textImage .content h5 {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.3px;
    }
}

.card .card-data {
    display: none;
}

.card .carousel .carousel-indicators li {
    width: 23.4px;
    height: 4px;
    background-color: #8D929A;
}

    .card .carousel .carousel-indicators li.active {
        background-color: #3A5CFF;
    }

.card .carousel .carousel-inner > .item {
    margin: 5px 5px 50px 5px;
}

.card .carousel .carousel-indicators {
    left: 0;
    margin-left: 5px;
    text-align: left;
}

.card .carousel .card-text {
    height: 95px;
    padding-bottom: 5px;
    overflow: hidden;
    padding-left: 2px;
    padding-top: 2px;
}

.card .carousel .card-section {
    background: var(--white, #FFF);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 3px 4px 0px rgba(0, 0, 0, 0.08), 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
}

.card .carousel .carousel-inner {
    padding: 3px;
}

.card .carousel .carousel-indicators {
    position: relative;
    margin: 0;
    justify-content: flex-start;
    margin-top: 16px;
}

.card .carousel .card-link a {
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
}

    .card .carousel .card-link a span {
        color: #3A5CFF;
        font-family: 'Open Sans',sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
    }

.card .carousel .card-text a[href] {
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.card .carousel a[href]:hover,
.card .carousel a[href]:hover span {
    color: #170D67;
}

.card .carousel a[href] svg {
    transition: transform 0.5s ease;
}

.card .carousel a:hover svg {
    transform: translateX(10px);
}

    .card .carousel a:hover svg path {
        stroke: #170D67;
    }

.card .carousel a[href]:focus:focus-visible {
    outline: 2px solid #3A5CFF;
}

.card .carousel .carousel-indicators > li:focus:focus-visible {
    outline: 2px solid #3A5CFF;
    opacity: 1;
}

.card-section .card-disclaimer {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
    text-align: right;
    word-break: break-word;
}

.card-section.has-disclaimer {
    padding-bottom: 6px !important;
}

@media (max-width: 991px) {
    .card .carousel-inner .card-section {
        padding: 15px;
    }

        .card .carousel-inner .card-section .card-link a::after {
            display: none;
        }

    .card .carousel .card-link a {
        gap: 0px;
    }
}

@media (max-width: 767px) {
    .card-section {
        height: 263px;
        overflow: hidden;
    }

    .card .carousel-inner .card-section {
        padding: 16px;
    }

    .card .carousel .card-link a {
        gap: 8px;
    }

    .card-section .card-disclaimer {
        font-size: 11px;
        text-align: left;
    }
}

/*!*****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/carousel.css ***!
  \*****************************************************************************************************************************/
.carousel .standard .cmp-carousel__item {
  width: fit-content;
}
.carousel .standard .cmp-carousel__actions {
  display: flex;
  justify-content: space-between;
  background-color: #e5e6e8;
  align-items: center;
}
.carousel .standard .cmp-carousel__actions > button {
  border: none;
  background: transparent;
}
.carousel .standard .cmp-carousel__actions > h3 {
  margin-bottom: 0;
  font-family: "Diodrum-Light";
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  text-align: center;
  color: #0f1a2a;
  margin-top: 8px;
}
.carousel .standard .cmp-carousel__actions .chevron-right-primary,
.carousel .standard .cmp-carousel__actions .chevron-left-primary {
  padding: 8px 16px;
  box-sizing: content-box;
}
.carousel .standard .cmp-carousel__indicators {
  display: none;
}
@media (max-width: 767px) {
  .carousel .standard .cmp-carousel__actions .chevron-right-primary,
  .carousel .standard .cmp-carousel__actions .chevron-left-primary {
    padding: 12px 9px 6px;
    width: 32px;
    height: 32px;
  }
}
/* Dashed Carousel Css*/
.carousel .standard-dashed .cmp-carousel__actions {
  display: none;
}
.carousel .standard-dashed .cmp-carousel__indicators {
  justify-content: flex-start;
  margin-top: 16px;
}
.carousel .standard-dashed .cmp-carousel__indicators .cmp-carousel__indicator {
  width: 23.6px;
  height: 4px;
  border-radius: 0;
  margin-right: 8px;
  background-color: #e5e6e8;
}
.carousel
  .standard-dashed
  .cmp-carousel__indicators
  .cmp-carousel__indicator:hover {
  cursor: pointer;
}
.carousel
  .standard-dashed
  .cmp-carousel__indicators
  .cmp-carousel__indicator:focus:focus-visible {
  outline: none;
}
.carousel
  .standard-dashed
  .cmp-carousel__indicators
  .cmp-carousel__indicator.cmp-carousel__indicator--active {
  background-color: #3A5CFF;
}
.carousel
  .standard-dashed
  .cmp-carousel__indicators
  .cmp-carousel__indicator:first-child {
  margin-left: 0;
}
/* Hero Carousel Css*/
.carousel .hero-carousel .cmp-carousel__actions {
  display: flex;
  width: 55rem;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding-left: 30rem;
  background-color: #170d67;
  margin-left: -22rem;
}
.carousel .hero-carousel .cmp-carousel__actions > button {
  background: transparent;
  border: none;
  padding: 12px 0;
  width: 40px;
  position: absolute;
  z-index: 5;
  display: flex;
  align-items: center;
}

.carousel
  .hero-carousel
  .cmp-carousel__actions
  > button.cmp-carousel__action--previous {
    margin-left: -3rem;
  justify-content: center;
}
.carousel
  .hero-carousel
  .cmp-carousel__actions
  > button.cmp-carousel__action--next {
  right: 0;
  justify-content: center;
}
.carousel .hero-carousel .cmp-carousel__indicators {
  display: none;
}
.carousel .hero-carousel .cmp-carousel__actions > ul {
  display: flex;
  width: 25rem;
  overflow-x: scroll;
  list-style: none;
  padding: 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-bottom: 0;
  user-select: none;
  margin-left: -1rem;
  scroll-behavior:smooth;
}
.carousel .hero-carousel .cmp-carousel__actions > ul::-webkit-scrollbar {
  display: none;
}
.carousel .hero-carousel .cmp-carousel__actions > ul > li {
  padding: 12px 8px;
  margin: 0px 8px;
  min-width: 110px;
  text-align: center;
  cursor: pointer;
}
.carousel .hero-carousel .cmp-carousel__actions > ul > li:last-child {
  margin-right:0;
  pointer-events: none;
  cursor: auto;

}

.carousel .hero-carousel .cmp-carousel__actions > ul > li.active span {
  color: #00E4A5; 
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 16px;
  text-decoration-thickness: 2px;
}
.carousel .hero-carousel .cmp-carousel__actions > ul > li > span {
  font-size: 16px;
  line-height: 24px;
  color: #e5e6e8;  
}
.carousel .hero-carousel .cmp-carousel__content {
  width: 100%;
  height: 728px;
  overflow: hidden;
}
.carousel .hero-carousel .cmp-carousel__content > .container { /* Made by Tej for R05*/
  position: absolute;
  left: 42%; 
  bottom: 0px !important;
  z-index: 5;
  transform: translateX(-50%);
}
.carousel .cmp-carousel__item--active.left,
.carousel .cmp-carousel__item.prev {
  left: -100%;
}
.carousel .cmp-carousel__item.next.left,
.carousel .cmp-carousel__item.prev.right {
  left: 0;
}
.carousel .cmp-carousel__item.next {
    left:100%;
}  
.carousel .cmp-carousel__item {
  transition: 0.6s left ease-in-out;
  height: 100%;
  width: 100%;
  position: relative;
}
.carousel .cmp-carousel__item.next,
.carousel .cmp-carousel__item.prev {
  display: block;
  position: absolute;
  top: 0;
}
.carousel .cmp-carousel__actions > button[disabled] > svg path {
  opacity: 0.5;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel .cmp-carousel__item {
    transition: 0.6s transform ease-in-out;
  }
  .carousel .cmp-carousel__item.next,
  .carousel .cmp-carousel__item--active.right {
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel .cmp-carousel__item--active.left,
  .carousel .cmp-carousel__item.prev {
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel .cmp-carousel__item--active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
  .carousel .cmp-carousel__item.next.left,
  .carousel .cmp-carousel__item.prev.right {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media (max-width: 767px) {
  .carousel .hero-carousel .cmp-carousel__actions {
    margin: 0px;
    padding: 0px;
    width: 100% !important;
    justify-content: center;
  }
  .carousel .hero-carousel .cmp-carousel__content {
    height: 484px;
  }

  .carousel .hero-carousel .cmp-carousel__actions > ul {
   margin: 0px !important;
   width: 22rem;
  }
  .carousel .hero-carousel .cmp-carousel__actions > ul > li {
    margin-right: 0;
    padding: 12px 4px;
  }
  .carousel .hero-carousel .cmp-carousel__content > .container {
    bottom: 24px;
    left: 0px;
    transform: none;
    padding: 0px;
}
	.carousel .hero-carousel .cmp-carousel__actions > button {
    width: 24px;
    margin: 0px !important;
    position: relative;
  }
 .carousel .hero-carousel .cmp-carousel__actions > ul >li.mask-right{
	  -webkit-mask-image: linear-gradient(to left, transparent 30%, black 70%);
  		mask-image: linear-gradient(to left, transparent 30%, black 70%);
  }
	.carousel .hero-carousel .cmp-carousel__actions > ul >li.mask-left{
	  -webkit-mask-image: linear-gradient(to right, transparent 12%, black 70%);
  		mask-image: linear-gradient(to right, transparent 12%, black 70%);
  }
}

@media (max-width: 991px){
  .carousel .hero-carousel .cmp-carousel__actions {
    width: 53rem;
  }
  .carousel .hero-carousel .cmp-carousel__actions > button.cmp-carousel__action--previous {
    margin-left: -4.5rem;
  }
  .carousel .hero-carousel .cmp-carousel__actions > ul {
    margin-left: -3rem;
  }
}
/*!************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/columnContainer.css ***!
  \************************************************************************************************************************************/
* {
    padding: 0;
    margin: 0;
}

.column-container {
    width: 100%;
    position: relative;
}

    .column-container .column {
        position: relative;
        padding: 0;
    }

    .column-container > .container {
        max-width: 1168px;
        margin: 0 auto;
    }

    .column-container .bg-image {
        position: absolute;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    /* End of temp styles */
    .column-container .row {
        margin: 0;
        display: flex;
        width: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .column-container .row-100 .column:nth-of-type(1) {
        flex-basis: 100%;
    }
    /* .newsroomTemplate .column-container .row-100 .column:nth-of-type(1) {
  flex-basis: 100% !important;
} */
    .column-container .row-80-20 > .column:nth-of-type(1) {
        flex-basis: 80% !important;
    }

    .column-container .row-80-20 > .column:nth-of-type(2) {
        flex-basis: 20% !important;
    }

    .column-container .row-70-30 > .column:nth-of-type(1) {
        flex-basis: 70%;
    }

    .column-container .row-70-30 > .column:nth-of-type(2) {
        flex-basis: 30%;
    }

    .column-container .row-30-70 > .column:nth-of-type(1) {
        flex-basis: 30%;
    }

    .column-container .row-30-70 > .column:nth-of-type(2) {
        flex-basis: 70%;
    }

    .column-container .row-60-40 > .column:nth-of-type(1) {
        flex-basis: 60%;
    }

    .column-container .row-60-40 > .column:nth-of-type(2) {
        flex-basis: 40%;
    }

    .column-container .row-40-60 > .column:nth-of-type(1) {
        flex-basis: 40%;
    }

    .column-container .row-40-60 > .column:nth-of-type(2) {
        flex-basis: 60%;
    }

    .column-container .row-50-50 > .column:nth-of-type(1) {
        flex-basis: 50%;
    }

    .column-container .row-50-50 > .column:nth-of-type(2) {
        flex-basis: 50%;
    }

    .column-container .row-20-80 > .column:nth-of-type(1) {
        flex-basis: 20%;
    }

    .column-container .row-20-80 > .column:nth-of-type(2) {
        flex-basis: 80%;
    }

    .column-container .row-33-33-33 > .column:nth-of-type(1) {
        flex-basis: 33.33%;
    }

    .column-container .row-33-33-33 > .column:nth-of-type(2) {
        flex-basis: 33.33%;
    }

    .column-container .row-33-33-33 > .column:nth-of-type(3) {
        flex-basis: 33.33%;
    }

    .column-container .row-50-20-30 > .column:nth-of-type(1) {
        flex-basis: 50%;
    }

    .column-container .row-50-20-30 > .column:nth-of-type(2) {
        flex-basis: 20%;
    }

    .column-container .row-50-20-30 > .column:nth-of-type(3) {
        flex-basis: 30%;
    }

    .column-container .row-40-20-40 > .column:nth-of-type(1) {
        flex-basis: 40%;
    }

    .column-container .row-40-20-40 > .column:nth-of-type(2) {
        flex-basis: 20%;
    }

    .column-container .row-40-20-40 > .column:nth-of-type(3) {
        flex-basis: 40%;
    }

    .column-container .row > .column {
        flex: 1;
    }

    .column-container .row.gap-8 {
        gap: 8px;
    }

    .column-container .row.gap-16 {
        gap: 16px;
    }

    .column-container .row.gap-24 {
        gap: 24px;
    }

    .column-container .row.gap-32 {
        gap: 32px;
    }

    .column-container .row.gap-40 {
        gap: 40px;
    }

.mobile-column .column {
    width: 100%;
}

/* Optional: Row Layout on Mobile, which will keep them in a row even on smaller screens */
.mobile-row .column {
    width: 50%;
}
/* @media (min-width: 768px) {
  .column-container .row-33-33-33 .column:nth-child(2).gap-24,
  .column-container .row-50-20-30 .column:nth-child(2).gap-24,
  .column-container .row-40-20-40 .column:nth-child(2).gap-24 {
    padding: 0 12px;
  }
}
.column-container .row-33-33-33 .column:nth-child(2).gap-32,
.column-container .row-50-20-30 .column:nth-child(2).gap-32,
.column-container .row-40-20-40 .column:nth-child(2).gap-32 {
  padding: 0 16px;
}
.column-container .row-33-33-33 .column:nth-child(2).gap-40,
.column-container .row-50-20-30 .column:nth-child(2).gap-40,
.column-container .row-40-20-40 .column:nth-child(2).gap-40 {
  padding: 0 20px;
} */
@media (max-width: 767px) {
    .column-container .row {
        flex-direction: column;
    }
        /* .column-container .container .column:first-child {
    padding: 0px 24px;
  }
  .newsroomTemplate .column-container .container .column:first-child {
    padding: 0px;
  } */
        /*.newsroomTemplate .richtexteditor .container {
    padding: 0px 24px !important;
  }*/

        .column-container .row.mobile-row-view {
            flex-direction: row; /* Display as row (side-by-side) on mobile */
        }

    .section-header .richtexteditor .container {
        padding: 0px !important;
    }

    .column-container .container {
        padding: 0 24px;
    }
}

.experiencefragment.section {
        margin: 0 -12px;
}

@media screen and (max-width: 991px) {
    .experiencefragment.section {
        margin: 0 -24px;
    }
}

@media screen and (max-width: 767px) {
    .experiencefragment.section {
        margin: 0 -48px;
    }
}

/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/csr.css ***!
  \************************************************************************************************************************/
.csr .container{
    position:relative;
    max-width:1220px;
}
.csr .custom-select {
    position: relative;
    flex-basis: 168px;
    height:56px;
    border:1px solid #8d929a;
    background:#fff;
    border-radius:4px;
}
.csr .custom-select.table-of-content {
    flex-basis:367px;
}
.csr .custom-select.open {
    border:2px solid #3A5CFF;
    background:#fff;
    border-radius:4px;
}
.csr .custom-select svg:hover {
    cursor:pointer;
}
.csr .custom-select.open svg.chevron-down path {
    stroke:#3A5CFF;
}
.csr .custom-select .chevron-down {
    position:absolute;
    top:50%;
    right:20px;
    transform:translateY(-50%);
    transition: 0.5s transform;                       
}
.csr .custom-select .chevron-down path {
    stroke:#5a626d;
}
.csr .custom-select.open .chevron-down {   
    transform:translateY(-50%) rotate(180deg);                                         
}
.csr .select-selected {
    width:100%;
    padding: 10px;
    cursor: pointer;
    height:100%;
    padding:8px 48px 8px 16px;
    display:flex;
    align-items:center;
    color: #0f1a2a;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    position: relative;
} 
.csr .select-selected:focus:focus-visible {
    outline:2px solid #3A5CFF;
}
.csr .select-item:focus:focus-visible {
    outline:2px solid #3A5CFF;
    outline-offset:-2px;
}
.select-items {
    display: none;
    position: absolute;
    background:#fff;
    min-width: 100%;
    overflow: auto;
    z-index: 21;
    top:56px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.04), 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
    border-radius:4px 4px 0 0;
}
.select-items.show {
    display: block;
  
}
.select-item {
    display:flex;
    padding: 16px;
    cursor: pointer;
    height:56px;
    align-items:center;
    color:  #5a626d;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border-bottom:1px solid #5a626d;
}
.select-item:last-child {
    border-bottom:none;
}
.select-item:hover {
    background:#E5EEF5;
    color:  #3A5CFF;
    font-weight: 600;
    border-color:#5993c4;
}
.csr .top-section{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.csr .top-section .select-fields{
    display: flex;
    align-items: center;
    gap:32px;
    width: 60%;
}
.csr .top-section .wrapper{
    display: flex;
    width:40%;
    align-self: flex-end;
    gap:32px;
    justify-content:flex-end;
}
.csr .top-section .wrapper .download-pdf{
    display: flex;
    align-items: center;
    gap:8px;
    text-decoration:none;
}
.csr .csr-separator{
    width:100%;
    height:3px;
    background:#3a5cff;
    margin-top:30px;
    margin-bottom: 40px;
}
.csr .top-section .wrapper .download-pdf span{
    color: #3A5CFF;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}
.csr .top-section .table-of-content{
    position: static;
}
.csr .top-section .table-of-content .select-items{
    top:86px;
    width: 100%;
    left:0;
    overflow:hidden;
}
.csr .top-section .table-of-content .select-items .row{
    padding:40px 16px;
    margin:0;
    width:100%;
    flex-wrap: nowrap;
    gap:32px;
}
.csr .top-section .table-of-content a{
    text-decoration:none;
    display: flex;
    align-items: center;
    gap:16px;
    width:90%;
}
.csr .top-section .table-of-content a span.pg-no{
    color: #170D67;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: 'Diodrum-Semibold';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    align-self: flex-start; 
}
.csr .top-section .table-of-content a span.title{
    color: #5A626D;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-right: 10px;
}
.csr .top-section .table-of-content .row > .col{
    width:33%;
    flex:1;
}
.csr .top-section .table-of-content .row > .col .content{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:16px;
    height:auto;
    padding:4px;
}
.csr .top-section .table-of-content .row > .col .content.check{
    border-radius:3px;
    background:#bfd5e8;                
}
.csr .top-section .table-of-content .select-items .row input[type="checkbox"]{
    display: none;
}
.csr .top-section .table-of-content .select-items .row label{
    display: flex;
    width:10%;                    
}
.csr .top-section .table-of-content .select-items .row label img.check{
    display: none;
}
.csr .top-section .table-of-content .select-items .row label.check img.unchecked{
    display: none;
}
.csr .top-section .table-of-content .select-items .row label.check img.check{
    display: inline-block;
}
.csr .container .pagination .wrapper{
    justify-content:space-between;
    width:100%;                                                                               
}
.csr .container .pagination .wrapper .btn,
.csr .container .pagination .wrapper .next-btn {
    width:32px;
   	height:32px;
    background:#7e8083;
    border-radius:0;
    display:flex;
    align-items:center;
    justify-content:center;
} 
.csr .container .pagination .wrapper .jump-section input{
    height: 32px;
    margin: 0 5px 0;
    padding: 5px;
    width: 50px;
	border: 2px solid #ababab;
    background-color: rgba( 255,255,255,0.85 );
}
.csr .container .pagination .wrapper .jump-section button{
    position:relative;

}
.csr .container .pagination .wrapper .jump-section button svg:last-child{
    position:absolute;
    left:11px;
}
.csr .container .pagination .wrapper .jump-section button svg:first-child{
    position:relative;
    left:-1px;
}
.csr .container .pagination .wrapper .jump-section form{
    display:flex;
    align-items:center;                                                                                                                       
}
.csr .container .pagination .wrapper .jump-section form label{
    color:#606060;
    line-height:32px;                                                                                                                                            
}
.csr .main-content{
    height:950px;
    position:relative;
    margin-bottom:120px;

}
.csr #page-container{
	background:none;
}
.csr #page-container .h1,
.csr #page-container .h2,
.csr #page-container .h3,
.csr #page-container .h4,
.csr #page-container .h5,
.csr #page-container .h6{
	text-transform:none;
    margin-bottom:0;
}
.csr .main-content .prev-btn{
	position:absolute;
    top:50%;
    transform:translateY(-50%);
	left:-66px;
}
.csr .main-content .prev-btn.hide,
.csr .main-content .next-btn.hide{
	display:none;
}
.csr .main-content .next-btn{
	position:absolute;
    top:50%;
    transform:translateY(-50%);
	right:-66px;
}
.csr .main-content .loader-wrapper{
    top:50%;
    transform:translateY(-50%);
}
.csr .table-of-content img.check,
.csr .table-of-content img.unchecked    {
    width:16px;
    height:16px;                           
}
.csr #page-container > .pf {
    border: 1px solid #7e8083;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
}
.csr .top-section .table-of-content .createPdf{
	display:flex;
    padding:24px;
    align-items:center;
    justify-content:flex-end;
    border-top:1px solid #8d929a;
   	gap:8px;
}
.csr .top-section .table-of-content .createPdf span{
        color: #3A5CFF;
    text-align: center;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}
.csr .csr-tile .row {
	padding:0 11px;

}
.csr .csr-tile .row .col{
	border-right:1px solid #fff;
    border-left:1px solid #fff;
    background: linear-gradient(to bottom, #fafafa 0%, #ececec 100%);

}
.csr .csr-tile .row .col a{
	height:120px;
    display:flex;
    align-items:center;
    padding: 0 15px;

    width:100%;
}
.csr .csr-tile .row .col a span{
	padding:15px;
    font-size:25px;
    line-height:34px;
    width:100%;
    display:inline-block;
    text-align:center;
    color:#58595b;
    font-family:'Diodrum-Regular';                
}
.csr .csr-tile .row .col .arrow{
	display:none;            
}
.csr .csr-tile .row .col.active a span{
	color:#fff;             
}
.csr .csr-tile .row .col.active{
	background:#6ba543;
    position:relative;
}
.csr .csr-tile .row .col.active .arrow{
	display:inline-block;
    position:absolute;
    top:-2px;
    left:50%;
    transform:rotate(45deg) translateX(-50%);
	width:14px;
    height:14px;
    background:#6ba543;
} 
.csr .csr-tile {
	margin-bottom:120px;
}
.csr .top-section .share-icons{
	display:flex;
    align-items:center;
    gap:24px;                    
}
.csr .createPdf button[disabled="disabled"]{
	border:none;
   	background-color:unset;
    opacity:1;
    color:#8d929a;
}
.csr .top-section .table-of-content .createPdf button[disabled="disabled"] span{

    color:#8d929a;
}
.csr .top-section .table-of-content .createPdf button[disabled="disabled"] svg.pdf path{

    stroke:#8d929a;
}
.csr .top-section .table-of-content.hidepdf .createPdf{
	display:none;
}
.csr .top-section .table-of-content .content {
	display:none;
}
.csr .top-section .table-of-content .content a:hover span.title{
	color:#005984;
}                    
@media(max-width:1300px){
	.csr .main-content .prev-btn{
	left:0px;
    z-index:10;
	}
    .csr .main-content .next-btn{
	z-index:10;
	right:0;
	}
}            
@media(max-width:991px){
	.csr .main-content{
    	height:500px;

	}
    .csr .csr-tile .row .col a span{
        font-size:14px;
        line-height:24px;
        width:100%;

	}
	.csr .top-section .wrapper{
      width:50%;
	}
	.csr .custom-select.table-of-content {
    	flex-basis:272px;
	}
	.csr .custom-select {

        flex-basis: 120px;
	}
}
@media(max-width:767px){
	.csr .top-section .select-fields .table-of-content{
    	display:none;

	}
    .csr .pagination{
        display:none;
	}
	.csr .main-content{
      display:none;
	}
	.csr .top-section {
    	flex-direction:column;
	}
    .csr .top-section .select-fields {
        width: 100%;
	} 
     .csr .custom-select {

        flex-basis: 100%;
	}
    .csr .top-section .wrapper{
      width:100%;
      margin-top:24px;                                                  
	}                                                
    .csr .csr-tile .row{
		flex-direction:column;
     }
    .csr .csr-tile .row .col.active .arrow{
		display:none;
     }
     .csr .csr-tile .row .col a{
        height:74px;
        padding:20px 80px;
	}
     .csr .top-section .wrapper{
      justify-content:space-between;
	}                                                                                   
}    
/*!***********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/emailComponent.css ***!
  \***********************************************************************************************************************************/
body{
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
}
.email-subscription {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.checkbox-all-section {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.checkbox-section {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.email-section {
    margin: 8px 0px 8px 0px;
}
.sign-up-error {
    visibility: hidden;
}
.email-section input{
    height: 56px;
    width: 320px;
}
.sign-up{
    height: 56px !important;
}
.email-inputs {
    display: flex;
    gap: 16px;
    flex-direction: row;
}
@media (max-width: 767px) {
    .email-inputs {
        flex-direction: column;
    }
}
.signUp-error{
    color: red;
    height: 24px;
}
.email-error, .selection-error, .error-message {
    display: none;
}
/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/events.css ***!
  \***************************************************************************************************************************/
section.events-section .event-title{
	color: #0F1A2A;
    font-family: Diodrum-Regular;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    margin-bottom:40px;
}
section.events-section .seperator{
	height:3px;
    background:#3a5cff;                        
	width:100%;
}
section.events-section .row .abstract{
	color:#0F1A2A;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
section.events-section .row .abstract{
	color:#0F1A2A;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
section.events-section .row .col-md-2,
section.events-section .row .col-md-10{
	padding-top:32px;
}
section.events-section .row .col-md-2 .date-time{
	display:flex;
    flex-direction:column;
    gap:8px;
}
section.events-section .row-title{
	display:flex;
    justify-content:flex-end;
}
section.events-section .row .col-md-10 .col-sm-4{
    display: flex;
    justify-content: flex-end;
}
section.events-section .row .col-md-10 .col-sm-4 a.btn{
    height:fit-content;
}
@media(max-width:767px){
	section.events-section .event-title{
        font-size: 24px;
        line-height: 32px;
        margin-bottom:24px;
        padding:0;
	}
	section.events-section .row .col-md-2 .date-time{
        flex-direction:row;
        gap:50px;
	}
    section.events-section .row .abstract {
        padding:0;
    }
    section.events-section .row .col-md-10 .col-sm-4{
        justify-content: flex-start;
    }
    section.events-section .row .col-md-10 .col-sm-8 .column-container .container{
        padding:0;
    }
    section.events-section .row .col-md-10 .col-sm-4 a.btn{
      margin-bottom:40px;
      margin-top:32px;
    }
}
/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/executiveProfile.css ***!
  \*************************************************************************************************************************************/
.executive-json {
	display: none;
}
@media screen and (max-width: 991px) {
	.executive-persons-list {
		padding: 0px 12px;
	}
}
.executive-persons-list .person-bio-tile {
	margin-bottom: 24px;
}
.executive-persons-list .person-bio-content {
	padding: 24px 16px 16px 24px;
}
.executive-persons-list .person-bio-info {
	display: flex;
	flex-direction: column;
	gap: 8px;
	height: 105px;
}
.executive-persons-list .person-bio-fullName {
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
}
.executive-persons-list .person-bio-role {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.3px;
}
.executive-persons-list .person-bio-companyName {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.3px;
}
.executive-persons-list .link-button{
	margin-top: 24px;
}
.executive-persons-list .person-bio-img {
	width: 100%;
	height: 113px;
}
.executive-persons-list .person-bio-img img {
	width: inherit;
	height: inherit;
    object-fit: cover;
}
.person-bio-content .btn-link img {
	height: 16px;
    width: 16px;
    margin-left: 8px;
	transition: transform 0.5s ease;
}
.person-bio-content .btn-link:hover img{
	filter: brightness(0) invert(1);
}
.person-bio-content .btn-link:hover img{
    transform: translateX(10px);
}
/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/executiveTemplate.css ***!
  \**************************************************************************************************************************************/
.executive-banner-img {
    height: 715px;
    width: 100%;

}
.executive-banner-img::before{
	background: linear-gradient(78deg, #6E06C1 0%, rgba(0, 0, 0, 0.70) 48.86%, rgba(0, 0, 0, 0.20) 66.42%, rgba(15, 26, 42, 0.10) 100%, rgba(15, 26, 42, 0.60) 100%, rgba(0, 0, 0, 0.00) 100%);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.executive-banner-connect {
    top: 234px;
    z-index:5;
}
.executive-banner-connect {
    color: var(--color-neutral-white, #FFF);
    font-family: "Diodrum-Regular";
    font-style: normal;
    line-height: normal;
}
.executive-banner-img img {
    position: absolute;
    height: inherit;
    width: 100%;
    object-fit: cover;
    /*object-position: right;*/
    object-position: 78% !important;
}
.executive-name {
    font-size: 56px;
    font-weight: 400;
}
.executive-role {
    font-size: 24px;
    font-weight: 600;
    max-width: 420px !important;
    word-wrap: break-word !important;
}
.executive-company {
    font-size: 24px;
    font-weight: 400;
}
@media (max-width: 991px) {
    .executive-banner-img{
        height: 600px;
    }
    .executive-banner-connect {
        top: 234px !important;
        left: 0px !important;
    }
    .executive-name {
        font-size: 40px !important;
        font-weight: 400 !important;
        max-width: 380px !important;
        word-wrap: break-word !important;
    }
    .executive-role {
        max-width: 420px !important;
        word-wrap: break-word !important;
    }

    .executive-company {
        max-width: 310px !important;
        word-wrap: break-word !important;
    }

    .executive-banner-img img {
        object-position: 78% !important;
    }
}


@media (max-width: 767px) {
	.executive-banner-img::before{
	background:linear-gradient(77deg, #6E06C1 0%, rgba(80, 40, 112, 0.70) 28.32%, rgba(0, 0, 0, 0.20) 44.15%, rgba(0, 0, 0, 0.10) 92.48%);
	}
    .executive-banner-img {
        height: 486px;

    }
    .executive-banner-connect {
        top: 234px;
        left: 0px;
    }
    .executive-name {
        max-width: 250px !important;
        word-wrap: break-word !important;
    }

    .executive-role {
        font-size: 16px !important;
        font-weight: 700 !important;
        max-width: 250px !important;
        word-wrap: break-word !important;
    }
    .executive-company {
        font-size: 16px !important;
        font-weight: 400 !important;
        max-width: 250px !important;
        word-wrap: break-word !important;
    }
    .executive-banner-img img {
        object-position: 85% !important;
    }
}


@media (max-width: 560px) {
    .executive-banner-img::before {
        background: linear-gradient(77deg, #6E06C1 0%, rgba(80, 40, 112, 0.70) 28.32%, rgba(0, 0, 0, 0.20) 44.15%, rgba(0, 0, 0, 0.10) 92.48%);
    }

    .executive-banner-img {
        height: 260px !important;
    }

    .executive-banner-connect {
        top: 38px !important;
        left: -9px !important;
    }

    .executive-name {
        font-size: 25px !important;
        font-weight: 400 !important;
        max-width: 215px !important;
        word-wrap: break-word !important;
    }

    .executive-role {
        font-size: 12px !important;
        font-weight: 700 !important;
        max-width: 200px !important;
        word-wrap: break-word !important;
    }

    .executive-company {
        font-size: 16px !important;
        font-weight: 400 !important;
        max-width: 198px !important;
        word-wrap: break-word !important;
    }

    .executive-banner-img img {
        object-position: 78% !important;
    }

    .executive-buttons {
        display: flex;
        flex-direction: row;
        gap: 6px !important;
    }

    .executive-buttons .btn-large {            
            font-size: 10px !important;
            padding: 8px !important;
        }
}

.executive-banner, .executive-banner-connect {
    position: relative;
}
.executive-buttons {
    display: flex;
    flex-direction: row;
    gap:32px;
}
.executive-social {
    width: fit-content;
    float: left;
}
.executive-pdf-icon {
    padding-left: 16px;
}
.executive-social-list {
    padding: 64px 0px 0px 0px;
}
.executive-social ul {
    padding: 0px;
}
.executive-buttons .btn-large {
    padding: 12px;
}
.executive-social-list .list.with-icon li a img {
    width: 24px !important;
    height: 24px !important;
}
/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/fade-in.css ***!
  \****************************************************************************************************************************/

.cmp-text-delay{
    opacity: 0;             
    visibility: hidden;  
    transform: translateY(-40px);   
    transition: opacity 1s ease, transform 1s ease;
  } 
  
  .cmp-text-delay.fade-in{
    opacity: 1;            
    visibility: visible;  
    transform: translateY(0); 
  }
  
  
/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/faqComponent.css ***!
  \*********************************************************************************************************************************/
.accordion-ex .accordion-button{
    background-color: #fff;
    padding: 16px 0;
    outline: none;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.accordion-ex .accordion-item {
    border: 0;
}
.accordion-ex .accordion-button:not(.collapsed) {
    background-color: #fff;
    box-shadow: none;
    color: #0F1A2A;
}
.accordion-body p {
    word-wrap: break-word;
}
.accordion-ex .accordion-button::after {
    display: none;
}
.accordion-ex .accordion-button:focus {
    box-shadow: none;
    border: 0;
}
.accordion-ex .collapsed.accordion-button::before {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    content: "";
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABZSURBVHgB7dRBCsAgDATATelD7LM89HUt+Cz9iUpOgqcVRMQM5JLLElgCmL34L+oQblDEgXRhMgtYHyDdRmsoDkNyQnifdjP9Ao7/sw7BWnRAAPlNa8/Ndgpq1g7OEHF5fgAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    transition: transform 0.2s ease-in-out;
    position: absolute;
    top: 15px;
    left: -40px;
}
.accordion-ex .accordion-button::before {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    content: "";
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA1SURBVHgB7cixEQAQEEXBTyWUJVCdQFl0gtCMwMwll7wNVwKAr/BMaeN0ksma6jXfEwUA/jafbgUEP0XG2QAAAABJRU5ErkJggg==');
    transition: transform 0.2s ease-in-out;
    position: absolute;
    top: 15px;
    left: -40px;
}
.accordion-ex .accordion-body {
    color: #0F1A2A;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    line-height: 24px;
    padding: 0px;
    font-style: normal;
    font-weight: 400;
}
.accordion-ex {
    padding-left: 40px;
}
@media (max-width: 767px) {
    .faqComponent .d-md-block {
        display: block !important;
    }
}
  
/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/filter.css ***!
  \***************************************************************************************************************************/
.filter .container{
    position: relative;
}
.filter .top-section{
    display: flex;
    justify-content: space-between;
    margin-top: -30px;
}
.filter .top-section .wrapper{
    display: flex;
    gap:76px;
    align-items: center;
}
.filter.newsRoomListing .top-section .wrapper{
    gap: 24px;
    align-items: baseline;
}
.filter .top-section button.fil-button{
    text-decoration: none;
    display: flex;
    align-items: center;
    gap:8px;
    border:none;
    background: transparent;
}
.filter .top-section button.fil-button span{
    color: #3A5CFF;
    text-align: center;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}
.filter .top-section .filter-search form{
    position: relative;
}
.filter .top-section .filter-search input{
    padding:16px 40px 16px 12px;
    width:568px;
    border: 1px solid #8d919a;
    border-radius:4px;
    height: 56px;
}
.filter.newsRoomListing .top-section .filter-search input{
    width:982px;
}
.filter.newsRoomListing .top-section .filter-search .note{
    font-family: Open Sans;
font-size: 12px;
font-style: italic;
font-weight: 400;
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin-bottom: 0px;
 
}
.search-note{
font-family: 'Open Sans',sans-serif;
font-size: 12px;
font-style: italic;
font-weight: 400;
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin-bottom: 0px;
margin-left: 155px;
 
}
.filter .top-section .filter-search button{
    padding:0px;
    position: absolute;
    right:12px;
    top:16px;
    width:24px;
    height: 24px;
    display: flex;
    align-items: center;
   
}
.filter .top-section .filter-search input:focus:focus-visible{
    border:1px solid #3A5CFF;
    outline:none;
}
.filter .top-section .filter-options .options,
.filter .top-section .filter-options .options .mobile-title{
    display: none;
}
.filter .top-section .filter-options .options{
    display: none;
    height: 0;
    transition: height 0.6s ease-in-out;
}
 
.filter .top-section .filter-options .options.show{
    display: block;
    position: absolute;
    top:80px;
    width:100%;
    height:400px;
    overflow:hidden;
    left:0;
    padding:0 16px;
    background:#fff;
    padding:32px 32px 0;
    z-index: 20;
    box-sizing: border-box;
    border-top: 1px solid var(--color-neutral-light, #C0C3C7);
    border-bottom: 1px solid var(--color-neutral-light, #C0C3C7);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 3px 4px 0px rgba(0, 0, 0, 0.08), 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
}
.filter .top-section .filter-options .options.show .filters{
    height:298px;
    background: #fff;
    border-bottom:1px solid #8d929a;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style:none;
}
.filter .top-section .filter-options .options.show .filters::-webkit-scrollbar{
    display:none;
}
.filter .top-section .filter-options .options.show .filters .tag-title{
    color: #5A626D;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.filter .top-section .filter-options .options.show .filters ul.tag{
    list-style-type: none;
    padding:0;
}
.filter .top-section .filter-options .options.show .filters ul.tag li{
    color: #5A626D;
    display: flex;
    align-items: center;
    gap:8px;
    margin-bottom: 4px;
}
.filter .top-section .filter-options .options.show .filters ul.tag li label:hover{
    cursor:pointer;
}
.filter .top-section .filter-options .options.show .filters ul.tag li input{
    display: none;
}
.filter .top-section .filter-options .options.show .filters ul.tag li label
{
    width:100%;
    display: flex;
    align-items: center;
    gap:8px;
}
.filter .top-section .filter-options .options.show .filters ul.tag li label span{
    color: #5A626D;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.filter .top-section .filter-options .options.show .filters ul.tag li label .checked,
.filter .top-section .filter-options .options.show .filters ul.tag li label.checked .unchecked{
    display: none;
}
.filter .top-section .filter-options .options.show .filters ul.tag li label .unchecked{
    width:16px;
    height:16px;
}
.filter .top-section .filter-options .options.show .filters ul.tag li label.checked .checked{
    display: inline-block;
    width:16px;
    height:16px;
}
.filter .top-section .filter-options .options.show .footer-buttons{
    display:flex;
    justify-content: flex-end;
    padding:24px 0;
    gap:24px;
}
.filter .top-section .filter-options .options.show .footer-buttons button{
    color: #3A5CFF;
    text-align: right;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding:0;
}
 
.filter .top-section .filter-bulkDownload{
    display: flex;
    align-items: center;
}
.filter .container .filter-seperator{
    height:3px;
    background: #3a5cff;
    margin-top:24px;
}
.filter.newsRoomListing .container .filter-seperator{
    margin-top:5px;
}
.filter .top-section .options .tag-title span.ex-icon .plus-icon,
.filter .top-section .options .tag-title span.ex-icon .minus-icon{
    display: none;
}
.filter .filter-selected{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.filter .filter-selected .list{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    padding:0;
    margin-top:24px;
    gap:8px;
}
.filter .filter-selected .list li{
    padding:16px 24px;
    display: flex;
    gap:8px;
    align-items: center;
 
    border-radius: 30px;
    border: 2px solid  #5993C4;
    background: #E5EEF5;
}
.filter .filter-selected .list li span:first-child{
    color: #3A5CFF;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.filter .filter-selected .list li button{
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.filter .clearFilter{
    display: none !important;
    color: #3A5CFF;
    text-align: right;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    gap:4px;
    border:none;
}
.filter .clearFilter.show{
    display: flex !important;
}
.filter .filter-bulkDownload > button >img{
    width:16px;
    height:16px;
}
.filter .container .populatedResults{
    padding:0 40px;
}
.filter.newsRoomListing .container .populatedResults{
    padding:0px;
}
.filter.eventsListing .container .populatedResults{
    padding:0;
}
.filter .container .populatedResults .results-table .table .table-body > .row{
    color: #000;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    padding:19px 0px;
}
.filter .container .populatedResults .results-table table tbody tr td.title a{
    display:inline-block;
    color: #000;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}
.filter .container .populatedResults .results-table .table .table-body .row{
    display:flex;
    align-items:center;
}
.filter.eventsListing .populatedResults .events-row{
    margin:0;
}
.filter .container .populatedResults .results-table .table .table-body .row .download a{
    display:flex;
}
.filter .container .populatedResults .results-table .table .table-body .row>div{
    padding:0;
    line-height:32px;
}
.filter .container .populatedResults .results-table .table .table-body .row .title a{
    display:inline-block;
}                                                        
.filter .container .populatedResults .results-table .table .table-body .row:nth-of-type(odd){
    background:#f7f7f8;
}
.filter .container .populatedResults .results-table .table .table-body .row >div.date-title{
    display:flex;
    align-items:center;
    width:80%;
    gap:16px;
}
.filter.newsRoomListing .container .populatedResults .results-table .table .table-body .row >div.date-title{
    width: 100%;
    gap: 0px;
}
 
.filter .container .populatedResults .results-table .table .release-date{
    width:18%;
    align-self:flex-start;
}
.filter.newsRoomListing .container .populatedResults .results-table .table .release-date{
    align-self:center;
    text-align: left;
    margin-left: 65px;
    font-family: 'Open Sans',sans-serif;
}
.filter.newsRoomListing .container .populatedResults .results-table .table .release-date{
    width:25%;
}
.filter.newsRoomListing .container .populatedResults .results-table .table .company_tag{
    display: flex;
    justify-content: left;
    width:30%;
    font-family: 'Open Sans',sans-serif;
    margin-left: 50px;
}
.filter.newsRoomListing .container .populatedResults .results-table .table .company_tag span{
border: 1px solid #8D929A;
    border-radius: 51px;
    padding: 4px 8px;
 font-family: 'Open Sans',sans-serif; 
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin-left: 75px;
text-align: center;
}
.filter .container .populatedResults .results-table .table .title{
    width:82%;
    align-self:flex-start;
}
.filter.newsRoomListing .container .populatedResults .results-table .table .title{
    width: 50%;
    font-family: 'Open Sans',sans-serif;
}
.filter .container .populatedResults .results-table .table .download,
.filter .container .populatedResults .results-table .table .checkbox{
    width:10%;
}
.filter .container .populatedResults .results-table .table .title{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;                        
}
.filter .container .populatedResults .results-table .table .title .description{
    font-size:16px;
    line-height: 22px;                        
}
.filter .container .populatedResults .results-table .table div.checkbox input,
.filter .container .populatedResults .results-table .table .checkbox label img.checked{
    display:none;
}
.filter .container .populatedResults .results-table .table .checkbox label.checked img.checked{
    display:inline-block;
}
.filter .container .populatedResults .results-table .table .checkbox label.checked img.unchecked{
    display:none;
}
.filter .container .populatedResults .sort-filter button{
    display:flex;
    align-items:center;
    gap:4px;
    padding-left:20px;
}
.filter .container .populatedResults .sort-filter span.oldest,
.filter .container .populatedResults .sort-filter button.sort-oldest span.recent{
    display:none;
}
.filter .container .populatedResults .sort-filter button.sort-oldest span.oldest{
    display:block;
}
.filter .container .populatedResults .sort-filter button.sort-oldest svg{
    transform:rotate(180deg);
}
.filter .container .pagination .wrapper{
    justify-content:space-between;
    width:100%;                                                                              
}
.filter .container .pagination .wrapper .jump-btn,
.filter .container .pagination .wrapper .next-btn {
    background:#3A5CFF !important;
}
.filter .container .pagination .wrapper .btn,
.filter .container .pagination .wrapper .next-btn {
    width:32px;
    height:32px;
    background:#7e8083;
    border-radius:0;
    display:flex;
    align-items:center;
    justify-content:center;
}
.filter .container .pagination .wrapper .jump-section input{
    height: 32px;
    margin: 0 5px 0;
    padding: 5px;
    width: 50px;
    border: 2px solid #ababab;
    background-color: rgba( 255,255,255,0.85 );
}
.filter .container .pagination .wrapper .jump-section button{
    position:relative;
 
}
.filter .container .pagination .wrapper .jump-section button svg:last-child{
    position:absolute;
    left:11px;
}
.filter .container .pagination .wrapper .jump-section button svg:first-child{
    position:relative;
    left:-1px;
}
.filter .container .pagination .wrapper .jump-section form{
    display:flex;
    align-items:center;                                                                                                                      
}
.filter .container .pagination .wrapper .jump-section form label{
    color:#606060;
    line-height:32px;                                                                                                                                            
}
/* Events List starts Here*/
.filter .container .events-component-section h3.month{
    color: #0F1A2A;
    font-family: Diodrum-Light;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-bottom:24px;
}
 
.filter .container .events-component-section .seperator{
    width:96px;
    height:3px;
    background:#3a5cff;
    margin-bottom:32px;                            
 
}
.filter .container .events-component-section .row .date{
    color:  #0F1A2A;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;                            
 
}
.filter .container .events-component-section .row .title{
    color: #000;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin:0 0 8px 0;
}
.filter .container .events-component-section .row .cta-link{
    color: #000;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin:0;
    display:flex;
    gap:8px;
}
.filter .container .events-component-section .row .col-md-9{
    padding:0 0 40px 0;
    border-bottom:1px solid #c3c0c7;
    margin-bottom:40px;
 
}
.filter .container .events-component-section .row .cta-link a{
    display:flex;
    gap:8px;
    align-items:center;                                                                
}
.filter.eventsListing .sort-filter{
    display:none;
            }
/* ----------------------------------------------------------------------------------------*/
.filter .custom-select {
  position: relative;
  width: 268px; /* Adjust the width as needed */
  height:56px;
  border:1px solid #8d929a;
  background:#fff;
  border-radius:4px;
}
.filter .custom-select.open {
 
  border:2px solid #3A5CFF;
  background:#fff;
  border-radius:4px;
}
.filter .custom-select .chevron-down {
    position:absolute;
    top:50%;
    right:20px;
    transform:translateY(-50%);                      
}
.filter .custom-select.open .chevron-down {
    transform:translateY(-50%) rotate(180deg);                                        
}
.filter .select-selected {
  width:100%;
  padding: 10px;
  cursor: pointer;
  height:100%;
  padding:8px 48px 8px 16px;
  display:flex;
  align-items:center;
  color: #0f1a2a;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
 
/*.select-selected:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #999 transparent transparent transparent;
}*/
 
.select-items {
  display: none;
  position: absolute;
  background:#fff;
  min-width: 100%;
  overflow: auto;
  z-index: 21;
  top:56px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.04), 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
   border-radius:4px 4px 0 0;
}
.select-items.show {
  display: block;
 
}
.select-item {
  display:flex;
  padding: 16px;
  cursor: pointer;
  height:56px;
  align-items:center;
    color:  #5a626d;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border-bottom:1px solid #5a626d;
}
.select-item:last-child {
    border-bottom:none;
}
.select-item:hover {
    background:#E5EEF5;
    color:  #3A5CFF;
    font-weight: 600;
    border-color:#5993c4;
}
.filter .noResMes{
    margin:20px 0;
}
.join-btn{
    padding:16px 32px;
    border-radius:4px;
    border:2px solid #3A5CFF;
    display:flex;
    align-items:center;
    gap:24px;
    width:fit-content;
    height: fit-content;
}
.join-btn span{
    color: #3A5CFF;
    text-align: center;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}
.join-btn:hover span{
    color:#fff;
}
.join-btn:hover svg path{
    stroke:#fff;
}
.join-btn:hover{
    background:#3A5CFF;
}
.filter.eventsListing .results-table .events-row .col-lg-2{
    padding:0
}
.filter.eventsListing .results-table .events-row .row .join-link{
    display:flex;
    justify-content:flex-end;
}
@media (max-width:991px){
    .filter .top-section .wrapper{
        gap:45px;
    }
    .filter .top-section .filter-search input{
        width:360px;
    }
    .filter .filter-selected .list{  
        width: 75%;
    }
    .filter.eventsListing .top-section .custom-select{
        width:195px;
 
    }
    .filter.eventsListing .results-table .webcast-btn{
        margin-top:32px;
    }
    .filter.eventsListing .results-table .events-row .row .join-link{
        justify-content:flex-start;
        margin-top:32px;
    }  
    .search-note{
        margin-left: 115px ;
       
    }
}
@media (max-width:767px){
    body.filter-overlay{
        position: relative;
    }
    body.filter-overlay::before{
        content:'';
        position: absolute;
        width: 100%;
        background: rgba(0,0,0,0.3);
        height: 100%;
        z-index:10;
    }
    .filter .top-section .filter-bulkDownload,
    .filter .top-section .filter-options button span{
        display: block;
    }
    .filter .top-section .wrapper{
        gap:24px;
        justify-content: space-between;
        width:100%;
    }
    .filter .top-section .filter-search input{
        width:264px;
    }
    .filter .top-section .filter-options{
        order:initial;
    }
    .filter .top-section .filter-options >button{
        padding:0px;
        position: relative;
        gap: 0px;
    }
    .filter .top-section .filter-options >button[aria-expanded='true'] span.pointed{
        display: inline-block;
        width:24px;
        height:24px;
        background-color: #fff;
        position: absolute;
        top:100%;
        left:25%;
        rotate:45deg;
        z-index: 20;
    }
    .filter .top-section .filter-options> button svg{
        width:24px;
        height:24px;
    }
    .filter .top-section .filter-options .options.show{
        width:75vw;
        right:0;
        height:85vh;
        left:unset;
        padding:0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        top:64px;
        border:none;
    }
    .filter .top-section .filter-options .options.show .row{
        display: flex;
        flex-direction: column;
        margin:0;
    }
    .filter .top-section .filter-options .options.show .row .col-md-3{
        padding:0;
    }
    .filter .top-section .filter-options .options.show .row .col-md-3 ul.tag{
        display: none;
    }
    .filter .top-section .filter-options .options.show .row .col-md-3 .tag-title{
        display: flex;
        padding:16px;
        align-items: center;
        justify-content: space-between;
        border-top:1px solid #c0c3c7;
        border-bottom:1px solid #c0c3c7;
    }
    .filter .top-section .filter-options .options.show .row .col-md-3:last-child .tag-title{
        border-bottom:2px solid #c0c3c7;
    }
    .filter .top-section .filter-options .options.show .row .col-md-3 .tag-title span{
        font-weight:400;
        color:#0f1a2a;
    }
    .filter .top-section .filter-options .options .mobile-title{
        display: block;
        padding:16px;
        border-bottom: 1px solid #c0c3c7;
    }
    .filter .top-section .filter-options .options .mobile-title span{
        color: #3A5CFF;
        font-family: 'Open Sans',sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .filter .top-section .filter-options .options.show .filters {
        border-bottom: none;
        height: 80%;
    }
    .filter .top-section .filter-options .options.show .options-footer .footer-buttons {
        flex-direction: column;
        gap:8px;
    }
    .filter .top-section .filter-options .options.show .options-footer .footer-buttons button{
        padding:16px 32px;
        width: fit-content;
        margin: 0 auto;
    }
    .filter .top-section .filter-options .options.show .options-footer .footer-buttons button:last-child{
       background:#3A5CFF;
       color:#fff;
       border-radius:4px;
    }
    .filter .top-section .filter-options .options.show .options-footer .footer-buttons button:first-child{
        order:2;
    }
   
    .filter .top-section .filter-options .options.show .row .col-md-3 ul.tag.show {
        display: block;
    }
    .filter .top-section .options.show .row .col-md-3 .tag-title span.ex-icon .plus-icon{
        display: inline-block;
    }
    .filter .top-section .options.show .row .col-md-3 .tag-title.show span.ex-icon .minus-icon{
        display: inline-block;
    }
    .filter .top-section .options.show .row .col-md-3 .tag-title.show span.ex-icon .plus-icon{
        display: none;
    }
    .filter .filter-selected .list{
        margin-top:0;
    }
    .filter .filter-selected .list li{
        padding:8px 12px;
    }
    .filter .filter-selected{
        flex-direction: column-reverse;
        gap:10px;
    }
    .filter .filter-selected .clear-filter{
        align-self:flex-end;
    }
    .filter .top-section .filter-options .options.show .filters ul.tag {
        padding:0;
        margin:0;
    }
    .filter .top-section .filter-options .options.show .filters ul.tag li {
        width:100%;
        border-bottom:1px solid #c0c3c7;
        margin:0;
    }
    .filter .top-section .filter-options .options.show .filters ul.tag li label{
        padding:16px 16px 16px 40px;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .filter .top-section .filter-options .options.show .filters ul.tag li label.checked img.checked,
    .filter .top-section .filter-options .options.show .filters ul.tag li label img.unchecked{
        width:24px;
        height:24px;
    }
    .filter .filter-selected .list{  
        width: 100%;
    }
    .filter .container .populatedResults .results-table .row .checkbox{
        display:none;
    }
    .filter .container .populatedResults .results-table .table .table-body .row > div.date-title{
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
        padding: 32px 13px 31px 19px;
 
    }
    .filter .container .populatedResults .results-table .table .table-body .row > .download{
        align-self:center;
 
    }                                                
    .filter .container .populatedResults .results-table .table .table-body .row > div{
        font-size:14px;
        line-height:24px;
 
    }
    .filter .container .populatedResults{
        padding:0;
    }
    .filter .container .pagination .wrapper .jump-section form{
         display:flex;
 
    }
    .filter .container .events-component-section .seperator{
        width:100%;
        margin-bottom:24px;
    }
    .filter .container .events-component-section .row{
        padding:0;
    }
    .filter .container .events-component-section .row > .col-lg-2,
    .filter .container .events-component-section .row >.col-lg-10,
    .filter .container .events-component-section .row >.col-lg-10 .row{
        padding-left:0;
        padding-right:0;
    }
    .filter .container .events-component-section .row .date{
        margin-bottom:24px;                            
 
    }
    .filter .container .events-component-section .row .col-md-9{
        margin-bottom:24px;
 
    }
    .filter.eventsListing .top-section{
        display:flex;
        flex-direction:column;
        gap:24px;
 
    }
    .filter.eventsListing .top-section .custom-select{
        width:100%;
 
    }
    .filter .container .populatedResults .results-table .table .title .description{
        font-size:12px;
        line-height: 18px;                        
    }      
    .filter.newsRoomListing .container .populatedResults .results-table .table .release-date{
        align-self: flex-start;
        width: 100%;
        text-align: left;
        margin-bottom: 20px;
        margin-left: 0px;
        font-family: 'Open Sans',sans-serif;
    }    
    .filter.newsRoomListing .top-section .filter-search input{
        width: 100%;
    }
    .search-note{
        margin-left: 0px;
    }
    .filter.newsRoomListing .container .populatedResults .results-table .table .title{
        width: 100%;
        font-family: 'Open Sans',sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
    }
    .filter.newsRoomListing .container .populatedResults .results-table .table .company_tag{
        display: flex;
        justify-content: flex-start;
        margin-top: 20px;
        width: auto;
        font-family: 'Open Sans',sans-serif;
        margin-left: 0px;
    }              
    .filter .container .populatedResults .sort-filter button{
        display: none;
    }
    .filter .container .populatedResults .results-table .table .table-body > .row{
        padding: 0px 0px;
    }
    .filter.newsRoomListing .container .populatedResults .results-table .table .company_tag span{
        margin-left: 0px;
    }
}
 
.loader-wrapper {
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -100px;
    margin-bottom: 30px;
    margin-top: 30px;
    width: 200px;
    height: 200px;
    z-index: 1000;
  }
  .loader-wrapper.gone {
    left: -10000px;
    position: absolute;
  }
  .loader-wrapper .loader {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: purple;
    -webkit-animation: spin 2s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
  }
  .loader-wrapper .loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: blue;
    -webkit-animation: spin 3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    -moz-animation: spin 3s linear infinite;
    -o-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
  }
  .loader-wrapper .loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: green;
    -moz-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
  }
  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(0);
      /* IE 9 */
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0);
      /* Firefox 16+, IE 10+, Opera */
    }
    100% {
      -webkit-transform: rotate(360deg);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(360deg);
      /* IE 9 */
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
      /* Firefox 16+, IE 10+, Opera */
    }
  }
  @-moz-keyframes spin {
    0% {
      -webkit-transform: rotate(0);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(0);
      /* IE 9 */
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0);
      /* Firefox 16+, IE 10+, Opera */
    }
    100% {
      -webkit-transform: rotate(360deg);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(360deg);
      /* IE 9 */
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
      /* Firefox 16+, IE 10+, Opera */
    }
  }
  @keyframes spin {
    0% {
      -webkit-transform: rotate(0);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(0);
      /* IE 9 */
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0);
      /* Firefox 16+, IE 10+, Opera */
    }
    100% {
      -webkit-transform: rotate(360deg);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(360deg);
      /* IE 9 */
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
      /* Firefox 16+, IE 10+, Opera */
    }
}
 
@media (min-width: 768px) and (max-width: 1023px) {
    .search-note{
        margin-left: 115px ;
       
    }
 
    .filter.newsRoomListing .container .populatedResults .results-table .table .release-date{
        margin-left: 32px;
        padding: 7px 85px 10px 4px;
        font-family: 'Open Sans',sans-serif;
    }
 
    .filter.newsRoomListing .top-section .filter-search input{
        width: 600px;
    }
}

@media screen and (width: 1024px) {

    .filter.newsRoomListing .top-section .filter-search input{
         width: 860px;
    }

    .search-note{
        margin-left: 124px ;
       
    }   
  }

  @media screen and (width: 820px) {

    .search-note{
        margin-left: 155px ;
       
    }  
}

@media screen and (width: 768px) {

    .filter.newsRoomListing .container .populatedResults .results-table .table .company_tag{
        width: 26%;
    }

    .filter.newsRoomListing .container .populatedResults .results-table .table .company_tag span{
        margin-left: 24px;
        font-size: 12px;
    }
    
    }

 
   
/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/footer.css ***!
  \***************************************************************************************************************************/
footer .container {
  max-width: 1168px;
  padding: 0 16px;
  margin: 0 auto;
}
.social-media-section {
  align-items: center;
  background: #E8E7F0;
}
footer .social-media-container {
  display: flex;
  justify-content: space-between;
  padding-top: 24px;
  padding-bottom: 24px;
}
footer .bottom-section {
  position: relative;
  overflow: hidden;
}
footer .bottom-section > img {
  position: absolute;
  top: 0;
  right: 0;
  width: 800px;
  height: 100%;
  object-fit: cover;
}
footer ul.footer-links {
  display: flex;
  margin-bottom: 0;
  padding: 0;
}
footer ul.footer-links .links-list {
  list-style: none;
}
footer .footer-icons {
  width: 32%;
}
footer ul.footer-links li a {
  text-transform: capitalize;
}

footer ul.footer-links li a:hover{
  text-decoration: 1px solid underline;
  text-underline-offset: 3px;
}

footer .bottom-section .content-section .main-content {
  display: flex;
  padding-top: 60px;
  width: 68%;
  gap: 75px;
  margin-bottom: 30px;
}
footer .bottom-section .content-section .container,
footer .bottom-section .copyright-section .container {
  position: relative;
  z-index: 5;
}

footer .bottom-section .content-section .main-content .column {
  width: auto;
}
footer .bottom-section .main-content .column .content-title h6 {
  font-family: "Diodrum-Regular";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #00e4a5;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  margin-bottom: 0;
}
footer .bottom-section .main-content .column .content-title {
  margin-bottom: 5px;
}
footer .bottom-section .main-content .column .content-text {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}
footer .bottom-section .main-content .column:first-child {
  width: 50%;
}
footer .bottom-section .main-content .column .content-text p {
  font-size: 16px;
  color: #fff;
}
footer .bottom-section .main-content .column .footer-links li {
  display: flex;
  width: 100%;
  padding: 0;
  align-items: center;
  border-right: none;
}
footer .bottom-section .main-content .column .footer-links {
  flex-direction: column;
  width: 100%;
}
footer .bottom-section .main-content .column .footer-links li img {
  width: 12px;
  height: 12px;
  object-fit: cover;
  margin-right: 20px;
}

footer .bottom-section .main-content .column .footer-links li a {
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
}
footer .copyright-section .container .copyright {
  margin: 0 32px 0 0;
}
footer .content-section .column .content-text p {
  margin-bottom: 18px;
}

.content-section {
  display: flex;
  padding: 0px;
  background: #170d67;
}
footer .copyright-section {
  padding: 16px 0;
  font-family: 'Open Sans',sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
footer .footer-icons > a {
  display: inline-block;
  height: 24px;
  width: 24px;
}
footer .footer-icons > a img {
  object-fit: cover;
}

footer .content-section .content-footer a {
  padding: 17px 30px;
}
footer .social-media-container.no-footer-links {
  justify-content: flex-end;
}
footer .social-media-container .footer-links {
  width: 78%;
}
footer .content-section .content-footer a.inverse-primary {
  color: #3A5CFF;
}
footer
  .content-section
  .content-footer
  a.inverse-primary:hover {
  color: #fff;
}
@media (max-width: 767px) {
  /*.social-media-section{
    height: 136px;
    padding: 0px;
    gap: 16px;
}*/
}
@media (min-width: 769px) {
  .social-media-section {
    padding: 0px;
    gap: 16px;
  }
}
/*@media (min-width: 1200px) {
.social-media-section{
    height: 72px;
    padding-top: 24px;
}

}*/
@media (max-width: 1200px) {
  .footer-links {
    padding: 16px;
  }
}

.footer-links a,
.footer-links span {
  text-decoration: none;
  font-family: 'Open Sans',sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #5a626d;
}

.footer-icons {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex: none;
  order: 1;
  flex-grow: 0;
}
@media (max-width: 992px) {
  footer .container{
	padding:0 24px;
  }
  footer .social-media-container{
		padding:24px;
        }
  footer .container .copyright-section {
    padding: 16px;
    height: auto;
  }
  footer .social-media-container {
    align-items: center;
  }
  footer .bottom-section > img {
    width: 500px;
  }

  footer .social-media-container.no-footer-links > .footer-icons {
    width: 100%;
  }
  footer .bottom-section .content-section .main-content {
    width: 100%;
    gap: 50px;
  }
}
@media (max-width: 767px) {
  .footer-icons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    gap: 24px;

    overflow: hidden;
  }
  footer .copyright-section .container {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  footer .content-section .container .main-content {
    flex-direction: column;
    gap: 30px;
    padding-top: 16px;
  }
  footer .bottom-section .content-section .container {
    max-width: 100%;
    padding: 0 24px;
  }
  footer .bottom-section .content-section .main-content .column {
    width: 100%;
  }

  footer .copyright-section .container > span {
    display: block;
    margin-right: 0;
    height: auto;
  }
  footer .bottom-section .main-content .column .content-title {
    margin-bottom: 12px;
  }
  footer .content-section .column .content-text p {
    margin-bottom: 23px;
  }
        /*-------------------*/

  footer .social-media-container ul.footer-links {
	flex-direction:column;
    padding: 0;

  }
  footer .social-media-container .footer-links > li {
	padding:16px 24px;
    border-bottom:1px solid #c0c3c7;
  }
  footer .social-media-container .footer-links > li span{
	display:none;
  }       
}
@media (min-width: 768px) {
  .footer-icons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 24px;
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .footer-icons {
    padding: 0px;
    gap: 24px;
  }
  .footer-icons a img {
    width: 24px;
    height: 24px;
  }
}

@media (min-width: 1200px) {
  .content-text {
    width: 668px;
    height: 48px;
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #ffffff;
    margin: 99.9px 0px 99.9px 136px;
  }
  .footer-logo {
    width: 368px;
    height: 91.8px;
    margin: 78px 120px 78px 132px;
  }
}
.copyright-section {
  background: #170d67;
}
.copyright-section .copyright {
  height: 24px;
  font-family: 'Open Sans',sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
}
@media (max-width: 767px) {
  .copyright-section {
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
  }
  .copyright-section .copyright {
    margin-right: 20px;
  }
  footer .social-media-container {
    justify-content: center;
    flex-direction: column;
    padding: 0;
  }
  footer .social-media-container .footer-links,
  footer .social-media-container .footer-icons {
    width: 100%;
    justify-content: center;
    padding: 16px;
  }
  footer .social-media-container .footer-links {
    border-bottom: 1px solid #c0c3c7;
  }
  footer .copyright-section {
    padding-bottom: 21px;
  }
}
@media (min-width: 769px) {
  .copyright-section .copyright {
    margin-right: 20px;
  }
}
@media (min-width: 1200px) {
  .copyright-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 32px;

    padding: 0px;
  }
  .copyright-section .copyright {
    margin-left: 136px;
    /* width: 383px; */
  }
}
@media (max-width: 550px) {
  footer .bottom-section > img {
    left: 40px;
  }
}

.copyright-links a,
.copyright-links span {
  text-decoration: none;
  font-family: 'Open Sans',sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
}

.copyright-section .copyright-seperator-links:hover {
  text-decoration: 1px solid underline;
  text-underline-offset: 3px;
}
/*!*******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/fullsearch.css ***!
  \*******************************************************************************************************************************/
.fullsearch-container{
  display: block;
}
.fullsearch-container-left {
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
}
.fullsearch-filter, .fullsearch-careers, .fullsearch-investor-relations {
  padding: 24px;
}
.fullsearch-careers .fullsearch-para, .fullsearch-investor-relations .fullsearch-para {
  margin-top: 32px;
  margin-bottom: 24px;
  color: var(--color-neutral-dark, #5A626D);
  font-weight: 400;
  line-height: 24px;
}
.fullsearch-accordion{
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}
.fullsearch-accordion-item {
  border: none;
  background: none !important;
}
.fullsearch-separator{
  margin-top: 24px;
}
.fullsearch-selected-clear-all, .fullsearch-accordion-button, .fullsearch-accordion-item .form-check-label, .fullsearch-accordion-item .accordion-button:not(.collapsed) {
  border: none;
  box-shadow: none !important;
  margin: 0px;
  padding: 0px;
  color: #3A5CFF;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.fullsearch-accordion-item .form-check-label{
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
.fullsearch-accordion-item .company-checkbox, .fullsearch-accordion-item .theme-checkbox, .fullsearch-accordion-item .location-checkbox{
  padding-left: 24px;
}
.fullsearch-accordion-item .card-body{
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 24px;
}
.card-body .location-checkbox .form-check-label div{
  width:90%
}
.fullsearch-accordion-item .form-check-label .form-check-input{
  position: absolute;
  right: 0px;
}
/* Custom style */
  .fullsearch-careers {
    margin-top: 32px;
  }
  .fullsearch-container-right .fullsearch-search-container {
    padding: 24px;
    display: flex;
  }
  .fullsearch-container-right .fullsearch-search-container .fullsearch-search-section {
    float: left;
    width: 100%;
  }
  .fullsearch-container-right .fullsearch-search-container .fullsearch-search-bar, .fullsearch-container-right .fullsearch-search-container .fullsearch-search-bar-404 {
    width: 100%;
    height: 56px;
    padding: 16px;
  }
  .container .fullsearch-search-section > .fullsearch-search .input-container{
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .fullsearch-container-right .fullsearch-search-section > .fullsearch-search .input-container a.fullsearch-search-icon, 
  .fullsearch-container-right .fullsearch-search-section > .fullsearch-search .input-container a.fullsearch-search-icon-disabled {
    display: none;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 16px;
    right: 24px;
  }
  .fullsearch-container-right .fullsearch-search-section > .fullsearch-search .input-container a.fullsearch-close-icon {
    position: absolute;
    top: 16px;
    width: 16px;
    height: 16px;
    right: 70px;
    display: none;
  }
  .fullsearch-container-right .fullsearch-search-section > .fullsearch-search .input-container a.fullsearch-close-icon img{
    width: 16px;
    height: 16px;
  }
  .fullsearch-choices ul{
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .fullsearch-choices ul::-webkit-scrollbar {
    display: none;
  }
  .fullsearch-selected-items .fullsearch-choices ul, .fullsearch-selected-items .fullsearch-choices-mobile ul{
    flex-flow: wrap;
    padding: 16px 0px;
    margin: 0px;
    padding-left: 0px;
  }
  .fullsearch-selected-items .fullsearch-choices ul li img, .fullsearch-selected-items .fullsearch-choices-mobile ul li img{
    height: 16px;
    width: 16px;
    margin-top: -2px;
    margin-left: 8px;
  }
  .fullsearch-choices ul, .fullsearch-choices-mobile ul {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 24px;
   }
  .fullsearch-choices li,.fullsearch-choices-mobile li {
    padding: 16px 24px;
    border-radius: 30px;
    border: 2px solid var(--color-neutral-medium, #8D929A);
    background: var(--neutral-white, #FFF);
    cursor: pointer;
  }
  .fullsearch-selected-items li div, .fullsearch-choice-item div {
    width: max-content;
  }
  .fullsearch-choices li.active, .fullsearch-choices li.activated, .fullsearch-choices-mobile li.activated{
    border: 2px solid var(--color-action-medium, #5993C4);
    background: var(--color-action-lightest, #E5EEF5);
    color: var(--color-action-primary, #3A5CFF);
  }
  .fullsearch-selected-items, .fullsearch-selected-clear-all  {
    display: none;
  }
  .no-match-results {
    margin: 72px;
    display: none;
  }
  .fullsearch-results-count-section{
    margin: 24px 32px;
  }
  .no-match-results-title {
    margin: 48px 0px 24px 0px;
    font-family: 'Diodrum-Regular';;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
  }
  .fullsearch-result-item {
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
  }
  .fullsearch-result-item-link {
    display: flex;
    gap: 16px
  }
  .fullsearch-result-item-link img{
    height: 24px;
    width: 24px;
    margin-top: 8px;
  }
  .fullsearch-result-item-link div{
    margin-top: 8px;
  }
  .fullsearch-result-item-link div a{
    color: var(--color-action-primary, #3A5CFF);
    font-weight: 600;
    line-height: 24px; 
  }
  .fullsearch-results-section{
    margin-left: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .fullsearch-results-best-bet {
    margin-left: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 24px;
  }
  .fullsearch-results-pagination hr {
    margin: 32px 40px;
  }
  .fullsearch-results-pagination .fullsearch-pagination img {
    height: 24px;
    width: 24px;
  }
  .fullsearch-results-pagination .fullsearch-pagination {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 22px;
  }
  .fullsearch-pagination .pagenation{
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
  .fullsearch-pagination .pagenation.notActivePage{
    color:  #8D929A;
  }
  .fullsearch-search .suggestion-results-group{
    border: 1px solid #8D929A;
    display: none;
  }
  .fullsearch-careers .section-header {
    padding:0px;
   }
  .fullsearch-404.fullsearch-container-right.container {
    padding: 0px;
  }
  @media (max-width: 991px) {
    .no-match-results {
      margin-left: 48px;
    }
    .fullsearch-results-count-section{
      margin: 24px 40px;
    }
    .fullsearch-results-section{
      margin-left: 24px;
    }
    .fullsearch-results-best-bet {
      margin-left: 24px;
    }
    .fullsearch-results-pagination hr {
      margin: 24px;
    }
    .fullsearch-choices ul {
      flex-wrap: nowrap;
      margin: 0;
      position: relative;
      overflow-x: scroll;
    }
    .fullsearch-container-right .fullsearch-search-container {
      padding: 24px 0px 24px 24px
    }
  }
  @media (max-width: 767px) {
  .fullsearch-accordion-button::after {
    background-image: url("../../../etc.clientlibs/exelon/clientlibs/clientlib-dependencies/resources/images/black-plus.png");
  }
  .fullsearch-accordion-button:not(.collapsed)::after {
    background-image: url("../../../etc.clientlibs/exelon/clientlibs/clientlib-dependencies/resources/images/black-minus.png");
  }
  .no-match-results {
    margin-left: 24px;
  }
  .fullsearch-results-count-section{
    margin: 24px 32px;
  }
  .fullsearch-container-right .fullsearch-search-section > .fullsearch-search .input-container a.fullsearch-close-icon {
    right: 38%;
  }
  .fullsearch-container-right .fullsearch-search-section > .fullsearch-search .input-container a.fullsearch-search-icon, 
  .fullsearch-container-right .fullsearch-search-section > .fullsearch-search .input-container a.fullsearch-search-icon-disabled {
     right: 25%;
  }
  .fullsearch-choices ul {
    overflow-x: scroll;
    --widthButton: 48px;
    width: 90%;
    flex-wrap: nowrap;
    display: flex;
    list-style: none;
    padding-left: 0;
    gap: 8px;
    margin: 0;
    position: relative;
  }
  .fullsearch-container-left {
    display: none;
  }
  .fullsearch-filter-mobile .pointed.active {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: 25%;
    rotate: 45deg;
    z-index: 20;
  }
  .fullsearch-search .filter .top-section .filter-options .options.show{
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.04), 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
    left: 20% !important;
  }
  .fullsearch-selected-clear-all, .fullsearch-accordion-button, .fullsearch-accordion-item .form-check-label, .fullsearch-accordion-item .accordion-button:not(.collapsed) {
    color: #0F1A2A;
    background: none;
  }
  .fullsearch-selected-items .fullsearch-choices ul, .fullsearch-selected-items .fullsearch-choices-mobile ul{
    padding: 0px;
  }
  .mobile-selected-items {
    padding-top: 16px;
    margin-left: 12px;
    display: none;
  }
  .fullsearch-choices li,.fullsearch-choices-mobile li {
    padding: 8px 12px;
  }
  .fullsearch-choices {
    margin-left: 0px;
  }
  .fullsearch-container-right .fullsearch-search-container{
    padding: 24px 0px;
  }
  .fullsearch-results-section{
    margin-left: 0px;
  }
  .fullsearch-results-best-bet {
    margin-left: 0px;
  }
}
  @media (min-width: 768px) {
    .fullsearch-container{
      display: flex;
    }
    .fullsearch-search .fullsearch-filter-mobile {
      display: none;
    }
    .fullsearch-accordion-button::after {
      background-image: url("../../../etc.clientlibs/exelon/clientlibs/clientlib-dependencies/resources/images/blue-plus.svg");
      transform: scale(.7) !important;
    }
    .fullsearch-accordion-button:not(.collapsed)::after {
      background-image: url("../../../etc.clientlibs/exelon/clientlibs/clientlib-dependencies/resources/images/blue-minus.svg");
    }
    .fullsearch-selected-clear-all, .fullsearch-accordion-button, .fullsearch-accordion-item .form-check-label, .fullsearch-accordion-item .accordion-button:not(.collapsed) {
      background: #F7F7F8;
    }
    .mobile-selected-items {
      display: none;
    }
    .fullsearch-404.fullsearch-container-right.container .fullsearch-search-container {
      padding: 24px 0px;
    }
  }
/*!******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/gridPages.css ***!
  \******************************************************************************************************************************/
.gridJsonValues {
    display: none;
}

.parallax-window {
    display: flex;
    min-height: 440px;
    width: 100%;
    background: rgba(23, 13, 103, 0.65);
}
/* .root.container{
    background-color: transparent;
} */

.parallex-image, .grid-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;  
}

.parallax-slider {
    height: 100%;  /* Ensure the slider takes the full height of the window */
}
.hero {

    position: relative;
    width: 100%;
    height: 439px;
    background-attachment: fixed;
  }

  @media (max-width: 767px) {
	.hero{
        width: 100%;
        height: 389px; /* Increased height */
        background-size: cover; 
        background-position: center;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        position: relative;
        background-attachment: fixed;
        top: 0;
        left: 0;
        z-index: -1; /* Ensure content is above the image */
        transition: background-position 0.5s ease-out; /* Smooth transition */
    }
    
   
}
.hero.primary-gradient {
    background: linear-gradient(225deg, #0d1a67 57.65%, #6e06c1 93.62%);
    height: 439px;
}

    /* Image or video backgrounds can also be added below if needed */
    .hero.primary-gradient img,
    .hero.primary-gradient grid-video {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }



/* Video styling */
.grid-video {
    position: absolute; /* or absolute */
    top: 0;
    left: 0;
    width: 100%;
    height: inherit;
    object-fit: cover; 
}


/* Content section (Title, Description, Navigation) */
.grid-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
z-index: 2;
text-align: center;
width: 100%;
}

.grid-header-container{
    
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
    z-index: 2;
   
}  


@media (max-width: 767px) {
	.grid-header-container{
		height: 100%;
	}
	.grid-header-container .container{
		overflow: auto;
	}
}
.grid-main-header{
    min-height: 40px;
    width: 100%;
}
.grid-header{
    min-height: 84px;
}
@media (max-width: 767px) {
	.grid-main-header{
        min-height: 0px;
    }
    .grid-header{
        min-height: 0px;
    }
}
.grid-title {
    color: var(--neutral-white, #FFF);
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 75px;
    font-weight: 400;
    line-height: 56px; 
    font-family: Diodrum-Regular; 
    font-style: normal; 
    letter-spacing: 23px;
    margin-top: 54px;
    text-align: center; 
    padding: 0;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    line-height: 56px;
  /* margin-top: 0;
  /* text-align: left; Center text horizontally */
  /* z-index: 2; 
  margin-left: 24px; */
}

.title-container {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
}
.highlight {
    color: var(--white, #FFF);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Diodrum-Regular;
    font-size: 75px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px; 
    letter-spacing: 23px;
}
.sub-title {
    color: var(--white, #FFF);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Diodrum-Regular;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 8.6px;
    margin-top: 15px; 
    text-align: center;
}
.grid-title span.highlight {
    color: #00E4A5 !important; 
    all: unset;
    color: #00E4A5

}

@media (max-width: 767px) {
	.grid-title{
		display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
	}
	.grid-main-header, .grid-header {
		display: none;
	}
}
.grid-search-container {
    display: flex;
    align-items: center;
    position: relative; 
}

.input-container {
    position: relative; 
    width: 100%; 
}

.grid-search-bar {
    width: calc(100% - 23px) !important;
    height: 57px !important;
    padding: 18px !important;
    padding-right: 59px !important;
    box-sizing: border-box;
}

.grid-search-icon,
.grid-close-icon {
    position: absolute; 
    top: 50%;
    transform: translateY(-50%); 
    cursor: pointer;
}

.grid-search-icon {
    right: 40px; 
}

.grid-close-icon {
    right: 10px; 
    display: none; 
}

.grid-search-bar:focus + .grid-search-icon {
    display: none; 
}

.grid-search-bar:not(:placeholder-shown) + .grid-search-icon {
    display: none; 
}

.grid-search-bar:not(:focus):not(:placeholder-shown) + .grid-close-icon {
    display: inline-block; 
}


.grid-search-container .grid-search-icon img,
.grid-search-container .grid-close-icon img {
    width: 16px;
    height: 16px;
}

.grid-search-results .search-list .grid-tile-image {
    height: 216px;
    width: 100%;
    object-fit: cover;
    object-position: top;
    margin-bottom: 20px;
}

.grid-search-results .search-list .grid-tile-image.right {
        object-position: right top;
    }

    .grid-search-results .search-list .grid-tile-image.left {
        object-position: left top;
    }

    .grid-search-results .search-list .grid-tile-image.center {
        object-position: center top;
    }


@media (max-width: 767px) {
    .grid-search-container {
        width: 100%;
    }
    .grid-search-bar {
        width: calc(100% - 40px); 
    }
    .grid-search-icon {
        
        right: 10px;
        top: 50%; /* Position it vertically centered */
        transform: translateY(-50%); /* Center the icon vertically */
    }
    .grid-close-icon {
       
        right: 60px; /* Place the close icon slightly to the left of the search icon */
        top: 50%; /* Position it vertically centered */
        transform: translateY(-50%); /* Center the icon vertically */
        display: none; /* Initially hide the close icon */
    }
}

.grid-nav ol {
    
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    margin-top: 12px;
    padding: 0px;
    
    gap: 0 !important;
    
    z-index: 2; /* Ensures the nav appears above the image */
    justify-content: space-between;
    /* width: 1169px; */
}
@media (max-width: 767px) {
	.grid-nav ol {
		flex-wrap: nowrap;
        width: 100%;
        overflow-x: hidden;
        overflow-y: hidden;
        border-bottom: none;
	}
}
.grid-nav ol li {
    margin-bottom: -2px;
    min-width: fit-content;
}
.grid-nav ol li.active{
    /* border-bottom: 2px solid var(--brand-exelon-secondary-alt, #00E4A5); */
}
.grid-nav ol li a{
    color: var(--neutral-white, #FFF);
    font-size: 24px;
    font-family: Diodrum-Regular;
    line-height: 24px;
    display: flex;
    padding: 38px 0px 10px;
    /* align-items: flex-start; */
    align-items: center;
    gap: 8px;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}
@media(max-width:767px){
    .grid-nav ol li a{
        gap: 0;
        padding: 38px 0px 10px;
        font-size: 16px;
    }
}
.grid-nav ol li.active a{
    font-weight: 500;
    border-bottom: 4px solid var(--brand-exelon-secondary-alt, #00E4A5);
    color: var(--brand-exelon-secondary-alt, #00E4A5);
    display: inline-block;
    padding: 38px 0px 2px 0px;
    font-family: Diodrum-Medium;
}
.gridSeparator{
    border-top: 1px solid var(--color-neutral-medium, #8D929A);
    margin: 0px 12px;
}
.grid-search-container .grid-search-section {
    float: right;
}
@media (max-width: 767px) {
	.grid-search-container .grid-search-section {
		float: none;
	}
}
.grid-search-container .grid-left-content {
    color: #000;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    line-height: 24px;
    padding: 64px 0px 24px 16px;
    visibility: hidden;
}
@media (max-width: 767px) {
	.grid-search-container .grid-left-content {
		padding: 16px 0px 24px 24px;
	}
}
.grid-search-container .grid-search-bar{
    width: 100%;
    height: 56px;
    padding: 16px;
    margin: 23px;  
    /* display: none; */
    display: block;
}
@media (max-width: 767px) {
    .grid-search-container .grid-search-bar {
        display: block !important;
        width: 100%;
        height: 56px;
        padding: 16px;
        margin: 0 !important;
        padding: 10px 50px 10px 10px !important;
        clear: both;
    }
}

.container .grid-search-section > .grid-search .input-container a.grid-search-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50% !important;
    right: 45px !important; 
    transform: translateY(-50%); 
}


.container .grid-search-section > .grid-search .input-container a.grid-close-icon {
    display: none;
  
    position: absolute;
    top: 50% !important;
    right: 15px !important; 
    transform: translateY(-50%); 
}


.search-bar-active .container .grid-search-section > .grid-search .input-container a.grid-close-icon {
    display: inline-block;
}


@media (max-width: 767px) { 
    .container .grid-search-section > .grid-search .input-container a.grid-search-icon {
        top: 44% !important; 
        right: 16px; 
        transform: translateY(-50%);
        display: block !important;
        right: 12px !important;
    }

    .container .grid-search-section > .grid-search .input-container a.grid-close-icon {
        top: 50%; 
        right: 60px; 
        transform: translateY(-50%);
        /* transform: translateY(-50%); */
        right: 45px !important;
    }
}

/* @media (max-width: 991px) { 
    .container .grid-search-section > .grid-search .input-container a.grid-search-icon {
        top: 50% !important;
        right: 16px; 
        transform: translateY(-50%);
    }

    .container .grid-search-section > .grid-search .input-container a.grid-close-icon {
        top: 50%; 
        right: 60px; 
        transform: translateY(-50%);
    }
} */



.container .grid-search-section > .grid-search .input-container a.grid-close-icon img {
    width: 25px;
}


.container .grid-search-section > .grid-search .input-container a.grid-search-icon:focus:focus-visible {
    outline: 1px solid #0059a4;
}


.container .grid-search-section > .grid-search .input-container {
    position: relative;
    width: 100%; 
    right: 0;
    top: -33px;
}


.grid-search .grid-search-icon.disabled {
    display: none;
}

.grid-search-results {
    margin-top: 40px;
}
.grid-search-results .search-list{
    position: relative;
    margin-bottom: 32px;
}
.grid-search-results .search-list .grid-search-category {
    
    display: inline-flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: var(--white, #FFF);
    text-transform: capitalize;
    border-radius: 51px;
    border: 1px solid var(--color-neutral-medium, #8D929A);
    background: var(--Neutral-White, #FFF);
    font-size: 14px;
    line-height: 24px;
    font-family: sans-serif;
}
.grid-search-results .search-list .grid-tile-description{
    
    padding: 24px 24px 12px 2px;
    height: 130px;
    color: var(--email-Text-Rich-Black-Darkest, #0F1A2A) !important;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Diodrum-Medium;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    background: none;
}
.grid-tile-desc {
font-size: 20px;
}
.grid-tile-description{
    text-transform: capitalize;
}
.grid-search-results .search-list .grid-tile-image {
    height: 216px;
    width: 100%;
    object-fit: cover;
    object-position: top;
    margin-bottom: 20px;
}

.grid-search-results .search-list .grid-tile-image.right {
        object-position: right top;
    }

    .grid-search-results .search-list .grid-tile-image.left {
        object-position: left top;
    }

    .grid-search-results .search-list .grid-tile-image.center {
        object-position: center top;
    }


.grid-search-results .search-list .read-more {
    
    overflow: auto;
    padding: 24px 24px 24px 2px;
    background: none;
}
.grid-search-results .search-list .read-more a {
    color: var(--brand-exelon-secondary, #3A5CFF);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    transition: color 0.3s ease;
}

.grid-search-results .search-list .read-more a:hover {
    color: var(--email-Text-Rich-Black-Darkest, #170D67);
}

.grid-search-results .search-list .read-more img{
    height: 16px;
    width: 16px;
    margin-left: 8px;
    transition: transform 0.3s ease;
}
.grid-search-results .search-list .read-more:hover{
    /* color: var(--brand-exelon-secondary, #3A5CFF);  */
    filter: brightness(0) saturate(100%) invert(8%) sepia(39%) saturate(689%) hue-rotate(232deg) brightness(91%) contrast(108%);
}

.grid-search-results .search-list .read-more:hover img{
    transform: translate(10px);
    }
.load-more-tiles{
    color: var(--neutral-white, #FFF);
    text-align: center;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    line-height: 16px;
    height: 56px;
    padding: 16px 32px;
    margin-left: 12px;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
    border-radius: 4px;
    background: #0059A4;
    display: none;
}
.grid-search-banner{
    width: 100%;
    margin: 0;
    margin-bottom: 64px;
    /* margin-left: -114px; */
}
.dispaly-in-mobile {
    display: none;
}
.dispaly-in-tab-desktop{
    display: inline-block;
}
@media (max-width: 767px){
    .dispaly-in-mobile {
        display: inline-block;
    }
    .dispaly-in-tab-desktop{
        display: none;
    }
    .grid-search-results .search-list{
        padding: 0px 5px;
    }
}
.grid-banner-section {
	position: relative;
    /* height: auto; */

}
@media (max-width: 991px){

    .grid-banner-section {
        position: relative;
        /* height: 604px; */
    
    }
    
    
}

@media (max-width: 767px){

    .grid-banner-section {
        position: relative;
        /* height: 700px; */
    
    }
    
    
}
.grid-banner-section.gradient-overlay::before{
	/* content: ""; */
    display: block;
    width: 100%;
    height: 100%;
    opacity: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(    78.47deg,    rgba(0, 0, 0, 0.9) 0%,    rgba(0, 0, 0, 0.7) 48.86%,    rgba(0, 0, 0, 0.2) 66.42%,    rgba(15, 26, 42, 0.1) 107.14%,    rgba(15, 26, 42, 0.6) 107.15%,    rgba(0, 0, 0, 0) 107.16%  )
}

.grid-banner-section .banner-image{
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    position: relative;
    z-index: 1; 
}

.grid-banner-section .banner-image.center {
  object-position: center top;
}
.grid-banner-section .banner-image.left {
  object-position: left top;
}
.grid-banner-section .banner-image.right {
  object-position: right top;
}
@media (max-width: 991px) {
	.grid-banner-section .banner-image{
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    position: relative;
    z-index: 1; 
    /* margin-left: 10px; */
    }
.grid-banner-section .banner-image.center {
  object-position: center top;
}
.grid-banner-section .banner-image.left {
  object-position: left top;
}
.grid-banner-section .banner-image.right {
  object-position: right top;
}
    
}  

@media (max-width: 767px) {
    .grid-search-banner .container{padding: 0;}
    .grid-search-banner .row{margin: 0;}
    .grid-search-banner .row > div{padding: 0;}
	.grid-banner-section .banner-image {
    width: 100%; 
    height: 270px; 
    object-fit: cover; 
    position: relative;
    z-index: 1;
    /* margin-left: 10px ; */
    }

.grid-banner-section .banner-image.center {
  object-position: center top;
}
.grid-banner-section .banner-image.left {
  object-position: left top;
}
.grid-banner-section .banner-image.right {
  object-position: right top;
}
}

.grid-banner-section .grid-banner-description{ 
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    width: auto;
    color: var(--email-Text-Rich-Black-Darkest, #0F1A2A);
    font-size: 32px;
    font-weight: 400;
    font-family: Diodrum-Regular;
    line-height: 40px;
    gap: 16px; 
    text-transform: capitalize;
    z-index: 3; 
	}

@media (max-width: 767px) {
	.grid-banner-section .grid-banner-description{
		padding: 10px 17px;
		margin: 0px;
		font-size: 32px;
		line-height: 40px;
	}
}
.grid-title-color{
    color: var(--email-Text-Rich-Black-Darkest, #0F1A2A);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Diodrum-Medium;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 56px; 
}
@media (max-width: 767px) {
    .grid-title-color{
		
		font-size: 25px;
		line-height: 30px;
	}
}

.search-no-results {
    font-size: 24px;
    font-family: Diodrum-Regular;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 56px;
}

.container.grid-sort-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    
    border-radius: 5px;
    font-family: Diodrum-Regular;
    border-bottom: 2px solid var(--email-Text-Rich-Black-Light, #C9CCD0);
}
 

.grid-left-content {
    color: #0F1A2A;
font-feature-settings: 'liga' off, 'clig' off;
font-family: Diodrum-Regular;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
}
 

.grid-right-content {
    color: #0F1A2A;
font-feature-settings: 'liga' off, 'clig' off;
font-family: Diodrum-Regular;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
}
 

.grid-sort-label {
    font-size: 14px;
    color: #555;
    margin-right: 5px;
}
 

.grid-sort-dropdown {
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
}
 
.grid-sort-dropdown:hover {
    border-color: #999;
}
 
.grid-sort-dropdown:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 3px rgba(0, 123, 255, 0.5);
}
 
/* Responsive design */
@media (max-width: 768px) {
    .container.grid-sort-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
 
    .grid-right-content {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 991px) {
    .container.grid-sort-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
 
    
}
 /* Pagination */


.grid-pagination-container {
    

    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-family: Diodrum-Regular;
}

.grid-pagination-left,
.grid-pagination-center,
.grid-pagination-right {
    display: flex;
    align-items: center;
    color: var(--color-neutral-dark, #5A626D);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}

@media (max-width: 768px) {
    .grid-pagination-left {
      display:none;
    }
    
}
.grid-pagination-right {
    gap:16px;
}

@media (max-width: 768px) {
    .grid-pagination-right #page-select {
      display:none;
    }

    
       .grid-pagination-right #page-label {
          display:none;
        }
    
}

.grid-pagination-left label,
.grid-pagination-center span,
.grid-pagination-right label {
    margin-right: 10px;
}

.grid-pagination-right .pagination-btn {
    margin-left: 5px;
}

.grid-pagination-left select {
    display: flex;
    height: 56px;
    padding: 8px 48px 8px 16px;
    align-items: center;
    gap: 190px;
    align-self: stretch;
    border-radius: 4px;
border: 1px solid var(--color-neutral-medium, #8D929A);
background: var(--Neutral-White, #FFF);
background-image: url('../../../etc.clientlibs/exelon/clientlibs/clientlib-dependencies/resources/icons/chevron-down-blue.svg');
background-repeat: no-repeat;
background-position: right;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-size: 16px 16px;
background-position: 47px 18px;
cursor: pointer;
}
.grid-pagination-left select:focus, .grid-pagination-left select:hover{
    outline: 1px solid #170D67;
}

.grid-pagination-right select {
    display: flex;
    height: 56px;
    padding: 8px 48px 8px 16px;
    align-items: center;
    gap: 190px;
    align-self: stretch;
    border-radius: 4px;
border: 1px solid var(--color-neutral-medium, #8D929A);
background: var(--Neutral-White, #FFF);
background-image: url('../../../etc.clientlibs/exelon/clientlibs/clientlib-dependencies/resources/icons/chevron-down-blue.svg');
background-repeat: no-repeat;
background-position: right;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-size: 16px 16px;
background-position: 47px 18px;
cursor: pointer;
}
.grid-pagination-left select:focus, .grid-pagination-right select:hover{
    outline: 1px solid #170D67;
}


/* Container for the grid */
/* .grid-search-results {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;  
    
} */
/* @media (max-width: 768px) {
    
    .grid-search-results {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;  
        
    }
 } */
@media (max-width: 768px) {
    .grid-search-results {
      margin-bottom: 10px;
    }
    .empty-column {
        display: none; 
    }
}


/* Individual grid items */
/* .grid-search-results .search-list {
    width: 30%;  
    box-sizing: border-box;  
    flex-grow: 1; 
 }  */

 /* @media (max-width: 767px) {
    .grid-search-results .search-list {
        width: 30%;  
        box-sizing: border-box;  
        flex-grow: 1; 
     } 
    

 } */



.empty-column {
    width: 32%;  
    visibility: hidden;  
}
/* 
@media (max-width: 1200px) {
    .search-list {
        width: 45%;  
    }
}

@media (max-width: 768px) {
    .search-list {
     
    }
    .empty-column {
        display: none; 
    }
}

.grid-tile-image {
    width: 100%;  
    height: auto; 
} */

/* .primary-bg {
    background-color: #f4f4f4; 
} */
.grid-tile-description {
    padding: 10px;
    font-size: 14px;
}
.link-button {
    padding-top: 10px;
}
/* .btn-link {
   color: #3A5CFF;
    text-decoration: none;
} */

.search-list.last-item {
    margin-left: auto;
    margin-right: auto;
}






.grid-right-content svg {
    cursor: pointer;
    width: 16px;
    height: 16px;
    fill: none;
    stroke: #0F1A2A;
    stroke-width: 1.5;
}


.custom-dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid #ddd;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 999;
    margin-top: 5px;
}


.custom-dropdown-option {
    padding: 10px;
    cursor: pointer;
    background-color: white;
    border: 1px solid #ddd;
}


.custom-dropdown-option:hover {
    background-color: #f1f1f1;
}


.grid-right-content {
    position: relative; 
}
.custom-dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.custom-dropdown-option {
    padding: 8px 12px;
    cursor: pointer;
}

.custom-dropdown-option:hover {
    background-color: #ddd;
}



    @media (max-width: 767px) {
        .search-icon-tab
        {
            display: none !important;
    }

    .grid-search-bar
    {
        display: block !important;
        clear: both !important;
        width: 100% !important;
        margin: 10px 0 0 0 !important;
        padding: 10px 73px 10px 10px !important;
        width: 100%;

}

}




@media (max-width: 767px) {
    .grid-nav {
        display: flex;
        justify-content: center;
        align-items: center;       
        margin: 0 auto;                        
        padding: 0 20px;
        width: 1168px;
        color: var(--white, #FFF);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Diodrum-Regular;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px; 
        margin-top: 40px;
        padding-left: 0px;
        padding-right: 0px;
        top: 0;
        z-index: 10; 
    }
}

/* @media screen and (min-width: 1000px) {
    .mobile-search{
        display: none;
    }
    .desktop-search{
        display: initial;
    }
  }
   
  @media screen and (max-width: 1000px) {
    .mobile-search{
        display: initial;
    }
    .desktop-search{
        display: none;
    }
  } */


  .banner-category {
    
    display: table;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: auto;
  margin-top: 6px;
  margin-bottom: 0px;
  border-radius: 51px;
  border: 1px solid var(--color-neutral-medium, #8d929a);
  background: var(--Neutral-White, #FFF);
  color: var(--color-neutral-darker, #0f1a2a);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.button-links .btns-large img {
    height: 16px;
    width: 16px;
    margin-left: 8px;
    transition: transform 0.5s ease;
}
    
    
.button-links .btns-large:hover img {
    transform: translateX(10px);
  }
.button-links .secondary.btns-large:hover img {
 filter: brightness(0) saturate(100%) invert(8%) sepia(39%) saturate(689%) hue-rotate(232deg) brightness(91%) contrast(108%);
    }

.grid-banner-section .banner-image.center {
  object-position: center top;
}
.grid-banner-section .banner-image.left {
  object-position: left top;
}
.grid-banner-section .banner-image.right {
  object-position: right top;
}

    .grid-banner-description .read-more{
        color: var(--brand-exelon-secondary, #3A5CFF);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: 'Open Sans',sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        transition: color 0.3s ease;
    }
 
    .grid-banner-description .read-more:hover {
        /* text-decoration: underline; */
        /* color: var(--brand-exelon-secondary, #3A5CFF);  */
        filter: brightness(0) saturate(100%) invert(8%) sepia(39%) saturate(689%) hue-rotate(232deg) brightness(91%) contrast(108%);
    }







    .grid-menu {
        display: block!important;
      }
      .grid-nav ol{width: 100%;}
@media screen and (min-width: 900px) {
	.grid-menu {
	  display: block!important;
	}
	.grid-menu-search {
	  /* width: 50%!important; */
	  display: inline-block!important;
	}
	}
	@media screen and (max-width: 900px) {
	.grid-menu {
	  display: flex !important;
	}
	.grid-menu-search {
	  width: 100%!important;
	  text-align: -webkit-center!important;
	  display: block!important;
	}

    .grid-nav{
        display: initial !important;
        width: auto !important;
    }
    .grid-nav ol{
        gap: 32px !important;
    }
    .grid-close-icon{
        top: 14px !important;

    }
    .grid-search-icon{
        top: 18px !important;
    }
}


.carousel-left, .carousel-right {
    display: none;
}

/* Mobile (max-width: 767px) - Show Carousel Arrows */
@media (max-width: 900px) {
    .carousel-left, .carousel-right {
        display: block;
    }
}




@media (max-width: 991px) {
	.grid-nav ol {
		flex-wrap: nowrap;
        width: 100%;
        overflow-x: hidden;
        overflow-y: hidden;
        border-bottom: none;
        gap: 31px !important;
	}

@media(max-width:575px){
    .grid-nav ol{
        max-width: 277px;
        margin: 0 auto !important;
    }
    .grid-nav .carousel-left, .grid-nav .carousel-right{
        top: -4px !important;
    }
}


    .grid-nav .carousel-left, .grid-nav .carousel-right {
        position: relative;
        top: 0%;
        transform: translateY(50%);
        z-index: 2;
    }

    .grid-nav .carousel-left {
        left: 0;
    }

    .grid-nav .carousel-right {
        right: 0;
    }
}


@media (max-width: 767px) {
    .highlight {       
        font-size: 45px;
        line-height: 41px; 
        letter-spacing: 14px;
    }
}

@media (max-width: 767px) {
    .sub-title {
        font-size: 15px;
        line-height: 16px; 
        letter-spacing: 3.6px;
        margin: 0;
    }
}

.banner-blogpost-date {
    
    display: flex;
  padding: 4px 2px;
  /* justify-content: center; */
  align-items: center;
  gap: 8px;
  width: 140px;
  margin-top: 6px;
  margin-bottom: 0px;
  border-radius: 51px;
  background: var(--Neutral-White, #FFF);
  color: var(--color-neutral-darker, #0f1a2a);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Diodrum-Regular;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
}


@media (max-width: 767px) {
    .grid-search-results .search-list .grid-tile-description{
    
        font-size: 20px;
        line-height: 32px;
        height: 120px;
        font-weight: 500;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        
    }
}

.pagination-btn {
    border: none;  /* Remove border */
    padding: 0;  /* Remove padding */
    background: none;  /* Remove default background if any */
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pagination-btn img {
    width: 100%;  /* Makes the icon take up the full size of the button */
    height: auto;  /* Maintain aspect ratio */
}
 
/* grid Page description */
.grid-page-descriptions
{
    /* color: var(--email-Text-Rich-Black-Darkest, #0F1A2A);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Diodrum-Regular;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; */
    display: flex;
    color: var(--email-Text-Rich-Black-Darkest, #0F1A2A);
font-feature-settings: 'liga' off, 'clig' off;
/* web type/paragraph/xs/regular */
font-family: sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
letter-spacing: 0.3px;
margin-bottom: 10px;
margin-top: 10px;
text-transform: none;
}


@media (max-width: 767px) {
    .grid-page-descriptions{
		display: flex;
		font-size: 12px;
		line-height: 16px;
        margin-bottom: 10px;
        margin-top: 10px;
	}
}

@media (max-width: 1024px) {
    .grid-page-descriptions{
		display: flex;
		font-size: 12px;
		line-height: 16px;
        margin-bottom: 10px;
        margin-top: 10px;
	}
}

@media (max-width: 767px) {
    .grid-search-results .search-list .grid-tile-image {
        height: 115px;
        width: 100%;
        object-fit: cover;
        object-position: top;
        margin-bottom: 20px;
    }
.grid-search-results .search-list .grid-tile-image.right {
        object-position: right top;
    }

    .grid-search-results .search-list .grid-tile-image.left {
        object-position: left top;
    }

    .grid-search-results .search-list .grid-tile-image.center {
        object-position: center top;
    }


}

@media (max-width: 1024px) {
    .grid-search-banner {
		
        width: 100%;
        margin-bottom: 64px;
        /* margin-left: 22px; */
	}
}
 

@media (max-width: 1024px) {
    .grid-title-color {
		
        font-size: 25px;
        line-height: 30px;
	}
}

@media (max-width: 767px) {
    .container.grid-sort-container {
        /* margin-top: 110px; */
    }
    .grid-search-results .search-list .read-more {
        margin-bottom: -30px;
    }
}




/*Desktop */
@media screen and (min-width:1024px){
    
}
/*Tablet */
@media screen and (min-width:767px) and (max-width : 1023px){
    
}
/*Mobile */
@media screen and  (max-width : 767px){
    .hero
    {
        height: 339px !important;
    }
    .grid-menu
    {
        padding: 0;
    }
    .grid-nav ol li.active a{
        font-weight: 500;
        border-bottom: 2px solid var(--brand-exelon-secondary-alt, #00E4A5);
        color: var(--brand-exelon-secondary-alt, #00E4A5);
        font-family: Diodrum-Medium;
    }
}


.headerSearch {
    position: absolute;
    top: 36px;
    right: 0px;
}

.headerTab {
    position: relative;
    padding-right: 150px;
    transition: 0.3s all ease-in-out 0s;
}

.headerTab.searchOpen{
    padding-right: 300px;

}

@media (max-width: 767px) {
    .headerSearch {
        margin-top: 40px;
        position: static;
    }

    .grid-search-section > .grid-search .input-container {
        position: relative;
    width: 100% !important;
    right: 0;
    top: 0;
    padding-bottom: 30px;
}

.headerTab{
    padding-right: 0;
}
.grid-nav .container{
    padding: 0 16px;
}
.parallax-mirror,
.parallax-slider{
    width:  100% !important;
    left: 0 !important;
}
}

@media (max-width: 991px) {

    .headerSearch {
    position: static;
    }

    .headerTab{
        padding-right: 0 !important;
    }
    .grid-search-section > .grid-search .input-container {
        position: relative;
    right: 0;
    top: 0 !important;
    margin-bottom: 30px;
        padding-bottom: 0;
    
    }
    
}



@media screen and (min-width:768px) and (max-width : 1024px){
    .grid-search-results .search-list .read-more{
        padding: 50px 24px 24px 2px;
    } 
}

@media (max-width: 767px) {
    .grid-search-banner{
        margin-bottom:10px ;
    }
}

.grid-tile-description .title-link {
    color: var(--email-Text-Rich-Black-Darkest, #0F1A2A) !important; 
    text-decoration: none; /* Remove underline */

}

.grid-tile-description .title-link:hover {
     
    text-decoration: underline; 
}

#sort-text{
    cursor: pointer;
}


/*!*****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/gridTile.css ***!
  \*****************************************************************************************************************************/
.grid-tile-json {
    display: none;
}
.grid-tile-title {
    font-size: 24px;
    font-family: "Diodrum-Regular";
    line-height: 32px;
}
.grid-tile-img {
    margin-bottom: 16px;
}
.grid-tiles-data {
    position: relative;
    margin-bottom: 32px;
    padding: 0px;
}
.grid-tiles-data img {
    width: 100%;
    height: 240px;
    object-fit:cover;
    object-position: top;
}

.grid-tiles-data img.center {
  object-position: center top;
}
.grid-tiles-data img.left {
  object-position: left top;
}
.grid-tiles-data img.right {
  object-position: right top;
}

@media (max-width: 767px) {
    .grid-tiles-data {
        display: flex;
        flex-direction: column;
        gap: 48px;
    }
.grid-tiles-data img.center {
  object-position: center top;
}
.grid-tiles-data img.left {
  object-position: left top;
}
.grid-tiles-data img.right {
  object-position: right top;
}
}
@media (min-width: 768px) {
	.grid-tiles-data img {
        height: 260px;
    }
}
.grid-description-section{
    padding: 0px;
}
.grid-tile-category {
    position: absolute;
    top: 20px;
    left: 36px;
    display: inline-flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: var(--white, #FFF);
    text-transform: capitalize;
}
.grid-tile-list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.grid-tile-list .btn-link img {
    height: 16px;
    width: 16px;
    margin-left: 8px;
    transition: transform 0.5s ease;
}
.grid-tile-list .btn-link:hover img{
    transform: translateX(10px);
    filter: brightness(0) saturate(100%) invert(8%) sepia(39%) saturate(689%) hue-rotate(232deg) brightness(91%) contrast(108%);
}
.grid-tile-container{
    max-width: 790px;
}
.grid-tile-description-section{
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.3px;
    margin: 0px;
}
/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/header.css ***!
  \***************************************************************************************************************************/
.aem-AuthorLayer-Edit header{
  position:relative;
}
header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 20;
}
nav .container {
  max-width: 1168px;
  padding: 0 16px;
}
.nav-wrapper {
  width: 100%;
  position: relative;
}

nav.navbar-expand-lg {
  padding: 0;
}
nav .nav-wrapper .top-nav {
  display: flex;
  justify-content: flex-end;
}
nav .nav-wrapper .top-nav ul {
  /*width: 550px; */
  margin: 0;
  background: rgba(23, 13, 103, 0.65);  
}
nav.navbar-expand-lg .nav-wrapper .top-nav ul.navbar-nav > li > a.nav-link,
nav.navbar-expand-lg .nav-wrapper .top-nav ul.navbar-nav > li > span {
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  font-weight: 600;
  padding: 15px;
  line-height: 24px;
  display: inline-block;
  color: white;
}
nav.navbar-expand-lg .nav-wrapper .top-nav ul.navbar-nav > li > a.nav-link:hover {
	text-decoration:1px solid underline;
    text-underline-offset:3px;
}
nav.navbar-expand-lg .nav-wrapper .top-nav ul.navbar-nav > li:first-child {
  margin-left: 20px;
}
nav .nav-wrapper .bottom-nav {
  border-radius: 4px;
}
nav .nav-wrapper .bottom-nav .primary-bg-strip {
  height: 6px;
  background-color: #170d67;
  width: 100%;
  border-radius: 4px 4px 0 0;
}
nav .nav-wrapper .bottom-nav .bottom-nav-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background: linear-gradient(225deg, #fff 0%, #e1e9ee 100%);
  border-radius: 0 0 4px 4px;
}
nav .nav-wrapper .bottom-nav a.navbar-brand {
  display: inline-block;
  padding: 19px 28px;
}
nav .nav-wrapper .bottom-nav .navbar-collapse {
  justify-content: center;
}
nav .nav-wrapper .bottom-nav .navbar-collapse > .navbar-nav {
  margin-right: 10px;
}
nav .nav-wrapper .bottom-nav .navbar-collapse > .navbar-nav > li > a {
  display: flex;
  color: #0f1a2a;
  font-size: 16px;
  font-family: "Diodrum-Medium";
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
  padding: 0;
  height: 97px;
  align-items: center;
  justify-content: center;
  padding:0 16px;
}
nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li
  > a
  img.plus-dark,
nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li
  > a
  img.minus-light {
  display: none;
}

nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu {
  position: static;
}
nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > ul.navbar-nav
  > li.dropdown.mega-menu
  > ul.dropdown-menu {
  top: 100%;
  left: 0;
  border-radius: 0;
  min-height: 445px;
  border: none;
  padding: 32px 75px;
  gap: 64px;
}
nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  ul.dropdown-menu {
  width: 100%;
  padding: 0;
  border: none;
}
nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  > ul.dropdown-menu.show {
  display: flex;
  justify-content: flex-start;
}
nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  > ul.dropdown-menu
  > li {
  padding: 0;
  position: relative;
}
nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  > ul.dropdown-menu
  > li
  > ul
  > li {
  padding: 0;
}
nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown
  > ul.dropdown-menu
  > li
  > a {
  text-decoration: none;
  color: #0f1a2a;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  font-family: 'Open Sans',sans-serif;
  white-space: normal;
  padding: 12px 16px;
}
nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown:not(.mega-menu)
  > ul.dropdown-menu
  > li
  > a:hover {
  background:#170d67;
 	color:#fff;
}
nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.mega-menu
  > ul.dropdown-menu
  > li
  > ul
  > li
  > a {
  padding: 0;
  line-height: 16px;
  font-size: 12px;
  white-space: normal;
  color: #0f1a2a;
  font-family: 'Open Sans',sans-serif;
  padding: 12px 16px;
  letter-spacing:0.3px;
}
nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.mega-menu
  > ul.dropdown-menu
  > li
  > ul
  > li
  > a:hover {
background:#170d67;
color:#fff;
}
nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown
  > ul.dropdown-menu
  li:hover {
  background-color: unset;
}
nav .bottom-nav ul.top-list{
	display:none;
}
nav .bottom-nav .nav-search.mobile-search{
	display:none;
}
nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  > ul.dropdown-menu
  > li
  > a {
  font-weight: 600;
  font-family: "Diodrum-Semibold";
  color: #170d67;
  font-size: 14px;
  line-height: 24px;
  padding: 12px 16px;
}

@media (min-width: 992px) {
  nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  > ul.dropdown-menu
  > li
  > a {
  pointer-events: none;
}
}
nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown
  > ul.dropdown-menu
  > li
  > a::after {
  display: none;
}
nav .nav-wrapper .bottom-nav .navbar-collapse > .navbar-nav > li > a::after {
  display: none;
}

nav .bottom-nav form {
  padding: 13px 12px;
  border-radius: 4px;
  border: 1px solid #8d929a;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 25px;
  max-width: 192px;
}
nav .bottom-nav form input {
  border: none;
  padding: 0;
  width: 100%;
}
nav .bottom-nav form input::placeholder {
  font-size: 16px;
  font-family: 'Open Sans',sans-serif;
  line-height: 24px;
  color: #5a626d;
}
nav .bottom-nav form button {
  border: none;
  background-color: #fff;
}
nav .bottom-nav form input:focus:focus-visible {
  outline: none;
  border: solid lightblue;
}
nav .nav-wrapper .bottom-nav .navbar-collapse > .navbar-nav {
  margin: 0;
}
nav .nav-wrapper .bottom-nav .navbar-collapse > .navbar-nav > li.dropdown > ul {
  width: 220px;
  padding: 0;
  border: none;
  border-radius: 0;
  margin-top: 0;
}
nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown
  > ul
  > li {
  padding: 0;
}

nav .nav-wrapper .bottom-nav .navbar-collapse > .navbar-nav > li.dropdown > ul {
  padding: 32px 20px;
  top: 100%;
  left: 0;
  border: none;
  border-radius: 0;
}
nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown
  > ul
  > li {
  width: 100%;
  padding: 0;
}
nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  > ul
  > li
  > ul {
  top: unset;
  position: relative;
  background:transparent;
}
nav .bottom-nav .wrapper button[aria-expanded="false"] span.cross-icon {
  display: none;
}
nav .bottom-nav .wrapper button[aria-expanded="true"] span.toggler-icon,
nav .bottom-nav .wrapper button[aria-expanded="true"] span.toggler-text {
  display: none;
}
nav .bottom-nav .navbar-collapse .nested-list {
  display: none;
}
nav .bottom-nav .navbar-collapse li.mega-menu > ul > li > a img.chevron-right {
  display: none;
}
nav .bottom-nav .navbar-toggler:focus {
  box-shadow: none;
}
nav .bottom-nav .nested-list > ul {
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
nav .bottom-nav .nested-list li > a {
  padding: 12px 16px;
  color: #0f1a2a;
  border-top: 0.5px solid #c0c3c7;
  border-bottom: 0.5px solid #c0c3c7;
}
nav .bottom-nav .nested-list li {
  padding: 0;
  background: #f7f7f8;
}
nav .bottom-nav .nested-list > ul.dropdown-menu {
  display: block;
}
nav
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.mega-menu
  > ul
  > li
  > ul.dropdown-menu {
  display: block;
}
nav .bottom-nav .navbar-collapse > .navbar-nav > li:hover,
nav .bottom-nav .navbar-collapse > .navbar-nav > li.open:focus-within {
  background: #fff;
}


nav .nav-wrapper .navbar-collapse > .navbar-nav > li > a:focus:focus-visible,
nav .nav-wrapper .top-nav .navbar-nav > li > a:focus:focus-visible {
  outline: 1px solid #3A5CFF;
  outline-offset: -2px;
}
nav .nav-wrapper a:focus:focus-visible {
  outline: 1px solid #3A5CFF;
}
nav .bottom-nav .nav-search button:focus:focus-visible {
  outline: 1px solid #3A5CFF;
}
nav button.navbar-toggler:focus:focus-visible {
  outline: 1px solid #3A5CFF;
}
.nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  > ul.dropdown-menu> li>a img.plus-dark,
.nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  > ul.dropdown-menu> li>a img.minus-light
  {
	display:none;
	}


@media (max-width: 991px) {
  nav .nav-wrapper .bottom-nav .navbar-collapse > .navbar-nav > li > a {
    justify-content: flex-start;
  }
  nav .nav-wrapper .bottom-nav .navbar-collapse > .navbar-nav:not(.top-list) {
    background: #e8e7f0;
  }
  nav .nav-wrapper .top-nav .navbar-nav {
    display: flex;
    /*width: 390px; */
    flex-direction: row;
  }
  nav .container{
    padding:0 24px;
  }
  nav.navbar-expand-lg .nav-wrapper .top-nav ul.navbar-nav > li > a.nav-link {
    padding: 15px 12px;
  }

  nav.navbar-expand-lg .nav-wrapper .top-nav ul.navbar-nav > li:first-child {
    margin-left: 3px;
  }
  nav.navbar-expand-lg .nav-wrapper .top-nav ul.navbar-nav > li:last-child {
    margin-right: 3px;
  }
  nav .bottom-nav-wrapper .wrapper {
    display: flex;
    margin-right:22px;
  }
  nav .bottom-nav-wrapper .wrapper button {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    padding: 0;
    border: none;
    justify-content: center;
  }
  nav
    .nav-wrapper
    .bottom-nav
    .navbar-collapse
    > .navbar-nav
    > li.dropdown.mega-menu
    > ul.dropdown-menu
    > li
    > a {
    font-weight: 400;
    font-family: "Diodrum-Regular";
  }
  nav .bottom-nav-wrapper .wrapper button:focus:focus-visible {
    box-shadow: none;
  }
  nav .bottom-nav-wrapper .wrapper button span.toggler-text {
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.3px;
    color: #170d67;
  }
  nav .bottom-nav form {
    margin-right: 35px;
  }
  nav .nav-wrapper .bottom-nav .navbar-collapse {
    background: #f7f7f8;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
  }
  nav .nav-wrapper .bottom-nav .navbar-collapse > .navbar-nav {
    gap: 0;
  }
  nav .nav-wrapper .bottom-nav .navbar-collapse > .navbar-nav > li > a {
    height: auto;
    padding: 12px 16px;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
  }
  nav .nav-wrapper .bottom-nav .navbar-collapse > ul > li.dropdown > a {
    display: flex;
    justify-content: space-between;
  }
  nav
    .nav-wrapper
    .bottom-nav
    .navbar-collapse
    > ul.navbar-nav
    > li.dropdown.mega-menu
    > ul.dropdown-menu {
    height: auto;
    flex-direction: column;
    gap: unset;
    padding: 0;
    min-height: unset;
  }
  nav
    .nav-wrapper
    .bottom-nav
    .navbar-collapse
    > ul.navbar-nav
    > li.dropdown.mega-menu
    > ul.dropdown-menu
    > li {
    margin-top: 0;
    width: 100%;
  }
  nav
    .nav-wrapper
    .bottom-nav
    .navbar-collapse
    > ul.navbar-nav
    > li.dropdown.mega-menu
    > ul.dropdown-menu
    > li
    > a {
    margin-bottom: 0;
    padding: 12px 16px;
  }
  nav
    .nav-wrapper
    .bottom-nav
    .navbar-collapse
    > ul
    > li.dropdown
    > a
    > img.plus-dark {
    display: block;
  }
  nav
    .nav-wrapper
    .bottom-nav
    .navbar-collapse
    > .navbar-nav
    > li.dropdown
    > ul
    > li {
    margin-bottom: 0;
  }
  nav
    .nav-wrapper
    .bottom-nav
    .navbar-collapse
    > .navbar-nav
    > li.dropdown.mega-menu
    > ul
    > li
    > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  nav
    .nav-wrapper
    .bottom-nav
    .navbar-collapse
    > .navbar-nav
    > li.dropdown.mega-menu
    > ul
    > li
    > a
    span {
    color: #0f1a2a;
  }
  nav
    .nav-wrapper
    .bottom-nav
    .navbar-collapse
    > .navbar-nav
    > li.dropdown.open {
    background: #170d67;
  }
  nav
    .nav-wrapper
    .bottom-nav
    .navbar-collapse
    > .navbar-nav
    > li.dropdown.open
    > a
    span {
    color: #fff;
  }
  nav
    .nav-wrapper
    .bottom-nav
    .navbar-collapse
    > .navbar-nav
    > li.dropdown.open
    > a
    span {
    color: #fff;
  }
  nav
    .nav-wrapper
    .bottom-nav
    .navbar-collapse
    > .navbar-nav
    > li.dropdown.open
    > a
    img.minus-light {
    display: block;
  }
  nav
    .nav-wrapper
    .bottom-nav
    .navbar-collapse
    > .navbar-nav
    > li.dropdown.open
    > a
    img.plus-dark {
    display: none;
  }
  nav
    .nav-wrapper
    .bottom-nav
    .navbar-collapse
    > .navbar-nav
    > li.dropdown
    > ul {
    width: 100%;
    padding: 0;
  }
  nav
    .nav-wrapper
    .bottom-nav
    .navbar-collapse
    > .navbar-nav
    > li.dropdown
    > ul.dropdown-menu
    > li
    > a {
    padding: 12px 16px;
  }
  nav
    .nav-wrapper
    .bottom-nav
    .navbar-collapse
    > .navbar-nav
    > li.dropdown
    > ul.dropdown-menu
    > li
    > a {
    line-height: 24px;
    font-size: 14px;
  }
  nav .nav-wrapper .bottom-nav .navbar-collapse > ul > li.mega-menu > ul {
    min-height: unset;
  }
  nav
    .nav-wrapper
    .bottom-nav
    .navbar-collapse
    > ul
    > li.mega-menu
    > ul
    > li
    > a
    img.chevron-right {
    display: block;
  }
  nav
    .bottom-nav
    .navbar-collapse
    > .navbar-nav
    > li.mega-menu
    > ul
    > li
    > ul.dropdown-menu {
    display: none;
  }
  nav .bottom-nav .navbar-collapse > .navbar-nav:nth-of-type(2) > li:hover {
    background: #e8e7f0;
  }
  nav .bottom-nav .navbar-collapse > .navbar-nav:nth-of-type(2) > li:hover > a {
    color: #0f1a2a;
    font-weight: 600;
  }
  nav .navbar-collapse .nested-list > li.nav-item > a {
    display: flex;
    padding: 12px 8px;
    align-items: center;
  }
	nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  > a
  {
	display:none;
}
	nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  > ul
  {
	display:block;
    background:transparent;
}
	nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  > ul.dropdown-menu> li>a
  {
	font-family:'Diodrum-SemiBold';
    font-weight:600;
    color:#0f1a2a;
}
	.nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  > ul.dropdown-menu> li>a img.plus-dark
  {
	display:block;
	}
	nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  > ul.dropdown-menu> li>a img.minus-light
  {
	display:none;
	}
	nav
  .nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  > ul.dropdown-menu> li.open>a img.minus-light
  {
	display:block;
	}
	.nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  > ul.dropdown-menu> li.open>a img.plus-dark
  {
	display:none;
	}
	.nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  > ul.dropdown-menu> li.open>a{
	background:#170d67;
}
	.nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  > ul.dropdown-menu> li.open>a span{
	color:#fff;
}
	.nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown.mega-menu
  > ul.dropdown-menu{
	background:#e7e8f0;
}
	.nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li:hover{
	background:unset;
}
	.nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.mega-menu>ul > li.open > ul.show{
	display:block;
    background:#fff;
    border-radius:0;
    margin:0;
    border-bottom:1px solid #c0c3c7;
}
	.nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.mega-menu>ul > li.open > ul.show> li > a{
	font-size:14px;
    line-height:24px;
    padding:12px 48px;
}
	.nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.mega-menu>ul > li.open > ul.show> li > a{
	font-size:14px;
    line-height:24px;
    padding:12px 48px;
}
	.nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown> ul.show.dropdown-menu> li > a{
    padding:12px 48px;
}
	.nav-wrapper
  .bottom-nav
  .navbar-collapse
  > .navbar-nav
  > li.dropdown> ul.show.dropdown-menu{
    border-bottom:1px solid #c0c3c7;
}
}
@media(max-width:800px){
  nav .container{
    padding:0;
  }
}
.suggestion-searchbar-form{
  position: relative;
}
.suggestion-searchbar-form img {
  width: 24px;
  height: 24px;
}
.suggestion-searchbar-form .suggestion-close-icon img{
  width: 16px;
  height: 16px;
  margin-right: 15px;
}
.suggestion-search-icon, .suggestion-close-icon {
  display: none;
}
.suggestion-results-group{
  position: absolute;
  z-index: 1;
  width: 100%;
  font-size: 16px;
  max-height: 200px;
  overflow-y: scroll;
  top: 54px;
  background: white;
  padding: 0px;
}

.suggestion-results-group-item {
  padding: 12px;
  cursor: pointer;
  border: none;
}
.suggestion-results-group-item:hover {
  background-color: #e5eef5;
  color: #3A5CFF;
}
@media (max-width: 767px) {
  header {
    position: relative;
  }
	nav .bottom-nav ul.top-list{
	display:block;
}
nav .bottom-nav .nav-search.mobile-search{
	display:block;
}
  nav .bottom-nav form {
    max-width: 100%;
    margin-right: 0;
  }
  nav .bottom-nav .nav-search {
    padding: 8px;
    border-bottom: 0.5px solid #8d929a;
  }
  nav .nav-wrapper .bottom-nav .navbar-collapse > ul:first-of-type > li > a {
    font-weight: normal;
  } 
  nav .nav-wrapper .top-nav {
    height:0;opacity:0;
  }
  nav .wrapper .nav-search{
    height:0;
    opacity:0;
  } 
}
/*!******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/heroimage.css ***!
  \******************************************************************************************************************************/
section.heroImage {
    position: relative;
    min-height: 300px;
    width: 100%;
    height: 480px;
    overflow: hidden;
}

    section.heroImage.heroImage-tile {
        height: 400px;
    }
.heroImage .heroImage-image {
    width: 100%;
    object-fit: cover;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}
.heroImage.overlay::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.heroImage.dark-overlay::before {
    background-color: #0f1a2a;
}
.heroImage .main-content {
    width: 100%;
    padding-top: 230px;
    position: relative;
    z-index: 5;
}
.heroImage .container {
    position: relative;
    padding: 0 16px;
    display: flex;
}
.heroImage .main-content .container .content-container {
    max-width: 768px;
}
.heroImage .main-content .container.right-align {
    justify-content: flex-end;
}
.heroImage .main-content .container.left-align {
    justify-content: flex-start;
}

.heroImage .main-content .container .heroImage-title h1 {
    font-size: 56px;
    font-weight: 400;
    font-family: "Diodrum-Light";
    line-height: 68px;
    max-width: 768px;
}
.heroImage .main-content .container .landingPageText p {
    margin-bottom: 8px;
    max-width: 768px;
}
.heroImage .main-content .container .heroImage-description h2 {
    font-size: 24px;
    line-height: 32px;
    font-family: "Diodrum-Light";
    font-weight: 400;
    margin-bottom: 15px;
    max-width: 768px;
}
.heroImage.heroImage-tile .main-content .container .heroImage-description h3 {
    margin-bottom: 10px;
}
.heroImage.heroImage-tile {
    min-height: 200px;
}
    .heroImage.heroImage-tile .main-content {
        display: flex;
        height: 100%;
        width: 100%;
        justify-content: center;
        align-items: center;
        padding-top: 0;
    }
        .heroImage.heroImage-tile .main-content .container .heroImage-title h2 {
            width: 100%;
            font-size: 32px;
            font-weight: 500;
            font-family: "Diodrum-Light";
            line-height: 40px;
            text-align: center;
            max-width: 368px;
            margin: 0 auto;
        }
        .heroImage.heroImage-tile .main-content .container {
            display: flex;
            justify-content: center;
        }
            .heroImage.heroImage-tile .main-content .container.left-align {
                justify-content: flex-start;
            }
            .heroImage.heroImage-tile .main-content .container.right-align {
                justify-content: flex-end;
                margin-right: 90px;
            }
                .heroImage.heroImage-tile
                .main-content
                .container.right-align
                .content-container
                .heroImage-button {
                    margin-top: 25px;
                }
                .heroImage.heroImage-tile
                .main-content
                .container.left-align
                .content-container
                .heroImage-title
                h2,
                .heroImage.heroImage-tile
                .main-content
                .container.right-align
                .content-container
                .heroImage-title
                h2 {
                    text-align: left;
                }
                .heroImage.heroImage-tile .main-content .container.left-align .content-container,
                .heroImage.heroImage-tile .main-content .container.right-align .content-container {
                    align-items: flex-start;
                }
.heroImage.-tile
.main-content
.container
.content-container
.heroImage-description
h3 {
    font-size: 20px;
    font-family: "Diodrum-Light";
    line-height: 32px;
    font-weight: 400;
}
.heroImage.heroImage-tile
.main-content
.container.right-align
.content-container
.heroImage-description
h2,
.heroImage.heroImage-tile
.main-content
.container.left-align
.content-container
.heroImage-description
h2 {
    text-align: left;
}
.heroImage.heroImage-tile .main-content .container .content-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-width: 390px;
}
.heroImage.heroImage-tile .main-content .container .heroImage-button {
    margin-top: 32px;
}
.heroImage .main-content .container .heroImage-button {
    margin-top: 15px;
    display: flex;
    gap: 30px;
}
.heroImage .main-content .container .landingPageText p {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.heroImage:not(.heroImage-tile):not(.hero-banner) .heroImage-image {
    object-position: center 45% !important;
}
.heroImage-image.center {
    object-position: center top;
}
.heroImage-image.left {
    object-position: left top;
}
.heroImage-image.right {
    object-position: right top;
}
.heroImage .heroImage-button.button-link a.buttonBanner img {
    margin-left: 0;
}
.heroImage .heroImage-button.button-link a.buttonBanner.with-icon {
    gap: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.heroImage .heroImage-button a.buttonBanner.with-icon:hover svg path {
    stroke: #3A5CFF;
}
/* Hero Banner Css*/
section.heroImage.hero-banner {
    height: 728px;
}
    section.heroImage.hero-banner .main-content {
        padding-top: 177px;
    }
        section.heroImage.hero-banner .main-content .content-container {
            max-width: 568px;
        }
.heroImage.hero-banner .main-content .content-container .heroImage-title h1 {
    font-size: 48px;
    line-height: 57.6px;
    margin-bottom: 24px;
}
.heroImage.hero-banner .main-content .content-container .heroImage-description h2 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 32px;
}
.gradient-overlay::before {
  background: linear-gradient(
    78.47deg,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(0, 0, 0, 0.7) 48.86%,
    rgba(0, 0, 0, 0.2) 66.42%,
    rgba(15, 26, 42, 0.1) 107.14%,
    rgba(15, 26, 42, 0.6) 107.15%,
    rgba(0, 0, 0, 0) 107.16%
  );
}
.heroImage.gradient-overlay::before {
    opacity: 50%;
}
@media (max-width: 991px) {
    section.heroImage {
        height: 522px;
        min-height: 200px;
    }
    .heroImage .main-content {
        width: 100%;
        padding-top: 272px;
    }
    section.heroImage.heroImage-tile {
        height: 245px;
    }
    .heroImage .container {
        padding: 0 24px;
    }
    .heroImage .main-content .container .heroImage-title h1 {
        font-size: 40px;
        line-height: 48px;
    }
    .heroImage .main-content .container .heroImage-description h2 {
        margin-bottom: 15px;
    }
    .heroImage .main-content .container .content-container {
        max-width: 534px;
    }
    .heroImage.heroImage-tile .main-content .container .heroImage-title h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .heroImage .main-content .container .heroImage-button {
        gap: 40px;
    }
  .gradient-overlay::before {
    background: linear-gradient(
      78.47deg,
      rgba(0, 0, 0, 0.9) 0%,
      rgba(0, 0, 0, 0.7) 48.86%,
      rgba(0, 0, 0, 0.2) 88.74%,
      rgba(15, 26, 42, 0.1) 107.16%
    );
  }
    .heroImage:not(.heroImage-tile):not(.hero-banner) .heroImage-image.center {
        object-position: center top !important;
    }
    .heroImage:not(.heroImage-tile):not(.hero-banner) .heroImage-image.right {
        object-position: right top !important;
    }
    .heroImage:not(.heroImage-tile):not(.hero-banner) .heroImage-image.left {
        object-position: left top !important;
    }
}
@media (max-width: 767px) {
    section.heroImage {
        height: 384px;
    }
    .heroImage .heroImage-button a.buttonBanner.with-icon svg {
        width: 16px;
        height: 16px;
    }
    .heroImage .heroImage-button.button-link a.buttonBanner.with-icon {
        gap: 16px;
    }
        .heroImage .heroImage-button.button-link a.buttonBanner.with-icon img {
            height: 16px;
            width: 16px;
        }
    section.heroImage.heroImage-tile {
        height: 230px;
    }
    .heroImage.heroImage-tile
    .main-content
    .container
    .content-container
    .heroImage-description
    h3 {
        font-size: 16px;
        line-height: 22px;
    }
    .heroImage .main-content {
        padding-top: 142px;
    }
        .heroImage .main-content .container .heroImage-title h1 {
            font-size: 36px;
            line-height: 46px;
            margin-bottom: 0;
        }

   
        .heroImage .main-content .container .heroImage-description h2 {
            margin-bottom: 20px;
            font-size: 16px;
            line-height: 32px;
        }
        .heroImage .main-content .container .content-container {
            max-width: 390px;
        }
  .gradient-overlay::before {
    background: linear-gradient(
      36.77deg,
      rgba(0, 0, 0, 0.9) 0%,
      rgba(0, 0, 0, 0.7) 39.66%,
      rgba(15, 26, 42, 0.2) 98.79%
    );
  }
    .heroImage.heroImage-tile .main-content .container.right-align {
        margin-right: 0px;
    }
  /* Hero Banner Css*/
    section.heroImage.hero-banner {
        height: 484px;
    }
        section.heroImage.hero-banner .main-content {
            padding-top: 44px;
        }
    .heroImage.heroImage-tile .main-content .container .heroImage-title h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .heroImage.hero-banner .main-content .content-container .heroImage-title h1 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 24px;
    }
    .heroImage.hero-banner .main-content .content-container .heroImage-description h2 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 16px;
    }
    .heroImage:not(.heroImage-tile) .button-link a[role="button"] {
        padding: 12px;
        font-size: 14px;
        line-height: 14px;
    }
}

/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/image.css ***!
  \**************************************************************************************************************************/
.image.section.left img {
    float: left;
}

.image.section.center img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.image.section.right img {
    float: right;
}

.fit-cover {
    object-fit: cover;
}

.fit-contain {
    object-fit: contain;
}

.image > .image.section img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    max-width: 100%;
}

@media (max-width: 991px) {
    .image > .image.section img {
        height: auto !important;
    }

        .image > .image.section img.custom-height-mobile {
            height: auto;
        }
}

/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/lightboxcmp.css ***!
  \********************************************************************************************************************************/


.modal {
    display: none;  
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.8); 
}



.modal .modal-content {
    background-color: #fff;
    border-radius:0px;
    width: 100%;
    align-items: center;
    max-width: 500px;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
   
}
.light-box .modal .lightbox-button{
	display: flex;
	justify-content:center;
    padding-bottom: 2%;
}

.modal-content .content-container{
    padding: 5% 0%;
}

.modal-content .content-container .text-container{
    padding: 0px 45px;
}


.light-box .lightbox-image{
    width: 100%;
    height: 100%;
  

}



.light-box .lightbox-image .top-image{
    width: 100%;
    height: 100%;
 }

.modal-content .row-align-image{
    width: 60vw;
    overflow: hidden;
    height: auto;

}

.modal .modal-content .row-align-container .row-align-content .content-container{
height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: flex-start;
    text-align: left;
    padding: 32px;
    flex-direction: column;
}

.modal .modal-content .row-align-container .row-align-content .content-container .text-container{
    padding: 0px;
}

.modal .modal-content .row-align-container{
    display: flex;
    height: 100%;
    width: 100%;
}



.modal-content .cross-icon {
    position: absolute;
    top: 3%;
    right: 1.5%;
    color: #0F1A2A;
    cursor: pointer;
    width: 24px;
    height: 24px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 2.5px;
}

@media(max-width: 767px){
    .modal .modal-content .row-align-container{
        display: block;
    }
    .modal .modal-content .row-align-container .row-align-image{
        width: 100%;
    }
    .modal .modal-content .row-align-container .row-align-content .content-container{

    align-items: center;
    text-align: center;
    }
}
/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/list.css ***!
  \*************************************************************************************************************************/
.listComponent .list > ul {
  width: 100%;
}
.listComponent .list > ul > li > a span {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  display: inline-block;
}
.listComponent .list > ul > li > a {
  text-decoration: none;
  display: flex;
}
.listComponent .list > ul > li {
  list-style: none;
  margin-bottom: 10px;
}
.listComponent .list > ul > li:last-child {
  margin-bottom: 0px;
}

.listComponent .primary-bg .list > ul > li > a span {
  color: #fff;
}
.listComponent .light-bg .list > ul > li > a span {
  color: #3A5CFF;
}
.listComponent .list > ul {
  padding-left: 0px;
}
.listComponent .container {
  padding: 24px;
}
.listComponent .list.with-icon > ul > li > a {
  display: flex;
  justify-content: flex-start;
  gap: 16px;
  align-items: center;
}
.listComponent .list > ul > li > a img {
  display: none;
  width: 32px;
  height: 32px;
}
.listComponent .primary-bg .list.with-icon > ul > li > a img.pdf-blue {
  display: block;
}
.listComponent .light-bg .list.with-icon > ul > li > a img.pdf-purple {
  display: block;
}
.listComponent .light-bg .list > ul > li >a[href]:hover span{
  color:#170D67;
}

/*!**********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/listComponent.css ***!
  \**********************************************************************************************************************************/
.list-section { 
    max-width: 309px;
    /* padding: 26px; */
}
.list-section .list-title, .list-section ul {
    padding: 0px;
}
.list-section .list-title, .list-section ul li {
    list-style-type: none; 
    font-family: 'Open sans',sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align:left;
    vertical-align: top;
}
.list-section ul li{
    margin-top: 25px;
    color: #3A5CFF;
}
.list-section img{
    width: 24px;
    height: 24px;
    margin-right: 25px;
}
.list-section.primary-bg, .list-section.primary-bg a{
    color: #FAFCFE;
}
.list-section img {
    display: none;
}
.listComponent .list > ul > li.site-map{
    margin-bottom: 8px !important;
}
.site-map-title {
    color: var(--color-neutral-darker, #0F1A2A);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    /* margin-bottom: 24px; */
}
.listComponent .list > ul > li.site-map > a span {
    font-weight: 400 !important;

}
p.list-date {
    font-weight: 600;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.3px;
    color: var(--color-action-dark, #170D67);
}
/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/mosaic.css ***!
  \***************************************************************************************************************************/
.mosaic .container .row {
  margin: 0;
  --mosaicGap: 32px;
  gap: var(--mosaicGap);
  padding: 0;
}
.mosaic .col {
  flex: none;
}
.mosaic.five-tile .col {
  flex: none;
  width: calc(((100%) - var(--mosaicGap) * 2) / 3);
  min-height: 50px;
}
.col > div {
  height: 100%;
  width: 100%;
}
.mosaic .col > div > a {
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
}
.mosaic .col > div > a > picture > img, 
.mosaic .col > div > a  > video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.primary-gradient {
  background: linear-gradient(225deg, #0d1a67 57.65%, #6e06c1 93.62%);
}
.secondary-gradient {
  background: linear-gradient(217.41deg, #170d67 43.52%, #00e4a5 116.54%);
}
.tertiary-gradient {
  background: linear-gradient(217.29deg, #3a5cff 43.5%, #00e4a5 95.22%);
}
.primary-alt-purple {
  background: #6E06C1 !important;
}
.primary-dark-blue{ 
  background:#170D67 !important;
}
.secondary-bright-blue{
  background: #3a5cff !important;
}
.mosaic.five-tile .tile-1,
.mosaic.five-tile .tile-2,
.mosaic.five-tile .tile-3 {
  height: 368px;
  padding: 16px 0;
}
.mosaic.five-tile .tile-4,
.mosaic.five-tile .tile-5 {
  height: 492px;
  padding: 16px 0;
}
.mosaic.five-tile .tile-4 {
  width: calc(((((100%) - var(--mosaicGap) * 2) / 3)) * 2 + var(--mosaicGap));
}
.mosaic .col > div > a > .content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 24px 40px;
  transition: transform 0.5s ease;
  transform-origin: bottom;
}
.mosaic .col > div > a > .content::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #0f1a2a;
  opacity: 80%;
}
.mosaic .col > div > a > .content:hover {
  transform: scaleY(1.05);
}
.mosaic .col > div.primary-gradient > a > .content::before,
.mosaic .col > div.secondary-gradient > a > .content::before,
.mosaic .col > div.tertiary-gradient > a > .content::before {
  display: none;
}
.mosaic .col > div.primary-dark-blue > a > .content::before
 { 
  background:#170D67;
  opacity: 80%;
}

.mosaic .col > div.primary-alt-purple > a > .content::before{
  background: #6E06C1;
  opacity: 85%;
}

.mosaic .col > div.secondary-bright-blue > a > .content::before{
  background: #3a5cff;
  opacity: 90%;
}

.mosaic .col > div > a > .content h3 {
  color: #fff;
  font-size: 24px;
  line-height: 32px;
  font-family: "Diodrum-Light";
  font-weight: 400;
  position: relative;
  z-index: 10;
  margin-bottom: 0;
}

.mosaic .col > div > a > .content h3:hover {
  text-decoration: 1px solid underline;
  text-underline-offset: 3px;
}
/* Mosaic for three tiles */
.mosaic.three-tile .container .row.first-row > .col {
  width: 100%;
  padding: 16px 0;
  height: 646px;
}
.mosaic.three-tile .container .row.second-row {
  flex-direction: row;
}
.mosaic.three-tile .container .row > .col {
  padding: 16px 0;
  height: 358px;
  width: calc(((100%) - var(--mosaicGap)) / 2);
}
.mosaic.four-tile .container .row > .col {
  padding: 16px 0;
  height: 358px;
  width: calc(((100%) - var(--mosaicGap)) / 2);
}
/* The media Queries Starts here */
@media (max-width: 991px) {
  .mosaic .container .row {
    --mosaicGap: 24px;
  }
  .mosaic.five-tile .row.first-row .col,
  .mosaic.five-tile .row.third-row .col {
    width: calc(((100%) - var(--mosaicGap)) / 2);
  }
  .mosaic.five-tile .row.second-row .col {
    width: 100%;
    padding: 12px 0;
    height: 468px;
  }
  .mosaic.five-tile .tile-1,
  .mosaic.five-tile .tile-2,
  .mosaic.five-tile .tile-3,
  .mosaic.five-tile .tile-5,
  .mosaic.four-tile .container .row > .col {
    height: 372px;
    padding: 12px 0;
  }
  .mosaic.five-tile .container .row.second-row > .col > div > a > .content {
    padding: 40px;
  }
  .mosaic.three-tile .container .row.first-row > .col {
    height: 460px;
  }
  .mosaic.three-tile .container .row.second-row > .col {
    height: 372px;
  }
  .mosaic.three-tile .container .row.first-row > .col,
  .mosaic.three-tile .container .row.second-row > .col {
    padding: 12px 0;
  }
}
@media (max-width: 767px) {
  .mosaic .container .row {
    flex-direction: column;
    gap: 0;
  }
  .mosaic.three-tile .container .row.second-row {
    flex-direction: column;
  }
  .mosaic.five-tile .container .row > .col {
    width: 100%;
    height: 184px;
  }
  .mosaic.five-tile .container .row.second-row > .col {
    width: 100%;
    height: 224px;
  }
  .mosaic .col > div > a > .content h3 {
    font-size: 20px;
  }
  .mosaic .container .row > .col > div > a > .content {
    padding: 16px 24px;
  }
  .mosaic.five-tile .container .row.second-row > .col > div > a > .content {
    padding: 16px 24px;
  }
  .mosaic.three-tile .container .row > .col,
  .mosaic.four-tile .container .row > .col {
    width: 100%;
    height: 184px;
  }
  .mosaic.three-tile .container .row.second-row > .col {
    height: 184px;
  }
  .mosaic.three-tile .container .row.first-row > .col {
    height: 224px;
  }
  .mosaic.five-tile .container .row > .col.with-image,
  .mosaic.four-tile .container .row > .col.with-image,
  .mosaic.three-tile .container .row > .col.with-image {
    height: 224px;
  }
  .mosaic .col > div > a > picture> img, .mosaic .col > div > a > video {
    object-position: top;
  }
}
/* Infographic component starts here */
.mosaic .infoGraphic .row .col.first-col {
  width: calc((((100%) - var(--infographicGap) * 2) * 29) / 100);
  padding: 0;
}
.mosaic .infoGraphic .row .col.second-col,
.mosaic .infoGraphic .row .col.third-col {
  width: calc((((100%) - var(--infographicGap) * 2) * 71) / 200);
  padding: 0;
}
.mosaic .infoGraphic .container > .row {
  gap: var(--infographicGap);
  --infographicGap: 24px;
}
.infoGraphic .row .col > .row a,
.infoGraphic .row .col > .item-1 a {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}
.infoGraphic .row .col > .item-1 > div {
  width: 100%;
  height: 100%;
}
.infoGraphic .row .col > .row a img,
.infoGraphic .row .col > .item-1 a img, .infoGraphic .row .col > .item-1 a video {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.infoGraphic.seven-tiles > .container {
  height: 660px;
}
.infoGraphic > .container > .row {
  height: auto;
  width: 100%;
}
.infoGraphic > .container > .row > .col .col {
  padding: 0;
  overflow: hidden;
  height:100%;
}
.infoGraphic > .container > .row > .col .with-image a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #0f1a2a;
  opacity: 60%;
}
.infoGraphic > .container > .row > .col .content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 32px;
  transform: translateY(-50%);
  z-index: 10;
  height: fit-content;
}
.infoGraphic.seven-tile > .container > .row > .col .item-4 .content {
  padding: 0 16px;
}
.infoGraphic.seven-tile > .container > .row > .col .item-6 .content {
  padding: 0 31px;
}
.infoGraphic > .container > .row > .col .content h3 {
  color: #fff;
  font-family: "Diodrum-Medium";
  font-weight: 500;
  margin-bottom: 4px;
}
.infoGraphic > .container > .row > .col .content h4 {
  color: #fff;
  font-family: "Diodrum-Regular";
  margin-bottom: 4px;
}
.infoGraphic > .container > .row > .col .item-1 .content h3,
.infoGraphic > .container > .row > .col .item-2 .content h3,
.infoGraphic > .container > .row > .col .item-7 .content h3 {
  font-size: 56px;
  line-height: 67px;
}
.infoGraphic > .container > .row > .col .item-1 .content h4,
.infoGraphic > .container > .row > .col .item-2 .content h4,
.infoGraphic > .container > .row > .col .item-7 .content h4 {
  font-size: 24px;
  line-height: 29px;
}
.infoGraphic > .container > .row > .col .item-3 .content h3,
.infoGraphic > .container > .row > .col .item-4 .content h3,
.infoGraphic > .container > .row > .col .item-5 .content h3,
.infoGraphic > .container > .row > .col .item-6 .content h3 {
  font-size: 40px;
  line-height: 48px;
}
.infoGraphic > .container > .row > .col .item-3 .content h4,
.infoGraphic > .container > .row > .col .item-4 .content h4,
.infoGraphic > .container > .row > .col .item-5 .content h4,
.infoGraphic > .container > .row > .col .item-6 .content h4 {
  font-size: 20px;
  line-height: 24px;
}
.infoGraphic > .container > .row > .col.second-col .row-1 {
  height: 448px;
}
.infoGraphic > .container > .row > .col.third-col .row-2 {
  height: 400px;
}
.infoGraphic > .container > .row > .col.second-col,
.infoGraphic > .container > .row > .col.third-col {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.infoGraphic > .container > .row > .col.second-col .row-2,
.infoGraphic > .container > .row > .col.third-col .row-1 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  height: 188px;
}
.infoGraphic > .container > .row > .col.third-col .row-1 {
  height: 236px;
}
.infoGraphic > .container > .row > .col.second-col .row-2 .item-3,
.infoGraphic > .container > .row > .col.second-col .row-2 .item-4 {
  width: calc((100%) - var(--infographicGap) / 2);
}
.mosaic .infoGraphic > .container > .row > .col.second-col .row-2 .col,
.mosaic .infoGraphic > .container > .row > .col.third-col .row-1 .col {
  flex: 1;
  height:100%;
}

.infoGraphic.six-tile > .container {
  height: 588px;
}
.infoGraphic.six-tile > .container > .row {
  height: 100%;
}

.infoGraphic.six-tile > .container > .row > .first-col {
  gap: 24px;
  display: flex;
  flex-direction: column;
}
.infoGraphic.six-tile > .container > .row > .first-col,
.infoGraphic.six-tile > .container > .row > .second-col {
  width: calc((((100%) - var(--infographicGap) * 2) * 72) / 200);
}
.infoGraphic.six-tile > .container > .row > .first-col > .row-1,
.infoGraphic.six-tile > .container > .row > .first-col > .row-2 {
  height: 282px;
}
.infoGraphic.six-tile > .container > .row > .third-col {
  width: calc((((100%) - var(--infographicGap) * 2) * 28) / 100);
}
.infoGraphic.six-tile > .container > .row > .col .content::before {
  display: none;
}
.infoGraphic.seven-tile > .container > .row > .col .content::before {
  display: none;
}
.infoGraphic.six-tile > .container > .row > .col .col.item-4 .content h3,
.infoGraphic.six-tile > .container > .row > .col .col.item-5 .content h3 {
  font-size: 40px;
  line-height: 48px;
}

.infoGraphic.six-tile > .container > .row > .col .col.item-4 .content h4,
.infoGraphic.six-tile > .container > .row > .col .col.item-5 .content h4 {
  font-size: 20px;
  line-height: 24px;
}
.infoGraphic.six-tile > .container > .row > .col .col.item-1 .content h4,
.infoGraphic.six-tile > .container > .row > .col .col.item-3 .content h4,
.infoGraphic.six-tile > .container > .row > .col .col.item-6 .content h4 {
  font-size: 24px;
  line-height: 29px;
}
.infoGraphic.six-tile > .container > .row > .col .col.item-1 .content h3,
.infoGraphic.six-tile > .container > .row > .col .col.item-3 .content h3,
.infoGraphic.six-tile > .container > .row > .col .col.item-6 .content h3 {
  font-size: 56px;
  line-height: 67px;
}
.infoGraphic.six-tile > .container > .row > .col.second-col .row-1 {
  height: 376px;
}
.infoGraphic.six-tile > .container > .row > .col.third-col .row-1 {
  height: 100%;
}
.infoGraphic.six-tile > .container > .row > .col {
  min-height: 100px;
}
.infoGraphic > .container > .row > .col .content .description {
  display: flex;
  align-items: center;
  justify-content: center;
}
.infoGraphic > .container > .row > .col .content .description h4 {
  width: 100%;
}
.infoGraphic > .container > .row .content.with-icon .description svg {
  display: block;
}
.infoGraphic > .container > .row .content .description svg {
  display: none;
}
.mosaic
  .infoGraphic.six-tile
  > .container
  > .row
  > .col.second-col
  > .row-1
  > .col,
.mosaic
  .infoGraphic.six-tile
  > .container
  > .row
  > .col.third-col
  > .row-1
  > .col,
.mosaic
  .infoGraphic.six-tile
  > .container
  > .row
  > .col.second-col
  > .row-2
  > .col {
  height: 100%;
}
@media (max-width: 991px) {
  .infoGraphic > .container > .row {
    flex-direction: column;
  }
  .infoGraphic.seven-tile > .container,
  .infoGraphic.six-tile > .container {
    height: auto;
  }
  .infoGraphic > .container > .row > .col.first-col,
  .infoGraphic > .container > .row > .col.second-col,
  .infoGraphic > .container > .row > .col.third-col {
    width: 100%;
    flex: 1;
  }
  .infoGraphic > .container > .row > .col.first-col .item-1 a {
    height: 320px;
  }
  .mosaic .infoGraphic > .container > .row > .col.second-col .row-2 .col,
  .mosaic
    .infoGraphic.seven-tile
    > .container
    > .row
    > .col.third-col
    .row-1
    .col {
    height: 174px;
  }
  .mosaic
    .infoGraphic
    > .container
    > .row
    > .col.second-col
    .row-2
    .col.with-image,
  .mosaic
    .infoGraphic
    > .container
    > .row
    > .col.third-col
    .row-1
    .col.with-image {
    flex: none;
  }
  .mosaic
    .infoGraphic.six-tile
    > .container
    > .row
    > .col.second-col
    > .row-2
    > .col {
    height: 174px;
  }
  .infoGraphic > .container > .row > .col.second-col,
  .infoGraphic > .container > .row > .col.third-col {
    display: flex;
    flex-direction: row;
  }
  .infoGraphic > .container > .row > .col.second-col .row-1,
  .infoGraphic > .container > .row > .col.third-col .row-2 {
    height: 372px;
  }
  .infoGraphic > .container > .row > .col.second-col .row-2,
  .infoGraphic > .container > .row > .col.third-col .row-1 {
    display: flex;
    flex-direction: column;
    height: auto;
  }
  .infoGraphic > .container > .row > .col.second-col .row-2 > .col,
  .infoGraphic > .container > .row > .col.third-col .row-1 > .col {
    width: 100%;
  }
  .infoGraphic.six-tile > .container > .row > .col.first-col {
    flex-direction: row;
  }
  .infoGraphic.six-tile > .container > .row > .first-col > .row-1,
  .infoGraphic.six-tile > .container > .row > .first-col > .row-2 {
    height: 372px;
  }
  .infoGraphic.six-tile > .container > .row > .col.first-col .item-1 a {
    height: 100%;
  }
  .infoGraphic.six-tile > .container > .row > .col.third-col .row-1 {
    height: 320px;
  }
  .infoGraphic.six-tile > .container > .row > .col.second-col .row-1 {
    height: 372px;
  }
}
@media (max-width: 767px) {
  .infoGraphic > .container > .row > .col.first-col .item-1 a,
  .infoGraphic > .container > .row > .col.second-col .row-1,
  .infoGraphic > .container > .row > .col.third-col .row-2 {
    height: 260px;
  }
  .infoGraphic > .container > .row > .col.second-col,
  .infoGraphic > .container > .row > .col.third-col,
  .infoGraphic > .container > .row > .col.second-col .row-2,
  .infoGraphic > .container > .row > .col.third-col .row-1 {
    flex-direction: column;
  }

  .infoGraphic > .container > .row > .col.second-col .row-2,
  .infoGraphic > .container > .row > .col.third-col .row-1 {
    display: flex;
    flex-direction: column;
    height: auto;
  }
  .infoGraphic > .container > .row > .col.second-col .row-2 > .col,
  .infoGraphic > .container > .row > .col.third-col .row-1 > .col {
    width: 100%;
  }
  .mosaic .infoGraphic > .container > .row > .col .content h3 {
    font-size: 40px;
    line-height: 48px;
  }
  .mosaic .infoGraphic > .container > .row > .col .content h4 {
    font-size: 20px;
    line-height: 24px;
  }
  .infoGraphic > .container > .row > .col .col {
    height: 100%;
  }
  .mosaic .infoGraphic > .container > .row > .col.second-col .row-2 > .col,
  .mosaic .infoGraphic > .container > .row > .col.third-col .row-1 > .col {
    height: 174px;
    flex: none;
  }
  .infoGraphic > .container > .row > .col.second-col .row-2 a,
  .infoGraphic > .container > .row > .col.third-col .row-1 a {
    height: 100%;
  }
  .infoGraphic.six-tile > .container > .row > .col.first-col {
    flex-direction: column;
  }
  .infoGraphic.six-tile > .container > .row > .first-col > .row-1,
  .infoGraphic.six-tile > .container > .row > .first-col > .row-2,
  .infoGraphic.six-tile > .container > .row > .col.second-col > .row-1,
  .infoGraphic.six-tile > .container > .row > .col.third-col > .row-1 {
    height: 260px;
  }
  .infoGraphic.six-tile > .container > .row > .col.second-col > .row-2 > .col {
    height: 174px;
    flex: none;
  }
  .infoGraphic.six-tile > .container > .row > .col.third-col .row-1 a {
    height: 100%;
  }
  .infoGraphic .row .col > .row a img,
  .infoGraphic .row .col > .item-1 a img, .infoGraphic .row .col > .item-1 a video {
  object-position:top;
  }
}

/*!*****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/newsroom.css ***!
  \*****************************************************************************************************************************/
.newsroom-data{
    display: none;
}
.pressRelease-list{
    list-style-type: none;
    padding:0;
}
.pressRelease-list li{
    display: flex;
    gap:30px;
    margin-bottom: 40px;
    align-items: center;
}
.pressRelease-list li .release-date{
    width: 20%;
    color: #000;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    align-self:flex-start;
}
.pressRelease-list li .title{
    width:80%;
}
.pressRelease-list li .title a{
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color:#3A5CFF;
    text-decoration: none;
}
.pressRelease .container .cta a{
    text-decoration:none;
    color: #3A5CFF;
    text-align: center;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    margin-top:48px;
}
.pressRelease .container .cta a span{
    padding:4px 0;
}
.pressRelease .container .cta a svg{
   position:relative;
   top:0.5px;
   transition: transform 0.5s ease;
}
.pressRelease .container .cta a:hover svg{
    transform: translateX(10px);
}

.pressRelease .container a:hover{
	color:#170D67;
}
.pressRelease .container a:hover svg path{
	stroke:#170D67;
}
.pressRelease .container .newsroom-heading h3{
    color: #0F1A2A;
    font-family: 'Diodrum-Light';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-bottom:24px;
}
.pressRelease .container .newsroom-heading .seperator{
    margin-bottom:32px !important;
}
.pressRelease .cta a{
    display:flex;
    align-items:center;
    gap:8px;
}
@media (max-width:1200px){
    .pressRelease-list li .release-date{
        width:25%;
    }
    .pressRelease-list li .title{
        width:75%;
    }
}
@media (max-width:991px){
    .pressRelease-list li .release-date{
        width:30%;
    }
    .pressRelease-list li .title{
        width:70%;
    }
    .pressRelease-list li {
        align-items: flex-start;
    }
}
@media (max-width:767px){
    .pressRelease-list li .release-date{
        width:38%;
    }
    .pressRelease-list li .title{
        width:62%;
    }
}
/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/newsroomTemplate.css ***!
  \*************************************************************************************************************************************/
.newsroom-template-banner {
    width: 100%;
    height: 198px;
}
.newsroom-template-title {
    font-family: "Diodrum-Light";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    margin-bottom: 40px;
}
.newsroomTemplate .column-container .container .row > .column > .section > .container{
    padding:0;
}
.newsroomTemplate .newsroom-template-description{
	font-family: 'Diodrum-Light';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    margin-bottom:40px;
}
@media(max-width:991px){
    .newsroomTemplate .column-container .container .row > .column > .section > .container{
        padding:0;
    }
}
@media (max-width: 767px) {
    .newsroom-template-banner {
        display: none;
    }
    /*.newsroom-template-title {
        padding: 0px 24px;
    }*/
    .newsroomTemplate > .columnContainer > .column-container > .container > .row-70-30 > .column:last-child > *{
        margin:0 -24px;
    }
    .newsroomTemplate .newsroom-template-description{
        font-size: 20px;
        line-height: 32px;
        margin-bottom:24px;
	}
    .newsroom-template-title {
    	 margin-bottom: 24px;
	}                                
}
.newsroom-template-list {
    margin: 0px;
}
.newsroom-template-rightTile {
    color: var(--color-neutral-dark, #5A626D);
}
.newsroom-template-rightTile-desc {
    font-weight: 600;
    color: var(--color-neutral-dark, #5A626D);
}
.listComponent .newsroom-template-list .list > ul {
    align-items: center !important;
    display: flex !important;
}
.listComponent .newsroom-template-list .list > ul > li > a img {
    width: 16px !important;
    height: 16px !important;
}
.listComponent .newsroom-template-list .container {
    padding: 40px 24px !important;
}
.listComponent .newsroom-template-list .list.with-icon > ul > li > a {
    gap: 8px !important;
}
.newsroomTemplate .ex-breadcrumbs.container .cmp-breadcrumb.container {
    padding: 0px !important;
}
/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/ourLocations.css ***!
  \*********************************************************************************************************************************/
.locations-options-list {
    max-height: 200px;
  }
  .location-google-link {
    margin: 0px !important;
  }
  .locations-list-title{
    font-size: 16px;
    font-weight: 600;
    line-height: 24px; 
  }
  .locations-gio-tag, .locations-list-address {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
  }
  .locations-list-content {
    padding: 16px;
  }
  .locations-list-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 112px;
  }
  .locations-list-img {
    width: 100%;
    height: 174px;
  }
  .locations-list-img img{
    width: inherit;
    height: inherit;
    object-fit: cover;
  }
  .locations-results {
    margin-top: 16px;
  }
  .location-filter-list {
    margin-bottom: 8px;
    margin-top: 24px !important;
  }
/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/related.css ***!
  \****************************************************************************************************************************/
.related-json{
  display: none;
}
.related-container {
  font-family: 'Open Sans',sans-serif;
  font-style: normal;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  background: var(--color-neutral-lightest, #F7F7F8);
  padding: 24px 0px;
}
@media screen and (max-width: 767px) {
  /* .related-container, .related-button-section {
    width: 108%;
    margin-left: -12px;
  } */
  .related.section{
    margin:0 -24px;
  }
  .newsroomTemplate .container.p-0 .related.section{
		margin:0;
  }
}
.related-title {
  color: #5A626D;
}
.related-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.related-date {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.3px;
  color: var(--color-action-dark, #170D67);
}
.related-address {
  color: var(--color-action-primary, #3A5CFF);
}
.related-item p {
  margin: 0px;
  padding: 0px;
}
.related-button-section {
  background: var(--color-neutral-lightest, #F7F7F8);
  padding: 24px;
}
.container:has(> div.related-container ) { 
  padding: 0px !important;
}
/*!***********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/richtexteditor.css ***!
  \***********************************************************************************************************************************/
.richtexteditor {
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 600;
}
.richtexteditor a,.richtexteditor a:hover,.richtexteditor a:focus,.richtexteditor a:active {
    text-decoration: none;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    word-break: break-word;
}
.richtexteditor h1{
    font-family: 'Diodrum-Light';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 56px;
}
.richtexteditor h2{
    font-family: 'Diodrum-Light';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
}
.richtexteditor h3{
    font-family: 'Diodrum-Light';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}
.richtexteditor h4{
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
}
.richtexteditor h5, .richtexteditor p {
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.richtexteditor h6{
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}
.richtexteditor .subheading{
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}
.richtexteditor .semibold{
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
} 
.richtexteditor table tbody.mob,
	.richtexteditor table tbody.empty-tbody{
		display:none;
	}

 .cmp-h1-small-light {
        font-family: 'Diodrum-Light';
        font-weight: 400;
        font-size: 48px;
        line-height: 57.6px;
      }
      .cmp-h1-small-medium {
        font-family: 'Diodrum-Medium';
        font-weight: 400;
        font-size: 48px;
        line-height: 57.6px;
      }
      .cmp-h1-large-light {
        font-family: 'Diodrum-Light';
        font-weight: 400;
        font-size: 56px;
        line-height: 68px;
      }
      .cmp-h1-large-medium {
        font-family: 'Diodrum-Medium';
        font-weight: 400;
        font-size: 56px;
        line-height: 68px;
      }



      .cmp-h2-light {
        font-family: 'Diodrum-Light';
        font-weight: 400;
        font-size: 32px;
        line-height: 40px;
      }
      .cmp-h2-medium {
        font-family: 'Diodrum-Medium';
        font-weight: 400;
        font-size: 32px;
        line-height: 40px;
      }
     .cmp-h3-light {
        font-family: 'Diodrum-Light';
        font-weight: 400;
        font-size: 24px;
        line-height: 32px;
      }
      .cmp-h3-medium {
        font-family: 'Diodrum-Medium';
        font-weight: 400;
        font-size: 24px;
        line-height: 32px;
      }
      .cmp-h4 {
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
      }
      .cmp-h5 {
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
      }
    .cmp-h6 {
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
      }
  .cmp-subheading {
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 24px;
        line-height: 32px;
      }
  .cmp-p {
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
      }
     .cmp-p-semibold {
        font-family: 'Open Sans',sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
      }
     .cmp-smp {
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
      }
.cmp-smp-semibold {
        font-family: 'Open Sans',sans-serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
    }
     .cmp-xsp {
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
      }
    .cmp-xsp-semibold {
        font-family: 'Open Sans',sans-serif;
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
      }      

@media (max-width: 1200px) {
    .richtexteditor p {
        font-family: 'Open Sans',sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }
    .richtexteditor .semibold{
        font-family: 'Open Sans',sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
    }
}
@media (max-width: 767px) {
    .richtexteditor h1{
        font-family: 'Diodrum-Light';
        font-style: normal;
        font-weight: 400;
        font-size: 32px;
        line-height: 48px;
    }
    .richtexteditor h2{
        font-family: 'Diodrum-Light';
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 32px;
    }
    .richtexteditor h3{
        font-family: 'Diodrum-Light';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
    }
    .richtexteditor .subheading{
        font-family: 'Open Sans',sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
    }
    .richtexteditor p {
        font-family: 'Open Sans',sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }
    .richtexteditor .semibold{
        font-family: 'Open Sans',sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
    }

    .cmp-h1-small-light {
      font-family: 'Diodrum-Light';
      font-weight: 400;
      font-size: 32px;
      line-height: 38px;
    }
    .cmp-h1-small-medium {
      font-family: 'Diodrum-Medium';
      font-weight: 400;
      font-size: 32px;
      line-height: 38px;
    }
    .cmp-h1-large-light {
      font-family: 'Diodrum-Light';
      font-weight: 400;
      font-size: 36px;
      line-height: 46px;
    }
    .cmp-h1-large-medium {
      font-family: 'Diodrum-Medium';
      font-weight: 400;
      font-size: 36px;
      line-height: 46px;
    }
    .cmp-h2-light {
      font-family: 'Diodrum-Light';
      font-weight: 400;
      font-size: 20px;
      line-height: 30px;
    }
    .cmp-h2-medium {
      font-family: 'Diodrum-Medium';
      font-weight: 400;
      font-size: 20px;
      line-height: 30px;
    }
   .cmp-h3-light {
      font-family: 'Diodrum-Light';
      font-weight: 400;
      font-size: 20px;
      line-height: 32px;
    }
    .cmp-h3-medium {
      font-family: 'Diodrum-Medium';
      font-weight: 400;
      font-size: 20px;
      line-height: 32px;
    }

    .cmp-subheading {
      font-family: 'Diodrum';
      font-weight: 400;
      font-size: 20px;
      line-height: 32px;
    }
    
    .richtexteditor table tbody.empty-tbody td.empty-td{
		height:16px;
    	border:none;
	}
	.richtexteditor table tbody.mob,
	.richtexteditor table tbody.empty-tbody{
		display:block;
	}
	.richtexteditor table tbody.mob > tr >td:first-child{
		font-weight:bold;
	}
    .richtexteditor table tbody.mob{
		background:#f7f7f8;
	}
    .richtexteditor table tbody.mob tbody.empty-tbody{
		background:#fff;
	}
    .richtexteditor table tbody.mob td{
		border:none;
	}            
    .richtexteditor table tbody.mob tr:nth-child(even){
		background:inherit;
	}            
	.richtexteditor table tbody.deskTable{
		display:none;
	}
    .richtexteditor table tr td div span {
        white-space: break-spaces !important;
    }
}
.richtexteditor ul{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin: 0px;
}
/*!*******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/right-tile.css ***!
  \*******************************************************************************************************************************/
.right-tile-section {
    padding: 0px 24px;
}
@media screen and (max-width: 767px) {
    /* .listComponent.section {
      width: 108%;
      margin-left: -12px;
    }*/
    .right-tile.section {
      margin:0 -24px;
    }
    .newsroomTemplate .container.p-0 .right-tile.section{
      margin:0;
    }
  }
/*!**********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/sectionHeader.css ***!
  \**********************************************************************************************************************************/
/* .section-header {
    padding: 40px;
} */

.section-header__title {
    font-family: 'Diodrum-Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}

.section-header__description {
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.section-header__link {
    color: #3A5CFF;
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
}

.section-header.dark {
    background-color: #170D67;
}

.section-header.dark,.section-header.dark a, .section-header.dark .section-header__title, .section-header.dark .section-header__description, .section-header.dark .section-header__link {
    color: #FFFFFF;
}
.columnContainer .sectionHeader.section .container {
    padding-left: 0px;
    padding-right: 0px;
}


/*!******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/separator.css ***!
  \******************************************************************************************************************************/
.short {
    width: 50px;
}
.full {
    width: 100px;
}
@media (max-width: 767px) {
    .short, .full {
        width: 100%;
    }
}
.blue {
     border-bottom: 3px solid #3A5CFF;
}
.green {
     border-bottom: 3px solid #00E4A5;
}
/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/social-media-links.css ***!
  \***************************************************************************************************************************************/
.social-media-links-container {
  max-width: 309px;
  padding: 30px 0px 30px 12px;
}
.social-media-links-container ul {
  display: flex;
  flex-direction: column;
}
.social-media-links-container ul, .social-media-links-container ul li {
  margin: 0px;
  padding: 0px;
}
.social-media-links-container .media-item {
  width: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.social-media-links-container.horizontal .media-item {
  width:auto;
}
.social-media-links-container .media-item .media-icon {
  max-width: 24px;
  height: 24px;
}
.social-media-links-container.vertical .media-item .media-icon {
  margin-top: -5px;
}
.social-media-links-container .media-item .media-name {
  font-family: 'Open Sans',sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  vertical-align: top;
  margin-left: 24px;
}
.social-media-links-container .media-item .media-name a {
  font-weight: 700;
  text-decoration: none;
}
.social-media-links-container .media-item .media-name {
  color: #5A626D;
}
.social-media-links-container.primary-bg .media-item .media-name {
  color: #fff;
}
.social-media-links-container .media-item .media-name a {
  color: #3A5CFF;
}
.social-media-links-container.primary-bg .media-item .media-name a {
  color: #fff;
}
.social-media-links-container.horizontal ul{
  display: -webkit-inline-box;
  display: flex;
  flex-direction: row;
}
.social-media-links-container.horizontal .media-item {
  margin-right: 25px;
  float: left;
}
/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/subnav.css ***!
  \***************************************************************************************************************************/
.sub-nav-container{
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    max-width: 100%;
    padding: 40px 0px;
    display: flex;
}
.sub-nav-container .container {
    padding: 0px;
}
.sub-nav-container #subNavigationList{
    padding-right: 32px;
}
.sub-nav-container a,.sub-nav-container a:active,.sub-nav-container a:focus {
text-decoration : none;
}
.sub-nav-container a:hover{
    text-decoration: underline;
}
.sub-nav-section{
    overflow: hidden;
}
.sub-nav-list {
    float: left;
    padding: 0px;
} 
.sub-nav-list ul {
    margin-bottom: 16px;
    padding: 0px;
}
.sub-nav-list ul li {
    list-style-type: none;  
    display: flex;
    flex-direction: row;
    padding: 0px;
    margin-bottom: 8px;
    gap: 16px;
}
.sub-nav-list ul li a{
    color: #FFFFFF;
}
.sub-nav-list ul li img{
    height: 12px;
    width: 12px;
    margin-top: 6px;
}
 .content-title {
font-family: 'Diodrum-Regular';
font-style: Medium;
font-size: 12px;
line-height: 16px;
text-align: left;
vertical-align:top;
letter-spacing: 0.3px;
color: #00E4A5;
margin-bottom: 4px;
}
 .content-description{
    margin: 0px;
    font-family: 'Open Sans',sans-serif;
    font-style: Regular;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    vertical-align: top;
}
.cta-content .row{
    margin: 0px;
    padding: 0px;
}
.cta-content .cta-button{
    margin-right: 24px;
}
.cta-content .cta-button{
    margin-right: 24px;
}
@media (min-width: 1200px) {
    .sub-nav-container .cta-content{
        padding-left: 32px;
    }
    .sub-nav-container .listHeading{
        font-weight: 600;
    }
}
@media (max-width: 991px) {
    .sub-nav-container{
        padding: 32px 24px;
    }
    .sub-nav-container .cta-content{
        margin-bottom : 24px;
    }
    .sub-nav-container .listHeading{
        font-family: 'Diodrum-Regular';
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
    }
}
@media (max-width: 767px) {
    .sub-nav-container .sub-nav-container{
        padding: 24px;
    }
    .sub-nav-container .cta-content{
        margin-bottom : 24px;
        padding-left: 0px;
    }
    .cta-container-content {
        margin-top: 32px;
    }
}
.sub-nav-container .accordion-item{
    border: none;
    background: none;
}
.sub-nav-container .accordion-button{
    background: none;
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    box-shadow: none;
}
.sub-nav-container .accordion-button::after{
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.sub-nav-container .accordion{
    border-top: 1px solid #3A5CFF;
    border-bottom: 1px solid #3A5CFF;
    padding-left: 0px;
    height: fit-content;
}
/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/tabs.css ***!
  \*************************************************************************************************************************/
.cmp-tabs .container .tab-list-container {
  overflow: hidden;
  position: relative;
}
.cmp-tabs .container ol.cmp-tabs__tablist {
  width: fit-content;
  display: flex;
  list-style: none;
  padding-left: 0;
  gap: 8px;
  border-bottom: 2px solid #bfd5e8;
  margin: 0;
  position: relative;
  margin-bottom: 56px;
}
.cmp-tabs
  .container
  ol.cmp-tabs__tablist
  > li.cmp-tabs__tab
  > a.tabs-list-item {
  display: inline-block;
  text-decoration: none;
  color: #0f1a2a;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 12px 8px;
  white-space: nowrap;
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  border-top: 2px solid transparent;
}
.cmp-tabs .container ol.cmp-tabs__tablist > li.cmp-tabs__tab:hover,
.cmp-tabs .container ol.cmp-tabs__tablist > li.cmp-tabs__tab:focus-within {
  background-color: #e5eef5;
  border-bottom: 2px solid #5993c4;
}
.cmp-tabs .container ol.cmp-tabs__tablist > li.cmp-tabs__tab > a:focus-visible {
  outline: none;
}
.cmp-tabs .container ol.cmp-tabs__tablist > li.cmp-tabs__tab > a:active {
  border-color: #5993c4;
  background-color: #fff;
}
.cmp-tabs .container ol.cmp-tabs__tablist > li.cmp-tabs__tab {
  position: relative;
  padding: 0;
}
.cmp-tabs
  .container
  ol.cmp-tabs__tablist
  > li.cmp-tabs__tab.cmp-tabs__tab--active {
  border-bottom: 2px solid #5993c4;
}
.cmp-tabs
  .container
  ol.cmp-tabs__tablist
  > li.cmp-tabs__tab.cmp-tabs__tab--active
  > a {
  color: #3A5CFF;
}
.cmp-tabs .container .cmp-tabs__tabpanel {
  display: none;
}
.cmp-tabs .container .cmp-tabs__tabpanel.cmp-tabs__tabpanel--active {
  display: block;
}

.control-buttons {
  display: none;
}
.control-buttons button{
     padding:16px;
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
}


@media (max-width: 767.98px) {

  .tablist_wrapper {
    border-bottom: 2px solid #bfd5e8;
    margin-bottom: 24px;
  }
  
  .control-buttons {
    display: block;
  }

  .cmp-tabs .container ol.cmp-tabs__tablist {
    overflow-x: scroll;
    --widthButton:48px;
    width: calc(100% - (var(--widthButton) *2));
    margin: 0 auto;
    flex-wrap: nowrap;
    border-bottom: none;
    margin-left:48px;
    margin-bottom:-2px
  }
  .cmp-tabs .container ol.cmp-tabs__tablist::-webkit-scrollbar {
    display: none;
  }
  .left-button {
    position: absolute;
    top: 2px;
    background: none;
    border: none;
    padding: 0;
    height: 24px;
    width: 24px;
    font-size: 24px;
  }
  .left-button i, .right-button i {
    font-size: 12px;
    color: #0F1A2A;
  }
  .left-button:disabled i, .right-button:disabled i {
    color: #8D929A;
  }
  .right-button {
    justify-content:flex-end;
    position: absolute;
    right: 0;
    top: 2px;
    background: none;
    border: none;
    padding: 0;
    height: 24px;
    width: 24px;
   font-size: 24px;
  }
  .right-button::before{
	position:absolute;
    width:8px;
    height:46px;
    content:'';
    background:linear-gradient(to right, rgba(255, 255, 255, 0), white);
    top:0;
    left:0;
    transform:translateX(-100%);
    z-index:50;
  }
	.left-button::before{
	position:absolute;
    width:8px;
    height:46px;
    content:'';
    background:linear-gradient(to right, white, rgba(255, 255, 255, 0));
    top:0;
    right:0px;
    transform:translateX(100%);
    z-index:50;
  }
.control-buttons button[disabled] svg path{
    stroke:#8D929A;
}
	.cmp-tabs .container ol.cmp-tabs__tablist > li.cmp-tabs__tab:hover, .cmp-tabs .container ol.cmp-tabs__tablist > li.cmp-tabs__tab:focus-within{
    position:relative;
    z-index:60;
  }
  .tabs .container.responsivegrid{
		padding:0;
	}
}
/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/teaser.css ***!
  \***************************************************************************************************************************/
.teaser-category {
    font-size: 12px;
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.teaser-title{
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.teaserJsonData, .buttonDialogueText {
    display: none;
}
.teaser-tile-image {
    max-height: 150px;
    width: 100%;
    object-fit: cover;
}
.teaser-img-title {
    height: 300px;
}
.teaser-description-section {
    padding-top: 24px;
}
.teaser-description {
    font-size: 12px;
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.3px;
}
.teaser-read-more{
    margin-top: 16px;
}
.teaser-read-more a img {
    height: 16px;
    width: 16px;
    margin-left: 10px;
}
.grid-teaser-description {
    padding: 24px;
}
.teaser-list-tile{
    height: 440px;
}
.camel-case{
    text-transform: capitalize;
}
@media(max-width:767px){
    .teaser-tile-image {
        object-position: top;
    } 
}
/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main/webpack/components/site/videoBanner.css ***!
  \********************************************************************************************************************************/
section.banner {
    position: relative;
    min-height: 300px;
    width: 100%;
    height: 480px;
    overflow: hidden;
}

    section.banner.banner-tile {
        height: 400px;
    }

.banner .banner-video {
    width: 100%;
    object-fit: cover;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}

.banner.overlay::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.banner.dark-overlay::before {
    background-color: #0f1a2a;
}

.banner .main-content {
    width: 100%;
    padding-top: 230px;
    position: relative;
    z-index: 5;
}

.banner .container {
    position: relative;
    padding: 0 16px;
    display: flex;
}

.banner .main-content .container .content-container {
    max-width: 768px;
}

.banner .main-content .container.right-align {
    justify-content: flex-end;
}

.banner .main-content .container.left-align {
    justify-content: flex-start;
}

.banner .main-content .container .banner-title h1 {
    font-size: 56px;
    font-weight: 400;
    font-family: "Diodrum-Light";
    line-height: 68px;
    max-width: 768px;
}

.banner .main-content .container .landingPageText p {
    margin-bottom: 8px;
    max-width: 768px;
}

.banner .main-content .container .banner-description h2 {
    font-size: 24px;
    line-height: 32px;
    font-family: "Diodrum-Light";
    font-weight: 400;
    margin-bottom: 15px;
    max-width: 768px;
}

.banner.banner-tile .main-content .container .banner-description h3 {
    margin-bottom: 10px;
}

.banner.banner-tile {
    min-height: 200px;
}

    .banner.banner-tile .main-content {
        display: flex;
        height: 100%;
        width: 100%;
        justify-content: center;
        align-items: center;
        padding-top: 0;
    }

        .banner.banner-tile .main-content .container .banner-title h2 {
            width: 100%;
            font-size: 32px;
            font-weight: 500;
            font-family: "Diodrum-Light";
            line-height: 40px;
            text-align: center;
            max-width: 368px;
            margin: 0 auto;
        }

        .banner.banner-tile .main-content .container {
            display: flex;
            justify-content: center;
        }

            .banner.banner-tile .main-content .container.left-align {
                justify-content: flex-start;
            }

            .banner.banner-tile .main-content .container.right-align {
                justify-content: flex-end;
                margin-right: 90px;
            }

                .banner.banner-tile
                .main-content
                .container.right-align
                .content-container
                .banner-button {
                    margin-top: 25px;
                }

                .banner.banner-tile
                .main-content
                .container.left-align
                .content-container
                .banner-title
                h2,
                .banner.banner-tile
                .main-content
                .container.right-align
                .content-container
                .banner-title
                h2 {
                    text-align: left;
                }

                .banner.banner-tile .main-content .container.left-align .content-container,
                .banner.banner-tile .main-content .container.right-align .content-container {
                    align-items: flex-start;
                }

            .banner.banner-tile
            .main-content
            .container
            .content-container
            .banner-description
            h3 {
                font-size: 20px;
                font-family: "Diodrum-Light";
                line-height: 32px;
                font-weight: 400;
            }

            .banner.banner-tile
            .main-content
            .container.right-align
            .content-container
            .banner-description
            h2,
            .banner.banner-tile
            .main-content
            .container.left-align
            .content-container
            .banner-description
            h2 {
                text-align: left;
            }

            .banner.banner-tile .main-content .container .content-container {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                max-width: 390px;
            }

            .banner.banner-tile .main-content .container .banner-button {
                margin-top: 32px;
            }

.banner .main-content .container .banner-button {
    margin-top: 15px;
    display: flex;
    gap: 30px;
}

.banner .main-content .container .landingPageText p {
    font-size: 18px;
    line-height: 16px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.banner:not(.banner-tile):not(.hero-banner) .banner-video {
    object-position: center 45% !important;
}

.banner-video.center {
    object-position: center top;
}

.banner-video.left {
    object-position: left top;
}

.banner-video.right {
    object-position: right top;
}

.banner .banner-button.button-link a.buttonBanner img {
    margin-left: 0;
}

.banner .banner-button.button-link a.buttonBanner.with-icon {
    gap: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.banner .banner-button a.buttonBanner.with-icon:hover svg path {
    stroke: #3A5CFF;
}
/* Hero Banner Css*/
section.banner.hero-banner {
    height: 728px;
}

    section.banner.hero-banner .main-content {
        padding-top: 177px;
    }

        section.banner.hero-banner .main-content .content-container {
            max-width: 568px;
        }

.banner.hero-banner .main-content .content-container .banner-title h1 {
    font-size: 48px;
    line-height: 57.6px;
    margin-bottom: 24px;
}

.banner.hero-banner .main-content .content-container .banner-description h2 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 32px;
}

.gradient-overlay::before {
    background: linear-gradient( 78.47deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 48.86%, rgba(0, 0, 0, 0.2) 66.42%, rgba(15, 26, 42, 0.1) 107.14%, rgba(15, 26, 42, 0.6) 107.15%, rgba(0, 0, 0, 0) 107.16% );
}

.banner.gradient-overlay::before {
    opacity: 50%;
}

@media (max-width: 991px) {
    section.banner {
        height: 522px;
        min-height: 200px;
    }

    .banner .main-content {
        width: 100%;
        padding-top: 272px;
    }

    section.banner.banner-tile {
        height: 245px;
    }

    .banner .container {
        padding: 0 24px;
    }

    .banner .main-content .container .banner-title h1 {
        font-size: 40px;
        line-height: 48px;
    }

    .banner .main-content .container .banner-description h2 {
        margin-bottom: 15px;
    }

    .banner .main-content .container .content-container {
        max-width: 534px;
    }

    .banner.banner-tile .main-content .container .banner-title h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .banner .main-content .container .banner-button {
        gap: 40px;
    }

    .gradient-overlay::before {
        background: linear-gradient( 78.47deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 48.86%, rgba(0, 0, 0, 0.2) 88.74%, rgba(15, 26, 42, 0.1) 107.16% );
    }

    .banner:not(.banner-tile):not(.hero-banner) .banner-video.center {
        object-position: center top !important;
    }

    .banner:not(.banner-tile):not(.hero-banner) .banner-video.right {
        object-position: right top !important;
    }

    .banner:not(.banner-tile):not(.hero-banner) .banner-video.left {
        object-position: left top !important;
    }
}

@media (max-width: 767px) {
    section.banner {
        height: 384px;
    }

    .banner .banner-button a.buttonBanner.with-icon svg {
        width: 16px;
        height: 16px;
    }

    .banner .banner-button.button-link a.buttonBanner.with-icon {
        gap: 16px;
    }

        .banner .banner-button.button-link a.buttonBanner.with-icon img {
            height: 16px;
            width: 16px;
        }

    section.banner.banner-tile {
        height: 230px;
    }

    .banner.banner-tile
    .main-content
    .container
    .content-container
    .banner-description
    h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .banner .main-content {
        padding-top: 142px;
    }

        .banner .main-content .container .banner-title h1 {
            font-size: 36px;
            line-height: 46px;
            margin-bottom: 0;
        }

        .banner .main-content .container .landingPageText p {
            font-size: 16px;
        }

        .banner .main-content .container .banner-description h2 {
            margin-bottom: 20px;
            font-size: 16px;
            line-height: 32px;
        }

        .banner .main-content .container .content-container {
            max-width: 390px;
        }

    .gradient-overlay::before {
        background: linear-gradient( 36.77deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 39.66%, rgba(15, 26, 42, 0.2) 98.79% );
    }

    .banner.banner-tile .main-content .container.right-align {
        margin-right: 0px;
    }
    /* Hero Banner Css*/
    section.banner.hero-banner {
        height: 484px;
    }

        section.banner.hero-banner .main-content {
            padding-top: 44px;
        }

    .banner.banner-tile .main-content .container .banner-title h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .banner.hero-banner .main-content .content-container .banner-title h1 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 24px;
    }

    .banner.hero-banner .main-content .content-container .banner-description h2 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 16px;
    }

    .banner:not(.banner-tile) .button-link a[role="button"] {
        padding: 12px;
        font-size: 14px;
        line-height: 14px;
    }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/glob-import-loader/index.js??ruleSet[1].rules[1].use[4]!./src/main/webpack/site/main.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/