/* GLOBAL TYPOGRAPHY VARIABLES */

html {
	font-size: 100%;
}

:root {
  --h1-fallback: 2.77rem;
  --h1: clamp(1.82rem, 1.23rem + 2.95vw, 3.73rem);

  --h2-fallback: 2.4rem;
  --h2: clamp(1.70rem, 1.27rem + 2.17vw, 3.11rem);

  --h3-fallback: 2.09rem;
  --h3: clamp(1.59rem, 1.29rem + 1.53vw, 2.59rem);
	
  --h4-fallback: 1.82rem;
  --h4: clamp(1.49rem, 1.29rem + 1.02vw, 2.16rem);
	
  --h5-fallback: 1.55rem;
  --h5: clamp(1.40rem, 1.28rem + 0.61vw, 1.80rem);
	
  --h6-fallback: 1.4rem;
  --h6: clamp(1.31rem, 1.25rem + 0.29vw, 1.50rem);
	
	
  --s-text-fallback: 0.92rem;
  --s-text: clamp(0.79rem, 0.71rem + 0.41vw, 1.05rem);
  
  --m-text-fallback: 1.04rem;
  --m-text: clamp(0.89rem, 0.80rem + 0.46vw, 1.19rem);
  
  --l-text-fallback: 1.16rem;
  --l-text: clamp(1.00rem, 0.90rem + 0.51vw, 1.33rem);
  
  --xl-text-fallback: 1.31rem;
  --xl-text: clamp(1.13rem, 1.01rem + 0.58vw, 1.50rem);

}

/* HEADINGS */

.n-h1 {
	font-size: var(--h1-fallback);
	font-size: var(--h1);
}
.n-h2 {
	font-size: var(--h2-fallback);
	font-size: var(--h2);
}
.n-h3 {
	font-size: var(--h3-fallback);
	font-size: var(--h3);
}
.n-h4 {
	font-size: var(--h4-fallback);
	font-size: var(--h4);
}
.n-h5 {
	font-size: var(--h5-fallback);
	font-size: var(--h5);
}
.n-h6 {
	font-size: var(--h6-fallback);
	font-size: var(--h6);
}

/* TEXT */

.n-text-s {
	font-size: var(--s-text-fallback);
	font-size: var(--s-text);
}
.n-text-m {
	font-size: var(--m-text-fallback);
	font-size: var(--m-text);
}
.n-text-l {
	font-size: var(--l-text-fallback);
	font-size: var(--l-text);
}
.n-text-xl {
	font-size: var(--xl-text-fallback);
	font-size: var(--xl-text);
}










/* GLOBAL SPACING VARIABLES */

:root {
  --xs-space-fallback: min(max(4px, 1vmin), 10px);
  --xs-space: clamp(4px, 1vmin, 10px);
  
  --s-space-fallback: min(max(8px, 2vmin), 20px);
  --s-space: clamp(8px, 2vmin, 20px);
  
  --m-space-fallback: min(max(12px, 3.5vmin), 30px);
  --m-space: clamp(12px,3.5vmin,30px);
  
  --l-space-fallback: min(max(20px, 5vmin), 50px);
  --l-space: clamp(20px, 5vmin, 50px);
  
  --xl-space-fallback: min(max(32px, 7vmin), 80px);
  --xl-space: clamp(32px, 7vmin, 80px);
  
  --xxl-space-fallback: min(max(52px, 12vmin), 130px);
  --xxl-space: clamp(52px, 12vmin, 130px);
}

/* XS SIZE */

.n-owl-xs:not(.ct-section) > * + *,
.ct-section.n-owl-xs .ct-section-inner-wrap > * + * {
  margin-top: var(--xs-space-fallback);
  margin-top: var(--xs-space);
}

.n-padding-xs:not(.ct-section),
.ct-section.n-padding-xs .ct-section-inner-wrap {
  padding: var(--xs-space-fallback);
  padding: var(--xs-space);
}

.n-padding-left-xs:not(.ct-section),
.ct-section.n-padding-left-xs .ct-section-inner-wrap {
  padding-left: var(--xs-space-fallback);
  padding-left: var(--xs-space);
}

.n-padding-right-xs:not(.ct-section),
.ct-section.n-padding-right-xs .ct-section-inner-wrap {
  padding-right: var(--xs-space-fallback);
  padding-right: var(--xs-space);
}

.n-padding-top-xs:not(.ct-section),
.ct-section.n-padding-top-xs .ct-section-inner-wrap {
  padding-top: var(--xs-space-fallback);
  padding-top: var(--xs-space);
}

.n-padding-bottom-xs:not(.ct-section),
.ct-section.n-padding-bottom-xs .ct-section-inner-wrap {
  padding-bottom: var(--xs-space-fallback);
  padding-bottom: var(--xs-space);
}

.n-margin-left-xs:not(.ct-section),
.ct-section.n-margin-left-xs .ct-section-inner-wrap {
  margin-left: var(--xs-space-fallback);
  margin-left: var(--xs-space);
}

.n-margin-right-xs:not(.ct-section),
.ct-section.n-margin-right-xs .ct-section-inner-wrap{
  margin-right: var(--xs-space-fallback);
  margin-right: var(--xs-space);
}

.n-margin-top-xs:not(.ct-section),
.ct-section.n-margin-top-xs .ct-section-inner-wrap {
  margin-top: var(--xs-space-fallback);
  margin-top: var(--xs-space);
}

.n-margin-bottom-xs:not(.ct-section),
.ct-section.n-margin-bottom-xs .ct-section-inner-wrap {
  margin-bottom: var(--xs-space-fallback);
  margin-bottom: var(--xs-space);
}

.n-columns-gap-xs:not(.ct-section),
.ct-section.n-columns-gap-xs .ct-section-inner-wrap {
  grid-gap: var(--xs-space-fallback);
  grid-gap: var(--xs-space);
}

/* S SIZE */

.n-owl-s:not(.ct-section) > * + *,
.ct-section.n-owl-s .ct-section-inner-wrap > * + * {
  margin-top: var(--s-space-fallback);
  margin-top: var(--s-space);
}

.n-padding-s:not(.ct-section),
.ct-section.n-padding-s .ct-section-inner-wrap {
  padding: var(--s-space-fallback);
  padding: var(--s-space);
}

.n-padding-left-s:not(.ct-section),
.ct-section.n-padding-left-s .ct-section-inner-wrap {
  padding-left: var(--s-space-fallback);
  padding-left: var(--s-space);
}

.n-padding-right-s:not(.ct-section),
.ct-section.n-padding-right-s .ct-section-inner-wrap {
  padding-right: var(--s-space-fallback);
  padding-right: var(--s-space);
}

.n-padding-top-s:not(.ct-section),
.ct-section.n-padding-top-s .ct-section-inner-wrap {
  padding-top: var(--s-space-fallback);
  padding-top: var(--s-space);
}

.n-padding-bottom-s:not(.ct-section),
.ct-section.n-padding-bottom-s .ct-section-inner-wrap {
  padding-bottom: var(--s-space-fallback);
  padding-bottom: var(--s-space);
}

.n-margin-left-s:not(.ct-section),
.ct-section.n-margin-left-s .ct-section-inner-wrap {
  margin-left: var(--s-space-fallback);
  margin-left: var(--s-space);
}

.n-margin-right-s:not(.ct-section),
.ct-section.n-margin-right-s .ct-section-inner-wrap {
  margin-right: var(--s-space-fallback);
  margin-right: var(--s-space);
}

.n-margin-top-s:not(.ct-section),
.ct-section.n-margin-top-s .ct-section-inner-wrap {
  margin-top: var(--s-space-fallback);
  margin-top: var(--s-space);
}

.n-margin-bottom-s:not(.ct-section),
.ct-section.n-margin-bottom-s .ct-section-inner-wrap {
  margin-bottom: var(--s-space-fallback);
  margin-bottom: var(--s-space);
}

.n-columns-gap-s:not(.ct-section),
.ct-section.n-columns-gap-s .ct-section-inner-wrap {
  grid-gap: var(--s-space-fallback);
  grid-gap: var(--s-space);
}

/* M SIZE */

.n-owl-m:not(.ct-section) > * + *,
.ct-section.n-owl-m .ct-section-inner-wrap > * + * {
  margin-top: var(--m-space-fallback);
  margin-top: var(--m-space);
}

.n-padding-m:not(.ct-section),
.ct-section.n-padding-m .ct-section-inner-wrap {
  padding: var(--m-space-fallback);
  padding: var(--m-space);
}

.n-padding-left-m:not(.ct-section),
.ct-section.n-padding-left-m .ct-section-inner-wrap {
  padding-left: var(--m-space-fallback);
  padding-left: var(--m-space);
}

.n-padding-right-m:not(.ct-section),
.ct-section.n-padding-right-m .ct-section-inner-wrap {
  padding-right: var(--m-space-fallback);
  padding-right: var(--m-space);
}

.n-padding-top-m:not(.ct-section),
.ct-section.n-padding-top-m .ct-section-inner-wrap {
  padding-top: var(--m-space-fallback);
  padding-top: var(--m-space);
}

.n-padding-bottom-m:not(.ct-section),
.ct-section.n-padding-bottom-m .ct-section-inner-wrap {
  padding-bottom: var(--m-space-fallback);
  padding-bottom: var(--m-space);
}

.n-margin-left-m:not(.ct-section),
.ct-section.n-margin-left-m .ct-section-inner-wrap {
  margin-left: var(--m-space-fallback);
  margin-left: var(--m-space);
}

.n-margin-right-m:not(.ct-section),
.ct-section.n-margin-right-m .ct-section-inner-wrap {
  margin-right: var(--m-space-fallback);
  margin-right: var(--m-space);
}

.n-margin-top-m:not(.ct-section),
.ct-section.n-margin-top-m .ct-section-inner-wrap {
  margin-top: var(--m-space-fallback);
  margin-top: var(--m-space);
}

.n-margin-bottom-m:not(.ct-section),
.ct-section.n-margin-bottom-m .ct-section-inner-wrap {
  margin-bottom: var(--m-space-fallback);
  margin-bottom: var(--m-space);
}

.n-columns-gap-m:not(.ct-section),
.ct-section.n-columns-gap-m .ct-section-inner-wrap {
  grid-gap: var(--m-space-fallback);
  grid-gap: var(--m-space);
}

/* L SIZE */

.n-owl-l:not(.ct-section) > * + *,
.ct-section.n-owl-l .ct-section-inner-wrap > * + * {
  margin-top: var(--l-space-fallback);
  margin-top: var(--l-space);
}

.n-padding-l:not(.ct-section),
.ct-section.n-padding-l .ct-section-inner-wrap {
  padding: var(--l-space-fallback);
  padding: var(--l-space);
}

.n-padding-left-l:not(.ct-section),
.ct-section.n-padding-left-l .ct-section-inner-wrap {
  padding-left: var(--l-space-fallback);
  padding-left: var(--l-space);
}

.n-padding-right-l:not(.ct-section),
.ct-section.n-padding-right-l .ct-section-inner-wrap {
  padding-right: var(--l-space-fallback);
  padding-right: var(--l-space);
}

.n-padding-top-l:not(.ct-section),
.ct-section.n-padding-top-l .ct-section-inner-wrap {
  padding-top: var(--l-space-fallback);
  padding-top: var(--l-space);
}

.n-padding-bottom-l:not(.ct-section),
.ct-section.n-padding-bottom-l .ct-section-inner-wrap {
  padding-bottom: var(--l-space-fallback);
  padding-bottom: var(--l-space);
}

.n-margin-left-l:not(.ct-section),
.ct-section.n-margin-left-l .ct-section-inner-wrap {
  margin-left: var(--l-space-fallback);
  margin-left: var(--l-space);
}

.n-margin-right-l:not(.ct-section),
.ct-section.n-margin-right-l .ct-section-inner-wrap {
  margin-right: var(--l-space-fallback);
  margin-right: var(--l-space);
}

.n-margin-top-l:not(.ct-section),
.ct-section.n-margin-top-l .ct-section-inner-wrap {
  margin-top: var(--l-space-fallback);
  margin-top: var(--l-space);
}

.n-margin-bottom-l:not(.ct-section),
.ct-section.n-margin-bottom-l .ct-section-inner-wrap {
  margin-bottom: var(--l-space-fallback);
  margin-bottom: var(--l-space);
}

.n-columns-gap-l:not(.ct-section),
.ct-section.n-columns-gap-l .ct-section-inner-wrap {
  grid-gap: var(--l-space-fallback);
  grid-gap: var(--l-space);
}

/* XL SIZE */

.n-owl-xl:not(.ct-section) > * + *,
.ct-section.n-owl-xl .ct-section-inner-wrap > * + * {
  margin-top: var(--xl-space-fallback);
  margin-top: var(--xl-space);
}

.n-padding-xl:not(.ct-section),
.ct-section.n-padding-xl .ct-section-inner-wrap {
  padding: var(--xl-space-fallback);
  padding: var(--xl-space);
}

.n-padding-left-xl:not(.ct-section),
.ct-section.n-padding-left-xl .ct-section-inner-wrap {
  padding-left: var(--xl-space-fallback);
  padding-left: var(--xl-space);
}

.n-padding-right-xl:not(.ct-section),
.ct-section.n-padding-right-xl .ct-section-inner-wrap {
  padding-right: var(--xl-space-fallback);
  padding-right: var(--xl-space);
}

.n-padding-top-xl:not(.ct-section),
.ct-section.n-padding-top-xl .ct-section-inner-wrap {
  padding-top: var(--xl-space-fallback);
  padding-top: var(--xl-space);
}

.n-padding-bottom-xl:not(.ct-section),
.ct-section.n-padding-bottom-xl .ct-section-inner-wrap {
  padding-bottom: var(--xl-space-fallback);
  padding-bottom: var(--xl-space);
}

.n-margin-left-xl:not(.ct-section),
.ct-section.n-margin-left-xl .ct-section-inner-wrap {
  margin-left: var(--xl-space-fallback);
  margin-left: var(--xl-space);
}

.n-margin-right-xl:not(.ct-section),
.ct-section.n-margin-right-xl .ct-section-inner-wrap {
  margin-right: var(--xl-space-fallback);
  margin-right: var(--xl-space);
}

.n-margin-top-xl:not(.ct-section),
.ct-section.n-margin-top-xl .ct-section-inner-wrap {
  margin-top: var(--xl-space-fallback);
  margin-top: var(--xl-space);
}

.n-margin-bottom-xl:not(.ct-section),
.ct-section.n-margin-bottom-xl .ct-section-inner-wrap {
  margin-bottom: var(--xl-space-fallback);
  margin-bottom: var(--xl-space);
}

.n-columns-gap-xl:not(.ct-section),
.ct-section.n-columns-gap-xl .ct-section-inner-wrap {
  grid-gap: var(--xl-space-fallback);
  grid-gap: var(--xl-space);
}

/* XXL SIZE */

.n-owl-xxl:not(.ct-section) > * + *,
.ct-section.n-owl-xxl .ct-section-inner-wrap > * + * {
  margin-top: var(--xxl-space-fallback);
  margin-top: var(--xxl-space);
}

.n-padding-xxl:not(.ct-section),
.ct-section.n-padding-xxl .ct-section-inner-wrap {
  padding: var(--xxl-space-fallback);
  padding: var(--xxl-space);
}

.n-padding-left-xxl:not(.ct-section),
.ct-section.n-padding-left-xxl .ct-section-inner-wrap {
  padding-left: var(--xxl-space-fallback);
  padding-left: var(--xxl-space);
}

.n-padding-right-xxl:not(.ct-section),
.ct-section.n-padding-right-xxl .ct-section-inner-wrap {
  padding-right: var(--xxl-space-fallback);
  padding-right: var(--xxl-space);
}

.n-padding-top-xxl:not(.ct-section),
.ct-section.n-padding-top-xxl .ct-section-inner-wrap {
  padding-top: var(--xxl-space-fallback);
  padding-top: var(--xxl-space);
}

.n-padding-bottom-xxl:not(.ct-section),
.ct-section.n-padding-bottom-xxl .ct-section-inner-wrap {
  padding-bottom: var(--xxl-space-fallback);
  padding-bottom: var(--xxl-space);
}

.n-margin-left-xxl:not(.ct-section),
.ct-section.n-margin-left-xxl .ct-section-inner-wrap {
  margin-left: var(--xxl-space-fallback);
  margin-left: var(--xxl-space);
}

.n-margin-right-xxl:not(.ct-section),
.ct-section.n-margin-right-xxl .ct-section-inner-wrap {
  margin-right: var(--xxl-space-fallback);
  margin-right: var(--xxl-space);
}

.n-margin-top-xxl:not(.ct-section),
.ct-section.n-margin-top-xxl .ct-section-inner-wrap {
  margin-top: var(--xxl-space-fallback);
  margin-top: var(--xxl-space);
}

.n-margin-bottom-xxl:not(.ct-section),
.ct-section.n-margin-bottom-xxl .ct-section-inner-wrap {
  margin-bottom: var(--xxl-space-fallback);
  margin-bottom: var(--xxl-space);
}

.n-columns-gap-xxl:not(.ct-section),
.ct-section.n-columns-gap-xxl .ct-section-inner-wrap {
  grid-gap: var(--xxl-space-fallback);
  grid-gap: var(--xxl-space);
}



















/* COLUMNS - DESKTOP */
/* ----------------- */

.n-columns-2-auto {
  display: grid!important;
  grid-template-columns: auto auto;
  width: 100%;
}
.n-columns-6 {
  display: grid!important;
  grid-template-columns: repeat(6, 1fr); 
  width: 100%;
}
.n-columns-5 {
  display: grid!important;
  grid-template-columns: repeat(5, 1fr); 
  width: 100%;
}
.n-columns-4 {
  display: grid!important;
  grid-template-columns: repeat(4, 1fr); 
  width: 100%;
}
.n-columns-3 {
  display: grid!important;
  grid-template-columns: repeat(3, 1fr);
  width: 100%; 
}
.n-columns-2 {
  display: grid!important;
  grid-template-columns: repeat(2, 1fr); 
  width: 100%;
}
.n-columns-3-2 {
  display: grid!important;
  grid-template-columns: 3fr 2fr; 
  width: 100%;
}
.n-columns-2-3 {
  display: grid!important;
  grid-template-columns: 2fr 3fr; 
  width: 100%;
}
.n-columns-1-2 {
  display: grid!important;
  grid-template-columns: 1fr 2fr; 
  width: 100%;
}
.n-columns-2-1 {
  display: grid!important;
  grid-template-columns: 2fr 1fr; 
  width: 100%;
}
.n-columns-3-1 {
  display: grid!important;
  grid-template-columns: 3fr 1fr; 
  width: 100%;
}
.n-columns-1-3 {
  display: grid!important;
  grid-template-columns: 1fr 3fr; 
  width: 100%;
}

/* ROW SPANS - DESKTOP - INCREASE CELL SIZE */

.n-row-span-2 {
  grid-row: span 2 / span 2;
}
.n-row-span-3 {
  grid-row: span 3 / span 3;
}
.n-row-span-4 {
  grid-row: span 4 / span 4;
}
.n-row-span-5 {
  grid-row: span 5 / span 5;
}
.n-row-span-6 {
  grid-row: span 6 / span 6;
}

/* COLUMN SPANS - DESKTOP - INCREASE CELL SIZE */

.n-col-span-1 {
  grid-column: span 1 / span 1;
}
.n-col-span-2 {
  grid-column: span 2 / span 2;
}
.n-col-span-3 {
  grid-column: span 3 / span 3;
}
.n-col-span-4 {
  grid-column: span 4 / span 4;
}
.n-col-span-5 {
  grid-column: span 5 / span 5;
}
.n-col-span-6 {
  grid-column: span 6 / span 6;
}

/* ROW START - DESKTOP - POSITION OF THE ROW */

.n-row-start-1 {
  grid-row-start: 1;
}
.n-row-start-2 {
  grid-row-start: 2;
}
.n-row-start-3 {
  grid-row-start: 3;
}
.n-row-start-4 {
  grid-row-start: 4;
}
.n-row-start-5 {
  grid-row-start: 5;
}
.n-row-start-6 {
  grid-row-start: 6;
}

/* COLUMN START - DESKTOP - POSITION OF THE COLUMN */

.n-col-start-1 {
  grid-column-start: 1;
}
.n-col-start-2 {
  grid-column-start: 2;
}
.n-col-start-3 {
  grid-column-start: 3;
}
.n-col-start-4 {
  grid-column-start: 4;
}
.n-col-start-5 {
  grid-column-start: 5;
}
.n-col-start-6 {
  grid-column-start: 6;
}


/* COLUMNS - LAPTOP */
/* ---------------- */

@media only screen and (max-width: 1399px) {
  .n-columns-xl-5 {
    grid-template-columns: repeat(5, 1fr); 
  }
  .n-columns-xl-4 {
    grid-template-columns: repeat(4, 1fr); 
  }
  .n-columns-xl-3 {
    grid-template-columns: repeat(3, 1fr); 
  }
  .n-columns-xl-2 {
    grid-template-columns: repeat(2, 1fr); 
  }
  .n-columns-xl-1 {
    grid-template-columns: 1fr;
  }

  /* ROW SPANS - LAPTOP */

  .n-row-span-xl-1 {
    grid-row: span 1 / span 1;
  }
  .n-row-span-xl-2 {
    grid-row: span 2 / span 2;
  }
  .n-row-span-xl-3 {
    grid-row: span 3 / span 3;
  }
  .n-row-span-xl-4 {
    grid-row: span 4 / span 4;
  }
  .n-row-span-xl-5 {
    grid-row: span 5 / span 5;
  }
  .n-row-span-xl-6 {
    grid-row: span 6 / span 6;
  }

  /* COLUMN SPANS - LAPTOP */

  .n-col-span-xl-1 {
    grid-column: span 1 / span 1;
  }
  .n-col-span-xl-2 {
    grid-column: span 2 / span 2;
  }
  .n-col-span-xl-3 {
    grid-column: span 3 / span 3;
  }
  .n-col-span-xl-4 {
    grid-column: span 4 / span 4;
  }
  .n-col-span-xl-5 {
    grid-column: span 5 / span 5;
  }
  .n-col-span-xl-6 {
    grid-column: span 6 / span 6;
  }

  /* ROW START - LAPTOP */

  .n-row-start-xl-1 {
    grid-row-start: 1;
  }
  .n-row-start-xl-2 {
    grid-row-start: 2;
  }
  .n-row-start-xl-3 {
    grid-row-start: 3;
  }
  .n-row-start-xl-4 {
    grid-row-start: 4;
  }
  .n-row-start-xl-5 {
    grid-row-start: 5;
  }
  .n-row-start-xl-6 {
    grid-row-start: 6;
  }

  /* COLUMN START - LAPTOP */

  .n-col-start-xl-1 {
    grid-column-start: 1;
  }
  .n-col-start-xl-2 {
    grid-column-start: 2;
  }
  .n-col-start-xl-3 {
    grid-column-start: 3;
  }
  .n-col-start-xl-4 {
    grid-column-start: 4;
  }
  .n-col-start-xl-5 {
    grid-column-start: 5;
  }
  .n-col-start-xl-6 {
    grid-column-start: 6;
  }

}

/* COLUMNS - TABLET */
/* ---------------- */

@media only screen and (max-width: 991px) {
  .n-columns-l-4 {
    grid-template-columns: repeat(4, 1fr); 
  }
  .n-columns-l-3 {
    grid-template-columns: repeat(3, 1fr); 
  }
  .n-columns-l-2 {
    grid-template-columns: repeat(2, 1fr); 
  }
  .n-columns-l-1 {
    grid-template-columns: 1fr;
  }

  /* ROW SPANS - TABLET */

  .n-row-span-l-1 {
    grid-row: span 1 / span 1;
  }
  .n-row-span-l-2 {
    grid-row: span 2 / span 2;
  }
  .n-row-span-l-3 {
    grid-row: span 3 / span 3;
  }
  .n-row-span-l-4 {
    grid-row: span 4 / span 4;
  }
  .n-row-span-l-5 {
    grid-row: span 5 / span 5;
  }
  .n-row-span-l-6 {
    grid-row: span 6 / span 6;
  }

  /* COLUMN SPANS - TABLET */

  .n-col-span-l-1 {
    grid-column: span 1 / span 1;
  }
  .n-col-span-l-2 {
    grid-column: span 2 / span 2;
  }
  .n-col-span-l-3 {
    grid-column: span 3 / span 3;
  }
  .n-col-span-l-4 {
    grid-column: span 4 / span 4;
  }
  .n-col-span-l-5 {
    grid-column: span 5 / span 5;
  }
  .n-col-span-l-6 {
    grid-column: span 6 / span 6;
  }

  /* ROW START - LAPTOP */

  .n-row-start-l-1 {
    grid-row-start: 1;
  }
  .n-row-start-l-2 {
    grid-row-start: 2;
  }
  .n-row-start-l-3 {
    grid-row-start: 3;
  }
  .n-row-start-l-4 {
    grid-row-start: 4;
  }
  .n-row-start-l-5 {
    grid-row-start: 5;
  }
  .n-row-start-l-6 {
    grid-row-start: 6;
  }

  /* COLUMN START - LAPTOP */

  .n-col-start-l-1 {
    grid-column-start: 1;
  }
  .n-col-start-l-2 {
    grid-column-start: 2;
  }
  .n-col-start-l-3 {
    grid-column-start: 3;
  }
  .n-col-start-l-4 {
    grid-column-start: 4;
  }
  .n-col-start-l-5 {
    grid-column-start: 5;
  }
  .n-col-start-l-6 {
    grid-column-start: 6;
  }

}

/* COLUMNS - MOBILE LANDSCAPE */
/* -------------------------- */

@media only screen and (max-width: 767px) {
  .n-columns-m-3 {
    grid-template-columns: repeat(3, 1fr); 
  }
  .n-columns-m-2 {
    grid-template-columns: repeat(2, 1fr); 
  }
  .n-columns-m-1 {
    grid-template-columns: 1fr;
  }

  /* ROW SPANS - MOBILE LANDSCAPE */

  .n-row-span-m-1 {
    grid-row: span 1 / span 1;
  }
  .n-row-span-m-2 {
    grid-row: span 2 / span 2;
  }
  .n-row-span-m-3 {
    grid-row: span 3 / span 3;
  }
  .n-row-span-m-4 {
    grid-row: span 4 / span 4;
  }
  .n-row-span-m-5 {
    grid-row: span 5 / span 5;
  }
  .n-row-span-m-6 {
    grid-row: span 6 / span 6;
  }

  /* COLUMN SPANS - MOBILE LANDSCAPE */

  .n-col-span-m-1 {
    grid-column: span 1 / span 1;
  }
  .n-col-span-m-2 {
    grid-column: span 2 / span 2;
  }
  .n-col-span-m-3 {
    grid-column: span 3 / span 3;
  }
  .n-col-span-m-4 {
    grid-column: span 4 / span 4;
  }
  .n-col-span-m-5 {
    grid-column: span 5 / span 5;
  }
  .n-col-span-m-6 {
    grid-column: span 6 / span 6;
  }

  /* ROW START - MOBILE LANDSCAPE */

  .n-row-start-m-1 {
    grid-row-start: 1;
  }
  .n-row-start-m-2 {
    grid-row-start: 2;
  }
  .n-row-start-m-3 {
    grid-row-start: 3;
  }
  .n-row-start-m-4 {
    grid-row-start: 4;
  }
  .n-row-start-m-5 {
    grid-row-start: 5;
  }
  .n-row-start-m-6 {
    grid-row-start: 6;
  }

  /* COLUMN START - MOBILE LANDSCAPE */

  .n-col-start-m-1 {
    grid-column-start: 1;
  }
  .n-col-start-m-2 {
    grid-column-start: 2;
  }
  .n-col-start-m-3 {
    grid-column-start: 3;
  }
  .n-col-start-m-4 {
    grid-column-start: 4;
  }
  .n-col-start-m-5 {
    grid-column-start: 5;
  }
  .n-col-start-m-6 {
    grid-column-start: 6;
  }

}

/* COLUMNS - MOBILE */
/* ---------------- */

@media only screen and (max-width: 479px) {
  .n-columns-s-2 {
    grid-template-columns: repeat(2, 1fr); 
  }
  .n-columns-s-1 {
    grid-template-columns: 1fr;
  }

  /* ROW SPANS - MOBILE */

  .n-row-span-s-1 {
    grid-row: span 1 / span 1;
  }
  .n-row-span-s-2 {
    grid-row: span 2 / span 2;
  }
  .n-row-span-s-3 {
    grid-row: span 3 / span 3;
  }
  .n-row-span-s-4 {
    grid-row: span 4 / span 4;
  }
  .n-row-span-s-5 {
    grid-row: span 5 / span 5;
  }
  .n-row-span-s-6 {
    grid-row: span 6 / span 6;
  }

  /* COLUMN SPANS - MOBILE */

  .n-col-span-s-1 {
    grid-column: span 1 / span 1;
  }
  .n-col-span-s-2 {
    grid-column: span 2 / span 2;
  }
  .n-col-span-s-3 {
    grid-column: span 3 / span 3;
  }
  .n-col-span-s-4 {
    grid-column: span 4 / span 4;
  }
  .n-col-span-s-5 {
    grid-column: span 5 / span 5;
  }
  .n-col-span-s-6 {
    grid-column: span 6 / span 6;
  }

  /* ROW START - MOBILE */

  .n-row-start-s-1 {
    grid-row-start: 1;
  }
  .n-row-start-s-2 {
    grid-row-start: 2;
  }
  .n-row-start-s-3 {
    grid-row-start: 3;
  }
  .n-row-start-s-4 {
    grid-row-start: 4;
  }
  .n-row-start-s-5 {
    grid-row-start: 5;
  }
  .n-row-start-s-6 {
    grid-row-start: 6;
  }

  /* COLUMN START - MOBILE */

  .n-col-start-s-1 {
    grid-column-start: 1;
  }
  .n-col-start-s-2 {
    grid-column-start: 2;
  }
  .n-col-start-s-3 {
    grid-column-start: 3;
  }
  .n-col-start-s-4 {
    grid-column-start: 4;
  }
  .n-col-start-s-5 {
    grid-column-start: 5;
  }
  .n-col-start-s-6 {
    grid-column-start: 6;
  }

}


/* OTHER */
/* ---------------- */

/* CSS GRID - GALLERIES AND LAYOUTS */
.n-gallery {align-items: stretch;}
.n-gallery img {object-fit:cover;}


/* GRID 1 */

.n-grid-1 {
  display: grid!important;
  width:100%;
  grid-template-columns: repeat(3, 1fr); 
  grid-template-rows: repeat(2, 1fr);
}

.n-grid-1 *:nth-child(1) { grid-area: 1 / 1 / span 2 / span 2; }
.n-grid-1 *:nth-child(2) { grid-area: 1 / 3; }
.n-grid-1 *:nth-child(3) { grid-area: 2 / 3; }

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

  .n-grid-1 {
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 1.5fr 1fr;
  }

  .n-grid-1 *:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
  .n-grid-1 *:nth-child(2) { grid-area: 2 / 1; }
  .n-grid-1 *:nth-child(3) { grid-area: 2 / 2; }

}


/* GRID 2 */

.n-grid-2 {
  display: grid!important;
  width:100%;
  grid-template-columns: repeat(5, 1fr); 
  grid-template-rows: repeat(2, 1fr);
}

.n-grid-2 *:nth-child(1) { grid-area: 1 / 1 / 2 / 4; }
.n-grid-2 *:nth-child(2) { grid-area: 1 / 4 / 2 / 6; }
.n-grid-2 *:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }
.n-grid-2 *:nth-child(4) { grid-area: 2 / 3 / 3 / 6; }