/** Shopify CDN: Minification failed

Line 512:1 Expected "*/" to terminate multi-line comment

**/

.timeline__heading {
  margin: 0;
  text-transform: uppercase;
  line-height: 1;
  text-align: center;
}

.timeline__heading i, .timeline__heading em{
  text-transform: none;
}


@media screen and (min-width: 1200px) {

	.timeline__heading {
		font-size: 5rem;
	}

}



.timeline{
	padding: 2.5rem 0;
	position: relative;
}

.timeline:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(/cdn/shop/files/RA-Pattern-white.svg?v=1649705537) repeat bottom right/cover;
	z-index: -1;
	background-color: var(--color-grey-lightest);
}

@media screen and (min-width: 768px) {

	.timeline{
		padding: 5rem 0 2rem;
	}
}

@media screen and (min-width: 990px) {

	.timeline{
		padding: 5rem 0 2rem;
	}
}

@media screen and (min-width: 1400px) {

  .timeline {
    padding: 5rem 0 5rem 0;
  }


}


.timeline-container{
  margin: 0 calc(50% - 50vw) 0 0;
}

.timeline-container .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: calc(100% - 1.5rem);
    max-width: none;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}



.timeline-wrapper{
  position: relative;
  display: grid;
  grid-auto-columns: calc(100vw - 15rem);
  grid-auto-flow: column;
  grid-template-rows: 100%;
  column-gap: 2rem;
  margin: 0px auto 0 1.5rem;
  padding: 0;
  height: auto;
}


.timeline .timeline-wrapper:after {
  content: '';
  position: absolute;
  width: 100%;
  background-color: var(--color-secondary);
  height: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}


.timeline-container .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: calc(100% - 3rem);
	left: 1.5rem;
}

@media screen and (min-width: 768px) {

	.timeline-container .mCSB_scrollTools.mCSB_scrollTools_horizontal {
		width: calc(100% - 10rem);
		left: 5rem;
	}

	.timeline-wrapper{
		padding: 2rem 0;
		margin-left: 5rem;
		grid-auto-columns: calc(100vw - 32rem);
	}
}



@media screen and (min-width: 990px) {

	.timeline-wrapper{
		grid-auto-columns: calc((100vw - 32rem) / 3);
		column-gap: 5rem;
	}
}


@media screen and (min-width: 1400px) {


	.timeline-wrapper{
		grid-auto-columns: calc((100vw - 26rem) / 4);
		column-gap: 10rem;
		margin-left: 10rem;
	}

	.timeline-container .mCSB_scrollTools.mCSB_scrollTools_horizontal {
		width: calc(100% - 20rem);
		left: 10rem;
	}


}


@media screen and (min-width: 1900px) {


	.timeline-wrapper{
		grid-auto-columns: calc((100vw - 35rem) / 5);
	}


}



.timeline-card{
	position: relative;
	height: 100%;
	display: grid;
	grid-auto-rows: 1fr;
	row-gap: 5rem;
	text-align: center;
}

.timeline-card:after {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  background: url(logo-gem.svg) no-repeat center center;
  top: 50%;
  transform: translateY(-50%);
  left: 0; right:0; margin: auto;
  z-index: 1;
}

.timeline-card__panel{
	display: flex;
	align-items: flex-end;
	align-content: flex-end;
	flex-wrap: wrap;
}

.timeline-card__panel:nth-child(2){
	align-items: flex-start;
	align-content: flex-start;
}


.timeline-card__panel > *{
	flex: 0 0 100%;
	margin: 0;
}


.timeline-card .timeline-card__img {
	margin: 0 0 2rem 0;

}

.timeline-card__img-wrapper{
	margin: 0 auto;
	width: 60%;
	clip-path: 
	  polygon(
	    0% 3rem,                 /* top left */
	    3rem 0%,                 /* top left */
	    calc(100% - 3rem) 0%,    /* top right */
	    100% 3rem,               /* top right */
	    100% calc(100% - 3rem),  /* bottom right */
	    calc(100% - 3rem) 100%,  /* bottom right */
	    3rem 100%,               /* bottom left */
	    0 calc(100% - 3rem)      /* bottom left */
	  );
}


.timeline-card .timeline-card__img img{
	margin: 0 auto;
	display: block;
}

.timeline-card__heading{
	line-height: 1;
}


.timeline-card__heading .icon-wrap svg{
  vertical-align: middle;
}


.timeline-card__text{

}

.timeline-card__text-wrapper{
	margin: 0 auto;
	width: 90%;
	line-height: 1.3
}



@media screen and (min-width: 768px) {

	.timeline-card .timeline-card__img {
		margin: 0 0 4rem 0;

	}


}

@media screen and (min-width: 1400px) {


	.timeline-card__text-wrapper {
		
	}

}

.timeline-card__cta{
	margin-top: 2rem;
}

.timeline-card__position-even .timeline-card__panel{
	order: 1;
	align-items: flex-start;
	align-content: flex-start;
}

.timeline-card__position-even .timeline-card__panel:nth-child(2){
	order: 0;
	align-items: flex-end;
	align-content: flex-end;
}


.timeline-card__position-even .timeline-card__panel .timeline-card__img{
	order: 1;
	margin: 0;
}


.timeline-card__position-even .timeline-card__panel .timeline-card__heading{
	order: 0;
	margin: 1rem 0 2rem 0;
}

@media screen and (min-width: 768px) {

	.timeline-card__position-even .timeline-card__panel .timeline-card__heading{
		margin: 1rem 0 4rem 0;
	}

}


.timeline-card__position-even .timeline-card__panel .timeline-card__cta{
	margin: 1rem 0 2rem;
}


/*.timeline.no-spacing {
  margin-top: 0;
  margin-bottom: 0;
}

.timeline .title-wrapper-with-link {
  margin-left: auto;
  margin-right: auto;
}

.timeline .title-wrapper-with-link.text-alignment-left {
  justify-content: flex-start;
}

.timeline .title-wrapper-with-link.text-alignment-center {
  justify-content: center;
}

.timeline .title-wrapper-with-link.text-alignment-right {
  justify-content: flex-end;
}

/* The actual timeline (the vertical ruler) *//*
.timeline .timeline-container {
  background-color: rgba(var(--color-foreground),.04);
}

.timeline .timeline-wrapper {
  position: relative;
  margin: 0 auto;
}

.timeline .timeline-wrapper:after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: rgba(var(--color-foreground),1);
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content *//*
.timeline .timeline-card {
  padding: 40px 40px 0;
  position: relative;
  width: 50%;
  text-align: left;
}

.timeline .timeline-card:last-child {
  padding-bottom: 40px;
}

/* The circles on the timeline *//*
.timeline .timeline-card:after {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  right: -15px;
  background-color: rgb(var(--color-background));
  border: 4px solid var(--color-button-primary-background);
  top: 45px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left *//*
.timeline .timeline-card.left {
  left: 0;
}

/* Place the container to the right *//*
.timeline .timeline-card.right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) *//*
.timeline .timeline-card.left:before {
  content: " ";
  height: 0;
  position: absolute;
  top: 52px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid rgb(var(--color-background));
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) *//*
.timeline .timeline-card.right:before {
  content: " ";
  height: 0;
  position: absolute;
  top: 52px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid rgb(var(--color-background));
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side *//*
.timeline .timeline-card.right:after {
  left: -16px;
}

/* The actual content *//*
.timeline .image-with-text__content {
  background-color: rgb(var(--color-background));
  position: relative;
  border-radius: 6px;
}

.timeline .image-with-text__content>:first-child:is(.subheading) {
  margin-top: 0;
}

.timeline .image-with-text__content .subheading {
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: 1px;
}

.timeline .image-with-text__content img {
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 750px) {
  .timeline.timeline--full-width .timeline-card.left {
    padding-left: 0;
  }

  .timeline.timeline--full-width .timeline-card.right {
    padding-right: 0;
  }
}

/* Media queries - Responsive timeline on screens less than 600px wide *//*
@media only screen and (max-width: 749px) {
  /* Place the timelime to the left *//*
  .timeline .timeline-wrapper:after {
    left: 31px;
  }
  
  /* Full-width containers *//*
  .timeline .timeline-card {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }
  
  .timeline.timeline--full-width .timeline-card {
    padding-left: 55px;
  }

  /* Make sure that all arrows are pointing leftwards *//*
  .timeline .timeline-card.left:before,
  .timeline .timeline-card.right:before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

  .timeline.timeline--full-width .timeline-card.left:before,
  .timeline.timeline--full-width .timeline-card.right:before {
    left: 45px;
  }

  /* Make sure all circles are at the same spot *//*
  .timeline .timeline-card.left:after,
  .timeline .timeline-card.right:after {
    left: 15px;
  }
  
  .timeline.timeline--full-width .timeline-card.left:after,
  .timeline.timeline--full-width .timeline-card.right:after {
    left: 0;
  }

  /* Make all right containers behave like the left ones *//*
  .timeline .timeline-card.right {
    left: 0%;
  }
}