.section.slides {display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 1920px;height: 100vh;max-height: 1080px;margin: 0 auto;min-height: 22.2222222222rem; } @media (min-width: 576px) {.section.slides {min-height: 632px;height: calc(100vh - 1.5416666667rem);} } .section.slides.section-first {margin-top: -5.5833333333rem; } .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: auto;width: 100%; } @media (min-width: 576px) {.section.slides .carousel .holder .row {height: auto;} } .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: 22.2222222222rem;max-height: 1080px; } .section.slides .carousel .holder .item .row {flex-wrap: wrap; } .section.slides .carousel .holder .item .row .img-fluid {height: 100%;object-fit: contain;position: relative;width: auto; } @media (min-width: 576px) {.section.slides .carousel .holder .item {height: calc(100vh - 1.5416666667rem);min-height: 632px;} } .section.slides .carousel .holder .slide {height: 100%; } .section.slides .carousel .holder .img-fluid {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0; } @media (min-width: 768px) {.section.slides .carousel .holder .img-fluid.mobile-img {display: none;} } @media (min-width: 576px) {.section.slides .carousel .holder .img-fluid {height: 100%;object-position: top;} } .section.slides .carousel .holder .container {display: flex;align-items: center;justify-content: flex-start;flex-direction: column;position: relative;z-index: 1;height: 100%;top: 0;padding-top: 5rem; } .section.slides .carousel .holder .container.top {justify-content: flex-start; } .section.slides .carousel .holder .container.bottom {justify-content: flex-end; } @media (min-width: 768px) {.section.slides .carousel .holder .container {justify-content: center;padding-top: 0;} } .section.slides .carousel .holder .container .content-col {display: flex;flex-direction: column;justify-content: center;margin-bottom: 2.5rem; } .section.slides .carousel .holder .container .col-auto {margin: auto; } @media (min-width: 768px) {.section.slides .carousel .holder .container .col-auto {margin-left: 0;padding: 0;} } .section.slides .carousel .holder h1, .section.slides .carousel .holder .h1 {font-weight: 400;font-size: 2.5555555556rem;line-height: 1.2777777778;width: 100%;color: var(--white);text-transform: uppercase;position: relative;margin-top: 0;margin-bottom: 0.0555555556rem;top: 0;padding-top: 0;padding-bottom: 1.0555555556rem;letter-spacing: 0;background: none;-webkit-background-clip: inherit;-webkit-text-fill-color: var(--white);text-align: center; } .section.slides .carousel .holder h1 b, .section.slides .carousel .holder .h1 b {font-size: 2.9166666667rem; } @media (min-width: 576px) {.section.slides .carousel .holder h1, .section.slides .carousel .holder .h1 {font-size: 2.5833333333rem b;font-size-font-size: 3.3333333333rem;} } @media (min-width: 768px) {.section.slides .carousel .holder h1, .section.slides .carousel .holder .h1 {font-size: 4rem;line-height: 1.1111111111;padding-bottom: 0;margin-bottom: 0.8333333333rem;text-align: left;}.section.slides .carousel .holder h1 b, .section.slides .carousel .holder .h1 b {font-size: 5rem;} } .section.slides .carousel .holder h1 b, .section.slides .carousel .holder .h1 b {font-weight: 700; } .section.slides .carousel .holder .content {max-width: 100%;margin: 0;text-align: left;margin-bottom: 0.5555555556rem; } @media (min-width: 576px) {.section.slides .carousel .holder .content {margin-bottom: 0.6666666667rem;} } @media (min-width: 768px) {.section.slides .carousel .holder .content {max-width: 28.6666666667rem;} } .section.slides .carousel .holder .content p {font-weight: 400;font-size: 0.8888888889rem;line-height: 1.5;color: var(--white);text-align: center; } @media (min-width: 576px) {.section.slides .carousel .holder .content p {font-size: 1rem;font-weight: 500;line-height: 1.1666666667;} } @media (min-width: 768px) {.section.slides .carousel .holder .content p {text-align: left;} } .section.slides .carousel .holder .btn:not(.btn-admin) {position: relative;left: 0.625rem; } .section.slides .carousel .pager {position: absolute;bottom: 1.6666666667rem;left: 50%;transform: translateX(-50%);z-index: 2; } .section.slides .carousel .pager .nav {justify-content: center; } .section.slides .carousel .pager .nav .nav-link {width: 0.375rem;height: 0.375rem;padding: 0;border: 0;border-radius: 4.1666666667rem;margin-left: 0.1666666667rem;margin-right: 0.1666666667rem;background: rgba(255, 255, 255, 0.5);transition: width 0.5s, background 0.5s; } .section.slides .carousel .pager .nav .nav-link.active {width: 0.7916666667rem;background: var(--white); }