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


.square {
    aspect-ratio: 1 !important;
    object-fit: cover;
}

 .square img {
   aspect-ratio: 1 !important;
} 

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

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

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

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

/* Row styling */
.row {
      overflow: unset;

/*  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;
align-items: anchor-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;
}

.wide-to-screen {
    padding: 0em var(--screen) 0em var(--wide) !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-image {
  height: 100%;
}

.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;
}

.mbs-large {
    margin-block-start: 3em;
}


.txt-color-1 {
color: var(--accent-text-1) !important;
}

.bg-surface1 {
    background-color: var(--surface1);
    padding:2em !important;
}

.zi-1 {
    position: relative;
    z-index: 1;
}