.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.8rem;color: var(--card-color); } .card-title {margin-bottom: 3.6rem; } .card-subtitle {margin-top: -1.8rem;margin-bottom: 0; } .card-text:last-child {margin-bottom: 0; } .card-link:hover {text-decoration: none; } .card-link + .card-link {margin-left: 1.8rem; } .card-header {padding: 3.6rem 1.8rem;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: 3.6rem 1.8rem;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.9rem;margin-bottom: -1.8rem;margin-left: -0.9rem;border-bottom: 0; } .card-header-pills {margin-right: -0.9rem;margin-left: -0.9rem; } .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.9rem; } @media (min-width: 576px) {.card-deck {flex-flow: row wrap;margin-right: -0.9rem;margin-left: -0.9rem;}.card-deck .card {display: flex;flex: 1 0 0%;flex-direction: column;margin-right: 0.9rem;margin-bottom: 0;margin-left: 0.9rem;} } .card-group {display: flex;flex-direction: column; } .card-group > .card {margin-bottom: 0.9rem; } @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: 3.6rem; } @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.8rem; } .col-card {padding-bottom: 1.8rem; } .card {flex-grow: 1;flex-shrink: 0;border: 0;border-radius: 0.9rem;height: 100%;box-shadow: 0 0 0.5rem rgba(var(--black), 0.25);padding: 0;transition: box-shadow 0.5s;background: transparent;border: solid 1px var(--color3); } .card.card-body {padding: 1.25rem; } .card .card-body {display: flex;flex-direction: column;align-items: flex-start;width: 100%;text-align: left;padding: 1.25rem; } .card .card-body .form-group {width: 100%; } .card .card-body .form-group:last-child {margin-bottom: 0; } .card .card-footer {background: transparent;border: 0; } .card .card-title {font-size: 1.2rem;line-height: 1.4rem;margin-bottom: 1.5rem; } .card .card-text {margin-bottom: 1.25rem;max-height: 4.7rem; } .card.card-1 {background: transparent;padding: 0;border: 0; } .card.card-1 .card-img-top {position: absolute;z-index: 1;display: flex;align-items: center;justify-content: center;width: 100%; } .card.card-1 .card-img-top .img-fluid {display: block;width: 80%;max-width: 18rem;max-height: 9.9rem;margin-left: auto;margin-right: auto; } .card.card-1 .card-body {border: solid 1px var(--color3);padding-top: 6.1rem;margin-top: 3.95rem;border-radius: 0.9rem;display: flex;flex-direction: column;justify-content: space-between;padding-bottom: 3rem;background: rgba(19, 32, 66, 0.4); } .card.card-1 .card-body .card-title {font-size: 1rem;line-height: 1.8;color: var(--white);text-transform: uppercase;margin-bottom: 0.5rem; } .card.card-1 .card-body .btn {text-transform: uppercase;box-shadow: 0 0 1.19rem 0 rgba(34, 211, 238, 0.57); } .card.card-2 {padding: 1.8rem;background: rgba(19, 32, 66, 0.4);overflow: clip; } .card.card-2::before, .card.card-2::after {content: " ";position: absolute;top: 0;right: 0;background: rgba(34, 211, 238, 0.2); } .card.card-2::before {width: 20%;height: 0.1125rem; } .card.card-2::after {width: 0.1125rem;height: 20%; } .card.card-2 .card-img-top {width: 4.5rem;position: absolute; } .card.card-2 .card-body {padding: 6.1rem 0 1.6rem 0; } .card.card-2 .card-title {font-size: 1rem;text-transform: uppercase;color: var(--white);margin-bottom: 0.8rem; } .card.card-2 .card-text {font-size: 0.765rem;line-height: 1.6993464052;color: var(--color6);max-width: 320px; } .card.card-3 {padding: 1.8rem; } .card.card-3 .card-img-top {width: 4.5rem;position: absolute; } .card.card-3 .card-body {padding: 3.1rem 0 0.1rem 0; } .card.card-3 .card-title {font-size: 1rem;text-transform: uppercase;color: var(--white);margin-bottom: 0.8rem; } .card.card-3 .card-text {font-size: 0.765rem;line-height: 1.6993464052;color: var(--color6);max-width: 320px;margin-bottom: 0; } .card.card-3 .stars {position: absolute;top: 1.4rem;left: 1.5rem;color: var(--primary); } .card.card-3 .person {margin-top: 58px; } .card.card-3 .person .img-fluid {width: 2.8rem;height: 2.8rem;object-fit: cover;border-radius: 1.4rem;border: solid 0.1rem var(--primary);margin-right: 0.65rem; } .card.card-3 .person .name {font-size: 0.765rem;line-height: 1.6993464052;font-weight: 700;margin-bottom: 0; } .card.card-3 .person .job {font-size: 0.6rem;line-height: 1.6666666667;font-weight: 400;margin-bottom: 0; } .card.card-3 .person .company {font-size: 0.55rem;line-height: 1.4545454545;font-weight: 400;color: var(--primary);margin-bottom: 0;margin-top: -4px; } .card.card-3 .vector {position: absolute;top: 0;right: 0; } .card.card-3 .vector.vector-1 {right: 4.35rem; } .card.card-3 .vector.vector-2 {right: 0.9rem; } .card.card-4 {padding: 0;overflow: hidden;border: solid 1px var(--color7);font-size: 0.765rem;line-height: 1.6993464052;font-weight: 700;width: 100%; } .card.card-4 .card-img-top {inset: 0;width: 100%;height: 100%;position: absolute; } .card.card-4 .card-img-top .img-fluid {inset: 0;width: 100%;height: 100%;object-fit: cover; } .card.card-4 .card-body {position: absolute;inset: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.82);transform: translateY(100%);transition-duration: 0.15s;transition-property: transform;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center; } .card.card-4 .card-body *:last-child {margin-bottom: 0; } .card.card-4:hover .card-body {transform: translateY(0); } .card.card-5 {background: #132042;justify-content: space-between; } .card.card-5 .card-img-top {text-align: center;margin-bottom: 0.75rem; } .card.card-5 h3, .card.card-5 .h3 {font-weight: 700;font-size: 0.765rem;line-height: 1.4rem;text-align: center;margin-bottom: 0; } .card.card-6 {border-radius: 0.8rem; } .card.card-6::before, .card.card-6::after {content: " ";position: absolute;bottom: 0.8rem;right: 0.8rem;background: rgba(34, 211, 238, 0.2); } .card.card-6::before {width: calc(11% - 0.1rem);height: 0.1rem;right: 0.9rem; } .card.card-6::after {width: 0.1rem;height: 11%; } .card.card-6 .card-img-top {background: #112038;aspect-ratio: 403/191;border-radius: 0.8rem 0.8rem 0 0;text-align: center;display: flex;align-items: center;justify-content: center; } .card.card-6 .card-img-top svg, .card.card-6 .card-img-top .img-fluid {width: 3.2rem;height: auto; } .card.card-6 .card-body {padding: 1.85rem 1.6rem;font-weight: 400;font-size: 0.765rem;line-height: 1.6993464052;color: #9CA3AF; } .card.card-6 h3, .card.card-6 .h3 {font-weight: 600;font-size: 0.8rem;text-transform: uppercase;max-width: 275px;margin-bottom: 0.9rem; } .card.card-6 p {margin-bottom: 0; } .card.card-7.card-body, .card.card-7 .card-body {padding: 1.6rem;background: rgba(19, 32, 66, 0.2);border-radius: 1.2rem; } .card.card-8 {aspect-ratio: 1/1;width: 100%; } .card.card-8 .card-img-top {flex-grow: 1;flex-shrink: 0;text-align: center;padding: 33px 0 0 0; } .card.card-8 .card-body {flex-grow: 0;flex-shrink: 1;padding: 13px 13px 28px 13px;text-align: center;justify-content: center;align-items: center; } .card.card-8 h3, .card.card-8 .h3 {font-weight: 600;font-size: 10px;text-align: center;text-transform: uppercase;margin-bottom: 0; } a.card {text-decoration: none !important; } a.card:hover {box-shadow: 0px 0.15rem 0.3rem rgba(0, 0, 0, 0.2);transition: box-shadow 0.5s; }