section.gt-block.section--obory {
padding: clamp(3.3rem, calc(0.99rem + 4.95vw), 8.25rem) clamp(0rem, calc(0rem + 0vw), 0rem);
}
section.gt-block.section--obory .section--obory-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(2.8rem, calc(0.84rem + 4.2vw), 7rem);
}
section.gt-block.section--obory .section--obory-content .doporucit-text {
text-transform: uppercase;
}
@media screen and (max-width: 600px) {
section.gt-block.section--obory .section--obory-content .doporucit-text {
width: 100%;
text-align: center;
}
}
section.gt-block.section--obory .section--obory-content .obory--percent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
gap: 2rem;
}
@media screen and (max-width: 800px) {
section.gt-block.section--obory .section--obory-content .obory--percent {
gap: 3rem;
}
}
section.gt-block.section--obory .section--obory-content .obory--percent .percent-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
}
@media screen and (max-width: 800px) {
section.gt-block.section--obory .section--obory-content .obory--percent .percent-item {
-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;
}
}
@media screen and (max-width: 600px) {
section.gt-block.section--obory .section--obory-content .obory--percent .percent-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
section.gt-block.section--obory .section--obory-content .obory--percent .percent-item .percent-label {
font-family: "Corridor Bold", sans-serif;
font-size: calc(var(--fs-rate) * 4rem);
font-style: normal;
line-height: normal;
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;
text-transform: uppercase;
font-weight: 800;
width: 100%;
max-width: 40rem;
text-align: left;
opacity: 0;
}
@media screen and (max-width: 768px) {
section.gt-block.section--obory .section--obory-content .obory--percent .percent-item .percent-label {
font-size: calc(var(--fs-rate) * 5rem);
line-height: normal;
}
}
@media screen and (max-width: 600px) {
section.gt-block.section--obory .section--obory-content .obory--percent .percent-item .percent-label {
text-align: center;
}
}
section.gt-block.section--obory .section--obory-content .obory--percent .percent-item .percent-label.orange {
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--obory .section--obory-content .obory--percent .percent-item .percent-label.green {
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--obory .section--obory-content .obory--percent .percent-item .percent-bar {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 3.9rem;
width: 0;
border-radius: 2rem;
}
section.gt-block.section--obory .section--obory-content .obory--percent .percent-item .percent-bar.blue {
background: -webkit-gradient(linear, left top, right top, from(#21b0b5), to(#1f4aa5)), #d9d9d9;
background: linear-gradient(90deg, #21b0b5 0%, #1f4aa5 100%), #d9d9d9;
}
section.gt-block.section--obory .section--obory-content .obory--percent .percent-item .percent-bar.green {
background: -webkit-gradient(linear, left top, right top, from(#a8cc4d), to(#21b0b5)), #d9d9d9;
background: linear-gradient(90deg, #a8cc4d 0%, #21b0b5 100%), #d9d9d9;
}
section.gt-block.section--obory .section--obory-content .obory--percent .percent-item .percent-bar.orange {
background: -webkit-gradient(linear, left top, right top, from(#e36b57), to(#cc428a)), #d9d9d9;
background: linear-gradient(90deg, #e36b57 0%, #cc428a 100%), #d9d9d9;
}
section.gt-block.section--obory .section--obory-content .obory--percent .percent-item .percent-value {
font-family: "Corridor Bold", sans-serif;
font-size: calc(var(--fs-rate) * 4rem);
font-style: normal;
line-height: normal;
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;
text-transform: uppercase;
font-weight: 800;
background: var(--Body-text-innoforum, #fff);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: all 0.3s ease;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
max-width: 18rem;
text-align: center;
opacity: 0;
}
@media screen and (max-width: 768px) {
section.gt-block.section--obory .section--obory-content .obory--percent .percent-item .percent-value {
font-size: calc(var(--fs-rate) * 5rem);
line-height: normal;
}
}
@media screen and (max-width: 800px) {
section.gt-block.section--obory .section--obory-content .obory--percent .percent-item .percent-value {
text-align: left;
}
}
@media screen and (max-width: 600px) {
section.gt-block.section--obory .section--obory-content .obory--percent .percent-item .percent-value {
text-align: center;
}
}