[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: #de1f3f;
--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-black-10: #e8e8ea;
--du-color-grey-dark: #f0f2f2;
--du-color-grey-light: #f8fafa;
--du-color-white: #ffffff;
--du-color-purple: #741f9e;
--du-color-orange: #ed5743;
--du-color-red: #de1f3f;
--du-gradient-grey-to-white: linear-gradient(
180deg,
#f0f2f2 31.71%,
rgba(240, 242, 242, 0) 99.93%
);
--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-font-size-6xl: 52px;
--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);
}
}
html {
scroll-behavior: smooth;
}
.navbar.menu-primary {
z-index: 1001 !important;
@media (min-width: 993px) {
.menu-container {
margin-top: 0 !important;
.row-menu {
margin: 40px auto !important;
}
}
}
}
.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-purple-dark {
--du-color-primary: #fff !important;
--du-color-secondary: #741f9e !important;
--du-color-hover: #741f9e !important;
--du-color-text: #741f9e !important;
}
.du-color-orange-dark {
--du-color-primary: #fff !important;
--du-color-secondary: #ed5743 !important;
--du-color-hover: #ed5743 !important;
--du-color-text: #ed5743 !important;
}
.du-color-red-dark {
--du-color-primary: #fff !important;
--du-color-secondary: #de1f3f !important;
--du-color-hover: #de1f3f !important;
--du-color-text: #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-color-black {
--du-color-primary: #1e1e32 !important;
--du-color-secondary: #1e1e32 !important;
--du-color-hover: #4b4b5b !important;
--du-color-text: #1e1e32 !important;
}
.du-color-grey {
--du-color-primary: var(--du-color-grey-dark) !important;
--du-color-secondary: var(--du-color-blue-dark) !important;
--du-color-hover: var(--du-color-grey-dark) !important;
--du-color-text: var(--du-color-blue-dark) !important;
}
.du-bg-grey-to-white {
background: var(--du-gradient-grey-to-white);
}.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: 16px;
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-col-md-0 {
display: none;
}
}
}
.du-grid-new {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap;
gap: 16px;
height: 100%;
align-items: center;
.du-col-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.du-col-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.du-col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.du-col-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.du-col-5 {
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.du-col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.du-col-7 {
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.du-col-8 {
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.du-col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.du-col-10 {
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.du-col-11 {
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.du-col-12 {
flex: 0 0 100%;
max-width: 100%;
}
@media (max-width: 992px) {
.du-col-md-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.du-col-md-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.du-col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.du-col-md-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.du-col-md-5 {
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.du-col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.du-col-md-7 {
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.du-col-md-8 {
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.du-col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.du-col-md-10 {
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.du-col-md-11 {
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.du-col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.du-col-md-0 {
display: none;
}
}
}.du-new {
.du-btn,
.du-btn.btn-accent {
display: flex;
align-items: center;
justify-content: center;
gap: var(--du-spacing-sm);
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) !important;
transition: background-color var(--du-transition-duration),
color var(--du-transition-duration);
width: fit-content;
max-width: 100%;
opacity: 1;
&:hover {
background-color: var(--du-color-hover) !important;
color: var(--du-color-white) !important;
}
&.du-btn-full {
width: 100%;
}
&.du-color-white,
&.du-color-grey {
color: var(--du-color-text) !important;
}
&.du-btn-round {
--btn-size: 48px;
width: var(--btn-size);
height: var(--btn-size);
padding: var(--du-spacing-xs) !important;
justify-content: center;
align-items: center;
flex-shrink: 0;
aspect-ratio: 1/1;
border-radius: var(--btn-size) !important;
&.du-prev {
transform: rotate(180deg);
}
}
@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;
max-height: 848px;
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-container {
gap: var(--du-spacing-5xl);
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
height: 100%;
padding-top: 0;
padding-bottom: 0;
}
.du-col-header-content {
flex: 0 0 calc(calc(calc(100% - var(--du-spacing-5xl)) / 12) * 7);
}
.du-col-header-img {
align-self: flex-end;
height: 100%;
& > img {
position: absolute;
bottom: 0;
right: -18%;
width: 60vw;
max-width: 900px;
}
}
.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;
}
}
}
}
@media (max-width: 992px) {
.du-container {
gap: var(--du-spacing-md);
.du-col-header-content {
flex: 0 0 100%;
}
.du-col-header-img {
display: none;
}
}
}
@media (max-width: 569px) {
height: auto;
padding: 116px 0 20px;
.du-header-text {
align-items: center;
gap: var(--du-spacing-lg);
text-align: center;
margin-bottom: var(--du-spacing-lg);
.du-title {
font-size: var(--du-font-size-3xl);
}
.du-subtitle {
font-size: 16px;
}
}
.du-header-date-box {
position: static;
flex-direction: column;
align-items: center;
gap: var(--du-spacing-md);
text-align: center;
.du-header-date {
padding: var(--du-spacing-md);
text-align: center;
}
.du-header-date-text {
p {
line-height: 1.48;
}
}
}
}
} .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,
var(--du-color-grey-dark) 31.71%,
rgba(240, 242, 242, 0) 99.93%
);
.du-container {
padding-bottom: 72px;
}
.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-container {
gap: var(--du-spacing-3xl);
padding-bottom: var(--du-spacing-3xl);
}
.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 {
flex: 1;
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-study-plan {
background: var(--du-color-grey-dark);
.du-study-plan__content {
.du-study-plan__panel {
--cols: 5;
--gap: var(--du-spacing-md);
.du-study-plan__item {
display: flex;
flex-direction: column;
gap: var(--du-spacing-md);
background-color: var(--du-color-white);
aspect-ratio: 1/1;
border-radius: var(--du-border-radius);
padding: var(--du-spacing-lg) var(--du-spacing-2xl);
box-shadow: 0 4px 32px 0 rgba(30, 30, 50, 0.06);
.du-study-plan__item--title {
font-size: var(--du-font-size-lg);
font-weight: 600;
color: var(--du-color-blue-dark);
line-height: 1.12;
margin-top: auto;
line-clamp: 3;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
min-height: 60px;
}
.du-study-plan__item--lectors {
display: flex;
min-height: 44px;
.du-study-plan__item--lector {
width: 44px;
height: 44px;
background-color: var(--du-color-white);
border: 2px solid var(--du-color-white);
border-radius: 44px;
overflow: hidden;
margin-left: -16px;
transition: all 0.3s ease-in-out;
&:first-child {
margin-left: -2px;
}
&:hover {
z-index: 1;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
}
}
}
@media (min-width: 570px) {
.du-study-plan__item {
&.outside {
position: relative;
opacity: 0.4;
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(2px);
z-index: 1;
}
}
}
}
@media (max-width: 992px) {
.du-study-plan__content {
.du-study-plan__panel {
--cols: 3;
--offset: var(--du-spacing-2xl);
}
.du-slider__nav {
display: none;
}
}
}
@media (max-width: 569px) {
.du-study-plan__content {
.du-study-plan__panel {
--cols: 1;
--offset: var(--du-spacing-7xl);
}
}
}
} .du-study-plan-single {
.du-study-plan-single__items {
display: flex;
flex-direction: column;
gap: var(--du-spacing-sm);
.du-study-plan-single__item {
display: flex;
align-items: center;
gap: var(--du-spacing-md);
padding: var(--du-spacing-lg) var(--du-spacing-2xl);
background-color: var(--du-color-white);
border-radius: var(--du-border-radius);
box-shadow: 0 4px 32px 0 rgba(30, 30, 50, 0.06);
.du-study-plan-single__item--title {
font-size: var(--du-font-size-lg);
font-weight: 600;
color: var(--du-color-blue-dark);
line-height: 112%;
}
.du-study-plan-single__item--link {
margin-left: auto;
}
}
}
@media (max-width: 569px) {
.du-study-plan-single__items {
.du-study-plan-single__item {
flex-direction: column;
}
}
}
} .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.du-new {
background-color: var(--du-color-white);
--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 {
--cols: 3;
--gap: var(--du-spacing-2xl);
background-color: var(--du-color-grey-dark);
.du-lectors__items {
display: grid;
grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
gap: var(--gap);
.du-lector__item {
display: flex;
padding: 40px 48px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: var(--du-spacing-lg);
flex: 1 0 0;
background-color: var(--du-color-white);
border-radius: var(--du-border-radius-xs);
box-shadow: 0 4px 32px 0 rgba(30, 30, 50, 0.06);
.du-lector__item--detail {
display: flex;
flex-direction: column;
gap: var(--du-spacing-md);
.du-lector__image {
width: var(--du-spacing-7xl);
height: var(--du-spacing-7xl);
aspect-ratio: 1/1;
border-radius: var(--du-spacing-7xl);
overflow: hidden;
img {
min-width: 100%;
min-height: 100%;
object-fit: cover;
}
}
.du-lector__name {
font-size: var(--du-font-size-lg);
font-weight: 700;
line-height: 132%;
color: var(--du-color-blue-dark);
}
.du-lector__position {
color: var(--du-color-black-80);
font-size: 16px;
font-weight: 400;
line-height: 148%; }
}
.du-lector__read-more {
color: var(--du-color-blue-dark);
font-size: var(--du-font-size-md);
font-style: normal;
font-weight: 400;
line-height: 132%;
text-decoration-line: underline;
}
}
}
@media (max-width: 992px) {
--cols: 2;
}
@media (max-width: 569px) {
--cols: 1;
}
} .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);
}
@media (max-width: 569px) {
--cols: 1;
}
} .du-cta-banner {
.du-container {
padding-bottom: 0;
&:not(.du-cta-banner--top-padding) {
padding-top: 0;
}
}
.du-cta-banner__wrapper {
padding: var(--du-spacing-7xl) var(--du-spacing-5xl);
position: relative;
background: linear-gradient(180deg, #f9284b 0%, rgba(249, 40, 75, 0) 100%),
url(https://digitalnauniverzita.sk/wp-content/uploads/2025/07/du-banner-pattern.png)
no-repeat center center,
var(--du-color-secondary);
background-size: cover, cover, auto;
padding-right: var(--du-spacing-5xl);
display: flex;
justify-content: flex-end;
box-shadow: 0 4px 32px 0 rgba(30, 30, 50, 0.06);
border-radius: var(--du-border-radius);
overflow: hidden;
.du-cta-banner__content {
width: 524px;
max-width: 50%;
margin-left: auto;
display: flex;
flex-direction: column;
gap: var(--du-spacing-3xl);
align-items: flex-start;
.du-cta-banner__text {
display: flex;
flex-direction: column;
gap: var(--du-spacing-2xl);
.du-cta-banner__title {
font-size: var(--du-font-size-5xl);
font-weight: 800;
line-height: 116%;
letter-spacing: -0.22px;
}
.du-cta-banner__subtitle {
font-size: var(--du-font-size-sm);
font-weight: 600;
line-height: 140%;
text-transform: uppercase;
}
}
}
.du-cta-banner__image {
position: absolute;
bottom: 0;
left: 0;
width: auto;
height: auto;
max-width: 55%;
max-height: 100%;
}
}
@media (max-width: 992px) {
.du-cta-banner__wrapper {
padding: var(--du-spacing-3xl);
.du-cta-banner__content {
.du-cta-banner__text {
.du-cta-banner__title {
font-size: var(--du-font-size-3xl);
line-height: 116%;
letter-spacing: -0.16px;
}
}
}
}
}
@media (max-width: 569px) {
.du-cta-banner__wrapper {
.du-cta-banner__content {
width: 100%;
max-width: none;
align-items: center;
gap: var(--du-spacing-2xl);
.du-cta-banner__text {
gap: var(--du-spacing-lg);
text-align: center;
.du-cta-banner__title {
font-size: var(--du-font-size-3xl);
line-height: 116%;
letter-spacing: -0.16px;
}
}
}
.du-cta-banner__image {
display: none;
}
}
}
} .du-companies {
.du-companies__title {
color: var(--du-color-blue-dark);
text-align: center;
font-size: var(--du-font-size-xl);
font-weight: 800;
line-height: 112%;
letter-spacing: -0.12px;
}
.du-companies__items {
display: flex;
padding: 0 104px;
justify-content: center;
align-items: center;
align-content: center;
gap: var(--du-spacing-sm);
align-self: stretch;
flex-wrap: wrap;
.du-company__item {
display: flex;
height: 48px;
padding: 0 var(--du-spacing-lg);
justify-content: center;
align-items: center;
gap: var(--du-spacing-sm);
border-radius: var(--du-border-radius-xs);
background: var(--du-color-grey-dark);
.du-company__item--name {
color: var(--du-color-blue-dark);
text-align: center;
font-size: var(--du-font-size-md);
font-weight: 600;
line-height: 12px;
}
}
}
@media (max-width: 569px) {
.du-companies__items {
padding: 0;
}
}
} .du-contact-section {
.du-container {
display: flex;
flex-direction: row;
align-items: center;
gap: 136px;
padding-top: var(--du-spacing-2xl);
padding-bottom: var(--du-spacing-2xl);
}
.du-contact-section__header {
display: flex;
flex-direction: column;
text-align: left;
align-items: flex-start;
gap: var(--du-spacing-2xl);
flex: 1;
.du-contact-section__title {
font-size: var(--du-font-size-4xl);
font-weight: 800;
line-height: 112%;
letter-spacing: -0.18px;
color: var(--du-color-blue-dark);
}
.du-contact-section__subtitle {
color: var(--du-color-black-50) !important;
font-size: var(--du-font-size-xs);
font-weight: 600;
line-height: 100%;
text-transform: uppercase;
}
.du-contact-section__contacts {
a {
font-size: var(--du-font-size-xl);
font-weight: 600;
line-height: 148%;
opacity: 0.8;
display: block;
}
.du-contact-section__email {
color: var(--du-color-purple) !important;
}
.du-contact-section__phone {
color: var(--du-color-blue-dark) !important;
}
}
.du-contact-section__text {
font-weight: 400;
line-height: 148%;
color: var(--du-color-black-80);
font-size: 16px;
line-height: 148%;
opacity: 0.8;
}
}
.du-contact-section__content {
flex: 1;
}
@media (max-width: 992px) {
.du-container {
flex-direction: column;
gap: var(--du-spacing-2xl);
}
.du-contact-section__header {
align-items: center;
text-align: center;
}
.du-contact-section__content {
width: 100%;
}
}
} .du-registration-section {
.du-container {
display: flex;
flex-direction: row;
gap: 136px;
}
.du-registration-section__info {
display: flex;
flex-direction: column;
text-align: left;
align-items: flex-start;
gap: var(--du-spacing-3xl);
flex: 1;
.du-registration-section__info--header {
display: flex;
flex-direction: column;
gap: var(--du-spacing-2xl);
.du-registration-section__subtitle {
color: var(--du-color-black-50) !important;
font-size: var(--du-font-size-xs);
font-weight: 600;
line-height: 100%;
text-transform: uppercase;
}
.du-registration-section__title {
color: var(--du-color-blue-dark);
font-size: 53px;
font-weight: 800;
line-height: 112%;
letter-spacing: -0.265px;
}
.du-registration-section__text {
color: var(--du-color-blue-dark);
font-size: 19px;
font-weight: 600;
line-height: 132%;
letter-spacing: -0.57px;
span {
color: var(--du-color-red);
}
}
}
.du-registration-icon-boxes {
display: flex;
flex-direction: column;
gap: var(--du-spacing-sm);
.du-registration-icon-box {
display: flex;
align-items: center;
gap: var(--du-spacing-md);
padding: 20px var(--du-spacing-lg);
background-color: var(--du-color-grey-light);
border-radius: var(--du-border-radius-xs);
.du-registration-icon-box__text {
color: var(--du-color-blue-dark);
font-size: var(--du-font-size-lg);
font-weight: 700;
line-height: 30px;
margin-right: 20px;
display: inline-block;
}
}
}
.du-registration-icon-list {
display: flex;
flex-direction: column;
.du-registration-icon-list__item {
display: flex;
align-items: center;
gap: var(--du-spacing-sm);
.du-registration-icon-list__image {
margin: var(--du-spacing-xs);
}
.du-registration-icon-list__text {
color: var(--du-color-blue-dark);
font-size: 16px;
line-height: 148%;
}
}
}
}
.du-registration-section__content {
flex: 1;
}
@media (max-width: 992px) {
.du-container {
flex-direction: column;
gap: var(--du-spacing-2xl);
}
.du-registration-section__header {
align-items: center;
text-align: center;
}
.du-registration-section__content {
width: 100%;
}
}
} .du-study-expectations {
--cols: 4;
.du-study-expectations__items {
display: grid;
grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
gap: var(-du-spacing-2xl);
.du-study-expectations__item {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--du-spacing-md);
padding: var(--du-spacing-lg) var(--du-spacing-md);
.du-study-expectations__item--title {
color: var(--du-color-blue-dark);
font-size: var(--du-font-size-lg);
font-weight: 700;
line-height: 30px;
}
.du-study-expectations__item--description {
color: var(--du-color-black-80);
font-size: 16px;
font-weight: 400;
line-height: 148%;
text-align: center;
}
}
}
.du-study-expectations__note {
text-align: center;
}
@media (max-width: 992px) {
--cols: 2;
}
@media (max-width: 569px) {
--cols: 1;
}
} .du-faq {
--cols: 2;
background: var(--du-gradient-grey-to-white);
.du-container {
gap: var(--du-spacing-7xl);
.du-faq__group {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--du-spacing-5xl);
.du-faq__group-title {
color: var(--du-color-blue-dark) !important;
font-size: var(--du-font-size-4xl) !important;
font-weight: 800;
line-height: 112%;
letter-spacing: -0.18px;
text-align: center;
}
.du-faq__items {
display: grid;
grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
gap: var(--du-spacing-md) var(--du-spacing-2xl);
.du-faq__item {
background-color: var(--du-color-white);
border-radius: var(--du-border-radius);
padding: var(--du-spacing-lg) var(--du-spacing-2xl);
.du-faq__question {
color: var(--du-color-blue-dark);
font-size: var(--du-font-size-lg);
font-weight: 600;
line-height: 112%;
}
.du-faq__answer {
color: var(--du-color-black-80);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 148%;
opacity: 0.8;
}
}
}
}
}
@media (max-width: 569px) {
--cols: 1;
.du-container {
gap: var(--du-spacing-3xl);
.du-faq__group {
gap: var(--du-spacing-2xl);
}
}
}
}
.du-faq__header-btns {
display: flex;
justify-content: center;
gap: var(--du-spacing-xs);
.du-btn {
justify-content: space-between;
}
@media (max-width: 569px) {
flex-direction: column;
align-items: center;
width: 100%;
}
} .du-program-header-info {
display: flex;
flex-direction: column;
gap: var(--du-spacing-4xl);
.du-program-header-info__items {
margin-inline: calc(var(--du-spacing-2xl) * -1);
display: flex;
flex-wrap: wrap;
gap: var(--du-spacing-md) 0;
.du-program-header-info__item {
display: flex;
flex-direction: column;
gap: var(--du-spacing-2xs);
padding-inline: var(--du-spacing-2xl);
.du-program-header-info__value {
font-size: 16px;
font-weight: 700;
line-height: 100%;
color: var(--du-color-text);
}
.du-program-header-info__label {
font-size: 16px;
font-weight: 400;
line-height: 112%;
color: var(--du-color-black-80) !important;
}
}
}
.du-program-header-info__note {
font-size: var(--du-font-size-md);
font-weight: 400;
line-height: 132%;
color: var(--du-color-blue-dark);
}
@media (max-width: 569px) {
.du-program-header-info__items {
.du-program-header-info__item {
flex: 1 0 calc(calc(100% - 18px) / 2);
}
}
}
} .du-footer {
.du-container {
padding-bottom: var(--du-spacing-5xl);
}
.du-footer__wrapper {
display: flex;
flex-direction: column;
gap: 56px;
.du-footer__socials {
display: flex;
justify-content: flex-start;
gap: var(--du-spacing-xs);
.du-footer__social-link {
display: flex;
width: 52px;
height: 52px;
margin: 0;
padding: var(--du-spacing-sm) !important;
justify-content: center;
align-items: center;
&.du-btn {
border-radius: 52px !important;
}
}
}
.du-footer__content {
display: flex;
gap: var(--du-spacing-lg);
justify-content: space-between;
align-items: center;
.du-footer__copyright {
font-size: var(--du-font-size-md);
font-weight: 400;
color: var(--du-color-blue-dark);
line-height: 132%;
em {
font-weight: 700;
font-style: normal;
text-transform: uppercase;
}
a {
color: var(--du-color-blue-dark);
text-decoration: underline;
&:hover {
text-decoration: none;
}
}
}
}
}
@media (max-width: 569px) {
.du-container {
padding-bottom: var(--du-spacing-3xl);
}
.du-footer__wrapper {
gap: var(--du-spacing-3xl);
.du-footer__socials {
justify-content: center;
}
.du-footer__content {
flex-direction: column;
.du-footer__copyright {
text-align: center;
}
}
}
}
}.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(--du-spacing-3xl) var(--gap);
grid-template-columns: minmax(0, 1fr);
position: relative;
}
.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__nav {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
transform: translateY(-50%);
left: 0;
right: 0;
position: absolute;
top: 50%;
.du-next {
transform: translateX(50%);
}
.du-prev {
transform: rotate(180deg) translateX(50%) !important;
}
.disabled {
visibility: hidden;
}
}
.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;
}
} .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%;
}
.du-section-header__content {
color: var(--du-color-black-80);
font-size: 16px;
font-weight: 400;
line-height: 148%;
opacity: 0.8;
}
@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-section-header__content {
width: 100%;
}
}
&.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__container {
.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%;
display: flex;
flex-direction: column;
gap: var(--du-spacing-2xl);
}
}
}
@media (max-width: 992px) {
padding-top: 0 !important;
.du-image-with-text {
gap: var(--du-spacing-3xl);
.du-image-with-text__image {
min-width: 40%;
}
}
}
@media (max-width: 569px) {
.du-image-with-text {
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-image-with-text__content {
gap: 20px;
}
}
}
}
} .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-tabs {
.du-tabs__switcher {
--count: 1;
--selected: 0;
position: relative;
display: flex;
align-items: center;
height: 36px;
width: calc(132px * var(--count));
background-color: var(--du-color-white);
border-radius: var(--du-border-radius);
overflow: hidden;
justify-self: end;
align-self: end;
&.du-tabs__switcher--full {
width: 100%;
grid-column: 1/-1;
}
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: calc(100% / var(--count));
height: 100%;
z-index: 1;
background-color: var(--du-color-blue-dark-2);
border-radius: var(--du-border-radius);
transform: translateX(calc(100% * var(--selected)));
transition: all 0.3s;
}
.du-tabs__switcher--item {
position: relative;
z-index: 2;
display: block;
flex: 0 1 calc(100% / var(--count));
background-color: transparent;
color: var(--du-color-blue-dark-2) !important;
font-size: var(--text-size-md);
line-height: var(--text-line-md);
font-weight: 600;
transition: all 0.3s;
&.active {
color: var(--du-color-white) !important;
}
}
}
.du-tabs__content {
grid-column: 1 / -1;
.du-tabs__panel {
opacity: 0;
height: 0;
display: flex;
flex-direction: column;
gap: var(--du-spacing-5xl);
align-items: center;
pointer-events: none;
&.active {
opacity: 1;
height: auto;
transition: opacity 0.8s ease-out;
pointer-events: all;
}
}
}
@media (max-width: 1023px) {
grid-template-columns: 3fr 1fr;
}
@media (max-width: 767px) {
grid-template-columns: minmax(0, 1fr);
.du-tabs__switcher {
width: 100%;
justify-self: start;
}
}
} #page-header-new .uncont {
padding-top: 0 !important;
}
.du-page-header {
.du-page-header__menu {
height: 150px;
background-color: var(--du-color-secondary);
}
.du-container {
display: flex;
flex-direction: column;
gap: var(--du-spacing-4xl);
padding: 72px var(--du-spacing-md);
&.du-page-header-center {
align-items: center;
text-align: center;
.du-header__main {
align-items: center;
text-align: center;
}
}
.du-header__main {
display: flex;
flex-direction: column;
gap: var(--du-spacing-2xl);
.du-page-header__title {
--header-color: var(--du-color-blue-dark);
font-size: var(--du-font-size-6xl);
font-weight: 800;
color: var(--header-color) !important;
font-size: 52px;
line-height: 112%; letter-spacing: -0.26px;
& > * {
color: var(--du-color-text) !important;
}
}
.du-page-header__subtitle {
color: var(--du-color-black-50) !important;
font-size: var(--du-font-size-xs);
font-weight: 600;
line-height: 100%;
text-transform: uppercase;
}
.du-page-header__description {
color: var(--du-color-black-80) !important;
font-size: 16px;
font-weight: 400;
line-height: 148%;
opacity: 0.8;
white-space: break-spaces;
}
}
}
@media (max-width: 992px) {
.du-page-header__menu {
height: 100px;
}
}
} .du-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
display: none;
&.active {
display: flex;
}
} .du-accordion-group {
.du-accordion-item {
.du-accordion-item__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--du-spacing-sm);
cursor: pointer;
}
.du-accordion-toggle {
flex: 0 0 var(--du-spacing-4xl);
width: var(--du-spacing-4xl);
height: var(--du-spacing-4xl);
padding: var(--du-spacing-xs) !important;
margin: 0 !important;
.du-icon-plus {
display: inline-block;
width: 8px;
height: 2px;
background-color: var(--du-color-white);
position: relative;
&::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-90deg);
display: block;
width: 8px;
height: 2px;
background-color: var(--du-color-white);
transition: transform 0.3s ease-in-out;
}
}
&:hover {
background-color: var(--du-color-grey);
}
}
.du-accordion-content {
padding: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}
&.active {
.du-accordion-toggle {
.du-icon-plus::after {
transform: translate(-50%, -50%) rotate(0deg);
}
}
}
}
} .du-modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: var(--du-color-white);
border-radius: var(--du-border-radius);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
z-index: 1000;
width: 90%;
max-width: 600px;
padding: var(--du-spacing-4xl);
display: flex;
flex-direction: column;
gap: var(--du-spacing-3xl);
.du-modal__header {
display: flex;
justify-content: space-between;
align-items: center;
.du-modal__title {
font-size: var(--du-font-size-4xl);
font-weight: 700;
color: var(--du-color-blue-dark);
}
.du-modal__close {
cursor: pointer;
font-size: var(--du-font-size-lg);
color: var(--du-color-black-70);
}
}
.du-modal__content {
font-size: var(--du-font-size-md);
color: var(--du-color-black-80);
line-height: 1.5;
}
.du-modal__footer {
display: flex;
justify-content: flex-end;
.du-btn {
margin-left: var(--du-spacing-sm);
}
}
} .du-horizontal-divider {
display: block;
width: 100%;
height: 1px;
background-color: var(--du-color-black-10);
margin: var(--du-spacing-lg) 0;
position: relative;
&.du-horizontal-divider-with-label {
margin: calc(var(--du-spacing-lg) + 10px) 0;
.du-horizontal-divider__label {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: var(--du-color-white);
padding: 0 var(--du-spacing-lg);
font-size: var(--du-font-size-md);
color: var(--du-color-purple) !important;
font-weight: 600;
line-height: 132%;
white-space: nowrap;
}
}
&.du-dark {
background-color: var(--du-color-white);
}
} .du-vertical-divider {
display: block;
width: 1px;
min-height: 100%;
background-color: var(--du-color-black-10);
margin: 0 var(--du-spacing-2xs);
&.du-dark {
background-color: var(--du-color-white);
}
} .du-colored-box {
display: flex;
align-items: center;
justify-content: center;
padding: var(--du-spacing-md);
border-radius: var(--du-border-radius);
background-color: var(--du-color-grey-dark);
color: var(--du-color-black-90);
font-size: var(--du-font-size-sm);
text-align: center;
&.du-colored-box--primary {
background-color: var(--du-color-primary);
color: var(--du-color-white);
}
&.du-colored-box--secondary {
background-color: var(--du-color-secondary);
color: var(--du-color-text);
}
}.du-new {
.du-form-container {
padding: var(--du-spacing-5xl);
border-radius: var(--du-border-radius);
background-color: var(--du-color-grey-dark);
.du-form-header {
display: flex;
flex-direction: column;
gap: var(--du-spacing-sm);
margin-bottom: var(--du-spacing-4xl);
.du-form-title {
color: var(--du-color-blue-dark);
font-size: 36px;
font-weight: 800;
line-height: 112%;
letter-spacing: -0.18px;
}
.du-form-subtitle {
color: var(--du-color-blue-dark);
font-size: 16px;
font-weight: 400;
line-height: 148%;
}
}
.wpcf7 {
.wpcf7-form {
input:not([type='checkbox']),
textarea,
select {
border-radius: var(--du-border-radius);
border: 1px solid #cdcdd5;
background-color: var(--du-color-white);
padding: var(--du-spacing-md);
margin-top: var(--du-spacing-sm);
margin-bottom: 20px;
}
input[type='checkbox'] {
margin-top: var(--du-spacing-2xl);
margin-bottom: var(--du-spacing-2xl);
}
input:focus {
border-color: var(--du-color-blue-dark) !important;
box-shadow: 0 4px 32px 0 rgba(30, 30, 50, 0.06);
}
}
}
@media (max-width: 992px) {
padding: var(--du-spacing-2xl);
}
}
}