@charset "utf-8";
/* CSS Document */

/*https://storyblok-assets.mindvalley.com/css/components/callout-container.57c84e4cb54acb2a34c9.css*/
.callout-background{
	position:absolute;
	transform:translateY(30px);
	z-index:-1
}
.callout-card{
	background:#fff;
	border:1px solid #dfe1e5;
	border-radius:16px;
	box-shadow:rgba(0,0,0,.1);
	margin-left:auto;
	padding:16px;
	width:calc(100% - 34px);
	z-index:1
}
@media (min-width:768px){
	.callout-card{
		margin-left:-28px;
		padding:24px;
		width:400px
	}
}
.callout-steps-number{
	height:56px;
	margin-top:-8px;
	position:absolute;
	width:auto;
	z-index:0
}
@media (min-width:768px){
	.callout-steps-number{
		height:130px;
		margin-top:0;
		position:static
	}
}
.callout-step1,.callout-step2{margin-left:0}
@media (min-width:768px){
	.callout-step2{margin-left:164px}
}
.callout-step3{margin-left:0}
@media (min-width:768px){
	.callout-step3{margin-left:28px}
}
.callout-step4{margin-left:0}
@media (min-width:768px){
	.callout-step4{margin-left:151px}
}
.lang-rtl .callout-step1{direction:ltr}
.lang-rtl .callout-step2{direction:ltr;margin-left:0}
@media (min-width:768px){
	.lang-rtl .callout-step2{margin-left:164px}
}
.lang-rtl .callout-step3{direction:ltr}
.lang-rtl .callout-step4{direction:ltr;margin-left:0}
@media (min-width:768px){
	.lang-rtl .callout-step4{margin-left:151px}
}
.lang-rtl .callout-card{direction:rtl}