/* **********************************************************
 * SECTION COLUMN STYLES
 * ******************************************************** */
 

/* *****************************
 * HERO
 * *************************** */
.hero {
	padding: 25rem 0 2rem 0 !important;
	min-height: 75vh !important;
}
.hero-page {
	padding: 12rem 0 5rem 0 !important;
	min-height: 75vh !important;
}
@media (max-width: 1024px) {
	.hero {
		padding: 15rem 0 2rem 0 !important;
		min-height: 65vh !important;
	}
	.hero .e-con-inner > .elementor-element:nth-child(2):not(:has(*)) {
	  display: none;
	}
}
@media (max-width: 767px) {
    .hero .e-con-inner,
	.hero .jet-headline,
	.hero .jet-headline__part,
	.hero .jet-headline__label {
        display: flex;
        align-content: center;
        align-items: center;
		align-self: center !important;		
        flex-direction: column!important;
        text-align: center!important;
    }
    .hero .e-con-inner .elementor-element,
	.hero .elementor-heading-title {
        width: 100% !important;
        text-align: center !important;
    }

}


/* *****************************
 * BG OVERLAY
 * *************************** */
/* Hero Overlay White */
.hero .bg-wrapper .overlay:before {
  background-image: linear-gradient(180deg, #FFFFFF 0%, #FFF 100%) !important;
  opacity: .75;  
}

/* Hero Overlay White to Black */
.hero .bg-wrapper .overlay-white-black:before {
  background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF80 30%, #00000080 70%,  #000 100%) !important;
  opacity: .75;  
}
.bg-wrapper .overlay-white-black:before {
  background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF80 30%, #00000080 70%,  #000 100%) !important;
  opacity: .75;  
}

/* Hero Overlay White to Cream */
.hero .bg-wrapper .overlay-light:before {
  background-image: linear-gradient(180deg, #FFFFFF 0%, #eae0d5 100%) !important;
  opacity: .85;  
}
.bg-wrapper .overlay-light:before {
  background-image: linear-gradient(180deg, #FFFFFF 0%, #eae0d5 100%) !important;
  opacity: .85;  
}

/* Overlay White 25% */
.bg-wrapper .overlay:before {
  background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%) !important;
  opacity: .25;  
}

/* Overlay White 75% */
.bg-wrapper .overlay-75:before {
  background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%) !important;
  opacity: .75;  
}

/* Overlay White 85% */
.bg-wrapper .overlay-white-85:before {
  background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%) !important;
  opacity: .85;  
}




/* *****************************
 * SECTION MULTIPLY OVERLAY
 * *************************** */
.bg-overlay-multiply:before {
	mix-blend-mode: multiply !important;
}


/* *****************************
 * BACKGROUND IMAGE USING IMAGE ELEMENT INSTEAD OF CONTAINER BG SETTINGS
 * BG SOURCESET FOR Elementor Image Widget, Widget Container, Image
 * *************************** */
.srcset-bg,
.srcset-bg .elementor-widget-container {
    height: 100% !important;
    width: 100% !important;
    position: absolute;
    top: 0px;
    left: 0px;
	overflow: hidden !important;
}
.srcset-bg img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover; 
    object-position: center center;
}

/* OPTIONAL Fixed / Parallax Background Image */
.bg-fixed .srcset-bg,
.bg-fixed .srcset-bg .elementor-widget-container,
.hero .srcset-bg,
.hero .srcset-bg .elementor-widget-container {
	clip-path: inset(0);
}
.bg-fixed .srcset-bg img,
.hero .srcset-bg img {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	will-change: transform;
}
/* END OPTIONAL Fixed / Parallax Background Image */

/* *****************************
 * BG OVERLAY - FLICKER FIX
 * Promotes overlay pseudo-element to its own compositor layer so it doesn't drop out during scroll repaints
 * *************************** */
.bg-wrapper .overlay:before,
.bg-wrapper .overlay-75:before,
.bg-wrapper .overlay-85:before,
.bg-wrapper .overlay-white-85:before,
.bg-wrapper .overlay-light:before,
.bg-wrapper .overlay-white-black:before,
.hero .bg-wrapper .overlay:before,
.hero .bg-wrapper .overlay-white-black:before,
.hero .bg-wrapper .overlay-light:before {
    will-change: opacity;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* *****************************
 * FIXED BG IMAGE - DISABLE ON MOBILE / iOS
 * *************************** */
@media (max-width: 767px) {
    .bg-fixed .srcset-bg img,
    .hero .srcset-bg img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        z-index: -1;
        will-change: auto;
    }
    .bg-fixed .srcset-bg,
    .bg-fixed .srcset-bg .elementor-widget-container,
    .hero .srcset-bg,
    .hero .srcset-bg .elementor-widget-container {
        clip-path: none !important;
    }
}


/* *****************************
 * SEARCH BAR ROW - like on Blog, Blog Category, Shop
 * *************************** */
.search-col, 
.search-col .site-search,
.search-col .jet-search, 
.search-col .jet-ajax-search,
.search-col .jet-ajax-search__form,
.view-all-col,
.btn-archive-view-all a {
    height: 100% !important;
    width: 100%;	
}
.btn-archive-view-all .elementor-button-wrapper,
.btn-archive-view-all .ha-creative-btn-wrap {
	display: flex;
    width: 100%;
}


/* *****************************
 * ELEMENTOR VIDEO BACKGROUND
 * *************************** */
.elementor-background-video-container {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    z-index: 0;
}
.elementor-background-video-hosted {
    position: absolute !important;
    top: 50%;
    left: 50%;
    width: 100vw !important;  /* Full viewport width for extra coverage */
    height: auto !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    transform: translate(-50%, -50%);
    max-width: none !important;  /* Overrides any max limits */
}


/* *****************************
 * PARALLAX SECTION BACKGROUND
 * *************************** */
.section-bg-parallax {
	/* Adjust the Effect */
    transform: translateZ(-1px) scale(1.15); 
    background-position: center !important;
    position: absolute;
}


/* *****************************
 * FIXED BACKGROUND - OVERRIDE SO ALSO FIXED ON MOBILE
 * Add the class bg-fixed to the section - adjust as needed
 * *************************** */
.bg-fixed,
.bg-fixed .elementor-background-overlay,
.bg-fixed:before {
    background-attachment: fixed !important;
    transform: translateZ(1);
}
.ios .bg-fixed,
.ios .bg-fixed .elementor-background-overlay,
.ios .bg-fixed:before {
    background-attachment: scroll !important;
    transform: translateZ(0); /* This can help with rendering */
}
html:not(.ios) .bg-fixed,
html:not(.ios) .bg-fixed .elementor-background-overlay,
html:not(.ios) .bg-fixed:before {
    background-attachment: fixed !important;
}
@media (max-width: 1040px) {
	.mac .bg-fixed,
	.mac .bg-fixed .elementor-background-overlay,
	.mac .bg-fixed:before,
	.ios .bg-fixed,
	.ios .bg-fixed .elementor-background-overlay,
	.ios .bg-fixed:before {
		background-attachment: scroll !important;
		transform: translateZ(0);
		background-size: cover !important;
		background-repeat: no-repeat !important;
	}
}


/* ******************************
 * FIXED BACKGROUND - APPLE LANDSCAPE TWEAK
 * *************************** */
/* SAFARI */
@media only screen and (orientation: landscape) {
    .e--ua-appleWebkit.e--ua-safari .elementor-element.e-con::before {
        background-attachment: intial !important;
    }
}

/* OTHERS */
@media only screen and (orientation: landscape) {
    .e--ua-appleWebkit .elementor-element.e-con::before {
       background-attachment: initial !important;
    }
}


/* *****************************
 * COLUMN GRADIENT - use col-hover and colorX class on the column and change colors below, can add extra classes for different columns w/different colors
 e.g. Z Demo Content Page Custom Hover Image Boxes
 * *************************** */
.col-hover .elementor-widget-wrap.elementor-element-populated {
    background-color: transparent !important;
    background-image: none !important;
	overflow: hidden;
}
.col-hover .elementor-widget-wrap.elementor-element-populated:before,
.col-hover .elementor-widget-wrap.elementor-element-populated:after {
	content: "";
    display: block;
    position: absolute;
	margin: 1px;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    width: auto;
    height: auto;
	z-index: -1;	
	transition: all .5s ease-out;
}
.col-hover .elementor-widget-wrap.elementor-element-populated:before {
    z-index: -1;
	opacity: 1;
}
.col-hover .elementor-widget-wrap.elementor-element-populated:after {
    z-index: -1;
	opacity: 0;
}
.col-hover .elementor-widget-wrap.elementor-element-populated:hover:before {
	opacity: 0;
}
.col-hover .elementor-widget-wrap.elementor-element-populated:hover:after {
	 opacity: 1;
}
.col-hover.color1 .elementor-widget-wrap.elementor-element-populated:before {
	background-color: #99000050;
    background-image: linear-gradient(180deg, #fff 0%, #99000022 100%);
}
.col-hover.color1 .elementor-widget-wrap.elementor-element-populated:after {
	background-color: #99000050;
    background-image: linear-gradient(180deg, #99000022 0%, #fff 100%);	
}
.col-hover.color2 .elementor-widget-wrap.elementor-element-populated:before {
	background-color: #aaaaaa50;
    background-image: linear-gradient(180deg, #fff 0%, #aaaaaa22 100%);
}
.col-hover.color2 .elementor-widget-wrap.elementor-element-populated:after {
	background-color: #aaaaaa50;
    background-image: linear-gradient(180deg, #aaaaaa22 0%, #fff 100%);	
}


/* *****************************
 * FOR SECTIONS WITH 2 COLS - 1 FULL WIDTH 1 BOXED WIDTH - on Z Demo Content Pg
 * IMPORTANT!!! Change WIDTH BELOW to the TO THE MAX-WIDTH REM ADDED ABOVE in Site Settings > Layout
 * *************************** */
.full-container-boxed-col,
.alt-cols-full-boxed .boxed-col {
	max-width: calc(106rem / 2); /* set site boxed width & divide by 2 */
}

@media (max-width: 1024px){
	.full-container-boxed-col,
	.alt-cols-full-boxed .boxed-col {
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}
}


/* *****************************
 * SECTION CONTENT COLUMNS with INNER SECTION with PADDED COLUMNS 
   e.g. Z Demo Content Page - Services We Offer Cols
 * *************************** */
.section-content-cols.elementor-section.elementor-section-boxed > .elementor-container,
.section-content-cols.elementor-section.elementor-section-boxed > .elementor-container .inner-section-padded-cols .elementor-container {
	max-width: 77rem !important;
}
.inner-section-padded-cols {
    margin-left: -1rem; 
    margin-right: -1rem;	
}

@media (min-width: 1024px) {
	/* Equal Height */
	.section-content-cols .elementor-column.content-col {
		height: 100% !important;
	}
	.section-content-cols .elementor-inner-section .elementor-column-wrap {
		height: 100%;
		flex-direction: column;
	}
	.section-content-cols .inner-section-padded-cols .elementor-widget-wrap {
		height: 100%;
		flex-direction: column;
	}
	.section-content-cols .elementor-widget-icon {
	    margin-top: auto !important;
		padding: 1rem;
	}
}

@media (max-width: 1024px) {
	/* CONTENT COLUMNS */
	.section-content-cols .content-col.last {
		margin: 0 auto;
	}
}


/* *****************************
 * SECTION 3 COL INSET SHADOWS - like Contact
 * *************************** */
.section-3-cols .col1 {
    border-left: 0px solid #333 !important;
    border-right: 1px solid #000 !important; 
}
.section-3-cols .col2 {
    border-left: 1px solid #333 !important;
    border-right: 1px solid #000 !important;    
}
.section-3-cols .col3 {
    border-left: 1px solid #333 !important;
    border-right: 0px solid #000 !important;
}

@media (max-width:767px) {
    .section-3-cols .col1 {
        border-left: 0px solid #444 !important;
        border-right: 0px solid #000 !important; 
        border-top: 1px solid #444 !important; 
        border-bottom: 1px solid #000 !important;         
    }
    .section-3-cols .col2 {
        border-left: 0px solid #444 !important;
        border-right: 0px solid #000 !important;
        border-top: 1px solid #444 !important;        
        border-bottom: 1px solid #000 !important;        
    }
    .section-3-cols .col3 {
        border-left: 0px solid #444 !important;
        border-right: 0px solid #000 !important;  
        border-top: 1px solid #444 !important;         
    }   
}


/* ********************************************************
 * 
 * WST CONTAINERS
 * 
 * ****************************************************** */

/* *****************************
 * SPLIT ROW TXT IMG COLUMNS
 * *************************** */
/*  Parent Row Containers */
.split-row-img-txt,
.split-row-txt-img {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch;
  width: 100%;
}
.split-row-img-txt.e-con .e-con-inner,
.split-row-txt-img.e-con .e-con-inner {
    gap: .5rem;
}

/* Image Columns */
.e-con.split-col--img-sm {
  width: 35% !important;
  flex: 0 0 35% !important;
  max-width: 35%;
}
.e-con.split-col--img-lg {
  width: 65% !important;
  flex: 0 0 65% !important;
  max-width: 65%;
}
/* Text Columns */
.e-con.split-col--txt-sm {
  width: 35% !important;
  flex: 0 0 35% !important;
  max-width: 35%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem 2rem 3rem 0 !important;
}
.e-con.split-col--txt-lg {
  width: 65% !important;
  flex: 0 0 65% !important;
  max-width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6rem 3rem !important;
}

/* Tablet: 768px–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .e-con.split-col--img-sm,
  .e-con.split-col--img-lg {
    width: 25% !important;
    flex: 0 0 25% !important;
    max-width: 25%;
  }
  .e-con.split-col--txt-sm,
  .e-con.split-col--txt-lg {
    width: 75% !important;
    flex: 0 0 75% !important;
    max-width: 75%;
  }
}
/* Mobile: ≤767px */
@media (max-width: 767px) {
  .split-row-img-txt,
  .split-row-txt-img {
    flex-direction: column !important;
  }
  .split-row-img-txt.e-con .e-con-inner,
  .split-row-txt-img.e-con .e-con-inner {
    flex-direction: column;
    gap: 0.5rem;
  }
  /* Text on top for split-row-img-txt (image is first in DOM) */
  .split-row-img-txt.e-con .e-con-inner {
    flex-direction: column-reverse !important;
  }
  .e-con.split-col--img-sm,
  .e-con.split-col--img-lg {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100%;
    min-height: 280px; /* give image column height when stacked */
  }
  .e-con.split-col--txt-sm,
  .e-con.split-col--txt-lg {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100%;
    padding: 4rem 1.5rem !important;
  }
}


/* *****************************
 * BG IMAGE ROW WITH LARGE WHITE BOX ON LEFT
 * *************************** */
.split-row-box-content {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch;
  width: 100%;
  position: relative;
}
.split-row-box-content.e-con .e-con-inner {
  display: flex;
  flex-direction: row !important;
  align-items: stretch;
  padding: 0 !important;
  max-width: 100% !important;
  width: 100%;
}
.split-col--box.e-con,
.split-col--content.e-con {
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50%;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
.split-col--box.e-con {
  padding: 10rem 2rem !important;
  align-items: flex-start;
}
.white-box--lg.e-con {
  background: #ffffff80 !important;
  backdrop-filter: blur(5px);
  padding: 6rem 3rem !important;
  width: 100% !important;
  flex: 1 1 auto;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}
.split-col--content.e-con {
  padding: 3rem 8rem 3rem 3rem !important;
  align-items: flex-start;
  gap: 0.25rem;
}
.split-col--content.e-con h3 {
  font-size: var(--wst-card-title);
  margin-bottom: 0.5rem;
}
.split-col--content.e-con p {
  font-size: var(--wst-card-text);
  margin-bottom: 1.5rem;
}
.split-col--content.e-con .elementor-widget-heading:not(:first-child) {
  border-top: 1px solid #ccc;
  padding-top: 1.5rem;
  margin-top: 0.5rem;
  width: 100%;
}
/* Tablet/Mobile: ≤1024px */
@media (max-width: 1024px) {
  .split-row-box-content.e-con .e-con-inner {
    flex-direction: column !important;
  }
  .split-col--box.e-con,
  .split-col--content.e-con {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100%;
  }
  .split-col--box.e-con {
    padding: 3rem 1.5rem 2rem !important;
  }
  .white-box--lg.e-con {
    padding: 2rem 1.5rem !important;
  }
  .split-col--content.e-con {
    padding: 2rem 3rem !important;
  }
}


/* *****************************
 * SPLIT ROW TXT + COL WHITE BOXES 
 * *************************** */
/* Parent Row Container */
.split-row-txt-boxes {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start;
  width: 100%;
}
.split-row-txt-boxes.e-con .e-con-inner {
  gap: 2rem;
  align-items: flex-start;
}
/* Text Label Column */
.split-row-txt-boxes .split-col--txt-sm.e-con {
  align-self: flex-start !important;
}
/* Boxes Column */
.split-col--boxes.e-con {
  width: 65% !important;
  flex: 0 0 65% !important;
  max-width: 65%;
  padding: 0 !important;
  align-self: flex-start !important;
  height: auto !important;
}
.split-col--boxes.e-con > .e-con-inner {
  flex-direction: column !important;
  gap: 1.5rem !important;
  padding: 0 !important;
}
.split-row-txt-boxes .split-col--txt-sm.elementor-sticky--active {
    width: 30% !important;
    flex: 0 0 30% !important;
    max-width: 30%;
}
/* White Box Card */
.white-box.e-con {
  --flex-direction: row !important;
  background: #fff !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  max-width: 100%;
  padding: 2rem !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden;
  align-items: stretch !important;
}
/* Image Column */
.white-box .img.e-con {
  width: 38% !important;
  flex: 0 0 38% !important;
  max-width: 38%;
  padding: 0 !important;
  overflow: hidden;
  align-self: stretch !important;
}
.white-box .img.e-con,
.white-box .img.e-con .elementor-widget-raven-image,
.white-box .img.e-con .elementor-widget-container,
.white-box .img.e-con .raven-image {
  height: 100% !important;
}
.white-box .img.e-con img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center top;
  display: block;
}
/* Text Column */
.white-box .txt.e-con {
  width: 62% !important;
  flex: 0 0 62% !important;
  max-width: 62%;
  padding: 2.5rem 2.5rem 2rem !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  align-self: stretch !important;
  height: auto !important;
}
.white-box .txt.e-con h3 {
  font-size: var(--wst-card-title);
  margin-bottom: 0.75rem;
}
.white-box .txt.e-con p {
  font-size: var(--wst-card-text);
  margin-bottom: 1.25rem;
}
/* Divider above accordion widget */
.white-box .txt.e-con .elementor-widget-n-accordion {
  border-top: 1px solid #ccc;
  padding-top: 1.25rem;
  margin-top: 0.5rem;
  width: 100%;
}
/* Accordion Overrides */
.white-box .e-n-accordion-item-title {
  border-top: none !important;
  border-bottom: none !important;
  padding: 0 !important;
}
.white-box .e-n-accordion-item:last-child .e-n-accordion-item-title {
  border-bottom: none !important;
}
.white-box .e-n-accordion-item-title-text {
  font-family: "Almarai", sans-serif !important;
  font-size: var(--wst-body-text) !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  line-height: 1.7em !important;
}
.white-box .e-n-accordion-item > div,
.white-box .e-n-accordion-item > .elementor-element {
  padding: 0.75rem 0 0 !important;
}
/* Tablet: ≤1024px */
@media (max-width: 1024px) {
  .split-row-txt-boxes {
    flex-direction: column !important;
  }
  .split-row-txt-boxes.e-con .e-con-inner {
    flex-direction: column !important;
    gap: 1rem;
  }
  .split-row-txt-boxes .split-col--txt-sm.e-con {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100%;
    padding: 0 0 1rem 0 !important;
  }
  .split-col--boxes.e-con {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100%;
  }
  .white-box.e-con {
    --flex-direction: row !important;
  }
  .white-box .img.e-con {
    width: 35% !important;
    flex: 0 0 35% !important;
    max-width: 35%;
  }
  .white-box .txt.e-con {
    width: 65% !important;
    flex: 0 0 65% !important;
    max-width: 65%;
    padding: 2rem 1.75rem !important;
  }
}
/* Mobile: ≤767px */
@media (max-width: 767px) {
  .white-box.e-con {
    --flex-direction: column !important;
  }
  .white-box .img.e-con {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100%;
    min-height: 320px;
  }
  .white-box .txt.e-con {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100%;
    padding: 2rem 0rem !important;
  }
}


/* *****************************
 * INNER CONTAINER LAYOUTS
 * *************************** */
/* 2-Column Text with Divider */
.text-2-cols {
  display: flex !important;
  flex-direction: row !important;
  gap: 3rem !important;
  margin: 2rem 0 !important;
}
.text-2-cols > .elementor-element:first-child {
  border-right: 1px solid #000;
  padding-right: 2rem;
	text-align: right;
}
/* Stack at ≤1024px, no divider */
@media (max-width: 1024px) {
  .text-2-cols {
    flex-direction: column !important;
    gap: 0 !important;
	  margin: 0 !important;
  }
  .text-2-cols > .elementor-element:first-child,
  .text-2-cols .elementor-element {
    border-right: none;
    padding-right: 0;
	  text-align: center !important;
  }
}


/* *****************************
 * CONTAINER ADDITIONAL STYLES
 * *************************** */
/* Background Colors */ 
.bg-cream {
	background: var(--e-global-color-accent);
}

/* Full Width Container with Side Padding - like About */
.full-width-padding {
	padding-left: 5rem !important;
	padding-right: 5rem !important;	
}
@media (max-width: 1200px) {
	.full-width-padding {
	padding-left: 3rem !important;
	padding-right: 3rem !important;	
	}
}
@media (max-width: 1024px) {
	.full-width-padding {
	padding-left: 2rem !important;
	padding-right: 2rem !important;	
	}
}

/* Container Margin */
.margin-top-sm.e-con {
	margin-top: 3rem;
}
.margin-top-lg.e-con {
	margin-top: 5rem;
}
@media (max-width: 1200px) {
	.margin-top-lg.e-con {
		margin-top: 3rem;
	}
}
@media (max-width: 1024px) {
	.margin-top-lg.e-con,
	.margin-top-sm.e-con {
		margin-top: 2rem;
	}
}

/* Container Padding */
.padding-top-sm.elementor-element,
.padding-top-sm.e-con {
	padding-top: 3rem;
}
.padding-top-md.e-con {
	padding-top: 5rem;
}
.padding-top-lg.e-con {
	padding-top: 8rem;
}
.padding-bottom-sm.e-con {
	padding-bottom: 3rem;
}
.padding-bottom-md.e-con {
	padding-bottom: 5rem;
}
.padding-top-lg.e-con {
	padding-bottom: 8rem;
}

@media (max-width: 767px) {
	.padding-top-lg.e-con {
		padding-top: 6rem;
	}	
	.padding-top-lg.e-con {
		padding-bottom: 6rem;
	}	
}

/* Container Spacing */
.gap-3 .e-con-inner {
	gap: 3rem !important;
}
.gap-5 .e-con-inner {
	gap: 5rem !important;
}

@media (max-width: 767px) {
	.gap-5 .e-con-inner {
		gap: 4rem !important;
	}	
}

/* White Box — Full Height Image Variant */
.white-box--img-full .img.e-con {
  --flex-grow: 1 !important;
  flex-grow: 1 !important;
  align-self: stretch !important;
  height: unset !important;
  min-height: 100% !important;
}