[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}:root {
--du-color-primary: #eb2d4d;
--du-color-secondary: #50e3c2;
--du-color-background: #f5f7fa;
--du-color-text: #333333;
--du-color-border: #e0e0e0;
--du-color-blue-dark: #1e1e32;
--du-color-blue-dark-2: #23233c;
--du-color-black-90: #353547;
--du-color-black-80: #4b4b5b;
--du-color-black-70: #626270;
--du-color-black-50: #8e8e98;
--du-color-black-20: #d2d2d6;
--du-color-grey-light: #f8fafa;
--du-color-white: #ffffff;
--du-font-family: 'Inter', sans-serif;
--du-font-size-xs: 13px;
--du-font-size-sm: 14px;
--du-font-size-md: 15px;
--du-font-size-lg: 18px;
--du-font-size-xl: 24px;
--du-font-size-2xl: 26px;
--du-font-size-3xl: 32px;
--du-font-size-4xl: 36px;
--du-font-size-5xl: 44px;
--du-border-radius-xs: 4px;
--du-border-radius-sm: 6px;
--du-border-radius: 8px;
--du-spacing-2xs: 4px;
--du-spacing-xs: 8px;
--du-spacing-sm: 12px;
--du-spacing-md: 16px;
--du-spacing-lg: 24px;
--du-spacing-xl: 28px;
--du-spacing-2xl: 32px;
--du-spacing-3xl: 40px;
--du-spacing-4xl: 48px;
--du-spacing-5xl: 64px;
--du-spacing-6xl: 80px;
--du-spacing-7xl: 96px;
--du-transition-duration: 0.3s;
.du-dark {
--du-color-text: var(--du-color-white);
}
}
.du-color-purple {
--du-color-primary: #741f9e !important;
--du-color-secondary: #eee4f3 !important;
--du-color-hover: #9c17de !important;
--du-color-text: #741f9e !important;
}
.du-color-orange {
--du-color-primary: #ed5743 !important;
--du-color-secondary: #ffe4e0 !important;
--du-color-hover: #ff6550 !important;
--du-color-text: #e55441 !important;
}
.du-color-red {
--du-color-primary: #de1f3f !important;
--du-color-secondary: #ffe0e5 !important;
--du-color-hover: #f9284b !important;
--du-color-text: #de1f3f !important;
}
.du-color-red-dark {
--du-color-primary: #fff !important;
--du-color-secondary: #de1f3f !important;
}
.du-color-white {
--du-color-primary: #fff !important;
--du-color-secondary: #1e1e32 !important;
--du-color-hover: #d2d2d6 !important;
--du-color-text: #1e1e32 !important;
}.du-page-layout .row {
padding-inline: 0 !important;
}
.du-page-section {
color: var(--du-color-text);
& > .row {
padding: 0 !important;
}
.uncont {
padding-top: 0 !important;
}
.du-container {
width: 100%;
max-width: 1288px;
margin: 0 auto;
padding: var(--du-spacing-7xl) var(--du-spacing-md);
display: flex;
flex-direction: column;
gap: var(--du-spacing-5xl);
position: relative;
}
@media (max-width: 569px) {
.du-container {
padding: var(--du-spacing-3xl) var(--du-spacing-md);
gap: var(--du-spacing-2xl);
}
}
}
.du-grid {
display: grid !important;
grid-template-columns: repeat(12, 1fr);
gap: 18px;
height: 100%;
align-items: center;
.du-col-1 {
grid-column: span 1;
}
.du-col-2 {
grid-column: span 2;
}
.du-col-3 {
grid-column: span 3;
}
.du-col-4 {
grid-column: span 4;
}
.du-col-5 {
grid-column: span 5;
}
.du-col-6 {
grid-column: span 6;
}
.du-col-7 {
grid-column: span 7;
}
.du-col-8 {
grid-column: span 8;
}
.du-col-9 {
grid-column: span 9;
}
.du-col-10 {
grid-column: span 10;
}
.du-col-11 {
grid-column: span 11;
}
.du-col-12 {
grid-column: span 12;
}
@media (max-width: 992px) {
.du-col-md-1 {
grid-column: span 1;
}
.du-col-md-2 {
grid-column: span 2;
}
.du-col-md-3 {
grid-column: span 3;
}
.du-col-md-4 {
grid-column: span 4;
}
.du-col-md-5 {
grid-column: span 5;
}
.du-col-md-6 {
grid-column: span 6;
}
.du-col-md-7 {
grid-column: span 7;
}
.du-col-md-8 {
grid-column: span 8;
}
.du-col-md-9 {
grid-column: span 9;
}
.du-col-md-10 {
grid-column: span 10;
}
.du-col-md-11 {
grid-column: span 11;
}
.du-col-md-12 {
grid-column: span 12;
}
}
}.du-new {
.du-btn {
--du-color-primary: var(--du-color-blue-dark-2);
--du-color-hover: var(--du-color-black-80);
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--du-color-white) !important;
padding: var(--du-spacing-md) var(--du-spacing-xl) !important;
font-size: var(--du-font-size-md) !important;
font-weight: 600;
text-decoration: none;
border-radius: var(--du-border-radius) !important;
background-color: var(--du-color-primary);
transition: background-color var(--du-transition-duration),
color var(--du-transition-duration);
width: fit-content;
max-width: 100%;
&:hover {
background-color: var(--du-color-hover);
}
&.du-btn-full {
width: 100%;
}
&.du-color-white {
color: var(--du-color-text) !important;
}
@media (max-width: 569px) {
&.du-btn-mobile-full {
width: 100%;
}
}
}
}.du-new {
p,
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--du-color-text) !important;
margin: 0;
font-family: var(--du-font-family) !important;
}
h1 {
font-size: 52px;
font-weight: 700;
}
}.du-header-homepage {
height: 100vh;
background-color: #de1f41;
color: white;
position: relative;
.du-bg-1,
.du-bg-2,
.du-bg-3 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.du-bg-1 {
background: url(https://digitalnauniverzita.sk/wp-content/uploads/2025/06/DU-pattern.png)
no-repeat center center;
background-size: cover;
}
.du-bg-2 {
background: linear-gradient(#f9284b 0%, #f9284b00 50%);
}
.du-bg-3 {
background: linear-gradient(109deg, #f9284b 0.51%, #f9284b00 100%);
}
.du-bg-element {
position: absolute;
bottom: calc(-65% - 36px);
left: -33%;
width: 180%;
}
.du-col-header-img {
position: relative;
align-self: flex-end;
height: 100%;
& > img {
position: absolute;
bottom: -36px;
}
}
.du-container {
padding-top: 0;
padding-bottom: 0;
}
.du-header-text {
display: flex;
flex-direction: column;
gap: var(--du-spacing-3xl);
.du-subtitle {
font-size: var(--du-font-size-lg);
}
}
.du-header-date-box {
position: absolute;
bottom: 36px;
display: flex;
align-items: center;
gap: var(--du-spacing-md);
.du-header-date {
width: 54px;
height: 60px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: var(--du-color-white);
border-radius: var(--du-border-radius-sm);
.du-header-date-day {
font-size: var(--du-font-size-lg);
font-weight: 700;
color: var(--du-color-blue-dark);
}
.du-header-date-month {
font-size: var(--du-font-size-md);
font-weight: 500;
color: var(--du-color-black-70);
}
}
.du-header-date-text {
p {
font-size: var(--du-font-size-md);
font-weight: 600;
line-height: 1.3;
&:last-child {
font-size: var(--du-font-size-sm);
font-weight: 400;
}
}
}
}
} .du-partners.du-slider {
background-color: var(--du-color-white);
--gap: 0px;
.du-container {
padding-top: var(--du-spacing-2xl);
padding-bottom: var(--du-spacing-2xl);
}
.du-partners-list {
height: 112px;
overflow: hidden;
.du-partner-item {
display: flex;
align-items: center;
justify-content: center;
padding: var(--du-spacing-lg);
img {
width: auto;
max-height: 60px;
display: block;
}
}
}
@media (max-width: 992px) {
--cols: 4;
}
@media (max-width: 569px) {
--cols: 2;
.du-container {
padding-inline: 0;
}
}
} .du-programs {
background: linear-gradient(180deg, #f0f2f2 31.71%, rgba(240, 242, 242, 0) 99.93%);
.du-programs-slider {
--cols: 3;
--gap: var(--du-spacing-2xl);
.du-slider__dot-nav {
display: none;
}
}
.du-program {
padding: var(--du-spacing-3xl);
background-color: var(--du-color-white);
border-radius: var(--du-border-radius);
box-shadow: 0 4px 32px 0 rgba(30, 30, 50, 0.06);
display: flex;
flex-direction: column;
.du-program__type {
margin-bottom: var(--du-spacing-xl);
}
.du-program__title {
--lines: 3;
display: -webkit-box;
line-clamp: var(--lines);
-webkit-line-clamp: var(--lines);
-webkit-box-orient: vertical;
font-size: var(--du-font-size-2xl);
font-weight: 700;
color: var(--du-color-blue-dark);
line-height: 1.12;
margin-bottom: var(--du-spacing-xl);
height: calc(1.12 * var(--du-font-size-2xl) * var(--lines));
overflow: hidden;
}
.du-program__price {
font-size: var(--du-font-size-4xl);
font-weight: 700;
color: var(--du-color-blue-dark) !important;
margin-bottom: var(--du-spacing-xl);
}
.du-program__benefits {
margin-bottom: var(--du-spacing-xl);
}
.du-btn {
margin-top: auto;
}
}
@media (max-width: 992px) {
.du-programs-slider {
--cols: 2;
--offset: var(--du-spacing-2xl);
.du-slider__dot-nav {
display: flex;
}
}
}
@media (max-width: 569px) {
.du-section-header {
margin-bottom: 40px;
}
.du-programs-slider {
--cols: 1;
--gap: var(--du-spacing-sm);
}
.du-program {
padding: var(--du-spacing-lg);
}
}
} .du-study-form {
.du-study-form__items {
display: flex;
gap: var(--du-spacing-2xl);
max-width: 816px;
margin: 0 auto;
.du-study-form__item {
display: flex;
flex-direction: column;
gap: var(--du-spacing-md);
align-items: center;
padding: var(--du-spacing-4xl);
text-align: center;
background-color: var(--du-color-grey-light);
border-radius: var(--du-border-radius-xs);
.du-study-form__title {
color: var(--du-color-blue-dark);
font-size: var(--du-font-size-xl);
font-weight: 700;
line-height: 112%;
letter-spacing: -0.12px;
}
.du-study-form__description {
color: var(--du-color-black-80);
font-size: 16px;
font-weight: 400;
line-height: 148%;
}
.du-study-form__link {
color: var(--du-color-blue-dark);
font-size: var(--du-font-size-md);
font-style: normal;
font-weight: 500;
line-height: 132%; text-decoration-line: underline;
text-decoration-style: solid;
}
}
}
.du-btn {
margin-inline: auto;
}
@media (max-width: 569px) {
.du-study-form__items {
flex-direction: column;
gap: var(--du-spacing-md);
.du-study-form__item {
width: 100%;
padding: var(--du-spacing-2xl);
}
}
}
} .du-statistics {
.du-container {
padding-top: var(--du-spacing-md);
}
.du-statistics__items {
display: flex;
gap: var(--du-spacing-2xl);
.du-statistics__item {
display: flex;
flex-direction: column;
gap: var(--du-spacing-md);
align-items: center;
padding: var(--du-spacing-lg) var(--du-spacing-4xl);
text-align: center;
.du-statistics__number {
font-size: var(--du-font-size-4xl);
font-weight: 700;
color: var(--du-color-blue-dark);
}
.du-statistics__label {
font-size: 16px;
font-weight: 400;
line-height: 148%;
color: var(--du-color-black-70);
}
}
}
@media (max-width: 569px) {
.du-statistics__items {
flex-direction: column;
gap: var(--du-spacing-lg);
.du-statistics__item {
width: 100%;
padding: 0 var(--du-spacing-4xl);
}
}
}
} .du-benefits.du-slider {
background-color: var(--du-color-white);
padding: var(--du-spacing-4xl) 0;
--cols: 3;
--gap: var(--du-spacing-2xl);
--offset: 0px;
.du-benefits__items {
gap: var(--gap);
.du-benefits__item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--du-spacing-md);
padding: var(--du-spacing-3xl) var(--du-spacing-4xl);
background-color: var(--du-color-grey-light);
border-radius: var(--du-border-radius-xs);
.du-benefits__title {
font-size: var(--du-font-size-lg);
font-weight: 700;
line-height: 166%;
color: var(--du-color-blue-dark);
margin-bottom: var(--du-spacing-xs);
}
.du-benefits__description {
font-size: 16px;
font-weight: 400;
color: var(--du-color-black-80);
}
}
}
.du-btn {
margin-inline: auto;
}
@media (max-width: 992px) {
--cols: 2;
}
@media (min-width: 570px) {
.du-benefits__items {
display: grid;
grid-template-columns: repeat(var(--cols), 1fr);
}
.du-slider__dot-nav {
display: none;
}
}
@media (max-width: 569px) {
--cols: 1;
--gap: var(--du-spacing-sm);
--offset: var(--du-spacing-2xl);
.du-benefits__items {
grid-template-columns: 1fr;
}
}
} .du-reviews.du-new {
.du-reviews__items {
.du-review__item {
display: flex;
flex-direction: column;
gap: 56px;
align-items: center;
text-align: center;
max-width: 800px;
margin: 0 auto;
.du-review__text {
--font-size: 20px;
--line-height: 1.64;
--rows: 4;
color: var(--du-color-blue-dark);
font-size: 20px;
font-weight: 500;
line-height: calc(var(--font-size) * var(--line-height));
line-clamp: var(--rows);
-webkit-line-clamp: var(--rows);
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
height: calc(var(--font-size) * var(--line-height) * var(--rows));
}
.du-review__author {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--du-spacing-2xl);
.du-review__image {
width: 96px;
height: 96px;
flex-shrink: 0;
aspect-ratio: 1/1;
border-radius: 50%;
overflow: hidden;
}
.du-review__author--info {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--du-spacing-xs);
.du-review__author--name {
color: var(--du-color-blue-dark);
font-size: var(--du-font-size-lg);
font-style: normal;
font-weight: 800;
line-height: 104%;
}
.du-review__author--position {
font-size: var(--du-font-size-sm);
font-weight: 400;
color: var(--du-color-black-80);
line-height: normal;
line-clamp: 1;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
}
}
}
.du-carousel__navigation {
max-width: 312px;
bottom: 124px;
}
}
@media (max-width: 569px) {
.du-reviews__items {
.du-review__item {
gap: var(--du-spacing-3xl);
.du-review__text {
--font-size: 16px;
--line-height: 1.4;
--rows: 5;
}
}
.du-carousel__navigation {
display: none;
}
}
}
} .du-lectors-home.du-slider {
background-color: var(--du-color-blue-dark-2);
--cols: 4;
--gap: var(--du-spacing-md);
.du-lectors__items {
gap: var(--gap);
.du-lector__item {
aspect-ratio: 73/100;
--img: '';
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
padding: 0;
border-radius: var(--du-border-radius-xs);
background: linear-gradient(
180deg,
rgba(35, 35, 60, 0.48) 0%,
rgba(35, 35, 60, 0) 13.82%
),
linear-gradient(180deg, rgba(35, 35, 60, 0) 38.92%, #23233c 78.55%),
image-set(var(--img) 1x) lightgrey no-repeat center center / cover;
.du-lector__item--top {
padding: var(--du-spacing-lg) var(--du-spacing-md);
}
.du-lector__item--bottom {
padding: var(--du-spacing-lg);
display: flex;
flex-direction: column;
gap: var(--du-spacing-2xs);
.du-lector__name {
font-size: var(--du-font-size-xl);
font-weight: 800;
line-height: 104%;
}
.du-lector__position {
font-size: var(--du-font-size-sm);
font-weight: 400;
line-height: normal;
}
}
}
}
.du-btn {
margin-inline: auto;
}
@media (max-width: 992px) {
--cols: 2;
--offset: var(--du-spacing-2xl);
.du-lectors__items {
}
}
@media (max-width: 569px) {
--cols: 1;
}
}  .du-slider {
--cols: 6;
--gap: var(--du-spacing-2xl);
--offset: 0px;
--item-width: calc(
calc(calc(100% - calc(calc(var(--cols) - 1) * var(--gap))) / var(--cols)) - var(--offset)
);
}
.du-slider-content {
display: grid;
gap: var(--gap);
grid-template-columns: minmax(0, 1fr);
}
.du-slider__items {
position: relative;
display: flex;
gap: var(--gap);
}
.du-slider__item {
transition: all 0.5s !important;
flex: 1 0 var(--item-width);
padding-right: var(--gap);
height: 100%;
min-width: 0;
max-width: 100%;
}
.du-slider__dot-nav {
display: flex;
justify-content: center;
gap: var(--du-spacing-xs);
margin-top: var(--du-spacing-xs);
.du-slider__dot {
width: 16px;
height: 16px;
border-radius: 50%;
background-color: var(--du-color-black-20);
cursor: pointer;
transition: opacity var(--du-transition-duration);
&.active,
&:hover {
background-color: var(--du-color-blue-dark);
}
}
}
@media (max-width: 992px) {
.du-slider {
--cols: 4;
--gap: 0;
}
}
@media (max-width: 569px) {
.du-slider {
--cols: 2;
}
} .du-subtitle-shape {
display: flex;
align-items: center;
--bg-color: var(--du-color-secondary);
--color: var(--du-color-primary);
span {
height: 26px;
line-height: 26px;
display: block;
text-transform: uppercase;
font-size: 13px;
border-radius: 4px 0 0 4px;
background-color: var(--bg-color);
color: var(--color);
font-weight: 600;
padding-left: var(--du-spacing-xs);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1;
}
} .du-checkbox-list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: var(--du-spacing-sm);
--du-color-text: var(--du-color-blue-dark);
.du-checkbox-list__item {
display: flex;
align-items: center;
gap: var(--du-spacing-xs);
.du-checkbox-list__item--icon {
width: 20px;
height: 20px;
}
.du-checkbox-list__item--label {
font-size: var(--du-font-size-md);
font-weight: 400;
color: var(--du-color-text);
&.strong {
font-weight: 700;
}
}
}
} .du-section-header {
display: flex;
flex-direction: column;
gap: var(--du-spacing-md);
align-items: center;
margin: 0;
padding: 0;
text-align: center;
.du-section-header__title {
font-size: var(--du-font-size-5xl);
font-weight: 800;
color: var(--du-color-blue-dark);
line-height: 112%;
letter-spacing: -0.22px;
}
.du-section-header__subtitle {
font-size: var(--du-font-size-md);
font-weight: 400;
color: var(--du-color-blue-dark);
line-height: 132%;
}
@media (max-width: 569px) {
.du-section-header__title {
font-size: var(--du-font-size-3xl);
letter-spacing: -0.16px;
}
.du-section-header__subtitle {
font-size: var(--du-font-size-sm);
}
}
&.du-dark {
.du-section-header__subtitle {
--du-color-text: var(--du-color-white-20);
strong {
--du-color-text: var(--du-color-white);
font-weight: 700;
}
}
}
} .du-image-with-text {
display: flex;
align-items: center;
gap: 136px;
&.du-image-with-text__right {
flex-direction: row-reverse;
}
.du-image-with-text__image {
max-width: 100%;
height: auto;
}
.du-image-with-text__text {
max-width: 488px;
display: flex;
flex-direction: column;
gap: var(--du-spacing-2xl);
.du-image-with-text__subtitle {
--du-color-text: var(--du-color-black-50);
font-size: var(--du-font-size-xs);
font-weight: 600;
text-transform: uppercase;
margin: 0;
color: var(--du-color-text);
}
.du-image-with-text__title {
color: var(--du-color-blue-dark);
font-size: var(--du-font-size-4xl);
font-weight: 800;
line-height: 112%;
letter-spacing: -0.18px;
}
.du-image-with-text__content {
color: var(--du-color-black-80);
font-size: var(--du-font-size-md);
font-weight: 400;
line-height: 148%;
}
}
@media (max-width: 992px) {
gap: var(--du-spacing-3xl);
.du-image-with-text__image {
width: 40%;
}
}
@media (max-width: 569px) {
flex-direction: column;
gap: var(--du-spacing-2xl);
&.du-image-with-text__right {
flex-direction: column;
}
.du-image-with-text__image {
width: 100%;
}
.du-image-with-text__text {
gap: 20px;
.du-image-with-text__title {
font-size: var(--du-font-size-xl) !important;
}
}
}
} .du-carousel {
.du-carousel__slides {
display: block;
position: relative;
.du-carousel__slide {
opacity: 0;
height: 0;
width: 0;
transition: opacity 0.5s ease-in-out;
overflow: hidden;
&.active {
height: 100%;
width: 100%;
opacity: 1;
}
}
}
.du-carousel__navigation {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
position: absolute;
bottom: 50%;
transform: translateY(50%);
left: 0;
right: 0;
margin-inline: auto;
.du-carousel__btn {
--btn-size: 48px;
display: flex;
width: var(--btn-size);
height: var(--btn-size);
padding: var(--du-spacing-xs);
flex-direction: column;
justify-content: center;
align-items: center;
flex-shrink: 0;
aspect-ratio: 1/1;
background-color: var(--du-color-blue-dark-2);
color: var(--du-color-white);
border-radius: var(--btn-size);
&.du-carousel__prev {
transform: rotate(180deg);
}
}
}
}