@charset "utf-8";
/* Grid CSS Document */


/* in body of main page */
.grid__code {
    grid-template-rows: unset;
    grid-auto-rows: 150px 100px 100px
  }

.outline-shadow {
  filter: drop-shadow(0px 5px 11px #d2d2d2);
}

.bg-grey-access{
  background:#f4f5f5;
  height:auto;
}
.quest-montage{
  height:45rem;
}
.quest-cover-grid {
  display:grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-gap: 1rem;
}

@media screen and (min-width: 768px) {
  .quest-cover-grid {
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: auto;
 }

}

@media screen and (min-width: 992px) {
.grid__code {
    grid-template-rows: unset;
    grid-auto-rows: 200px 140px 140px
  }

  .bg-grey-access{
    height:45rem;
  }
  .unique-offset.mv-hero__background{
    background-size:1200px;
    left: -30vw;
    width: 100%;
    height: 100%;
    background-position: center;
  }
  .feature-offset.mv-hero__background{
    background-size: 1000px 800px;
    left: auto;
    right: -40vw;
    width: 100%;
    height: 100%;
    background-position: center;
  }
  .app-offset.mv-hero__background{
    background-size:600px;
    left: -30vw;
    width: 100%;
    height: 100%;
    background-position: top center;
  }
}

@media screen and (min-width: 1440px) {
  .feature-offset.mv-hero__background{
    right: -30vw;
  }
}

@media (min-width: 1401px){
  .img-hero_offsite{
    max-width: 125%;
    margin-left:15%;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  .img-hero_offsite{
    max-width: 150%;
    margin-left:20%;
  }
}





/*https://storyblok-assets.mindvalley.com/css/components/free-courses-grid.2e332bce26f9c1f5eefe.css*/
.free-courses__box{
	-ms-overflow-style:none;
	display:flex;
	gap:.5rem;
	scrollbar-width:none
}
@media(min-width:768px)and (max-width:1600px){
	.free-courses__box{
		padding-left:2.25rem
	}
}
.free-courses__box::-webkit-scrollbar{display:none}
@media (min-width:768px){.free-courses__box{
	grid-gap:1rem;
	align-items:stretch;
	display:grid;
	gap:1rem;
	grid-template-columns:repeat(3,1fr);
	justify-items:center
	}
}


