/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 29 2024 | 14:21:50 */
/* variables */
:root {
  /* colors */
  --sg0-color-primary-hsl: 250, 84%, 54%;
  --sg0-color-bg-hsl: 0, 0%, 100%;
  --sg0-color-contrast-high-hsl: 230, 7%, 23%;
  --sg0-color-contrast-higher-hsl: 230, 13%, 9%;
  --sg0-color-bg-light-hsl: 0, 0%, 100%;

  /* spacing */
  --sg0-space-sm: 0.75rem;
  --sg0-space-md: 1.25rem;
}

@media(min-width: 64rem){
  :root {
    /* spacing */
    --sg0-space-sm: 1.125rem;
    --sg0-space-md: 6rem;
  }
}

/* component */
.stack-cards {
  --stack-cards-gap: var(--sg0-space-sm);
  --stack-cards-item-ratio: 2/1;
}

.stack-cards__item {
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: var(--sg0-space-md);
  height: auto;
  padding-bottom: 0%;
  -webkit-transform-origin: center top;
          transform-origin: center top;
  -webkit-box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.3);
}


/* utility classes */
.sg0-overflow-hidden {
  overflow: hidden;
}

.sg0-shadow-md {
  box-shadow:0 0.9px 1.5px rgba(0, 0, 0, 0.03),0 3.1px 5.5px rgba(0, 0, 0, 0.08),0 14px 25px rgba(0, 0, 0, 0.12);
}

.sg0-radius-lg {
  border-radius: 0.5em;
}

.sg0-bg {
  --sg0-bg-o: 1;
  background-color: hsla(var(--sg0-color-bg-hsl), var(--sg0-bg-o, 1));
}

.sg0-flex-center {
  justify-content: center;
  align-items: center;
}

.sg0-flex {
  display: flex;
}

:where(.sg0-inner-glow) {
  position: relative;
}

.sg0-inner-glow::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075);
}

.sg0-bg-light {
  --sg0-bg-o: 1;
  background-color: hsla(var(--sg0-color-bg-light-hsl), var(--sg0-bg-o, 1));
}

.stack-cards__item {
  background-color: #fff;
  padding: 60px 0px;
  border-radius: 40px;
  margin-left: 0;
}

@media screen and (min-width: 900px) {
	.ppm-stackcards .uk-width-2-5\@m {
		width: 45%;
		padding: 0 !important;
		transform: scale(1.1);
  }

    .ppm-stackcards .uk-width-3-5\@m {
		width: 55%;
		display: flex;
        flex-direction: column;
  }
}

.stack-cards__item h2 span {
    text-transform: uppercase;
}

@media screen and (max-width: 899px) {
	.ppm-online-marketing .uk-width-3-5\@m.uk-first-column {
		padding: 0 20px !important;
	}
	.ppm-stackcards .uk-width-2-5\@m {
		padding: 0 !important;
		transform: scale(1.1);
  }
	.ppm-stackcards .uk-width-2-5\@m img {
		transform: scale(1.1);
  }
}