.section.slides {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;max-width: 1920px;height: 100vh;min-height: 1041px;max-height: 1041px;margin: 0 auto; } .section.slides .carousel {display: block;position: relative;width: 100%;height: 100%;clip-path: inset(0 0 0 0); } .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: 1041px;max-height: 1041px;background: #D9D9D9; } .section.slides .carousel .holder .slide {height: 100%; } .section.slides .carousel .holder .slide::after {content: " ";position: absolute;inset: 0;width: 100%;height: 100%;background: linear-gradient(180deg, #000 0%, transparent 100%); } .section.slides .carousel .holder .picture {position: fixed;top: 0;width: 100%;height: 100vh;max-width: 1920px;min-height: 848px;max-height: 1059px;object-fit: cover; } .section.slides .carousel .holder .img-fluid {width: 100%;height: 100%;object-fit: cover;object-position: center top; } .section.slides .carousel .holder .container {display: flex;justify-content: center;flex-direction: column;position: absolute;z-index: 1;height: 100%;top: 0;left: 50%;transform: translateX(-50%);padding-bottom: 2rem; } .section.slides .carousel .holder .container svg {margin-left: 0.9rem;z-index: 1;max-width: 90vw; } .section.slides .carousel .holder .container h1, .section.slides .carousel .holder .container .h1, .section.slides .carousel .holder .container .content p {font-size: 2.4rem;font-weight: 300;line-height: 1.42;letter-spacing: -0.072rem;color: var(--white);position: absolute;left: 1.4rem;max-width: 40rem;text-align: left;padding: 0;margin: 0;margin-top: -0.7rem;margin-left: 0.05rem; } @media (min-width: 576px) {.section.slides .carousel .holder .container h1, .section.slides .carousel .holder .container .h1, .section.slides .carousel .holder .container .content p {left: 5rem;} } @media (min-width: 1605px) {.section.slides .carousel .holder .container h1, .section.slides .carousel .holder .container .h1, .section.slides .carousel .holder .container .content p {left: 1.4rem;} } .section.slides .carousel .holder .container h1 span, .section.slides .carousel .holder .container .h1 span, .section.slides .carousel .holder .container .content p span {display: inline;background: #1d1d1d;padding: 0.3rem 1rem;line-height: 1.6;box-decoration-break: clone;-webkit-box-decoration-break: clone; } .section.slides .carousel .holder .container h1 b, .section.slides .carousel .holder .container .h1 b, .section.slides .carousel .holder .container .content p b {color: var(--primary);font-weight: 300; } .section.slides .carousel .holder .container .content p {margin-top: 1.5rem; } .section.slides .carousel .holder .container h1, .section.slides .carousel .holder .container .h1 {font-size: 3rem;font-weight: 600; }