.section.slides {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100vh;min-height: 410px;max-height: 685px;margin: 0 auto;max-width: 1920px; } .section.slides.no-header-img {z-index: 150; } .section.slides .carousel {display: block;position: relative;width: 100%;height: 100%; } .section.slides .carousel .holder {height: 100%;overflow: hidden; } .section.slides .carousel .holder .row {flex-wrap: nowrap;position: relative;height: 100%; } .section.slides .carousel .holder .col {flex-shrink: 0;height: 100%; } .section.slides .carousel .holder .item {position: relative;border: 0;width: 100%;height: 100vh;min-height: 410px;max-height: 685px; } .section.slides .carousel .holder .slide {height: 100%;position: relative; } .section.slides .carousel .holder .no-mobile {display: none; } @media (min-width: 992px) {.section.slides .carousel .holder .no-mobile {display: block;} } @media (min-width: 992px) {.section.slides .carousel .holder .video-mobile {display: none;} } .section.slides .carousel .holder .video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; } .section.slides .carousel .holder .image {width: 100%;height: 100%; } @media (orientation: landscape) {.section.slides .carousel .holder .image.image-landscape {display: block;} } @media (orientation: portrait) {.section.slides .carousel .holder .image.image-landscape {display: none;} } @media (orientation: landscape) {.section.slides .carousel .holder .image.image-portrait {display: none;} } @media (orientation: portrait) {.section.slides .carousel .holder .image.image-portrait {display: block;} } .section.slides .carousel .holder .img-fluid {width: 100%;height: 100%;object-fit: cover; } .section.slides .carousel .holder .container {display: flex;align-items: center;justify-content: center;flex-direction: column;position: absolute;z-index: 1;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%); } .section.slides .slide-content {display: flex;flex-direction: column;align-items: flex-start;align-self: flex-start; } @media (min-width: 768px) {.section.slides .slide-content {width: 80%;} } @media (min-width: 992px) {.section.slides .slide-content {width: 60%;} } .section.slides .slide-content h2, .section.slides .slide-content .h2 {border-radius: 0.25rem;margin-bottom: 1.125rem;font-size: 2.8125rem;line-height: 1.1;background: linear-gradient(to right, #ffffff, #BFBFBF);-webkit-background-clip: text;-webkit-text-fill-color: transparent; } @media (min-width: 768px) {.section.slides .slide-content h2, .section.slides .slide-content .h2 {font-size: 3.75rem;width: 75%;} } .section.slides .slide-content .content {width: 100%; } .section.slides .slide-content .content .row {margin-bottom: 2.8125rem;flex-wrap: wrap; } .section.slides .slide-content .content .row > * {margin-bottom: 0.9375rem; } .section.slides .slide-content .content .col {height: auto; } .section.slides .slide-content .content .card {position: relative;background: rgba(255, 255, 255, 0.05);text-align: center;justify-content: space-between; } .section.slides .slide-content .content .card::before {content: "";position: absolute;inset: 0;border-radius: inherit;padding: 3px;background: conic-gradient(from 180deg at 50% 100%, rgb(251, 191, 36) 0%, rgba(251, 191, 36, 0) 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none; } .section.slides .slide-content .content p {color: var(--white);font-size: 1.25rem;line-height: 1.3;font-weight: 700;margin-bottom: 0; } .section.slides .slide-content .content .small-text {color: var(--secondary);font-size: 0.9375rem;margin-bottom: 0.625rem; } @media (min-width: 992px) {.section.slides .slide-content .content .small-text {font-size: 0.6875rem;} } .section.slides .slide-content .content .buttons {display: flex;flex-wrap: wrap;gap: 1.25rem;justify-content: center; } @media (min-width: 768px) {.section.slides .slide-content .content .buttons {justify-content: flex-start;} } .section.slides .slide-content .content .projekt {text-align: center; } @media (min-width: 576px) {.section.slides .slide-content .content .projekt {text-align: left;} } .section.slides .slide-content .content .projekt h2 {font-size: 2.25rem;line-height: 1.3; } .section.slides .slide-content .content .projekt h4 {color: var(--secondary);font-size: 1.25rem; } @media (min-width: 992px) {.section.slides .slide-content .content .projekt h4 {font-size: 1rem;} } .section.slides .slide-content .content .projekt .row {margin-bottom: 1.875rem; } @media (min-width: 1140px) {.section.slides .slide-content .content .projekt .row {border-left: 1px solid rgba(255, 255, 255, 0.4);padding: 1.25rem;} } .section.slides .slide-content .content .projekt .row .col {margin-bottom: 0; } .section.slides .slide-content .content .projekt .row p {font-size: 1.125rem;font-weight: 400;margin-bottom: 1.25rem; } @media (min-width: 992px) {.section.slides .slide-content .content .projekt .row p {font-size: 0.875rem;} } .section.slides .slide-content .content .projekt .row .name-text {margin-bottom: 0.3125rem;color: #9CA3AF;font-size: 0.875rem; } @media (min-width: 992px) {.section.slides .slide-content .content .projekt .row .name-text {font-size: 0.625rem;} } .section.slides .slide-content .content .projekt .buttons {display: flex;flex-wrap: wrap;gap: 1.25rem; }