/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */


@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&family=Prompt:wght@200;300;400;500;600;700;800;900&display=swap');


:root{
    --maxWidth: 1200px;
    --maximum_content_width: 1200px;
    --primaryColor: #0A410F;
    --secondaryColor: #C0E0CD;
    --bodyBgColor: #ffffff;
    --accentColorOne: #649176;
    --accentColorTwo: #4C789A;
    --accentColorThree: #f1f7fc;
    --primaryColorRGB: 66, 91, 118;
    --secondaryColorRGB: 29, 67, 33;
    --bodyBgColorRGB: 255, 255, 255;
    --accentColorOneRGB: 42, 125, 244;
    --accentColorTwoRGB: 17, 97, 213;
    --accentColorThreeRGB: 241, 247, 252;
    --darkFontColorRGB : 255, 255, 255;
    --darkBgColorRGB : 66, 91, 118;
    --lightFontColorRGB : 66, 91, 118;
    --lightBgColorRGB : 255, 255, 255;
    --Colors-turquoise: 181, 244, 218, 1;
    --Colors-turquoise-hover: 166, 226, 199, 1;
    --weaveLightReverseURL: url('https://23791392.fs1.hubspotusercontent-na1.net/hubfs/23791392/Weaves/Weave-reverse-light.svg');
    --weaveDarkReverseURL: url('https://23791392.fs1.hubspotusercontent-na1.net/hubfs/23791392/Weaves/Weave-reverse-dark.svg');
    --weaveLightURL: url('https://23791392.fs1.hubspotusercontent-na1.net/hubfs/23791392/Weaves/Weave-light.svg');
    --weaveDarkURL: url('https://23791392.fs1.hubspotusercontent-na1.net/hubfs/23791392/Weaves/Weave-dark.svg');
    --weaveLightReverseMobileURL: url('https://23791392.fs1.hubspotusercontent-na1.net/hubfs/23791392/Weaves/Weave-reverse-light_mobile.svg');
    --weaveDarkReverseMobileURL: url('https://23791392.fs1.hubspotusercontent-na1.net/hubfs/23791392/Weaves/Weave-reverse-dark_mobile.svg');
    --weaveLightMobileURL: url('https://23791392.fs1.hubspotusercontent-na1.net/hubfs/23791392/Weaves/Weave-light_mobile.svg');
    --weaveDarkMobileURL: url('https://23791392.fs1.hubspotusercontent-na1.net/hubfs/23791392/Weaves/Weave-dark_mobile.svg');
    --boxShadow: 0 0 .375rem rgba(0,0,0,.06),0 .375rem .5625rem rgba(0,0,0,.13);
    --borderRadius: 6px;
} 
/*:root {
    --primaryFont: Avenir Next;
    --secondaryFont: Avenir Next;
    --HeroH1Font: Avenir Next;
    --h1font: Avenir Next;
    --h2font: Avenir Next;
    --h3font: Avenir Next;
    --h4font: Avenir Next;
    --h5font: Avenir Next;
    --h6font: Avenir Next;
    --anchorFont: Avenir Next;
    --buttonPrimaryFont: Avenir Next; --buttonPrimaryFontHover : Avenir Next --buttonSecondaryFont : Avenir Next --buttonSecondaryFontHover : Avenir Next --anchorFontHover: Avenir Next;
    --headerMenuFont: Avenir Next;
    --headerMenuFontHover: Avenir Next;
    --headerMenuFontActive: Avenir Next;
    --footerMenuFont: Avenir Next;
    --footerMenuFontHover: Avenir Next;
    --footerMenuFontActive: Avenir Next;
}*/
:root {
    --primaryFont:  AvenirNextRegular;
    --secondaryFont:  AvenirNextRegular;
    --HeroH1Font:  AvenirNextDemi;
    --h1font:  AvenirNextDemi;
    --h2font:  AvenirNextDemi;
    --h3font:  AvenirNextDemi;
    --h4font:  AvenirNextDemi;
    --h5font:  AvenirNextDemi;
    --h6font:  AvenirNextDemi;
    --anchorFont:  AvenirNextRegular;
    --buttonPrimaryFont:  AvenirNextRegular; --buttonPrimaryFontHover :  AvenirNextRegular --buttonSecondaryFont :  AvenirNextRegular --buttonSecondaryFontHover :  AvenirNextRegular --anchorFontHover:  AvenirNextRegular;
    --headerMenuFont:  AvenirNextRegular;
    --headerMenuFontHover:  AvenirNextRegular;
    --headerMenuFontActive:  AvenirNextRegular;
    --footerMenuFont:  AvenirNextRegular;
    --footerMenuFontHover:  AvenirNextRegular;
    --footerMenuFontActive:  AvenirNextRegular;
}

body {
  margin: 0;
  color: black!important;
}

body.no-scroll {
 overflow-y: hidden; 
}


main {
    z-index: 0;
    position: relative;
}

/* Creates sticky header */
.body-wrapper > div:first-child {
    position: sticky;
    top: 0;
    z-index: 1000;
}

p {
  margin: 0;
}

hr {
    border-bottom-color: black;
}


a:hover, a:focus, a:active {
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    color: #0000009c;
    fill: none;
}


h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  margin: 0;
  font-family: 'AvenirNextDemi';
}

h1 {
  font-size: 6.25rem;
  line-height: 1.1;
}

h2 {
  font-size: 3.125rem;
  line-height: 1.1;
}

h3 {
  font-size: 2.5rem;
  line-height: 1.3;
}

.heading-large {
  font-size: 5rem;
}

.heading-medium {
  font-size: 2.5rem
}

.text-size-huge {
  font-size: 5rem;
  font-family: AvenirNextDemi;
  line-height: .8;
}

  .text-size-xxlarge {
    font-size: 3.495rem;
      line-height: 1.2
  }
.text-size-xlarge {
  font-size: 1.875rem;
  line-height: 1.3;
}

.text-size-large {
    font-size: 1.5rem;
  line-height: 1.2
  }

.dollar-sign {
  align-self: flex-start;
  font-size: 3.5rem;
  font-weight: 500;
  font-family: AvenirNextDemi;
  margin-top: -22px;
}

a {
  color: #000;
  line-height: 1.2;
  transition: font-weight 0.3s ease;
  text-underline-offset: 0.5rem;
}

a {
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.header a, .footer a {
  text-decoration: none;
}

.all-caps {
  text-transform: uppercase;
  letter-spacing: 2px;
}

@media screen and (max-width: 1199px) {
  h1 {
   font-size: calc(3vw + 4rem);
    }
  
  h2 {
  font-size: calc(3vw + 1.5rem);
  }  
  
  h3 {
    font-size:  2rem;
  }
  
  .heading-large {
    font-size: calc(5vw + 4rem);
  }
  
  .text-size-huge {
  font-size: 6rem;
  font-weight: 500;
    font-family: AvenirNextDemi;
  line-height: .8;
}

.text-size-xxlarge {
    font-size: 2.5rem;
      line-height: 1.2
  }
  
  .text-size-xlarge {
  font-size: 2rem;
  line-height: 1.3;
}
  
  .text-size-large {
    font-size: 1.25rem;
    line-height: 1.2;
}
  
  .dollar-sign {
  font-size: 3.5rem;
  margin-top: -18px;
}
}


@media screen and (max-width: 991px) {
  h1 {
   font-size: calc(3vw + 3.5rem);
    }
   
  
  h3 {
  font-size:  1.75rem;
  }
  
  
  .heading-large {
    font-size: calc(5vw + 3rem);
  }
  
  .text-size-huge {
  font-size: 5rem;

}

.text-size-xxlarge {
    font-size: 2.5rem;
      line-height: 1.2
  }
  
  .text-size-xlarge {
  font-size: 2rem;
  line-height: 1.3;
}
  
  .text-size-large {
    font-size: 1.25rem;
    line-height: 1.2;
}
  
  .dollar-sign {
  font-size: 3.8rem;
  margin-top: -18px;
}
}

@media screen and (max-width: 767px) {
  
    h1 {
   font-size: calc(2vw + 3rem);
    }
  
  .text-size-xxlarge {
    font-size: 2.2rem;
    line-height: 1.2;
}
  
 .text-size-xlarge {
    font-size: 2rem;
  }
      .heading-large {
      font-size: calc(5vw + 2.66rem);
        
          }
    .text-size-huge {
    font-size: 4.5rem;
  }
  
  .stats-dollar-wrapper {margin-top:30px;} 
}

@media screen and (max-width: 479px) {
  
  h1 {
  font-size: calc(3vw + 1.8rem);
  }
   
  

  .heading-large {
    font-size: calc(3vw + 2.295rem);
  }


  .text-size-huge {
    font-size: 4rem;
  }
    .text-size-xxlarge {
    font-size: 1.875rem;
    line-height: 1.2;
}
  .text-size-xlarge {
    font-size: 1.5rem;
  }
  
  
  .all-caps {
font-size: 0.875rem;
}
  
  
  .dollar-sign {
    font-size: 2.2rem!important;
    margin-top: -10px;
  }

}



html {
  height: 100%;
}


img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}


.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}




ul, ol {
  margin-top: 0;
  margin-bottom: 0;
}

ol {
    list-style-type: none;
    counter-reset: item; 
    margin-left: 0; 
    padding-left: 0; 
    background-color: #fff;
    position: relative;
}

ol li {
    counter-increment: item; 
    margin-bottom: 10px; 
    line-height: 1.6; 
    padding-left: 45px; 
    background-color: #fff; 
}

ol li::before {
    content: counter(item) ". ";
    position: absolute;
    left: 0; 
    font-size: 32px;
}

ul {
  list-style: none;
}






img {
  width: 100%;
  height: 100%;
  display: block;
}


.image {
  object-fit: contain;
}


.text-colour-green {
  color: #0a410f;
  text-decoration-color:  #0a410f;
}



.container {
  max-width: 1600px;
  margin: auto;
}

.navigation .container, footer .container {
  display: block;
  padding: 0;
  align-items: normal;
  max-width: 1600px;
  margin: auto;
}

.padding-global {
  padding: 0 90px;
}

@media screen and (max-width: 1199px) {
.padding-global {
  padding: 0 60px;
}
}


@media screen and (max-width: 991px) {
.padding-global {
  padding: 0 45px;
}
}

@media screen and (max-width: 767px) {
  .padding-global {
  padding: 0 30px;
}
}

@media screen and (max-width: 479px) {  
.padding-global {
  padding: 0 15px;
}
}

.news-home-grid {
  grid-column-gap: 45px;
  grid-row-gap: 90px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.news-home-img-wrapper {
  width: 100%;
  padding-top: 66.666666%;
  position: relative;
  overflow: hidden
}

.padding-vertical {
  padding-top: 90px;
  padding-bottom: 90px;
}

.padding-vertical.home {
  padding-top: 65px;
  padding-bottom: 65px;
}

@media screen and (max-width: 479px) {
  .padding-vertical.home {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

.text-colour-white {
  color: #fff;
}

.text-colour-black {
  color: #000000;
}


a > .text-size-xlarge {
    line-height: 1.9;
}

.link-underline {
    width: 100%;
    height: 2px;
}
.link-underline.green {
  background-color: #649176;
}

/*
.link-underline.white {
  background-color: #fff;
}



.link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  text-decoration: none;
  display: flex;
}



*/
.investing-lending-grid {
  grid-column-gap: 45px;
  grid-row-gap: 90px;
  grid-template: "Area Area Area Area Area Area"
                 "Area-2 Area-2 Area-2 Area-3 Area-3 Area-3"
                 "Area-4 Area-4 Area-4 Area-5 Area-5 Area-5"
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.esg-grid {
  grid-column-gap: 45px;
  grid-row-gap: 90px;
  grid-template: "Area Area Area Area Area Area"
                 ". Area-2 Area-2 Area-2 Area-2 Area-2"
                 ". Area-3 Area-3 Area-3 Area-3 Area-3"
                 ". Area-4 Area-4 Area-4 Area-4 ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}


.home-link-list {
    grid-column-gap: 45px;
    grid-row-gap: 32px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: 1fr;
    justify-items: start;
    display: grid;
    margin-top: -22px;
}

.home-link-list a {
  text-decoration: none;
}

.home-panel-img {
  padding-top: 56.25%;
  position: relative;
}

.absolute-image {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.cover-image {
  object-fit: cover;
  height: 100%!important;
}

.news-home-highlight-grid {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.news-content {
  height: 100%;
  grid-row-gap: 45px;
  grid-template-rows: auto 1fr max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-items: start;
  display: grid;
}



.news-home-highlight-img-wrapper {
  width: 66.666%;
  padding-top: 75%;
  position: relative;
}

.text-size-medium {
  font-size: 1.5rem;
  font-weight: 500;
  font-family: AvenirNextDemi;
  line-height: 1.3;
}

.news-home-bottom-grid {
  grid-column-gap: 45px;
  grid-row-gap: 90px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.div-block {
  grid-column-gap: 16px;
  grid-row-gap: 45px;
  grid-template-rows: min-content min-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bg-white {
  background-color: #FFF;
}
.bg-mauve {
  /*background-color: #98808e;*/
  background-color:#e1dedf;
}

.bg-blue {
  background-color: #7191a9;
}

.bg-light-green, .bg-light_green {
  color: #0a410f;
  background-color: #D0E0C9;
}

.bg-light-blue, .bg-light_blue {
  background-color: #D9E4ED;
}

.bg-light-mauve {
  background-color:#f2f3f4;
}

.bg-green {
  background-color: #649176;
}

.bg-dark-green {
  background-color: #0a410f;
}
.bg-grey {
  background: #E1DEDF;
}

.property-grid {
  grid-column-gap: 45px;
  grid-row-gap: 90px;
  grid-template: "Area Area Area Area Area Area"
                 "Area-2 Area-2 Area-2 Area-3 Area-3 Area-3"
                 ". Area-4 Area-4 Area-4 . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.social-link {
  width: 25px;
  height: 25px;
}

.social-link-wrapper {
  grid-column-gap: 16px;
  padding-left: 0;
  display: flex;
}


.text-weight-bold {
  font-weight: 500;
}

.text-style-underline {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 40%;
  text-decoration-color: white;
  
}

.text-style-underline:hover, .text-style-underline:focus,.text-style-underline:active {
  text-decoration: underline;
  text-decoration-color: white;
}

.text-size-xlarge.text-style-underline  {
   text-decoration-thickness: 2px;
  }

.text-style-underline.green {
    text-decoration-color:#649176;
}

.text-style-underline.green:hover, .text-style-underline.green:focus,.text-style-underline.green:active {
      text-decoration-color:#649176;
}

@media screen and (max-width: 991px) {
  .button {
    justify-content: center;
  }

  .nav-container {
    flex-direction: row;
    grid-template-columns: auto auto;
    justify-content: space-between;
    display: flex;
  }

  .nav-menu {
    display: none;
  }


.investing-lending-grid  {
    grid-row-gap: 45px;
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   "Area-4"
                   "Area-5"
                   / auto;
  }

  .news-home-bottom-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .footer-grid {
    grid-template: "Area . . ."
                   "Area-2 Area-3 Area-4 Area-5"
                   ". Area-6 Area-7 ."
                   / 1fr 1fr 1fr 1fr;
  }


  .property-grid {
    grid-row-gap: 45px;
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   "Area-4"
                   / auto;
  }
}

@media screen and (max-width: 767px) {

  .logo {
    max-width: 160px;
  }

  .news-home-grid {
    grid-row-gap: 45px;
  }

  .news-home-img-wrapper {
    padding-top: 56.25%;
  }
}



  .news-home-highlight-grid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .news-content {
    grid-row-gap: 30px;
  }

  .news-home-highlight-img-wrapper {
    padding-top: 56.25%;
  }

  .news-home-bottom-grid {
    grid-row-gap: 45px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .div-block {
    grid-row-gap: 30px;
  }


  .footer-grid {
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   "Area-4"
                   "Area-5"
                   "Area-6"
                   "Area-7"
                   / 1fr;
  }


  .social-links-wrapper {
    padding-left: 7%;
  }

  .footer-container {
    grid-row-gap: 45px;
  }
}




  .stats-wrapper {
    margin-left: 36px;
    grid-row-gap: 10px;
  }

.stats-number-wrapper .dollar-sign{
      font-family: 'AvenirNextDemi';
}

.stats-number-wrapper .text-size-huge{
    font-family: 'AvenirNextDemi';
}
.stats-content-wrapper {
    margin-top: 10px;
}

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

.news-home-highlight-grid {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.news-content {
  height: 100%;
  grid-row-gap: 45px;
  grid-template-rows: auto 1fr max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-items: start;
  display: grid;
}



.news-home-highlight-img-wrapper {
  width: 100%;
  padding-top: 75%;
  position: relative;
}

.text-size-medium {
  font-size: 1.5rem;
  font-weight: 500;
  font-family: AvenirNextDemi;
  line-height: 1.3;
}

.news-home-bottom-grid {
  grid-column-gap: 45px;
  grid-row-gap: 90px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.div-block {
  grid-column-gap: 16px;
  grid-row-gap: 45px;
  grid-template-rows: min-content min-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}


.footer-link-list {
  padding-left: 5%;
  list-style-type: none;
}


.property-grid {
  grid-column-gap: 45px;
  grid-row-gap: 90px;
  grid-template: "Area Area Area Area Area Area"
                 "Area-2 Area-2 Area-2 Area-3 Area-3 Area-3"
                 ". Area-4 Area-4 Area-4 . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.social-link {
  width: 25px;
  height: 25px;
}

.social-links-wrapper {
  grid-column-gap: 1rem;
  padding-left: 5%;
  display: flex;
}

.footer-link {
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-weight-bold {
  font-weight: 500;
}


.esg-grid {
  grid-column-gap: 45px;
  grid-row-gap: 90px;
  grid-template: "Area Area Area Area Area Area"
                 ". Area-2 Area-2 Area-2 Area-2 Area-2"
                 ". Area-3 Area-3 Area-3 Area-3 Area-3"
                 ". Area-4 Area-4 Area-4 Area-4 ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: column;
}

.intro-grid {
  grid-column-gap: 45px;
  grid-row-gap: 90px;
  grid-template: ". Area Area Area Area-2 Area-2"
                 ". Area Area Area Area-3 Area-3"
                 ". Area Area Area Area-4 Area-4"
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.intro-grid.counter{
  grid-column-gap: 45px;
grid-row-gap: 0px;
  grid-template: ". Area Area Area Area-2 Area-2"
                 ". Area Area Area Area-3 Area-3"
                 ". Area Area Area Area-4 Area-4";
  grid-auto-columns: auto;
  display: grid;
}

.text-size-small {
  font-size: .875em;
  line-height: 1.2;
}

.text-weight-semibold {
  font-weight: 600;
}

.stats-wrapper {
  flex-direction: column;
  margin-left: 50px;
  display: flex;
}


.stats-number-wrapper {
  display: flex;
  white-space: nowrap;
}

.stats-dollar-wrapper {
  flex-direction: column;
  display: flex;
}

.stats-dollar-text-wrapper {
  grid-column-gap: 5px;
  margin-left: 50px;
  display: flex;
  margin-bottom: 5px
}

.text-weight-semibold {
  font-weight: 600;
}

@media screen and (max-width: 991px) {
  .button {
    justify-content: center;
  }

  .investing-grid {
    grid-row-gap: 45px;
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   "Area-4"
                   "Area-5"
                   / auto;
  }

  .news-home-bottom-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .footer-grid {
    grid-template: "Area . . ."
                   "Area-2 Area-3 Area-4 Area-5"
                   ". Area-6 Area-7 ."
                   / 1fr 1fr 1fr 1fr;
  }

  .property-grid, .intro-grid {
    grid-row-gap: 45px;
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   "Area-4"
                   / auto;
  }

}

@media screen and (max-width: 767px) {

  .logo {
    max-width: 120px;
  }

  .news-home-grid {
    grid-row-gap: 45px;
  }

  .news-home-img-wrapper {
    padding-top: 56.25%;
  }

  .padding-vertical.home {
    padding-top: 35px;
    padding-bottom: 45px;
  }

  .home-link-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .news-home-highlight-grid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .news-content {
    grid-row-gap: 30px;
  }

  .news-home-highlight-img-wrapper {
    padding-top: 56.25%;
  }

  .news-home-bottom-grid {
    grid-row-gap: 45px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .div-block {
    grid-row-gap: 30px;
  }

  .footer-grid {
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   "Area-4"
                   "Area-5"
                   "Area-6"
                   "Area-7"
                   / 1fr;
  }

  .footer-bottom {
  grid-column-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content max-content max-content;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: center;
  font-size: 14px;
  display: grid;
}




.footer-container {
  grid-row-gap: 180px;
  flex-direction: column;
  padding: 90px 7% 90px 5%;
  display: flex;
}

  .footer-bottom {
    grid-row-gap: 10px;
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   "Area-4"
                   / max-content;
    align-content: start;
    justify-items: start;
  }

  .footer-container {
    grid-row-gap: 45px;
  }



}
.footer a.go-to.show {
    display: none;
}
.popups {
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
      opacity: 0;
  background-color: rgba(0,0,0,0.7);
}
.popups.show {
    opacity: 1;
    pointer-events: all;
    z-index: 22;
    position: fixed; /* Sit on top of the page content */
    overflow-y: scroll;
}
.popup{

}
.popup-content{
    display: none;
    position: absolute;
    max-width: 1000px;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding: 140px 20px 20px 20px;
    z-index: 0;
    transition: opacity 0.5s ease 0s;
      top: calc( 80px + 4%);
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  background-color:#FFF;
}

.popup-content p {
  font-size: 18px;
  padding: 10px 0;
}

@media screen and (min-width: 768px) {
  .popup-content {
    height: auto;
    padding: 80px;
    top: 0;
    margin-top: 100px;
    transform: translateX(-50%);
  }
}

@media screen and (min-width: 991px) {
  .popup-content {
    height: auto;
    padding-top: 80px;
    margin-top: 200px;
    top: 0;
    transform: translateX(-50%);
  }
}

.popups.show .popup-content{
   z-index: 23;
  display: block;
}

.popup-close {
    position: absolute;
    top: 120px;
    color: black;
    right: 4%;
    cursor: pointer;
    font-family: AvenirNextDemi;
    font-size: 24px;
}

@media screen and (min-width: 767px) {
  .popup-close {
    top: 5%;
  }
}

#w-node-_8193d8b6-51a3-f825-2034-a8636e82f175-4edcfb90 {
  justify-self: stretch;
}

#w-node-a10d9473-be31-646b-d578-d2ba0d7b2355-4edcfb90, #w-node-_36f844f2-7186-89cb-f0fa-5884f33acd2d-4edcfb90, #w-node-c0da67fc-fdd3-0d67-7092-d0f88df81e47-4edcfb90, #w-node-c0da67fc-fdd3-0d67-7092-d0f88df81e49-4edcfb90, #w-node-bd69ae76-cb89-c0f6-0eb5-8647c559f9b6-4edcfb90, #w-node-bd69ae76-cb89-c0f6-0eb5-8647c559f9b8-4edcfb90, #w-node-_6347e1b8-7183-c0e6-b9ff-b90ba9b5a23f-4edcfb90, #w-node-_6347e1b8-7183-c0e6-b9ff-b90ba9b5a241-4edcfb90, #w-node-_4ac4da9c-08f1-ba82-dcc4-42350f413f6d-4edcfb90 {
  align-self: start;
}

#w-node-_4ac4da9c-08f1-ba82-dcc4-42350f413f6f-4edcfb90 {
  align-self: start;
  justify-self: start;
}

#w-node-_2dc7d50e-4566-71ba-2612-339e7521be56-4edcfb90 {
  grid-area: Area;
}

#w-node-c1d3566e-d1e0-6fe7-6fe3-6d10d968ba6f-4edcfb90 {
  grid-area: Area-2;
  margin-top: 10px;
}

#w-node-e5378bea-fa94-7b03-5b37-08c5ae97934f-4edcfb90 {
  grid-area: Area-3;
}

#w-node-_5e546eb1-a3ae-09d5-fa62-fbafd31cd06f-4edcfb90 {
  grid-area: Area-4;
}

.counter #w-node-c1d3566e-d1e0-6fe7-6fe3-6d10d968ba6f-4edcfb90 {
  grid-area: auto;
  margin-top: 0px;
}

.counter #w-node-e5378bea-fa94-7b03-5b37-08c5ae97934f-4edcfb90 {
  grid-area: auto;
}

.counter #w-node-_5e546eb1-a3ae-09d5-fa62-fbafd31cd06f-4edcfb90 {
  grid-area: auto;
}

#w-node-_5c130b29-d6b1-c398-77a6-8d877dc8aff7-4edcfb90 {
  grid-area: Area;
}

#w-node-_5c130b29-d6b1-c398-77a6-8d877dc8aff9-4edcfb90 {
  grid-area: Area-2;
}

#w-node-_5c130b29-d6b1-c398-77a6-8d877dc8affd-4edcfb90 {
  grid-area: Area-3;
}

#w-node-_5c130b29-d6b1-c398-77a6-8d877dc8afff-4edcfb90 {
  grid-area: Area-4;
  align-self: start;
}

#w-node-_5c130b29-d6b1-c398-77a6-8d877dc8b000-4edcfb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c130b29-d6b1-c398-77a6-8d877dc8b001-4edcfb90 {
  grid-area: Area-5;
  justify-self: start;
}

#w-node-_5c130b29-d6b1-c398-77a6-8d877dc8b002-4edcfb90 {
  justify-self: start;
}

#w-node-_6c16ebcc-437b-9e4b-2054-1fa1f2a23d5c-4edcfb90 {
  grid-area: Area;
}

#w-node-_6c16ebcc-437b-9e4b-2054-1fa1f2a23d5e-4edcfb90 {
  grid-area: Area-2;
}

#w-node-_6c16ebcc-437b-9e4b-2054-1fa1f2a23d62-4edcfb90 {
  grid-area: Area-3;
}

#w-node-_6c16ebcc-437b-9e4b-2054-1fa1f2a23d64-4edcfb90 {
  grid-area: Area-4;
  align-self: start;
}

#w-node-_6c16ebcc-437b-9e4b-2054-1fa1f2a23d65-4edcfb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6c16ebcc-437b-9e4b-2054-1fa1f2a23d66-4edcfb90 {
  grid-area: Area-5;
  align-self: start;
}

#w-node-_871a5ddd-3866-fcc4-6ad4-60ecfc3d2040-4edcfb90 {
  grid-area: Area;
}

#w-node-_871a5ddd-3866-fcc4-6ad4-60ecfc3d2042-4edcfb90 {
  grid-area: Area-2;
}

#w-node-_871a5ddd-3866-fcc4-6ad4-60ecfc3d2044-4edcfb90 {
  grid-area: Area-3;
}

#w-node-_871a5ddd-3866-fcc4-6ad4-60ecfc3d2046-4edcfb90 {
  grid-area: Area-4;
  align-self: start;
}

#w-node-_871a5ddd-3866-fcc4-6ad4-60ecfc3d2047-4edcfb90, #w-node-_6e65a476-aa67-e6dc-8ffb-e833e551e544-4edcfb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6552bf9d-d001-0cdf-3f8c-6bfca8f51be7-4edcfb90 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_56d18528-afff-c6ed-6f7b-245d8db91d61-4edcfb90 {
  grid-area: Area-2;
}

#w-node-_3876303e-32c7-09ad-e617-e75b5db6c909-4edcfb90 {
  grid-area: Area-3;
}

#w-node-_40dfd046-8f8a-b0de-fbb0-e5847ef1b5a2-4edcfb90 {
  grid-area: Area-4;
  align-self: start;
}

#w-node-_40dfd046-8f8a-b0de-fbb0-e5847ef1b5a3-4edcfb90, #w-node-_5da051fe-1801-68a8-d091-03243ba93a1a-4edcfb90, #w-node-fd25305c-1139-3512-66cb-7c3c612b931c-4edcfb90, #w-node-a4985c7e-bafc-cc3e-a5e0-7a9dd3017f54-4edcfb90, #w-node-_1b4f973e-ec53-926a-1589-e1560d7fb9e8-4edcfb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_27cd7a9f-5693-1e88-9593-95cf70e186a2-4edcfb90 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_55bca858-c4af-7eaa-fc80-2a039ffff90c-4edcfb90, #w-node-_1c1c9f36-3183-b2f8-8c20-4f843dde7400-4edcfb90, #w-node-de1b5e4f-0f37-ae8b-cd51-582ec238af4c-4edcfb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eeae9bc6-9519-afea-3694-15bd01a24c6b-4edcfb90, #w-node-eefd69a7-900e-c744-ee76-5029c4521e6a-4edcfb90 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_26109a59-a3ae-8bcb-a008-dcc453398033-4edcfb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32bd4037-8f86-f81f-87d7-c3d29a37c06a-4edcfb90 {
  grid-area: span 2 / span 2 / span 2 / span 2;
  align-self: end;
}

#w-node-_5e5503d4-72ab-639c-1a72-516176d08700-4edcfb90, #w-node-edf5bfae-eb14-4e28-da57-5a45570c005e-4edcfb90, #w-node-_7fbd6a6b-639e-d8e6-5fb9-8b25d26188e2-4edcfb90, #w-node-_3b0d4934-e760-3097-71a4-0a41f00421bb-4edcfb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_893a5139-8115-226f-5c28-4597c7e56cc6-4edcfb90 {
  grid-area: span 2 / span 2 / span 2 / span 2;
  align-self: center;
}

#w-node-_893a5139-8115-226f-5c28-4597c7e56cc7-4edcfb90, #w-node-_85def1a7-9217-8193-348c-7218c28086fc-4edcfb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_893a5139-8115-226f-5c28-4597c7e56cc9-4edcfb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_893a5139-8115-226f-5c28-4597c7e56ccb-4edcfb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed4c1c75-576b-e5f3-01f8-413f795f8dcc-4edcfb90 {
  grid-area: span 2 / span 2 / span 2 / span 2;
  align-self: start;
}

#w-node-ed4c1c75-576b-e5f3-01f8-413f795f8dcd-4edcfb90, #w-node-_396de8ff-2fca-a0e8-5c23-b627ed4ce316-4edcfb90, #w-node-ed4c1c75-576b-e5f3-01f8-413f795f8dcf-4edcfb90, #w-node-ed4c1c75-576b-e5f3-01f8-413f795f8dd1-4edcfb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_50869298-e7c8-f8ac-9117-0e289b28ebbe-4edcfb90 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_50869298-e7c8-f8ac-9117-0e289b28ebbf-4edcfb90, #w-node-_7082c1ac-61db-263c-a986-022c5c1da8a3-4edcfb90, #w-node-_50869298-e7c8-f8ac-9117-0e289b28ebc1-4edcfb90, #w-node-_50869298-e7c8-f8ac-9117-0e289b28ebc3-4edcfb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d588ab85-aa23-fb9d-e985-75a2ebdc6624-4edcfb90 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-d588ab85-aa23-fb9d-e985-75a2ebdc6625-4edcfb90, #w-node-bba51f57-6f1e-1f14-3927-fbfa1a217b6a-4edcfb90, #w-node-d588ab85-aa23-fb9d-e985-75a2ebdc6627-4edcfb90, #w-node-d588ab85-aa23-fb9d-e985-75a2ebdc6629-4edcfb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1912f236-c834-f7b5-0cf1-d4f8c03d6270-4edcfb90 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_1912f236-c834-f7b5-0cf1-d4f8c03d6271-4edcfb90, #w-node-cc7a64b1-ce9d-3fb0-5433-d5c4a9a2fff8-4edcfb90, #w-node-_1912f236-c834-f7b5-0cf1-d4f8c03d6273-4edcfb90, #w-node-_1912f236-c834-f7b5-0cf1-d4f8c03d6275-4edcfb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ab3edd19-6685-f975-bc2c-6de90114568c-4edcfb90 {
  grid-area: Area;
}

#w-node-ab3edd19-6685-f975-bc2c-6de90114568e-4edcfb90 {
  grid-area: Area-2;
}

#w-node-ab3edd19-6685-f975-bc2c-6de901145690-4edcfb90 {
  grid-area: Area-3;
}

#w-node-ab3edd19-6685-f975-bc2c-6de901145692-4edcfb90 {
  grid-area: Area-4;
  align-self: start;
}

#w-node-ab3edd19-6685-f975-bc2c-6de901145693-4edcfb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5e35e5a7-9d4c-f65e-083d-bace8f44ce4d-4edcfb90 {
  grid-area: Area;
}

#w-node-_0e9dc2fb-4dc6-9540-dd3b-b76a0731c619-4edcfb90 {
  grid-area: Area-2;
  padding-left:24px;
}

#w-node-_335fb4c6-967a-8a76-f9a0-e572e63f64cf-4edcfb90 {
  grid-area: Area-3;
  align-self: start;
}

#w-node-_48983da4-80a1-29bb-387c-4738ba101799-4edcfb90 {
  grid-area: Area-4;
}

#w-node-c66bb512-cfc2-b361-15d2-6ccbc8ecc9f3-4edcfb90 {
  grid-area: Area-5;
}

#w-node-_964cdd2a-bc0e-26d9-65ff-1d35aff3cd81-4edcfb90 {
  grid-area: Area-6;
}

#w-node-_2bf53b90-6c3c-e332-cdb6-8411207f2e7b-4edcfb90 {
  grid-area: Area-7;
}

#w-node-_163f5ee1-9418-f6df-d43b-eb9739fd966e-4edcfb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-a6749ea0-45f4-8517-94fa-d090467eca47-4edcfb90 {
    justify-self: end;
  }

  #w-node-_5c130b29-d6b1-c398-77a6-8d877dc8afff-4edcfb90 {
    grid-area: Area-5;
  }

  #w-node-_5c130b29-d6b1-c398-77a6-8d877dc8b001-4edcfb90 {
    grid-area: Area-4;
  }

  #w-node-_6c16ebcc-437b-9e4b-2054-1fa1f2a23d64-4edcfb90 {
    grid-area: Area-5;
  }

  #w-node-_6c16ebcc-437b-9e4b-2054-1fa1f2a23d66-4edcfb90, #w-node-_871a5ddd-3866-fcc4-6ad4-60ecfc3d2046-4edcfb90 {
    grid-area: Area-4;
  }


  #w-node-_3876303e-32c7-09ad-e617-e75b5db6c909-4edcfb90 {
    grid-area: Area-3;
  }

  #w-node-_3876303e-32c7-09ad-e617-e75b5db6c912-4edcfb90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_40dfd046-8f8a-b0de-fbb0-e5847ef1b5a2-4edcfb90, #w-node-ab3edd19-6685-f975-bc2c-6de901145692-4edcfb90 {
    grid-area: Area-4;
  }
    #w-node-_56d18528-afff-c6ed-6f7b-245d8db91d61-4edcfb90 {
        grid-area: span 1/span 6/span 1/span 6;
  }
   #w-node-_3876303e-32c7-09ad-e617-e75b5db6c909-4edcfb90 {
         grid-area: span 1/span 6/span 1/span 6;
  }
  #w-node-_40dfd046-8f8a-b0de-fbb0-e5847ef1b5a2-4edcfb90 {
        grid-area: span 1/span 6/span 1/span 6;
  }
      
      #w-node-_3876303e-32c7-09ad-e617-e75b5db6c909-4edcfb90 {
            grid-area: span 1/span 6/span 1/span 6;
      }
}



@media screen and (max-width: 767px) {
  #w-node-a4985c7e-bafc-cc3e-a5e0-7a9dd3017f54-4edcfb90, #w-node-ed4c1c75-576b-e5f3-01f8-413f795f8dcf-4edcfb90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_58d0aee5-293a-3d07-7e67-96811cfc9d87-4edcfb90 {
    grid-area: Area-4;
  }

  #w-node-_23e7daf6-9a5c-2cec-1e3e-70972dd5c3f5-4edcfb90 {
    grid-area: Area;
  }

  #w-node-_9d3fa7ad-d2ff-a734-b6a6-e9a3505a7750-4edcfb90 {
    grid-area: Area-2;
  }

  #w-node-_1f655a57-d592-c823-80c1-6b8cde986e43-4edcfb90 {
    grid-area: Area-3;
  }
  
}

@media screen and (max-width: 479px) {
  #w-node-a6749ea0-45f4-8517-94fa-d090467eca47-4edcfb90 {
    align-self: center;
  }
}





/*****************************************/
/* Weave global styles */

[data-weave-dark] {
  background-image: var(--weaveDarkMobileURL);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% -25%;
  width: 100%;
}

[data-weave-light] {
  background-image: var(--weaveLightMobileURL);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% -25%;
  width: 100%;
}

[data-weave-light-reverse] {
  background-image: var(--weaveLightReverseMobileURL);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  width: 100%;
}

[data-weave-dark-reverse] {
  background-image: var(--weaveDarkReverseMobileURL);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  width: 100%;
}

[data-weave-dark], [data-weave-light], [data-weave-dark-reverse], [data-weave-light-reverse] {
  height: 200px;
  display: none; /* deactivate weave in mobile for now */
}

[data-weave-content] {
  transform: none; 
}

@media screen and (min-width: 767px) {
  [data-weave-content] {
    transform: unset; 
  }  
}


/*
[data-weave-container] [data-weave-content] {
  position: relative;
  margin-bottom: -200px;
}
*/

@media screen and (min-width: 767px) {
  
  [data-weave-dark], [data-weave-light], [data-weave-dark-reverse], [data-weave-light-reverse] {
    height: 300px;
    display: block;
  }
  
  [data-weave-dark] {
    background-image: var(--weaveDarkURL);
    background-position: 50% -70%;
  }

  [data-weave-light] {
    background-image: var(--weaveLightURL);
    background-position: 50% -70%;
  }

  [data-weave-light-reverse] {
    background-image: var(--weaveLightReverseURL);
  }

  [data-weave-dark-reverse] {
    background-image: var(--weaveDarkReverseURL);
  }
  
  [data-weave-container] [data-weave-content] {
    position: relative;
    margin-bottom: -300px;
  }
}

@media screen and (min-width: 1280px) {
  
  [data-weave-dark] {
    background-image: var(--weaveDarkURL);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% -25%;
    height: 400px;
    width: 100%;
  }

  [data-weave-light] {
    background-image: var(--weaveLightURL);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% -25%;
    height: 400px;
    width: 100%;
  }

  [data-weave-light-reverse] {
    background-image: var(--weaveLightReverseURL);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    height: 400px;
    width: 100%;
  }

  [data-weave-dark-reverse] {
    background-image: var(--weaveDarkReverseURL);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    height: 400px;
    width: 100%;
  }

  [data-weave-container] [data-weave-content] {
    position: relative;
    margin-bottom: -400px;
  }
}


/* image slider */
.slideShowContainer{
    width: 100%;
    aspect-ratio: 72/35;
    position: relative;
    overflow: hidden;
}

/* Background Images CSS */
.slideShowContainer .imgs{
    width: 100%;
    position: absolute;
    top: 0;
  transition-property: all;
  transition-duration: 4000ms, 3000ms;
  transition-timing-function: ease-out, ease-in;
    left: 100%;
}
.slideShowContainer .imgs.temp{
    left: 0% !important;
    z-index: 2;
}
.slideShowContainer .imgs.temp2{
    left: 0% !important;
    z-index: 1;
}
/* Slide Images CSS */
.slideShowContainer .cont2 img{
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 4;
    width: 100%;
    opacity: 1;
    transition-property: all;
    transition-duration: 4000ms, 3000ms;
    transition-timing-function: ease-out, ease-in;
}
.slideShowContainer .cont2 img.temp{
    left: 0% !important;
    z-index: 5;
}
.slideShowContainer .cont2 img.temp2{
    left: 0% !important;
    z-index: 4;
}