.header + .main .section.slides:first-child {margin-top: -150px; } .header.sticky + .main .section.slides:first-child {margin-top: -270px; } .section.slides {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100vh;min-height: 1013px;max-height: 1013px;margin: 0 auto;max-width: 1920px;background: var(--color4); } .section.slides:first-child {margin-top: -270px; } .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 .slide {flex-shrink: 0;height: 100%; } .section.slides .carousel .holder .item {position: relative;border: 0;width: 100%;height: 100vh;min-height: 1013px;max-height: 1013px; } .section.slides .carousel .holder .slide {height: 100%;position: relative; } .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;transition: transform 0.5s ease; } .section.slides .carousel .holder .zoom-image:hover .img-fluid {transform: scale(1.05);transition: transform 0.5s ease; } .section.slides .carousel .holder .container-content {display: flex;align-items: center;justify-content: center;flex-direction: column;position: absolute;z-index: 1;top: 46.2%;left: 50%;transform: translateX(-50%) translateY(-50%); } .section.slides .carousel .holder .container-badges {position: absolute;bottom: 4.75rem;left: 50%;transform: translateX(-50%);display: flex;align-items: center;justify-content: center; } .section.slides .carousel .holder .container-badges .badge {background: rgba(19, 32, 66, 0.6);border: 1px solid rgba(0, 212, 255, 0.2);font-weight: 700;font-size: 0.595rem;line-height: 1.6806722689;text-align: center;color: var(--primary);padding: 0.75rem 1.5rem;border-radius: 1.5rem; } .section.slides .slide-content {color: var(--white);display: flex;flex-direction: column;align-items: center;text-align: center;text-transform: uppercase;font-family: "Orbitron", sans-serif;font-optical-sizing: auto;font-size: 1rem;font-weight: 600;max-width: 850px; } .section.slides .slide-content h1, .section.slides .slide-content .h1 {color: var(--primary);margin-bottom: 1.25rem;font-size: 2.4905rem;font-weight: 900;text-transform: uppercase;line-height: 1.25;padding-bottom: 0; } .section.slides .slide-content p {margin-bottom: 0; } .section.slides .slide-content .row-btn {padding-top: 2.5rem; } .section.slides .slide-content .row-btn .col {text-align: center; } .section.slides .slide-content .row-btn .btn {margin-bottom: 0.75rem; } .section.slides .slide-content .row-btn .btn.btn-primary {box-shadow: 0 0 1.19rem 0 rgba(34, 211, 238, 0.57); }