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


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

 .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 !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 {
   display: grid;
    place-items: center start;
    align-content: center;
    text-align: start;
}

.grid-content-center-right {
    display: grid;
    place-items: center end;
    align-content: center;
    text-align: end;
}

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

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

.text-center {
 text-align:center;

}

/* flex alignement */

.justify-center {
   justify-content:center;
}


.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-image {
  height: 100%;
}

.blk-txt {
 
  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;
}

/* padding */
 .pb-tiny {
        padding-top: initial;
        padding-bottom: initial;
        padding-block: var(--size-00);
    }
    .pbs-tiny {
        padding-top: initial;
        padding-bottom: initial;
        padding-block-start: var(--size-00);
    }
    .pbe-tiny {
        padding-top: initial;
        padding-bottom: initial;
        padding-block-end: var(--size-00);
    }
 .pb-small {
        padding-top: initial;
        padding-bottom: initial;
        padding-block: var(--size-1);
    }
    .pbs-small {
        padding-top: initial;
        padding-bottom: initial;
        padding-block-start: var(--size-1);
    }
    .pbe-small {
        padding-top: initial;
        padding-bottom: initial;
        padding-block-end: var(--size-1);
    }
 .pb-medium {
        padding-top: initial;
        padding-bottom: initial;
        padding-block: var(--size-4);
    }
    .pbs-medium {
        padding-top: initial;
        padding-bottom: initial;
        padding-block-start: var(--size-4);
    }
    .pbe-medium {
        padding-top: initial;
        padding-bottom: initial;
        padding-block-end: var(--size-4);
    }

    .pb-large {
        padding-top: initial;
        padding-bottom: initial;
        padding-block: var(--size-8);
    }
    .pbs-large {
        padding-top: initial;
        padding-bottom: initial;
        padding-block-start: var(--size-8);
    }
    .pbe-large {
        padding-top: initial;
        padding-bottom: initial;
        padding-block-end: var(--size-8);
    }


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


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

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

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

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

/*  margin-block-start: 1em;*/
  margin-block-end: 7em;
    @media (max-width: 480px) {
        margin-block-end: 3em;
        
  }
    @media (max-width: 768px) {
        margin-block-end: 3em;
   }
    
}

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

/* flex alignement */

.justify-center {
   justify-content:center;
}


.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-image {
  height: 100%;
}

.blk-txt {
 
  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;
}

.mb-none {
 margin-block:0;
}

.mbs-none {
   margin-block-start:0;
}

.mbe-none {
   margin-block-end:0;
}

/* padding */
 .pb-tiny {
        padding-top: initial;
        padding-bottom: initial;
        padding-block: var(--size-00);
    }
    .pbs-tiny {
        padding-top: initial;
        padding-bottom: initial;
        padding-block-start: var(--size-00);
    }
    .pbe-tiny {
        padding-top: initial;
        padding-bottom: initial;
        padding-block-end: var(--size-00);
    }
 .pb-small {
        padding-top: initial;
        padding-bottom: initial;
        padding-block: var(--size-1);
    }
    .pbs-small {
        padding-top: initial;
        padding-bottom: initial;
        padding-block-start: var(--size-1);
    }
    .pbe-small {
        padding-top: initial;
        padding-bottom: initial;
        padding-block-end: var(--size-1);
    }
 .pb-medium {
        padding-top: initial;
        padding-bottom: initial;
        padding-block: var(--size-4);
    }
    .pbs-medium {
        padding-top: initial;
        padding-bottom: initial;
        padding-block-start: var(--size-4);
    }
    .pbe-medium {
        padding-top: initial;
        padding-bottom: initial;
        padding-block-end: var(--size-4);
    }

    .pb-large {
        padding-top: initial;
        padding-bottom: initial;
        padding-block: var(--size-8);
    }
    .pbs-large {
        padding-top: initial;
        padding-bottom: initial;
        padding-block-start: var(--size-8);
    }
    .pbe-large {
        padding-top: initial;
        padding-bottom: initial;
        padding-block-end: var(--size-8);
    }

/*col start */
.col-start-1 {
    grid-column-start: 1;
}
.col-start-2{
    grid-column-start: 2;
}
.col-start-3 {
    grid-column-start: 3;
}
.col-start-4 {
    grid-column-start: 4;
}
.col-start-5 {
    grid-column-start: 5;
}
.col-start-6 {
    grid-column-start: 6;
}
.col-start-7 {
    grid-column-start: 7;
}
.col-start-8 {
    grid-column-start: 8;
}
.col-start-9 {
    grid-column-start: 9;
}
.col-start-10 {
    grid-column-start: 10;
}
.col-start-11 {
    grid-column-start: 11;
}

/*col-span*/

.col-span-1 {
    grid-column-end:  span 1;
}
.col-span-2{
     grid-column-end:  span 2;
}
.col-span-3 {
     grid-column-end:  span 3;
}
.col-span-4 {
     grid-column-end:  span 4;
}
.col-span-5 {
     grid-column-end:  span 5;
}
.col-span-6 {
     grid-column-end:  span 6;
}
.col-span-7 {
     grid-column-end:  span 7;
}
.col-span-8 {
     grid-column-end:  span 8;
}
.col-span-9 {
     grid-column-end:  span 9;
}
.col-span-10 {
     grid-column-end:  span 10;
}
.col-span-11 {
     grid-column-end:  span 11;
}

.col-span-11 {
     grid-column-end:  span 12;
}

/*row start */

.row-start-1 {
    grid-row-start: 1;
}
.row-start-2{
    grid-row-start: 2;
}
.row-start-3 {
    grid-row-start: 3;
}
.row-start-4 {
    grid-row-start: 4;
}
.row-start-5 {
    grid-row-start: 5;
}
.row-start-6 {
    grid-row-start: 6;
}
.row-start-7 {
    grid-row-start: 7;
}
.row-start-8 {
    grid-row-start: 8;
}
.row-start-9 {
    grid-row-start: 9;
}
.row-start-10 {
    grid-row-start: 10;
}
.row-start-11 {
    grid-row-start: 11;
}

.row-span-1 {
    grid-row-end:  span 1;
}
.row-span-2{
     grid-row-end:  span 2;
}
.row-span-3 {
     grid-row-end:  span 3;
}
.row-span-4 {
     grid-row-end:  span 4;
}
.row-span-5 {
     grid-row-end:  span 5;
}
.row-span-6 {
     grid-row-end:  span 6;
}
.row-span-7 {
     grid-row-end:  span 7;
}
.row-span-8 {
     grid-row-end:  span 8;
}
.row-span-9 {
     grid-row-end:  span 9;
}
.row-span-10 {
     grid-row-end:  span 10;
}
.row-span-11 {
     grid-row-end:  span 11;
}

.row-span-11 {
     grid-row-end:  span 12;
}