.stretch {
   width: 100%;
   object-fit: cover;
   height:100%;
}


 .square img {
   aspect-ratio:1;
} 

 .round img {
   aspect-ratio:1;
   border-radius:100vmax;
} 

 .landscape img {
   aspect-ratio:16/9; 
} 

 .portrait img {
   aspect-ratio:9/16; 
} 

  .portrait  {
   aspect-ratio:9/16 !important; 
} 

/* Row styling */
.row {
  
/*  margin-block-start: 1em;*/
  margin-block-end: 7em;
}

.reverse {
  flex-direction: row-reverse;
}

/* Row spacing classes */


.grid-content-top-left {
align-content: start;
}

.grid-content-center-left {
align-content: center;
}

.grid-content-bottom-left {
align-content: end;
}

.content-center {
    text-align: center !important;
}


.broad {
padding: 0em var(--broad) !important;
}

.broad-to-screen {
    padding: 0em var(--screen) 0em var(--broad) !important;
}

.screen-to-broad {
    padding: 0em var(--broad) 0em var(--screen) !important;
}

.tight {    
padding: 0em var(--tight) !important;
}

.wide {
padding: 0em var(--wide) !important;
}

.screen {
padding: 0em var(--screen) !important;
}

    @media (max-width: 768px) {
        .screen-to-broad .blk-txt {

    padding: 1em !important;
}
.broad-to-screen .blk-txt {

    padding: 1em !important;
}
}

.collapse {
  gap: 0px !important; /* Space between columns */
      padding: 0px;
}

.reverse {
  direction: rtl !important;
}






.blk-txt {
  text-align: left;
  direction: ltr !important;
}

.row {
    position: relative;
}


.sec-cta {
    overflow: hidden;
    
}

.prefooter .sec-cta.row {
    margin-block-end: 0em !important;
    
}


.sec-cta .blk-txt{
    padding-top: 6em !important;
    padding-bottom: 6em !important;
        position: relative;
    z-index: 1;
}




.sticky-offset-top {
        position: -webkit-sticky !important;
        position: -moz-sticky !important;
        position: -ms-sticky !important;
        position: -o-sticky !important;
        position: sticky !important;
        top: var(--top-sticky, 0);
        bottom: var(--bottom-sticky, auto);
        align-self: var(--alignement-sticky, start);
        --top-sticky: var(--offset-top, 5em);
    }


.image-style.contain {
        object-fit: contain !important;
}

.mw-100 {
    max-width:100%;
}

.mw-90 {
    max-width:90%;
}

.mw-80 {
    max-width:80%;
}

.mw-70 {
    max-width:70%;
}

.mw-60 {
    max-width:60%;
}

.mw-50 {
    max-width:50%;
}

.mw-40 {
    max-width:40%;
}

.mw-30 {
    max-width:30%;
}

.m-auto {
    margin: auto;
}

.mw-fit {
    max-width: fit-content;
}


/*spacing */

.mi-none {
    margin-left: 0;
    margin-right: 0
}

@supports (margin-inline:1em) {
    .mi-none {
        margin-right: initial;
        margin-left: initial;
        margin-inline:0}
}

.mis-none {
    margin-left: 0
}

@supports (margin-inline-start:1em) {
    .mis-none {
        margin-left: initial;
        margin-inline-start:0}
}

.mie-none {
    margin-right: 0
}

@supports (margin-inline-end:1em) {
    .mie-none {
        margin-right: initial;
        margin-inline-end:0}
}

.mb-none {
    margin-block:0}

@supports not (margin-block:1em) {
    .mb-none {
        margin-top: 0;
        margin-bottom: 0
    }
}

.mbs-none {
    margin-top: 0
}

@supports (margin-block-start:1em) {
    .mbs-none {
        margin-top: initial;
        margin-block-start:0}
}

.mbe-none {
    margin-bottom: 0
}

@supports (margin-block-end:1em) {
    .mbe-none {
        margin-bottom: initial;
        margin-block-end:0}
}

.m-auto {
    box-sizing: border-box;
    margin: auto
}

.mi-auto {
    margin-left: auto;
    margin-right: auto
}

@supports (margin-inline:1em) {
    .mi-auto {
        margin-right: initial;
        margin-left: initial;
        margin-inline:auto}
}

.mis-auto {
    margin-left: auto
}

@supports (margin-inline-start:1em) {
    .mis-auto {
        margin-left: initial;
        margin-inline-start:auto}
}

.mie-auto {
    margin-right: auto
}

@supports (margin-inline-end:1em) {
    .mie-auto {
        margin-right: initial;
        margin-inline-end:auto}
}

.mb-auto {
    margin-block:auto}

@supports not (margin-block:1em) {
    .mb-auto {
        margin-top: auto;
        margin-bottom: auto
    }
}

.mbs-auto {
    margin-top: auto
}

@supports (margin-block-start:1em) {
    .mbs-auto {
        margin-top: initial;
        margin-block-start:auto}
}

.mbe-auto {
    margin-bottom: auto
}

@supports (margin-block-end:1em) {
    .mbe-auto {
        margin-bottom: initial;
        margin-block-end:auto}
}

.m-tiny {
    box-sizing: border-box;
    margin: var(--size-00) var(--size-1)
}

.mi-tiny {
    margin-left: var(--size-1);
    margin-right: var(--size-1)
}

@supports (margin-inline:1em) {
    .mi-tiny {
        margin-right: initial;
        margin-left: initial;
        margin-inline:var(--size-1)}
}

.mis-tiny {
    margin-left: var(--size-1)
}

@supports (margin-inline-start:1em) {
    .mis-tiny {
        margin-left: initial;
        margin-inline-start:var(--size-1)}
}

.mie-tiny {
    margin-right: var(--size-1)
}

@supports (margin-inline-end:1em) {
    .mie-tiny {
        margin-right: initial;
        margin-inline-end:var(--size-1)}
}

.mb-tiny {
    margin-block: var(--size-00)
}

@supports not (margin-block:1em) {
    .mb-tiny {
        margin-top: var(--size-00);
        margin-bottom: var(--size-00)
    }
}

.mbs-tiny {
    margin-top: var(--size-00)
}

@supports (margin-block-start:1em) {
    .mbs-tiny {
        margin-top: initial;
        margin-block-start:var(--size-00)}
}

.mbe-tiny {
    margin-bottom: var(--size-00)
}

@supports (margin-block-end:1em) {
    .mbe-tiny {
        margin-bottom: initial;
        margin-block-end:var(--size-00)}
}

.m-small {
    box-sizing: border-box;
    margin: var(--size-1) var(--size-4)
}

.mi-small {
    margin-left: var(--size-4);
    margin-right: var(--size-4)
}

@supports (margin-inline:1em) {
    .mi-small {
        margin-right: initial;
        margin-left: initial;
        margin-inline:var(--size-4)}
}

.mis-small {
    margin-left: var(--size-4)
}

@supports (margin-inline-start:1em) {
    .mis-small {
        margin-left: initial;
        margin-inline-start:var(--size-4)}
}

.mie-small {
    margin-right: var(--size-4)
}

@supports (margin-inline-end:1em) {
    .mie-small {
        margin-right: initial;
        margin-inline-end:var(--size-4)}
}

.mb-small {
    margin-block: var(--size-1)
}

@supports not (margin-block:1em) {
    .mb-small {
        margin-top: var(--size-1);
        margin-bottom: var(--size-1)
    }
}

.mbs-small {
    margin-top: var(--size-1)
}

@supports (margin-block-start:1em) {
    .mbs-small {
        margin-top: initial;
        margin-block-start:var(--size-1)}
}

.mbe-small {
    margin-bottom: var(--size-1)
}

@supports (margin-block-end:1em) {
    .mbe-small {
        margin-bottom: initial;
        margin-block-end:var(--size-1)}
}

.m-medium {
    box-sizing: border-box;
    margin: var(--size-4) var(--size-8)
}

.mi-medium {
    margin-left: var(--size-8);
    margin-right: var(--size-8)
}

@supports (margin-inline:1em) {
    .mi-medium {
        margin-right: initial;
        margin-left: initial;
        margin-inline:var(--size-8)}
}

.mis-medium {
    margin-left: var(--size-8)
}

@supports (margin-inline-start:1em) {
    .mis-medium {
        margin-left: initial;
        margin-inline-start:var(--size-8)}
}

.mie-medium {
    margin-right: var(--size-8)
}

@supports (margin-inline-end:1em) {
    .mie-medium {
        margin-right: initial;
        margin-inline-end:var(--size-8)}
}

.mb-medium {
    margin-block: var(--size-4)
}

@supports not (margin-block:1em) {
    .mb-medium {
        margin-top: var(--size-4);
        margin-bottom: var(--size-4)
    }
}

.mbs-medium {
    margin-top: var(--size-4)
}

@supports (margin-block-start:1em) {
    .mbs-medium {
        margin-top: initial;
        margin-block-start:var(--size-4)}
}

.mbe-medium {
    margin-bottom: var(--size-4)
}

@supports (margin-block-end:1em) {
    .mbe-medium {
        margin-bottom: initial;
        margin-block-end:var(--size-4)}
}

.m-large {
    box-sizing: border-box;
    margin: var(--size-8) var(--size-11)
}

.mi-large {
    margin-left: var(--size-11);
    margin-right: var(--size-11)
}

@supports (margin-inline:1em) {
    .mi-large {
        margin-right: initial;
        margin-left: initial;
        margin-inline:var(--size-11)}
}

.mis-large {
    margin-left: var(--size-11)
}

@supports (margin-inline-start:1em) {
    .mis-large {
        margin-left: initial;
        margin-inline-start:var(--size-11)}
}

.mie-large {
    margin-right: var(--size-11)
}

@supports (margin-inline-end:1em) {
    .mie-large {
        margin-right: initial;
        margin-inline-end:var(--size-11)}
}

.mb-large {
    margin-block: var(--size-8)
}

@supports not (margin-block:1em) {
    .mb-large {
        margin-top: var(--size-8);
        margin-bottom: var(--size-8)
    }
}

.mbs-large {
    margin-top: var(--size-8)
}

@supports (margin-block-start:1em) {
    .mbs-large {
        margin-top: initial;
        margin-block-start:var(--size-8)}
}

.mbe-large {
    margin-bottom: var(--size-8)
}

@supports (margin-block-end:1em) {
    .mbe-large {
        margin-bottom: initial;
        margin-block-end:var(--size-8)}
}

.mi-wide {
    margin-left: var(--wide-gutter);
    margin-right: var(--wide-gutter)
}

@supports (margin-inline:1em) {
    .mi-wide {
        margin-right: initial;
        margin-left: initial;
        margin-inline:var(--wide-gutter)}
}

.mis-wide {
    margin-left: var(--wide-gutter)
}

@supports (margin-inline-start:1em) {
    .mis-wide {
        margin-left: initial;
        margin-inline-start:var(--wide-gutter)}
}

.mie-wide {
    margin-right: var(--wide-gutter)
}

@supports (margin-inline-end:1em) {
    .mie-wide {
        margin-right: initial;
        margin-inline-end:var(--wide-gutter)}
}

.mi-broad {
    margin-left: calc(var(--wide-gutter) + var(--broad-gutter));
    margin-right: calc(var(--wide-gutter) + var(--broad-gutter))
}

@supports (margin-inline:1em) {
    .mi-broad {
        margin-right: initial;
        margin-left: initial;
        margin-inline:calc(var(--wide-gutter) + var(--broad-gutter))}
}

.mis-broad {
    margin-left: calc(var(--wide-gutter) + var(--broad-gutter))
}

@supports (margin-inline-start:1em) {
    .mis-broad {
        margin-left: initial;
        margin-inline-start:calc(var(--wide-gutter) + var(--broad-gutter))}
}

.mie-broad {
    margin-right: calc(var(--wide-gutter) + var(--broad-gutter))
}

@supports (margin-inline-end:1em) {
    .mie-broad {
        margin-right: initial;
        margin-inline-end:calc(var(--wide-gutter) + var(--broad-gutter))}
}

.mi-tight {
    margin-left: calc(var(--wide-gutter) + var(--broad-gutter) + var(--tight-gutter));
    margin-right: calc(var(--wide-gutter) + var(--broad-gutter) + var(--tight-gutter))
}

@supports (margin-inline:1em) {
    .mi-tight {
        margin-right: initial;
        margin-left: initial;
        margin-inline:calc(var(--wide-gutter) + var(--broad-gutter) + var(--tight-gutter))}
}

.mis-tight {
    margin-left: calc(var(--wide-gutter) + var(--broad-gutter) + var(--tight-gutter))
}

@supports (margin-inline-start:1em) {
    .mis-tight {
        margin-left: initial;
        margin-inline-start:calc(var(--wide-gutter) + var(--broad-gutter) + var(--tight-gutter))}
}

.mie-tight {
    margin-right: calc(var(--wide-gutter) + var(--broad-gutter) + var(--tight-gutter))
}

@supports (margin-inline-end:1em) {
    .mie-tight {
        margin-right: initial;
        margin-inline-end:calc(var(--wide-gutter) + var(--broad-gutter) + var(--tight-gutter))}
}

.p-none {
    box-sizing: border-box;
    padding: 0
}

.pi-none {
    padding-left: 0;
    padding-right: 0
}

@supports (padding-inline:1em) {
    .pi-none {
        padding-right: initial;
        padding-left: initial;
        padding-inline:0}
}

.pis-none {
    padding-left: 0
}

@supports (padding-inline-start:1em) {
    .pis-none {
        padding-left: initial;
        padding-inline-start:0}
}

.pie-none {
    padding-right: 0
}

@supports (padding-inline-end:1em) {
    .pie-none {
        padding-right: initial;
        padding-inline-end:0}
}

.pb-none {
    padding-top: 0;
    padding-bottom: 0
}

@supports (padding-block:1em) {
    .pb-none {
        padding-top: initial;
        padding-bottom: initial;
        padding-block:0}
}

.pbs-none {
    padding-top: 0
}

@supports (padding-block-start:1em) {
    .pbs-none {
        padding-top: initial;
        padding-block-start:0}
}

.pbe-none {
    padding-bottom: 0
}

@supports (padding-block-end:1em) {
    .pbe-none {
        padding-bottom: initial;
        padding-block-end:0}
}

.p-tiny {
    box-sizing: border-box;
    padding: var(--size-00) var(--size-1)
}

.pi-tiny {
    padding-left: var(--size-1);
    padding-right: var(--size-1)
}

@supports (padding-inline:1em) {
    .pi-tiny {
        padding-right: initial;
        padding-left: initial;
        padding-inline:var(--size-1)}
}

.pis-tiny {
    padding-left: var(--size-1)
}

@supports (padding-inline-start:1em) {
    .pis-tiny {
        padding-left: initial;
        padding-inline-start:var(--size-1)}
}

.pie-tiny {
    padding-right: var(--size-1)
}

@supports (padding-inline-end:1em) {
    .pie-tiny {
        padding-right: initial;
        padding-inline-end:var(--size-1)}
}

.pb-tiny {
    padding-top: var(--size-00);
    padding-bottom: var(--size-00)
}

@supports (padding-block:1em) {
    .pb-tiny {
        padding-top: initial;
        padding-bottom: initial;
        padding-block:var(--size-00)}
}

.pbs-tiny {
    padding-top: var(--size-00)
}

@supports (padding-block-start:1em) {
    .pbs-tiny {
        padding-top: initial;
        padding-block-start:var(--size-00)}
}

.pbe-tiny {
    padding-bottom: var(--size-00)
}

@supports (padding-block-end:1em) {
    .pbe-tiny {
        padding-bottom: initial;
        padding-block-end:var(--size-00)}
}

.p-small {
    box-sizing: border-box;
    padding: var(--size-1) var(--size-4)
}

.pi-small {
    padding-left: var(--size-4);
    padding-right: var(--size-4)
}

@supports (padding-inline:1em) {
    .pi-small {
        padding-right: initial;
        padding-left: initial;
        padding-inline:var(--size-4)}
}

.pis-small {
    padding-left: var(--size-4)
}

@supports (padding-inline-start:1em) {
    .pis-small {
        padding-left: initial;
        padding-inline-start:var(--size-4)}
}

.pie-small {
    padding-right: var(--size-4)
}

@supports (padding-inline-end:1em) {
    .pie-small {
        padding-right: initial;
        padding-inline-end:var(--size-4)}
}

.pb-small {
    padding-top: var(--size-1);
    padding-bottom: var(--size-1)
}

@supports (padding-block:1em) {
    .pb-small {
        padding-top: initial;
        padding-bottom: initial;
        padding-block:var(--size-1)}
}

.pbs-small {
    padding-top: var(--size-1)
}

@supports (padding-block-start:1em) {
    .pbs-small {
        padding-top: initial;
        padding-block-start:var(--size-1)}
}

.pbe-small {
    padding-bottom: var(--size-1)
}

@supports (padding-block-end:1em) {
    .pbe-small {
        padding-bottom: initial;
        padding-block-end:var(--size-1)}
}

.p-medium {
    box-sizing: border-box;
    padding: var(--size-4) var(--size-6)
}

.pi-medium {
    padding-left: var(--size-6);
    padding-right: var(--size-6)
}

@supports (padding-inline:1em) {
    .pi-medium {
        padding-right: initial;
        padding-left: initial;
        padding-inline:var(--size-6)}
}

.pis-medium {
    padding-left: var(--size-6)
}

@supports (padding-inline-start:1em) {
    .pis-medium {
        padding-left: initial;
        padding-inline-start:var(--size-6)}
}

.pie-medium {
    padding-right: var(--size-6)
}

@supports (padding-inline-end:1em) {
    .pie-medium {
        padding-right: initial;
        padding-inline-end:var(--size-6)}
}

.pb-medium {
    padding-top: var(--size-4);
    padding-bottom: var(--size-4)
}

@supports (padding-block:1em) {
    .pb-medium {
        padding-top: initial;
        padding-bottom: initial;
        padding-block:var(--size-4)}
}

.pbs-medium {
    padding-top: var(--size-4)
}

@supports (padding-block-start:1em) {
    .pbs-medium {
        padding-top: initial;
        padding-block-start:var(--size-4)}
}

.pbe-medium {
    padding-bottom: var(--size-4)
}

@supports (padding-block-end:1em) {
    .pbe-medium {
        padding-bottom: initial;
        padding-block-end:var(--size-4)}
}

.p-large {
    box-sizing: border-box;
    padding: var(--size-8) var(--size-11)
}

.pi-large {
    padding-left: var(--size-11);
    padding-right: var(--size-11)
}

@supports (padding-inline:1em) {
    .pi-large {
        padding-right: initial;
        padding-left: initial;
        padding-inline:var(--size-11)}
}

.pis-large {
    padding-left: var(--size-11)
}

@supports (padding-inline-start:1em) {
    .pis-large {
        padding-left: initial;
        padding-inline-start:var(--size-11)}
}

.pie-large {
    padding-right: var(--size-11)
}

@supports (padding-inline-end:1em) {
    .pie-large {
        padding-right: initial;
        padding-inline-end:var(--size-11)}
}

.pb-large {
    padding-top: var(--size-8);
    padding-bottom: var(--size-8)
}

@supports (padding-block:1em) {
    .pb-large {
        padding-top: initial;
        padding-bottom: initial;
        padding-block:var(--size-8)}
}

.pbs-large {
    padding-top: var(--size-8)
}

@supports (padding-block-start:1em) {
    .pbs-large {
        padding-top: initial;
        padding-block-start:var(--size-8)}
}

.pbe-large {
    padding-bottom: var(--size-8)
}

@supports (padding-block-end:1em) {
    .pbe-large {
        padding-bottom: initial;
        padding-block-end:var(--size-8)}
}

.pi-wide {
    padding-left: var(--wide-gutter);
    padding-right: var(--wide-gutter)
}

@supports (padding-inline:1em) {
    .pi-wide {
        padding-right: initial;
        padding-left: initial;
        padding-inline:var(--wide-gutter)}
}

.pis-wide {
    padding-left: var(--wide-gutter)
}

@supports (padding-inline-start:1em) {
    .pis-wide {
        padding-left: initial;
        padding-inline-start:var(--wide-gutter)}
}

.pie-wide {
    padding-right: var(--wide-gutter)
}

@supports (padding-inline-end:1em) {
    .pie-wide {
        padding-right: initial;
        padding-inline-end:var(--wide-gutter)}
}

.pi-broad {
    padding-left: calc(var(--wide-gutter) + var(--broad-gutter));
    padding-right: calc(var(--wide-gutter) + var(--broad-gutter))
}

@supports (padding-inline:1em) {
    .pi-broad {
        padding-right: initial;
        padding-left: initial;
        padding-inline:calc(var(--wide-gutter) + var(--broad-gutter))}
}

.pis-broad {
    padding-left: calc(var(--wide-gutter) + var(--broad-gutter))
}

@supports (padding-inline-start:1em) {
    .pis-broad {
        padding-left: initial;
        padding-inline-start:calc(var(--wide-gutter) + var(--broad-gutter))}
}

.pie-broad {
    padding-right: calc(var(--wide-gutter) + var(--broad-gutter))
}

@supports (padding-inline-end:1em) {
    .pie-broad {
        padding-right: initial;
        padding-inline-end:calc(var(--wide-gutter) + var(--broad-gutter))}
}

.pi-tight {
    padding-left: calc(var(--wide-gutter) + var(--broad-gutter) + var(--tight-gutter));
    padding-right: calc(var(--wide-gutter) + var(--broad-gutter) + var(--tight-gutter))
}

@supports (padding-inline:1em) {
    .pi-tight {
        padding-right: initial;
        padding-left: initial;
        padding-inline:calc(var(--wide-gutter) + var(--broad-gutter) + var(--tight-gutter))}
}

.pis-tight {
    padding-left: calc(var(--wide-gutter) + var(--broad-gutter) + var(--tight-gutter))
}

@supports (padding-inline-start:1em) {
    .pis-tight {
        padding-left: initial;
        padding-inline-start:calc(var(--wide-gutter) + var(--broad-gutter) + var(--tight-gutter))}
}

.pie-tight {
    padding-right: calc(var(--wide-gutter) + var(--broad-gutter) + var(--tight-gutter))
}

@supports (padding-inline-end:1em) {
    .pie-tight {
        padding-right: initial;
        padding-inline-end:calc(var(--wide-gutter) + var(--broad-gutter) + var(--tight-gutter))}
}

/* screen */
.full-broad {
    --_row-radius: 0;
    --_row-inline-padding: calc(var(--wide-gutter) + var(--broad-gutter));
}
.full-broad {
   .screen();
}