.section.actions {max-width: 1920px;margin: 0 auto;padding-top: 5.6875rem; } .section.actions h1, .section.actions .h1 {margin-bottom: 1.125rem;text-align: center; } @media (max-width: 1099.98px) {.section.actions h1, .section.actions .h1 {text-align: center;} } .section.actions .grid {display: grid;gap: 1rem;grid-template-columns: repeat(6, 1fr);grid-template-areas: "grid-item-2 grid-item-2 grid-item-3 grid-item-3 grid-item-1 grid-item-1" "grid-item-2 grid-item-2 grid-item-3 grid-item-3 grid-item-1 grid-item-1" "grid-item-2 grid-item-2 grid-item-4 grid-item-4 grid-item-1 grid-item-1" "grid-item-2 grid-item-2 grid-item-4 grid-item-4 grid-item-1 grid-item-1" "grid-item-5 grid-item-5 grid-item-5 grid-item-6 grid-item-6 grid-item-6"; } @media (max-width: 1099.98px) {.section.actions .grid {grid-template-columns: repeat(2, 1fr);grid-template-areas: "grid-item-2 grid-item-3" "grid-item-2 grid-item-4" "grid-item-5 grid-item-6" "grid-item-1 grid-item-1";} } @media (max-width: 650.98px) {.section.actions .grid {grid-template-columns: 100% 1fr;grid-template-areas: "grid-item-2" "grid-item-3" "grid-item-4" "grid-item-5" "grid-item-6" "grid-item-1";} } .section.actions .grid .grid-item {width: 100%; } .section.actions .grid .card {border: 0;text-decoration: none !important;color: var(--body-color);overflow: hidden;transition-duration: 250ms;transition-property: background, color; } .section.actions .grid .card .card-img {position: relative;overflow: hidden;flex-grow: 1;flex-shrink: 0; } .section.actions .grid .card .img-fluid {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover; } .section.actions .grid .card .card-body {overflow: hidden;padding-bottom: 0;margin-bottom: 0.625rem; } .section.actions .grid .card .card-title {transition-duration: 250ms;transition-property: background, color; } .section.actions .grid .card .card-text {margin-bottom: 1.5625rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;flex-grow: 1; } .section.actions .grid .card:hover {background: var(--primary);color: var(--white); } .section.actions .grid .card:hover .card-title, .section.actions .grid .card:hover .card-text {color: var(--white); } .section.actions .grid .card-holder {position: relative;flex-shrink: 1;flex-grow: 0;height: auto;overflow: hidden; } .section.actions .grid .carousel {height: 100%; } .section.actions .grid .carousel .item {display: flex;flex-direction: column; } .section.actions .grid .pager {display: flex;align-items: center;justify-content: center;padding-bottom: 1.8125rem;width: 100%; } .section.actions .grid .pager .nav-link {width: 2.125rem;height: 0.25rem;padding: 0;border: 0;margin: 0 0.1875rem; } .section.actions .grid .pager .nav-link.active {background: var(--color2); } .section.actions .grid .grid-item-1 {grid-area: grid-item-1;aspect-ratio: 413/709;margin-top: -5.6875rem; } @media (max-width: 1099.98px) {.section.actions .grid .grid-item-1 {aspect-ratio: auto;margin-top: 0;} } .section.actions .grid .grid-item-1 .card-img {aspect-ratio: 365/257; } @media (max-width: 1099.98px) {.section.actions .grid .grid-item-1 .card-img {aspect-ratio: 413/337;} } .section.actions .grid .grid-item-1 .card {background: var(--primary);color: var(--white); } .section.actions .grid .grid-item-1 h2, .section.actions .grid .grid-item-1 .h2 {font-size: 2.5rem;font-weight: 700;text-transform: uppercase;color: var(--white);padding: 1rem;text-align: center;margin-top: 0.125rem;margin-bottom: 0.0625rem; } .section.actions .grid .grid-item-1 .card-title, .section.actions .grid .grid-item-1 .card-text {color: var(--white); } .section.actions .grid .grid-item-1 .card-footer {border: 0;display: flex;align-items: center;justify-content: center;padding-bottom: 1.5625rem;padding-top: 0; } .section.actions .grid .grid-item-1 .card-footer .btn {font-size: 1.125rem;font-weight: 700;text-transform: uppercase;padding: 0.5rem 1.25rem; } .section.actions .grid .grid-item-2 {grid-area: grid-item-2;aspect-ratio: 413/620; } @media (max-width: 1099.98px) {.section.actions .grid .grid-item-2 {aspect-ratio: auto;} } .section.actions .grid .grid-item-2 .card-img {aspect-ratio: 413/368; } @media (max-width: 1099.98px) {.section.actions .grid .grid-item-2 .card-img {aspect-ratio: 413/337;} } .section.actions .grid .grid-item-3 {grid-area: grid-item-3;aspect-ratio: 413/302; } @media (max-width: 1099.98px) {.section.actions .grid .grid-item-3 {aspect-ratio: auto;} } .section.actions .grid .grid-item-3 .card-img {aspect-ratio: 413/220; } @media (max-width: 1099.98px) {.section.actions .grid .grid-item-3 .card-img {aspect-ratio: 413/337;} } .section.actions .grid .grid-item-3 .card-title {margin-bottom: 0; } .section.actions .grid .grid-item-3 .card-text {display: none; } .section.actions .grid .grid-item-4 {grid-area: grid-item-4;aspect-ratio: 413/302; } @media (max-width: 1099.98px) {.section.actions .grid .grid-item-4 {aspect-ratio: auto;} } .section.actions .grid .grid-item-4 .card-img {aspect-ratio: 413/220; } @media (max-width: 1099.98px) {.section.actions .grid .grid-item-4 .card-img {aspect-ratio: 413/337;} } .section.actions .grid .grid-item-4 .card-title {margin-bottom: 0; } .section.actions .grid .grid-item-4 .card-text {display: none; } .section.actions .grid .grid-item-5 {grid-area: grid-item-5;aspect-ratio: 630/172; } @media (max-width: 1099.98px) {.section.actions .grid .grid-item-5 {aspect-ratio: auto;} } .section.actions .grid .grid-item-5 .card {flex-direction: row; } @media (max-width: 1099.98px) {.section.actions .grid .grid-item-5 .card {flex-direction: column;} } .section.actions .grid .grid-item-5 .card-img {aspect-ratio: 202/172;width: auto;height: 100%;flex-shrink: 0; } @media (max-width: 1099.98px) {.section.actions .grid .grid-item-5 .card-img {width: 100%;height: auto;aspect-ratio: 413/337;} } .section.actions .grid .grid-item-5 .card-text {margin-bottom: 0; } .section.actions .grid .grid-item-6 {grid-area: grid-item-6;aspect-ratio: 630/172; } @media (max-width: 1099.98px) {.section.actions .grid .grid-item-6 {aspect-ratio: auto;} } .section.actions .grid .grid-item-6 .card {flex-direction: row; } @media (max-width: 1099.98px) {.section.actions .grid .grid-item-6 .card {flex-direction: column;} } .section.actions .grid .grid-item-6 .card-img {aspect-ratio: 202/172;width: auto;height: 100%;flex-shrink: 0; } @media (max-width: 1099.98px) {.section.actions .grid .grid-item-6 .card-img {width: 100%;height: auto;aspect-ratio: 413/337;} } .section.actions .grid .grid-item-6 .card-text {margin-bottom: 0; } .section.actions .section-footer {display: flex;align-items: center;justify-content: center;padding: 3.125rem 0; } .section.actions .section-footer .btn {font-size: 1.125rem;font-weight: 700;text-transform: uppercase;padding: 0.875rem 1.5625rem; }