.items {max-width: 120rem;margin: 0 auto;padding: 5.5rem 0 5.875rem;text-align: center; } .items .items-title {margin: 0 0 0.875rem;color: var(--black);font-size: 3rem;font-weight: 800;line-height: 1.25;letter-spacing: 0; } .items .items-header {max-width: 45rem;margin: 0 auto 4.5rem;color: rgba(0, 0, 0, 0.6);font-size: 1.25rem;font-weight: 400;line-height: 1.25; } .items .items-row {justify-content: center;margin-right: -1.5625rem;margin-left: -1.5625rem; } .items .col-card {display: flex;padding-right: 1.5625rem;padding-left: 1.5625rem; } .items .item-card {display: flex;flex-direction: column;width: 100%;min-height: 14.75rem;border: 0;border-radius: 0;background: transparent;color: inherit;text-align: center;text-decoration: none; } .items .item-card:hover, .items .item-card:focus {color: inherit;text-decoration: none; } .items .item-card:hover .card-title, .items .item-card:focus .card-title {color: var(--primary); } .items .card-body {display: flex;flex: 1 1 auto;flex-direction: column;align-items: center;padding: 0; } .items .card-icon {width: 6rem;height: 6rem;margin-bottom: 0.9375rem; } .items .card-icon .img-fluid {width: 100%;height: 100%;object-fit: contain; } .items .card-title {margin: 0 0 1.5rem;color: var(--black);font-size: 1.5rem;font-weight: 700;line-height: 1.25;letter-spacing: 0;transition: color 0.2s ease; } .items .card-text {margin: 0;color: rgba(0, 0, 0, 0.6);font-size: 1rem;font-weight: 400;line-height: 1.25;text-align: center; } .items .items-footer {max-width: 45rem;margin: 3.5rem auto 0;color: rgba(0, 0, 0, 0.6);font-size: 1.125rem;line-height: 1.35; } .items-blue {max-width: 117.875rem;padding-top: 5.5rem;padding-bottom: 7.9375rem;border-radius: 0.5rem;background: var(--primary); } .items-blue .items-header {margin-bottom: 4.8125rem; } .items-blue .items-row {max-width: 73.25rem;margin-right: auto;margin-left: auto; } .items-blue .col-card {position: relative;padding-right: 2.25rem;padding-left: 2.25rem; } .items-blue .col-card:not(:last-child)::after {content: "";position: absolute;top: 50%;right: -1.6875rem;width: 0.0625rem;height: 10rem;background: rgba(255, 255, 255, 0.32);transform: translateY(-50%) rotate(19deg);transform-origin: center; } .items-blue .item-card {min-height: 14.8125rem; } .items-blue .card-icon {width: 6rem;height: 6rem;margin-bottom: 0.75rem; } .items-blue .card-title {max-width: 11.25rem;margin-bottom: 1.25rem;font-size: 1.25rem;line-height: 1.5; } .items-blue .card-text {max-width: 13.25rem;font-size: 1rem; } .items-blue .items-title, .items-blue .card-title {color: var(--white); } .items-blue .items-header, .items-blue .card-text, .items-blue .items-footer {color: rgba(255, 255, 255, 0.72); } .items-blue .item-card:hover .card-title, .items-blue .item-card:focus .card-title {color: rgba(255, 255, 255, 0.82); } .items-light {background: var(--white); } .items-light .items-row {max-width: 72rem;margin-right: auto;margin-left: auto; } .items-light .col-card {position: relative;flex: 0 0 20%;max-width: 20%;margin-bottom: 0;padding-right: 0.75rem;padding-left: 0.75rem; } .items-light .col-card:not(:last-child)::before, .items-light .col-card:not(:last-child)::after {content: "";position: absolute;z-index: 1;pointer-events: none; } .items-light .col-card:not(:last-child)::before {top: 6.75rem;right: -1.125rem;width: 2.625rem;height: 0.125rem;background: var(--primary); } .items-light .col-card:not(:last-child)::after {top: 6.3125rem;right: -1.125rem;width: 1rem;height: 1rem;border-top: 0.125rem solid var(--primary);border-right: 0.125rem solid var(--primary);transform: rotate(45deg); } .items-light .item-card {min-height: 11.75rem; } .items-light .card-icon {width: 6.125rem;height: 6.125rem;margin-bottom: 0.5rem; } .items-light .card-title {margin-bottom: 0.625rem;font-size: 1.5rem; } .items-light .card-text {font-size: 1rem; } @media (max-width: 1219.98px) {.items {padding: 4.5rem 0;}.items .items-row {margin-right: -1rem;margin-left: -1rem;}.items .col-card {margin-bottom: 2.25rem;padding-right: 1rem;padding-left: 1rem;}.items-blue .items-row {max-width: 45rem;}.items-blue .col-card {padding-right: 1.75rem;padding-left: 1.75rem;}.items-blue .col-card:nth-child(2n)::after {content: none;}.items-light .col-card {flex-basis: 50%;max-width: 50%;margin-bottom: 2.625rem;}.items-light .col-card:not(:last-child)::before, .items-light .col-card:not(:last-child)::after {content: none;} } @media (max-width: 991.98px) {.items {padding: 3.5rem 0;}.items .items-title {font-size: 2.375rem;}.items .items-header {margin-bottom: 2.875rem;font-size: 1.125rem;}.items .col-card {max-width: 25.625rem;margin-right: auto;margin-left: auto;}.items-blue {padding-top: 3.5rem;padding-bottom: 4rem;border-radius: 0;}.items-blue .items-header {margin-bottom: 2.75rem;}.items-blue .items-row {max-width: 22.5rem;}.items-blue .col-card {max-width: 22.5rem;margin-bottom: 0;padding-right: 1.5rem;padding-left: 1.5rem;}.items-blue .col-card:not(:last-child) {margin-bottom: 1.875rem;padding-bottom: 1.875rem;}.items-blue .col-card:not(:last-child)::after {content: "";position: absolute;top: auto;right: auto;bottom: -1.5rem;left: 50%;width: 0.0625rem;height: 3.375rem;background: rgba(255, 255, 255, 0.32);transform: translateX(-50%) rotate(70deg);transform-origin: center;}.items-blue .item-card {min-height: auto;}.items-blue .card-icon {width: 4.75rem;height: 4.75rem;margin-bottom: 0.625rem;}.items-blue .card-title {margin-bottom: 0.75rem;font-size: 1.25rem;line-height: 1.3;}.items-blue .card-text {font-size: 0.9375rem;}.items-light .items-row {max-width: 22.5rem;}.items-light .col-card {flex-basis: 100%;max-width: 22.5rem;margin-bottom: 0;}.items-light .col-card:not(:last-child) {margin-bottom: 2.375rem;padding-bottom: 2.625rem;}.items-light .col-card:not(:last-child)::before, .items-light .col-card:not(:last-child)::after {content: "";position: absolute;z-index: 1;pointer-events: none;}.items-light .col-card:not(:last-child)::before {top: auto;right: auto;bottom: 0.875rem;left: 50%;width: 0.125rem;height: 1.75rem;background: var(--primary);transform: translateX(-50%);}.items-light .col-card:not(:last-child)::after {top: auto;right: auto;bottom: 0.875rem;left: 50%;width: 0.875rem;height: 0.875rem;border-right: 0.125rem solid var(--primary);border-bottom: 0.125rem solid var(--primary);transform: translateX(-50%) rotate(45deg);} }