.section.slides {width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 61.25rem; } .section.slides .carousel {display: block;position: relative;width: 100%;height: 100%; } .section.slides .carousel .btn-prev:hover:not([disabled]), .section.slides .carousel .btn-next:hover:not([disabled]) {color: var(--secondary); } .section.slides .carousel .holder {height: 100%;overflow: hidden; } .section.slides .carousel .holder > .row {flex-wrap: nowrap;position: relative;height: 100%; } .section.slides .carousel .holder > .row > .col {flex-shrink: 0;height: auto; } .section.slides .carousel .holder .item {position: relative;border: 0;width: 100%;min-height: 61.25rem; } .section.slides .carousel .holder .slide {height: 100%; } .section.slides .carousel .holder .image {position: absolute;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 {position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;z-index: 1; } .section.slides .carousel .holder .overlay {position: absolute;background-color: rgba(0, 0, 0, 0.3);width: 100%;height: 100%;z-index: 2; } .section.slides .carousel .holder .container {position: relative;z-index: 3;top: 0;height: 100%; } @media (min-width: 576px) {.section.slides .carousel .holder .container {padding-left: 6.25rem;padding-right: 6.25rem;} } @media (min-width: 1673px) {.section.slides .carousel .holder .container {padding-left: calc((1854px - 100%) / 2);padding-right: calc((1854px - 100%) / 2);} } @media (min-width: 1839px) {.section.slides .carousel .holder .container {padding-left: 1.0625rem;padding-right: 1.0625rem;} } .section.slides .carousel .holder .container > .row {height: 100%; } .section.slides .carousel .holder .col-content {display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;padding-bottom: 2.5rem;max-height: 100vh;min-height: 41.25rem;padding-top: 14.5625rem; } @media only screen and (min-width: 992px) and (max-width: 1300px) {.section.slides .carousel .holder .col-content {flex: 0 0 80%;max-width: 80%;} } .section.slides .carousel .holder .col-content h1, .section.slides .carousel .holder .col-content .h1 {color: var(--white);font-size: 4.75rem;font-weight: 700;margin-bottom: 0.9375rem;line-height: 0.93;text-align: left;letter-spacing: 0.2375rem; } @media (min-width: 1639px) {.section.slides .carousel .holder .col-content h1, .section.slides .carousel .holder .col-content .h1 {margin-left: 0.375rem;} } @media (max-width: 991.98px) {.section.slides .carousel .holder .col-content h1, .section.slides .carousel .holder .col-content .h1 {font-size: 3.5rem;} } @media (max-width: 767.98px) {.section.slides .carousel .holder .col-content h1, .section.slides .carousel .holder .col-content .h1 {font-size: 3rem;} } .section.slides .carousel .holder .col-content h1 span, .section.slides .carousel .holder .col-content .h1 span {color: var(--secondary);margin-left: 0.375rem;letter-spacing: 0; } .section.slides .carousel .holder .col-content h2, .section.slides .carousel .holder .col-content .h2 {color: var(--white);font-size: 1.5rem;margin-bottom: 1rem;font-weight: 400;letter-spacing: 0.033125rem; } @media (max-width: 991.98px) {.section.slides .carousel .holder .col-content h2, .section.slides .carousel .holder .col-content .h2 {font-size: 1.25rem;} } @media (max-width: 991.98px) {.section.slides .carousel .holder .col-content .btn-theme {width: 8.75rem;height: 7.1875rem;} } .section.slides .carousel .holder .col-cards {display: flex;flex-direction: column;justify-content: flex-end;padding-bottom: 4.9375rem;padding-top: 14.5625rem; } @media (max-width: 1919.98px) {.section.slides .carousel .holder .col-cards {padding-top: 1.25rem;} } @media (max-width: 991.98px) {.section.slides .carousel .holder .col-cards {padding-top: 0;} } @media (max-width: 1638.98px) {.section.slides .carousel .holder .col-cards .col-card {padding-left: 0.5rem;padding-right: 0.5rem;padding-bottom: 1rem;} } .section.slides .carousel .holder .card {border-radius: 2rem;padding: 2.6875rem 5rem 2.1875rem 2.6875rem;border: 0;background: rgba(135, 247, 226, 0.5);backdrop-filter: blur(10px);color: var(--white);text-decoration: none !important; } .section.slides .carousel .holder .card .img-fluid, .section.slides .carousel .holder .card svg {width: 2.6875rem;height: auto;margin-bottom: 1.25rem; } @media (max-width: 991.98px) {.section.slides .carousel .holder .card .img-fluid, .section.slides .carousel .holder .card svg {width: 1.75rem;margin-bottom: 0.625rem;} } @media only screen and (max-width: 575px) {.section.slides .carousel .holder .card .img-fluid, .section.slides .carousel .holder .card svg {margin-bottom: 0;} } @media (max-width: 1638.98px) {.section.slides .carousel .holder .card {padding: 1.25rem 1.5625rem;} } @media (max-width: 991.98px) {.section.slides .carousel .holder .card {padding: 0.9375rem 1.25rem;align-items: center;} } @media only screen and (max-width: 575px) {.section.slides .carousel .holder .card {flex-direction: row;justify-content: space-between;} } .section.slides .carousel .holder .card h3 {color: var(--black);font-size: 1.7rem;font-weight: 600;letter-spacing: 0.03125rem;margin-bottom: 0.5625rem; } @media (max-width: 1638.98px) {.section.slides .carousel .holder .card h3 {font-size: 1.375rem;} } @media (max-width: 991.98px) {.section.slides .carousel .holder .card h3 {font-size: 1rem;} } @media only screen and (max-width: 575px) {.section.slides .carousel .holder .card h3 {margin-bottom: 0;} } .section.slides .carousel .holder .card p {font-size: 1.125rem;line-height: 1.6111111111;letter-spacing: 0.00625rem;margin-bottom: 1rem;flex-grow: 1;min-height: 3.6875rem; } @media (max-width: 991.98px) {.section.slides .carousel .holder .card p {display: none;} } .section.slides .carousel .holder .card .card-link {color: var(--black); } .section.slides .carousel .holder .card .card-link span {font-size: 1.133125rem;letter-spacing: 0.00625rem; } @media (max-width: 991.98px) {.section.slides .carousel .holder .card .card-link span {display: none;} } .section.slides .carousel .holder .card .card-link svg {width: 1.5rem;margin-bottom: 0;margin-left: 1.4375rem;position: relative;top: -0.0625rem; } @media (max-width: 991.98px) {.section.slides .carousel .holder .card .card-link svg {width: 1.125rem;margin-left: 0;} } @media (max-width: 991.98px) {.section.slides .carousel .holder .card .card-link {font-size: 0.9375rem;} } .section.slides.section-first {margin-top: -17.5625rem; }