:root {
	--color-accent: #009DDB;
	--color-primary: #F94B4B;
	--color-dark: #4C4B5E;
	--color-white: #ffffff;

	--typography-font-color: var(--color-dark);

	--theme-site-width: 1280px;
	--theme-site-padding: 24px;
	--theme-block-margin: 10rem;
	--theme-content-width: 715px
}
@media screen and (max-width: 500px) {
:root {
		--theme-block-margin: 6rem
}
	}
.wp-block-dekode-course {
	margin: 3rem auto !important

}
.wp-block-dekode-course .course_wrap {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
.wp-block-dekode-course figure {
		margin: 0;
	}
.wp-block-dekode-course img {
		height: auto;
	}
[dir="ltr"] .wp-block-dekode-course ul {
		padding-left: 0px
}
[dir="rtl"] .wp-block-dekode-course ul {
		padding-right: 0px
}
.wp-block-dekode-course ul {
		list-style-position: inside;
	}
.wp-block-dekode-course .text_content {
		position: relative;
		z-index: 2;
		padding-top: 6rem

	}
.wp-block-dekode-course .text_content h2 {
			color: var(--color-primary) !important
		}
.wp-block-dekode-course .text_content h2 + h3 {
				margin-top: 0;
			}
.wp-block-dekode-course .text_content h3 {
			background: linear-gradient(154.8deg, #97E2FF 0%, #009DDB 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			display: inline-block;
			margin: 1.5em 0 0.3em;
		}
.wp-block-dekode-course .text_content p {
			margin: 0;
		}
.wp-block-dekode-course .text_content ul {
			margin: 0;
		}
.wp-block-dekode-course .course_bottom {
		flex: 0 100%;
		margin-top: 1rem
	}
.wp-block-dekode-course .course_bottom img {
			max-width: 100%;
		}
@media screen and (max-width: 850px) {
		.wp-block-dekode-course .course_wrap .col {
			flex: 0 100%;
		}

		.wp-block-dekode-course .text_content {
			padding-top: 0;
			margin: 0 !important;
			padding: 0 3rem;
		}
	}
#fb-course-physics .text_content {
		margin-left: 20%;
	}
#fb-course-physics .col.right {
		padding-left: 3rem;
		flex: 1;
		justify-content: flex-end;
		display: flex
	}
#fb-course-physics .col.right img {
			width: 100%;
			max-width: 600px;
		}
@media screen and (max-width: 1400px) {
		#fb-course-physics .text_content {
			margin-left: 10%;
		}
	}
@media screen and (max-width: 1200px) {
		#fb-course-physics .text_content {
			margin-left: 5rem;
		}
	}
@media screen and (max-width: 850px) {
		#fb-course-physics .course_wrap {
			display: block;
		}
		#fb-course-physics .col.right {
			padding-left: 0
		}

			#fb-course-physics .col.right img {
				max-width: 300px;
			}
	}
#fb-course-algebra .text_content {
		margin-right: 20%;
	}
#fb-course-algebra .col.left {
		padding-right: 3rem;
		flex: 1;
		justify-content: flex-start;
		display: flex
	}
#fb-course-algebra .col.left img {
			width: 100%;
			max-width: 600px;
		}
#fb-course-algebra .course_bottom {
		display: flex;
		justify-content: flex-end;
		margin-top: -2rem;
	}
@media screen and (max-width: 1400px) {
		#fb-course-algebra .text_content {
			margin-right: 15%;
		}
	}
@media screen and (max-width: 1200px) {
		#fb-course-algebra .text_content {
			margin-right: 5rem;
		}

		#fb-course-algebra .course_bottom img {
			max-width: 1020px;
		}
	}
@media screen and (max-width: 850px) {
		#fb-course-algebra .text_content {
			margin-right: 0;
		}

		#fb-course-algebra .course_bottom {
			display: none;
		}

		#fb-course-algebra .col.left {
			padding-right: 0;
			order: 2;
			flex: 0 100%;
			margin: 4rem 0
		}

			#fb-course-algebra .col.left img {
				max-width: 100%;
				width: 380px;
				height: auto;
				max-width: initial;
				display: block;
			}

	}
#fb-course-history {
	position: relative
}
#fb-course-history .text_content {
		padding-top: 0;
		margin: 0 auto;
		text-align: center;
	}
#fb-course-history .fixed_img {
		position: absolute;
		top: 0;
	}
#fb-course-history .img_left {
		left: 0;
	}
#fb-course-history .img_right {
		right: 0;
	}
#fb-course-history ul {
		margin: 0 auto;
		display: table;
	}
#fb-course-history .course_bottom img {
			margin: 7rem auto 0;
			display: block;
			max-width: 1200px;
		}
@media screen and (max-width: 1400px) {
			#fb-course-history .course_bottom img {
				max-width: 1000px;
			}
	}
@media screen and (max-width: 1200px) {
		#fb-course-history .img_left  {
			top: -2rem
		}
			#fb-course-history .img_left img {
				max-width: 210px;
			}

		#fb-course-history .img_right img {
			max-width: 220px;
		}

		#fb-course-history .course_bottom img {
			max-width: 100%;
			width: 920px;
			margin: 6rem auto 0;
		}
	}
@media screen and (max-width: 850px) {
		#fb-course-history .fixed_img {
			display: none;
		}

		#fb-course-history .course_bottom img {
			margin: 3rem auto 0;
		}

		#fb-course-history .text_content {
			text-align: left;
		}

	}
@keyframes hoveringplanet {
	0% { transform: translate(0,0); }
	33% { transform: translate(10%,33%); }
	66% { transform: translate(-10%,66%); }
	100% { transform: translate(0,0); }
}
@keyframes floatingcity {
	0% { top: 20%; }
	30% { opacity: 1; }
	100% { top: 310px;opacity: 1; }
}
@keyframes bobbing_animation {
	0% { transform: translateY(0);}
	33% { transform: translateY(-10%);}
	66% { transform: translateY(0);}
	100% { transform: translateY(10%);}
}
@keyframes bobbing_city {
	from { transform: translateY(0); filter: drop-shadow(0px 10px 10px #fcb9000);}
	50%  { transform: translateY(-20%); filter: drop-shadow(0px 10px 10px rgba(252,185,0,0.63922));}
	to   { transform: translateY(0); filter: drop-shadow(0px 10px 10px #fcb9000);}
}
[data-type="dekode/header"],
.wp-block-dekode-header {
	text-align: center;
	margin: 0 !important

}
[data-type="dekode/header"] .header-content, .wp-block-dekode-header .header-content {
		padding: 14rem 0 0;
		position: relative;
		z-index: 2;
		max-width: 90%;
		display: inline-block

	}
[data-type="dekode/header"] .header-content h1, .wp-block-dekode-header .header-content h1 {
			margin: 0 0 0.5em

		}
[data-type="dekode/header"] .header-content h1 strong, .wp-block-dekode-header .header-content h1 strong {
				background: linear-gradient(90deg, #F94B4B 0%, #FEE04D 100%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}
[data-type="dekode/header"] .header-content p, .wp-block-dekode-header .header-content p {
			margin: 0 auto;
			max-width: 770px;
		}
[data-type="dekode/header"] .header-content .wp-block-button, .wp-block-dekode-header .header-content .wp-block-button {
			margin-top: 3rem;
		}
[data-type="dekode/header"] .illustrations, .wp-block-dekode-header .illustrations {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1
	}
[data-type="dekode/header"] .illustrations .left, .wp-block-dekode-header .illustrations .left {
			position: absolute;
			left: 0;
			top: 0;
			width: 300px;
			height: auto
		}
[data-type="dekode/header"] .illustrations .left.custom-planet-parent, .wp-block-dekode-header .illustrations .left.custom-planet-parent {
				position: relative;
				height: 100%
			}
[data-type="dekode/header"] .illustrations .left.custom-planet-parent #planet-redrock, .wp-block-dekode-header .illustrations .left.custom-planet-parent #planet-redrock {
					position: absolute;
					bottom: 20%;
					left: -40%;
					width: 425px;
					animation-name: hoveringplanet;
					animation-duration: 50s;
					animation-delay: 0.5s;
					animation-iteration-count: infinite;
					animation-timing-function: ease;
				}
[data-type="dekode/header"] .illustrations .left.custom-planet-parent #planet-snowball, .wp-block-dekode-header .illustrations .left.custom-planet-parent #planet-snowball {
					position: absolute;
					bottom: 70%;
					left: -30%;
					width: 225px;
					animation-name: hoveringplanet;
					animation-duration: 25s;
					animation-delay: 1s;
					animation-iteration-count: infinite;
					animation-timing-function: ease;
					animation-direction: reverse;

				}
[data-type="dekode/header"] .illustrations .left.custom-planet-parent #planet-earth, .wp-block-dekode-header .illustrations .left.custom-planet-parent #planet-earth {
					position: absolute;
					bottom: 60%;
					left: 50%;
					width: 125px;
					animation-name: hoveringplanet;
					animation-duration: 35s;
					animation-delay: 0s;
					animation-iteration-count: infinite;
					animation-timing-function: ease;
				}
[data-type="dekode/header"] .illustrations .right, .wp-block-dekode-header .illustrations .right {
			position: absolute;
			right: 0;
			top: 8rem;
			width: 400px;
			height: auto
		}
[data-type="dekode/header"] .illustrations .right.custom-animation, .wp-block-dekode-header .illustrations .right.custom-animation {
				height: 100%
			}
[data-type="dekode/header"] .illustrations .right.custom-animation #floating-building, .wp-block-dekode-header .illustrations .right.custom-animation #floating-building {
					animation-name: bobbing_city;
					animation-duration: 8s;
					animation-delay: 4.5s;
					animation-iteration-count: infinite;
					animation-timing-function: ease;
					width: 5rem;
					height: auto;
					filter: drop-shadow(0px 10px 10px rgba(252,185,0,0));
				}
[data-type="dekode/header"] .illustrations .right.custom-animation #hovering-city, .wp-block-dekode-header .illustrations .right.custom-animation #hovering-city {
					position: absolute;
					top: 20%;
					opacity: 0;
					right: 180px;
					z-index: 2;
					animation-name: floatingcity;
					animation-duration: 4s;
					animation-delay: 0.5s;
					animation-iteration-count: 1;
					animation-timing-function: ease;
					animation-fill-mode: forwards;
				}
[data-type="dekode/header"] .illustrations .right.custom-animation #city, .wp-block-dekode-header .illustrations .right.custom-animation #city {
					position: absolute;
					top: 4rem;
					right: 0;
					z-index: 1;
					width: 450px;
					height: auto;
				}
[data-type="dekode/header"] .illustrations .right.custom-animation .animation-city-2, .wp-block-dekode-header .illustrations .right.custom-animation .animation-city-2 {
					animation-name: bobbing_animation;
					animation-delay: 4.5s;
					animation-iteration-count: infinite;
					animation-timing-function: ease;
				}
[data-type="dekode/header"] .bottom_img img, .wp-block-dekode-header .bottom_img img {
		margin-top: 3rem;
		width: 900px;
		margin-bottom: -10rem;
		max-width: 90%;
	}
[data-type="dekode/header"].is-style-thank_you, .wp-block-dekode-header.is-style-thank_you {
		position: relative

	}
[data-type="dekode/header"].is-style-thank_you .header-content, .wp-block-dekode-header.is-style-thank_you .header-content {
			padding: 14rem 0 7rem 0;
		}
[data-type="dekode/header"].is-style-thank_you .illustrations, .wp-block-dekode-header.is-style-thank_you .illustrations {
			height: 100%
		}
[data-type="dekode/header"].is-style-thank_you .illustrations .left, .wp-block-dekode-header.is-style-thank_you .illustrations .left {
				bottom: 0;
				width: 400px;
				top: unset;
			}
[data-type="dekode/header"].is-style-thank_you .illustrations .right, .wp-block-dekode-header.is-style-thank_you .illustrations .right {
				bottom: 0;
				top: unset;
			}
@media screen and (max-width: 1600px) {
		[data-type="dekode/header"].is-style-thank_you, .wp-block-dekode-header.is-style-thank_you {
			position: relative

		}
				[data-type="dekode/header"].is-style-thank_you .illustrations .left, .wp-block-dekode-header.is-style-thank_you .illustrations .left {
					width: 350px;
				}

				[data-type="dekode/header"].is-style-thank_you .illustrations .right, .wp-block-dekode-header.is-style-thank_you .illustrations .right {
					width: 350px;
				}
	}
@media screen and (max-width: 1400px) {
		[data-type="dekode/header"] .header-content, .wp-block-dekode-header .header-content {
			padding: 15rem 0 0
		}

			[data-type="dekode/header"] .header-content p, .wp-block-dekode-header .header-content p {
				max-width: 600px;
			}

			[data-type="dekode/header"] .illustrations .left, .wp-block-dekode-header .illustrations .left {
				width: 300px;
			}

			[data-type="dekode/header"] .illustrations .right, .wp-block-dekode-header .illustrations .right {
				width: 300px
			}

				[data-type="dekode/header"] .illustrations .right.custom-animation, .wp-block-dekode-header .illustrations .right.custom-animation {
					top: 8rem;
					height: 100%
				}
					[data-type="dekode/header"] .illustrations .right.custom-animation #floating-building, .wp-block-dekode-header .illustrations .right.custom-animation #floating-building {
						width: 5rem;
						height: auto;
					}
					[data-type="dekode/header"] .illustrations .right.custom-animation #hovering-city, .wp-block-dekode-header .illustrations .right.custom-animation #hovering-city {
						position: absolute;
						top: 0%;
						opacity: 0;
						right: 180px;
						z-index: 2;
					}

					[data-type="dekode/header"] .illustrations .right.custom-animation #city, .wp-block-dekode-header .illustrations .right.custom-animation #city {
						top: 4rem;
						right: 0;
						z-index: 1;
						width: 450px;
						height: auto;
					}

				[data-type="dekode/header"].is-style-thank_you .illustrations .left, .wp-block-dekode-header.is-style-thank_you .illustrations .left {
					width: 325px;
				}
	
				[data-type="dekode/header"].is-style-thank_you .illustrations .right, .wp-block-dekode-header.is-style-thank_you .illustrations .right {
					width: 325px;
				}

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

			[data-type="dekode/header"] .illustrations .left, .wp-block-dekode-header .illustrations .left {
				width: 250px
			}
						[data-type="dekode/header"] .illustrations .left.custom-planet-parent img#planet-redrock, .wp-block-dekode-header .illustrations .left.custom-planet-parent img#planet-redrock {
							width: 30vw;
						}
						[data-type="dekode/header"] .illustrations .left.custom-planet-parent img#planet-snowball, .wp-block-dekode-header .illustrations .left.custom-planet-parent img#planet-snowball {
							width: 22.5vw;
						}
						[data-type="dekode/header"] .illustrations .left.custom-planet-parent img#planet-earth, .wp-block-dekode-header .illustrations .left.custom-planet-parent img#planet-earth {
							width: 15vw;
						}

			[data-type="dekode/header"] .illustrations .right.custom-animation, .wp-block-dekode-header .illustrations .right.custom-animation {
				transform: translateX(85px);
				top: 12rem;
			}

				[data-type="dekode/header"].is-style-thank_you .illustrations .left, .wp-block-dekode-header.is-style-thank_you .illustrations .left {
					width: 275px;
				}
	
				[data-type="dekode/header"].is-style-thank_you .illustrations .right, .wp-block-dekode-header.is-style-thank_you .illustrations .right {
					width: 275px;
				}
	}
@media screen and (max-width: 1100px) {
		[data-type="dekode/header"] .header-content, .wp-block-dekode-header .header-content {
			padding: 14rem 0 0;

		}

			[data-type="dekode/header"] .illustrations .left, .wp-block-dekode-header .illustrations .left {
				width: 200px;
			}
				[data-type="dekode/header"] .illustrations .right.custom-animation, .wp-block-dekode-header .illustrations .right.custom-animation {
					transform: translateX(100px);
					top: 14rem;
				}

		[data-type="dekode/header"] .bottom_img img, .wp-block-dekode-header .bottom_img img {
			width: 700px;
		}

		

	}
@media screen and (max-width: 980px) {
		[data-type="dekode/header"] .illustrations, .wp-block-dekode-header .illustrations {
			overflow: hidden
		}

			[data-type="dekode/header"] .illustrations .left, .wp-block-dekode-header .illustrations .left {
				width: 150px
			}
						[data-type="dekode/header"] .illustrations .left.custom-planet-parent img#planet-redrock, .wp-block-dekode-header .illustrations .left.custom-planet-parent img#planet-redrock {
							width: 25vw;
						}
						[data-type="dekode/header"] .illustrations .left.custom-planet-parent img#planet-snowball, .wp-block-dekode-header .illustrations .left.custom-planet-parent img#planet-snowball {
							width: 17.5vw;
						}
						[data-type="dekode/header"] .illustrations .left.custom-planet-parent img#planet-earth, .wp-block-dekode-header .illustrations .left.custom-planet-parent img#planet-earth {
							width: 10vw;
						}
				[data-type="dekode/header"] .illustrations .right.custom-animation, .wp-block-dekode-header .illustrations .right.custom-animation {
					transform: translateX(120px);
					top: 8rem
				}

					[data-type="dekode/header"] .illustrations .right.custom-animation #hovering-city, .wp-block-dekode-header .illustrations .right.custom-animation #hovering-city {
						right: 190px;
					}

				[data-type="dekode/header"].is-style-thank_you .illustrations .left, .wp-block-dekode-header.is-style-thank_you .illustrations .left {
					width: 150px;
				}
	
				[data-type="dekode/header"].is-style-thank_you .illustrations .right, .wp-block-dekode-header.is-style-thank_you .illustrations .right {
					width: 150px;
				}

	}
@media screen and (max-width: 860px) {

		[data-type="dekode/header"] .header-content, .wp-block-dekode-header .header-content {
			padding: 15rem 0 0;
		}

			[data-type="dekode/header"] .illustrations .left, .wp-block-dekode-header .illustrations .left {
				width: 110px;
				top: 1.3rem;
			}
				[data-type="dekode/header"] .illustrations .right.custom-animation, .wp-block-dekode-header .illustrations .right.custom-animation {
					transform: translateX(80px);
					top: 18rem
				}
					[data-type="dekode/header"] .illustrations .right.custom-animation #city, .wp-block-dekode-header .illustrations .right.custom-animation #city {
						width: 300px;
					}

					[data-type="dekode/header"] .illustrations .right.custom-animation #hovering-city, .wp-block-dekode-header .illustrations .right.custom-animation #hovering-city {
						right: 120px;
						transform: translateY(-85px)
					}
						[data-type="dekode/header"] .illustrations .right.custom-animation #hovering-city #floating-building, .wp-block-dekode-header .illustrations .right.custom-animation #hovering-city #floating-building {
							width: 4rem;
						}

	}
@media screen and (max-width: 650px) {
		[data-type="dekode/header"] .header-content, .wp-block-dekode-header .header-content {
			padding: 17rem 0 0;
		}

			[data-type="dekode/header"] .illustrations .left, .wp-block-dekode-header .illustrations .left {
				width: 100px;
				top: 0;
			}

			[data-type="dekode/header"] .illustrations .right, .wp-block-dekode-header .illustrations .right {
				width: 130px;
				top: 29rem;
			}
			[data-type="dekode/header"].is-style-thank_you .header-content, .wp-block-dekode-header.is-style-thank_you .header-content {
				padding-bottom: 14rem;
			}
				[data-type="dekode/header"].is-style-thank_you .illustrations .left, .wp-block-dekode-header.is-style-thank_you .illustrations .left {
					width: 150px;
				}
	
				[data-type="dekode/header"].is-style-thank_you .illustrations .right, .wp-block-dekode-header.is-style-thank_you .illustrations .right {
					width: 150px;
				}
	}
@media screen and (max-width: 500px) {
		[data-type="dekode/header"] .header-content, .wp-block-dekode-header .header-content {
			padding: 12rem 0 0;
		}
		[data-type="dekode/header"] .bottom_img img, .wp-block-dekode-header .bottom_img img {
			margin-top: 5rem;
			margin-bottom: -4rem;
		}

			[data-type="dekode/header"] .illustrations .left, .wp-block-dekode-header .illustrations .left {
				width: 70px;
			}
	}
.quote-grid {
	position: relative;
	max-width: 900px;
	z-index: 2

}
.quote-grid .quote-grid-content {
		display: flex;
	}
.quote-grid .quotes {
		width: 100%;
	}
.quote-grid .nav {
		display: flex;
		align-items: center;
		cursor: pointer;
		transition: all 0.3s ease-in-out
	}
.quote-grid .nav:hover {
			opacity: 0.4;
		}
.quote-grid .nav svg {
			margin-right: 2.5rem;
		}
.quote-grid .nav.right svg {
				margin-right: 0;
				margin-left: 2.5rem;
				transform: rotate(180deg);
			}
@media screen and (max-width: 750px) {
		.quote-grid .quote-grid-content {
			flex-flow: row wrap;
			justify-content: center;
		}

		.quote-grid .quotes {
			flex: 0 100%;
		}

		.quote-grid .nav {
			order: 2;
			margin-top: 2rem;
		}
	}
body .quotes .quote {
	width: 100%;
	padding: 2.3rem;
	text-align: center;
	background: linear-gradient(180deg, #FFFFFF 0%, #F2F2F9 100%);
	position: relative;
	filter: drop-shadow(0px 2px 20px rgba(0, 0, 0, 0.201896));
	border: 2px solid #009DDB;
	box-shadow: -4px 4px 0px #009DDB;
	transition: opacity 0.4s ease-in-out;
	display: none;
	opacity: 0

}
body .quotes .quote.show {
		display: block;
		opacity: 1;
	}
body .quotes .quote .quote_img_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%

	}
body .quotes .quote .quote_img_wrap .quote_img {
			width: 150px;
			height: 150px;
			border-radius: 50%;
			background-size: cover;
			margin: 0 auto;
			transform: translateY(-50%);
		}
body .quotes .quote .quote_img_wrap + .quote_content {
			padding-top: 4.6rem;
		}
body .quotes .quote .quote_content {
		padding-top: 2rem;
		max-width: 390px;
		margin: 0 auto;
	}
body .quotes .quote .quote_text {
		overflow: hidden;
		margin-bottom: 48px;
		min-height: 5em;
	}
body .quotes .quote h2 {
		font-style: italic;
		font-weight: 400;
		margin: 0;
		font-size: 24px;
		line-height: 32px;
		text-transform: none;
		color: inherit;
	}
body .quotes .quote p {
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		margin: 0;
	}