/* -------------------------------------------------------
   1. TOKENS / VARIABLES
------------------------------------------------------- */
:root {
  --sy-base-size: 62.5%;
  --sy-font-base: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --sy-font-head: "Poppins", sans-serif;
  --sy-font-thin: "Darker Grotesque", sans-serif;

  --sy-color-text: #2A2A2A;
  --sy-color-bg: #FFFFFF;
  --sy-color-primary: #07679E;

  --sy-color-accent: #5C8AFF;
  --sy-color-accent-light: #DBE5FF;
  --sy-color-accent-2: #B7FFFF;
  --sy-color-accent-2-dark: #6CCBCB;
  --sy-color-accent-3: #73E3FC;
  --sy-color-accent-3-dark: #07679E;

  --sy-black: #000000;
  --sy-color-white: #FFFFFF;

  --sy-transition-duration: 0.25s;
}

/* -------------------------------------------------------
   2. RESET / BASE
------------------------------------------------------- */
html {
  box-sizing: border-box;
  font-size: var(--sy-base-size);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  position: relative;
  font-family: var(--sy-font-base);
  font-size: 1.6rem;
  color: var(--sy-color-text);
  background-color: var(--sy-color-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--sy-font-head);
}

p {
  margin-top: 0;
}

ul,
ol,
dl {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

a,
button,
input,
select {
  transition-property: transform, background, background-color, border-color, color;
  transition-duration: var(--sy-transition-duration);
}

textarea {
  resize: vertical;
}

a {
  color: var(--sy-color-text);
  text-decoration: none;
}

a:hover {
  color: var(--sy-color-primary);
  text-decoration: underline;
}

a:focus {
  outline: none;
}

img {
  vertical-align: middle;
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

[role="button"] {
  cursor: pointer;
}

[hidden] {
  display: none !important;
}

/* HR */
hr {
  border-top-color: var(--sy-color-primary);
  opacity: 0.4;
  margin: 3rem auto;
}
/* BASE */
.container{
	max-width: 1564px;
	margin-inline: auto;
}
.header{
	padding-inline: 1.6rem;
	padding-block: 1.6rem;
	background-color: #07679E;	
	font-family: var(--sy-font-thin);
}
.header__bar{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header__navigation{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.header__nav{
	display: none;
}
.header__nav ul{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 6.0rem;
}
.header__nav ul li a{
	font-size: 2.0rem;
	color: var(--sy-color-accent-2);
	font-weight: 600;
	white-space: nowrap;
	text-transform: capitalize;	
}
.header__nav ul li a:hover{
	color: var(--sy-color-white);
	text-decoration: none;
}
.session{
	display: none;
}
.session ul{
	flex-direction: column;
	display: flex;
	gap: 2.0rem;
}
.session__link{
	font-size: 2.0rem;
	color: var(--sy-color-accent-2);
	font-weight: 600;
	text-transform: capitalize;
}
.session__link:hover{
	color: var(--sy-color-white);
	text-decoration: none;
}
.brand{
	display: block;
}
.brand img{
	max-height: 30px;
	width: auto;
}
.leaf{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 2.6rem;
}
.top{
	display: none;
}
.nav-top{
	display: flex;
}
.nav-top__list{
	display: flex;
	gap: 6.0rem;
	align-items: center;
}
.nav-top__item{
	list-style: none;
}
.nav-top__link{
	color: var(--sy-color-accent-2);
	opacity: .7;
	text-transform: uppercase;
	font-weight: 600;
}
.nav-top__link:hover{
	color: var(--sy-color-white);
	text-decoration: none;
}
.browser{
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--sy-color-accent-2-dark);
}
.browser__icon{
	display: none;
}
.browser__icon.is-active{
	display: block;
}
.btn{
	padding: 1.4rem 2.4rem;
	border-radius: 5.0rem;
	line-height: 2.6;
	font-size: 2.0rem;
	font-weight: 600;	
	white-space: nowrap;
}
.btn--accent {
	background-color: var(--sy-color-accent);
	color: var(--sy-color-white);
}
.btn:hover{
	text-decoration: none;
	color: var(--sy-color-white);
}
.btn--icon{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .7rem .7rem .7rem 2rem;
	gap: 2rem;
	font-size: 1.4rem;
	font-weight: 500;
	font-family: var(--sy-font-head);
	flex-wrap: nowrap;
	justify-content: flex-start;
	width: auto;
	flex: 0 0 auto;
}
.btn__icon img{
	width: initial!important;
}
.btn--icon .btn__icon{
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn--icon.btn--white{
	background-color: var(--sy-color-white);
	color: var(--sy-color-primary);
}
.btn--icon.btn--white .btn__icon{
	background-color: #D6E3FF;
}
.btn--icon.btn--accent2{
	background-color: var(--sy-color-accent-2);
	color: var(--sy-color-primary);
}
.btn--icon.btn--accent2 .btn__icon{
	background-color: var(--sy-color-accent-2-dark);
}
.btn--icon.btn--accent3{
	background-color: var(--sy-color-accent-3);
	color: var(--sy-color-primary);
}
.btn--icon.btn--accent3 .btn__icon{
	background-color: #1E9CE5;
}
.btn--icon.btn--accent4{
	background-color: #D6E3FF;
}
.btn--icon.btn--accent4 span{
	background-color: #C1D5FF;
}
.btn__icon{
	background-repeat: no-repeat;
	background-position: center;
	background-position: left -20px center;
	transition: all .3s ease;
}
.btn--white.btn--accent2{
	background-color: var(--sy-color-white);
}
.btn--white.btn--accent2 .btn__label{
	color: var(--sy-color-text);
}
.btn--only img{
  transition: transform .3s ease, opacity .3s ease;
}
.btn--only:hover .btn__icon{
	background-position: left 12px center;
}

.btn--only:hover img{
	transform: translateX(200%);
	opacity: 0;
}
.btn-animation{
	transition: all .3s ease;	
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.btn-animation:hover{
	background-position: left 20px center;
}
.btn-animation:hover .btn__label{
	transform: translateX(16%);
}
.btn-animation .btn__label,
.btn-animation .btn__icon{
	position: relative;
	z-index: 2;
}
.btn-animation::before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 46px;
	transform: translateX(-100%);
	background-image: url("../images/icon-arrow-right-white.svg");
	background-repeat: no-repeat;
	background-position: left -10px center;
}
.btn-animation.btn--accent2::before{
	background-color: var(--sy-color-accent-2-dark);
	color: var(--sy-color-white);
}
.btn-animation.btn--accent3::before{
	background-color: #1E9CE5;
	color: var(--sy-color-white);
}
.btn-animation:hover .btn__label{
	color: var(--sy-color-white);
}
.btn-animation:hover::before{
	transform: translateX(0%);
	background-position: left 20px center;
}
.btn-animation.btn--white::before{
	background-color: var(--sy-color-primary);
	color: var(--sy-color-white);
}


.btn-animation::before,
.btn-animation .btn__label,
.btn-animation .btn__icon{
	transition: all .3s ease;
}
.btn-animation:hover .btn__icon{
	transform: translateX(200%);
	opacity: 0;
}

.invitations{
	color: var(--sy-color-white);
	font-size: 1.6rem;
	text-align: right;
	max-width: 60%;
	max-width: 260px;
}
.invitations__actions{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 2rem;
}
.partner{
	padding-block: 4rem;
	padding-inline: 1.6rem;
}
.partner ul{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 3rem;
}
.partner ul li a{
	display: block;
}
.partner ul li a img{
	zoom: .75;
}
.rights{
	padding: 1.6rem;
	color: var(--sy-color-primary);
	font-weight: 600;
}
.footer{
	background-color: var(--sy-color-primary);
	overflow: hidden;
	padding-top: 4rem;
}
.footer .bottom{
	background-color: var(--sy-color-white);
}
.footer__content{
	padding-inline: 2.7rem;
	display: flex;
	flex-direction: column;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNTkiIGhlaWdodD0iMzkxIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjNkNDQkNCIiBkPSJtMzU2Ljk4IDE5OC45LTE0LjYzLTUuODZjLTEyLjY5LTkuNzUgNC44OC00NS44MSA3LjgtNjguMjQgMCAwLTQ5Ljc1IDE3LjU1LTUzLjY0IDcuOGwtMTIuNjktMjQuMzdMMjM4IDE1Ny45N2MtNC44OC45OS02LjgyIDAtNy44MS00Ljg4bDIxLjQ1LTEwNC4zLTMzLjE1IDE4LjVjLTIuOTQgMS01Ljg3IDAtNi44Mi0yLjkzTDE3OS40NiAwbC0zMy4xNSA2Ny4yNWMtMi45MyAxLjk1LTQuODcgMi45NC02LjgyIDFsLTMyLjItMTcuNTYgMTkuNTEgMTAzLjM2Yy0xLjk0IDMuODgtNC44NyA0Ljg3LTkuNzUgMi45M2wtNDMuOS00OS43NEM2Ny4zIDExNiA2My40IDEzMS42MiA1NS42IDEzNC41NXMtMzMuMTUtNS44Ny00OS43Ni05Ljc1YzUuODcgMjAuNDkgMjMuNCA1NS41NiAxMi42OSA2Ny4yNkwwIDE5Ny45Mmw4NS44NCA3Ni4wNWM2LjgyIDE5LjUtMS45NCAyNS4zNi03LjggMzUuMTFsOTMuNjUtMTEuNjktMS45NCA5My42MWgxOS41bC0zLjg4LTkzLjYgOTMuNjUgMTAuNzNjLTUuODYtMTIuNjgtMTAuNzQtMTguNS01Ljg2LTM4TDM1OSAxOTguOTV6Ii8+PC9zdmc+");
	background-position: right 1.6rem bottom;
	background-size: 30%;
	background-repeat: no-repeat;		
	padding-bottom: 20rem;
}
.footer__discover .visual{
	max-width: 100%;
}
.footer_brand{
	display: block;
	margin-bottom: 5rem;
}
.sitemap{
	display: none;
	color: var(--sy-color-white);
}
.sitemap b{
	display: block;
	line-height: 1;
	margin-bottom: 1rem;
}
.sitemap a{
	color: var(--sy-color-white);
	font-size: 1.4rem;
}
.sitemap span{
	display: flex;
	flex-direction: column;
}
.newsletter,
.contact_us{
	color: var(--sy-color-white);
	font-size: 1.6rem;
}
.newsletter b,
.contact_us b{
	font-weight: 600;
	font-family: var(--sy-font-head);
	line-height: 1;
	margin-bottom: 1rem;
	display: block;
}
.newsletter .field{
	border: solid 6px #E6E6E6;
	background-color: #FFFFFF;
	border-radius: 6rem;
	display: flex;
	align-items: center;
}
.newsletter .field input{
	height: 46px;
	flex: 1;
	border: 0;
	border-radius: 6rem 0 0 6rem;
	padding: 1.2rem 2rem;
	line-height: 1;
	font-size: 1.6rem;
	color: #2A2A2A;
}
.newsletter .field input:focus{
	outline: none;
}
.newsletter .field input::placeholder{
	color: #676767;
}
.newsletter .field button{
	height: 46px;
	width: 46px;
	border: 0;
	background-color: var(--sy-color-accent-2-dark);
	border-radius: 6rem;
}
.newsletter .field button:hover{
	cursor: pointer;
}
.contact_us{
	margin-bottom: 7rem;
}
.contact_us.is-last{
	display: none;
}
.contact_us span{
	display: flex;
	gap: .4rem;
}
.contact_us dt{
	font-weight: bold;
}
.contact_us dd{
	margin: 0;
}
.social{
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-top: 1.6rem;
}
.social a{
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	background-color: var(--sy-color-accent-2);
	display: flex;
	justify-content: center;
	align-items: center;
}
.camp{
	display: flex;
	position: relative;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 10rem;
}
.camp__title{
	font-family: var(--sy-font-head);
	color: var(--sy-color-white);
	display: flex;
	flex-direction: column;
	/* transform: translateX(-50%); */
}
.camp__title b{
	font-size: 3.1rem;
	line-height: 1;
	white-space: nowrap;
	font-weight: 900;
}
.camp__title span{
	font-size: 2.3rem;
	line-height: 1;
	white-space: nowrap;
	font-weight: 900;
	margin-left: 6.2rem;
}
.camp .btn{
	position: absolute;
	display: none;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}
.title{
	display: flex;
	flex-direction: column;	
}
.title b{
	line-height: 1;
	margin: 0;
	font-family: var(--sy-font-head);
	font-weight: 900;
	letter-spacing: 2%;
}
.title span{
	margin-left: 2.5rem;
	line-height: 1;
	font-family: var(--sy-font-head);
	font-weight: 900;
}

/* hero */
.hero{
	position: relative;
	padding: 6rem 1.6rem;
}
.hero .title{
	align-self: flex-start;
}
.hero .title b{
	font-size: 2.8rem;
	color: var(--sy-color-white);
}
.hero .title span{
	font-size: 2.6rem;
	color: var(--sy-color-white);
	margin-bottom: 2.0rem;
}
.hero__content{
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.hero--bigger{
	min-height: 680px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.hero::before{
	content: "";
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		to top,
		rgba(7, 103, 158, 0) 0%,
		rgba(7, 103, 158, 1) 56%
	);
}
.hero .btn.is-fixed{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: fit-content;
	margin-inline: auto;
	transform: translateY(50%);
}
/* Program */
.programs{
	padding-block: 8.0rem;
	padding-inline: 2rem;
	background-color: #F5F8FF;
	overflow: hidden;
}
.programs__list{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: -2.5rem;
}
.headline{
	display: flex;
	flex-direction: column;
	width: fit-content;
}
.program{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 3rem;
	border-radius: .6rem;
	gap: 1rem;
	background-color: var(--sy-color-white);
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MSIgaGVpZ2h0PSI0MSIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzZDQ0JDQiIgZD0iTTE4LjU0IDEuNWExOC42IDE4LjYgMCAxIDEgMy4wMiAzNy4xIDE4LjYgMTguNiAwIDAgMS0zLjAyLTM3LjFtLjcgOC41YTEwLjEgMTAuMSAwIDEgMCAxLjYzIDIwLjFBMTAuMSAxMC4xIDAgMCAwIDE5LjIzIDEwIi8+PGNpcmNsZSBjeD0iMTIuODkiIGN5PSIxMy42NyIgcj0iMy43OCIgZmlsbD0iIzlERkNGQyIgb3BhY2l0eT0iLjUiIHRyYW5zZm9ybT0icm90YXRlKC00LjY1IDEyLjg5IDEzLjY3KSIvPjwvc3ZnPg==");
	background-position: left 20px top 20px;
	background-size:auto;
	background-repeat: no-repeat;
	transform: rotate(-4.65deg);
	max-width: 460px;
}
.program:nth-child(even){
	background-color: #E6F4FF;
	background-position: right -25px bottom 20px;
	transform: rotate(2.53deg);
}
.program:hover{
	text-decoration: none;
	color: inherit;
}
.program__image{
	width: 100%;
	height: 150px;
	overflow: hidden;
	border-radius: .4rem;
	margin-bottom: 1rem;
}
.program__image img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	pointer-events: none;
	user-select: none;		
}
.program__content strong{
	color: var(--sy-color-primary);
	font-family: var(--sy-font-head);
	font-weight: 900;
	font-size: 1.6rem;
	line-height: 1;
	margin-bottom: 1rem;
	display: block;
}
.program__content p{
	font-size: 1.8rem;
	line-height: 1.2;
	font-weight: 500;
	color: var(--sy-black);
}
.programs__know{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 8.0rem;
}
.programs--all.programs__list{
	gap: 1rem;
	flex-wrap: wrap;
}
.program__thumb{
	background-color: var(--sy-color-white);
	border-radius: 6px;
	padding: 2.5rem;
	display: flex;
	flex-direction: column;
	gap: .8rem;
	transform: rotate(-4.5deg);
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MSIgaGVpZ2h0PSI0MSIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzZDQ0JDQiIgZD0iTTE4LjU0IDEuNWExOC42IDE4LjYgMCAxIDEgMy4wMiAzNy4xIDE4LjYgMTguNiAwIDAgMS0zLjAyLTM3LjFtLjcgOC41YTEwLjEgMTAuMSAwIDEgMCAxLjYzIDIwLjFBMTAuMSAxMC4xIDAgMCAwIDE5LjIzIDEwIi8+PGNpcmNsZSBjeD0iMTIuODkiIGN5PSIxMy42NyIgcj0iMy43OCIgZmlsbD0iIzlERkNGQyIgb3BhY2l0eT0iLjUiIHRyYW5zZm9ybT0icm90YXRlKC00LjY1IDEyLjg5IDEzLjY3KSIvPjwvc3ZnPg==");
	background-position: left 16px top 16px;
	background-size: 30px;
	background-repeat: no-repeat;	
}
.program__thumb:nth-child(even){
	transform: rotate(4.5deg);
	background-color: #E6F4FF;
}
.program__thumb:hover{
	text-decoration: none;
}
.program__thumb img{
	border-radius: .3rem;
}
.program__thumb b{
	color: var(--sy-color-primary);
	font-weight: 900;
	font-size: 1.6rem;
	display: block;
	margin: 0;
	font-family: var(--sy-font-head);
}
.programs__stars{
	padding-top: 5rem;
	display: flex;
	flex-direction: column;
	gap: 4.8rem;
}
.program__about{
	/* width: 500px; */
	color: var(--sy-color-primary);
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.program__about b{
	font-weight: 900;
	font-size: 2rem;
	font-family: var(--sy-font-head);
}
.program__about p{
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin-bottom: 0;
}
.programs__stars-list{
	display: flex;
	flex-direction: column;
	gap: 2.7rem;
}
.star{
	display: flex;
	flex-direction: row;
	gap: 1.6rem;
}
.star p{
	font-size: 1.6rem;
	line-height: 1.4;
}
.star b{
	font-weight: 800;
	font-size: 1.8rem;
	color: var(--sy-color-primary);
	font-family: var(--sy-font-head);
}
.star a{
	color: var(--sy-color-primary);
}
.headline b{
	font-family: var(--sy-font-head);
	font-size: 2.8rem;
	color: var(--sy-color-primary);
	line-height: 1;
	font-weight: 700;
}
.headline span{
	opacity: .17;
	color: #5E8BFF;
	font-family: var(--sy-font-head);
	font-size: 6.0rem;
	font-weight: 900;
	line-height: 1;
	align-self: center;
	transform: translateY(-30%);
}
/* Why */
.Why{
	padding-block: 10rem;
	padding-bottom: 5rem;
	padding-inline: 2rem;
}
.reasons__list{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1rem;
}
.reason{
	position: relative;
	padding: 2.6rem;
	background-color: #F0F7FF;
	min-height: 210px;
	border-radius: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.reason strong{
	font-size: 1.6rem;
	font-family: var(--sy-font-head);
	font-weight: 900;
	line-height: 1;
	color: var(--sy-color-primary);
	margin-bottom: 2rem;
	display: block;
}
.reason p{
	font-size: 1.8rem;
	line-height: 1.2;
	font-weight: 500;
	color: var(--sy-black);	
}
.reason__icon{
	align-self: flex-end;
	position: relative;
	z-index: 3;
}
.reason__visual{
	box-shadow: 3px 4px 10px 0 rgba(7, 103, 158, 0.4);
	border-radius: 1.0rem;
	overflow: hidden;
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.reason__visual img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	pointer-events: none;
	user-select: none;		
}
/* news */
.news{
	padding-block: 10rem;
	padding-top: 5rem;
	padding-inline: 2rem;
}
.news .headline span{
	align-self: flex-start;
	transform: translate(50%, -30%);
}
.news__list{
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.news__article {
  display: flex;
  flex-direction: column;
}
.news__image{
	display: block;
	width: fit-content;
	overflow: hidden;
	border-radius: 5px;
	margin-bottom: .7rem;
}
.news__date{
	color:#5C90FF;
	font-size: 1.4rem;
	font-family: var(--sy-font-head);
	font-weight: 900;
	margin-bottom: 0;
}

.news__content {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.news__headlong {
  flex: 1;
  min-width: 0;
}

.news__title {
  display: block;
  text-decoration: none;
}
.news__title:hover{
	text-decoration: none;
}

.news__title strong {
  color: var(--sy-color-primary);
  font-size: 1.6rem;
  font-family: var(--sy-font-head);
  font-weight: 900;
	line-height: 2.4rem;
}

.news__headlong p {
  display: none;
}

.news__content .btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .7rem;
  width: fit-content;
	align-self: flex-end;
}

/* join */
.join{
	height: 580px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: self-end;
}
.join__content{
	width: 100%;
  background: linear-gradient(-160deg, rgb(3 31 51 / 30%) 15%, rgb(2 19 30) 100%);
	padding:0 2.5rem 2.5rem;
}
.join__title{
	font-size: 3.2rem;	
	font-family: var(--sy-font-head);
	font-weight: 900;
	line-height: 1;
	margin: 0;
	position: absolute;
	top: 0;
	transform: translateY(-50%);
}
.join__layout{
	color: var(--sy-color-white);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2rem;
	padding-top: 3rem;
	position: relative;
}
.join__layout p{
	max-width: 480px;
	font-size: 1.6rem;
}
/* say */
.say{
	padding-block: 10rem;
	/* padding-inline: 2rem; */
}
.say .container{
	padding-inline: 2rem;
}
.swiper {
  width: 100%;
  padding-bottom: 3rem;
}

.swiper-slide {
  width: auto;
}
.testimonials{
	padding-left: 2rem;
}
.testimonial {
  width: 260px;
  padding: 2.8rem;
  background: #F5F8FF;
  border-radius: 2rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 3.6rem;
}
.swiper.testimonials {
	padding-bottom: 6rem;
}
.perfil{
	position: relative;
}
.perfil::before{
	content: "";
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1OCIgaGVpZ2h0PSI1OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzZDQ0JDQiIgZD0iTTQzLjQ3IDQzLjQ3YTIwLjUgMjAuNSAwIDEgMS0yOC45OC0yOC45OCAyMC41IDIwLjUgMCAwIDEgMjguOTggMjguOThtLTYuNjMtNi42M2ExMS4xMSAxMS4xMSAwIDEgMC0xNS43Mi0xNS43MiAxMS4xMSAxMS4xMSAwIDAgMCAxNS43MiAxNS43MiIvPjxjaXJjbGUgY3g9IjM5LjU0IiBjeT0iMjkuMjIiIHI9IjQuMTciIGZpbGw9IiM5REZDRkMiIG9wYWNpdHk9Ii41IiB0cmFuc2Zvcm09InJvdGF0ZSgxMzUgMzkuNTQgMjkuMjIpIi8+PC9zdmc+");
	background-position: center;
	background-size: 60px;
	background-repeat: no-repeat;
	position: absolute;	
	right: 0px;
	bottom: 0px;
	width: 60px;
	height: 60px;
	transform: translate3d(40%, 40%, 0);
}
.avatar{
	width: 72px;
	height: 76px;
	border-radius: .4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.avatar b{
	text-transform: uppercase;
	font-family: var(--sy-font-head);
	line-height: 1;
	font-weight: 600;
	font-size: 3rem;
	opacity: .5;
}
.view{
	display: flex;
	flex-direction: column;
	gap: 1.6rem;	
}
.view b{
	margin: 0;
	font-family: var(--sy-font-head);
	font-size: 1.6rem;
}
.view p{
	margin: 0;
	font-size: 1.8rem;
	font-weight: 500;
	color: var(--sy-black);
}
.review{
	display: flex;
	gap: .8rem;
}
/* bubbles */
.bubbles{
	background-color: var(--sy-color-primary);
	min-height: 900px;
	position: relative; 
	overflow: hidden;
}
.bubbles > svg{
	position: absolute;
}
.bubbles::before,
.bubbles::after{
	content: '';
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 46px;
}
.bubbles::after{
	top: 0;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzAwIiBoZWlnaHQ9IjQ2IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRjVGOEZGIiBkPSJNNTY3LjY4IDI4LjMzQzY3My4wMiAyOC4zMyA3MDcuMDIgNDYgODUxIDQ2VjBILTg0OC45cy0xMTQuOTkgNDYgMCA0NmMxMTUgMCAxNzAuNjYtMTcuNjcgMjgzLjMyLTE3LjY3Uy00MjUuOTIgNDYtMzA4LjQgNDYtOTcuOTQgMjguMzMgMS4wNSAyOC4zM2M5OSAwIDE2MiAxNy42NyAyODMuMzIgMTcuNjdzMTc3Ljk5LTE3LjY3IDI4My4zMS0xNy42NyIvPjxwYXRoIGZpbGw9IiNGNUY4RkYiIGQ9Ik0xMTMxLjMyIDI4LjMzQzEwMjUuOTkgMjguMzMgOTkxLjk5IDQ2IDg0OCA0NlYwaDE2OTkuODlzMTE0Ljk5IDQ2IDAgNDYtMTcwLjY1LTE3LjY3LTI4My4zMS0xNy42N1MyMTI0LjkyIDQ2IDIwMDcuNDEgNDZzLTIxMC40Ny0xNy42Ny0zMDkuNDYtMTcuNjdjLTk5IDAtMTYxLjk5IDE3LjY3LTI4My4zMiAxNy42N3MtMTc3Ljk5LTE3LjY3LTI4My4zMS0xNy42NyIvPjwvc3ZnPg==");
	background-position: center top;
	background-size: contain;
	background-repeat: repeat-x;	
}
.bubbles::before{
	bottom: 0;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzAwIiBoZWlnaHQ9IjQ2IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNTY3LjY4IDE3LjY3QzY3My4wMiAxNy42NyA3MDcuMDIgMCA4NTEgMHY0NkgtODQ4LjlzLTExNC45OS00NiAwLTQ2YzExNSAwIDE3MC42NiAxNy42NyAyODMuMzIgMTcuNjdTLTQyNS45MiAwLTMwOC40IDAtOTcuOTQgMTcuNjcgMS4wNSAxNy42N2M5OSAwIDE2Mi0xNy42NyAyODMuMzItMTcuNjdzMTc3Ljk5IDE3LjY3IDI4My4zMSAxNy42NyIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMTMxLjMyIDE3LjY3QzEwMjUuOTkgMTcuNjcgOTkxLjk5IDAgODQ4IDB2NDZoMTY5OS44OXMxMTQuOTktNDYgMC00Ni0xNzAuNjUgMTcuNjctMjgzLjMxIDE3LjY3UzIxMjQuOTIgMCAyMDA3LjQxIDBzLTIxMC40NyAxNy42Ny0zMDkuNDYgMTcuNjdjLTk5IDAtMTYxLjk5LTE3LjY3LTI4My4zMi0xNy42N3MtMTc3Ljk5IDE3LjY3LTI4My4zMSAxNy42NyIvPjwvc3ZnPg==");
	background-position: center bottom;
	background-size: contain;
	background-repeat: repeat-x;	
}
.bubbles.bubbles--white::after{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzAwIiBoZWlnaHQ9IjQ2IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNTY3LjY4IDI4LjMzQzY3My4wMiAyOC4zMyA3MDcuMDIgNDYgODUxIDQ2VjBILTg0OC45cy0xMTQuOTkgNDYgMCA0NmMxMTUgMCAxNzAuNjYtMTcuNjcgMjgzLjMyLTE3LjY3Uy00MjUuOTIgNDYtMzA4LjQgNDYtOTcuOTQgMjguMzMgMS4wNSAyOC4zM2M5OSAwIDE2MiAxNy42NyAyODMuMzIgMTcuNjdzMTc3Ljk5LTE3LjY3IDI4My4zMS0xNy42NyIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMTMxLjMyIDI4LjMzQzEwMjUuOTkgMjguMzMgOTkxLjk5IDQ2IDg0OCA0NlYwaDE2OTkuODlzMTE0Ljk5IDQ2IDAgNDYtMTcwLjY1LTE3LjY3LTI4My4zMS0xNy42N1MyMTI0LjkyIDQ2IDIwMDcuNDEgNDZzLTIxMC40Ny0xNy42Ny0zMDkuNDYtMTcuNjdjLTk5IDAtMTYxLjk5IDE3LjY3LTI4My4zMiAxNy42N3MtMTc3Ljk5LTE3LjY3LTI4My4zMS0xNy42NyIvPjwvc3ZnPg==");
}
.bubbles.bubbles--white::before{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzAwIiBoZWlnaHQ9IjQ2IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNTY3LjY4IDE3LjY3QzY3My4wMiAxNy42NyA3MDcuMDIgMCA4NTEgMHY0NkgtODQ4LjlzLTExNC45OS00NiAwLTQ2YzExNSAwIDE3MC42NiAxNy42NyAyODMuMzIgMTcuNjdTLTQyNS45MiAwLTMwOC40IDAtOTcuOTQgMTcuNjcgMS4wNSAxNy42N2M5OSAwIDE2Mi0xNy42NyAyODMuMzItMTcuNjdzMTc3Ljk5IDE3LjY3IDI4My4zMSAxNy42NyIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMTMxLjMyIDE3LjY3QzEwMjUuOTkgMTcuNjcgOTkxLjk5IDAgODQ4IDB2NDZoMTY5OS44OXMxMTQuOTktNDYgMC00Ni0xNzAuNjUgMTcuNjctMjgzLjMxIDE3LjY3UzIxMjQuOTIgMCAyMDA3LjQxIDBzLTIxMC40NyAxNy42Ny0zMDkuNDYgMTcuNjdjLTk5IDAtMTYxLjk5LTE3LjY3LTI4My4zMi0xNy42N3MtMTc3Ljk5IDE3LjY3LTI4My4zMSAxNy42NyIvPjwvc3ZnPg==");

}
/* mission */
.mission{
	padding-block: 10rem;
	padding-top: 5rem;
	padding-inline: 2rem;
}
.mission .headline span{
	align-self: flex-start;
	transform: translate(10%, -20%);
}
.mission__figure{
	display: flex;
	flex-direction: column;
	margin: 0;
	margin-top: -3.0rem;
}
.mission__figure img{
	width: 100%;
	border-radius: .6rem;
	margin-bottom: 2.4rem;
	max-width: 623px;
	height: auto;
}
.mission__figure figcaption{
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2.0rem;
}
/* vision */
.vision{
	padding-block: 10rem;
	padding-top: 5rem;
	padding-inline: 2rem;
}
.vision .headline span{
	align-self: flex-start;
	transform: translate(10%, -20%);
}
.values__list{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1rem;
	margin-top: -30px;
}
.value{
	position: relative;
	padding: 2.8rem 2.6rem 2rem 2.6rem;
	background-color: #F0F7FF;
	min-height: 210px;
	border-radius: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}
.value strong{
	font-size: 1.6rem;
	font-family: var(--sy-font-head);
	font-weight: 900;
	line-height: 1;
	color: var(--sy-color-primary);
	margin-bottom: 2.8rem;
	display: block;
}
.value p{
	font-size: 1.8rem;
	line-height: 1.2;
	font-weight: 500;
	color: var(--sy-black);	
    margin-top: 0;
    margin-bottom: auto;
}
.value__icon{
	align-self: flex-end;
	position: relative;
	z-index: 3;
	margin-top: 2rem;
}
.invitation{
	background-color: #F0F7FF;
	padding: 16rem 1.6rem;
	display: none;
}
.invitation .invitation__content b,
.invitation .invitation__content p{
	color: var(--sy-color-primary);
	line-height: 2.4rem;
	font-size: 1.6rem;
}
.invitation__layout{
	display: flex;
	gap: 6rem;
	justify-content: center;
	flex-wrap: wrap;
}
.invitation__column img{
	max-width: 770px;
	overflow: hidden;
	border-radius: .8rem;
}
.invitation__column:last-child{
	max-width: 370px;
	flex-direction: column;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 3rem;
}
.invitation .headline{
	width: inherit;
	justify-content: flex-start;
}
.invitation .headline b{
	font-size: 5.6rem;
}
.invitation .headline span{
	font-size: 6rem;
	align-self: flex-start;
	margin-left: 5rem;
}

.story{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjM0IiBoZWlnaHQ9Ijc2MCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0I3RkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtMTUzNC40OSA2MTQuNTQtMi4yIDM0LjVhMTYgMTYgMCAwIDEtNy4wNSAxMi4yNCAxNS4xIDE1LjEgMCAwIDEtMTQuMTEgMS41NyAxNS44IDE1LjggMCAwIDEtOS45Ny0xNS43M2wtMjEuNjYtMS4zOWMtMS4zMyAyMC45IDE0LjMxIDM4Ljk3IDM0Ljg2IDQwLjI4IDIwLjU2IDEuMzEgMzguMzMtMTQuNzUgMzkuNjYtMzUuNjUuOTctMTUuMjYtNy4xLTI5LTE5LjUzLTM1LjgyIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjQjdGRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xNTAxLjE2IDY0Ny4xMiAyLjItMzQuNWMuMzMtNS4xNyAzLjA4LTkuNiA3LjA1LTEyLjI0YTE1LjEgMTUuMSAwIDAgMSAxNC4xLTEuNTggMTUuOCAxNS44IDAgMCAxIDkuOTggMTUuNzRsMjEuNjUgMS4zOGMxLjM0LTIwLjktMTQuMy0zOC45Ni0zNC44Ni00MC4yN3MtMzguMzIgMTQuNzUtMzkuNjUgMzUuNjVjLS45OCAxNS4yNSA3LjEgMjkgMTkuNTMgMzUuODJNMzIwLjQyIDY4OS42OGwtNS42MyAxMy40YTYuNyA2LjcgMCAwIDEtOC42IDMuNjMgNi42NiA2LjY2IDAgMCAxLTMuNS04LjY4bC04LjQxLTMuNTNjLTMuNDEgOC4xMi4zMSAxNy40NSA4LjMgMjAuOHMxNy4yNi0uNTggMjAuNjctOC43YTE2IDE2IDAgMCAwLTIuODMtMTYuOTIiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNCN0ZGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTMwMi42OSA2OTguMDMgNS42My0xMy40YTYuNyA2LjcgMCAwIDEgOC42LTMuNjNxLjk1LjQxIDEuNyAxLjA2YTYuNjUgNi42NSAwIDAgMSAxLjggNy42Mmw4LjQxIDMuNTNjMy40MS04LjExLS4zMS0xNy40NS04LjMtMjAuOC03Ljk4LTMuMzUtMTcuMjYuNTgtMjAuNjcgOC43YTE2IDE2IDAgMCAwIDIuODMgMTYuOTIiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiM2Q0NCQ0IiIGQ9Ik0xNDAyLjkgMzU4LjZhMTEuMTQgMTEuMTQgMCAwIDEgMTEuOTUgMTAuMTkgMTEuMDQgMTEuMDQgMCAwIDEtMTAuMTEgMTEuOTQgMTEuMTMgMTEuMTMgMCAwIDEtMTEuOTQtMTAuMiAxMS4wMyAxMS4wMyAwIDAgMSAxMC4xLTExLjk0bS40MiA1LjA2YTYgNiAwIDAgMC01LjQ4IDYuNDggNi4wNCA2LjA0IDAgMCAwIDYuNDggNS41MyA2IDYgMCAwIDAgNS40OC02LjQ4IDYuMDQgNi4wNCAwIDAgMC02LjQ4LTUuNTMiLz48ZWxsaXBzZSBjeD0iMi4yNSIgY3k9IjIuMjYiIGZpbGw9IiM5REZDRkMiIG9wYWNpdHk9Ii41IiByeD0iMi4yNSIgcnk9IjIuMjYiIHRyYW5zZm9ybT0icm90YXRlKC00LjU5IDUyMzYuNzIgLTE3MjQ2LjQ4KXNrZXdYKC4xMikiLz48cGF0aCBmaWxsPSIjMzBDREVEIiBkPSJNMTMxMy42NSA3NC4zMmExOS44NCAxOS44NCAwIDAgMSAyMS4yOCAxOC4xNiAxOS42NiAxOS42NiAwIDAgMS0xOCAyMS4yOCAxOS44NCAxOS44NCAwIDAgMS0yMS4yOC0xOC4xNiAxOS42NiAxOS42NiAwIDAgMSAxOC0yMS4yOG0uNzUgOS4wMmExMC42NiAxMC42NiAwIDAgMC05Ljc2IDExLjU0IDEwLjc2IDEwLjc2IDAgMCAwIDExLjU0IDkuODUgMTAuNjYgMTAuNjYgMCAwIDAgOS43Ni0xMS41NCAxMC43NiAxMC43NiAwIDAgMC0xMS41NC05Ljg1Ii8+PGVsbGlwc2UgY3g9IjQuMDEiIGN5PSI0LjAyIiBmaWxsPSIjOURGQ0ZDIiBvcGFjaXR5PSIuNSIgcng9IjQuMDEiIHJ5PSI0LjAyIiB0cmFuc2Zvcm09InJvdGF0ZSgtNC41OSAxNjk0LjM1IC0xNjIxNi45OClza2V3WCguMTIpIi8+PHBhdGggZmlsbD0iIzMwQ0RFRCIgZD0iTTIwNi42IDQzNS41MmExMS44IDExLjggMCAwIDEtOS42IDEzLjc2IDEyIDEyIDAgMCAxLTEzLjc3LTkuNzYgMTEuOCAxMS44IDAgMCAxIDkuNi0xMy43NyAxMiAxMiAwIDAgMSAxMy43NiA5Ljc2bS01LjM1LjkxYTYuNSA2LjUgMCAwIDAtNy40Ny01LjMgNi40IDYuNCAwIDAgMC01LjIgNy40NyA2LjUgNi41IDAgMCAwIDcuNDYgNS4zIDYuNCA2LjQgMCAwIDAgNS4yLTcuNDciLz48ZWxsaXBzZSBjeD0iMi40MyIgY3k9IjIuNDEiIGZpbGw9IiM5REZDRkMiIG9wYWNpdHk9Ii41IiByeD0iMi40MyIgcnk9IjIuNDEiIHRyYW5zZm9ybT0ibWF0cml4KC4xNzMzNyAuOTg0ODUgLS45ODU0NCAuMTY5OTggMjAwLjUxIDQyOS43OCkiLz48cGF0aCBmaWxsPSIjMzBDREVEIiBkPSJNMTgyLjQ3IDY4Ni40OGExMS44IDExLjggMCAwIDEtOS42IDEzLjc3IDEyIDEyIDAgMCAxLTEzLjc2LTkuNzcgMTEuOCAxMS44IDAgMCAxIDkuNi0xMy43NiAxMiAxMiAwIDAgMSAxMy43NiA5Ljc2bS01LjM0LjkyYTYuNSA2LjUgMCAwIDAtNy40Ny01LjMgNi40IDYuNCAwIDAgMC01LjIgNy40NyA2LjUgNi41IDAgMCAwIDcuNDYgNS4zIDYuNCA2LjQgMCAwIDAgNS4yLTcuNDciLz48ZWxsaXBzZSBjeD0iMi40MyIgY3k9IjIuNDEiIGZpbGw9IiM5REZDRkMiIG9wYWNpdHk9Ii41IiByeD0iMi40MyIgcnk9IjIuNDEiIHRyYW5zZm9ybT0ibWF0cml4KC4xNzMzNyAuOTg0ODUgLS45ODU0NCAuMTY5OTggMTc2LjQgNjgwLjc1KSIvPjxwYXRoIGZpbGw9IiMzMENERUQiIGQ9Ik0zMy42NiAxLjUzYTIzLjMgMjMuMyAwIDAgMSAyNC43IDIxLjcgMjMuMSAyMy4xIDAgMCAxLTIxLjUzIDI0LjcgMjMuMyAyMy4zIDAgMCAxLTI0LjctMjEuNyAyMy4xIDIzLjEgMCAwIDEgMjEuNTMtMjQuN20uNzMgMTAuNjJhMTIuNTQgMTIuNTQgMCAwIDAtMTEuNjggMTMuNCAxMi42NCAxMi42NCAwIDAgMCAxMy40IDExLjc3IDEyLjU0IDEyLjU0IDAgMCAwIDExLjY3LTEzLjQgMTIuNjQgMTIuNjQgMCAwIDAtMTMuNC0xMS43NyIvPjxlbGxpcHNlIGN4PSI0LjcyIiBjeT0iNC43MyIgZmlsbD0iIzlERkNGQyIgb3BhY2l0eT0iLjUiIHJ4PSI0LjcyIiByeT0iNC43MyIgdHJhbnNmb3JtPSJyb3RhdGUoLTMuNzYgMTk3LjQyIC0zMjAuMzMpc2tld1goLjEpIi8+PHBhdGggZmlsbD0iIzZDQ0JDQiIgZD0iTTE2LjM2IDMxNC40NkExNi41IDE2LjUgMCAwIDEgMzQuMSAzMjkuNmMuNzUgOS4wNy01Ljk2IDE3LTE0Ljk5IDE3LjcyQTE2LjUgMTYuNSAwIDAgMSAxLjM5IDMzMi4yYTE2LjM3IDE2LjM3IDAgMCAxIDE0Ljk4LTE3LjczbS42MyA3LjUyYTguOSA4LjkgMCAwIDAtOC4xMyA5LjYxIDguOTYgOC45NiAwIDAgMCA5LjYxIDguMiA4LjkgOC45IDAgMCAwIDguMTMtOS42IDguOTYgOC45NiAwIDAgMC05LjYxLTguMjEiLz48ZWxsaXBzZSBjeD0iMy4zNCIgY3k9IjMuMzUiIGZpbGw9IiM5REZDRkMiIG9wYWNpdHk9Ii41IiByeD0iMy4zNCIgcnk9IjMuMzUiIHRyYW5zZm9ybT0icm90YXRlKC00LjU5IDQwMjIuOTIgNjMuODUpc2tld1goLjEyKSIvPjxwYXRoIGZpbGw9IiM2Q0NCQ0IiIGQ9Ik0yNjUgNjU1LjJhMTEuMyAxMS4zIDAgMCAxLTUuMTYgMTUuMTUgMTEuNCAxMS40IDAgMCAxLTE1LjE2LTUuMyAxMS4zIDExLjMgMCAwIDEgNS4xNS0xNS4xNyAxMS40IDExLjQgMCAwIDEgMTUuMTcgNS4zMW0tNC42NSAyLjI1YTYuMiA2LjIgMCAwIDAtOC4yMy0yLjg5IDYuMTMgNi4xMyAwIDAgMC0yLjggOC4yMyA2LjIgNi4yIDAgMCAwIDguMjMgMi44OCA2LjEzIDYuMTMgMCAwIDAgMi44LTguMjIiLz48ZWxsaXBzZSBjeD0iMi4zMiIgY3k9IjIuMyIgZmlsbD0iIzlERkNGQyIgb3BhY2l0eT0iLjUiIHJ4PSIyLjMyIiByeT0iMi4zIiB0cmFuc2Zvcm09Im1hdHJpeCguNDM4NzkgLjg5ODUyIC0uODk5NjUgLjQzNjQ4IDI1Ny45MiA2NTEuNTUpIi8+PHBhdGggZmlsbD0iIzZDQ0JDQiIgZD0iTTEzMDUuMzMgNjE3LjRhMTEuMyAxMS4zIDAgMCAxLTUuMTYgMTUuMTYgMTEuNCAxMS40IDAgMCAxLTE1LjE2LTUuMzEgMTEuMyAxMS4zIDAgMCAxIDUuMTYtMTUuMTYgMTEuNCAxMS40IDAgMCAxIDE1LjE2IDUuMzFtLTQuNjUgMi4yNWE2LjEyIDYuMTIgMCAxIDAtMTEuMDIgNS4zNCA2LjEyIDYuMTIgMCAxIDAgMTEuMDItNS4zNCIvPjxlbGxpcHNlIGN4PSIyLjMyIiBjeT0iMi4zIiBmaWxsPSIjOURGQ0ZDIiBvcGFjaXR5PSIuNSIgcng9IjIuMzIiIHJ5PSIyLjMiIHRyYW5zZm9ybT0ibWF0cml4KC40Mzg3OSAuODk4NTIgLS44OTk2NSAuNDM2NDggMTI5OC4yNiA2MTMuNzYpIi8+PHBhdGggZmlsbD0iIzZDQ0JDQiIgZD0iTTE2MjguMzMgNTI3LjRhMTEuMyAxMS4zIDAgMCAxLTUuMTYgMTUuMTYgMTEuNCAxMS40IDAgMCAxLTE1LjE2LTUuMzEgMTEuMyAxMS4zIDAgMCAxIDUuMTYtMTUuMTYgMTEuNCAxMS40IDAgMCAxIDE1LjE2IDUuM20tNC42NSAyLjI1YTYuMTIgNi4xMiAwIDEgMC0xMS4wMiA1LjM0IDYuMTIgNi4xMiAwIDEgMCAxMS4wMi01LjM0Ii8+PGVsbGlwc2UgY3g9IjIuMzIiIGN5PSIyLjMiIGZpbGw9IiM5REZDRkMiIG9wYWNpdHk9Ii41IiByeD0iMi4zMiIgcnk9IjIuMyIgdHJhbnNmb3JtPSJtYXRyaXgoLjQzODc5IC44OTg1MiAtLjg5OTY1IC40MzY0OCAxNjIxLjI2IDUyMy43NikiLz48cGF0aCBmaWxsPSIjNkNDQkNCIiBkPSJNMTIyNi41MiA3MzkuM2ExMS4zIDExLjMgMCAwIDEtNS4xNiAxNS4xNiAxMS40IDExLjQgMCAwIDEtMTUuMTYtNS4zIDExLjMgMTEuMyAwIDAgMSA1LjE1LTE1LjE3IDExLjQgMTEuNCAwIDAgMSAxNS4xNyA1LjMxbS00LjY1IDIuMjVhNi4yIDYuMiAwIDAgMC04LjIzLTIuODggNi4xOCA2LjE4IDAgMCAwIDUuNDMgMTEuMSA2LjE0IDYuMTQgMCAwIDAgMi44LTguMjIiLz48ZWxsaXBzZSBjeD0iMi4zMiIgY3k9IjIuMyIgZmlsbD0iIzlERkNGQyIgb3BhY2l0eT0iLjUiIHJ4PSIyLjMyIiByeT0iMi4zIiB0cmFuc2Zvcm09Im1hdHJpeCguNDM4NzkgLjg5ODUyIC0uODk5NjUgLjQzNjQ4IDEyMTkuNDQgNzM1LjY2KSIvPjxwYXRoIGZpbGw9IiM2Q0NCQ0IiIGQ9Ik0xNjE2LjA2IDMyLjRjNS40NiAxMS4xNy45IDI0LjYtMTAuMTkgMjkuOTdhMjIuNSAyMi41IDAgMCAxLTI5Ljk3LTEwLjUgMjIuMzMgMjIuMzMgMCAwIDEgMTAuMTktMjkuOTcgMjIuNSAyMi41IDAgMCAxIDI5Ljk3IDEwLjVtLTkuMTkgNC40NWExMi4yIDEyLjIgMCAwIDAtMTYuMjUtNS43IDEyLjEgMTIuMSAwIDAgMC01LjUzIDE2LjI2IDEyLjIgMTIuMiAwIDAgMCAxNi4yNSA1LjcgMTIuMSAxMi4xIDAgMCAwIDUuNTMtMTYuMjYiLz48ZWxsaXBzZSBjeD0iNC41OCIgY3k9IjQuNTQiIGZpbGw9IiM5REZDRkMiIG9wYWNpdHk9Ii41IiByeD0iNC41OCIgcnk9IjQuNTQiIHRyYW5zZm9ybT0ibWF0cml4KC40Mzg3OSAuODk4NTIgLS44OTk2NSAuNDM2NDggMTYwMi4wOCAyNS4yKSIvPjwvc3ZnPg==");
	background-position: center;
	background-size: contain;
	background-repeat: repeat-y;	
	background-attachment: fixed;
	padding-block: 15rem;
	padding-inline: 1.6rem;
}
.story .headline b{
	color: #FFFFFF;
}
.story .headline span{
	align-self: flex-start;
	color: #FFFFFF;
	opacity: .15;
	padding-left: 5rem;
}
.story__content{
	color: var(--sy-color-white);
	font-size: 1.6rem;
}
.story__content p{
	color: var(--sy-color-white);
	max-width: 740px;
	line-height: 2rem;
	margin: 2rem auto;
}

.foryou{
	background-color: #F0F7FF;
	padding: 16rem 1.6rem;
}
.foryou .foryou__content b,
.foryou .foryou__content p{
	color: var(--sy-color-primary);
	line-height: 2.4rem;
	font-size: 1.6rem;
}
.foryou__layout{
	display: flex;
	gap: 2.5rem;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: -3rem;
}
.foryou__column img{
	max-width: 770px;
	width: 100%;
	overflow: hidden;
	border-radius: .8rem;
}
.foryou__column:last-child{
	max-width: 370px;
	flex-direction: column;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 2rem;
}
.foryou .headline{
	width: inherit;
	justify-content: flex-start;
}
.foryou .headline b{
	font-size: 2.8rem;
}
.foryou .headline span{
	font-size: 6.1rem;
	align-self: flex-start;
	margin-left: 4rem;
	line-height: 1;
}
.bg-white{
	background-color: var(--sy-color-white)!important;
}

/* QUERYS */
/* Tablet */
@media (min-width: 768px) { 
	.header__nav ul{
		gap: 2rem;
	}
	.header__nav{
		margin-right: 2rem;
	}		
	.newsletter{
		max-width: 350px;
	}	
	.invitations{
		max-width: inherit;
		width: auto;
	}
	.invitations__actions{
		flex-direction: row;
		justify-content: flex-end;
	}
	.headline{
		width: 100%;
	}
	.headline b{
		font-size: 4rem;
	}
	.headline span{
		font-size: 12rem;
		align-self: flex-end;
	}		
	.join{
		height: 700px;
	}
	.join__content{
		padding-top: 3rem;
		padding-bottom: 5rem;
	}
	.join__title{
		font-size: 10rem;	
		transform: translateY(-80%);
	}
	.news__headlong p {
		display: block;
	}		
	.news__title strong {
		font-size: 3.2rem;
		line-height: 4.2rem;
	}
	.news__content{
		flex-direction: column;
		gap: 2rem;
	}
	.news__content .btn {
		align-self: flex-start;
	}
	.news__image{
		width: 630px;
		min-width: 630px;
		height: 427px;
	}
	.news__image img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    pointer-events: none;
    user-select: none;		
	}
	.news__article{
		flex-direction: row;
		gap: 2rem;
	}
	.news__container{
		display: flex;
		flex-direction: column;
	}
	.reasons__list{
		flex-direction: row;
		 flex-wrap: wrap; 
	}
	.reason{
		max-width: 345px;
		min-width: 300px;
		flex: 1;
	}	
	.testimonial{
		width: 350px;
	}
	.mission__layout{
		margin-top: -60px;
		position: relative;
		z-index: 2;
	}
	.mission__figure img{
		max-width: inherit;
	}
	.values__list{
		flex-direction: row;
		flex-wrap: wrap;
		gap: 6rem;
		justify-content: flex-start;
	}
    .value {
        max-width: 300px;
		min-height: 360px;
	}
	.invitation	{
		display: none;
	}
	.foryou__layout{
		justify-content: flex-start;
	}	
}

/* Laptop */
@media (min-width: 1024px) { 
	.browser{
		display: none;
	}	
	.top{
		padding-top: .4rem;
		display: flex;
		justify-content: flex-end;
	}	
	.header{
		padding-block: 0;
	}	
	.session{
		display: flex;
		align-items: center;
		justify-content: flex-end;		
	}
	.session ul{
		align-items: center;
		flex-direction: row;
	}	
	.header__navigation{
		border-top: 1px solid rgb(from var(--sy-color-accent-2) r g b / 0.2);
		padding-block: 1.0rem;
		margin-top: .6rem;
	}	
	.brand img{
		max-height: 52px;
	}	
	.header__nav ul{
		flex-direction: row;
		justify-content: flex-end;
		gap: 3rem;
	}
	.header__nav{
		display: flex;
	}	
	.partner ul{
		justify-content: space-between;
	}	
	.partner ul li a img{
		zoom: 1;
	}
	.footer__content{
		flex-direction: row-reverse;
		justify-content: space-between;
		padding: 6rem 1.6rem 1.6rem 1.6rem;
	}	
	.sitemap{
		display: grid;
    	grid-template-columns: repeat(2, minmax(0, 1fr));
    	column-gap: 4rem;
		max-width: 500px;		
		margin-top: 8rem;
	}
	/* .newsletter,
	.contact_us{
		font-size: 2rem;
	}	 */
	.contact_us.is-last{
		display: block;
		margin-top: 7rem;
		margin-bottom: 0;
	}	
	.footer__content{
		background-position: right 1.6rem bottom -6rem;
		background-size: 25%;
		gap: 10rem;
	}	
	.footer__company{
		flex-basis: 350px;
	}
	.footer__discover{
		flex: 1;
	}
	.camp__title b{
		font-size: 5.2rem;
	}
	.camp__title span{
		font-size: 3.8rem;
	}	
	.camp{
		flex-direction: row;
		transform: translateX(-18%);
	}	
	.camp .btn{
		display: flex;
	}	
	.hero{
		padding: 9rem 1.6rem;
	}	
	.hero .title b{
		font-size: 6rem;
	}
	.hero .title span{
		font-size: 4rem;
		margin-left: 8rem;
		white-space: nowrap;
	}	
	.hero__content{
		flex-direction: row;
		justify-content: center;
		gap: 2.0rem;
	}
	.invitations{
		text-align: left;
		margin-top: 8rem;
	}
	.invitations__actions{
		justify-content: flex-start;
	}
	.hero .btn.is-fixed{
		left: inherit;
		margin-inline: inherit;
		right: 11%;
	}
	.headline b{
		font-size: 5.4rem;
	}
	.headline span{
		font-size: 18rem;
	}		
	.join__content{
		padding:5rem;
	}	
	.join__title{
		transform: translateY(-100%);
	}	
	.news__article{
		gap: 6rem;
	}	
	.news__list {
		margin-top: -80px;
	}	
	.news__date{
		margin-top: 4rem;
	}
	.programs__list{
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: nowrap;
		gap: 2rem;
	}
	.program{
		min-width: 380px;
		margin-top: -80px;
	}
	.reason{
		max-width: 345px;
		min-width: 305px;
		height: 460px;
		padding: 5.5rem 2.7rem;
		flex: 1;
		overflow: hidden;
	}
	.reasons__list{
		gap: 6rem;
	}
	.reason strong{
		font-size: 3.2rem;
	}
	.reason__icon{
		position: absolute;
		right: 2.7rem;
		bottom: 2.7rem;
		z-index: 4;
	}
	.reason__visual{
		border-radius: 1rem;
		overflow: hidden;
		display: block;
		position: absolute;
		right: 2rem;
		bottom: -40%;
		max-width: 90%;
		box-shadow: 3px 4px 10px rgba(7, 103, 158, 0.4);
		transform: translateY(40%) rotate(-6deg);
		opacity: 0;
		pointer-events: none;
		user-select: none;
		z-index: 3;
		transition:
			transform 0.6s cubic-bezier(.22,.61,.36,1),
			opacity 0.6s cubic-bezier(.22,.61,.36,1),
			box-shadow 0.6s ease;
	}	
	.reason:hover .reason__visual{
		bottom: 0;
		transform: translateY(-6%) rotate(-2deg);
		opacity: 1;
		box-shadow: 8px 12px 30px rgba(7, 103, 158, 0.45);
	}
	.testimonial{
		width: 768px;
		flex-direction: row;
		padding: 2.8rem 4.8rem 6rem 4rem;
	}
	.avatar{
		width: 186px;
		height: 196px;
	}
	.avatar b{
		font-size: 8rem;
	}
	.perfil::before{
		background-size: 100px;
		width: 100px;
		height: 100px;
	}	
	.view{
		flex-direction: column-reverse;
    min-height: 198px;
    justify-content: space-between;		
	}
	.view p{
    margin-top: 0;
    margin-bottom: auto;		
	}
	.review{
		align-self: flex-end;
	}
	.mission__layout{
		margin-top: -60px;
		display: flex;
		justify-content: center;
		position: relative;
		z-index: 2;
	}
	.mission__figure{
		flex-direction: row;
		gap: 6rem;
		align-items: center;
	}
	.mission__figure figcaption{
		max-width: 370px;
		color: #07679E;
		line-height: 2.4rem;
	}
	.values__list{
		margin-top: -80px;
	}
	.invitation .invitation__column img{
		max-width: 560px;
	}
	.invitation	{
		display: flex;
	}
	.foryou .foryou__column img{
		max-width: 560px;
	}
	.foryou	{
		display: flex;
	}
	.foryou .headline b{
		font-size: 5.6rem;
		transform: translateX(-100px);
	}
	.foryou .headline span{
		font-size: 16rem;
		align-self: flex-end;
		line-height: 1;
		margin-top: -40px;
		transform: translateX(50px);
	}	
	.foryou__column:last-child{
		justify-content: center;
	}
	.programs__stars{
		flex-direction: row;
		gap: 13rem;
	}
	.programs__stars-list{
		gap: 6rem;
		flex-direction: row;
	}
	.programs__stars{
		padding-top: 10rem;
	}
	.program__about{
		max-width: 500px;
	}
}

/* Desktop */
@media (min-width: 1280px) { 
	.header__nav{
		margin-right: 20rem;
	}	
	.header__nav ul{
		gap: 6rem;
	}	
	.brand img{
		max-height: 69px;
	}		
	.footer__content{
		background-position: right 1.6rem bottom -6rem;
		background-size: 25%;
		gap: 16rem;
	}	
	.footer__company{
		flex-basis: 350px;
	}
	.footer__discover{
		flex: 1;
	}
	.camp{
		transform: translateX(-200px);
		flex-direction: row;
	}			
	.hero__content{
		gap: 8.7rem;
	}
	.hero{
		padding: 9rem 1.6rem;
	}	
	.hero .title b{
		font-size: 7rem;
	}
	.hero .title span{
		font-size: 5rem;
		margin-left: 8rem;
	}	
	.hero__content{
		flex-direction: row;
		justify-content: space-between;
		gap: 2.0rem;
	}
	.invitations{
		text-align: left;
		max-width: 460px;
		margin-top: 8rem;
	}
	.invitations__actions{
		justify-content: flex-start;
	}	
	.headline b{
		font-size: 7rem;
	}
	.headline span{
		font-size: 22rem;
	}	
	.headline--smaller span{
		font-size: 16rem;
	}	
	.testimonial{
		width: 890px;
	}	
}

/* Desktop XL */
@media (min-width: 1536px) { }