.card {position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: var(--card-bg);background-clip: border-box;border: 1px solid var(--card-border-color);border-radius: 0; } .card > hr {margin-right: 0;margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child {border-top-left-radius: 0;border-top-right-radius: 0; } .card > .list-group:last-child .list-group-item:last-child {border-bottom-right-radius: 0;border-bottom-left-radius: 0; } .card-body {flex: 1 1 auto;padding: 1.5rem;color: var(--card-color); } .card-title {margin-bottom: 3rem; } .card-subtitle {margin-top: -1.5rem;margin-bottom: 0; } .card-text:last-child {margin-bottom: 0; } .card-link:hover {text-decoration: none; } .card-link + .card-link {margin-left: 1.5rem; } .card-header {padding: 3rem 1.5rem;margin-bottom: 0;color: var(--card-cap-color);background-color: var(--card-cap-bg);border-bottom: 1px solid var(--card-border-color); } .card-header:first-child {border-radius: calc(0 - 1px) calc(0 - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child {border-top: 0; } .card-footer {padding: 3rem 1.5rem;background-color: var(--card-cap-bg);border-top: 1px solid var(--card-border-color); } .card-footer:last-child {border-radius: 0 0 calc(0 - 1px) calc(0 - 1px); } .card-header-tabs {margin-right: -0.75rem;margin-bottom: -1.5rem;margin-left: -0.75rem;border-bottom: 0; } .card-header-pills {margin-right: -0.75rem;margin-left: -0.75rem; } .card-img-overlay {position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 1.25rem; } .card-img {width: 100%;border-radius: calc(0 - 1px); } .card-img-top {width: 100%;border-top-left-radius: calc(0 - 1px);border-top-right-radius: calc(0 - 1px); } .card-img-bottom {width: 100%;border-bottom-right-radius: calc(0 - 1px);border-bottom-left-radius: calc(0 - 1px); } .card-deck {display: flex;flex-direction: column; } .card-deck .card {margin-bottom: 0.75rem; } @media (min-width: 576px) {.card-deck {flex-flow: row wrap;margin-right: -0.75rem;margin-left: -0.75rem;}.card-deck .card {display: flex;flex: 1 0 0%;flex-direction: column;margin-right: 0.75rem;margin-bottom: 0;margin-left: 0.75rem;} } .card-group {display: flex;flex-direction: column; } .card-group > .card {margin-bottom: 0.75rem; } @media (min-width: 576px) {.card-group {flex-flow: row wrap;}.card-group > .card {flex: 1 0 0%;margin-bottom: 0;}.card-group > .card + .card {margin-left: 0;border-left: 0;}.card-group > .card:not(:last-child) {border-top-right-radius: 0;border-bottom-right-radius: 0;}.card-group > .card:not(:last-child) .card-img-top,.card-group > .card:not(:last-child) .card-header {border-top-right-radius: 0;}.card-group > .card:not(:last-child) .card-img-bottom,.card-group > .card:not(:last-child) .card-footer {border-bottom-right-radius: 0;}.card-group > .card:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}.card-group > .card:not(:first-child) .card-img-top,.card-group > .card:not(:first-child) .card-header {border-top-left-radius: 0;}.card-group > .card:not(:first-child) .card-img-bottom,.card-group > .card:not(:first-child) .card-footer {border-bottom-left-radius: 0;} } .card-columns .card {margin-bottom: 3rem; } @media (min-width: 576px) {.card-columns {column-count: 3;column-gap: 1.25rem;orphans: 1;widows: 1;}.card-columns .card {display: inline-block;width: 100%;} } .accordion > .card {overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child {border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) {border-bottom: 0;border-radius: 0; } .accordion > .card:first-of-type {border-bottom: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0; } .accordion > .card:last-of-type {border-top-left-radius: 0;border-top-right-radius: 0; } .accordion > .card .card-header {margin-bottom: -1px; } .row-card {margin-bottom: -1.5rem; } .col-card {padding-bottom: 1.5rem; } .row-card {padding-left: 3.125rem;padding-right: 3.125rem; } @media (max-width: 650.98px) {.row-card {padding: 0;} } @media (min-width: 992px) {.row-card .col:nth-child(2) .card-holder::before {width: 2px;height: 13.125rem;position: absolute;top: 0;left: 50%;background: var(--primary);} } @media (min-width: 992px) {.row-card .col:nth-child(3) .card-holder::before {width: 2px;height: 28.75rem;position: absolute;top: 0;left: 50%;background: var(--primary);} } @media (min-width: 992px) {.row-card .col:nth-last-child(2) .card-holder::after {width: 2px;height: 11.25rem;position: absolute;bottom: 0;left: 50%;background: var(--primary);} } @media (min-width: 992px) {.row-card .col:nth-last-child(3) .card-holder::after {width: 2px;height: 20.625rem;position: absolute;bottom: 0;left: 50%;background: var(--primary);} } .card-holder {padding-left: 2.375rem;padding-right: 2.375rem;height: 100%; } .card-holder:not(:last-child) {margin-bottom: 6.25rem; } @media (max-width: 650.98px) {.card-holder {padding: 0;} } .card-news {background: transparent;height: 100%; } .card-news .card-img-top .img-fluid {margin-left: -2.375rem;margin-right: -2.375rem;max-width: calc(100% + 4.75rem); } @media (max-width: 650.98px) {.card-news .card-img-top .img-fluid {margin-left: 0;margin-right: 0;max-width: 100%;} } .card-news .card-body {background: var(--primary);color: #040D10;margin-top: -6.25rem;flex-grow: 1;display: flex;flex-direction: column; } @media (max-width: 650.98px) {.card-news .card-body {margin-top: 0;} } .card-news .card-body .card-title {font-size: 1.5rem;margin-bottom: 1.5625rem;flex-grow: 1; } .card-news .card-body .btn {color: var(--black);padding: 0;gap: 1.25rem;display: flex;align-items: center; } .card-news .card-body .btn:hover {color: var(--black); } .card-news .card-body .btn:hover svg {transform: rotate(180deg);transition: transform 0.5s; } .card-news .card-body .btn svg {transition: transform 0.5s; } .card-news .card-title {font-size: 1.5rem;line-height: 2.25rem;color: #040D10;font-style: normal;text-transform: none;margin-bottom: 0.875rem; } .card-news .card-text {flex-grow: 1; } .card-news .card-link {color: #001528;text-transform: uppercase;font-weight: 900;text-align: center;display: block;width: 100%; } .card-news .card-link:hover {color: var(--white); }