section.gt-block.section--previous-years body::before {
display: none;
}
section.gt-block.section--previous-years .section--previous-years {
padding-top: clamp(5.924rem, calc(1.7772rem + 8.886vw), 14.81rem);
padding-bottom: clamp(2.34rem, calc(0.702rem + 3.51vw), 5.85rem);
}
section.gt-block.section--previous-years .section--previous-years-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: clamp(5.64rem, calc(1.692rem + 8.46vw), 14.1rem);
}
section.gt-block.section--previous-years .section--previous-years-content .header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 123.2862rem;
-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: clamp(4.6rem, calc(1.38rem + 6.9vw), 11.5rem);
}
section.gt-block.section--previous-years .section--previous-years-content .header--title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 94.8rem;
-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: 2.2883rem;
}
@media screen and (max-width: 600px) {
section.gt-block.section--previous-years .section--previous-years-content .header--title h1,
section.gt-block.section--previous-years .section--previous-years-content .header--title p {
text-align: center;
}
section.gt-block.section--previous-years .section--previous-years-content .header--title h1 {
font-size: calc(var(--fs-rate) * 7rem);
letter-spacing: -0.5rem;
}
}
section.gt-block.section--previous-years .section--previous-years-content .header--title .text-xl {
width: 100%;
text-box-trim: trim-start;
}
section.gt-block.section--previous-years .section--previous-years-content .years {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 3rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
align-self: stretch;
}
@media screen and (max-width: 768px) {
section.gt-block.section--previous-years .section--previous-years-content .years {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (max-width: 600px) {
section.gt-block.section--previous-years .section--previous-years-content .years {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
section.gt-block.section--previous-years .section--previous-years-content .years--year-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.8rem 3.8226rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.5rem;
}
section.gt-block.section--previous-years .section--previous-years-content .years--year-button.blue {
border-radius: 2.8762rem;
border: 3.475px 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;
transition: all 0.3s ease;
}
section.gt-block.section--previous-years .section--previous-years-content .years--year-button.blue:hover {
-webkit-box-shadow: 0px 0px 20px 0px #1f4aa5;
box-shadow: 0px 0px 20px 0px #1f4aa5;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)) padding-box, -webkit-gradient(linear, left top, right top, from(#21b0b5), to(#1f4aa5)) border-box;
background: linear-gradient(transparent, transparent) padding-box, linear-gradient(to right, #21b0b5, #1f4aa5) border-box;
}
section.gt-block.section--previous-years .section--previous-years-content .years--year-button.green {
border-radius: 2.8762rem;
border: 3.475px 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--previous-years .section--previous-years-content .years--year-button.green:hover {
-webkit-box-shadow: 0px 0px 20px 0px #21b0b5;
box-shadow: 0px 0px 20px 0px #21b0b5;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)) padding-box, -webkit-gradient(linear, left top, right top, from(#a8cc4d), to(#21b0b5)) border-box;
background: linear-gradient(transparent, transparent) padding-box, linear-gradient(to right, #a8cc4d, #21b0b5) border-box;
}
section.gt-block.section--previous-years .section--previous-years-content .years--year-button.orange {
border-radius: 2.8762rem;
border: 3.475px 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--previous-years .section--previous-years-content .years--year-button.orange:hover {
-webkit-box-shadow: 0px 0px 20px 0px #cc428a;
box-shadow: 0px 0px 20px 0px #cc428a;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)) padding-box, -webkit-gradient(linear, left top, right top, from(#e36b57), to(#cc428a)) border-box;
background: linear-gradient(transparent, transparent) padding-box, linear-gradient(to right, #e36b57, #cc428a) border-box;
}
section.gt-block.section--previous-years .section--previous-years .section--highlights-slide {
position: relative;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}
section.gt-block.section--previous-years .section--previous-years .section--highlights-slide::before {
position: absolute;
content: "";
background: -webkit-gradient(linear, left top, left bottom, from(rgba(3, 4, 11, 0)), color-stop(44.5%, #03040b), to(#03040b));
background: linear-gradient(180deg, rgba(3, 4, 11, 0) 0%, #03040b 44.5%, #03040b 100%);
width: 100%;
max-width: 33.4rem;
height: 33.7rem;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
top: 8.4rem;
left: -19rem;
z-index: 5;
}
@media screen and (max-width: 430px) {
section.gt-block.section--previous-years .section--previous-years .section--highlights-slide::before {
left: -19rem;
}
}
@media screen and (max-width: 360px) {
section.gt-block.section--previous-years .section--previous-years .section--highlights-slide::before {
left: -24rem;
}
}
section.gt-block.section--previous-years .section--previous-years .section--highlights-slide::after {
position: absolute;
content: "";
background: -webkit-gradient(linear, left top, left bottom, from(rgba(3, 4, 11, 0)), color-stop(44.5%, #03040b), to(#03040b));
background: linear-gradient(180deg, rgba(3, 4, 11, 0) 0%, #03040b 44.5%, #03040b 100%);
width: 100%;
max-width: 33.4rem;
height: 33.7rem;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
top: 8.4rem;
right: -19rem;
z-index: 5;
}
@media screen and (max-width: 430px) {
section.gt-block.section--previous-years .section--previous-years .section--highlights-slide::after {
right: -19rem;
}
}
@media screen and (max-width: 360px) {
section.gt-block.section--previous-years .section--previous-years .section--highlights-slide::after {
right: -24rem;
}
}
section.gt-block.section--previous-years .section--previous-years .section--highlights-slide .wrapper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.9rem;
-webkit-animation: slideAnimationImage 300s linear infinite;
animation: slideAnimationImage 300s linear infinite;
will-change: transform;
}
@media screen and (max-width: 500px) {
section.gt-block.section--previous-years .section--previous-years .section--highlights-slide .wrapper-slide {
-webkit-animation: slideAnimationImage 200s linear infinite;
animation: slideAnimationImage 200s linear infinite;
}
}
section.gt-block.section--previous-years .section--previous-years .section--highlights-slide .wrapper-slide .slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 45.1rem;
flex: 0 0 45.1rem;
width: 45.1rem;
}
@media screen and (max-width: 500px) {
section.gt-block.section--previous-years .section--previous-years .section--highlights-slide .wrapper-slide .slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 37.1rem;
flex: 0 0 37.1rem;
width: 37.1rem;
}
}
@media screen and (max-width: 400px) {
section.gt-block.section--previous-years .section--previous-years .section--highlights-slide .wrapper-slide .slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 34.1rem;
flex: 0 0 34.1rem;
width: 34.1rem;
}
}
@media screen and (max-width: 360px) {
section.gt-block.section--previous-years .section--previous-years .section--highlights-slide .wrapper-slide .slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 30.1rem;
flex: 0 0 30.1rem;
width: 30.1rem;
}
}
section.gt-block.section--previous-years .section--previous-years .section--highlights-slide .wrapper-slide .slide figure {
max-width: 45.1rem;
}
section.gt-block.section--previous-years .section--previous-years .section--highlights-slide .wrapper-slide .slide figure img {
width: 100%;
max-width: 100%;
height: 30.2rem;
border-radius: 2rem;
aspect-ratio: 451/301;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 360px) {
section.gt-block.section--previous-years .section--previous-years .section--highlights-slide .wrapper-slide .slide figure img {
height: 25.2rem;
}
}
@-webkit-keyframes slideAnimationImage {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes slideAnimationImage {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}