section.gt-block.section--what-will-learn {
padding-top: 10.96rem;
padding-bottom: 9.1rem;
}
@media screen and (max-width: 500px) {
section.gt-block.section--what-will-learn {
padding-top: 6.23rem;
padding-bottom: 6.23rem;
}
}
section.gt-block.section--what-will-learn .section--what-will-learn-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 10rem;
}
@media screen and (max-width: 500px) {
section.gt-block.section--what-will-learn .section--what-will-learn-content {
gap: 8.3rem;
}
}
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--header .left-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 60.1rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2rem;
}
@media screen and (max-width: 500px) {
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--header .left-col {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (max-width: 500px) {
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--header .left-col h2 {
font-size: calc(var(--fs-rate) * 7rem);
}
}
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--header .left-col .subheader {
font-family: "Corridor", sans-serif;
font-weight: 400;
font-size: calc(var(--fs-small-rate) * 4.8rem);
line-height: 1.2083333333;
text-transform: uppercase;
color: var(--Bl-Innoforum, #fff);
}
@media screen and (max-width: 500px) {
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--header .left-col .subheader {
font-family: "Corridor Bold", sans-serif;
font-weight: bold;
font-size: 1.8rem;
}
}
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--header .right-col {
width: 100%;
max-width: 49.3rem;
aspect-ratio: 493/402;
}
@media screen and (max-width: 500px) {
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--header .right-col {
display: none;
}
}
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--boxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
align-self: stretch;
gap: clamp(2.4rem, calc(0.72rem + 3.6vw), 6rem);
}
@media screen and (max-width: 900px) {
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--boxes {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--boxes .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 3.1276rem;
}
@media screen and (max-width: 900px) {
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--boxes .box {
width: calc(50% - 3rem);
}
}
@media screen and (max-width: 600px) {
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--boxes .box {
width: calc(100% - 0rem);
}
}
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--boxes .box--content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 37.06rem;
padding: clamp(1.16rem, calc(0.348rem + 1.74vw), 2.9rem) clamp(1.52904rem, calc(0.458712rem + 2.29356vw), 3.8226rem);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 3.4751rem;
}
@media screen and (max-width: 900px) {
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--boxes .box--content {
max-width: 100%;
}
}
@media screen and (max-width: 768px) {
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--boxes .box--content {
padding: 2.5rem;
}
}
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--boxes .box--content.blue {
border-radius: 2.8762rem;
border: 3.478px solid transparent;
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) padding-box, -webkit-gradient(linear, left top, right top, from(#21b0b5), to(#1f4aa5)) border-box;
background: linear-gradient(#000, #000) padding-box, linear-gradient(to right, #21b0b5, #1f4aa5) border-box;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--boxes .box--content.blue h2 {
background: var(--Blue-Gradient);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--boxes .box--content.green {
border-radius: 2.8762rem;
border: 3.478px solid transparent;
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) padding-box, -webkit-gradient(linear, left top, right top, from(#a8cc4d), to(#21b0b5)) border-box;
background: linear-gradient(#000, #000) padding-box, linear-gradient(to right, #a8cc4d, #21b0b5) border-box;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--boxes .box--content.green h2 {
background: var(--Green-Gradient);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--boxes .box--content.orange {
border-radius: 2.8762rem;
border: 3.478px solid transparent;
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) padding-box, -webkit-gradient(linear, left top, right top, from(#e36b57), to(#cc428a)) border-box;
background: linear-gradient(#000, #000) padding-box, linear-gradient(to right, #e36b57, #cc428a) border-box;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--boxes .box--content.orange h2 {
background: var(--Orange-Gradient);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--boxes .box--content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.6rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
section.gt-block.section--what-will-learn .section--what-will-learn-content .section--boxes .box--content-text .body-text p {
font-family: "Arial", sans-serif;
font-size: calc(var(--fs-small-rate) * 2.4rem);
font-style: normal;
line-height: 115%;
color: var(--Body-text-innoforum, #fff);
font-weight: 400;
-webkit-font-feature-settings: "liga" off, "clig" off;
font-feature-settings: "liga" off, "clig" off;
}