section.gt-block.section-program .section-program--content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 13rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.section-program .section-program--content .program-title p {
max-width: 80.4rem;
font-family: var(--ternary-font);
font-size: 2rem;
font-style: normal;
line-height: 1.5;
color: var(--base-white, #fff);
}
@media screen and (max-width: 600px) {
section.gt-block.section-program .section-program--content .program-title p {
font-size: 1.6rem;
}
}
section.gt-block.section-program .section-program--content .program-title p {
font-weight: 400;
}
@media screen and (max-width: 1024px) {
section.gt-block.section-program .section-program--content .program-title p {
max-width: 50.4rem;
}
}
section.gt-block.section-program .section-program--content .boxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
align-self: stretch;
gap: clamp(2rem, 3vw, 7rem);
}
@media screen and (max-width: 830px) {
section.gt-block.section-program .section-program--content .boxes {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 9rem;
}
}
section.gt-block.section-program .section-program--content .boxes--box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 36.8rem;
padding: clamp(1.64rem, calc(0.82rem + 2.46vw), 4.1rem) clamp(1.4rem, calc(0.7rem + 2.1vw), 3.5rem) clamp(2rem, calc(1rem + 3vw), 5rem) clamp(1.4rem, calc(0.7rem + 2.1vw), 3.5rem);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
border-radius: 4.2rem;
}
@media screen and (max-width: 600px) {
section.gt-block.section-program .section-program--content .boxes--box {
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
}
section.gt-block.section-program .section-program--content .boxes--box.yellow {
border: 2px solid var(--primary-color, #ffee94);
background: rgba(255, 238, 148, 0.15);
}
section.gt-block.section-program .section-program--content .boxes--box.purple {
border: 2px solid var(--Purple, #9747ff);
background: rgba(151, 71, 255, 0.15);
}
section.gt-block.section-program .section-program--content .boxes--box.green {
border: 2px solid var(--Tyrkys, #61c2c4);
background: rgba(68, 174, 191, 0.15);
}
section.gt-block.section-program .section-program--content .boxes--box:hover .boxes--box-text .btn--primary.yellow {
-webkit-box-shadow: 0px 0px 10px 0px #ffee94;
box-shadow: 0px 0px 10px 0px #ffee94;
}
section.gt-block.section-program .section-program--content .boxes--box:hover .boxes--box-text .btn--primary.purple {
-webkit-box-shadow: 0px 0px 10px 0px #cba3ff;
box-shadow: 0px 0px 10px 0px #cba3ff;
}
section.gt-block.section-program .section-program--content .boxes--box:hover .boxes--box-text .btn--primary.green {
-webkit-box-shadow: 0px 0px 10px 0px var(--Tyrkysov, #61c2c4);
box-shadow: 0px 0px 10px 0px var(--Tyrkysov, #61c2c4);
}
section.gt-block.section-program .section-program--content .boxes--box img {
position: absolute;
width: 100%;
max-width: clamp(15rem, 15vw, 20.16rem);
height: clamp(15rem, 15vw, 20.16rem);
-ms-flex-negative: 0;
flex-shrink: 0;
aspect-ratio: 201.6/201.6;
top: -1rem;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
section.gt-block.section-program .section-program--content .boxes--box-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 3.5rem;
}
section.gt-block.section-program .section-program--content .boxes--box-text .heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.section-program .section-program--content .boxes--box-text .heading--title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
-ms-flex-item-align: stretch;
align-self: stretch;
margin-top: 7rem;
}
@media screen and (max-width: 1000px) {
section.gt-block.section-program .section-program--content .boxes--box-text .heading--title {
margin-top: 6rem;
}
}
section.gt-block.section-program .section-program--content .boxes--box-text .heading--title .yellow {
color: var(--Yellow, #ffee94);
}
section.gt-block.section-program .section-program--content .boxes--box-text .heading--title .purple {
color: var(--Purple, #9747ff);
}
section.gt-block.section-program .section-program--content .boxes--box-text .heading--title .green {
color: var(--Tyrkys, #61c2c4);
}
section.gt-block.section-program .section-program--content .boxes--box-text .heading p {
text-align: center;
}